:root{--nw-accent:#0ea5e9;--bg-void:#050608;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155}

*{margin:0;padding:0;box-sizing:border-box}

body{font-family:'Outfit',system-ui,sans-serif;background:var(--bg-void);color:var(--text-primary);min-height:100vh}

#globe-canvas{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:0;transition:opacity 2s ease}

#globe-canvas.loaded{opacity:1}

.globe-vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 20%,rgba(5,6,8,0.5) 50%,rgba(5,6,8,0.94) 78%)}

.page-wrapper{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5vh 20px 1.5vh;overflow-x:hidden}

.hero{text-align:center;margin-bottom:1.2vh;animation:fadeUp 0.8s ease-out}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.brand-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(14,165,233,0.08);border:1px solid rgba(14,165,233,0.2);border-radius:999px;padding:4px 14px 4px 8px;font-size:11px;font-weight:500;color:var(--nw-accent);letter-spacing:0.5px;margin-bottom:1vh;text-transform:uppercase}

.brand-badge .dot{width:8px;height:8px;background:var(--nw-accent);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}

@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}

.hero h1{font-size:clamp(28px,4.5vw,48px);font-weight:900;letter-spacing:-2px;line-height:1.05;margin-bottom:2px;background:linear-gradient(135deg,#f1f5f9 0%,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--nw-accent) 0%,#38bdf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.hero-subtitle{font-size:clamp(12px,1.4vw,15px);font-weight:300;color:var(--text-secondary);letter-spacing:3px;text-transform:uppercase;margin-bottom:0.5vh}

.hero-tagline{font-size:clamp(11px,1.1vw,13px);color:var(--text-muted);max-width:420px;margin:0 auto;line-height:1.5}

.section-label{text-align:center;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:3px;margin-bottom:1.5vh}

.categories-section{width:100%;max-width:1400px;margin-bottom:1vh}

.shaped-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.2vw,16px);justify-items:center}

.shaped-card{position:relative;width:100%;cursor:pointer;text-decoration:none;display:block;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),filter 0.4s ease}

.shaped-card:hover{transform:translateY(-4px) scale(1.01)}

