:root{--black:#05070a;--ink:#0b0e13;--white:#fff;--off:#f3f4f6;--blue:#2468e8;--blue2:#3c7cff;--gray:#9ba2ad;--line:#252a32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em}.site-header{height:88px;padding:0 max(4.5vw,24px);display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;z-index:5;border-bottom:1px solid #ffffff1c;background:rgba(5,7,10,.82);backdrop-filter:blur(14px)}.brand img,.footer-logo img{display:block;width:228px}.site-header nav{display:flex;gap:38px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#c7cbd2}.site-header nav a:hover{color:#fff}.nav-cta{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:13px 17px;border:1px solid #4d535d}.nav-cta span,.inline-link span,.contact-copy>a span{color:var(--blue2);margin-left:8px}.hero{min-height:860px;display:grid;grid-template-columns:58% 42%;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.hero-copy{padding:195px 5vw 70px;position:relative;z-index:2}.kicker,.section-tag{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700}.kicker{display:flex;align-items:center;gap:10px;color:#c5cad1}.kicker span{width:28px;height:2px;background:var(--blue)}.hero h1{font-size:clamp(66px,7vw,112px);line-height:.88;margin:38px 0 34px;max-width:780px}.hero h1 em,.process-title h2 em{font-style:normal;color:var(--blue2)}.lead{font-size:18px;line-height:1.7;color:#aeb4bd;max-width:620px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;padding:18px 23px;font:700 12px Inter;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.1)}.button-blue{background:var(--blue);color:white}.inline-link{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #70757d;padding:10px 0}.trust-row{display:flex;margin-top:80px;border-top:1px solid var(--line);max-width:660px}.trust-row div{padding:22px 44px 0 0;margin-right:44px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line)}.trust-row div:last-child{border:0}.trust-row b{font-size:10px;color:var(--blue2)}.trust-row span{font-size:12px;color:#bec3ca;white-space:nowrap}.hero-visual{border-left:1px solid var(--line);position:relative;display:grid;place-items:center;background:radial-gradient(circle at 55% 42%,#14233e,transparent 45%)}.hero-visual>img{width:min(73%,430px);filter:drop-shadow(0 30px 40px #000);opacity:.98}.hero-visual:before{content:'';position:absolute;inset:16% 12%;border:1px solid #ffffff17}.status-panel{position:absolute;bottom:115px;left:-35px;background:#0b0f15;border:1px solid #343a44;width:250px;padding:20px;box-shadow:0 20px 60px #0008}.status-panel p{font-size:9px;letter-spacing:.16em;color:#7f8792;margin-bottom:15px}.status-panel div{display:flex;gap:9px;align-items:center;font-size:11px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--blue2);box-shadow:0 0 0 5px #286ce929}.status-panel small{display:block;color:#79818c;font-size:9px;margin-top:13px}.corner-label{position:absolute;right:25px;bottom:25px;font-size:9px;letter-spacing:.18em;color:#69717c}.section-pad{padding:130px max(7vw,28px)}.section-tag{color:#707782}.section-tag.blue{color:var(--blue2)}.statement{background:var(--white);color:var(--ink)}.statement h2{font-size:clamp(48px,6.5vw,96px);line-height:1.02;max-width:1160px;margin:55px 0 70px}.statement-foot{display:flex;justify-content:flex-end;gap:9vw;align-items:end}.statement-foot p{color:#666d77;line-height:1.7;max-width:490px;margin:0}.statement-foot a{font-size:12px;text-transform:uppercase;font-weight:700;border-bottom:1px solid;padding-bottom:8px}.statement-foot a span{color:var(--blue)}.services{background:#090c11}.section-head{display:grid;grid-template-columns:.6fr 1fr .65fr;gap:6vw;align-items:end}.section-head h2{font-size:clamp(54px,6vw,88px);line-height:.98;margin:0}.section-head>p:last-child{color:#9098a3;line-height:1.7;margin:0}.service-stack{margin-top:90px;border-top:1px solid var(--line)}.service-stack article{display:grid;grid-template-columns:80px 1fr 60px;align-items:center;gap:20px;padding:42px 0;border-bottom:1px solid var(--line)}.number{color:#68717e;font-size:11px}.service-copy{display:grid;grid-template-columns:.7fr 1fr;gap:6vw;align-items:center}.service-copy h3{font-size:31px;margin:0}.service-copy p{color:#8f97a2;line-height:1.65;margin:0;max-width:600px}.icon-box{width:46px;height:46px;border:1px solid #3b424d;display:grid;place-items:center;color:var(--blue2)}.process{background:var(--off);color:var(--ink);display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.process-title h2{font-size:clamp(52px,5vw,78px);line-height:1.05;margin-top:40px}.process-steps{border-top:1px solid #cdd0d5}.process-steps article{padding:36px 0;border-bottom:1px solid #cdd0d5}.process-steps span{font-size:9px;color:var(--blue);letter-spacing:.16em;font-weight:700}.process-steps h3{font-size:25px;margin:19px 0 9px}.process-steps p{color:#68707a;line-height:1.6;margin:0}.company{display:grid;grid-template-columns:1fr 1fr}.company-mark{display:grid;place-items:center;min-height:700px;border-right:1px solid var(--line);background:radial-gradient(circle,#151b25,transparent 58%)}.company-mark img{width:62%;max-width:430px}.company-copy{display:flex;flex-direction:column;justify-content:center}.company-copy h2{font-size:clamp(42px,4.5vw,70px);line-height:1.05;margin:40px 0 28px}.company-copy>p:not(.section-tag){color:#969eaa;line-height:1.75;font-size:17px}.values{display:grid;grid-template-columns:1fr 1fr;margin-top:45px;border-top:1px solid var(--line)}.values span{padding:22px 0;border-bottom:1px solid var(--line);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.values span:nth-child(odd){border-right:1px solid var(--line)}.values span:nth-child(even){padding-left:30px}.contact{background:var(--white);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-copy h2{font-size:clamp(46px,5vw,76px);line-height:1.03;margin:40px 0 30px}.contact-copy>p:not(.section-tag){color:#6d737b;line-height:1.7}.contact-copy>a{display:inline-block;margin-top:25px;font-weight:700;border-bottom:1px solid;padding-bottom:8px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:10px}.field.full,.contact .full{grid-column:1/-1}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.field label span{font-weight:400;color:#858b94}input,textarea{font:14px Inter;border:0;border-bottom:1px solid #bfc3c9;background:#f7f8f9;padding:15px;outline:none;border-radius:0}input:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical}.contact form small{text-align:center;color:#7b8189}footer{padding:60px max(5vw,24px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center}.footer-logo img{width:260px}footer>p{color:#77808b}footer>div{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;margin-top:40px;display:flex;justify-content:space-between;color:#747c87;font-size:11px}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{padding-right:8vw}.hero-visual{position:absolute;right:-10%;top:180px;width:48%;height:500px;opacity:.3;border:0}.hero h1,.lead,.hero-actions,.trust-row{position:relative;z-index:2}.section-head{grid-template-columns:1fr}.section-head h2{margin:20px 0}.process{grid-template-columns:1fr}.company{grid-template-columns:1fr}.company-mark{min-height:480px}.company-mark img{max-width:320px}}
@media(max-width:720px){.site-header{height:72px}.brand img{width:178px}.site-header nav{display:none}.nav-cta{font-size:9px;padding:10px}.hero{min-height:auto}.hero-copy{padding:145px 22px 70px}.hero h1{font-size:62px}.hero-visual{display:none}.lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{display:grid;grid-template-columns:1fr 1fr;margin-top:60px}.trust-row div{padding-right:15px;margin-right:15px}.section-pad{padding:85px 22px}.statement h2{font-size:48px}.statement-foot{display:block}.statement-foot p{margin-bottom:35px}.service-stack{margin-top:55px}.service-stack article{grid-template-columns:35px 1fr}.service-copy{grid-template-columns:1fr;gap:10px}.service-copy h3{font-size:25px}.icon-box{display:none}.process-title h2{font-size:48px}.company-mark{min-height:390px}.company-copy{padding:80px 22px}.contact{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.field{grid-column:1/-1}footer{grid-template-columns:1fr}.footer-logo img{width:220px}footer>div{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Hero website mockup */
.hero-visual{isolation:isolate;background:radial-gradient(circle at 54% 44%,#112b5f 0,transparent 48%)}
.hero-visual:before{inset:16% 9%;z-index:-1}
.blue-pulse{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(36,104,232,.34);filter:blur(38px);z-index:-1;animation:bluePulse 3.4s ease-in-out infinite}
.blue-pulse:after{content:'';position:absolute;inset:18%;border:1px solid #3c7cff66;border-radius:50%;box-shadow:0 0 80px #2468e8}
.hero-visual .hero-laptop{width:min(118%,780px);max-width:none;transform:translate(-2%,5%);filter:drop-shadow(0 35px 45px #000c);opacity:1;position:relative;z-index:1}
.status-panel{bottom:105px;left:-25px;z-index:3}
@keyframes bluePulse{0%,100%{transform:scale(.86);opacity:.38}50%{transform:scale(1.12);opacity:.85}}
@media(prefers-reduced-motion:reduce){.blue-pulse{animation:none}}

/* Full-page section navigation */
html{scroll-snap-type:y mandatory;scroll-padding-top:0}
.site-header{position:fixed}
main>section{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
.statement{display:flex;flex-direction:column;justify-content:center}
.services,.contact{display:grid;align-content:center}
.hero-visual .hero-laptop{width:min(103%,720px);transform:translate(-1%,1%)}
@media(max-width:1000px){html{scroll-snap-type:none}.hero-visual .hero-laptop{width:min(112%,680px)}}
@media(max-width:720px){main>section{min-height:auto}.hero{min-height:100svh}.site-header{position:fixed}}

/* Scale each desktop panel to the visitor's actual browser viewport. */
@media(min-width:721px){
  .hero{height:100vh;height:100dvh;min-height:0}
  .statement,.services,.process,.company,.contact{min-height:100vh;min-height:100dvh}
  .site-header{position:fixed;inset:0 0 auto 0;z-index:100}
}

/* Resolution-independent product visuals */
.laptop-mockup{width:min(92%,670px);position:relative;z-index:1;filter:drop-shadow(0 34px 38px #000b);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}
.laptop-screen{aspect-ratio:16/10;background:#07101f;border:10px solid #171b22;border-radius:14px 14px 5px 5px;overflow:hidden;box-shadow:inset 0 0 0 1px #58606c}
.demo-nav{height:14%;display:flex;align-items:center;gap:6%;padding:0 6%;border-bottom:1px solid #ffffff12}.demo-brand{width:18%;height:7px;background:#fff}.demo-nav i{width:7%;height:3px;background:#6f7b8d}.demo-nav b{width:11%;height:16px;background:var(--blue);margin-left:auto}.demo-hero{height:57%;display:grid;grid-template-columns:1.15fr .85fr;position:relative;background:linear-gradient(125deg,#07101f,#0a2e68)}.demo-hero>div:first-child{padding:9% 0 0 9%;position:relative;z-index:2}.demo-hero small{display:block;color:#4c8fff;font-size:7px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8%}.demo-hero strong{font:600 clamp(16px,2vw,31px)/1.05 'Space Grotesk';letter-spacing:-.04em}.demo-hero>div:first-child>span{display:block;width:30%;height:14px;background:var(--blue);margin-top:10%}.demo-shape{clip-path:polygon(45% 0,100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#5d8bd2,#081d42 58%);opacity:.9}.demo-cards{height:29%;display:grid;grid-template-columns:repeat(3,1fr);background:white;color:#101722}.demo-cards span{padding:9%;border-right:1px solid #dde2eb;display:flex;flex-direction:column;justify-content:center}.demo-cards b{font:700 clamp(13px,1.5vw,22px) 'Space Grotesk';color:#185fd5}.demo-cards small{font-size:7px;color:#778294;margin-top:4px}.laptop-base{height:24px;width:108%;margin-left:-4%;background:linear-gradient(#d9dde3,#858d98);clip-path:polygon(4% 0,96% 0,100% 72%,93% 100%,7% 100%,0 72%);position:relative}.laptop-base span{position:absolute;width:17%;height:5px;background:#7d858f;left:41.5%;top:0;border-radius:0 0 6px 6px}
.company-mark{display:none}.product-showcase{min-height:700px;border-right:1px solid var(--line);padding:11% 9%;background:linear-gradient(145deg,#080c12,#0c1524);display:flex;flex-direction:column;justify-content:center}.product-top{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #28303b;color:#788493;font-size:9px;letter-spacing:.15em}.online{color:#70a2ff}.online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#397cff;box-shadow:0 0 0 5px #397cff22;margin-right:7px}.product-title{padding:38px 0}.product-title small,.product-metrics small,.product-chart>small{color:#748091;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.product-title h3{font-size:clamp(29px,3vw,45px);line-height:1.05;margin:14px 0 0}.product-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-metrics>div{border:1px solid #28303b;padding:22px;display:flex;flex-direction:column;gap:13px}.product-metrics strong{font:700 37px 'Space Grotesk';color:white}.product-metrics strong span{font:500 10px Inter;color:#778393}.product-chart{margin-top:12px;border:1px solid #28303b;padding:20px}.chart-bars{height:85px;display:flex;align-items:end;gap:8px;margin-top:15px}.chart-bars i{flex:1;background:#173d7c;height:32%}.chart-bars i:nth-child(2){height:45%}.chart-bars i:nth-child(3){height:38%}.chart-bars i:nth-child(4){height:62%}.chart-bars i:nth-child(5){height:55%}.chart-bars i:nth-child(6){height:74%}.chart-bars i:nth-child(7){height:68%}.chart-bars i:nth-child(8){height:92%;background:#397cff;box-shadow:0 0 22px #397cff66}.product-tasks{margin-top:12px;border-top:1px solid #28303b}.product-tasks>div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #28303b}.product-tasks>div>span{width:25px;height:25px;display:grid;place-items:center;background:#112e5f;color:#5c96ff;font-size:10px}.product-tasks p{display:flex;flex-direction:column;margin:0;gap:3px}.product-tasks b{font-size:10px}.product-tasks small{font-size:8px;color:#6f7987}
@media(max-width:1000px){.laptop-mockup{width:min(105%,620px)}.product-showcase{min-height:520px}.company{grid-template-columns:1fr}}

/* Animated digital field and floating website hologram */
.hero-grid{mask-image:none;overflow:hidden}
.hero-grid:after{content:'';position:absolute;inset:-60%;background:linear-gradient(45deg,transparent 38%,rgba(5,7,10,.98) 47%,#05070a 52%,rgba(5,7,10,.98) 57%,transparent 66%);transform:translate(-38%,38%);animation:gridWave 6.8s cubic-bezier(.65,0,.35,1) infinite}
.hero-visual:before{display:none}
.hero-visual{border-left:0}
.hologram-site{width:min(86%,610px);position:relative;z-index:1;perspective:1200px;transform-style:preserve-3d;animation:holoFloat 5s ease-in-out infinite}
.holo-screen{aspect-ratio:16/10;background:#07101f;border:1px solid #5c96ff;overflow:hidden;transform:rotateY(-9deg) rotateX(2deg) rotateZ(1deg);box-shadow:0 0 0 1px #2369e833,0 0 28px #2468e855,0 32px 70px #000;position:relative}
.holo-screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#7eb0ff0b 3px 4px);pointer-events:none}
.holo-glow{position:absolute;inset:10% 5%;background:#2468e8;filter:blur(65px);opacity:.35;transform:translateZ(-80px)}
.holo-floor{height:75px;width:80%;margin:-6px auto 0;position:relative;transform:perspective(350px) rotateX(68deg);border:1px solid #397cff66;background:repeating-linear-gradient(90deg,#397cff22 0 1px,transparent 1px 35px),repeating-linear-gradient(0deg,#397cff22 0 1px,transparent 1px 20px);box-shadow:0 0 45px #2468e844}
.holo-floor i{position:absolute;inset:50%;border:1px solid #397cff55;border-radius:50%;animation:holoRing 3s ease-out infinite}.holo-floor i:nth-child(2){animation-delay:1s}.holo-floor i:nth-child(3){animation-delay:2s}
.status-panel{left:-10px;bottom:95px}
@keyframes gridWave{0%{transform:translate(-45%,45%)}48%,58%{transform:translate(0,0)}100%{transform:translate(45%,-45%)}}
@keyframes holoFloat{0%,100%{transform:translateY(8px)}50%{transform:translateY(-10px)}}
@keyframes holoRing{0%{inset:50%;opacity:.8}100%{inset:0;opacity:0}}
@media(max-width:1000px){.hologram-site{width:min(100%,600px)}}
@media(prefers-reduced-motion:reduce){.hero-grid:after,.hologram-site,.holo-floor i{animation:none}.hero-grid:after{display:none}}

/* Tighter hero composition and deeper hologram motion */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-copy{padding-left:max(4.5vw,44px);padding-right:1.5vw}
.hero-visual{margin-left:-2vw;padding-right:2vw}
.hero-grid:after{inset:-75%;background:linear-gradient(45deg,transparent 24%,rgba(5,7,10,.82) 35%,#05070a 46%,#05070a 67%,rgba(5,7,10,.9) 76%,transparent 88%);animation:gridWaveLong 7.5s linear infinite}
.hologram-site{width:min(98%,700px)}
.holo-screen{box-shadow:0 0 0 1px #2369e844,0 0 28px #2468e877,0 0 95px #2468e82e,0 32px 70px #000}
.holo-screen:before{content:'';position:absolute;inset:-45% -20%;background:linear-gradient(110deg,transparent 42%,#8bb7ff2e 49%,#d5e6ff3b 50%,#8bb7ff12 52%,transparent 59%);transform:translateX(-65%);animation:holoSweep 4.2s ease-in-out infinite;z-index:4;pointer-events:none}
.hologram-site:before,.hologram-site:after{content:'';position:absolute;inset:4% 1% 17%;border:1px solid #397cff2e;transform:translate3d(18px,-15px,-35px) rotateY(-9deg) rotateX(2deg) rotateZ(1deg);z-index:-1}.hologram-site:after{transform:translate3d(34px,-29px,-70px) rotateY(-9deg) rotateX(2deg) rotateZ(1deg);opacity:.45}
.holo-chip{position:absolute;z-index:6;background:rgba(6,13,25,.86);border:1px solid #397cff66;box-shadow:0 0 24px #2468e844;backdrop-filter:blur(8px);font-size:8px;letter-spacing:.13em;color:#8ba8d8;padding:10px 12px}.chip-live{right:-12px;top:18%}.chip-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4b8cff;box-shadow:0 0 9px #4b8cff;margin-right:7px}.chip-score{left:-32px;bottom:26%;display:flex;align-items:center;gap:8px}.chip-score b{font:700 21px 'Space Grotesk';color:#fff;letter-spacing:-.04em}
.status-panel{bottom:165px;left:8px}
@keyframes gridWaveLong{0%{transform:translate(-52%,52%)}100%{transform:translate(52%,-52%)}}
@keyframes holoSweep{0%,20%{transform:translateX(-70%)}75%,100%{transform:translateX(70%)}}
@media(max-width:1200px){.hero-copy{padding-left:4vw}.hero-visual{margin-left:-4vw}.hologram-site{width:102%}}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-visual{margin-left:0;padding-right:0}.holo-chip{display:none}}
@media(prefers-reduced-motion:reduce){.hero-grid:after,.holo-screen:before{animation:none}.hero-grid:after{display:none}}

/* Integrated website-health bar */
.hologram-site{width:min(91%,650px);transform:translateY(-18px)}
.holo-floor{height:58px;margin-top:-10px}
.status-panel{position:relative;inset:auto;width:90%;margin:-2px auto 0;padding:14px 16px 13px;background:rgba(7,13,23,.9);border:1px solid #324158;box-shadow:0 18px 45px #0009,0 0 30px #2468e822;z-index:8}
.status-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between;gap:12px}.status-heading p{margin:0;font-size:8px;letter-spacing:.17em;color:#8490a1}.status-heading b{font:700 20px 'Space Grotesk';color:#fff}.status-heading b span{font:500 8px Inter;color:#7c8798}.health-track{display:block!important;height:4px;background:#1f2b3b;margin:10px 0;overflow:hidden}.health-track span{display:block;width:98%;height:100%;background:linear-gradient(90deg,#2468e8,#72a4ff);box-shadow:0 0 14px #397cff}.status-meta{display:flex!important;justify-content:space-between;align-items:center;gap:10px;color:#758093;font-size:7px;letter-spacing:.04em}.status-meta>span:first-child{color:#bac4d2}.status-meta .pulse{display:inline-block;margin-right:7px;vertical-align:middle}.holo-chip.chip-live{right:-4px;top:15%}
@media(max-width:1200px){.hologram-site{width:94%;transform:translateY(-10px)}.status-meta span:nth-child(n+2){display:none}}

@media(min-width:1201px){.hero-copy{padding-left:max(7.25vw,76px);padding-right:0}}

/* Expanded product hero with independent management telemetry */
@media(min-width:1001px){
  .hero{grid-template-columns:minmax(0,45%) minmax(0,55%);padding-bottom:92px}
  .hero-copy{padding:175px 0 65px max(8.5vw,92px)}
  .hero h1{font-size:clamp(64px,6.1vw,102px);max-width:680px;margin:32px 0 28px}
  .hero-copy .lead{max-width:590px}
  .hero-visual{margin-left:-1.5vw;padding-right:3vw}
  .hologram-site{width:min(104%,800px);transform:translateY(-10px)}
  .demo-hero strong{font-size:clamp(24px,2.2vw,38px)}
  .demo-hero small{font-size:8px}
}
.hero-note{display:flex;gap:28px;margin:52px 0 0;color:#747e8c;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.hero-note span{display:flex;align-items:center;gap:9px}.hero-note span:before{content:'';width:4px;height:4px;background:#397cff;box-shadow:0 0 8px #397cff}
.manager-bar{position:absolute;z-index:8;left:0;right:0;bottom:0;height:92px;background:rgba(7,10,15,.96);border-top:1px solid #28303b;display:grid;grid-template-columns:1.35fr repeat(5,1fr);padding:0 max(4.5vw,40px);box-shadow:0 -18px 45px #0007}.manager-bar>div{position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 24px;border-right:1px solid #252c36}.manager-bar>div:first-child{padding-left:0}.manager-bar>div:last-child{border:0}.manager-bar small{display:block;color:#667181;font-size:7px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px}.manager-bar b{font:700 19px 'Space Grotesk';color:#e8edf5}.manager-bar b span{font:500 8px Inter;color:#6f7a89;margin-left:2px}.manager-state{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:13px}.manager-state p{margin:0}.manager-state b{font:600 11px Inter}.manager-state .pulse{flex:0 0 auto}.meter{display:block;width:100%;height:3px;background:#1d2734;margin-top:8px;overflow:hidden}.meter em{display:block;width:var(--fill);height:100%;background:linear-gradient(90deg,#2468e8,#78a7ff);transform-origin:left;animation:meterFill 2.2s cubic-bezier(.2,.8,.2,1) both}.trend{position:absolute;right:22px;bottom:28px;color:#4f8dff;font-style:normal;font-size:20px;animation:trendPulse 2s ease-in-out infinite}.update-dot{position:absolute;right:25px;bottom:34px;width:8px;height:8px;border-radius:50%;background:#397cff;box-shadow:0 0 0 0 #397cff66;animation:updatePulse 2s ease-out infinite}
.holo-floor{display:none}.hologram-site:before,.hologram-site:after{inset:3% 0 1%}.holo-screen{transform:rotateY(-6deg) rotateX(1deg) rotateZ(.5deg);box-shadow:0 0 0 1px #397cff55,0 0 35px #2468e877,0 0 130px #2468e833,0 38px 80px #000}.holo-glow{inset:0 -4%;opacity:.42}.chip-live{right:0;top:12%}
@keyframes meterFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes trendPulse{0%,100%{transform:translateY(2px);opacity:.55}50%{transform:translateY(-3px);opacity:1}}
@keyframes updatePulse{0%{box-shadow:0 0 0 0 #397cff66}75%,100%{box-shadow:0 0 0 12px transparent}}
@media(max-width:1000px){.manager-bar{display:none}.hero{padding-bottom:0}.hero-note{margin-top:38px}.hologram-site{width:100%}}
@media(prefers-reduced-motion:reduce){.meter em,.trend,.update-dot{animation:none}}

/* Vertically balance the main message between the fixed navigation and telemetry bar. */
@media(min-width:1001px){.hero-copy{display:flex;flex-direction:column;justify-content:center;padding-top:88px;padding-bottom:92px;transform:translateY(28px)}}
.meter em{animation:none;transition:width 1.35s cubic-bezier(.2,.8,.2,1)}
.trend,.update-dot{animation:none}
.live-stat{display:inline-block;min-width:54px}.live-stat.stat-change{animation:statChange .42s ease-out}
@keyframes statChange{0%{opacity:.25;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.live-stat.stat-change{animation:none}.meter em{transition:none}}

/* Video-led product motion and repair feedback */
.motion-showcase{width:min(96%,820px);position:relative;z-index:2;transform:translateY(-8px)}
.video-frame{position:relative;aspect-ratio:16/10;overflow:hidden;background:#05080d;border:1px solid #355481;box-shadow:0 0 0 1px #2468e822,0 0 55px #2468e844,0 35px 80px #000c;clip-path:polygon(2% 0,100% 0,100% 96%,98% 100%,0 100%,0 4%)}
.video-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#05080d;filter:saturate(.92) contrast(1.05)}
.video-frame:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 38%,#7eaeff20 48%,transparent 57%);transform:translateX(-80%);animation:videoSweep 5s ease-in-out infinite;pointer-events:none}.video-scan{position:absolute;inset:0;z-index:3;background:repeating-linear-gradient(0deg,transparent 0 4px,#7daeff08 4px 5px);pointer-events:none}.motion-caption{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 2px;border-top:1px solid #29374b;color:#75849a}.motion-caption span{font-size:8px;text-transform:uppercase;letter-spacing:.15em}.motion-caption span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#397cff;box-shadow:0 0 10px #397cff;margin-right:8px}.motion-caption b{font:600 10px Inter;color:#bac7da;letter-spacing:.08em;text-transform:uppercase}
.metric-alert b{color:#ff5b63}.metric-alert .meter{background:#35171b}.metric-alert .meter em{background:linear-gradient(90deg,#8f2028,#ff5b63);box-shadow:0 0 14px #ff3f4a}
.fix-alert{position:absolute!important;left:50%;top:-58px;transform:translate(-50%,12px) scale(.92);width:auto!important;min-width:126px;height:46px;padding:0 18px!important;border:1px solid #ff5b6366!important;background:#120b0d!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;opacity:0;visibility:hidden;transition:.2s;box-shadow:0 0 32px #ff3f4a33;z-index:20}.fix-alert.show{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.fix-alert span{font-size:20px;transform-origin:75% 75%}.fix-alert.show span{animation:hammerHit .5s ease-in-out 2}.fix-alert b{font:800 11px Inter!important;color:#ff747b!important;letter-spacing:.16em}
@keyframes videoSweep{0%,25%{transform:translateX(-85%)}75%,100%{transform:translateX(85%)}}
@keyframes hammerHit{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(32deg)}}
@media(max-width:1200px){.motion-showcase{width:100%}.motion-caption b{display:none}}
@media(prefers-reduced-motion:reduce){.video-frame:before,.fix-alert.show span{animation:none}}

/* Original holographic laptop opening sequence */
.motion-showcase{width:min(100%,830px);transform:translateY(-2px)}
.holo-laptop{position:relative;width:100%;height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1300px;transform-style:preserve-3d}
.laptop-lid{position:relative;width:86%;aspect-ratio:16/10;background:rgba(5,13,27,.9);border:2px solid #4f8dff;border-radius:12px 12px 4px 4px;padding:10px;overflow:hidden;transform-origin:50% 100%;transform-style:preserve-3d;box-shadow:0 0 0 1px #a8c8ff22,inset 0 0 35px #2468e833,0 0 50px #2468e866;animation:laptopOpen 8s cubic-bezier(.65,0,.25,1) infinite;z-index:3}.laptop-camera{position:absolute;z-index:5;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#7ba8f2;box-shadow:0 0 7px #7ba8f2}.laptop-ui{height:100%;overflow:hidden;background:linear-gradient(145deg,#061022,#0a2860);border:1px solid #ffffff1c;position:relative}.laptop-ui:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#7badff0a 4px 5px);pointer-events:none}.laptop-ui-nav{height:13%;display:flex;align-items:center;gap:6%;padding:0 6%;border-bottom:1px solid #ffffff14}.laptop-ui-nav b{width:18%;height:7px;background:#f4f7fc}.laptop-ui-nav i{width:7%;height:3px;background:#8391a7}.laptop-ui-nav span{width:11%;height:18px;background:#397cff;margin-left:auto}.laptop-ui-hero{height:59%;display:grid;grid-template-columns:1.2fr .8fr;position:relative}.laptop-ui-hero>div:first-child{padding:8% 0 0 8%;z-index:2}.laptop-ui-hero small{display:block;font-size:8px;color:#72a5ff;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7%}.laptop-ui-hero strong{font:600 clamp(25px,2.3vw,40px)/1.03 'Space Grotesk';color:#fff;letter-spacing:-.04em}.laptop-ui-hero em{display:block;width:28%;height:15px;background:#397cff;margin-top:8%}.ui-orbit{position:relative;background:radial-gradient(circle,#367be855,transparent 62%)}.ui-orbit:before,.ui-orbit:after,.ui-orbit i{content:'';position:absolute;border:1px solid #6b9dff55;border-radius:50%;inset:13% -5%}.ui-orbit:after{inset:26% 8%}.ui-orbit i:first-child{inset:38% 21%;background:#397cff22}.ui-orbit i:last-child{width:9px;height:9px;inset:18% auto auto 18%;background:#78a8ff;box-shadow:0 0 18px #78a8ff}.laptop-ui-stats{height:28%;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(249,251,255,.97);color:#111}.laptop-ui-stats>span{display:flex;flex-direction:column;justify-content:center;padding-left:14%;border-right:1px solid #dce2ec}.laptop-ui-stats b{font:700 clamp(17px,1.6vw,27px) 'Space Grotesk';color:#2769dc}.laptop-ui-stats small{font-size:7px;color:#7b8491;margin-top:4px}.laptop-deck{width:94%;height:112px;margin-top:-3px;position:relative;background:linear-gradient(165deg,#19396e22,#4c8eff17);border:1px solid #4d88ef88;clip-path:polygon(8% 0,92% 0,100% 86%,94% 100%,6% 100%,0 86%);transform:perspective(420px) rotateX(61deg);transform-origin:top;box-shadow:0 18px 60px #2468e84d,inset 0 0 35px #397cff20;z-index:2}.keyboard{position:absolute;inset:12% 15% 39%;background:repeating-linear-gradient(90deg,#4e8df255 0 1px,transparent 1px 26px),repeating-linear-gradient(0deg,#4e8df255 0 1px,transparent 1px 15px)}.trackpad{position:absolute;width:28%;height:27%;left:36%;bottom:7%;border:1px solid #5d95f088}.laptop-energy{position:absolute;z-index:1;width:75%;height:18px;bottom:54px;border-radius:50%;background:#397cff;filter:blur(18px);opacity:.45;animation:energyPulse 2.6s ease-in-out infinite}.holo-laptop:before,.holo-laptop:after{content:'';position:absolute;width:78%;height:1px;bottom:61px;background:linear-gradient(90deg,transparent,#75a7ff,transparent);box-shadow:0 0 18px #397cff}.holo-laptop:after{transform:rotate(90deg);width:28%;bottom:75px;opacity:.45}
.manager-bar>div .fix-alert{inset:0!important;width:100%!important;min-width:0;height:100%;padding:0 8px!important;transform:scale(.96);border:0!important;border-left:2px solid #ff5b63!important}.manager-bar>div .fix-alert.show{transform:scale(1)}
@keyframes laptopOpen{0%,8%{transform:rotateX(-87deg);opacity:.28}28%,78%{transform:rotateX(-4deg);opacity:1}94%,100%{transform:rotateX(-87deg);opacity:.28}}
@keyframes energyPulse{0%,100%{transform:scaleX(.78);opacity:.25}50%{transform:scaleX(1.08);opacity:.62}}
@media(max-width:1200px){.holo-laptop{height:450px}.laptop-lid{width:92%}}
@media(prefers-reduced-motion:reduce){.laptop-lid,.laptop-energy{animation:none}.laptop-lid{transform:rotateX(-4deg);opacity:1}}
.holo-laptop:after{display:none}

/* Cleaner hologram: no separate blue disc, masked opening, scrolling value story */
.blue-pulse{display:none}
.laptop-lid{animation:laptopOpen 8s cubic-bezier(.65,0,.25,1) infinite,lidGlow 2.6s ease-in-out infinite}
.laptop-ui{opacity:0;backface-visibility:hidden;animation:screenReveal 8s linear infinite}
.laptop-ui:before{content:'';position:absolute;z-index:8;inset:0;background:linear-gradient(90deg,transparent,#75a8ff45,transparent);opacity:0;pointer-events:none;animation:holoGlitch 4.1s steps(1,end) infinite}
.ui-pages{height:300%;animation:uiPageScroll 8s cubic-bezier(.7,0,.3,1) infinite}.ui-page{height:33.3333%;position:relative;overflow:hidden;background:linear-gradient(135deg,#061022,#0b2d68);color:#fff}.ui-mini-nav{height:14%;display:flex;align-items:center;gap:7%;padding:0 6%;border-bottom:1px solid #ffffff18}.ui-mini-nav>b{font:700 11px 'Space Grotesk';letter-spacing:-.04em}.ui-mini-nav>i{width:8%;height:2px;background:#8190a8}.ui-mini-nav>span{margin-left:auto;background:#397cff;padding:6px 10px;font:700 6px Inter;letter-spacing:.1em}.ui-mini-nav>em{margin-left:auto;font:700 6px Inter;letter-spacing:.15em;color:#73a5ff;font-style:normal}.ui-page-copy{position:absolute;left:7%;top:25%;z-index:3}.ui-page-copy>small{display:block;font-size:7px;color:#72a5ff;text-transform:uppercase;letter-spacing:.15em;margin-bottom:13px}.ui-page-copy>strong{font:600 clamp(25px,2.2vw,38px)/1.04 'Space Grotesk';letter-spacing:-.045em}.ui-page-copy>p{font-size:8px;color:#9facc0;margin:15px 0 0}.ui-page-art{position:absolute;right:-4%;top:18%;width:46%;height:72%;background:radial-gradient(circle,#397cff42,transparent 65%)}.ui-page-art:before,.ui-page-art:after,.ui-page-art i{content:'';position:absolute;border:1px solid #76a6ff55;transform:rotate(45deg)}.ui-page-art:before{inset:8% 13%}.ui-page-art:after{inset:24% 27%}.ui-page-art i:nth-child(1){inset:40%}.ui-page-art i:nth-child(2){width:8px;height:8px;left:10%;top:10%;background:#7cabff;box-shadow:0 0 18px #7cabff}.ui-page-art i:nth-child(3){width:5px;height:5px;right:12%;bottom:15%;background:#397cff}.ui-manage{background:linear-gradient(145deg,#07101e,#101824)}.ui-manage .ui-page-copy{top:23%}.ui-service-cards{position:absolute;left:7%;right:7%;bottom:8%;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #334155}.ui-service-cards>span{padding:15px 12px;border-right:1px solid #334155;display:flex;flex-direction:column;gap:4px}.ui-service-cards i{font:700 6px Inter;color:#518cff;font-style:normal}.ui-service-cards b{font:600 10px Inter}.ui-service-cards small{font-size:6px;color:#7f8a9a}.ui-growth{background:linear-gradient(145deg,#091325,#092758)}.ui-growth-stats{position:absolute;left:7%;right:7%;bottom:9%;display:grid;grid-template-columns:repeat(3,1fr);background:#f6f8fc;color:#111}.ui-growth-stats>span{padding:14px;border-right:1px solid #dce3ed;display:flex;flex-direction:column}.ui-growth-stats b{font:700 clamp(16px,1.5vw,25px) 'Space Grotesk';color:#2768dc}.ui-growth-stats small{font-size:6px;color:#76808d;margin-top:3px}
@keyframes screenReveal{0%,17%{opacity:0}27%,82%{opacity:1}94%,100%{opacity:0}}
@keyframes uiPageScroll{0%,40%{transform:translateY(0)}48%,58%{transform:translateY(-33.3333%)}66%,100%{transform:translateY(-66.6666%)}}
@keyframes lidGlow{0%,100%{box-shadow:0 0 0 1px #a8c8ff22,inset 0 0 28px #2468e822,0 0 26px #2468e844}50%{box-shadow:0 0 0 1px #b9d4ff44,inset 0 0 42px #397cff44,0 0 72px #397cff88}}
@keyframes holoGlitch{0%,91%,100%{opacity:0;clip-path:inset(0)}92%{opacity:.7;clip-path:inset(12% 0 64% 0);transform:translateX(9px)}93%{opacity:.4;clip-path:inset(48% 0 30% 0);transform:translateX(-7px)}94%{opacity:0;clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.laptop-ui,.ui-pages,.laptop-ui:before{animation:none}.laptop-ui{opacity:1}.ui-pages{transform:none}}

/* Slower cinematic sequence and more differentiated screen designs */
.laptop-lid{animation:laptopOpenSlow 18s cubic-bezier(.65,0,.25,1) infinite,lidGlowSlow 4s ease-in-out infinite}
.laptop-ui{animation:screenRevealSlow 18s linear infinite}
.ui-pages{animation:uiPageScrollSlow 18s cubic-bezier(.68,0,.32,1) infinite}
.ui-design{background:linear-gradient(125deg,#050b17 0%,#0b2554 62%,#174f9e 100%)}.ui-design .ui-page-art{right:-1%;top:15%;width:48%;height:76%;background:linear-gradient(145deg,#77a6ed55,#07152f 65%);clip-path:polygon(34% 0,100% 12%,88% 100%,0 86%)}.ui-design .ui-page-art:before{inset:11% 18%;border-color:#c6dcff55}.ui-design .ui-page-art:after{inset:30% 34%;background:#4b88eb20}.ui-design .ui-page-copy>p{border-left:2px solid #397cff;padding-left:10px;color:#bdc8d8}
.ui-manage{background:linear-gradient(135deg,#080b10,#111927);background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(135deg,#080b10,#111927);background-size:36px 36px,36px 36px,auto}.ui-manage:after{content:'';position:absolute;right:7%;top:24%;width:34%;height:31%;border:1px solid #293b56;background:linear-gradient(180deg,#397cff18,transparent);clip-path:polygon(0 74%,14% 56%,29% 68%,45% 31%,61% 46%,77% 17%,100% 0,100% 100%,0 100%)}.ui-manage .ui-page-copy{top:22%}.ui-manage .ui-service-cards{background:#0a111d;border:1px solid #29394f}.ui-manage .ui-service-cards>span{padding:17px 13px}.ui-manage .ui-service-cards b{color:#edf3fc}.ui-manage .ui-service-cards i{color:#6e9fff}
.ui-growth{background:#f4f7fb;color:#0b1320}.ui-growth .ui-mini-nav{border-color:#dce2eb}.ui-growth .ui-mini-nav>b{color:#0b1320}.ui-growth .ui-mini-nav>em{color:#2468e8}.ui-growth .ui-page-copy>small{color:#2468e8}.ui-growth .ui-page-copy>strong{color:#0b1320}.ui-growth:after{content:'';position:absolute;right:6%;top:18%;width:42%;height:51%;background:repeating-linear-gradient(0deg,#dce4f0 0 1px,transparent 1px 25%),repeating-linear-gradient(90deg,#dce4f0 0 1px,transparent 1px 25%)}.ui-growth:before{content:'';position:absolute;z-index:2;right:8%;top:25%;width:38%;height:34%;background:linear-gradient(150deg,transparent 0 27%,#2468e8 28% 30%,transparent 31% 44%,#6f9ff0 45% 47%,transparent 48%)}.ui-growth-stats{background:#08152b;color:#fff;z-index:3}.ui-growth-stats>span{border-color:#25344b}.ui-growth-stats small{color:#8695a9}
.metric-fixed b{color:#63e68b}.metric-fixed .meter{background:#15321f}.metric-fixed .meter em{background:linear-gradient(90deg,#27a950,#6bea91);box-shadow:0 0 14px #49df74}.manager-bar>div.metric-fixed .fix-alert{background:#07130b!important;border-left-color:#51df7a!important;box-shadow:0 0 32px #43d96d33}.manager-bar>div.metric-fixed .fix-alert b{color:#69ed92!important}
@keyframes laptopOpenSlow{0%,7%{transform:rotateX(-87deg);opacity:.25}20%,88%{transform:rotateX(-4deg);opacity:1}96%,100%{transform:rotateX(-87deg);opacity:.25}}
@keyframes screenRevealSlow{0%,15%{opacity:0}22%,89%{opacity:1}95%,100%{opacity:0}}
@keyframes uiPageScrollSlow{0%,37%{transform:translateY(0)}44%,61%{transform:translateY(-33.3333%)}68%,100%{transform:translateY(-66.6666%)}}
@keyframes lidGlowSlow{0%,100%{box-shadow:0 0 0 1px #a8c8ff22,inset 0 0 25px #2468e822,0 0 24px #2468e844}50%{box-shadow:0 0 0 1px #bdd7ff55,inset 0 0 45px #397cff44,0 0 75px #397cff88}}
@media(prefers-reduced-motion:reduce){.laptop-lid,.laptop-ui,.ui-pages{animation:none}.laptop-lid{transform:rotateX(-4deg);opacity:1}.laptop-ui{opacity:1}}

/* Design + hosting + ongoing update request experience */
.laptop-lid{animation:laptopOpenOnce 7s cubic-bezier(.65,0,.22,1) 1 forwards,lidGlowSlow 4s ease-in-out infinite}
.laptop-ui{animation:screenRevealOnce 7s ease-out 1 forwards}
.ui-pages{animation:uiPageStory 15s cubic-bezier(.7,0,.3,1) 4.5s infinite}
.task-bar .task-item{padding:0 18px}.task-item>b{font:600 11px Inter;color:#dbe2ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item>span{font-size:7px;color:#697586;margin-top:5px}.task-item>i{display:block;height:3px;background:#202b38;margin-top:7px;overflow:hidden}.task-item>i em{display:block;width:0;height:100%;background:#397cff}.task-item.is-active>b{color:#77a6ff}.task-item.is-active>span{color:#77a6ff}.task-item.is-active>i em{animation:taskProgress 1.1s linear forwards}.task-item.is-complete>b,.task-item.is-complete>span{color:#66e88e}.task-item.is-complete>i em{width:100%;background:#55df7e;box-shadow:0 0 10px #55df7e}
.task-item .completed-alert{inset:0!important;width:100%!important;height:100%;transform:scale(.96);background:#07140c!important;border:0!important;border-left:2px solid #55df7e!important;box-shadow:0 0 26px #43d96d33}.task-item .completed-alert.show{transform:scale(1)}.completed-alert span{font-size:17px;color:#66e88e}.completed-alert b{color:#66e88e!important}.completed-alert.show span{animation:completePop .45s ease-out 1}
@keyframes laptopOpenOnce{0%,8%{transform:rotateX(-87deg);opacity:.24}72%,100%{transform:rotateX(-4deg);opacity:1}}
@keyframes screenRevealOnce{0%,46%{opacity:0}68%,100%{opacity:1}}
@keyframes uiPageStory{0%,27%{transform:translateY(0)}34%,60%{transform:translateY(-33.3333%)}67%,94%{transform:translateY(-66.6666%)}100%{transform:translateY(0)}}
@keyframes taskProgress{from{width:0}to{width:100%}}
@keyframes completePop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
@media(max-width:1200px){.task-bar .task-item{padding:0 12px}.task-item>b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.laptop-lid,.laptop-ui,.ui-pages,.task-item.is-active>i em{animation:none}.laptop-lid{transform:rotateX(-4deg);opacity:1}.laptop-ui{opacity:1}.ui-pages{transform:none}}

/* Seven-second complete hologram story: open, present, close, repeat */
.hero-visual{background:transparent}
.blue-pulse{display:none!important}
.holo-laptop{animation:wholeHologramGlitch 7s steps(1,end) infinite;filter:drop-shadow(0 0 12px #397cff55)}
.holo-laptop:before{display:none}
.laptop-lid{animation:laptopOpenCycle 7s cubic-bezier(.62,0,.25,1) infinite,lidHologramGlow 2.4s ease-in-out infinite}
.laptop-ui{animation:screenCycle 7s linear infinite}
.ui-pages{animation:uiPageCycle 7s cubic-bezier(.66,0,.34,1) infinite}
.laptop-energy{width:68%;height:12px;bottom:58px;opacity:.28;filter:blur(14px);animation:hologramBaseGlow 2.4s ease-in-out infinite}
.laptop-deck{box-shadow:0 12px 34px #2468e829,inset 0 0 25px #397cff1c}
@keyframes laptopOpenCycle{0%,5%{transform:rotateX(-88deg);opacity:.18}19%,83%{transform:rotateX(-4deg);opacity:1}96%,100%{transform:rotateX(-88deg);opacity:.18}}
@keyframes screenCycle{0%,12%{opacity:0}21%,82%{opacity:1}91%,100%{opacity:0}}
@keyframes uiPageCycle{0%,31%{transform:translateY(0)}37%,55%{transform:translateY(-33.3333%)}61%,80%{transform:translateY(-66.6666%)}86%,100%{transform:translateY(-66.6666%)}}
@keyframes wholeHologramGlitch{0%,23%,25%,48%,50%,72%,74%,100%{transform:translate(0);filter:drop-shadow(0 0 12px #397cff55)}24%{transform:translate(5px,-1px) skewX(-.5deg);filter:drop-shadow(-7px 0 #397cff55) drop-shadow(7px 0 #81adff33)}49%{transform:translate(-4px,1px) skewX(.65deg);filter:drop-shadow(8px 0 #397cff55) drop-shadow(-6px 0 #8cb6ff33)}73%{transform:translate(3px,0);filter:drop-shadow(-5px 0 #397cff66)}}
@keyframes lidHologramGlow{0%,100%{box-shadow:0 0 0 1px #8bb7ff25,inset 0 0 22px #2468e81f,0 0 16px #2468e83d}50%{box-shadow:0 0 0 1px #bdd7ff4d,inset 0 0 34px #397cff38,0 0 34px #397cff70}}
@keyframes hologramBaseGlow{0%,100%{transform:scaleX(.76);opacity:.18}50%{transform:scaleX(1);opacity:.42}}
@media(prefers-reduced-motion:reduce){.holo-laptop{animation:none;transform:none}.laptop-lid,.laptop-ui,.ui-pages,.laptop-energy{animation:none}.laptop-lid{transform:rotateX(-4deg);opacity:1}.laptop-ui{opacity:1}.ui-pages{transform:none}}

/* Fifteen-second product story and a slower, left-shifting client task queue */
.holo-laptop{animation-duration:15s}
.laptop-lid{animation:laptopOpenCycle 15s cubic-bezier(.62,0,.25,1) infinite,lidHologramGlow 3.4s ease-in-out infinite}
.laptop-ui{animation-duration:15s}
.ui-pages{animation-duration:15s}
.task-bar{overflow:hidden}
.task-item{position:relative;transition:transform .55s ease,opacity .35s ease}
.task-item.is-active>i em{animation-duration:4s}
.pixel-tech{display:none!important;position:absolute;right:10px;bottom:13px;width:22px;height:27px;filter:drop-shadow(0 0 5px #5f94ff);z-index:6}
.task-item.is-active .pixel-tech{display:block!important;animation:techBob .55s steps(2,end) infinite}
.pixel-tech i{display:block;position:absolute}
.pixel-tech .tech-head{width:8px;height:8px;left:5px;top:1px;background:#9fc0ff;box-shadow:3px -2px 0 #397cff}
.pixel-tech .tech-body{width:10px;height:10px;left:4px;top:10px;background:#397cff;box-shadow:-3px 8px 0 -1px #75a5ff,7px 8px 0 -1px #75a5ff}
.pixel-tech .tech-arm{width:8px;height:3px;left:12px;top:11px;background:#8fb6ff;transform-origin:left center;animation:techArm .72s steps(2,end) infinite}
.pixel-tech .tech-hammer{width:9px;height:4px;left:17px;top:5px;background:#dce9ff;box-shadow:3px 1px 0 #5d8ce6;transform-origin:-5px 9px;animation:techHammer .72s steps(2,end) infinite}
@keyframes techBob{50%{transform:translateY(-1px)}}
@keyframes techArm{0%,45%{transform:rotate(-48deg)}50%,100%{transform:rotate(38deg)}}
@keyframes techHammer{0%,45%{transform:rotate(-38deg)}50%,100%{transform:rotate(48deg)}}
@media(prefers-reduced-motion:reduce){.pixel-tech,.pixel-tech i{animation:none!important}}

/* The technician walks the active job, repairs it, then the queue advances on a rail */
.task-bar:after{content:'';position:absolute;z-index:0;left:16%;right:0;bottom:8px;height:2px;background:linear-gradient(90deg,#397cff70,#397cff25 72%,transparent);box-shadow:0 0 8px #397cff44;pointer-events:none}
.task-bar>div{z-index:1}
.task-item:after{content:'';position:absolute;right:9px;bottom:10px;width:7px;height:7px;border:1px solid #50627d;background:#101722;box-shadow:0 0 0 #397cff;transition:.25s}
.task-item.is-active:after{border-color:#79a8ff;background:#397cff;box-shadow:0 0 12px #397cff}
.pixel-tech{left:7px;right:auto;bottom:14px}
.task-item.is-active .pixel-tech{animation:techWalkAcross 4s linear forwards!important}
.task-item.is-active .tech-head,.task-item.is-active .tech-body{animation:techStep .3s steps(2,end) infinite}
.task-item.is-active .tech-arm{animation:techRepairArm 4s steps(1,end) forwards}
.task-item.is-active .tech-hammer{animation:techRepairHammer 4s steps(1,end) forwards}
@keyframes techWalkAcross{0%{left:7px;transform:translateY(0)}10%{transform:translateY(-2px)}20%{transform:translateY(0)}30%{transform:translateY(-2px)}40%{transform:translateY(0)}50%{transform:translateY(-2px)}60%{transform:translateY(0)}70%,100%{left:calc(100% - 42px);transform:translateY(0)}}
@keyframes techStep{50%{margin-top:-1px}}
@keyframes techRepairArm{0%,69%{transform:rotate(-18deg)}70%,77%,84%,91%{transform:rotate(-54deg)}74%,81%,88%,95%,100%{transform:rotate(42deg)}}
@keyframes techRepairHammer{0%,69%{transform:rotate(-12deg)}70%,77%,84%,91%{transform:rotate(-52deg)}74%,81%,88%,95%,100%{transform:rotate(52deg)}}

/* The Glessing worker is the progress indicator */
.task-bar:after,.task-item:after{display:none}
.task-item>i{position:absolute;left:14px;right:14px;bottom:10px;height:1px;margin:0;background:linear-gradient(90deg,#397cff88,#29384d);overflow:visible;box-shadow:0 0 5px #397cff2e}
.task-item>i:before,.task-item>i:after{content:'';position:absolute;top:-2px;width:1px;height:5px;background:#4b6794}
.task-item>i:before{left:0}.task-item>i:after{right:0}
.task-item>i em{display:none!important}
.pixel-tech{bottom:8px;left:12px}
.task-item.is-active .pixel-tech{animation:workerIsProgress 4s linear forwards!important}
.task-item.is-active>span{color:#77a6ff}
.task-item.is-complete>i{background:#55df7e;box-shadow:0 0 9px #55df7e66}
@keyframes workerIsProgress{0%{left:12px;transform:translateY(0)}8%{transform:translateY(-2px)}16%{transform:translateY(0)}24%{transform:translateY(-2px)}32%{transform:translateY(0)}40%{transform:translateY(-2px)}48%{transform:translateY(0)}56%{transform:translateY(-2px)}64%{transform:translateY(0)}70%,100%{left:calc(100% - 44px);transform:translateY(0)}}

/* Work-order interaction: the request arrives, then our stationary crew gets to work */
.task-item>i{left:14px;right:48px;background:#283548;box-shadow:none}
.task-item>i:before,.task-item>i:after{display:none}
.task-item.is-active{background:linear-gradient(90deg,#397cff12,transparent);animation:orderArrives .48s cubic-bezier(.2,.8,.2,1) both}
.task-item.is-active>i{background:linear-gradient(90deg,#397cff,#397cff55);box-shadow:0 0 7px #397cff44}
.pixel-tech{left:auto!important;right:13px!important;bottom:8px}
.task-item.is-active .pixel-tech{animation:stationaryCrew .44s steps(2,end) infinite!important}
.task-item.is-active .tech-arm{animation:steadyRepairArm .7s steps(1,end) infinite}
.task-item.is-active .tech-hammer{animation:steadyRepairHammer .7s steps(1,end) infinite}
@keyframes orderArrives{0%{opacity:.2;transform:translateY(7px)}100%{opacity:1;transform:translateY(0)}}
@keyframes stationaryCrew{50%{transform:translateY(-1px)}}
@keyframes steadyRepairArm{0%,45%{transform:rotate(-54deg)}50%,100%{transform:rotate(42deg)}}
@keyframes steadyRepairHammer{0%,45%{transform:rotate(-52deg)}50%,100%{transform:rotate(52deg)}}

/* Permanent Glessing crew station: orders arrive to the worker */
.manager-state{padding-right:54px!important}
.crew-tech{display:block!important;left:auto!important;right:16px!important;bottom:25px!important;opacity:.72;transition:opacity .2s,filter .2s,transform .2s}
.crew-tech:after{content:'';position:absolute;left:-1px;top:-18px;min-width:15px;height:14px;padding:0 3px;display:grid;place-items:center;background:#eaf2ff;color:#0a1220;border:1px solid #78a8ff;font:900 9px Inter;opacity:0;transform:translateY(4px) scale(.7);transition:.18s;box-shadow:0 0 12px #397cff66}
.crew-tech.is-reacting{opacity:1;filter:drop-shadow(0 0 8px #6b9fff);transform:translateY(-1px)}
.crew-tech.is-reacting:after{content:'!';opacity:1;transform:translateY(0) scale(1)}
.crew-tech.is-working{opacity:1;filter:drop-shadow(0 0 7px #397cff)}
.crew-tech.is-working .tech-body{animation:techStep .3s steps(2,end) infinite}
.crew-tech.is-working .tech-arm{animation:steadyRepairArm .7s steps(1,end) infinite}
.crew-tech.is-working .tech-hammer{animation:steadyRepairHammer .7s steps(1,end) infinite}
.crew-tech.is-done{opacity:1;filter:drop-shadow(0 0 8px #55df7e)}
.crew-tech.is-done:after{content:'✓';opacity:1;color:#0a2a14;border-color:#55df7e;background:#caffd8;transform:translateY(0) scale(1)}
.task-item.is-active .pixel-tech{display:none!important}
.task-item.is-active{animation:orderSlidesToCrew .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes orderSlidesToCrew{0%{opacity:.15;transform:translateX(24px)}100%{opacity:1;transform:translateX(0)}}

/* Permanent desktop workstation for the Glessing website manager */
.manager-bar{grid-template-columns:1.7fr repeat(5,1fr)}
.manager-bar>div{border-right:0}
.manager-state{padding-right:118px!important;overflow:visible}
.manager-state>p{position:relative;z-index:3}
.task-item{border-left:1px solid #252c36;padding-left:18px!important}
.task-item>i{display:none!important}
.crew-desk{appearance:none;position:absolute;right:8px;bottom:5px;width:100px;height:78px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;z-index:5;filter:drop-shadow(0 0 7px #397cff28)}
.crew-desk:focus-visible{outline:1px solid #75a7ff;outline-offset:2px}
.desk-monitor{position:absolute;right:4px;top:4px;width:43px;height:29px;border:1px solid #5d8fe5;background:#07142a;box-shadow:inset 0 0 10px #397cff2e,0 0 8px #397cff22}
.desk-monitor:after{content:'';position:absolute;left:18px;bottom:-7px;width:8px;height:7px;border-left:1px solid #668fd5;border-right:1px solid #668fd5}
.desk-monitor i{position:absolute;left:6px;right:6px;top:7px;height:2px;background:#72a5ff;box-shadow:0 6px 0 #315b9d,0 12px 0 #224473}
.desk-surface{position:absolute;left:1px;right:1px;bottom:17px;height:5px;background:linear-gradient(90deg,#2a4775,#6b94d8,#2a4775);box-shadow:0 2px 8px #397cff38}
.desk-surface:before,.desk-surface:after{content:'';position:absolute;top:5px;width:3px;height:17px;background:#304e7d}.desk-surface:before{left:9px}.desk-surface:after{right:9px}
.desk-mug{position:absolute;right:7px;bottom:23px;width:8px;height:9px;border:1px solid #7daaff;background:#12294f}.desk-mug:after{content:'';position:absolute;right:-5px;top:2px;width:4px;height:4px;border:1px solid #7daaff;border-left:0;border-radius:0 4px 4px 0}
.order-inbox{position:absolute;right:-3px;top:0;min-width:17px;height:17px;padding:0 3px;display:grid;place-items:center;border-radius:9px;background:#397cff;color:#fff;font:800 8px Inter;box-shadow:0 0 10px #397cff;animation:inboxPulse 1.8s ease-in-out infinite}
.crew-desk .crew-tech{right:auto!important;left:15px!important;bottom:23px!important;transform:scale(1.42);transform-origin:bottom center;opacity:1}
.crew-desk .crew-tech:after{left:3px;top:-19px}
.crew-tech .tech-hammer{display:none}
.crew-tech.is-working .tech-arm{animation:desktopTyping .34s steps(2,end) infinite}
.crew-tech.is-working .tech-body{animation:deskFocus .7s ease-in-out infinite}
.crew-tech.is-reacting{transform:scale(1.42) translateY(-2px)}
.crew-tech.is-done{transform:scale(1.42)}
.crew-tech.is-wave{transform:scale(1.42) translateY(-2px)!important}
.crew-tech.is-wave:after{content:'HI!';opacity:1;min-width:22px;color:#10213d;background:#eaf2ff;transform:translateY(0) scale(1)}
.crew-tech.is-wave .tech-arm{animation:deskWave .32s ease-in-out 4!important}
@keyframes desktopTyping{0%{transform:rotate(15deg) translateY(0)}100%{transform:rotate(29deg) translateY(2px)}}
@keyframes deskFocus{50%{transform:translateY(1px)}}
@keyframes deskWave{0%,100%{transform:rotate(-65deg)}50%{transform:rotate(-110deg)}}
@keyframes inboxPulse{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.08);opacity:1}}

/* Open workstation, simple handled states, and modern screen scenes */
.manager-state,.task-item{border-left:0!important;border-right:0!important}.task-item{padding-left:18px!important}
.task-item:after{content:'✓';display:grid!important;place-items:center;position:absolute;right:13px;top:35px;width:15px;height:15px;border-radius:50%;border:1px solid #384457;background:#111722;color:transparent;font:900 9px Inter;opacity:.5;transition:.25s}.task-item.is-active:after{border-color:#4d80d7;background:#152544;box-shadow:0 0 10px #397cff44}.task-item.is-complete:after{color:#07140b;border-color:#65e78c;background:#65e78c;box-shadow:0 0 13px #55df7e88;opacity:1;transform:scale(1.08)}.completed-alert{display:none!important}
.laptop-ui{animation:screenBootModern 15s cubic-bezier(.2,.8,.2,1) infinite;transform-origin:center}.laptop-ui:before{background:linear-gradient(180deg,transparent 0,#8eb6ff55 48%,#dbe9ff99 50%,transparent 53%);animation:modernScan 15s ease-in-out infinite}.ui-pages{animation:uiPageCycleModern 15s cubic-bezier(.72,0,.2,1) infinite;will-change:transform,filter}.ui-page{background:#07101d;border:0}.ui-mini-nav{height:12%;padding:0 5%;background:#050a12cc;border-bottom:1px solid #ffffff10;backdrop-filter:blur(8px)}.ui-mini-nav>b{font-size:8px;letter-spacing:.08em}.ui-mini-nav>i{height:1px;opacity:.45}.ui-mini-nav>span{border-radius:12px;padding:6px 11px}.ui-mini-nav>em{font-size:6px;color:#78a8ff}.ui-page-copy{left:6%;top:23%}.ui-page-copy>small{font-size:6px;margin-bottom:11px}.ui-page-copy>strong{font-size:clamp(24px,2vw,34px);line-height:1}.ui-page-copy>p{font-size:7px;line-height:1.5;max-width:190px}
.ui-design{background:radial-gradient(circle at 82% 50%,#2f70df55,transparent 30%),linear-gradient(135deg,#050912,#0a1a35 68%,#102c5c)}.ui-design .ui-page-art{right:5%;top:19%;width:42%;height:67%;clip-path:none;border:1px solid #78a7ff35;border-radius:8px;background:linear-gradient(145deg,#ffffff10,#397cff18);box-shadow:inset 0 0 30px #397cff1c,0 18px 35px #0007;transform:rotate(-3deg)}.ui-design .ui-page-art:before{inset:8%;border:0;border-radius:5px;background:linear-gradient(145deg,#326fd1,#071326);transform:none}.ui-design .ui-page-art:after{left:14%;right:14%;top:auto;bottom:13%;height:18%;border:0;border-radius:4px;background:#f5f8ff;transform:none}.ui-design .ui-page-art i{border:0;transform:none;border-radius:3px;background:#78a8ff}.ui-design .ui-page-art i:nth-child(1){left:14%;top:15%;width:42%;height:6px}.ui-design .ui-page-art i:nth-child(2){left:14%;top:27%;width:25%;height:3px;box-shadow:none}.ui-design .ui-page-art i:nth-child(3){right:14%;left:auto;top:15%;width:10%;height:10px}
.ui-manage{background:radial-gradient(circle at 72% 36%,#173e794d,transparent 32%),linear-gradient(145deg,#060a11,#0b1421)}.ui-manage:after{border:0;background:linear-gradient(180deg,#397cff33,transparent);border-radius:8px;clip-path:polygon(0 78%,16% 61%,31% 68%,49% 33%,65% 46%,82% 18%,100% 5%,100% 100%,0 100%)}.ui-service-cards{left:6%;right:6%;bottom:7%;gap:7px;border:0;background:transparent!important}.ui-service-cards>span{border:1px solid #ffffff12!important;border-radius:6px;padding:13px!important;background:#101a29cc}.ui-service-cards b{font-size:9px}.ui-service-cards small{font-size:6px}
.ui-growth{background:radial-gradient(circle at 80% 32%,#397cff2e,transparent 28%),linear-gradient(140deg,#07101d,#0d1d34);color:#fff}.ui-growth .ui-mini-nav>b,.ui-growth .ui-page-copy>strong{color:#fff}.ui-growth:after{opacity:.16;border-radius:8px}.ui-growth:before{opacity:.8}.ui-growth-stats{left:6%;right:6%;bottom:7%;gap:7px;background:transparent}.ui-growth-stats>span{border:1px solid #ffffff12;border-radius:6px;background:#101b2d;padding:13px}.ui-growth-stats b{font-size:15px;color:#eaf2ff}.ui-growth-stats small{color:#63e68b}
@keyframes screenBootModern{0%,10%{opacity:0;clip-path:inset(49% 0);filter:brightness(2) blur(3px);transform:scale(.985)}16%{opacity:1;clip-path:inset(47% 0);filter:brightness(1.8) blur(1px)}23%,83%{opacity:1;clip-path:inset(0);filter:none;transform:scale(1)}91%{opacity:.6;clip-path:inset(48% 0);filter:brightness(2) blur(2px)}96%,100%{opacity:0;clip-path:inset(50% 0)}}
@keyframes modernScan{0%,18%,100%{opacity:0;transform:translateY(-80%)}21%{opacity:.8}31%{opacity:0;transform:translateY(90%)}}
@keyframes uiPageCycleModern{0%,38%{transform:translateY(0);filter:none}42%{transform:translateY(-33.3333%);filter:blur(1px)}43%,62%{transform:translateY(-33.3333%);filter:none}66%{transform:translateY(-66.6666%);filter:blur(1px)}67%,100%{transform:translateY(-66.6666%);filter:none}}

/* Blank boot, glitch-cut scenes, and a seated holographic desk manager */
.holo-laptop{animation:hologramIntroGlitch 15s steps(1,end) infinite}
.laptop-ui{opacity:1;clip-path:none;filter:none;transform:none;background:#010307;animation:none}
.ui-pages{position:relative;height:100%;transform:none!important;filter:none!important;animation:none!important;background:#010307}
.ui-page{position:absolute;inset:0;height:100%;opacity:0;transform:none;will-change:opacity,clip-path,transform,filter}
.ui-page:nth-child(1){animation:glitchSceneOne 15s steps(1,end) infinite}.ui-page:nth-child(2){animation:glitchSceneTwo 15s steps(1,end) infinite}.ui-page:nth-child(3){animation:glitchSceneThree 15s steps(1,end) infinite}
.laptop-ui:before{z-index:12;background:linear-gradient(180deg,transparent,#d6e7ffcc 49%,#397cff 50%,transparent 52%);animation:bootBeam 15s ease-in-out infinite}.laptop-ui:after{z-index:11}
@keyframes hologramIntroGlitch{0%,2%,4%,7%,10%,13%,16%,41%,43%,63%,65%,100%{transform:translate(0);filter:drop-shadow(0 0 12px #397cff55)}1%{transform:translate(-8px,1px) skewX(1deg);filter:drop-shadow(9px 0 #75a8ff88)}3%{transform:translate(6px,-2px) skewX(-1deg);filter:drop-shadow(-8px 0 #2468e899)}6%{transform:translate(-4px,2px);filter:drop-shadow(6px 0 #a3c5ff66)}9%{transform:translate(3px,-1px) skewY(.5deg)}12%{transform:translate(-2px,1px)}15%{transform:translate(5px,0);filter:drop-shadow(-7px 0 #397cff66)}42%,64%{transform:translate(4px,0) skewX(-.45deg);filter:drop-shadow(-6px 0 #78a8ff77)}}
@keyframes bootBeam{0%,9%{opacity:0;transform:translateY(-80%)}11%{opacity:1;transform:translateY(-45%)}17%{opacity:.85;transform:translateY(45%)}20%,100%{opacity:0;transform:translateY(90%)}}
@keyframes glitchSceneOne{0%,18%{opacity:0;clip-path:inset(48% 0);filter:brightness(2)}20%{opacity:.45;clip-path:inset(12% 0 63%);transform:translateX(8px)}21%,38%{opacity:1;clip-path:inset(0);filter:none;transform:none}39%{opacity:.7;clip-path:inset(57% 0 18%);transform:translateX(-7px)}40%,100%{opacity:0}}
@keyframes glitchSceneTwo{0%,39%{opacity:0}40%{opacity:.7;clip-path:inset(8% 0 69%);transform:translateX(-9px);filter:brightness(1.8)}41%,59%{opacity:1;clip-path:inset(0);transform:none;filter:none}60%{opacity:.55;clip-path:inset(35% 0 39%);transform:translateX(8px)}61%,100%{opacity:0}}
@keyframes glitchSceneThree{0%,60%{opacity:0}61%{opacity:.65;clip-path:inset(62% 0 12%);transform:translateX(9px);filter:brightness(2)}62%,83%{opacity:1;clip-path:inset(0);transform:none;filter:none}84%{opacity:.5;clip-path:inset(18% 0 57%);transform:translateX(-8px)}86%,100%{opacity:0}}
.crew-desk{width:112px;height:83px}.crew-desk:before{content:'';position:absolute;left:17px;bottom:17px;width:34px;height:43px;border:2px solid #4675c5;border-radius:14px 14px 5px 5px;background:linear-gradient(180deg,#183761aa,#0a1830aa);box-shadow:inset 0 0 12px #397cff33,0 0 8px #397cff2e;z-index:0}.crew-desk:after{content:'';position:absolute;left:30px;bottom:5px;width:3px;height:15px;background:#4f7fcf;box-shadow:-10px 12px 0 -1px #4f7fcf,10px 12px 0 -1px #4f7fcf;z-index:0}.desk-monitor{z-index:4}.desk-surface,.desk-mug{z-index:5}.crew-desk .crew-tech{left:24px!important;bottom:26px!important;z-index:2;transform:scale(1.62);filter:drop-shadow(0 0 5px #65a0ff99)}
.crew-tech .tech-head{width:10px;height:11px;left:4px;top:0;border-radius:48% 48% 44% 44%;background:linear-gradient(145deg,#d9eaffcc,#679dff99);border:1px solid #aad0ff;box-shadow:inset -2px -2px 4px #397cff77,0 0 7px #75a8ff}.crew-tech .tech-head:before{content:'';position:absolute;left:2px;top:4px;width:2px;height:2px;border-radius:50%;background:#07152d;box-shadow:4px 0 #07152d}.crew-tech .tech-body{width:14px;height:14px;left:2px;top:11px;border-radius:7px 7px 3px 3px;background:linear-gradient(135deg,#6da4ffcc,#1f5bc6aa);border:1px solid #79abff;box-shadow:inset 0 0 7px #d7e8ff55}.crew-tech .tech-body:before{content:'G';position:absolute;inset:1px;display:grid;place-items:center;color:#e9f3ff;font:800 6px Inter}.crew-tech .tech-arm{width:9px;height:3px;left:13px;top:15px;border-radius:3px;background:#8eb8ff;transform-origin:left center}.crew-tech.is-reacting{transform:scale(1.62) translateY(-2px)}.crew-tech.is-done{transform:scale(1.62)}.crew-tech.is-wave{transform:scale(1.62) translateY(-2px)!important}
@media(prefers-reduced-motion:reduce){.holo-laptop,.ui-page,.laptop-ui:before{animation:none}.ui-page:first-child{opacity:1;clip-path:none}}

/* Calm twenty-second sales presentation */
.holo-laptop{animation:none;filter:drop-shadow(0 0 13px #397cff4d)}
.laptop-lid{animation:laptopOpenTwenty 20s cubic-bezier(.55,0,.24,1) infinite,lidHologramGlow 4s ease-in-out infinite}
.laptop-ui{background:#02050a;animation:none}.laptop-ui:before{display:none}.laptop-ui:after{opacity:.45}
.ui-pages{background:#02050a}.ui-page{clip-path:none!important;filter:none!important;transform:scale(.992);transition:none}
.ui-page:nth-child(1){animation:cleanSceneOne 20s ease-in-out infinite}.ui-page:nth-child(2){animation:cleanSceneTwo 20s ease-in-out infinite}.ui-page:nth-child(3){animation:cleanSceneThree 20s ease-in-out infinite}
.ui-page-copy>p{max-width:225px;font-size:7px}.ui-page-copy>strong{font-size:clamp(23px,1.85vw,32px)}
@keyframes laptopOpenTwenty{0%,5%{transform:rotateX(-88deg);opacity:.2}16%,88%{transform:rotateX(-4deg);opacity:1}97%,100%{transform:rotateX(-88deg);opacity:.2}}
@keyframes cleanSceneOne{0%,14%{opacity:0;transform:scale(.992)}18%,39%{opacity:1;transform:scale(1)}43%,100%{opacity:0;transform:scale(1.008)}}
@keyframes cleanSceneTwo{0%,38%{opacity:0;transform:scale(.992)}43%,64%{opacity:1;transform:scale(1)}68%,100%{opacity:0;transform:scale(1.008)}}
@keyframes cleanSceneThree{0%,63%{opacity:0;transform:scale(.992)}68%,88%{opacity:1;transform:scale(1)}92%,100%{opacity:0;transform:scale(1.008)}}
@media(prefers-reduced-motion:reduce){.laptop-lid,.ui-page{animation:none}.laptop-lid{transform:rotateX(-4deg);opacity:1}.ui-page:first-child{opacity:1;transform:none}}

/* Premium in-screen website concepts */
.concept{padding:0;background:#070b12;color:#f8fbff;font-family:Inter,sans-serif}.concept footer{margin:0;border:0}.concept-nav{height:12%;display:flex;align-items:center;gap:7%;padding:0 5%;border-bottom:1px solid #ffffff12;font-size:6px;color:#8e9aae}.concept-nav b{font:800 9px 'Space Grotesk';letter-spacing:.11em;color:#fff;margin-right:auto}.concept-nav i{font-style:normal;color:#fff;background:#2d6ee8;border-radius:20px;padding:6px 10px}.concept h3{font:600 clamp(23px,2vw,34px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:9px 0 11px}.concept h3 em{font-style:normal;color:#78a6ff}.concept p{font-size:7px;line-height:1.55;color:#9da9ba}.concept-one{background:radial-gradient(circle at 22% 35%,#183d7955,transparent 34%),linear-gradient(135deg,#05080e,#0b1525)}.concept-copy{position:absolute;left:5%;top:23%;width:44%;z-index:3}.concept-copy>small,.support-copy>small,.everyone-copy>small,.reach-card>small{font-size:6px;text-transform:uppercase;letter-spacing:.16em;color:#6f9ff3}.concept-copy>b{display:inline-flex;margin-top:8px;padding:8px 11px;border-radius:20px;background:#f7f9fc;color:#0a111d;font-size:6px}.concept-copy>b span{color:#2468e8;margin-left:8px}.concept-browser{position:absolute;right:4%;top:18%;width:47%;height:70%;overflow:hidden;border:1px solid #ffffff24;border-radius:8px;background:#e8edf4;color:#09101a;transform:rotate(-2deg);box-shadow:0 24px 55px #0009}.concept-browser>div{height:12%;display:flex;align-items:center;gap:4px;padding:0 5%;background:#f7f9fc}.concept-browser>div i{width:4px;height:4px;border-radius:50%;background:#a8b0bb}.concept-browser>div small{margin-left:auto;font-size:5px;letter-spacing:.12em}.concept-browser>section{height:63%;padding:10% 7%;background:linear-gradient(120deg,#081326 0 53%,#174787 54% 100%);color:#fff}.concept-browser>section small{font-size:5px;color:#78a6ff;text-transform:uppercase}.concept-browser>section strong{display:block;font:600 18px/.98 'Space Grotesk';letter-spacing:-.05em;margin:7px 0}.concept-browser>section span{font-size:5px;border-bottom:1px solid #fff;padding-bottom:3px}.concept-browser>footer{height:25%;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:0 5%;gap:4px}.concept-browser>footer b{font-size:5px;color:#526070}
.concept-two{background:radial-gradient(circle at 78% 44%,#15478a44,transparent 31%),linear-gradient(135deg,#06090e,#0b1421)}.support-copy{position:absolute;left:5%;top:24%;width:42%}.support-copy p{max-width:235px}.manager-card{position:absolute;right:5%;top:20%;width:44%;height:67%;padding:5%;border:1px solid #ffffff1c;border-radius:9px;background:linear-gradient(155deg,#111c2cdd,#0a111cdd);box-shadow:0 22px 50px #0008}.manager-card header{display:flex;align-items:center}.manager-card header>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#73a5ff,#245fca);font:700 8px Inter}.manager-card header p{margin:0 0 0 8px}.manager-card header small{display:block;font-size:5px;color:#758398}.manager-card header b{font-size:7px}.manager-card header i{margin-left:auto;font:700 5px Inter;color:#64e58b;font-style:normal}.message,.reply{margin-top:10px;padding:8px;border-radius:6px;background:#162235}.message small,.reply small{font-size:4px;color:#77869a}.message p,.reply p{margin:4px 0 0;font-size:6px;color:#d7dfeb}.reply{margin-left:12%;background:#173568}.manager-card>footer{position:absolute;left:5%;right:5%;bottom:6%;display:flex;justify-content:space-between;font-size:5px}.manager-card>footer span{color:#6fa0fa}.manager-card>footer b{color:#d8e2f0}
.concept-three{background:radial-gradient(circle at 77% 40%,#2867d544,transparent 34%),linear-gradient(145deg,#050a12,#0b1728)}.everyone-copy{position:absolute;left:5%;top:22%;width:48%}.everyone-copy p{max-width:225px}.everyone-copy>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.everyone-copy>div span{font-size:5px;color:#b9c7dc;border:1px solid #ffffff1c;border-radius:12px;padding:5px 7px}.reach-card{position:absolute;right:5%;top:20%;width:39%;height:67%;padding:6%;border-radius:10px;background:linear-gradient(145deg,#f5f8fc,#dfe8f4);color:#0b1422;box-shadow:0 24px 55px #0008}.reach-card>small{color:#2468e8}.reach-card>strong{display:block;font:600 15px/1.05 'Space Grotesk';letter-spacing:-.04em;margin-top:8px}.reach-map{position:relative;height:44%;margin-top:8px;background:radial-gradient(circle,#2d6ee822 0 2px,transparent 3px);background-size:13px 13px}.reach-map:before,.reach-map:after{content:'';position:absolute;border:1px solid #397cff55;border-radius:50%;inset:19% 27%}.reach-map:after{inset:32% 38%;background:#397cff;box-shadow:0 0 15px #397cff}.reach-map i{position:absolute;width:4px;height:4px;border-radius:50%;background:#397cff;box-shadow:0 0 7px #397cff}.reach-map i:nth-child(1){left:17%;top:25%}.reach-map i:nth-child(2){right:14%;top:18%}.reach-map i:nth-child(3){left:20%;bottom:14%}.reach-map i:nth-child(4){right:22%;bottom:20%}.reach-card footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c8d3e1;padding-top:7px}.reach-card footer span{font-size:5px;color:#637083}.reach-card footer b{font:700 11px 'Space Grotesk';color:#2468e8;margin-right:3px}

/* Open, unclipped workstation cleanup */
.manager-bar,.task-bar,.manager-state,.crew-desk{overflow:visible!important}
.manager-bar{grid-template-columns:1.9fr repeat(5,1fr)}
.manager-state{padding-right:112px!important;z-index:4}
.crew-desk{right:16px;width:98px}
.crew-desk:before{left:17px;bottom:20px;width:30px;height:32px;border:1px solid #4675c5;border-bottom:0;border-radius:14px 14px 0 0;background:transparent;box-shadow:0 0 7px #397cff24}
.crew-desk:after{display:none!important}
.desk-surface:before,.desk-surface:after{height:13px;opacity:.7}
.desk-monitor{right:0;width:39px;z-index:5}
.order-inbox{right:-5px;top:-12px;z-index:9}
.crew-desk .crew-tech{left:20px!important;z-index:3}
.crew-tech:after{z-index:12}

/* Persistent handled checks and a full-screen premium design preview */
.task-item:after{content:'✓';color:#07140b!important;border-color:#65e78c!important;background:#65e78c!important;box-shadow:0 0 10px #55df7e66!important;opacity:1!important}.task-item.is-active:after{transform:scale(1.08);box-shadow:0 0 15px #55df7e99!important}
.preview-site{background:#e8e4dc;color:#10131a;overflow:hidden}.preview-note{position:absolute;z-index:8;right:3%;top:15%;display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:4px;background:#0b111b;color:#fff;box-shadow:0 10px 24px #0005}.preview-note span{font-size:4px;letter-spacing:.14em;color:#78a8ff}.preview-note b{font-size:6px}.preview-nav{height:14%;display:flex;align-items:center;gap:7%;padding:0 5%;border-bottom:1px solid #11131a20;position:relative;z-index:5}.preview-nav>b{font:700 9px/.75 'Space Grotesk';letter-spacing:.08em;margin-right:auto}.preview-nav>b small{display:block;font:500 4px Inter;letter-spacing:.32em;margin-top:5px}.preview-nav>span{font-size:5px;color:#555c66}.preview-nav>i{font-style:normal;font-size:5px;color:#fff;background:#121924;padding:6px 9px}.preview-copy{position:absolute;z-index:4;left:5%;top:25%;width:48%}.preview-copy>small{font-size:5px;text-transform:uppercase;letter-spacing:.14em;color:#5d6570}.preview-copy h3{font:500 clamp(26px,2.2vw,38px)/.92 'Space Grotesk';letter-spacing:-.06em;margin:10px 0}.preview-copy h3 em{color:#245ebc}.preview-copy p{max-width:210px;font-size:7px;color:#59616b}.preview-copy>b{display:inline-block;margin-top:8px;padding-bottom:4px;border-bottom:1px solid #131923;font-size:6px}.preview-architecture{position:absolute;right:-1%;top:14%;width:48%;height:72%;overflow:hidden;background:linear-gradient(145deg,#193559,#78a2ce 52%,#dbe3e7);clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)}.preview-architecture:before{content:'';position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 38%,#ffffff4d 39% 41%,transparent 42%),linear-gradient(90deg,#0005,transparent 38%)}.preview-architecture span{position:absolute;right:-8%;top:8%;width:76%;height:72%;background:#d9dde0;clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);box-shadow:-20px 20px 35px #0005}.preview-architecture span:after{content:'';position:absolute;left:24%;top:21%;width:55%;height:58%;background:linear-gradient(135deg,#09131f,#21456c);box-shadow:inset 0 0 0 1px #ffffff24}.preview-architecture i{position:absolute;left:11%;bottom:0;width:2px;height:61%;background:#e9edf0;box-shadow:34px 0 #e9edf0,68px 0 #e9edf0,102px 0 #e9edf0}.preview-architecture b{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,#172a2b,#081312)}.preview-architecture em{position:absolute;right:9%;bottom:10%;width:21%;height:31%;border-radius:50% 50% 8% 8%;background:radial-gradient(circle at 50% 25%,#7ea060,#324b2c 60%,#142416);filter:drop-shadow(0 9px 7px #0007)}.preview-proof{position:absolute;z-index:6;left:5%;right:5%;bottom:5%;display:grid;grid-template-columns:repeat(3,1fr);width:44%;border-top:1px solid #11131a28;padding-top:7px}.preview-proof span{display:flex;align-items:baseline;gap:5px}.preview-proof b{font:600 12px 'Space Grotesk';color:#1e56b0}.preview-proof small{font-size:4px;color:#656c75;text-transform:uppercase;letter-spacing:.08em}

/* Solid holographic lid while opening, plus a distinct light editorial third scene */
.laptop-lid:before{content:'G';position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px),radial-gradient(circle at 50% 42%,#397cff,#0b2553 54%,#040b16 100%);background-size:25px 25px,25px 25px,auto;color:#dceaff;font:700 90px 'Space Grotesk';letter-spacing:-.09em;text-shadow:0 0 18px #b9d4ff,0 0 48px #397cff;box-shadow:inset 0 0 70px #050b17;opacity:1;animation:lidFaceReveal 20s ease-in-out infinite;pointer-events:none}
@keyframes lidFaceReveal{0%,13%{opacity:1;visibility:visible}16%{opacity:0}17%,94%{opacity:0;visibility:hidden}95%{opacity:1;visibility:visible}100%{opacity:1}}
.concept-three{background:#f1eee7!important;color:#101722}.concept-three .concept-nav{border-color:#1118271c;color:#5e6875;background:#f1eee7e8}.concept-three .concept-nav b{color:#101722}.concept-three .concept-nav i{background:#101722;color:#fff}.concept-three .everyone-copy>small{color:#2468e8}.concept-three .everyone-copy h3{color:#111827}.concept-three .everyone-copy h3 em{color:#2468e8}.concept-three .everyone-copy p{color:#5e6670}.concept-three .everyone-copy>div span{color:#303b49;border-color:#10172226;background:#ffffff78}.concept-three .reach-card{background:linear-gradient(150deg,#0b1d3b,#164f9f);color:#fff;box-shadow:0 25px 55px #17345d4d}.concept-three .reach-card>small{color:#8db7ff}.concept-three .reach-card>strong{color:#fff}.concept-three .reach-map{background:radial-gradient(circle,#ffffff24 0 2px,transparent 3px);background-size:13px 13px}.concept-three .reach-map:before{border-color:#ffffff55}.concept-three .reach-map:after,.concept-three .reach-map i{background:#8db7ff;box-shadow:0 0 10px #a9c8ff}.concept-three .reach-card footer{border-color:#ffffff24}.concept-three .reach-card footer span{color:#aebdd1}.concept-three .reach-card footer b{color:#fff}

/* Monthly client reporting strip */
.report-bar{grid-template-columns:1.45fr repeat(5,1fr);overflow:hidden!important}.report-bar>div{border-right:1px solid #252c36!important;padding:0 22px}.report-bar>div:last-child{border-right:0!important}.report-intro{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px}.report-intro p{margin:0}.report-intro small,.report-metric small{display:block;color:#6e7b8f;font-size:7px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px}.report-intro b{font:600 11px Inter;color:#e9eef7}.report-intro em{margin-left:auto;font:600 6px Inter;color:#6f9ff3;font-style:normal;letter-spacing:.12em}.report-metric{display:flex!important;flex-direction:column;justify-content:center}.report-metric b{font:600 clamp(15px,1.15vw,20px) 'Space Grotesk';color:#f2f6fc;letter-spacing:-.035em}.report-metric>span{font-size:7px;color:#768397;margin-top:5px}.report-metric>span.up{color:#61df87}.report-metric b:after{content:'';display:block;width:100%;height:2px;margin-top:8px;background:linear-gradient(90deg,#397cff,#397cff24);transform-origin:left;animation:reportLine 1.6s ease-out both}@keyframes reportLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Solid holographic base and rotating report data */
.laptop-deck{background:linear-gradient(165deg,#234b83 0%,#112d58 38%,#07162e 100%)!important;border-color:#5d93ec!important;box-shadow:0 18px 48px #02050acc,inset 0 0 30px #5a92ef29,0 0 18px #397cff38!important}.keyboard{background-color:#0b2244;background-image:repeating-linear-gradient(90deg,#77a7f066 0 1px,transparent 1px 26px),repeating-linear-gradient(0deg,#77a7f066 0 1px,transparent 1px 15px)}.trackpad{background:#102c55;border-color:#78a8ff99}.report-bar [data-report]{transition:opacity .25s,transform .25s}.report-bar.is-updating [data-report]{opacity:0;transform:translateY(4px)}
.report-metric>span.down{color:#ff777d}

/* Restrained laptop frame with the screen contained inside the lid */
.laptop-lid{padding:0!important;background:#080d16!important;border:1px solid #3a4555!important;box-shadow:0 24px 48px #000c,inset 0 0 0 1px #ffffff0a,inset 0 0 18px #4c6f9e14!important;animation:laptopOpenTwenty 20s cubic-bezier(.55,0,.24,1) infinite!important}
.laptop-ui{position:absolute!important;inset:10px!important;width:auto!important;height:auto!important;border:0!important;border-radius:5px;overflow:hidden!important;background:#02050a!important;box-shadow:inset 0 0 0 1px #ffffff0d}
.laptop-lid:before{border-radius:10px 10px 3px 3px;box-shadow:inset 0 0 70px #050b17,inset 0 0 0 1px #ffffff14;text-shadow:0 0 14px #b9d4ff,0 0 32px #397cff}

/* Unified laptop proportions: smaller display, wider deck, visible hinge */
.holo-laptop{height:500px;justify-content:center}
.laptop-lid{width:78%!important;aspect-ratio:16/9!important;border-radius:9px 9px 3px 3px!important;z-index:3}
.laptop-ui{inset:12px 14px 14px!important;border-radius:3px!important;box-shadow:inset 0 0 0 1px #ffffff10,0 0 0 1px #02050a!important}
.laptop-lid:before{border-radius:8px 8px 2px 2px}
.laptop-deck{width:92%!important;height:98px!important;margin-top:-1px!important;clip-path:polygon(9% 0,91% 0,100% 84%,94% 100%,6% 100%,0 84%)!important;transform:perspective(500px) rotateX(64deg)!important;transform-origin:top center!important;z-index:2}
.laptop-deck:before{content:'';position:absolute;z-index:5;left:32%;right:32%;top:0;height:5px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#101a29,#607da8,#101a29);box-shadow:0 2px 5px #0008}
.laptop-deck:after{content:'';position:absolute;left:7%;right:7%;bottom:2px;height:3px;border-radius:50%;background:#496b9b88;box-shadow:0 2px 7px #000}
.keyboard{inset:14% 16% 40%!important}.trackpad{width:25%!important;left:37.5%!important}
@media(max-width:1200px){.laptop-lid{width:80%!important}.laptop-deck{width:94%!important}}

/* Remove the distracting illuminated stroke below the display */
.laptop-lid{border-bottom-color:#171f2b!important}
.laptop-ui{box-shadow:inset 0 0 0 1px #ffffff0a!important}
.laptop-deck:before{display:none!important}

/* Opaque exterior shell while the laptop is closed */
.laptop-deck:before{content:'G';display:grid!important;place-items:center;position:absolute;z-index:20;inset:0;height:auto;border-radius:3px;background:linear-gradient(145deg,#285da7 0%,#123769 46%,#071a38 100%);color:#dceaff;font:700 42px 'Space Grotesk';text-shadow:0 0 14px #a9c9ff,0 0 30px #397cff;box-shadow:inset 0 0 0 1px #8ab4f044,inset 0 0 38px #020812;opacity:1;animation:closedShellReveal 20s ease-in-out infinite;pointer-events:none}
@keyframes closedShellReveal{0%,13%{opacity:1;visibility:visible}16%{opacity:0}17%,93%{opacity:0;visibility:hidden}95%,100%{opacity:1;visibility:visible}}

/* The lid itself closes over the keyboard; its face uses the real G mark */
.laptop-deck:before{display:none!important;animation:none!important}
.laptop-lid{animation:laptopPhysicalOpen 20s cubic-bezier(.55,0,.24,1) infinite!important;transform-origin:50% 100%!important;background:#070b12!important}
.laptop-lid:before{content:''!important;opacity:1;background-color:#070b12;background-image:url('assets/glessinggroup-mark.png'),linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px),radial-gradient(circle at 50% 42%,#204c91,#0b2553 56%,#040b16 100%)!important;background-repeat:no-repeat,repeat,repeat,no-repeat!important;background-position:center,0 0,0 0,center!important;background-size:26%,25px 25px,25px 25px,cover!important;backface-visibility:visible!important;animation:lidFacePhysical 20s ease-in-out infinite!important}
.laptop-ui{opacity:0;backface-visibility:hidden!important;animation:innerScreenVisibility 20s ease-in-out infinite!important}
@keyframes laptopPhysicalOpen{0%,6%{transform:rotateX(88deg) translateZ(0);opacity:1}17%,88%{transform:rotateX(-4deg) translateZ(0);opacity:1}97%,100%{transform:rotateX(88deg) translateZ(0);opacity:1}}
@keyframes lidFacePhysical{0%,14%{opacity:1;visibility:visible}17%,93%{opacity:0;visibility:hidden}96%,100%{opacity:1;visibility:visible}}
@keyframes innerScreenVisibility{0%,15%{opacity:0}17%,92%{opacity:1}95%,100%{opacity:0}}

/* Clean unbranded holographic lid */
.laptop-lid:before{background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px),radial-gradient(circle at 50% 42%,#204c91,#0b2553 56%,#040b16 100%)!important;background-repeat:repeat,repeat,no-repeat!important;background-position:0 0,0 0,center!important;background-size:25px 25px,25px 25px,cover!important}

/* Holographic rise instead of a forward-folding lid */
.laptop-lid{animation:laptopScreenRise 20s cubic-bezier(.2,.78,.2,1) infinite!important;transform-origin:50% 100%!important}
.laptop-lid:before{display:none!important;animation:none!important}
.laptop-ui{animation:screenAfterRise 20s ease-in-out infinite!important}
@keyframes laptopScreenRise{0%,6%{transform:translateY(42px) scaleY(.035);opacity:0}15%,90%{transform:translateY(0) scaleY(1);opacity:1}97%,100%{transform:translateY(42px) scaleY(.035);opacity:0}}
@keyframes screenAfterRise{0%,13%{opacity:0}17%,90%{opacity:1}94%,100%{opacity:0}}

/* Final laptop treatment: permanently open, motion only inside the display */
.laptop-lid{animation:none!important;transform:none!important;opacity:1!important}
.laptop-lid:before{display:none!important;animation:none!important}
.laptop-ui{animation:none!important;opacity:1!important;transform:none!important}
.laptop-energy{animation:none!important;opacity:.22!important}

/* Give the brand mark comfortable space within the fixed navigation. */
.site-header{height:104px}
.brand{display:flex;align-items:center;align-self:stretch;padding:18px 12px 18px 0}
.brand img{width:218px;max-height:68px;object-fit:contain}
@media(max-width:720px){.site-header{height:82px}.brand{padding:14px 8px 14px 0}.brand img{width:168px;max-height:54px}}

/* Centered, more substantial process presentation. */
.process{position:relative;align-items:center;grid-template-columns:minmax(390px,.9fr) minmax(560px,1.1fr);gap:7vw;padding-top:clamp(150px,17vh,190px);padding-bottom:clamp(70px,10vh,110px);overflow:hidden}
.process:before{content:'03';position:absolute;left:4.5vw;bottom:-.16em;font:700 clamp(180px,24vw,360px)/1 'Space Grotesk';letter-spacing:-.08em;color:#e9ebee;pointer-events:none}
.process-title,.process-steps{position:relative;z-index:1}
.process-title h2{font-size:clamp(58px,5.2vw,86px);line-height:1;margin:34px 0 28px}
.process-intro{max-width:510px;color:#626b77;font-size:17px;line-height:1.7;margin-bottom:30px}
.process-promise{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px}
.process-promise span{padding:10px 13px;border:1px solid #cfd4dc;background:#ffffff80;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.process-link{display:inline-flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid #151a22;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.process-link span{color:var(--blue)}
.process-steps{border:1px solid #d5d9df;background:#fff;box-shadow:0 28px 70px #1821310d}
.process-steps article{position:relative;min-height:150px;padding:30px 42px 28px 98px;border-bottom:1px solid #d9dde3;display:flex;flex-direction:column;justify-content:center;transition:background .25s ease}
.process-steps article:last-child{border-bottom:0}
.process-steps article:hover{background:#f8faff}
.process-steps article>span{position:absolute;left:30px;top:31px;width:42px;height:42px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);font-size:9px;letter-spacing:.04em;border:1px solid #d5e2fb}
.process-steps h3{font-size:27px;margin:0 0 9px}
.process-steps p{font-size:15px;line-height:1.55}
@media(max-width:1000px){.process{grid-template-columns:1fr;gap:44px;padding-top:140px}.process-title{max-width:720px}.process-steps{width:100%}}
@media(max-width:720px){.process{padding:110px 22px 75px}.process:before{display:none}.process-title h2{font-size:48px}.process-intro{font-size:15px}.process-steps article{padding:26px 22px 26px 76px;min-height:140px}.process-steps article>span{left:20px;top:27px}}

/* Final process layout: clean editorial balance without dashboard styling. */
.process{grid-template-columns:minmax(420px,.88fr) minmax(590px,1.12fr);gap:8vw;padding-top:clamp(145px,16vh,180px);padding-bottom:clamp(70px,9vh,100px)}
.process:before{display:none}
.process-title{align-self:center;max-width:650px}
.process-title h2{margin:34px 0 30px}
.process-intro{max-width:500px;margin:0;font-size:17px}
.process-steps{align-self:center;border:0;border-top:1px solid #cdd2d9;background:transparent;box-shadow:none}
.process-steps article{min-height:158px;padding:34px 20px 34px 0;border-bottom:1px solid #cdd2d9;display:grid;grid-template-columns:78px 1fr;align-content:center;column-gap:24px;background:transparent}
.process-steps article:hover{background:transparent}
.process-steps article>span{position:static;width:auto;height:auto;display:block;grid-row:1 / span 2;padding-top:5px;border:0;background:transparent;font-size:9px;line-height:1.45;letter-spacing:.13em}
.process-steps h3{grid-column:2;font-size:28px;margin:0 0 10px}
.process-steps p{grid-column:2;font-size:15px;max-width:670px}
@media(max-width:1000px){.process{grid-template-columns:1fr;gap:44px}.process-title{max-width:720px}.process-steps article{grid-template-columns:65px 1fr}}
@media(max-width:720px){.process{padding:115px 22px 75px}.process-steps article{padding:28px 0;grid-template-columns:55px 1fr;min-height:140px}.process-steps article>span{position:static}.process-steps h3{font-size:24px}}

/* Optical alignment: the shorter headline column begins with the step list. */
@media(min-width:1001px){.process-title{transform:translateY(-66px)}}

/* Why Us entrance motion from opposing sides. */
.statement{overflow:hidden}
.has-motion .statement>.section-tag,.has-motion .statement>h2,.has-motion .statement>.statement-foot{opacity:0;will-change:transform,opacity;transition:transform 1.15s cubic-bezier(.2,.72,.2,1),opacity 1.05s ease}
.has-motion .statement>.section-tag,.has-motion .statement>h2{transform:translateX(-84px)}
.has-motion .statement>.statement-foot{transform:translateX(84px);transition-delay:.12s}
.has-motion .statement.is-visible>.section-tag,.has-motion .statement.is-visible>h2,.has-motion .statement.is-visible>.statement-foot{opacity:1;transform:translateX(0)}
.has-motion .statement.is-visible>h2{transition-delay:.06s}
@media(prefers-reduced-motion:reduce){.has-motion .statement>.section-tag,.has-motion .statement>h2,.has-motion .statement>.statement-foot{opacity:1;transform:none;transition:none}}

/* Clear pricing inside the final concept request. */
.pricing-card{margin:28px 0 4px;padding:20px 22px;border:1px solid #d6dae0;background:#f7f8fa}
.pricing-card>small{display:block;color:var(--blue);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;margin-bottom:15px}
.pricing-card>div{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pricing-card>div span{display:flex;flex-direction:column;gap:3px}
.pricing-card>div span+span{padding-left:20px;border-left:1px solid #d6dae0}
.pricing-card b{font:700 30px 'Space Grotesk';letter-spacing:-.04em}
.pricing-card em{font-style:normal;color:#555e69;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.pricing-card p{margin:15px 0 0;padding-top:13px;border-top:1px solid #dfe2e7;color:#6a727c!important;font-size:11px!important;line-height:1.5!important}
@media(max-width:720px){.pricing-card>div{grid-template-columns:1fr}.pricing-card>div span+span{padding:12px 0 0;border-left:0;border-top:1px solid #d6dae0}}

/* Interactive Who We Help section. */
.audiences{display:grid;grid-template-columns:.82fr 1.18fr;background:#070a0f;overflow:hidden}
.audience-copy{display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);padding-top:145px;padding-bottom:70px}
.audience-copy h2{font-size:clamp(48px,4.5vw,72px);line-height:1;margin:30px 0 22px}
.audience-copy>p:not(.section-tag){max-width:540px;color:#929aa6;font-size:15px;line-height:1.65}
.industry-list{margin-top:26px;border-top:1px solid var(--line)}
.industry-list button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#7f8792;font:600 13px Inter;text-align:left;cursor:pointer;transition:color .2s,padding .2s}
.industry-list button span{font-size:9px;color:#535c69}
.industry-list button:hover,.industry-list button.is-active{color:#fff;padding-left:12px}
.industry-list button.is-active{box-shadow:inset 2px 0 var(--blue)}
.industry-list button.is-active span{color:var(--blue2)}
.industry-stage{position:relative;display:grid;place-content:center;padding:145px 5vw 70px;background:radial-gradient(circle at 55% 46%,#173d7b55,transparent 44%),#080d16;transition:opacity .18s ease,transform .18s ease}
.industry-stage.is-changing{opacity:.3;transform:scale(.985)}
.industry-frame{width:min(100%,820px);border:1px solid #38537b;background:#e9edf3;color:#101722;box-shadow:0 35px 90px #000b,0 0 45px #2468e82b;transform:perspective(1200px) rotateY(-3deg)}
.industry-browser{height:42px;display:flex;align-items:center;gap:7px;padding:0 18px;background:#101722;color:#75849a}
.industry-browser i{width:6px;height:6px;border-radius:50%;background:#445064}.industry-browser i:first-child{background:#397cff}.industry-browser span{margin-left:auto;font-size:8px;letter-spacing:.1em}
.industry-site{height:390px;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#f3f0e9 0 54%,#d5dce4 54%)}
.industry-site-copy{padding:60px 25px 35px 45px;position:relative;z-index:2}
.industry-site-copy small{text-transform:uppercase;letter-spacing:.15em;font-size:7px;color:#2468e8;font-weight:800}
.industry-site-copy h3{font-size:clamp(31px,3vw,48px);line-height:.95;margin:24px 0 20px;color:#0d1219}
.industry-site-copy p{max-width:380px;color:#606a76;font-size:11px;line-height:1.6}
.industry-site-copy>b{display:inline-block;margin-top:18px;padding-bottom:6px;border-bottom:1px solid #111822;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.industry-site-copy>b span{color:var(--blue)}
.industry-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#153764,#4f81bd 52%,#0a1729)}
.industry-art:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 45%,#ffffff2e 46% 48%,transparent 49%),repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px 48px)}
.industry-art>span{position:absolute;width:70%;aspect-ratio:1;right:-14%;top:13%;border:1px solid #ffffff52;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff07}
.industry-art>i{position:absolute;width:40%;height:56%;left:12%;bottom:0;background:linear-gradient(145deg,#f0f3f7,#8799ae);clip-path:polygon(25% 0,100% 16%,85% 100%,0 100%)}
.industry-art>b{position:absolute;width:24%;height:40%;right:11%;bottom:0;background:#09121f;clip-path:polygon(12% 15%,100% 0,100% 100%,0 100%)}
.industry-features{display:grid;grid-template-columns:repeat(3,1fr);background:#fff}
.industry-features span{min-height:86px;padding:20px;border-right:1px solid #dde1e7;display:flex;flex-direction:column;gap:11px}.industry-features span:last-child{border:0}
.industry-features small{font-size:7px;color:#2468e8}.industry-features b{font-size:10px}
.industry-caption{width:min(100%,820px);display:flex;justify-content:space-between;margin:18px 0 0;color:#647186;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.industry-caption span{color:#73a5ff}
@media(max-width:1000px){.site-header nav{gap:22px}.audiences{grid-template-columns:1fr}.audience-copy{padding-top:140px;border-right:0}.industry-stage{padding-top:80px}.industry-site{height:340px}}
@media(max-width:720px){.audience-copy{padding:110px 22px 55px}.industry-stage{padding:60px 18px}.industry-frame{transform:none}.industry-site{height:auto;min-height:390px;grid-template-columns:1fr}.industry-site-copy{padding:42px 28px}.industry-art{display:none}.industry-features span{padding:14px 10px}.industry-caption{gap:18px}}

/* Holographic computer for the industry showcase. */
.industry-hologram{position:relative;width:min(100%,820px);padding-bottom:76px;filter:drop-shadow(0 35px 42px #000b)}
.industry-holo-screen{position:relative;z-index:3;padding:7px;border:1px solid #5d91ec;background:linear-gradient(145deg,#10254a,#050b14);box-shadow:inset 0 0 22px #397cff38,0 0 24px #397cff52;transform:perspective(1200px) rotateY(-3deg);overflow:hidden}
.industry-holo-screen:after{content:'';position:absolute;inset:7px;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#82adff0c 4px 5px);mix-blend-mode:screen}
.industry-frame{width:100%;border:0;box-shadow:none;transform:none}
.industry-holo-deck{position:absolute;z-index:2;left:-4%;bottom:7px;width:108%;height:94px;border:1px solid #4f87e8;background:linear-gradient(155deg,#193d742e,#397cff12);clip-path:polygon(7% 0,93% 0,100% 82%,94% 100%,6% 100%,0 82%);transform:perspective(520px) rotateX(62deg);transform-origin:top;box-shadow:inset 0 0 35px #397cff28,0 22px 45px #2468e82b}
.industry-keys{position:absolute;inset:12% 17% 40%;background:repeating-linear-gradient(90deg,#6198f04f 0 1px,transparent 1px 27px),repeating-linear-gradient(0deg,#6198f04f 0 1px,transparent 1px 15px)}
.industry-trackpad{position:absolute;left:37%;bottom:7%;width:26%;height:27%;border:1px solid #6d9cef73}
.industry-holo-glow{position:absolute;z-index:1;left:10%;right:10%;bottom:31px;height:22px;border-radius:50%;background:#397cff;filter:blur(22px);opacity:.42}
.industry-hologram:before{content:'';position:absolute;z-index:0;left:3%;right:3%;bottom:13px;height:1px;background:linear-gradient(90deg,transparent,#77a7ff,transparent);box-shadow:0 0 24px #397cff}
.industry-stage[data-current="restaurant"] .industry-art{background:linear-gradient(145deg,#4b1911,#bd6d32 52%,#16100d)}
.industry-stage[data-current="barber"] .industry-art{background:linear-gradient(145deg,#071424,#225d91 52%,#050a11)}
.industry-stage[data-current="contractor"] .industry-art{background:linear-gradient(145deg,#202934,#9b7a51 52%,#0c1118)}
.industry-stage[data-current="agent"] .industry-art{background:linear-gradient(145deg,#1c183c,#7359b8 52%,#090715)}
.industry-stage[data-current="professional"] .industry-art{background:linear-gradient(145deg,#122a2b,#4c857c 52%,#071111)}
.industry-stage[data-current="new-business"] .industry-art{background:linear-gradient(145deg,#241238,#a4498e 52%,#0d0713)}
@media(max-width:720px){.industry-hologram{padding-bottom:48px}.industry-holo-screen{transform:none}.industry-holo-deck{height:64px}.industry-caption{margin-top:4px}}

/* Final industry visual: an angled floating projection, not a second laptop. */
.industry-hologram{width:min(94%,820px);padding:38px 0 58px;transform:translateX(-4%)}
.industry-holo-screen{padding:6px;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);transform:perspective(1350px) rotateY(7deg) rotateZ(-.8deg);transform-origin:35% 50%;border-color:#75a5ff;box-shadow:inset 0 0 30px #397cff42,0 0 18px #397cff5c,24px 28px 60px #0009}
.industry-holo-screen:before{content:'';position:absolute;z-index:6;inset:0;pointer-events:none;background:linear-gradient(90deg,#8db5ff30,transparent 5% 94%,#8db5ff22),linear-gradient(180deg,#ffffff10,transparent 18% 82%,#397cff16)}
.industry-holo-screen:after{inset:6px;animation:industryScan 5.5s linear infinite}
.industry-holo-deck,.industry-keys,.industry-trackpad{display:none!important}
.industry-holo-rail{position:absolute;z-index:4;left:-4%;right:10%;bottom:27px;height:34px;transform:skewX(-18deg);border-top:1px solid #75a7ff70;border-bottom:1px solid #397cff38;background:linear-gradient(90deg,transparent,#397cff14 15% 80%,transparent);box-shadow:0 0 24px #397cff2e}
.industry-holo-rail i{position:absolute;top:8px;width:22%;height:1px;background:linear-gradient(90deg,transparent,#91b7ff,transparent)}
.industry-holo-rail i:nth-child(1){left:5%}.industry-holo-rail i:nth-child(2){left:38%;top:16px;width:31%}.industry-holo-rail i:nth-child(3){right:1%;top:7px;width:15%}
.industry-holo-glow{left:-1%;right:12%;bottom:25px;height:12px;opacity:.58;filter:blur(18px)}
.industry-hologram:before{left:-7%;right:8%;bottom:10px;transform:skewX(-18deg)}
.industry-hologram:after{content:'';position:absolute;z-index:0;left:5%;top:0;width:82%;height:78%;background:radial-gradient(ellipse,#397cff25,transparent 65%);filter:blur(18px);pointer-events:none}
@keyframes industryScan{0%{background-position:0 -520px}100%{background-position:0 520px}}
@media(max-width:720px){.industry-hologram{width:100%;padding:18px 0 42px;transform:none}.industry-holo-screen{clip-path:none;transform:rotateZ(-.4deg)}.industry-holo-rail{left:0;right:5%;bottom:18px}}

/* Simplified projection: one intact glass display with restrained depth. */
.industry-hologram{width:min(96%,820px);padding:0;transform:translateX(-3%);filter:drop-shadow(22px 34px 44px #000b)}
.industry-holo-screen{padding:0;clip-path:none;overflow:hidden;border:1px solid #5986cf;background:#07101d;transform:perspective(1500px) rotateY(5deg) rotateZ(-.35deg);transform-origin:center;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 28px #397cff38}
.industry-holo-screen:before{display:none}
.industry-holo-screen:after{inset:0;opacity:.42;animation:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#7faaff0a 5px 6px)}
.industry-frame{overflow:hidden;background:#e9edf3}
.industry-holo-rail{display:none}
.industry-holo-glow{z-index:0;left:8%;right:8%;bottom:-16px;height:28px;opacity:.3;filter:blur(24px)}
.industry-hologram:before{display:none}
.industry-hologram:after{left:8%;top:7%;width:86%;height:86%;background:radial-gradient(ellipse,#397cff20,transparent 68%);filter:blur(28px)}
.industry-caption{transform:translateX(-3%)}
@media(max-width:720px){.industry-hologram{width:100%;transform:none;filter:drop-shadow(0 22px 30px #0009)}.industry-holo-screen{transform:none}.industry-caption{transform:none}}

/* Complete Who We Help redesign: interactive website blueprint. */
.audiences{grid-template-columns:.78fr 1.22fr}
.audience-copy{background:#070a0f}
.blueprint-stage{padding:145px clamp(32px,5vw,82px) 70px;background:#eef0f3;place-content:center;transition:opacity .2s ease,transform .2s ease}
.blueprint-board{width:min(100%,900px);color:#10141b;border:1px solid #c9ced6;background:#f9fafb;box-shadow:0 30px 80px #1b263018;position:relative}
.blueprint-board:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#16203308 1px,transparent 1px),linear-gradient(90deg,#16203308 1px,transparent 1px);background-size:46px 46px}
.blueprint-top,.blueprint-bottom{position:relative;z-index:1;height:48px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dce2;font-size:8px;font-weight:800;letter-spacing:.14em;color:#4d5867}
.blueprint-top small{font-size:7px;color:#2468e8}
.blueprint-main{position:relative;z-index:1;display:grid;grid-template-columns:.88fr 1.12fr;min-height:380px;border-bottom:1px solid #d8dce2}
.blueprint-message{padding:58px 32px 40px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.blueprint-message>small{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#2468e8}
.blueprint-message h3{font-size:clamp(37px,3.7vw,60px);line-height:.94;margin:24px 0 20px;color:#0d1118}
.blueprint-message p{max-width:420px;color:#606975;font-size:12px;line-height:1.65}
.blueprint-message>b{margin-top:15px;padding-bottom:7px;border-bottom:1px solid #151a22;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.blueprint-message>b span{color:#2468e8}
.blueprint-preview{align-self:center;margin:35px 35px 35px 0;border:1px solid #26354a;background:#0b1422;color:#fff;box-shadow:14px 18px 35px #1b2e4929;transform:rotate(1.2deg)}
.mini-site-bar{height:36px;padding:0 13px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #ffffff18}.mini-site-bar i{width:5px;height:5px;border-radius:50%;background:#536176}.mini-site-bar i:first-child{background:#397cff}.mini-site-bar span{margin-left:auto;font-size:6px;color:#738096;letter-spacing:.08em}
.mini-site-body{height:205px;padding:39px 28px;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 40%,#397cff5c,transparent 30%),linear-gradient(135deg,#0a1424,#102b58)}
.mini-site-body:after{content:'';position:absolute;right:-10%;top:4%;width:55%;height:92%;border:1px solid #6e9cf052;transform:rotate(34deg);box-shadow:0 0 0 28px #397cff0a,0 0 0 56px #397cff08}
.mini-site-body small{display:block;color:#75a5ff;font-size:6px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px}.mini-site-body strong{position:relative;z-index:1;font:600 28px/.98 'Space Grotesk';letter-spacing:-.05em}.mini-site-body>span{display:block;width:70px;height:9px;background:#397cff;margin-top:24px}
.mini-site-stats{height:56px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:#fff;color:#121822}.mini-site-stats b{height:100%;display:grid;place-items:center;border-right:1px solid #dde1e7;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.mini-site-stats b:last-child{border:0}
.blueprint-needs{position:relative;z-index:1;padding:24px 30px 28px}.blueprint-needs>p{font-size:8px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#66717f;margin-bottom:18px}.blueprint-needs>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.blueprint-needs span{min-height:72px;padding:14px;border:1px solid #d9dde3;background:#fff;display:flex;flex-direction:column;gap:11px}.blueprint-needs small{font-size:7px;color:#2468e8}.blueprint-needs b{font-size:10px}
.blueprint-bottom{border-top:1px solid #d8dce2;border-bottom:0;color:#6a7481}.blueprint-bottom i{flex:1;height:1px;margin:0 20px;background:#d3d8df}
.industry-stage[data-current="restaurant"] .mini-site-body{background:radial-gradient(circle at 85% 40%,#d8793e6b,transparent 30%),linear-gradient(135deg,#25100c,#6d2c19)}
.industry-stage[data-current="barber"] .mini-site-body{background:radial-gradient(circle at 85% 40%,#397cff5c,transparent 30%),linear-gradient(135deg,#071424,#164f82)}
.industry-stage[data-current="contractor"] .mini-site-body{background:radial-gradient(circle at 85% 40%,#c99a606b,transparent 30%),linear-gradient(135deg,#1c242d,#62513b)}
.industry-stage[data-current="agent"] .mini-site-body{background:radial-gradient(circle at 85% 40%,#8c69d86b,transparent 30%),linear-gradient(135deg,#17112c,#4e3a7c)}
.industry-stage[data-current="professional"] .mini-site-body{background:radial-gradient(circle at 85% 40%,#57a89a5c,transparent 30%),linear-gradient(135deg,#0b2021,#2f6961)}
.industry-stage[data-current="new-business"] .mini-site-body{background:radial-gradient(circle at 85% 40%,#d65eb65c,transparent 30%),linear-gradient(135deg,#26102a,#753264)}
@media(max-width:1100px){.audiences{grid-template-columns:1fr}.blueprint-stage{padding-top:75px}.blueprint-board{margin-bottom:35px}}
@media(max-width:720px){.blueprint-stage{padding:55px 18px}.blueprint-main{grid-template-columns:1fr}.blueprint-message{padding:40px 26px}.blueprint-preview{margin:0 26px 30px;transform:none}.blueprint-needs>div{grid-template-columns:1fr}.blueprint-needs span{min-height:58px}.blueprint-top small{display:none}.blueprint-bottom{gap:10px}.blueprint-bottom i{margin:0 5px}}

/* Portfolio showcase for industry-specific website concepts. */
.portfolio-section{background:#06090e;color:#fff;padding:142px max(5vw,34px) 58px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.portfolio-heading{display:grid;grid-template-columns:1fr 420px;gap:8vw;align-items:end;max-width:1700px;width:100%;margin:0 auto 34px}
.portfolio-heading h2{font-size:clamp(43px,4vw,67px);line-height:.98;margin:22px 0 0}
.portfolio-heading>p{color:#8e97a4;font-size:14px;line-height:1.65;margin:0}
.portfolio-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:4vw;align-items:center;max-width:1700px;width:100%;margin:auto}
.portfolio-tabs{border-top:1px solid #29303a}
.portfolio-tabs button{width:100%;padding:17px 4px;display:flex;gap:17px;align-items:center;border:0;border-bottom:1px solid #29303a;background:transparent;color:#737d8a;font:600 12px Inter;text-align:left;cursor:pointer;transition:.25s}
.portfolio-tabs button span{font-size:8px;color:#46515f}.portfolio-tabs button:hover,.portfolio-tabs button.is-active{color:#fff;padding-left:13px}.portfolio-tabs button.is-active{box-shadow:inset 2px 0 #397cff}.portfolio-tabs button.is-active span{color:#5d95ff}
.portfolio-stage{position:relative;padding:18px 20px 30px 40px;background:transparent;display:block;min-width:0;transition:opacity .18s ease,transform .18s ease}
.portfolio-window{position:relative;z-index:3;max-width:1050px;margin:auto;border:1px solid #3b4655;background:#e8e4dc;color:#0d1218;box-shadow:0 32px 85px #000c;overflow:hidden}
.portfolio-browser{height:38px;display:flex;align-items:center;gap:6px;padding:0 16px;background:#111722;color:#748093}.portfolio-browser i{width:5px;height:5px;border-radius:50%;background:#4c5868}.portfolio-browser i:first-child{background:#397cff}.portfolio-browser span{margin-left:auto;font-size:7px;letter-spacing:.1em}
.portfolio-website{height:365px;display:grid;grid-template-columns:1.03fr .97fr;background:#e8e4dc}
.portfolio-message{padding:58px 26px 36px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.portfolio-message small{font-size:7px;color:#2468e8;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.portfolio-message h3{font-size:clamp(37px,3.7vw,62px);line-height:.93;margin:25px 0 18px}.portfolio-message p{max-width:430px;color:#59616b;font-size:11px;line-height:1.65}.portfolio-message>b{margin-top:13px;padding-bottom:6px;border-bottom:1px solid #111820;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.portfolio-message>b span{color:#2468e8}
.portfolio-image{position:relative;overflow:hidden;background:linear-gradient(145deg,#3d160f,#b45f2f 55%,#170c09)}
.portfolio-image:before{content:'';position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 44%,#ffffff27 45% 47%,transparent 48%),repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px 54px)}
.portfolio-image>span{position:absolute;right:-13%;top:10%;width:75%;aspect-ratio:1;border:1px solid #ffffff3d;border-radius:50%;box-shadow:0 0 0 38px #ffffff08,0 0 0 76px #ffffff06}
.portfolio-image>i{position:absolute;left:11%;bottom:0;width:43%;height:62%;background:linear-gradient(145deg,#f3f5f7,#869aaf);clip-path:polygon(27% 0,100% 18%,86% 100%,0 100%)}
.portfolio-image>b{position:absolute;right:10%;bottom:0;width:27%;height:45%;background:#09121e;clip-path:polygon(12% 14%,100% 0,100% 100%,0 100%)}
.portfolio-features{height:82px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff}.portfolio-features span{padding:18px 22px;border-right:1px solid #d9dde2;display:flex;flex-direction:column;gap:9px}.portfolio-features span:last-child{border:0}.portfolio-features small{font-size:7px;color:#2468e8}.portfolio-features b{font-size:10px}
.portfolio-shadow{position:absolute;z-index:1;width:68%;height:74%;right:0;top:8%;border:1px solid #243149;background:#0c1524;transform:translate(7%,0) rotate(2deg)}.portfolio-shadow-two{z-index:0;transform:translate(13%,2%) rotate(4deg);opacity:.55}
.portfolio-note{max-width:1050px;margin:15px auto 0;display:flex;justify-content:space-between;color:#66717f;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.portfolio-note span{color:#6d9fff}
.portfolio-stage[data-current="restaurant"] .portfolio-image{background:linear-gradient(145deg,#3d160f,#b45f2f 55%,#170c09)}
.portfolio-stage[data-current="barber"] .portfolio-image{background:linear-gradient(145deg,#071424,#1d6199 55%,#050a11)}
.portfolio-stage[data-current="contractor"] .portfolio-image{background:linear-gradient(145deg,#1e2832,#9b7951 55%,#0c1118)}
.portfolio-stage[data-current="agent"] .portfolio-image{background:linear-gradient(145deg,#17112e,#7157ae 55%,#090714)}
.portfolio-stage[data-current="professional"] .portfolio-image{background:linear-gradient(145deg,#0c2424,#4b857b 55%,#06100f)}
.portfolio-stage[data-current="new-business"] .portfolio-image{background:linear-gradient(145deg,#26102e,#a4458d 55%,#0d0713)}
@media(max-width:1100px){.portfolio-section{padding-top:125px}.portfolio-heading{grid-template-columns:1fr}.portfolio-heading>p{max-width:650px}.portfolio-layout{grid-template-columns:1fr}.portfolio-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #29303a}.portfolio-tabs button{width:auto;min-width:max-content;padding:14px 18px;border-bottom:0}.portfolio-stage{padding-left:0}.portfolio-shadow{display:none}}
@media(max-width:720px){.portfolio-section{padding:105px 20px 60px}.portfolio-heading h2{font-size:43px}.portfolio-website{height:auto;grid-template-columns:1fr}.portfolio-message{padding:42px 28px}.portfolio-image{height:230px}.portfolio-features span{padding:14px 10px}.portfolio-note{gap:20px}}

/* Each portfolio category has its own visual system and composition. */
.portfolio-window,.portfolio-website,.portfolio-message,.portfolio-image,.portfolio-features{transition:background .32s ease,color .32s ease,border-color .32s ease,transform .32s ease}

/* Restaurant: warm editorial hospitality. */
.portfolio-stage[data-current="restaurant"] .portfolio-window{border-color:#5b3528}
.portfolio-stage[data-current="restaurant"] .portfolio-website{background:#eee5d6}
.portfolio-stage[data-current="restaurant"] .portfolio-message small{color:#a64725}
.portfolio-stage[data-current="restaurant"] .portfolio-message h3{font-weight:500;letter-spacing:-.065em}
.portfolio-stage[data-current="restaurant"] .portfolio-message>b span{color:#a64725}
.portfolio-stage[data-current="restaurant"] .portfolio-features small{color:#a64725}

/* Barbershop: reversed monochrome, sharp and unapologetic. */
.portfolio-stage[data-current="barber"] .portfolio-window{border-color:#777;background:#0a0a0a}
.portfolio-stage[data-current="barber"] .portfolio-browser{background:#ece8df;color:#222;border-bottom:3px solid #111}
.portfolio-stage[data-current="barber"] .portfolio-website{grid-template-columns:.92fr 1.08fr;background:#0a0a0a}
.portfolio-stage[data-current="barber"] .portfolio-message{order:2;background:#0a0a0a;color:#fff;border-left:1px solid #ffffff26;padding-left:40px}
.portfolio-stage[data-current="barber"] .portfolio-message small{color:#fff}
.portfolio-stage[data-current="barber"] .portfolio-message h3{color:#fff;text-transform:uppercase;font-weight:700;line-height:.85;letter-spacing:-.07em}
.portfolio-stage[data-current="barber"] .portfolio-message p{color:#aaa}
.portfolio-stage[data-current="barber"] .portfolio-message>b{color:#fff;border-color:#fff}
.portfolio-stage[data-current="barber"] .portfolio-image{order:1;background:#d8d4cc}
.portfolio-stage[data-current="barber"] .portfolio-image:before{background:repeating-linear-gradient(135deg,#111 0 14px,#f2eee5 14px 28px);opacity:.9;clip-path:polygon(0 0,40% 0,85% 100%,45% 100%)}
.portfolio-stage[data-current="barber"] .portfolio-image>span{border-radius:0;right:8%;top:14%;width:38%;background:#111;border:0;box-shadow:18px 18px 0 #777}
.portfolio-stage[data-current="barber"] .portfolio-image>i{left:11%;height:48%;background:#111;clip-path:none}
.portfolio-stage[data-current="barber"] .portfolio-image>b{display:none}
.portfolio-stage[data-current="barber"] .portfolio-features{background:#111;color:#fff}.portfolio-stage[data-current="barber"] .portfolio-features span{border-color:#333}.portfolio-stage[data-current="barber"] .portfolio-features small{color:#aaa}

/* Contractor: industrial blueprint and high-visibility action. */
.portfolio-stage[data-current="contractor"] .portfolio-window{border:4px solid #d6a52c}
.portfolio-stage[data-current="contractor"] .portfolio-browser{background:#16202b;color:#a8b7c9}
.portfolio-stage[data-current="contractor"] .portfolio-website{grid-template-columns:1.18fr .82fr;background:#172635;color:#fff}
.portfolio-stage[data-current="contractor"] .portfolio-message{background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:28px 28px}
.portfolio-stage[data-current="contractor"] .portfolio-message small{color:#f1bb35}.portfolio-stage[data-current="contractor"] .portfolio-message h3{color:#fff;text-transform:uppercase;font-size:clamp(34px,3.3vw,55px)}.portfolio-stage[data-current="contractor"] .portfolio-message p{color:#aebccc}.portfolio-stage[data-current="contractor"] .portfolio-message>b{padding:12px 15px;border:0;background:#e4af2d;color:#111}
.portfolio-stage[data-current="contractor"] .portfolio-image{background:#d5a32c;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}
.portfolio-stage[data-current="contractor"] .portfolio-image:before{background:repeating-linear-gradient(0deg,#172635 0 2px,transparent 2px 40px),repeating-linear-gradient(90deg,#172635 0 2px,transparent 2px 40px);opacity:.35}
.portfolio-stage[data-current="contractor"] .portfolio-image>span{border-radius:0;right:7%;top:12%;width:70%;height:70%;border:3px solid #172635;box-shadow:none}
.portfolio-stage[data-current="contractor"] .portfolio-image>i{background:#172635;height:72%;clip-path:polygon(40% 0,100% 0,100% 100%,0 100%)}
.portfolio-stage[data-current="contractor"] .portfolio-image>b{background:#fff;height:30%}
.portfolio-stage[data-current="contractor"] .portfolio-features small{color:#9a7010}

/* Sales agent: spacious personal brand with portrait-led composition. */
.portfolio-stage[data-current="agent"] .portfolio-window{border-color:#443c61;border-radius:10px}
.portfolio-stage[data-current="agent"] .portfolio-browser{background:#f7f4ef;color:#5f596c}
.portfolio-stage[data-current="agent"] .portfolio-website{grid-template-columns:.82fr 1.18fr;background:#f7f4ef}
.portfolio-stage[data-current="agent"] .portfolio-message{padding-left:54px}.portfolio-stage[data-current="agent"] .portfolio-message small{color:#745e9c}.portfolio-stage[data-current="agent"] .portfolio-message h3{font-weight:500;font-size:clamp(34px,3.3vw,54px)}.portfolio-stage[data-current="agent"] .portfolio-message>b span{color:#745e9c}
.portfolio-stage[data-current="agent"] .portfolio-image{margin:22px 25px 22px 0;border-radius:180px 180px 8px 8px;background:linear-gradient(155deg,#d9c9b8,#8c7898)}
.portfolio-stage[data-current="agent"] .portfolio-image:before{background:radial-gradient(circle at 50% 28%,#f0d9c8 0 13%,transparent 14%),radial-gradient(ellipse at 50% 78%,#26202e 0 31%,transparent 32%)}
.portfolio-stage[data-current="agent"] .portfolio-image>span,.portfolio-stage[data-current="agent"] .portfolio-image>i,.portfolio-stage[data-current="agent"] .portfolio-image>b{display:none}
.portfolio-stage[data-current="agent"] .portfolio-features{background:#eee8e0}.portfolio-stage[data-current="agent"] .portfolio-features small{color:#745e9c}

/* Professional services: precise, quiet, structured. */
.portfolio-stage[data-current="professional"] .portfolio-window{border-color:#9fb0ae}
.portfolio-stage[data-current="professional"] .portfolio-browser{background:#173734;color:#9ec1ba}
.portfolio-stage[data-current="professional"] .portfolio-website{grid-template-columns:1.25fr .75fr;background:#f4f1e9}
.portfolio-stage[data-current="professional"] .portfolio-message{padding-left:60px}.portfolio-stage[data-current="professional"] .portfolio-message small{color:#26675f}.portfolio-stage[data-current="professional"] .portfolio-message h3{font-size:clamp(35px,3.4vw,57px);font-weight:500}.portfolio-stage[data-current="professional"] .portfolio-message>b span{color:#26675f}
.portfolio-stage[data-current="professional"] .portfolio-image{background:#173734}
.portfolio-stage[data-current="professional"] .portfolio-image:before{background:linear-gradient(90deg,#f4f1e9 0 1px,transparent 1px 33%,#f4f1e9 33% calc(33% + 1px),transparent calc(33% + 1px) 66%,#f4f1e9 66% calc(66% + 1px),transparent calc(66% + 1px));opacity:.4}
.portfolio-stage[data-current="professional"] .portfolio-image>span{right:18%;top:18%;width:55%;border-radius:0;border:1px solid #99c4bd;box-shadow:none;transform:rotate(45deg)}
.portfolio-stage[data-current="professional"] .portfolio-image>i{left:26%;width:48%;height:35%;background:#85aaa4;clip-path:none}
.portfolio-stage[data-current="professional"] .portfolio-image>b{display:none}
.portfolio-stage[data-current="professional"] .portfolio-features{background:#e8ece8}.portfolio-stage[data-current="professional"] .portfolio-features small{color:#26675f}

/* Everything else: expressive, flexible and intentionally open-ended. */
.portfolio-stage[data-current="new-business"] .portfolio-window{border:0;border-radius:18px;box-shadow:0 35px 100px #000d,0 0 0 1px #ffffff24}
.portfolio-stage[data-current="new-business"] .portfolio-browser{background:#160b25;color:#b9a6cf}
.portfolio-stage[data-current="new-business"] .portfolio-website{grid-template-columns:1.12fr .88fr;background:linear-gradient(135deg,#170b29,#3f1754);color:#fff}
.portfolio-stage[data-current="new-business"] .portfolio-message small{color:#ff79d1}.portfolio-stage[data-current="new-business"] .portfolio-message h3{color:#fff}.portfolio-stage[data-current="new-business"] .portfolio-message p{color:#c9bbd7}.portfolio-stage[data-current="new-business"] .portfolio-message>b{color:#fff;border-color:#ff79d1}.portfolio-stage[data-current="new-business"] .portfolio-message>b span{color:#ff79d1}
.portfolio-stage[data-current="new-business"] .portfolio-image{background:radial-gradient(circle at 25% 30%,#ff6fc9 0 15%,transparent 16%),radial-gradient(circle at 70% 65%,#705cff 0 23%,transparent 24%),linear-gradient(145deg,#271042,#0c0713)}
.portfolio-stage[data-current="new-business"] .portfolio-image:before{background:conic-gradient(from 45deg at 50% 50%,#ffffff22,transparent,#ff79d133,transparent,#ffffff22);border-radius:50%;inset:12%;animation:portfolioSpin 16s linear infinite}
.portfolio-stage[data-current="new-business"] .portfolio-image>span{right:12%;top:20%;width:60%;border-color:#fff5;border-radius:32% 68% 60% 40%;box-shadow:0 0 0 25px #ffffff08}
.portfolio-stage[data-current="new-business"] .portfolio-image>i,.portfolio-stage[data-current="new-business"] .portfolio-image>b{display:none}
.portfolio-stage[data-current="new-business"] .portfolio-features{background:#27123a;color:#fff}.portfolio-stage[data-current="new-business"] .portfolio-features span{border-color:#ffffff1c}.portfolio-stage[data-current="new-business"] .portfolio-features small{color:#ff79d1}
@keyframes portfolioSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.portfolio-stage[data-current="new-business"] .portfolio-image:before{animation:none}}

/* Portfolio polish and corrected Sales Agent concept. */
.portfolio-section{background:radial-gradient(circle at 72% 55%,#13203a66,transparent 36%),#06090e}
.portfolio-heading{position:relative}.portfolio-heading:after{content:'';position:absolute;left:0;right:0;bottom:-18px;height:1px;background:linear-gradient(90deg,#397cff,transparent 18%,#ffffff16 18%)}
.portfolio-tabs{background:#080c12;border:1px solid #252d38}
.portfolio-tabs button{position:relative;padding:18px 15px;border-color:#252d38}
.portfolio-tabs button:hover,.portfolio-tabs button.is-active{padding-left:22px;background:#0d131d}
.portfolio-tabs button.is-active:after{content:'';position:absolute;right:14px;width:6px;height:6px;border-radius:50%;background:#397cff;box-shadow:0 0 13px #397cff}
.portfolio-stage{perspective:1400px}.portfolio-stage.is-changing{opacity:.18;transform:translateY(7px) scale(.992)}
.portfolio-window{border-radius:4px;box-shadow:0 36px 95px #000d,0 0 0 1px #ffffff08;transform:translateZ(0)}
.portfolio-shadow-one{background:linear-gradient(145deg,#101a2b,#070b12)}.portfolio-shadow-two{background:#0c1018}
.portfolio-note{padding:0 3px}

.portfolio-stage[data-current="agent"] .portfolio-window{border:1px solid #766c86;border-radius:3px;background:#ece8e1}
.portfolio-stage[data-current="agent"] .portfolio-browser{background:#221d2b;color:#9e94ad}
.portfolio-stage[data-current="agent"] .portfolio-website{grid-template-columns:.9fr 1.1fr;background:#ece8e1}
.portfolio-stage[data-current="agent"] .portfolio-message{padding:50px 34px 40px 52px;background:#ece8e1;color:#17131d}
.portfolio-stage[data-current="agent"] .portfolio-message small{color:#785d9d}
.portfolio-stage[data-current="agent"] .portfolio-message h3{color:#17131d;font-size:clamp(34px,3.2vw,53px);font-weight:500;line-height:.95}
.portfolio-stage[data-current="agent"] .portfolio-message p{color:#655e6d}
.portfolio-stage[data-current="agent"] .portfolio-message>b{color:#17131d;border-color:#785d9d}
.portfolio-stage[data-current="agent"] .portfolio-image{margin:0;border-radius:0;background:linear-gradient(145deg,#332941,#796886);overflow:hidden}
.portfolio-stage[data-current="agent"] .portfolio-image:before{content:'';position:absolute;inset:0;clip-path:none;background:linear-gradient(120deg,transparent 0 58%,#ffffff19 59% 61%,transparent 62%),repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px 52px)}
.portfolio-stage[data-current="agent"] .portfolio-image>span{display:block!important;position:absolute;left:13%;right:auto;top:13%;width:66%;height:67%;aspect-ratio:auto;border:1px solid #ffffff52;border-radius:5px;background:linear-gradient(145deg,#efe7dd,#b7a4b9);box-shadow:18px 18px 0 #1d1825;transform:none}
.portfolio-stage[data-current="agent"] .portfolio-image>span:before{content:'PERSONAL BRAND';position:absolute;left:18px;top:16px;font:700 7px Inter;letter-spacing:.16em;color:#493d53}
.portfolio-stage[data-current="agent"] .portfolio-image>span:after{content:'';position:absolute;left:24%;right:24%;bottom:0;height:62%;border-radius:48% 48% 0 0;background:radial-gradient(circle at 50% 17%,#d7bda9 0 16%,transparent 17%),radial-gradient(ellipse at 50% 92%,#27212e 0 43%,transparent 44%)}
.portfolio-stage[data-current="agent"] .portfolio-image>i{display:block!important;position:absolute;left:auto;right:7%;top:18%;bottom:auto;width:17%;height:30%;background:#f0ebe4;clip-path:none;box-shadow:none}
.portfolio-stage[data-current="agent"] .portfolio-image>i:after{content:'01';position:absolute;right:8px;bottom:7px;font:700 18px 'Space Grotesk';color:#785d9d}
.portfolio-stage[data-current="agent"] .portfolio-image>b{display:block!important;position:absolute;right:7%;bottom:15%;width:27%;height:20%;background:#785d9d;clip-path:none}
.portfolio-stage[data-current="agent"] .portfolio-image>b:after{content:'TRUST';position:absolute;left:10px;bottom:10px;font:700 7px Inter;letter-spacing:.15em;color:#fff}
.portfolio-stage[data-current="agent"] .portfolio-features{background:#211c29;color:#fff}
.portfolio-stage[data-current="agent"] .portfolio-features span{border-color:#ffffff1c}.portfolio-stage[data-current="agent"] .portfolio-features small{color:#b091d3}
@media(max-width:1100px){.portfolio-tabs{border-left:0;border-right:0}.portfolio-tabs button:hover,.portfolio-tabs button.is-active{padding-left:22px}.portfolio-tabs button.is-active:after{display:none}}

/* Branded concept-request confirmation page. */
.thanks-page{min-height:100vh;background:#05070a;color:#fff;overflow-x:hidden}
.thanks-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(125deg,black,transparent 78%)}
.thanks-grid:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 27% 52%,#173d7c4f,transparent 31%)}
.thanks-header{height:104px;padding:0 max(4.5vw,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a;position:relative;z-index:3;background:#05070acc;backdrop-filter:blur(14px)}
.thanks-header img{display:block;width:218px;max-height:68px;object-fit:contain}
.thanks-header>a:last-child{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#b9c0ca}.thanks-header>a:last-child span{color:#397cff;margin-left:9px}
.thanks-main{min-height:calc(100vh - 104px);display:grid;grid-template-columns:1.08fr .92fr;position:relative;z-index:2}
.thanks-confirmation{padding:clamp(65px,9vh,110px) max(6vw,38px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid #ffffff18}
.confirmation-mark{width:62px;height:62px;display:grid;place-items:center;border:1px solid #477ccc;background:#0c1b32;position:relative;margin-bottom:34px;box-shadow:0 0 35px #397cff28}.confirmation-mark span{font-size:23px;color:#7eaaff}.confirmation-mark i{position:absolute;inset:-8px;border:1px solid #397cff20}
.thanks-confirmation h1{font-size:clamp(58px,6.4vw,105px);line-height:.88;margin:30px 0 28px;max-width:820px}
.thanks-lead{max-width:670px;color:#9ba4af;font-size:17px;line-height:1.7}
.thanks-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.thanks-email{font-size:12px;font-weight:700;border-bottom:1px solid #647080;padding-bottom:7px}
.thanks-meta{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));max-width:670px;margin-top:58px;border-top:1px solid #29313c}.thanks-meta span{padding:20px 25px 0 0;display:flex;flex-direction:column;gap:8px}.thanks-meta span+span{padding-left:25px;border-left:1px solid #29313c}.thanks-meta small{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#687383}.thanks-meta b{font-size:11px;color:#d9dee5}
.next-steps{padding:clamp(65px,9vh,110px) max(5vw,38px);background:#0a0e14;display:flex;flex-direction:column;justify-content:center}
.next-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #2b333e}.next-heading p{margin:0}.next-heading>span{font-size:8px;color:#566170;letter-spacing:.15em}
.next-steps article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:32px 0;border-bottom:1px solid #2b333e}.next-steps article>span{font-size:9px;color:#397cff;padding-top:6px}.next-steps h2{font-size:24px;margin:0 0 9px}.next-steps article p{color:#7f8996;font-size:13px;line-height:1.6;margin:0;max-width:500px}
.next-note{display:flex;align-items:center;gap:10px;margin:26px 0 0;color:#727d8a;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.next-note i{width:7px;height:7px;border-radius:50%;background:#397cff;box-shadow:0 0 0 5px #397cff1f}
@media(max-width:900px){.thanks-main{grid-template-columns:1fr}.thanks-confirmation{border-right:0}.next-steps{min-height:680px}}
@media(max-width:600px){.thanks-header{height:82px}.thanks-header img{width:168px}.thanks-header>a:last-child{font-size:0}.thanks-header>a:last-child span{font-size:14px}.thanks-main{min-height:calc(100vh - 82px)}.thanks-confirmation,.next-steps{padding:60px 22px}.thanks-confirmation h1{font-size:57px}.thanks-actions{align-items:flex-start;flex-direction:column}.thanks-meta{grid-template-columns:1fr}.thanks-meta span+span{padding-left:0;border-left:0}.next-steps article{grid-template-columns:40px 1fr}}

/* Legacy request-state styles retained for older cached markup */
.task-item:after{content:'';color:transparent!important;border-color:#3a4658!important;background:#111722!important;box-shadow:none!important;opacity:.55!important}.task-item.is-active:after{content:'•';color:#8db7ff!important;border-color:#4d80d7!important;background:#152544!important;box-shadow:0 0 9px #397cff44!important}.task-item.is-complete:after{content:'✓';color:#07140b!important;border-color:#65e78c!important;background:#65e78c!important;box-shadow:0 0 13px #55df7e88!important;opacity:1!important}
.form-status {
  min-height: 1.4em;
  margin: 0.75rem 0 0;
  color: #ff8f8f;
  font-size: 0.78rem;
  line-height: 1.4;
}

form button[type="submit"]:disabled {
  cursor: wait;
  opacity: 0.72;
}