:root { --ink:#06100f; --night:#030908; --teal:#25e7ca; --mint:#bcfff2; --cream:#f5f3ea; --muted:#afbbb6; }
* { box-sizing:border-box; }
body { overflow-x:hidden; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--cream); background:var(--night); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.container { width:min(1160px, calc(100% - 48px)); margin:auto; }
.hero { min-height:760px; position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; background:#050809; }
.motion-background, .hero-photo, .grain, .aurora, .lightning { position:absolute; inset:0; pointer-events:none; }
.motion-background { z-index:-1; overflow:hidden; background:radial-gradient(ellipse at 66% 8%, rgba(68,89,255,.23), transparent 26%),radial-gradient(ellipse at 18% 88%, rgba(37,231,202,.14), transparent 32%), #030706; }
.hero-photo { opacity:.07; background:linear-gradient(90deg,#020706 10%,rgba(2,7,6,.38) 60%,#020706), url('assets/lavender-landscape.png') center/cover; filter:saturate(.85) contrast(1.16); animation:drift 18s ease-in-out infinite alternate; transform:scale(1.08); }
.motion-background:after { content:""; position:absolute; inset:-30%; background-image:radial-gradient(#65ffe6 1px,transparent 1px); background-size:78px 78px; opacity:.22; animation:stars 42s linear infinite; }
.aurora { filter:blur(28px); opacity:.34; mix-blend-mode:screen; }
.aurora-one { inset:auto; height:310px; width:70%; left:-10%; top:35%; background:linear-gradient(90deg, transparent, #057667 35%, #29ffd9 55%,transparent); border-radius:50%; transform:rotate(-18deg); animation:wave 11s ease-in-out infinite; }
.aurora-two { inset:auto; height:190px; width:45%; right:-10%; top:24%; background:linear-gradient(90deg, transparent,#7057ff,#1df7d4,transparent); border-radius:50%; transform:rotate(28deg); animation:wave 14s -5s ease-in-out infinite reverse; }
.lightning { opacity:.22; background:linear-gradient(110deg,transparent 42%,rgba(210,255,246,0) 47%,rgba(173,255,242,.8) 49%,rgba(37,231,202,.5) 50%,transparent 52%); transform:translateX(-110%); animation:flash 9s 2s infinite; mix-blend-mode:screen; }
.hero-sculpture { position:absolute; width:680px; height:620px; right:-35px; top:118px; z-index:0; perspective:900px; pointer-events:none; }.hero-globe,.hero-orbit,.hero-glint { position:absolute; display:block; }.hero-globe { border-radius:50%; }.hero-globe-main { width:350px; height:350px; right:88px; top:100px; background:radial-gradient(circle at 30% 25%,#e9fffb 0 1%,#73ffe8 7%,#14aa97 28%,#073e3c 53%,#020d10 75%); box-shadow:0 0 52px 11px rgba(41,238,207,.3),inset -42px -46px 83px rgba(0,7,10,.9); animation:heroFloat 8s ease-in-out infinite; }.hero-globe-main:after { content:""; position:absolute; width:18%; height:18%; left:22%; top:14%; border-radius:50%; background:rgba(255,255,255,.74); filter:blur(10px); }.hero-globe-small { width:132px; height:132px; left:72px; top:103px; background:radial-gradient(circle at 30% 27%,#f7f4ff,#9a7bff 14%,#4c249f 48%,#170c34 76%); box-shadow:0 0 38px 10px rgba(125,91,255,.4),inset -22px -23px 33px rgba(7,3,17,.75); animation:heroFloat 6.6s -1.7s ease-in-out infinite reverse; }.hero-globe-gold { width:70px; height:70px; right:38px; top:61px; background:radial-gradient(circle at 30% 28%,#fffbd2,#ffe776 17%,#b97b0e 52%,#392100 76%); box-shadow:0 0 32px 7px rgba(255,211,83,.28); animation:heroFloat 5.3s -.8s ease-in-out infinite; }.hero-orbit { border:1px solid rgba(133,255,237,.75); border-radius:50%; left:50%; top:50%; transform-style:preserve-3d; }.hero-orbit-wide { width:650px; height:175px; margin:-88px 0 0 -325px; box-shadow:0 0 28px rgba(43,240,209,.4),inset 0 0 22px rgba(43,240,209,.18); transform:rotateX(68deg) rotateZ(-18deg); animation:heroOrbit 13s linear infinite; }.hero-orbit-close { width:400px; height:135px; margin:-68px 0 0 -200px; border-color:rgba(149,116,255,.7); box-shadow:0 0 26px rgba(112,78,255,.42); transform:rotateX(70deg) rotateZ(41deg); animation:heroOrbit 10s linear infinite reverse; }.hero-glint { width:6px; height:6px; border-radius:50%; background:#e5fffa; box-shadow:0 0 18px 5px #28e7ca; }.hero-glint-one { left:155px; top:80px; animation:heroGlint 4s ease-in-out infinite; }.hero-glint-two { right:142px; bottom:90px; animation:heroGlint 5s -2s ease-in-out infinite reverse; }
.lightning-two { transform:translateX(-110%) scaleY(-1); animation-delay:6s; opacity:.35; }
.grain { opacity:.12; background-image:radial-gradient(rgba(218,255,248,.7) .6px,transparent .8px); background-size:7px 7px; mix-blend-mode:screen; animation:grain 1s steps(2) infinite; }
.consultation-banner { position:relative; z-index:2; min-height:42px; display:flex; align-items:center; justify-content:center; gap:12px; padding:8px 26px; border-bottom:1px solid rgba(164,255,240,.2); background:linear-gradient(90deg,rgba(7,35,47,.72),rgba(23,138,125,.58),rgba(18,40,78,.72)); color:#d9fff8; font:10px 'DM Mono',monospace; letter-spacing:.06em; text-transform:uppercase; transition:background .25s; }.consultation-banner:hover { background:linear-gradient(90deg,rgba(9,61,76,.88),rgba(32,173,148,.77),rgba(28,60,118,.88)); }.consultation-banner strong { color:#fff; font:700 10px Manrope,sans-serif; letter-spacing:.07em; }.consultation-banner b { color:#9dffeb; font-size:17px; margin-left:6px; }.banner-spark { color:#9effec; font-size:14px; text-shadow:0 0 13px #54efd8; animation:bannerSpark 2.2s ease-in-out infinite; }.nav { min-height:112px; display:flex; align-items:center; justify-content:space-between; gap:32px; border-bottom:1px solid rgba(230,255,249,.13); }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; letter-spacing:.18em; font-size:19px; }
.brand-mark { color:#021211; background:var(--teal); clip-path:polygon(50% 0,100% 100%,72% 100%,50% 56%,29% 100%,0 100%); width:30px; height:34px; display:grid; place-items:center; font-size:0; }
.brand small { color:var(--teal); display:block; font-family:'DM Mono',monospace; font-size:7px; letter-spacing:.2em; margin-top:3px; }
.nav-links { display:flex; align-items:center; gap:3px; padding:5px; border:1px solid rgba(183,255,243,.14); border-radius:999px; background:rgba(8,24,27,.42); backdrop-filter:blur(12px); color:#d7e3df; font-size:11px; }.nav-links a { position:relative; display:flex; align-items:center; gap:6px; padding:9px 11px; border-radius:999px; overflow:hidden; transition:color .25s,background .25s; }.nav-links a:after { content:""; position:absolute; right:11px; bottom:5px; left:11px; height:1px; background:var(--teal); transform:scaleX(0); transform-origin:right; box-shadow:0 0 9px var(--teal); transition:transform .28s ease; }.nav-links a:hover { color:#e7fff9; background:rgba(82,238,214,.1); }.nav-links a:hover:after { transform:scaleX(1); transform-origin:left; }.nav-links a span { color:var(--teal); font:8px 'DM Mono',monospace; letter-spacing:0; }
.nav-cta { border:1px solid var(--teal); border-radius:30px; padding:13px 19px; color:var(--teal); text-transform:uppercase; letter-spacing:.08em; font-size:11px; font-weight:800; }.nav-cta span { font-size:16px; margin-left:8px; }
.hero-content { padding:120px 0 56px; flex:1; }
.eyebrow { margin:0 0 25px; color:var(--teal); font:500 11px 'DM Mono',monospace; letter-spacing:.2em; text-transform:uppercase; display:flex; gap:9px; align-items:center; }.pulse { width:8px; height:8px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 0 rgba(37,231,202,.5); animation:pulse 2s infinite; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:-.05em; }
h1 { max-width:780px; margin-bottom:24px; font-size:clamp(46px,7vw,88px); line-height:1.02; font-weight:700; } h1 em { color:var(--teal); font-style:normal; }
.hero-copy { width:min(500px,100%); color:#c2ceca; font-size:16px; line-height:1.75; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:34px; }
.button { display:inline-flex; align-items:center; gap:25px; padding:16px 22px; border-radius:4px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; transition:transform .2s, background .2s; }.button:hover { transform:translateY(-3px); }.primary { background:var(--teal); color:#06100f; }.primary span { font-size:20px; }.text-button { color:#fff; }.play { border:1px solid rgba(255,255,255,.5); width:27px; height:27px; border-radius:50%; display:grid; place-items:center; font-size:9px; }
.proof-row { display:flex; gap:0; margin-top:83px; }.proof-row div { width:180px; padding-right:25px; margin-right:25px; border-right:1px solid rgba(255,255,255,.22); }.proof-row div:last-child{border:0}.proof-row strong { display:block; font-size:25px; }.proof-row span { color:#bac7c3; font-size:10px; }
.scroll-hint { position:absolute; bottom:27px; right:5%; color:#b3c5bf; font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.13em; display:flex; gap:11px; align-items:center; }.scroll-hint span { width:40px; height:1px; background:var(--teal); position:relative; }.scroll-hint span:after { content:""; position:absolute; right:0; top:-3px; border:4px solid transparent; border-left-color:var(--teal); }
.section { padding:135px 0; }.portfolio { overflow:hidden; background:#040908; }.portfolio-heading { display:flex; justify-content:space-between; gap:50px; align-items:flex-end; }.portfolio h2 { margin:0; font-size:clamp(38px,5.3vw,70px); line-height:1.02; }.portfolio h2 em { color:var(--teal); font-style:normal; }.portfolio-heading>p { color:#a7bbb5; max-width:350px; font-size:14px; line-height:1.75; margin:0 0 7px; }.portfolio-track { width:min(1350px, calc(100% - 48px)); margin:62px auto 0; display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:16px; }.project { min-height:460px; overflow:hidden; padding:28px; position:relative; display:flex; flex-direction:column; justify-content:flex-end; isolation:isolate; transition:transform .35s ease; }.project:hover { transform:translateY(-8px); }.project:after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(0,9,8,.92)); }.project-main { background:radial-gradient(circle at 25% 30%,#5bf5dd 0 1%,transparent 1.5%), radial-gradient(circle at 67% 38%,#6953ff 0 1%,transparent 1.7%), linear-gradient(128deg,#042d29,#061816 55%,#11203f); }.project-main:before { content:""; position:absolute; z-index:-1; width:115%; height:78%; left:-15%; top:-5%; border:1px solid rgba(193,255,245,.4); border-radius:50%; transform:rotate(-22deg); box-shadow:0 0 50px rgba(50,244,216,.4), inset 0 0 80px rgba(36,224,195,.15); animation:projectFloat 9s ease-in-out infinite; }.project-orbit { background:linear-gradient(140deg,#080a14,#17113b 54%,#063d36); }.project-orbit:before { content:""; position:absolute; z-index:-1; width:300px; height:300px; border-radius:50%; border:1px solid rgba(125,106,255,.8); left:50%; top:47%; transform:translate(-50%,-50%); box-shadow:0 0 80px #4435bd, inset 0 0 80px rgba(72,44,223,.4); }.project-field { background:linear-gradient(180deg,rgba(5,11,10,.05),#07100f),url('assets/lavender-landscape.png') center/cover; }.project-info { position:relative; z-index:2; }.project-info span { color:var(--teal); font:10px 'DM Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }.project-info h3 { margin:8px 0 4px; font-size:38px; line-height:1; }.project-info p { color:#d2e2dd; font-size:12px; margin:0; }.project-link { position:absolute; top:27px; right:27px; color:#edfff9; font:10px 'DM Mono',monospace; letter-spacing:.07em; text-transform:uppercase; }.project-signal { position:absolute; width:160px; height:70px; left:50%; top:38%; transform:translateX(-50%); display:flex; gap:9px; align-items:center; justify-content:center; }.project-signal i { display:block; width:4px; background:var(--teal); box-shadow:0 0 15px var(--teal); animation:signal 1.2s ease-in-out infinite alternate; }.project-signal i:nth-child(1) { height:24px; }.project-signal i:nth-child(2) { height:67px; animation-delay:.3s; }.project-signal i:nth-child(3) { height:38px; animation-delay:.6s; }.mini-orbit { width:220px; height:85px; border:1px solid #4ef4dc; border-radius:50%; position:absolute; top:30%; left:50%; transform:translateX(-50%) rotate(-19deg); box-shadow:0 0 25px #24e7ca; animation:orbitPulse 3s ease-in-out infinite; }.mini-orbit:after { content:""; width:48px; height:48px; display:block; border-radius:50%; background:#9df9eb; margin:17px auto; box-shadow:0 0 40px 14px rgba(116,255,233,.5); }.portfolio-foot { margin-top:26px; display:flex; justify-content:space-between; font:11px 'DM Mono',monospace; letter-spacing:.1em; text-transform:uppercase; color:#91a6a0; }.portfolio-foot a { color:var(--teal); }.portfolio-foot b { font-size:17px; margin-left:10px; }.results { color:#0b1715; background:var(--cream); }.split-heading { display:grid; grid-template-columns:.65fr 1.45fr 1fr; gap:32px; align-items:start; }.eyebrow.dark { color:#086f64; }.eyebrow.dark span { font-size:11px; color:#9daba7; }.split-heading h2,.process h2,.contact h2 { margin:0; font-size:clamp(32px,4.2vw,57px); line-height:1.07; font-weight:700; }.split-heading>p:last-child { color:#52635d; line-height:1.75; font-size:14px; padding-top:8px; }
.feature-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:16px; margin-top:82px; }.feature-card { min-height:360px; position:relative; overflow:hidden; padding:29px; display:flex; flex-direction:column; justify-content:space-between; }.feature-card p { font:10px 'DM Mono',monospace; letter-spacing:.14em; }.feature-card h3 { max-width:280px; margin:0; font-size:28px; line-height:1.12; }.featured { background:#0a2420; color:#edfff9; }.card-line { height:1px; width:85%; background:var(--teal); box-shadow:0 0 22px 4px var(--teal); transform:rotate(-25deg) translate(30px,60px); }.number { color:var(--teal); align-self:flex-end; font:11px 'DM Mono',monospace; }.photo-card { background:url('assets/lavender-landscape.png') center/cover; color:white; }.photo-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(1,7,6,.3),rgba(1,7,6,.9)); }.photo-card>*:not(.photo-overlay){ position:relative; }.quote-card { background:#d6f2ea; }.quote-mark { color:#0a8878; font-size:70px; line-height:.5; }.quote-card blockquote { font-size:22px; letter-spacing:-.04em; line-height:1.35; margin:auto 0; }
.process { background:#0a100f; }.process-shell { display:grid; grid-template-columns:1fr 1.2fr; gap:120px; }.process-intro>p:last-child { color:#a9bab5; max-width:390px; font-size:14px; line-height:1.75; margin-top:28px; }.steps { border-top:1px solid rgba(211,255,246,.18); }.steps article { padding:27px 0; border-bottom:1px solid rgba(211,255,246,.18); display:grid; grid-template-columns:70px 1fr; gap:20px; transition:padding .25s; }.steps article:hover { padding-left:12px; }.steps article>span { color:var(--teal); font:11px 'DM Mono',monospace; }.steps h3 { font-size:22px; margin:0 0 6px; }.steps p { color:#9eaead; font-size:13px; line-height:1.6; margin:0; }
.contact { overflow:hidden; min-height:650px; position:relative; padding:118px 0 33px; background:radial-gradient(circle at 80% 50%,rgba(9,112,96,.62),transparent 32%),#03100e; }.contact-orb { position:absolute; width:680px; height:680px; right:-170px; top:-80px; border:1px solid rgba(45,246,213,.6); border-radius:50%; box-shadow:0 0 90px rgba(20,230,199,.4),inset 0 0 85px rgba(15,219,188,.18); animation:orb 15s linear infinite; }.contact-orb:after { content:""; position:absolute; inset:24%; border:1px dashed rgba(188,255,242,.4); border-radius:50%; }.contact-inner { position:relative; z-index:1; }.contact h2 { max-width:720px; margin-bottom:25px; }.contact-inner>p:not(.eyebrow) { color:#b5c5c0; max-width:470px; font-size:15px; line-height:1.7; margin-bottom:31px; }.light { background:#e9fff8; }.closing-motion { height:395px; position:relative; margin-top:-55px; overflow:hidden; display:grid; place-items:center; mask-image:linear-gradient(to right,transparent,black 22%,black 78%,transparent); }.closing-motion p { position:relative; z-index:2; margin:190px 0 0; color:#effff9; font-size:clamp(21px,3vw,37px); letter-spacing:-.05em; }.closing-motion p span { color:var(--teal); }.motion-mesh { position:absolute; width:430px; height:310px; top:12px; left:50%; transform:translateX(-50%); perspective:600px; }.mesh-orb,.mesh-ring,.mesh-spark { position:absolute; display:block; }.mesh-orb { border-radius:50%; filter:blur(.2px); }.orb-one { width:185px; height:185px; left:122px; top:56px; background:radial-gradient(circle at 31% 26%,#ddffff 0 2%,#52edd4 10%,#0b766a 43%,#051a1a 73%); box-shadow:0 0 35px 8px rgba(48,243,212,.42),inset -20px -23px 40px rgba(1,7,8,.75); animation:floatOrb 6s ease-in-out infinite; }.orb-two { width:85px; height:85px; left:50px; top:110px; background:radial-gradient(circle at 30% 25%,#e7ffff,#8e6eff 13%,#361a73 46%,#100d26 75%); box-shadow:0 0 36px 7px rgba(104,73,255,.45); animation:floatOrb 5.5s -1.4s ease-in-out infinite reverse; }.orb-three { width:54px; height:54px; right:42px; top:78px; background:radial-gradient(circle at 30% 30%,#ffffef,#f2e37b 17%,#ad7816 54%,#302000); box-shadow:0 0 30px 5px rgba(244,203,81,.33); animation:floatOrb 4.7s -.6s ease-in-out infinite; }.mesh-ring { border-radius:50%; left:50%; top:50%; transform-style:preserve-3d; }.ring-one { width:360px; height:125px; margin:-64px 0 0 -180px; border:1px solid rgba(69,255,225,.7); box-shadow:0 0 20px rgba(32,240,208,.45),inset 0 0 20px rgba(32,240,208,.18); transform:rotateX(66deg) rotateZ(-20deg); animation:ringTurn 8s linear infinite; }.ring-two { width:270px; height:98px; margin:-49px 0 0 -135px; border:1px solid rgba(143,119,255,.68); box-shadow:0 0 21px rgba(107,79,255,.46); transform:rotateX(71deg) rotateZ(38deg); animation:ringTurn 7s linear infinite reverse; }.mesh-spark { width:5px; height:5px; border-radius:50%; background:#dffff8; box-shadow:0 0 12px 3px #27e7ca; }.spark-one { left:70px; top:45px; animation:spark 3.5s linear infinite; }.spark-two { right:62px; bottom:40px; animation:spark 4.5s -.8s linear infinite reverse; }.spark-three { right:32px; top:135px; animation:spark 3.2s -1.4s linear infinite; }.footer { position:relative; z-index:1; display:flex; justify-content:space-between; margin-top:48px; color:#8fa59f; font:10px 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }.footer a { color:var(--teal); }
@keyframes drift { to { transform:scale(1.16) translate3d(-1.5%,1%,0); } } @keyframes stars { to { transform:translate3d(4%,8%,0) rotate(5deg); } } @keyframes wave { 50% { transform:rotate(-9deg) translateX(12%) scaleX(1.2); } } @keyframes flash { 0%,85%,100% { transform:translateX(-110%); opacity:0; } 88% { opacity:.8; } 92% { transform:translateX(110%); opacity:0; } } @keyframes grain { 50% { transform:translate(1%,-1%); } } @keyframes pulse { 70% { box-shadow:0 0 0 8px rgba(37,231,202,0); } 100% { box-shadow:0 0 0 0 rgba(37,231,202,0); } } @keyframes orb { to { transform:rotate(360deg); } } @keyframes projectFloat { 50% { transform:rotate(-12deg) translate3d(4%,3%,0) scale(1.05); } } @keyframes signal { to { transform:scaleY(.35); opacity:.45; } } @keyframes orbitPulse { 50% { transform:translateX(-50%) rotate(14deg) scale(1.12); box-shadow:0 0 44px #24e7ca; } } @keyframes floatOrb { 50% { transform:translate3d(0,-19px,0) scale(1.07); } } @keyframes ringTurn { to { transform:rotateX(66deg) rotateZ(340deg); } } @keyframes spark { 50% { transform:translate3d(35px,20px,0) scale(1.8); opacity:.4; } } @keyframes heroFloat { 50% { transform:translate3d(0,-25px,0) scale(1.06); } } @keyframes heroOrbit { to { transform:rotateX(68deg) rotateZ(342deg); } } @keyframes heroGlint { 50% { transform:translate3d(25px,27px,0) scale(2); opacity:.28; } } @keyframes bannerSpark { 50% { transform:scale(1.4) rotate(30deg); opacity:.48; } }
@media (max-width:800px) { .consultation-banner { min-height:50px; padding:8px 17px; font-size:9px; text-align:center; }.consultation-banner strong { white-space:nowrap; font-size:9px; }.nav { min-height:82px; }.nav-links { display:none; }.nav-cta { padding:10px 13px; }.hero { min-height:720px; }.hero-sculpture { width:500px; height:420px; right:-215px; top:245px; transform:scale(.78); transform-origin:top right; opacity:.75; }.hero-content { padding-top:105px; }.proof-row { margin-top:62px; }.proof-row div { width:auto; flex:1; margin-right:12px; padding-right:10px; }.proof-row strong { font-size:20px; }.scroll-hint { display:none; }.portfolio-heading { display:block; }.portfolio-heading>p { margin-top:23px; }.portfolio-track { grid-template-columns:1fr; width:calc(100% - 32px); margin-top:40px; }.project { min-height:330px; }.split-heading,.process-shell { grid-template-columns:1fr; gap:28px; }.feature-grid { grid-template-columns:1fr; margin-top:52px; }.feature-card { min-height:280px; }.section { padding:85px 0; }.contact { padding-top:88px; }.contact-orb { width:420px;height:420px;right:-210px;top:20px; }.closing-motion { height:315px; margin-top:12px; }.closing-motion p { margin-top:150px; }.motion-mesh { transform:translateX(-50%) scale(.78); transform-origin:top center; }.footer { margin-top:20px; gap:18px; flex-wrap:wrap; }.steps { margin-top:20px; } }
@media (max-width:430px) { .container { width:calc(100% - 32px); }.brand { font-size:15px; }.brand small { font-size:5.5px; }.brand-mark { width:25px; height:29px; }.nav-cta { font-size:9px; }.hero-sculpture { right:-265px; top:336px; transform:scale(.6); opacity:.65; }.hero-copy { font-size:14px; }.hero-actions { display:grid; grid-template-columns:1fr; width:100%; gap:12px; }.hero-actions .button { justify-content:center; width:100%; min-height:50px; }.proof-row { gap:7px; }.proof-row div { min-width:0; padding-right:7px; margin-right:0; }.proof-row strong { font-size:17px; }.proof-row span { font-size:8px; line-height:1.25; display:block; }.project { padding:21px; }.project-link { top:21px; right:21px; }.project-info h3 { font-size:33px; }.portfolio-foot { align-items:center; gap:16px; font-size:9px; }.contact-inner .button { width:100%; justify-content:space-between; }.footer { font-size:8px; }.closing-motion { height:278px; }.closing-motion p { margin-top:135px; }.motion-mesh { transform:translateX(-50%) scale(.62); } }
.hero-photo { opacity:.92; background:radial-gradient(circle at 74% 45%,#020203 0 12%,transparent 12.4%),radial-gradient(circle at 74% 45%,rgba(87,213,255,.28) 0 17%,transparent 29%),radial-gradient(circle at 76% 41%,rgba(37,231,202,.2),transparent 34%),linear-gradient(115deg,#020505 25%,#07151d 69%,#030609); filter:none; }
.hero-globe-main { background:radial-gradient(circle at 30% 25%,#edffff 0 1%,#8de9ff 7%,#327bd4 28%,#0a254e 53%,#020714 75%); box-shadow:0 0 55px 12px rgba(82,180,255,.31),inset -42px -46px 83px rgba(0,4,13,.9); }.hero-globe-small { background:radial-gradient(circle at 30% 27%,#e9ffff,#56dacb 14%,#146a7b 48%,#061b2a 76%); box-shadow:0 0 38px 10px rgba(43,219,205,.34),inset -22px -23px 33px rgba(2,11,17,.75); }.hero-globe-gold { background:radial-gradient(circle at 30% 28%,#ebf9ff,#8fbaff 17%,#315bba 52%,#07183f 76%); box-shadow:0 0 32px 7px rgba(98,160,255,.28); }.hero-orbit { border-color:rgba(137,222,255,.7); box-shadow:0 0 28px rgba(52,191,255,.33),inset 0 0 22px rgba(52,191,255,.14); }.hero-orbit-close { border-color:rgba(63,234,209,.65); box-shadow:0 0 26px rgba(38,218,197,.32); }
.photo-card { background:radial-gradient(circle at 72% 20%,rgba(111,217,255,.8) 0 1%,transparent 1.7%),radial-gradient(circle at 22% 38%,rgba(88,110,255,.45),transparent 35%),linear-gradient(142deg,#102754,#091728 58%,#071211); }.photo-card:before { content:""; position:absolute; inset:19% 12% 25%; border:1px solid rgba(170,225,255,.4); border-radius:17px; background:linear-gradient(125deg,rgba(197,235,255,.18),rgba(64,130,255,.04)); box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 23px 56px rgba(15,72,185,.3); transform:rotate(-7deg); }
.project-main,.project-orbit,.project-field { border:1px solid rgba(164,201,255,.2); background-color:#07101e; }.project-main { background-image:radial-gradient(circle at 25% 30%,#77c9ff 0 1%,transparent 1.5%),radial-gradient(circle at 67% 38%,#8992ff 0 1%,transparent 1.7%),linear-gradient(145deg,#0e2646,#0b142b 55%,#111b42); }.project-main:before { width:78%; height:52%; left:11%; top:16%; border:1px solid rgba(211,232,255,.48); border-radius:15px; background:linear-gradient(135deg,rgba(175,217,255,.18),rgba(59,107,255,.03)); box-shadow:0 24px 70px rgba(11,63,192,.35),inset 0 1px 0 rgba(255,255,255,.23); transform:rotate(-8deg); }.project-main:after,.project-orbit:after,.project-field:after { background:linear-gradient(180deg,transparent 30%,rgba(3,10,22,.94)); }.project-orbit { background-image:radial-gradient(circle at 50% 39%,rgba(123,202,255,.9) 0 1.3%,transparent 1.9%),linear-gradient(140deg,#131a3b,#07182a 54%,#162b5c); }.project-orbit:before { width:245px; height:170px; border-radius:18px; border:1px solid rgba(172,220,255,.4); background:linear-gradient(135deg,rgba(191,227,255,.2),rgba(50,104,255,.04)); left:50%; top:41%; transform:translate(-50%,-50%) rotate(8deg); box-shadow:0 23px 70px rgba(43,110,255,.35),inset 0 1px 0 rgba(255,255,255,.26); }.project-field { background-image:radial-gradient(circle at 69% 24%,rgba(93,248,230,.7) 0 1%,transparent 1.5%),linear-gradient(155deg,#071a2d,#0c203a 45%,#16275b); }.project-field:before { content:""; position:absolute; z-index:-1; width:70%; height:46%; left:15%; top:18%; border-radius:18px; border:1px solid rgba(173,224,255,.42); background:repeating-linear-gradient(90deg,rgba(153,216,255,.12) 0 1px,transparent 1px 35px),linear-gradient(155deg,rgba(175,225,255,.18),rgba(38,92,255,.04)); box-shadow:0 25px 70px rgba(17,76,201,.34),inset 0 1px 0 rgba(255,255,255,.2); transform:rotate(-5deg); animation:projectFloat 8s -2s ease-in-out infinite reverse; }.project-info span,.portfolio-foot a { color:#91dfff; }.project-signal i { background:#9be4ff; box-shadow:0 0 15px #70bfff; }.mini-orbit { border-color:#88dfff; box-shadow:0 0 25px #76baff; }.mini-orbit:after { background:#b5eaff; box-shadow:0 0 40px 14px rgba(116,185,255,.5); }
.contact-options { display:flex; flex-wrap:wrap; gap:12px; margin-top:19px; }.contact-options a { min-width:215px; border:1px solid rgba(188,255,242,.23); border-radius:8px; padding:12px 15px; color:#e7fff8; font:600 12px Manrope,sans-serif; transition:border-color .2s,background .2s; }.contact-options a:hover { border-color:var(--teal); background:rgba(37,231,202,.08); }.contact-options small { display:block; color:var(--teal); font:10px 'DM Mono',monospace; letter-spacing:.1em; text-transform:uppercase; margin-bottom:4px; }
@media (max-width:430px) { .contact-options { display:grid; grid-template-columns:1fr; }.contact-options a { min-width:0; } }
.feature-card { min-height:405px; border-radius:14px; padding:25px; border:1px solid rgba(255,255,255,.12); box-shadow:0 20px 45px rgba(0,0,0,.1); }.feature-top,.feature-bottom,.quote-foot { display:flex; justify-content:space-between; gap:15px; align-items:flex-start; position:relative; z-index:2; }.feature-top p { color:inherit; opacity:.8; margin:0; }.feature-bottom { align-items:flex-end; }.feature-bottom h3 { font-size:27px; max-width:265px; }.card-icon { width:30px; height:30px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:14px; }.impact-card { color:#f3fbff; background:radial-gradient(circle at 14% 86%,rgba(66,241,222,.4),transparent 28%),radial-gradient(circle at 89% 8%,rgba(100,132,255,.76),transparent 35%),linear-gradient(145deg,#10294b,#081424 61%,#0b3a3d); }.impact-art { position:absolute; width:205px; height:205px; left:50%; top:50%; transform:translate(-50%,-49%); }.impact-art span { position:absolute; display:block; border-radius:50%; }.impact-art span:nth-child(1) { inset:20px; border:1px solid rgba(214,255,253,.64); box-shadow:0 0 26px rgba(63,249,224,.55),inset 0 0 45px rgba(24,226,198,.17); animation:featureSpin 12s linear infinite; }.impact-art span:nth-child(2) { width:91px; height:91px; left:56px; top:56px; background:radial-gradient(circle at 30% 28%,#edffff,#5ee6d3 17%,#1c8e91 52%,#07192b 76%); box-shadow:0 0 37px 10px rgba(74,255,225,.35),inset -12px -15px 28px rgba(0,10,21,.68); animation:featureFloat 5s ease-in-out infinite; }.impact-art span:nth-child(3) { width:11px; height:11px; top:25px; right:30px; background:#c6ffff; box-shadow:0 0 14px 5px #6bfff1; animation:featureFloat 3s -.7s ease-in-out infinite reverse; }.trust-card { color:#eff9ff; background:radial-gradient(circle at 91% 87%,rgba(139,94,255,.65),transparent 35%),linear-gradient(145deg,#1c174a,#111f4c 52%,#063c51); }.trust-art { position:absolute; width:230px; height:185px; top:39%; left:50%; transform:translate(-50%,-50%) rotate(-7deg); border:1px solid rgba(203,227,255,.5); border-radius:14px; background:linear-gradient(135deg,rgba(220,240,255,.22),rgba(94,140,255,.05)); box-shadow:0 23px 70px rgba(76,70,255,.42),inset 0 1px 0 rgba(255,255,255,.28); overflow:hidden; }.trust-window { position:absolute; width:110%; height:1px; top:31%; left:-4%; background:rgba(214,237,255,.45); box-shadow:0 49px 0 rgba(214,237,255,.22); }.trust-dot { position:absolute; width:47px; height:47px; border-radius:50%; }.trust-dot.one { left:31px; bottom:31px; background:radial-gradient(circle at 30% 30%,#e9ffff,#7bc9ff 18%,#416ee2 55%,#1c1e63); box-shadow:0 0 22px rgba(124,203,255,.66); }.trust-dot.two { right:33px; top:42px; background:radial-gradient(circle at 30% 30%,#fff4ff,#df8bff 20%,#7745d1 55%,#26155a); box-shadow:0 0 22px rgba(222,120,255,.58); animation:featureFloat 4s -1s ease-in-out infinite; }.promise-card { color:#102044; background:radial-gradient(circle at 76% 17%,rgba(255,239,148,.9),transparent 28%),radial-gradient(circle at 19% 80%,rgba(119,225,255,.68),transparent 32%),linear-gradient(155deg,#dff5ff,#c4e3ff 50%,#cfd1ff); }.promise-card .feature-top p,.promise-card .quote-foot { color:#233873; }.promise-card .quote-mark { color:#385bd6; font-size:98px; line-height:.4; margin:52px 0 9px; text-shadow:0 8px 24px rgba(53,80,201,.25); }.promise-card blockquote { color:#172c5d; max-width:300px; font-size:25px; line-height:1.28; margin:0 auto auto 0; font-weight:600; }.quote-foot { align-items:flex-end; color:#3a5cac; font:10px 'DM Mono',monospace; letter-spacing:.09em; text-transform:uppercase; }.quote-foot .number { color:#284cd3; }.impact-card .number,.trust-card .number { color:#a8fff2; }.feature-card:hover .impact-art span:nth-child(1) { animation-duration:4s; }.feature-card:hover .trust-art { transform:translate(-50%,-50%) rotate(2deg) scale(1.04); transition:transform .4s ease; }
@keyframes featureSpin { to { transform:rotate(360deg); } } @keyframes featureFloat { 50% { transform:translateY(-14px) scale(1.06); } }
@media (max-width:800px) { .feature-card { min-height:330px; }.impact-art { transform:translate(-50%,-42%) scale(.8); }.trust-art { transform:translate(-50%,-50%) rotate(-7deg) scale(.8); }.promise-card .quote-mark { margin-top:37px; } }
.lead-system { overflow:hidden; position:relative; background:linear-gradient(155deg,#06121d,#071127 58%,#061716); }.lead-system:before { content:""; position:absolute; width:790px; height:790px; right:-390px; top:-325px; border-radius:50%; border:1px solid rgba(104,215,255,.32); box-shadow:0 0 100px rgba(47,158,255,.23),inset 0 0 80px rgba(21,211,190,.11); }.lead-heading { position:relative; display:flex; justify-content:space-between; align-items:flex-end; gap:50px; }.lead-heading h2 { max-width:680px; margin:0; font-size:clamp(38px,5.2vw,68px); line-height:1.03; }.lead-heading h2 em { color:#80e9ff; font-style:normal; }.lead-heading>p { max-width:350px; color:#a8c0cd; font-size:14px; line-height:1.75; margin:0 0 7px; }.lead-path { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:64px; }.path-card { min-height:370px; position:relative; overflow:hidden; padding:27px; display:flex; flex-direction:column; justify-content:space-between; border-radius:14px; border:1px solid rgba(183,230,255,.17); }.path-card p { margin:0 0 9px; color:#9de9ff; font:10px 'DM Mono',monospace; letter-spacing:.14em; }.path-card h3 { max-width:260px; margin:0 0 10px; font-size:28px; line-height:1.12; }.path-card small { display:block; max-width:255px; color:#b5c9d3; font-size:12px; line-height:1.65; }.path-no { position:absolute; right:25px; top:26px; color:rgba(234,251,255,.65); font:11px 'DM Mono',monospace; }.path-search { background:radial-gradient(circle at 51% 33%,rgba(87,229,255,.34),transparent 25%),linear-gradient(150deg,#0b3f58,#092036 63%,#071321); }.path-proof { background:radial-gradient(circle at 50% 30%,rgba(117,100,255,.36),transparent 32%),linear-gradient(145deg,#21164c,#0d1f48 61%,#081a31); }.path-call { background:radial-gradient(circle at 53% 30%,rgba(75,255,205,.3),transparent 29%),linear-gradient(145deg,#063f3a,#082d38 60%,#071623); }.search-pulse { position:absolute; width:138px; height:138px; top:71px; left:50%; transform:translateX(-50%); border:1px solid rgba(181,249,255,.55); border-radius:50%; box-shadow:0 0 30px rgba(94,235,255,.44),inset 0 0 28px rgba(59,222,255,.21); animation:searchPing 4.5s ease-in-out infinite; }.search-pulse:before,.search-pulse:after { content:""; position:absolute; border:1px solid rgba(152,239,255,.38); border-radius:50%; inset:-23px; }.search-pulse:after { inset:-48px; opacity:.55; }.search-pulse span { position:absolute; width:45px; height:45px; left:45px; top:39px; border-radius:50%; background:radial-gradient(circle at 30% 30%,#eeffff,#81e8ff 24%,#2384b3 61%,#0b2850); box-shadow:0 0 28px rgba(115,235,255,.72); }.proof-badge { position:absolute; top:76px; left:50%; width:122px; height:122px; transform:translateX(-50%); display:grid; place-items:center; border-radius:29px; border:1px solid rgba(227,220,255,.53); background:linear-gradient(135deg,rgba(230,222,255,.28),rgba(116,103,255,.08)); box-shadow:0 18px 50px rgba(71,70,238,.4),inset 0 1px 0 rgba(255,255,255,.34); animation:badgeFloat 5.5s ease-in-out infinite; }.proof-badge span { width:45px; height:45px; border-radius:50%; display:grid; place-items:center; background:#b2fded; color:#17264b; font-size:23px; font-weight:800; box-shadow:0 0 20px rgba(157,255,228,.5); }.proof-badge i { position:absolute; width:5px; height:5px; border-radius:50%; background:#e6ddff; box-shadow:0 0 12px 4px #baa7ff; }.proof-badge i:nth-of-type(1){top:17px;right:20px}.proof-badge i:nth-of-type(2){bottom:23px;left:17px}.proof-badge i:nth-of-type(3){bottom:17px;right:28px}.call-wave { position:absolute; top:58px; left:50%; width:180px; height:150px; transform:translateX(-50%); display:grid; place-items:center; border-radius:50%; border:1px solid rgba(134,255,224,.45); box-shadow:0 0 33px rgba(48,242,197,.31),inset 0 0 33px rgba(37,222,181,.16); animation:callPulse 3.5s ease-in-out infinite; }.call-wave:before,.call-wave:after { content:""; position:absolute; border:1px solid rgba(123,255,219,.35); border-radius:50%; inset:-21px; }.call-wave:after { inset:-44px; opacity:.5; }.call-wave span { color:#baffec; font-size:80px; line-height:1; transform:rotate(-38deg); text-shadow:0 0 27px rgba(109,255,217,.8); }.lead-foot { position:relative; display:flex; justify-content:space-between; margin-top:26px; color:#91aebb; font:11px 'DM Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }.lead-foot a { color:#93efff; }.lead-foot b { margin-left:10px; font-size:17px; }
@keyframes searchPing { 50% { transform:translateX(-50%) scale(1.08); box-shadow:0 0 42px rgba(94,235,255,.6),inset 0 0 35px rgba(59,222,255,.28); } } @keyframes badgeFloat { 50% { transform:translateX(-50%) translateY(-15px) rotate(5deg); } } @keyframes callPulse { 50% { transform:translateX(-50%) scale(1.08); box-shadow:0 0 50px rgba(48,242,197,.49),inset 0 0 40px rgba(37,222,181,.2); } }
@media (max-width:800px) { .lead-heading { display:block; }.lead-heading>p { margin-top:23px; }.lead-path { grid-template-columns:1fr; margin-top:43px; }.path-card { min-height:315px; }.lead-foot { gap:17px; align-items:center; } }
@media (max-width:430px) { .lead-foot { font-size:9px; }.path-card { padding:21px; }.path-no { right:21px; top:21px; }.path-card h3 { font-size:25px; } }
.showcase { color:#0a1a1e; background:#f3f6f5; }.showcase-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; }.showcase-heading h2 { margin:0; font-size:clamp(39px,5.3vw,70px); line-height:1.02; }.showcase-heading h2 em { color:#126d7c; font-style:normal; }.showcase-heading>p { max-width:360px; margin:0 0 7px; color:#526a70; font-size:14px; line-height:1.75; }.showcase-grid { display:grid; grid-template-columns:1.2fr .9fr .9fr; gap:16px; margin-top:62px; }.showcase-card { min-height:480px; position:relative; overflow:hidden; padding:28px; display:flex; flex-direction:column; justify-content:space-between; border-radius:16px; color:#f7ffff; box-shadow:0 24px 40px rgba(12,38,45,.12); transition:transform .35s ease,box-shadow .35s ease; }.showcase-card:hover { transform:translateY(-9px); box-shadow:0 30px 58px rgba(12,38,45,.2); }.showcase-label { position:relative; z-index:2; display:flex; justify-content:space-between; color:#bcfff6; font:10px 'DM Mono',monospace; letter-spacing:.13em; text-transform:uppercase; }.showcase-copy { position:relative; z-index:2; }.showcase-copy h3 { margin:0 0 6px; font-size:34px; line-height:1; }.showcase-copy p { max-width:230px; margin:0; color:#d2e6e8; font-size:12px; line-height:1.6; }.residential-card { background:radial-gradient(circle at 26% 16%,rgba(136,255,231,.26),transparent 32%),linear-gradient(145deg,#073e41,#08262f 58%,#123d5d); }.house-art { position:absolute; width:270px; height:255px; left:50%; top:49%; transform:translate(-50%,-50%); filter:drop-shadow(0 30px 25px rgba(0,0,0,.35)); }.house-art:before { content:""; position:absolute; width:210px; height:151px; bottom:0; left:30px; border:1px solid rgba(194,255,250,.68); border-radius:6px 6px 0 0; background:linear-gradient(150deg,rgba(153,255,233,.22),rgba(10,87,105,.13)); box-shadow:inset 0 1px 0 rgba(255,255,255,.3); }.house-roof { position:absolute; left:13px; bottom:126px; width:243px; height:132px; border:1px solid rgba(194,255,250,.7); background:linear-gradient(145deg,rgba(196,255,247,.22),rgba(29,130,146,.13)); clip-path:polygon(50% 0,100% 72%,100% 75%,0 75%,0 72%); }.house-window { position:absolute; z-index:1; width:43px; height:51px; bottom:42px; border:1px solid rgba(219,255,251,.85); background:rgba(117,255,232,.32); box-shadow:0 0 19px rgba(96,255,228,.5); }.house-window.one { left:57px; }.house-window.two { right:58px; }.house-art i { position:absolute; z-index:2; height:2px; width:300px; left:-15px; bottom:19px; background:#83ffea; box-shadow:0 0 25px 6px #33eacb; transform:rotate(-13deg); animation:houseSpark 3.5s ease-in-out infinite; }.commercial-card { background:radial-gradient(circle at 70% 24%,rgba(159,157,255,.38),transparent 31%),linear-gradient(145deg,#1d174a,#101d45 56%,#152a6c); }.tower-art { position:absolute; width:185px; height:280px; top:50%; left:50%; transform:translate(-50%,-44%) skewY(-7deg); border:1px solid rgba(218,220,255,.64); background:linear-gradient(135deg,rgba(217,224,255,.25),rgba(74,91,220,.08)); box-shadow:0 25px 70px rgba(73,77,255,.39),inset 0 1px 0 rgba(255,255,255,.31); }.tower-art span { position:absolute; width:18px; height:27px; border:1px solid rgba(221,234,255,.58); background:rgba(151,190,255,.35); box-shadow:0 0 12px rgba(138,186,255,.4); }.tower-art span:nth-child(1){left:28px;top:42px}.tower-art span:nth-child(2){right:28px;top:82px}.tower-art span:nth-child(3){left:28px;bottom:67px}.tower-art span:nth-child(4){right:28px;bottom:27px}.tower-art i { position:absolute; width:330px; height:90px; left:50%; top:43%; margin-left:-165px; border:1px solid rgba(169,150,255,.57); border-radius:50%; box-shadow:0 0 23px rgba(142,124,255,.5); animation:towerOrbit 7s linear infinite; }.emergency-card { background:radial-gradient(circle at 50% 29%,rgba(255,213,101,.36),transparent 27%),linear-gradient(150deg,#42230f,#351733 53%,#122c4f); }.bolt-art { position:absolute; width:180px; height:180px; top:43%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; border-radius:50%; border:1px solid rgba(255,233,163,.66); box-shadow:0 0 40px rgba(255,195,77,.45),inset 0 0 34px rgba(255,195,77,.2); }.bolt-art:before { content:""; position:absolute; inset:-23px; border-radius:50%; border:1px dashed rgba(255,226,142,.46); animation:featureSpin 12s linear infinite; }.bolt-art span { font:700 67px Manrope,sans-serif; letter-spacing:-.1em; color:#fff0aa; text-shadow:0 0 26px rgba(255,219,102,.8); }.bolt-art i { position:absolute; width:8px; height:8px; border-radius:50%; background:#fff9dc; box-shadow:0 0 17px 5px #ffe66d; }.bolt-art i:nth-of-type(1){top:-17px;right:39px}.bolt-art i:nth-of-type(2){bottom:5px;left:-24px}.showcase-foot { display:flex; justify-content:space-between; margin-top:26px; color:#597077; font:11px 'DM Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }.showcase-foot a { color:#087e8b; }.showcase-foot b { font-size:17px; margin-left:10px; }
@keyframes houseSpark { 50% { transform:rotate(-13deg) translateX(25px); opacity:.38; } } @keyframes towerOrbit { to { transform:rotate(360deg); } }
@media (max-width:800px) { .showcase-heading { display:block; }.showcase-heading>p { margin-top:23px; }.showcase-grid { grid-template-columns:1fr; margin-top:42px; }.showcase-card { min-height:365px; }.showcase-copy h3 { font-size:31px; } }
@media (max-width:430px) { .showcase-card { padding:21px; }.showcase-foot { align-items:center; gap:16px; font-size:9px; }.house-art { transform:translate(-50%,-50%) scale(.82); }.tower-art { transform:translate(-50%,-44%) skewY(-7deg) scale(.84); }.bolt-art { transform:translate(-50%,-50%) scale(.83); } }
.steps article { grid-template-columns:1fr; }
.showcase { color:#edfbff; background:radial-gradient(circle at 11% 23%,rgba(35,139,176,.34),transparent 30%),radial-gradient(circle at 89% 85%,rgba(86,67,202,.33),transparent 32%),linear-gradient(145deg,#071823,#07101f 59%,#091e2b); }.showcase-heading>p { color:#adbfcc; }.showcase-heading h2 em { color:#85f1e2; }.showcase .eyebrow.dark { color:#83f0e0; }.showcase .eyebrow.dark span { color:#83f0e0; }.showcase-foot { color:#a9c0cb; }.showcase-foot a { color:#91f8ea; }
.results { position:relative; overflow:hidden; color:#eefaff; background:radial-gradient(circle at 84% 8%,rgba(55,123,255,.33),transparent 25%),radial-gradient(circle at 5% 76%,rgba(28,202,170,.23),transparent 30%),linear-gradient(145deg,#081522,#0d162c 56%,#091c27); }.results:before { content:""; position:absolute; width:580px; height:580px; left:-310px; top:-180px; border-radius:50%; border:1px solid rgba(121,247,228,.23); box-shadow:0 0 90px rgba(55,231,200,.12),inset 0 0 65px rgba(30,205,178,.09); }.results .split-heading,.results .feature-grid { position:relative; }.results .eyebrow.dark { color:#8af4e3; }.results .eyebrow.dark span { color:#8af4e3; }.results .split-heading>p:last-child { color:#b0c4cd; }.results .featured { border:1px solid rgba(125,255,234,.16); background:radial-gradient(circle at 17% 80%,rgba(50,237,212,.24),transparent 31%),linear-gradient(145deg,#073b3a,#08202b 65%,#10264c); }.results .quote-card { box-shadow:0 20px 50px rgba(2,7,19,.27); }.results .feature-card { box-shadow:0 20px 43px rgba(1,5,15,.18); }
.about { position:relative; overflow:hidden; background:radial-gradient(circle at 18% 45%,rgba(42,224,194,.21),transparent 25%),radial-gradient(circle at 87% 14%,rgba(69,104,255,.3),transparent 32%),linear-gradient(145deg,#061412,#07162a 57%,#0b1024); }.about-shell { display:grid; grid-template-columns:.95fr 1.05fr; gap:95px; align-items:center; min-height:520px; }.about-art { position:relative; height:390px; }.about-core,.about-ring,.about-star { position:absolute; display:block; }.about-core { width:190px; height:190px; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle at 30% 27%,#efffff,#6cebd8 13%,#128a7b 45%,#061d25 76%); box-shadow:0 0 55px 14px rgba(59,239,209,.38),inset -25px -28px 51px rgba(0,6,17,.75); animation:aboutFloat 6s ease-in-out infinite; }.about-core:after { content:""; position:absolute; width:29px; height:29px; left:34px; top:28px; border-radius:50%; background:rgba(255,255,255,.75); filter:blur(9px); }.about-ring { left:50%; top:50%; border:1px solid rgba(133,255,233,.56); border-radius:50%; transform-style:preserve-3d; }.about-ring.one { width:420px; height:140px; margin:-70px 0 0 -210px; box-shadow:0 0 28px rgba(39,229,196,.34),inset 0 0 25px rgba(39,229,196,.11); transform:rotateX(65deg) rotateZ(-18deg); animation:aboutOrbit 12s linear infinite; }.about-ring.two { width:300px; height:105px; margin:-52px 0 0 -150px; border-color:rgba(132,152,255,.65); box-shadow:0 0 28px rgba(100,102,255,.33); transform:rotateX(72deg) rotateZ(42deg); animation:aboutOrbit 9s linear infinite reverse; }.about-star { width:7px; height:7px; border-radius:50%; background:#dffff9; box-shadow:0 0 17px 5px #4ff4d7; }.star-one { left:78px; top:80px; animation:aboutStar 3.7s ease-in-out infinite; }.star-two { right:53px; bottom:66px; background:#d9dcff; box-shadow:0 0 17px 5px #8990ff; animation:aboutStar 4.6s -1.3s ease-in-out infinite reverse; }.about-copy h2 { margin:0 0 24px; font-size:clamp(35px,4.7vw,62px); line-height:1.04; }.about-copy h2 em { color:#80f0df; font-style:normal; }.about-copy>p:not(.eyebrow) { max-width:500px; color:#b0c8c2; font-size:15px; line-height:1.78; }.about-values { display:flex; flex-wrap:wrap; gap:8px; margin:27px 0 32px; }.about-values span { padding:9px 12px; border:1px solid rgba(185,255,241,.23); border-radius:999px; color:#d5f9f1; background:rgba(73,217,193,.08); font:10px 'DM Mono',monospace; letter-spacing:.07em; text-transform:uppercase; }.about-link { color:#86f4e3; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }.about-link b { margin-left:11px; font-size:18px; }.about-link:hover { color:#fff; }
@keyframes aboutFloat { 50% { transform:translate(-50%,-50%) translateY(-20px) scale(1.06); } } @keyframes aboutOrbit { to { transform:rotateX(65deg) rotateZ(342deg); } } @keyframes aboutStar { 50% { transform:translate3d(26px,20px,0) scale(1.8); opacity:.35; } }
@media (max-width:800px) { .about-shell { grid-template-columns:1fr; gap:0; min-height:0; }.about-art { height:310px; }.about-copy { padding-bottom:10px; }.about-ring.one { transform:rotateX(65deg) rotateZ(-18deg) scale(.78); }.about-ring.two { transform:rotateX(72deg) rotateZ(42deg) scale(.78); } }
@media (max-width:430px) { .about-art { height:260px; transform:scale(.77); transform-origin:center bottom; margin:-25px 0 -7px; }.about-values span { font-size:8px; } }
img,video,svg { max-width:100%; height:auto; }.container,.hero-content,.about-copy,.lead-heading>*,.showcase-heading>* { min-width:0; }
@media (max-width:1050px) { .container { width:min(920px,calc(100% - 48px)); }.nav { gap:18px; }.nav-links { gap:1px; }.nav-links a { padding:8px 8px; font-size:10px; }.hero-content { padding-top:94px; }.hero-sculpture { right:-150px; transform:scale(.87); transform-origin:top right; }.split-heading { grid-template-columns:.58fr 1.25fr 1fr; }.lead-path { grid-template-columns:repeat(2,1fr); }.path-call { grid-column:1 / -1; min-height:320px; }.showcase-grid { grid-template-columns:1.2fr 1fr; }.showcase-card:first-child { grid-column:1 / -1; min-height:410px; }.about-shell { gap:45px; }.about-art { transform:scale(.88); transform-origin:center; } }
@media (max-width:920px) { .nav-links { display:none; }.nav { min-height:86px; }.hero-sculpture { right:-210px; top:240px; transform:scale(.76); }.proof-row { margin-top:60px; }.about-shell { grid-template-columns:1fr; gap:0; }.about-art { height:300px; transform:scale(.78); transform-origin:center bottom; margin:-20px 0 0; }.about-copy { padding-bottom:5px; } }
@media (max-width:600px) { .container { width:calc(100% - 32px); }.hero { min-height:690px; }.hero-content { padding-top:78px; padding-bottom:36px; }.hero-sculpture { right:-280px; top:305px; transform:scale(.56); opacity:.62; }.proof-row { margin-top:48px; }.proof-row div { padding-right:8px; margin-right:8px; }.proof-row strong { font-size:16px; }.proof-row span { line-height:1.35; }.section { padding:75px 0; }.lead-path,.showcase-grid,.feature-grid { gap:12px; }.path-card,.showcase-card,.feature-card { border-radius:12px; }.path-call { grid-column:auto; }.portfolio-foot,.lead-foot,.showcase-foot { align-items:center; }.contact { padding:75px 0 29px; }.contact-options { gap:9px; }.contact-options a { width:100%; }.closing-motion { margin-top:2px; }.footer { display:grid; grid-template-columns:1fr; gap:11px; } }
@media (max-width:360px) { .brand { font-size:13px; letter-spacing:.14em; }.nav-cta { padding:9px 10px; }.nav-cta span { margin-left:4px; }.hero h1 { font-size:42px; }.button { letter-spacing:.02em; }.proof-row span { font-size:7px; }.about-values { gap:6px; }.about-values span { padding:8px 9px; } }
.promise-card { color:#ecf8ff; background:radial-gradient(circle at 78% 10%,rgba(31,135,255,.25),transparent 32%),radial-gradient(circle at 13% 65%,rgba(241,179,42,.13),transparent 31%),#030918; }.promise-card:before { content:""; position:absolute; inset:0; background:radial-gradient(rgba(145,218,255,.38) .7px,transparent .8px); background-size:14px 14px; opacity:.15; }.promise-card .feature-top { color:#c1eaff; }.promise-card .feature-top p { color:#9adfff; }.promise-card .card-icon { color:#ffe399; border-color:rgba(255,222,135,.65); }.promise-wave { position:absolute; z-index:1; top:47px; left:0; width:100%; height:160px; overflow:hidden; pointer-events:none; }.promise-wave svg { width:100%; height:100%; overflow:visible; }.promise-wave path { fill:none; stroke-linecap:round; }.wave-faint { stroke:rgba(195,238,255,.24); stroke-width:1; }.wave-gold { stroke-width:2.3; filter:drop-shadow(0 0 7px rgba(255,195,57,.9)); stroke-dasharray:560; stroke-dashoffset:560; animation:waveDraw 4.2s ease-in-out infinite; }.wave-blue { stroke-width:2.1; filter:drop-shadow(0 0 7px rgba(72,193,255,.85)); stroke-dasharray:560; stroke-dashoffset:560; animation:waveDraw 4.2s .65s ease-in-out infinite; }.promise-card .quote-mark { position:relative; z-index:2; margin:157px 0 8px; color:#ffe19a; font-size:76px; text-shadow:0 0 23px rgba(255,200,75,.42); }.promise-card blockquote { position:relative; z-index:2; color:#eefaff; font-size:22px; line-height:1.31; }.promise-card .quote-foot { position:relative; z-index:2; color:#9ecfe9; }.promise-card .quote-foot .number { color:#ffdc87; }
@keyframes waveDraw { 0% { stroke-dashoffset:560; opacity:.15; } 42%,72% { stroke-dashoffset:0; opacity:1; } 100% { stroke-dashoffset:-560; opacity:.15; } }
@media (max-width:800px) { .promise-wave { top:37px; }.promise-card .quote-mark { margin-top:135px; } }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .65s ease,transform .65s ease; }.reveal-delay-1 { transition-delay:90ms; }.reveal-delay-2 { transition-delay:180ms; }.reveal.in-view { opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; } }
.path-card > div:last-child { position:relative; z-index:2; }
.path-follow { background:radial-gradient(circle at 50% 29%,rgba(89,215,255,.32),transparent 26%),linear-gradient(145deg,#092c48,#102b63 57%,#0a172b); }
.follow-art { position:absolute; top:56px; left:50%; width:170px; height:150px; transform:translateX(-50%); border:1px solid rgba(145,224,255,.56); border-radius:50%; box-shadow:0 0 34px rgba(72,183,255,.35),inset 0 0 32px rgba(51,173,255,.18); animation:followFloat 5.5s ease-in-out infinite; }
.follow-art:before,.follow-art:after { content:""; position:absolute; border:1px solid rgba(143,219,255,.32); border-radius:50%; inset:-22px 18px; transform:rotate(-25deg); }.follow-art:after { inset:24px -42px; transform:rotate(34deg); opacity:.7; }
.follow-art span { position:absolute; width:43px; height:43px; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle at 31% 29%,#edffff,#8de9ff 25%,#2e76c5 58%,#16224d); box-shadow:0 0 26px rgba(105,220,255,.78); }
.follow-art i { position:absolute; width:8px; height:8px; border-radius:50%; background:#cbfbff; box-shadow:0 0 15px 4px #66dfff; animation:followOrbit 4.6s linear infinite; }.follow-art i:nth-of-type(1) { top:6px; left:80px; }.follow-art i:nth-of-type(2) { right:10px; bottom:30px; animation-delay:-1.5s; }.follow-art i:nth-of-type(3) { left:18px; bottom:18px; animation-delay:-3.1s; }
@keyframes followFloat { 50% { transform:translateX(-50%) translateY(-11px) scale(1.04); } } @keyframes followOrbit { 50% { transform:scale(.45); opacity:.35; } }
@media (min-width:1051px) { .lead-path { grid-template-columns:repeat(4,1fr); }.path-card { min-height:352px; }.path-card h3 { font-size:25px; } }
@media (max-width:1050px) { .path-call { grid-column:auto; min-height:370px; } }
@media (max-width:600px) { .lead-path,.showcase-grid { grid-template-columns:1fr; }.path-card,.path-call { min-height:292px; grid-column:auto; padding:22px; }.path-card h3 { font-size:25px; }.path-card small { font-size:11px; line-height:1.55; }.search-pulse { top:51px; transform:translateX(-50%) scale(.78); }.proof-badge { top:55px; transform:translateX(-50%) scale(.78); }.call-wave { top:46px; transform:translateX(-50%) scale(.76); }.follow-art { top:45px; transform:translateX(-50%) scale(.78); }.showcase-card,.showcase-card:first-child { min-height:315px; grid-column:auto; padding:22px; }.showcase-copy h3 { font-size:29px; }.house-art { transform:translate(-50%,-50%) scale(.74); }.tower-art { transform:translate(-50%,-44%) skewY(-7deg) scale(.73); }.bolt-art { transform:translate(-50%,-50%) scale(.72); } }
.audit-form { width:min(660px,100%); margin:31px 0 0; padding:20px; border:1px solid rgba(184,255,242,.2); border-radius:14px; background:linear-gradient(135deg,rgba(202,255,245,.11),rgba(29,80,103,.14)); box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 18px 52px rgba(0,0,0,.15); backdrop-filter:blur(12px); }
.audit-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }.audit-fields label { display:grid; gap:7px; color:#dffbf4; font:10px 'DM Mono',monospace; letter-spacing:.09em; text-transform:uppercase; }.audit-fields label i { color:#8ba9a1; font-style:normal; }.audit-fields input { width:100%; min-height:46px; box-sizing:border-box; padding:0 13px; border:1px solid rgba(203,255,246,.22); border-radius:7px; outline:0; background:rgba(1,14,17,.58); color:#f1fffb; font:500 13px Manrope,sans-serif; transition:border-color .2s,box-shadow .2s,background .2s; }.audit-fields input::placeholder { color:#75928d; }.audit-fields input:focus { border-color:#5ff4db; background:rgba(5,30,32,.78); box-shadow:0 0 0 3px rgba(70,239,210,.13); }.audit-site { grid-column:1 / -1; }.audit-submit { margin-top:16px; border:0; cursor:pointer; font-family:Manrope,sans-serif; }.audit-note { margin:11px 0 0 !important; color:#a6c4bd !important; font-size:11px !important; line-height:1.5 !important; }.audit-success { margin:13px 0 0 !important; color:#c4fff2 !important; font-size:13px !important; line-height:1.55 !important; }.audit-honeypot { position:absolute; left:-10000px; opacity:0; pointer-events:none; }.book-whatsapp { display:inline-flex; align-items:center; gap:9px; margin-top:17px; color:#d2fff6; font:700 12px Manrope,sans-serif; letter-spacing:.02em; }.book-whatsapp span { color:#65f5db; font-size:18px; }.book-whatsapp:hover { color:#71f6df; }
@media (max-width:600px) { .audit-form { padding:15px; border-radius:11px; }.audit-fields { grid-template-columns:1fr; gap:12px; }.audit-site { grid-column:auto; }.audit-fields input { min-height:45px; }.audit-submit { width:100%; justify-content:space-between; }.book-whatsapp { margin-top:15px; font-size:11px; } }
.cal-booking { width:min(760px,100%); margin:31px 0 0; overflow:hidden; border:1px solid rgba(156,255,239,.28); border-radius:17px; background:linear-gradient(145deg,rgba(55,229,197,.14),rgba(33,50,121,.22) 57%,rgba(5,20,25,.76)); box-shadow:inset 0 1px 0 rgba(236,255,252,.17),0 25px 64px rgba(0,0,0,.24); backdrop-filter:blur(14px); }.cal-booking-head { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:55px; padding:0 20px; border-bottom:1px solid rgba(184,255,244,.14); color:#e9fffa; font:700 11px Manrope,sans-serif; letter-spacing:.07em; text-transform:uppercase; }.cal-booking-head small { color:#8edfd3; font:10px 'DM Mono',monospace; letter-spacing:.07em; }.cal-dot { display:inline-block; width:7px; height:7px; margin:0 8px 1px 0; border-radius:50%; background:#54f3d5; box-shadow:0 0 14px 3px rgba(84,243,213,.7); }.cal-booking-frame { display:block; width:100%; height:720px; border:0; background:#f9fffd; }.cal-booking-fallback { display:inline-flex; align-items:center; gap:12px; margin:16px 20px 20px; color:#062624; padding:13px 17px; border-radius:7px; background:#8ef6e4; font:800 11px Manrope,sans-serif; letter-spacing:.06em; text-transform:uppercase; }.cal-booking-fallback span { font-size:17px; }.cal-booking-fallback:hover { background:#d9fff7; }
@media (max-width:600px) { .cal-booking { margin-top:24px; border-radius:13px; }.cal-booking-head { min-height:51px; padding:0 15px; font-size:9px; }.cal-booking-head small { font-size:8px; }.cal-booking-frame { height:650px; }.cal-booking-fallback { width:calc(100% - 30px); box-sizing:border-box; justify-content:space-between; margin:13px 15px 15px; } }
.cal-booking { width:min(530px,100%); }.cal-booking>p { max-width:410px; margin:19px 20px 0; color:#c5dbd6; font-size:13px; line-height:1.6; }.cal-booking-fallback { margin-top:18px; }
@media (max-width:600px) { .cal-booking>p { margin:17px 15px 0; font-size:12px; }.cal-booking-fallback { margin-top:16px; } }
.hero-actions .button.primary:not(.hero-schedule) { display:none; }
.hero-schedule { gap:13px; padding:12px 16px; border-radius:6px; font-size:10px; }.hero-schedule span { font-size:16px; }
@media (max-width:600px) { .hero-schedule { padding:11px 14px; font-size:9px; } }