:root{--paper:#07080c;--ink:#f1f2f7;--muted:#a0a4b5;--line:#ffffff1f;--blue:#8198ff}body{background:#07080c;color:var(--ink);overflow-x:clip}.header{height:98px;border-color:#ffffff13;position:absolute;inset:0 0 auto;z-index:5;padding-inline:5.5%;background:linear-gradient(#07080caa,transparent)}.header nav{color:#b8bbca;font-size:13px}.wordmark{font-size:26px}.wordmark span{font-size:10px;letter-spacing:3.5px;color:#b8bbca}.button{background:#e9edff;color:#111524;border-radius:40px;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{background:white;box-shadow:0 0 35px #8297ff30;transform:translateY(-3px)}.header .button{background:#ffffff08;border:1px solid #ffffff40;color:white;font-size:12px;backdrop-filter:blur(20px)}.header .button:hover{background:#ffffff16}.hero{padding:152px 5.5% 0;position:relative;isolation:isolate}.hero-atmosphere{position:absolute;inset:0 0 auto;height:970px;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#17203b50,transparent 60%),#07080c;pointer-events:none}.hero-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07080c 0%,transparent 25%,transparent 75%,#07080c55)}.halo{position:absolute;width:95%;height:580px;left:2.5%;top:70px;border:1px solid #6e85ff26;border-radius:50%;transform:rotate(-22deg);box-shadow:0 -15px 80px #204cff0c,inset 0 1px 30px #617fff08;animation:orbit-light 16s ease-in-out infinite alternate}.halo-two{width:110%;height:660px;left:-5%;top:15px;transform:rotate(19deg);border-color:#8996ff0f;animation-delay:-7s}.horizon{position:absolute;left:-15%;width:130%;height:500px;top:525px;border-radius:50%;background:#07080c;box-shadow:0 -2px 3px #c1caff,0 -8px 25px #496cff,0 -24px 90px #2148ff,0 -70px 140px #1831c499;transform:rotate(-9deg);animation:horizon-glow 9s ease-in-out infinite alternate}.eyebrow{justify-content:center;font-family:monospace;text-transform:uppercase;font-size:11px;letter-spacing:.17em;color:#b2b8cb}.eyebrow>span:last-child{display:none}.eyebrow>span:first-child:before,.eyebrow>span:first-child:after{color:#9baaff}h1{position:relative;text-align:center;font-size:clamp(62px,8.4vw,135px);font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:43px -3% 32px;text-shadow:0 6px 65px #05070dcc}h1 em{color:#afbfff;background:linear-gradient(110deg,#fff 10%,#b8c4ff 45%,#758fff 78%,#e3e8ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1{animation:title-in 1.25s cubic-bezier(.2,.7,.2,1) both}.hero-bottom{position:relative;flex-direction:column;gap:24px;text-align:center;margin-bottom:135px}.hero-bottom p{font-size:15px;color:#b2b8cd;line-height:1.75}.hero-bottom p br:first-child{display:none}.hero-action{margin:0;gap:13px}.hero-action .button{padding-inline:30px;background:#e6ebff;color:#101729;box-shadow:0 0 40px #a3b3ff25}.hero-action>span{font-size:11px;color:#bdc5dc}.vertical-note{position:absolute;right:0;top:70px;font-family:monospace;letter-spacing:.14em;font-size:10px;color:#80879c}.design-stage{padding:26px 38px;min-height:670px;background:radial-gradient(ellipse at 50% 90%,#28337b44,transparent 65%),linear-gradient(145deg,#131620,#090b12 70%);border:1px solid #ffffff22;border-radius:10px;box-shadow:0 40px 100px #0009;perspective:1200px}.stage-top,.stage-caption{font-size:11px;color:#9098b0;letter-spacing:.07em}.giant-type{top:55px;color:#ffffff08;font-size:12vw;letter-spacing:-.06em}.sample-window{margin-top:95px;background:#10131b;color:#e6eaff;border:1px solid #899bd044;border-radius:8px;transform:rotateX(9deg) rotateY(-10deg) rotateZ(-3deg);box-shadow:30px 40px 80px #000b,0 0 70px #4c6fff13;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.design-stage:hover .sample-window{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}.sample-bar{background:#1a1d28;color:#939aac;border-bottom:1px solid #ffffff0c}.sample-dots{color:#68718a}.sample-inner{padding:30px 38px 22px;background:radial-gradient(ellipse at 95% 60%,#2947ac55,transparent 60%)}.sample-nav b{color:#e5eaff}.sample-copy{padding:42px 0 36px}.sample-copy h2{font-size:clamp(30px,4vw,62px)}.sample-copy em{color:#9aadff}.sample-line{background:#8aa4ff}.sample-stamp{color:#91a8ff33;text-shadow:0 0 60px #546fff55;font-weight:400}.sample-copy p{color:#a3aec8}.sample-footer{border-color:#ffffff20;color:#a5afc5}.stage-caption{margin-top:32px}.section{padding:120px 6%}.section-label{font-family:monospace;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#939baf;margin-bottom:60px}.section-label>span:last-child{color:#818a9f}h2{font-size:clamp(36px,4.7vw,72px);font-weight:450;letter-spacing:-.055em}.split-heading{gap:10%}.split-heading p{font-size:16px;line-height:1.8}.service-grid{gap:20px}.service-grid article{padding:30px;border:1px solid #ffffff16;background:linear-gradient(145deg,#171a2490,#0a0c1200);border-radius:5px;transition:border-color .4s,transform .4s}.service-grid article:hover{border-color:#849aff70;transform:translateY(-7px)}.service-number{display:block;font-family:monospace;font-size:12px;color:#9ba9d6}.service-grid h3{margin-top:55px;font-size:22px}.service-grid p{font-size:15px}.tag{border-color:#ffffff1f;color:#bac1d5;font-size:11px}.process{background:radial-gradient(ellipse at 0% 90%,#18244744,transparent 60%),#0c0e14;border-block:1px solid #ffffff10}.process-grid{gap:12%}.steps li{border-color:#ffffff20;padding:30px 0}.steps li>span{color:#99aafa}.steps h3{font-size:22px}.steps p{line-height:1.8}.text-link{color:#c2caff}.pricing{background:radial-gradient(ellipse at 60% 80%,#16224855,transparent 60%)}.price-grid{gap:25px}.price-card{border:1px solid #ffffff20;padding:40px;border-radius:8px}.primary{background:radial-gradient(ellipse at 100% 0%,#455fe366,transparent 65%),linear-gradient(130deg,#202c64,#121832 85%);border-color:#6e84e260;box-shadow:0 0 90px #2545aa12}.price-top h3{font-size:18px}.pill{color:#ced6ff;border-color:#9aacff66;background:#9aacff09}.price{font-size:clamp(65px,6.5vw,100px);font-weight:400;margin:37px 0 17px}.price>span{color:#b7bfd5;font-size:13px}.price-card>p,.price-card li{color:#c1c8db}.price-card li{border-bottom:1px solid #ffffff0c;padding-block:10px}.price-card ul{margin-bottom:25px}.maintenance{background:linear-gradient(135deg,#161922,#0d0f16)}.asterisk{color:#9aacff;font-size:45px}.maintenance-copy h4{font-size:22px;max-width:300px;font-weight:450}.maintenance-copy p{line-height:1.8}.price-card .button{border-radius:5px}.outline{color:#e1e5f3;background:#ffffff04;border-color:#ffffff35}.outline:hover{color:white;background:#ffffff10}.light{color:#121727}.price-note{font-size:13px}.faq{border-color:#ffffff15}.questions summary{font-size:16px;padding-block:25px}.questions details{border-color:#ffffff1d}.questions details:last-child{border-color:#ffffff1d}.contact{position:relative;isolation:isolate;overflow:hidden;background:#101525;border-top:1px solid #728bff42;padding:80px 6%}.contact:before{content:'';position:absolute;z-index:-1;width:100%;height:650px;left:30%;top:150px;border:1px solid #98aaff;border-radius:50%;box-shadow:0 -15px 70px #486cff99,inset 0 20px 90px #486cff33;transform:rotate(-25deg)}.contact h2{font-size:clamp(56px,9.2vw,140px)}.contact em{color:#a9b8ff}.contact-bottom{margin-top:45px}.contact .email{color:#bdc8e5;font-size:14px}footer{padding:45px 6%;background:#07080c}footer>span,footer>a:last-child{color:#a1a8bc}.skip{color:#101525}.menu-toggle{color:white}.mobile-nav{background:#10131d;color:#e2e7ff}.reveal{transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal:not(.in-view){opacity:0;transform:translateY(30px)}.motion-ready .reveal.in-view{opacity:1;transform:none}@keyframes title-in{from{opacity:0;transform:translateY(25px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes horizon-glow{from{opacity:.65;transform:rotate(-9deg) translateY(15px)}to{opacity:1;transform:rotate(-6deg) translateY(-5px)}}@keyframes orbit-light{to{transform:rotate(-12deg) translateY(20px);opacity:.45}}
@media(min-width:1600px){body{max-width:none}.hero-atmosphere{height:1150px}.horizon{top:650px}.hero{padding-top:180px}.hero-bottom{margin-bottom:170px}.design-stage{max-width:1550px;margin-inline:auto}.section,.contact{padding-inline:max(6%,calc((100vw - 1550px)/2))}}
@media(max-width:900px){.hero{padding-top:145px}.hero-bottom{margin-bottom:110px}.design-stage{min-height:550px;padding:25px}.service-grid article{padding:23px}.service-grid h3{font-size:19px}.section{padding:85px 6%}.price-card{padding:28px}.price{font-size:64px}.halo{top:100px;height:420px}.horizon{top:510px}.sample-window{width:90%;margin-top:80px}.sample-inner{padding:24px}}
@media(max-width:600px){.header{height:88px;padding-inline:6%;position:absolute}.hero{padding:130px 6% 0}.hero-atmosphere{height:790px}.eyebrow{font-size:9px;letter-spacing:.12em}h1{font-size:clamp(39px,10.7vw,64px);margin:38px -4% 24px;line-height:1.08;letter-spacing:-.06em}.hero-bottom{display:flex;margin-bottom:95px;gap:23px}.hero-bottom p{font-size:14px;max-width:295px;line-height:1.8}.hero-bottom p br:first-child{display:initial}.hero-action{margin-top:0;justify-items:center}.hero-action>span{font-size:10px}.hero-action .button{font-size:13px;min-height:49px;padding:13px 25px}.halo{width:150%;left:-25%;height:300px;top:130px}.halo-two{width:180%;left:-40%;height:420px;top:80px}.horizon{width:170%;left:-35%;height:260px;top:470px;box-shadow:0 -2px 3px #c1caff,0 -8px 25px #496cff,0 -24px 70px #2148ff,0 -55px 110px #1831c499}.mobile-nav{position:absolute;top:88px;inset-inline:0;z-index:6;box-shadow:0 20px 30px #0008}.design-stage{min-height:350px;padding:18px 13px;margin-inline:-2%}.stage-top,.stage-caption{font-size:8px}.giant-type{font-size:16vw;top:40px}.sample-window{width:95%;margin-top:57px;margin-bottom:25px;transform:rotateX(7deg) rotateY(-8deg) rotateZ(-3deg)}.sample-inner{padding:17px}.sample-copy{padding:25px 0 22px}.sample-copy h2{font-size:27px}.sample-copy p{font-size:8px}.sample-nav b{font-size:13px}.sample-stamp{font-size:65px;top:38%}.sample-footer{font-size:7px}.section{padding:65px 6%}.section-label{font-size:10px;margin-bottom:35px}h2{font-size:38px}.service-grid{gap:17px}.service-grid article{padding:26px}.service-grid h3{font-size:23px;margin-top:25px}.service-grid p{font-size:15px}.process-grid{gap:40px}.price{font-size:65px}.price-card{padding:26px}.price-top h3{font-size:17px}.pill{font-size:9px}.contact{padding:55px 6%}.contact h2{font-size:clamp(44px,11.5vw,68px)}.contact-bottom{margin-top:30px}.contact:before{top:220px;left:35%;height:450px;width:150%}.faq .section-label{margin-bottom:22px}.questions summary{font-size:15px}.reveal{transition-duration:.6s}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.in-view){opacity:1;transform:none}.halo,.horizon,h1{animation:none}.sample-window{transition:none}}

/* Keep the cinematic lighting static: no perpetual GPU layers or scroll reveals. */
html{scroll-behavior:auto}
.halo,.horizon,h1{animation:none;will-change:auto}
h1,.sample-stamp{text-shadow:none;filter:none}
.header .button{backdrop-filter:none;background:#141823}
.halo{box-shadow:none}
.horizon{border-radius:0;transform:none;background:radial-gradient(ellipse at 50% 105%,#07080c 0 63%,#a5b5ff 63.4%,#3c59cf 64%,#172662 68%,transparent 78%);box-shadow:none;top:360px;height:390px;left:-15%;width:130%}
.design-stage{perspective:none;box-shadow:none}
.sample-window,.design-stage:hover .sample-window{transform:rotate(-3deg);transition:none;box-shadow:0 12px 24px #0006}
.primary{box-shadow:none}
.contact:before{box-shadow:none;border-color:#718be766}
.contact{background:radial-gradient(ellipse at 80% 100%,#253872 0,transparent 65%),#101525}
.button,.button:hover,.hero-action .button{box-shadow:none;transform:none;transition:background-color .15s,color .15s}
.service-grid article,.service-grid article:hover{transform:none;transition:border-color .15s}
.reveal,.motion-ready .reveal:not(.in-view),.motion-ready .reveal.in-view{opacity:1;transform:none;transition:none}
@media(max-width:600px){.horizon{top:345px;height:260px;width:170%;left:-35%}.sample-window,.design-stage:hover .sample-window{transform:none}}

/* A complete static ellipse with transparent padding avoids clipped glow edges. */
.horizon{inset:120px 0 auto;width:100%;height:590px;background:radial-gradient(ellipse closest-side at 50% 50%,transparent 0 76%,#233c8820 82%,#5678f570 86%,#afc2ff 87%,#5271df88 88%,#253c8530 93%,transparent 100%);border-radius:0;transform:none;box-shadow:none}
.halo{display:none}
.hero-atmosphere:after{background:linear-gradient(0deg,#07080c 0%,transparent 18%,transparent 85%,#07080c55)}
.contact:before{inset:8% 2%;width:96%;height:84%;transform:none;border:none;background:radial-gradient(ellipse closest-side,transparent 90%,#718be730 91%,transparent 95%)}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;margin-top:50px;align-items:start}
.contact-intro p{color:#bec5d9;font-size:16px;margin-bottom:24px}
#contact-form{padding:30px;border:1px solid #ffffff26;background:#101522;border-radius:8px;min-width:0}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;min-width:0}
.form-field label{font-size:14px;color:#e4e9f8}.form-field label span{color:#aeb7cc;font-size:12px}
.form-field input,.form-field textarea,.form-field select{width:100%;min-width:0;border:1px solid #637095;background:#090e19;color:#f0f3ff;border-radius:4px;font:inherit;font-size:16px;line-height:1.5;padding:12px;color-scheme:dark}
.form-field textarea{resize:vertical;min-height:140px}
.form-field input:focus-visible,.form-field textarea:focus-visible,.form-field select:focus-visible{outline:2px solid #a3b6ff;outline-offset:3px}
.form-note{font-size:12px;color:#b3bdd4;margin-bottom:20px}
#contact-form button{cursor:pointer}#contact-form button:disabled{opacity:.65;cursor:wait}
#form-status{font-size:14px;margin-top:18px;color:#c2cee9}#form-status:empty{margin:0}
#form-status[data-state="error"]{color:#ffc2be}#form-status[data-state="success"]{color:#b6edcf}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:30px}.horizon{top:140px;height:490px}}
@media(max-width:600px){.horizon{top:145px;height:390px;left:0;width:100%}.contact-layout{margin-top:35px}#contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}}
/* A single open sweep: no closed ring and no animated or blurred layers. */
.horizon{inset:365px 0 auto;width:100%;height:330px;background:url('light-streak.svg') center / 100% 100% no-repeat;transform:none;animation:none}
.contact:before{inset:auto 0 0;width:100%;height:420px;background:url('light-streak.svg') center / 100% 100% no-repeat;opacity:.45}
@media(min-width:1600px){.horizon{top:440px;height:410px}}
@media(max-width:900px){.horizon{top:365px;height:300px}}
@media(max-width:600px){.horizon{top:400px;height:190px}}