.shape-shell{position:relative;width:100%;padding:2px;background:#334155;transition:background 0.5s ease,box-shadow 0.5s ease,clip-path 0.6s cubic-bezier(0.4,0,0.2,1)}

.shaped-card:hover .shape-shell{background:var(--card-accent);box-shadow:0 8px 40px var(--card-glow),0 0 60px var(--card-glow)}

.shape-inner{width:100%;background:linear-gradient(165deg,rgba(17,24,39,0.94),rgba(10,13,22,0.98));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:clip-path 0.6s cubic-bezier(0.4,0,0.2,1)}

.shape-content{padding:clamp(20px,2.5vh,32px) clamp(12px,1vw,20px) clamp(16px,2vh,26px);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:160px;justify-content:center}

.shape-icon{width:clamp(28px,3vw,38px);height:clamp(28px,3vw,38px);margin-bottom:clamp(6px,0.8vh,12px);opacity:0.4;filter:grayscale(1) brightness(0.7);transition:transform 0.4s ease,opacity 0.4s ease,filter 0.4s ease}

.shaped-card:hover .shape-icon{transform:scale(1.12);opacity:1;filter:none}

.shape-icon svg{width:100%;height:100%;fill:none;stroke:var(--icon-color);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.shape-title{font-size:clamp(12px,1.1vw,16px);font-weight:700;letter-spacing:-0.3px;margin-bottom:clamp(4px,0.6vh,8px);line-height:1.2;transition:filter 0.5s ease;filter:grayscale(1) brightness(0.8)}

.shaped-card:hover .shape-title{filter:none}

.card-real-estate .shape-title{font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:clamp(11px,1vw,14px);color:#7dd3fc}

.card-businesses .shape-title{font-weight:800;letter-spacing:0.5px;font-size:clamp(12px,1.1vw,16px);color:#fcd34d}

.card-marine .shape-title{font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-size:clamp(11px,1vw,13px);color:#67e8f9}

.card-aircraft .shape-title{font-weight:300;letter-spacing:3px;text-transform:uppercase;font-size:clamp(11px,1vw,13px);color:#c4b5fd}

.card-equipment .shape-title{font-weight:900;letter-spacing:-0.5px;font-size:clamp(12px,1.1vw,15px);color:#6ee7b7}

.card-vehicles .shape-title{font-weight:900;letter-spacing:0.5px;text-transform:uppercase;font-size:clamp(11px,1vw,13px);color:#fdba74}

.card-energy .shape-title{font-weight:700;letter-spacing:1px;font-size:clamp(11px,1vw,14px);color:#bef264}

.card-mining .shape-title{font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:clamp(10px,0.9vw,13px);color:#a5b4fc}

.card-medical .shape-title{font-weight:500;letter-spacing:2px;text-transform:uppercase;font-size:clamp(11px,1vw,13px);color:#5eead4}

.card-luxury .shape-title{font-weight:300;letter-spacing:3px;text-transform:uppercase;font-size:clamp(10px,0.9vw,13px);color:#fde68a}

.card-agricultural .shape-title{font-weight:700;letter-spacing:0.5px;font-size:clamp(12px,1.1vw,16px);color:#86efac}

.shape-desc{font-size:clamp(10px,0.85vw,12px);color:var(--text-secondary);line-height:1.4;margin-bottom:clamp(6px,0.8vh,12px);max-width:260px;transition:opacity 0.4s ease 0.08s;opacity:0}

.shaped-card:hover .shape-desc{opacity:1}

.shape-pills{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;transition:opacity 0.4s ease 0.12s;opacity:0}

.shaped-card:hover .shape-pills{opacity:1}

.shape-pill{padding:2px 8px;border-radius:999px;font-size:clamp(8px,0.7vw,10px);font-weight:600;letter-spacing:0.3px;border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--pill-text);transition:all 0.25s ease}

.shaped-card:hover .shape-pill{border-color:var(--pill-hover-border);background:var(--pill-hover-bg)}


.shape-house .shape-shell,.shape-house .shape-inner{clip-path:polygon(50% 0%,100% 0%,100% 100%,0% 100%,0% 0%)}

.shape-house:hover .shape-shell,.shape-house:hover .shape-inner{clip-path:polygon(50% 0%,100% 20%,100% 100%,0% 100%,0% 20%)}

.shape-house .shape-content{padding-top:clamp(20px,2.5vh,32px)}

.shape-building .shape-shell,.shape-building .shape-inner{clip-path:polygon(0% 0%,100% 0%,100% 0%,100% 0%,100% 100%,0% 100%,0% 0%,0% 0%)}

.shape-building:hover .shape-shell,.shape-building:hover .shape-inner{clip-path:polygon(15% 0%,85% 0%,85% 5%,100% 5%,100% 100%,0% 100%,0% 5%,15% 5%)}

.shape-boat .shape-shell,.shape-boat .shape-inner{clip-path:polygon(0% 0%,100% 0%,100% 100%,100% 100%,0% 100%,0% 100%)}

.shape-boat:hover .shape-shell,.shape-boat:hover .shape-inner{clip-path:polygon(0% 0%,100% 0%,100% 75%,85% 100%,15% 100%,0% 75%)}

.shape-boat .shape-content{padding-bottom:clamp(16px,2vh,26px)}

.shape-wing .shape-shell,.shape-wing .shape-inner{clip-path:polygon(0% 0%,100% 0%,100% 100%,100% 100%,0% 100%,0% 0%)}

.shape-wing:hover .shape-shell,.shape-wing:hover .shape-inner{clip-path:polygon(20% 0%,100% 0%,100% 85%,80% 100%,0% 100%,0% 15%)}

.shape-hex .shape-shell,.shape-hex .shape-inner{clip-path:polygon(0% 0%,100% 0%,100% 0%,100% 100%,100% 100%,0% 100%,0% 100%,0% 0%)}

.shape-hex:hover .shape-shell,.shape-hex:hover .shape-inner{clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%,0% 25%)}

.shape-hex .shape-content{}

.shape-aero .shape-shell,.shape-aero .shape-inner{clip-path:polygon(0% 0%,100% 0%,100% 100%,100% 100%,0% 100%,0% 0%)}

.shape-aero:hover .shape-shell,.shape-aero:hover .shape-inner{clip-path:polygon(8% 0%,100% 0%,100% 80%,92% 100%,0% 100%,0% 20%)}

.shape-bolt .shape-shell,.shape-bolt .shape-inner{clip-path:polygon(0% 0%,100% 0%,100% 0%,100% 100%,100% 100%,0% 100%,0% 100%,0% 0%)}

.shape-bolt:hover .shape-shell,.shape-bolt:hover .shape-inner{clip-path:polygon(10% 0%,90% 0%,100% 12%,100% 88%,90% 100%,10% 100%,0% 88%,0% 12%)}

.shape-bolt .shape-content{}

.shape-diamond .shape-shell,.shape-diamond .shape-inner{clip-path:polygon(50% 0%,100% 0%,100% 100%,50% 100%,0% 100%,0% 0%)}

.shape-diamond:hover .shape-shell,.shape-diamond:hover .shape-inner{clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}

.shape-diamond .shape-content{}

.shape-cross .shape-shell,.shape-cross .shape-inner{clip-path:polygon(0% 0%,100% 0%,100% 0%,100% 0%,100% 100%,100% 100%,100% 100%,0% 100%,0% 100%,0% 100%,0% 0%,0% 0%)}

.shape-cross:hover .shape-shell,.shape-cross:hover .shape-inner{clip-path:polygon(30% 0%,70% 0%,70% 15%,100% 15%,100% 85%,70% 85%,70% 100%,30% 100%,30% 85%,0% 85%,0% 15%,30% 15%)}

.shape-cross .shape-content{}

.shape-crown .shape-shell,.shape-crown .shape-inner{clip-path:polygon(0% 0%,20% 0%,35% 0%,50% 0%,65% 0%,80% 0%,100% 0%,100% 100%,0% 100%)}

.shape-crown:hover .shape-shell,.shape-crown:hover .shape-inner{clip-path:polygon(0% 15%,20% 0%,35% 12%,50% 0%,65% 12%,80% 0%,100% 15%,100% 100%,0% 100%)}

.shape-crown .shape-content{padding-top:clamp(20px,2.5vh,32px)}

.shape-barn .shape-shell,.shape-barn .shape-inner{clip-path:polygon(0% 0%,50% 0%,100% 0%,100% 0%,100% 100%,0% 100%,0% 0%)}

.shape-barn:hover .shape-shell,.shape-barn:hover .shape-inner{clip-path:polygon(10% 20%,50% 0%,90% 20%,100% 20%,100% 100%,0% 100%,0% 20%)}

.shape-barn .shape-content{padding-top:clamp(20px,2.5vh,32px)}

.card-real-estate{--card-accent:#0ea5e9;--card-glow:rgba(14,165,233,0.15);--icon-color:#38bdf8;--pill-border:rgba(14,165,233,0.25);--pill-bg:rgba(14,165,233,0.08);--pill-text:#7dd3fc;--pill-hover-bg:rgba(14,165,233,0.18);--pill-hover-border:rgba(14,165,233,0.45)}

.card-businesses{--card-accent:#f59e0b;--card-glow:rgba(245,158,11,0.15);--icon-color:#fbbf24;--pill-border:rgba(245,158,11,0.25);--pill-bg:rgba(245,158,11,0.08);--pill-text:#fcd34d;--pill-hover-bg:rgba(245,158,11,0.18);--pill-hover-border:rgba(245,158,11,0.45)}

.card-marine{--card-accent:#06b6d4;--card-glow:rgba(6,182,212,0.15);--icon-color:#22d3ee;--pill-border:rgba(6,182,212,0.25);--pill-bg:rgba(6,182,212,0.08);--pill-text:#67e8f9;--pill-hover-bg:rgba(6,182,212,0.18);--pill-hover-border:rgba(6,182,212,0.45)}

.card-aircraft{--card-accent:#8b5cf6;--card-glow:rgba(139,92,246,0.15);--icon-color:#a78bfa;--pill-border:rgba(139,92,246,0.25);--pill-bg:rgba(139,92,246,0.08);--pill-text:#c4b5fd;--pill-hover-bg:rgba(139,92,246,0.18);--pill-hover-border:rgba(139,92,246,0.45)}

.card-equipment{--card-accent:#10b981;--card-glow:rgba(16,185,129,0.15);--icon-color:#34d399;--pill-border:rgba(16,185,129,0.25);--pill-bg:rgba(16,185,129,0.08);--pill-text:#6ee7b7;--pill-hover-bg:rgba(16,185,129,0.18);--pill-hover-border:rgba(16,185,129,0.45)}

.card-vehicles{--card-accent:#ea580c;--card-glow:rgba(234,88,12,0.15);--icon-color:#fb923c;--pill-border:rgba(234,88,12,0.25);--pill-bg:rgba(234,88,12,0.08);--pill-text:#fdba74;--pill-hover-bg:rgba(234,88,12,0.18);--pill-hover-border:rgba(234,88,12,0.45)}

.card-energy{--card-accent:#84cc16;--card-glow:rgba(132,204,22,0.15);--icon-color:#a3e635;--pill-border:rgba(132,204,22,0.25);--pill-bg:rgba(132,204,22,0.08);--pill-text:#bef264;--pill-hover-bg:rgba(132,204,22,0.18);--pill-hover-border:rgba(132,204,22,0.45)}

.card-mining{--card-accent:#6366f1;--card-glow:rgba(99,102,241,0.15);--icon-color:#818cf8;--pill-border:rgba(99,102,241,0.25);--pill-bg:rgba(99,102,241,0.08);--pill-text:#a5b4fc;--pill-hover-bg:rgba(99,102,241,0.18);--pill-hover-border:rgba(99,102,241,0.45)}

.card-medical{--card-accent:#14b8a6;--card-glow:rgba(20,184,166,0.15);--icon-color:#2dd4bf;--pill-border:rgba(20,184,166,0.25);--pill-bg:rgba(20,184,166,0.08);--pill-text:#5eead4;--pill-hover-bg:rgba(20,184,166,0.18);--pill-hover-border:rgba(20,184,166,0.45)}

.card-luxury{--card-accent:#eab308;--card-glow:rgba(234,179,8,0.18);--icon-color:#facc15;--pill-border:rgba(234,179,8,0.3);--pill-bg:rgba(234,179,8,0.08);--pill-text:#fde047;--pill-hover-bg:rgba(234,179,8,0.18);--pill-hover-border:rgba(234,179,8,0.45)}

.card-agricultural{--card-accent:#22c55e;--card-glow:rgba(34,197,94,0.15);--icon-color:#4ade80;--pill-border:rgba(34,197,94,0.25);--pill-bg:rgba(34,197,94,0.08);--pill-text:#86efac;--pill-hover-bg:rgba(34,197,94,0.18);--pill-hover-border:rgba(34,197,94,0.45)}

.coming-soon-banner{text-align:center;margin-top:0.5vh;margin-bottom:0.5vh}

.coming-soon-banner p{font-size:12px;color:var(--text-muted)}

.coming-soon-banner span{display:block;font-size:10px;font-weight:500;color:var(--text-muted);opacity:0.6;letter-spacing:1px;margin-top:2px;text-transform:uppercase}

.coming-soon-dots{display:flex;gap:5px;justify-content:center;margin-top:4px}

.coming-soon-dots i{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:0.4}

.stats-bar{display:flex;justify-content:center;gap:40px;margin-top:0;padding:1vh 0;border-top:1px solid rgba(51,65,85,0.4)}

.stat-item{text-align:center}

.stat-value{font-size:clamp(16px,1.8vw,22px);font-weight:800;color:var(--nw-accent);letter-spacing:-1px}

.stat-label{font-size:9px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px}

.page-footer{text-align:center;padding-top:0.5vh}

.nw-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid rgba(14,165,233,0.15);background:rgba(14,165,233,0.05);font-size:11px;font-weight:500;color:var(--text-secondary)}

.nw-badge svg{width:13px;height:13px;fill:var(--nw-accent)}

@media(max-width:1200px){.shaped-grid{grid-template-columns:repeat(3,1fr)}}

@media(max-width:900px){.shaped-grid{grid-template-columns:repeat(2,1fr);gap:12px}}

@media(max-width:580px){.page-wrapper{padding:16px 10px 24px}.hero{margin-bottom:8px}.hero h1{letter-spacing:-1px}.shaped-grid{grid-template-columns:1fr;gap:10px;max-width:340px;margin:0 auto}.stats-bar{gap:20px;flex-wrap:wrap}}