:root{--bg:#03060b;--panel:#081421;--panel2:#0b1c2d;--ink:#edf8ff;--muted:#9db3c7;--blue:#70dfff;--blue2:#218fff;--line:rgba(112,223,255,.23);--max:1180px;--radius:24px;--glow:0 0 22px rgba(60,177,255,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(33,143,255,.16),transparent 32rem),linear-gradient(#03060b,#06111c 48%,#03060b);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 4px);z-index:5}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}a{color:inherit}.nav-shell{position:fixed;z-index:20;left:0;right:0;top:16px}.nav-shell nav{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(3,6,11,.78);backdrop-filter:blur(18px);box-shadow:0 14px 50px #0008}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 .78rem ui-monospace,monospace;letter-spacing:.17em}.brand img{width:44px;height:44px;border-radius:50%;box-shadow:var(--glow)}.navlinks{display:flex;align-items:center;gap:22px}.navlinks>a:not(.button){text-decoration:none;color:#cfe3f2;font-size:.88rem}.menu{display:none;color:white;background:none;border:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid #57cfff;border-radius:999px;color:#f4fbff;background:linear-gradient(135deg,rgba(60,191,255,.28),rgba(33,111,255,.2));box-shadow:var(--glow);font-weight:800;text-decoration:none;cursor:pointer}.button:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(60,191,255,.4),rgba(33,111,255,.28))}.button.ghost{background:transparent;box-shadow:none;border-color:var(--line)}.button.compact{min-height:40px;padding:0 15px;font-size:.84rem}.button.full{width:100%;border-radius:14px}.hero{min-height:100svh;padding:140px 0 64px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow{color:var(--blue);font:800 .74rem ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px var(--blue);margin-right:9px}h1,h2{font-weight:850;letter-spacing:-.055em;line-height:.95;margin:.3em 0}h1{font-size:clamp(4rem,9vw,8rem)}h1 em{display:block;color:transparent;font-style:normal;-webkit-text-stroke:1px var(--blue);text-shadow:0 0 25px rgba(64,180,255,.16)}h2{font-size:clamp(2.5rem,5.5vw,5rem)}h3{font-size:1.3rem;margin:.5rem 0}.lead{color:#c5d9e9;font-size:clamp(1.05rem,2vw,1.28rem);max-width:700px}.micro{color:#8098ad;font-size:.78rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-mark{position:relative;display:grid;place-items:center;min-height:600px}.hero-mark img{width:min(92%,570px);position:relative;border-radius:50%;filter:drop-shadow(0 0 35px rgba(32,151,255,.45))}.orb{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(33,143,255,.22),transparent 62%);border:1px solid var(--line)}.signal{border-block:1px solid var(--line);background:#06101a}.signal-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:auto;color:#86a9c4;font:700 .7rem ui-monospace,monospace;letter-spacing:.13em}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head>p{max-width:430px;color:var(--muted)}.service-tools{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:25px}.search{display:grid;gap:6px;flex:1;max-width:520px;font-size:.8rem;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#050d16;color:var(--ink);padding:13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(112,223,255,.1)}textarea{min-height:120px;resize:vertical}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip,.service-card button{border:1px solid var(--line);border-radius:999px;background:transparent;color:#bcd2e3;padding:8px 12px;cursor:pointer}.chip.active,.chip:hover{background:rgba(112,223,255,.13);color:white}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(13,35,55,.82),rgba(4,11,19,.8));min-height:245px;display:flex;flex-direction:column}.service-card>span,.step-label{font:700 .68rem ui-monospace,monospace;color:var(--blue);letter-spacing:.12em}.service-card p{color:var(--muted);font-size:.9rem;flex:1}.service-card button{align-self:flex-start}.builder-section{border-block:1px solid var(--line);background:radial-gradient(circle at 15% 40%,rgba(33,143,255,.16),transparent 30rem),#050c14}.builder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.boundary{margin-top:30px;padding:20px;border-left:2px solid var(--blue);background:rgba(112,223,255,.06);color:#b7cede}.boundary p{margin:6px 0 0}.builder,#leadForm{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(9,20,33,.9);box-shadow:0 30px 80px #0006}.builder label,#leadForm label{display:grid;gap:7px;margin:15px 0;color:#bcd0df;font-size:.86rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:0;padding:0;margin:18px 0}legend{font-size:.86rem;color:#bcd0df;margin-bottom:10px}.checks{display:flex;flex-wrap:wrap;gap:9px}.checks label{display:flex;align-items:center;gap:7px;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:999px}.checks input{width:auto}.estimate{margin-top:18px;padding:22px;border:1px solid #4bcaee;border-radius:16px;background:#071827}.estimate h3{font-size:1.7rem}.estimate-price{font-size:1.4rem;font-weight:850;color:var(--blue)}.limit{padding:13px;background:#18202a;border-left:3px solid #ffca64;color:#e9d9b8}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}.process-grid article{padding:28px;border:1px solid var(--line);min-height:220px}.process-grid article+article{border-left:0}.process-grid b{color:var(--blue);font:700 .75rem ui-monospace,monospace}.process-grid p,.faq details p{color:var(--muted)}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font-weight:800;cursor:pointer}.contact{background:linear-gradient(145deg,#071522,#03070c);border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}footer{padding:30px 0;border-top:1px solid var(--line)}.footer{display:flex;justify-content:space-between;gap:20px;color:#7891a6;font-size:.78rem}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:64px;left:18px;right:18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#050d16;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:125px}.hero-mark{min-height:auto}.hero-mark img{max-width:520px}.service-grid{grid-template-columns:repeat(2,1fr)}.builder-grid,.faq,.contact-grid{grid-template-columns:1fr}#projectBuilder{order:-1}.section-head{display:block}.service-tools{display:block}.chips{margin-top:14px}}
@media(max-width:580px){.hero{gap:15px}.hero-mark{order:-1;margin-top:10px}.hero-mark img{width:78%}h1{font-size:clamp(3.5rem,19vw,5.7rem)}.section{padding:76px 0}.service-grid,.process-grid,.form-row{grid-template-columns:1fr}.process-grid article+article{border-left:1px solid var(--line);border-top:0}.footer{display:block}.signal-row{justify-content:flex-start}.builder,#leadForm{padding:20px}.service-tools{align-items:stretch}}
.ai-guidance{margin:14px 0;padding:14px;background:rgba(112,223,255,.07);border-left:3px solid var(--blue);color:#cfe8f6}.ai-guidance p{margin:8px 0 0}
.accent{color:var(--blue);text-shadow:0 0 18px rgba(112,223,255,.38)}
.contact-consent{grid-template-columns:auto 1fr!important;align-items:start}.contact-consent input{width:auto;margin-top:.25rem}.contact-consent span{color:#91a9bb;font-size:.78rem;line-height:1.45}
.quote-disclosure{margin:16px 0;padding:12px 14px;border:1px solid rgba(255,202,100,.45);border-radius:10px;background:rgba(255,202,100,.08);color:#f0dfba;font-size:.8rem;line-height:1.45}
.builder-contact{grid-column:2;margin-top:18px}.builder-contact[hidden]{display:none}
@media(max-width:900px){.builder-contact{grid-column:auto;order:-1}}
.review-facts{display:grid;gap:10px;margin:18px 0}.review-facts div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#050d16}.review-facts dt{color:var(--blue);font:700 .68rem ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.review-facts dd{margin:4px 0 0;color:var(--ink)}
.assistant-intro{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;margin-bottom:20px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(112,223,255,.07)}.assistant-intro span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#03101a;font:900 .7rem ui-monospace,monospace;box-shadow:var(--glow)}.assistant-intro p{margin:0;color:#cfe8f6}
.chat-turn{margin:10px 0;padding:12px 14px;border-radius:14px}.chat-turn p{margin:4px 0}.chat-turn strong{font:800 .68rem ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.customer-turn{margin-left:12%;background:#13283a}.sky-turn{margin-right:8%;border:1px solid var(--line);background:rgba(112,223,255,.07)}.sky-turn strong{color:var(--blue)}
.privacy-prompt{margin:-6px 0 14px}
.website-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.trademark-disclaimer{max-width:900px;margin:18px 0 0;color:#657b8d;font-size:.65rem;line-height:1.45}
@media(max-width:580px){.hero{min-height:auto;padding-bottom:42px}.hero-mark{display:none}.hero .actions{margin:20px 0}.hero .button{width:100%}}
.service-card{min-height:135px;align-items:flex-start;justify-content:space-between;color:var(--ink);text-align:left;cursor:pointer}
.service-card:hover{border-color:#57cfff;transform:translateY(-2px);box-shadow:var(--glow)}
.service-card strong{font-size:1.08rem}.service-card small{color:var(--muted)}
.estimate-actions{display:grid;gap:10px;margin-top:18px}
.builder-progress{display:flex;align-items:center;gap:8px;margin-bottom:24px}.builder-progress span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font:700 .68rem ui-monospace,monospace}.builder-progress span.active{border-color:var(--blue);background:rgba(112,223,255,.14);color:white;box-shadow:0 0 16px rgba(112,223,255,.2)}.builder-progress i{height:1px;flex:1;background:var(--line)}.builder-followup{margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}.builder-question{margin:8px 0 12px;color:#d8e9f5;font-size:1.02rem}
.signal{overflow:hidden}.signal-track{display:flex;width:max-content;animation:signal-scroll 28s linear infinite}.signal-group{height:64px;display:flex;align-items:center;gap:58px;padding-right:58px;color:#86a9c4;font:700 .7rem ui-monospace,monospace;letter-spacing:.13em;white-space:nowrap}.signal-group span::before{content:"•";margin-right:58px;color:var(--blue)}@keyframes signal-scroll{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.signal-track{animation:none}.signal-group[aria-hidden="true"]{display:none}}
.quote-dialog{width:min(760px,calc(100% - 28px));max-height:90vh;padding:0;border:1px solid var(--line);border-radius:22px;background:#07111c;color:var(--ink);box-shadow:0 35px 100px #000}
.quote-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.quote-sheet{padding:34px}.quote-sheet h2{font-size:clamp(2.2rem,6vw,4rem)}
.quote-facts{display:grid;gap:0;margin:25px 0;border-top:1px solid var(--line)}
.quote-facts div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.quote-facts dt{color:var(--muted);font-size:.8rem}.quote-facts dd{margin:0}
.quote-actions{display:flex;gap:9px;flex-wrap:wrap;padding:20px 34px;border-top:1px solid var(--line)}
.dialog-close{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer}
.quote-privacy,#quoteActionStatus{padding:0 34px 12px;margin:0}
@media(max-width:580px){.quote-facts div{grid-template-columns:1fr;gap:4px}.quote-sheet{padding:24px}.quote-actions{padding:18px 24px}.quote-privacy,#quoteActionStatus{padding-inline:24px}}
@media print{body>*:not(.quote-dialog){display:none!important}.quote-dialog{display:block;position:static;width:100%;max-height:none;border:0;box-shadow:none;background:white;color:#111}.quote-actions,.quote-privacy,#quoteActionStatus{display:none}.quote-sheet{padding:0}.quote-facts div{border-color:#bbb}.quote-disclosure{color:#222;border-color:#999;background:#f6f6f6}.micro{color:#444}}

/* Portrait showcase reel */
.hero-reel{position:relative;width:min(100%,570px);aspect-ratio:1;overflow:hidden;border:1px solid rgba(112,223,255,.3);border-radius:50%;background:#000;box-shadow:0 34px 90px #000b,0 0 42px rgba(33,143,255,.2);isolation:isolate}
.hero-reel:before{content:"";position:absolute;inset:10px;z-index:8;pointer-events:none;border:1px solid rgba(255,255,255,.14);border-radius:50%}
.hero-slide{position:absolute;inset:0;margin:0;display:grid;place-items:center;opacity:0;transition:opacity 1.15s ease;pointer-events:none;background:#000;will-change:opacity}
.hero-slide.is-active{opacity:1;z-index:2}
.hero-slide>img,.hero-slide>video{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;filter:none}
.hero-slide>video{transform:scale(1.07);transform-origin:50% 48%}
.hero-slide.tone-blue{background:#07141d}.hero-slide.tone-steel{background:#11171b}.hero-slide.tone-warm{background:#21150d}
.hero-slide:not(.hero-logo)>img,.hero-slide:not(.hero-logo)>video{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;clip-path:circle(50% at 50% 50%);box-shadow:none}
.hero-slide:not(.hero-logo)>video{transform:scale(1.035);object-position:50% 58%}
.hero-slide figcaption{position:absolute;z-index:6;left:50%;bottom:15%;width:max-content;max-width:72%;padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(0,0,0,.58);backdrop-filter:blur(8px);color:#eaf8ff;font:800 .66rem ui-monospace,monospace;letter-spacing:.09em;line-height:1.3;text-align:center;text-transform:uppercase;text-shadow:0 2px 14px #000;transform:translateX(-50%)}
.hero-logo{background:radial-gradient(circle at 50% 43%,rgba(33,143,255,.22),transparent 45%),#000}
.hero-logo>img{width:86%;height:auto;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 35px rgba(32,151,255,.48))}
.hero-logo .orb{width:90%}
.hero-reel-shade{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.7) 100%)}
.hero-reel-status{position:absolute;z-index:9;left:50%;bottom:8%;display:flex;gap:6px;transform:translateX(-50%)}
.hero-reel-status span{width:6px;height:6px;border-radius:50%;background:#fff6;transition:width .35s,background .35s}
.hero-reel-status span.is-active{width:20px;border-radius:5px;background:var(--blue)}
@media(max-width:900px){.hero-reel{width:min(86vw,520px)}}
@media(max-width:580px){.hero{gap:22px}.hero-mark{display:grid;order:-1;margin-top:10px}.hero-reel{width:min(78vw,350px);border-radius:50%}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}.hero-slide:not(.is-active){display:none}.hero-reel-status{display:none}}
.hero-reel:has(.hero-slide:not(.hero-logo).is-active){cursor:zoom-in}
.hero-reel:focus-visible{outline:3px solid var(--blue);outline-offset:7px}
.media-dialog{width:min(88vmin,900px);height:min(88vmin,900px);max-width:none;max-height:none;padding:0;overflow:visible;border:1px solid rgba(112,223,255,.42);border-radius:50%;background:#000;color:white;box-shadow:0 40px 120px #000,0 0 55px rgba(33,143,255,.26)}
.media-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(9px)}
.expanded-media,.expanded-media>img,.expanded-media>video{display:block;width:100%;height:100%;border-radius:50%}
.expanded-media{overflow:hidden}.expanded-media>img,.expanded-media>video{object-fit:cover}.expanded-media>video{object-position:50% 58%}
.media-close{position:absolute;z-index:2;right:4%;top:4%;min-width:58px;min-height:58px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(0,0,0,.75);color:white;font-weight:800;cursor:pointer}
.media-close:hover,.media-close:focus-visible{border-color:var(--blue);box-shadow:var(--glow)}
@media(max-width:580px){.media-dialog{width:92vmin;height:92vmin}.media-close{min-width:48px;min-height:48px;font-size:.72rem}}

/* Cinematic SkyPixels polish */
body{background:radial-gradient(circle at 78% 12%,rgba(26,143,255,.22),transparent 28rem),radial-gradient(circle at 18% 72%,rgba(29,91,208,.12),transparent 34rem),linear-gradient(#02060b,#071522 48%,#02060b);background-attachment:fixed}
.hero{position:relative}.hero:before{content:"";position:absolute;z-index:-1;right:-9%;top:15%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(49,181,255,.13),transparent 66%);filter:blur(10px);animation:sky-breathe 7s ease-in-out infinite alternate}
.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;left:-24px;top:3%;bottom:3%;width:1px;background:linear-gradient(transparent,var(--blue),transparent);box-shadow:0 0 18px rgba(112,223,255,.65)}
.hero h1{background:linear-gradient(110deg,#fff 18%,#dff6ff 48%,#9adfff 72%,#fff);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sky-sheen 9s linear infinite}.hero h1 em{background:none;color:transparent}
.hero-reel{border-color:rgba(112,223,255,.48);box-shadow:0 40px 110px #000c,0 0 55px rgba(33,143,255,.28),inset 0 0 32px rgba(112,223,255,.08)}
.hero-mark:before,.hero-mark:after{content:"";position:absolute;pointer-events:none;border-radius:50%;border:1px solid rgba(112,223,255,.16)}.hero-mark:before{width:min(108%,620px);aspect-ratio:1;animation:orbit-turn 24s linear infinite}.hero-mark:after{width:min(116%,670px);aspect-ratio:1;border-style:dashed;opacity:.55;animation:orbit-turn 38s linear infinite reverse}
.hero-reel:after{content:"";position:absolute;z-index:10;inset:0;pointer-events:none;border-radius:50%;background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 23%,transparent 72%,rgba(112,223,255,.08));mix-blend-mode:screen}
.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;top:-70%;bottom:-70%;left:-45%;width:26%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-22deg);transition:left .65s ease}.button:hover:after{left:125%}
.builder,.process-grid article,.faq details{transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.builder:hover,.process-grid article:hover{border-color:rgba(112,223,255,.42);box-shadow:0 22px 65px #0006,0 0 24px rgba(33,143,255,.09);transform:translateY(-2px)}
@keyframes sky-breathe{to{opacity:.58;transform:scale(1.08)}}@keyframes sky-sheen{to{background-position:220% center}}@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero-copy:before{display:none}.hero-mark:before{width:min(96vw,580px)}.hero-mark:after{width:min(104vw,630px)}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero h1,.hero-mark:before,.hero-mark:after{animation:none}.button:after{display:none}}
.hero-logo.is-active>img{animation:logo-pulse 3.6s ease-in-out infinite}.hero-logo.is-active .orb{animation:orb-pulse 3.6s ease-in-out infinite}
@keyframes logo-pulse{0%,100%{filter:drop-shadow(0 0 25px rgba(32,151,255,.38)) brightness(.96)}50%{filter:drop-shadow(0 0 48px rgba(64,196,255,.72)) brightness(1.12)}}
@keyframes orb-pulse{0%,100%{opacity:.55;box-shadow:0 0 0 rgba(112,223,255,0)}50%{opacity:1;box-shadow:0 0 42px rgba(112,223,255,.18)}}
@media(prefers-reduced-motion:reduce){.hero-logo.is-active>img,.hero-logo.is-active .orb{animation:none}}