@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=IBM+Plex+Mono:wght@500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff;--paper2:#f5f7fa;--white:#fff;--ink:#090b0f;--muted:#626b78;--line:#dfe4eb;--accent:#1f5cff;--accent2:#6b8dff;--deep:#0a0d12;--deep2:#121823;--lime:#d7ff47;--shadow:0 24px 70px rgba(9,11,15,.11);--shadow2:0 12px 38px rgba(9,11,15,.08)}
*,*::before,*::after{box-sizing:border-box;min-width:0}html,body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}body{background:#fff;color:var(--ink);font-family:Manrope,system-ui,sans-serif}.container{max-width:min(1240px,calc(100% - 48px))}.noise{opacity:.016}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:130;will-change:transform}
.brand,.hero h1,.section-head h2,.big-title,.mode h3,.product-card h3,.concept-copy h3,.cta-box h2,.product-hero h1,.deliver-grid h2,.info-block h3,.price-panel .p-price{font-family:'Bricolage Grotesque',sans-serif}.brand small,.kicker,.overline,.tiny-label,.price-row small,.process-step .n,.footer-col b,.footer-bottom,.stage-label{font-family:'IBM Plex Mono',monospace}
.nav{background:rgba(255,255,255,.88);border-color:rgba(9,11,15,.08);box-shadow:0 12px 40px rgba(9,11,15,.07)}.brand-mark:before,.brand-mark:after{background:var(--accent)}.nav-links>a:not(.nav-cta){color:#4f5865;position:relative}.nav-links>a:not(.nav-cta):after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:1.5px;background:var(--accent);transition:right .28s cubic-bezier(.2,.75,.25,1)}.nav-links>a:not(.nav-cta):hover:after{right:0}.nav-cta,.btn{transition:transform .25s cubic-bezier(.2,.75,.25,1),background .25s,color .25s,box-shadow .25s;will-change:transform}.btn:hover,.nav-cta:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 14px 34px rgba(31,92,255,.24)}.btn.ghost{background:#fff}.btn.ghost:hover{color:var(--accent);border-color:#bfd0ff}
.hero{background:#fff;min-height:100svh}.hero:before{width:auto;height:auto;border-radius:0;inset:0;right:auto;top:auto;background-image:linear-gradient(rgba(9,11,15,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(9,11,15,.032) 1px,transparent 1px);background-size:56px 56px;filter:none;mask-image:linear-gradient(to right,transparent 0,#000 58%,#000 100%)}.kicker:before{background:var(--accent);box-shadow:0 0 0 5px rgba(31,92,255,.12);animation:nexoPulse 2.2s ease-in-out infinite}.hero h1{font-weight:770;letter-spacing:-.066em}.hero h1 em{font-family:'Bricolage Grotesque',sans-serif!important;font-style:normal!important;font-weight:770!important;letter-spacing:inherit!important;color:var(--accent)!important;display:inline-block;position:relative}.hero h1 em:after{content:'';position:absolute;left:2px;right:3px;bottom:-5px;height:6px;background:var(--accent);border-radius:999px;transform:scaleX(0);transform-origin:left;animation:nexoUnderline .75s .9s cubic-bezier(.2,.75,.25,1) forwards}.hero .lead{color:#525c69}.hero-proof{border-color:var(--line)}
.hero-copy>*{opacity:0;transform:translateY(18px);animation:nexoHeroIn .72s cubic-bezier(.2,.75,.25,1) forwards}.hero-copy .kicker{animation-delay:.1s}.hero-copy h1{animation-delay:.2s}.hero-copy .lead{animation-delay:.32s}.hero-copy .hero-actions{animation-delay:.43s}.hero-copy .hero-proof{animation-delay:.54s}.workbench{opacity:0;transform:translateY(24px) scale(.985);animation:nexoStageIn .9s .26s cubic-bezier(.2,.75,.25,1) forwards;perspective:1200px}.stage{background:linear-gradient(145deg,#0d1118,#07090d 74%);border-color:rgba(255,255,255,.08);box-shadow:0 42px 110px rgba(8,12,20,.24);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out}.stage:before{left:auto;bottom:auto;right:-130px;top:-170px;background:radial-gradient(circle,rgba(31,92,255,.34),transparent 68%);animation:nexoGlow 4s ease-in-out infinite}.stage-grid{animation:nexoGrid 18s linear infinite}.stage-label{color:#7c8694}.orbit:before{background:var(--accent);box-shadow:0 0 26px var(--accent)}.scanline{position:absolute;z-index:9;left:0;right:0;height:1px;top:8%;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 20px rgba(31,92,255,.75);animation:nexoScan 4.8s ease-in-out infinite;pointer-events:none}
.browser{background:#fff;animation:nexoBrowser 5.8s ease-in-out infinite}.browser-bar{background:#f1f3f6}.browser-url{background:#e2e6ec}.demo-pill{background:#edf2ff;color:#2447a9}.demo-btn{background:var(--accent)}.demo-visual{background:linear-gradient(150deg,#0c1422 0%,#163d9b 44%,#1f5cff 72%,#8ab0ff 100%)}.demo-visual:before{border-color:rgba(255,255,255,.18)}.demo-visual:after{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}.float-card{border-color:rgba(9,11,15,.09)}.tag-card{background:#fff;animation:nexoFloatA 5.6s ease-in-out infinite}.tag-card:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;border-radius:18px 18px 0 0;background:var(--accent)}.analytics{animation:nexoFloatB 5.2s ease-in-out infinite}.chart i:nth-child(6),.chart i:nth-child(7){background:var(--accent)}.chart i{animation:nexoBar 2.8s ease-in-out infinite alternate}.status:before{box-shadow:0 0 0 4px rgba(19,167,96,.11)}
.marquee{max-width:100%;background:#fff;border-color:var(--line)}.marquee-track{will-change:transform}.marquee span{font-family:'IBM Plex Mono',monospace;color:#66707d}.marquee span:after{content:'◆';font-size:7px;color:var(--accent)}.section-head p,.mode p,.product-card p,.concept-copy p,.process-step p,.info-block p,.faq p{color:#68727f}.mode{background:#fff;border-color:var(--line);transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s}.mode:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(9,11,15,.11)}.mode .num{font-family:'IBM Plex Mono',monospace;font-size:13px;font-style:normal;color:var(--accent)}.mode.dark{background:var(--deep)}.mode-list b{font-family:'IBM Plex Mono',monospace}.products{background:#f5f7fa;border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-card{border-color:var(--line);transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s,border-color .32s}.product-card:hover{transform:translateY(-7px);box-shadow:0 26px 60px rgba(9,11,15,.10);border-color:#c7d4ff}.product-card.dark{background:var(--deep)}.product-card.accent{background:var(--accent);color:#fff}.accent p{color:rgba(255,255,255,.8)}.product-card:hover .card-link{background:var(--accent);border-color:var(--accent)}.accent:hover .card-link{background:#fff;color:#111}.micro-ui{background:#eef2f7}.micro-ui:after{background:var(--accent)}
.showcase{background:var(--deep)}.showcase-frame{background:#151b25;border:1px solid rgba(255,255,255,.07)}.showcase-browser{transition:transform .35s cubic-bezier(.2,.75,.25,1)}.showcase-frame:hover .showcase-browser{transform:translateY(-4px)}.showcase-top{background:#f1f3f6}.concept-photo{background:linear-gradient(145deg,#08101f 0%,#123684 42%,#1f5cff 70%,#8db1ff 100%)}.concept-photo:before{border-color:rgba(255,255,255,.18);animation:nexoOrb 7s ease-in-out infinite}.concept-photo:after{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}.concept-copy .fake-button{background:var(--accent)}.showcase-caption{background:#fff;color:#111;border:1px solid var(--line);font-family:'IBM Plex Mono',monospace}.process-step .n{font-family:'IBM Plex Mono',monospace;font-size:12px;font-style:normal;color:var(--accent)}.final-cta{background:#fff}.cta-box{background:var(--accent);color:#fff}.cta-side p{color:rgba(255,255,255,.82)}.cta-box:after{font-family:'Bricolage Grotesque',sans-serif;color:rgba(255,255,255,.09);animation:nexoCta 7s ease-in-out infinite}.cta-side .btn{background:#fff;color:#111;border-color:#fff}.cta-side .btn:hover{background:var(--deep);color:#fff;border-color:var(--deep)}footer{background:var(--deep)}
.product-hero{background:#fff}.product-hero:after{background:radial-gradient(circle,rgba(31,92,255,.13),transparent 68%)}.price-panel{background:var(--deep);border:1px solid #171d27}.product-body{background:#f5f7fa;border-radius:0;border-top:1px solid var(--line)}.feature{background:#fff;border-color:var(--line);transition:transform .25s cubic-bezier(.2,.75,.25,1),border-color .25s}.feature:hover{transform:translateY(-3px);border-color:#b8c9ff}.feature i{background:#edf2ff;color:var(--accent)}.info-block{background:#fff;border:1px solid var(--line)}.info-block.dark{background:var(--deep);border-color:#171d27}.faq-wrap{background:#fff}.faq summary:after{color:var(--accent)}
.reveal{opacity:0;transform:translateY(22px) scale(.992);transition:opacity .72s cubic-bezier(.2,.75,.25,1),transform .72s cubic-bezier(.2,.75,.25,1)}.reveal.visible{opacity:1;transform:none}
@keyframes nexoPulse{50%{box-shadow:0 0 0 9px rgba(31,92,255,0)}}@keyframes nexoUnderline{to{transform:scaleX(1)}}@keyframes nexoHeroIn{to{opacity:1;transform:none}}@keyframes nexoStageIn{to{opacity:1;transform:none}}@keyframes nexoGlow{50%{transform:scale(1.12);opacity:.72}}@keyframes nexoGrid{to{background-position:42px 42px}}@keyframes nexoScan{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(520px);opacity:1}}@keyframes nexoBrowser{50%{transform:rotate(-.4deg) translateY(-5px) translateZ(20px)}}@keyframes nexoFloatA{50%{transform:rotate(-1.5deg) translateY(-8px)}}@keyframes nexoFloatB{50%{transform:rotate(1deg) translateY(8px)}}@keyframes nexoBar{to{transform:scaleY(.84);transform-origin:bottom}}@keyframes nexoOrb{50%{transform:translate(-16px,18px) scale(1.08)}}@keyframes nexoCta{50%{transform:translateY(18px) rotate(-2deg)}}
@supports(animation-timeline:view()){.showcase-browser{animation:nexoShowcase linear both;animation-timeline:view();animation-range:entry 5% cover 65%}@keyframes nexoShowcase{from{transform:translateY(40px) scale(.96)}to{transform:none}}}
@media(max-width:720px){html,body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}.container{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}.nav-shell{left:0;right:0}.nav-links{left:12px;right:12px;width:auto;max-width:none;background:rgba(255,255,255,.98)}.hero:before{background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.hero h1{font-size:clamp(54px,16.5vw,70px)!important;line-height:.89}.hero h1 em:after{height:4px;bottom:-3px}.hero-grid,.workbench,.stage,.browser,.showcase,.showcase-frame,.products,.marquee{max-width:100%}.workbench{width:100%;margin-left:0;margin-right:0}.stage{transform:none!important}.browser{left:16px!important;right:16px!important}.marquee{width:100%;overflow:hidden}.marquee-track{max-width:none}.product-card{max-width:100%}.cta-box{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy>*,.workbench,.orbit,.scanline,.stage-grid,.browser,.analytics,.tag-card,.chart i,.marquee-track,.concept-photo:before,.cta-box:after{animation:none!important}.hero-copy>*{opacity:1;transform:none}.reveal{opacity:1;transform:none;transition:none}.stage{transform:none!important}.btn,.nav-cta,.product-card,.mode,.feature,.showcase-browser{transition:none!important}}
@media(max-width:720px){.hero-grid{display:block!important;width:100%!important}.hero-copy{width:100%!important;max-width:100%!important;overflow:visible!important}.hero-copy h1,.hero-copy .lead,.hero-actions,.hero-proof{width:100%!important;max-width:100%!important}.hero-copy .lead{overflow-wrap:anywhere}.hero-proof{grid-template-columns:1fr!important}.hero-proof div{width:100%;max-width:100%;overflow-wrap:anywhere}.hero-actions .btn{max-width:100%}.workbench{margin-top:34px!important}.stage{width:100%!important;max-width:100%!important;overflow:hidden!important}.browser{max-width:calc(100% - 32px)!important}.section-head,.dual,.process-grid,.footer-grid,.cta-box,.product-hero-inner,.deliver-grid,.features,.limits{width:100%;max-width:100%}.section-head>*{max-width:100%}.section-head p{width:100%}.mode,.product-card,.showcase-frame,.concept,.process-step,.cta-box,.price-panel,.info-block{width:100%;max-width:100%}}
@media(max-width:420px){.hero h1{font-size:15.2vw!important;letter-spacing:-.055em!important}.hero-copy .lead{font-size:16px!important;line-height:1.58!important}.hero-actions{gap:8px!important}.hero-actions .btn{padding:13px 16px!important;font-size:12px!important}.hero-proof strong{font-size:14px!important}.hero-proof div{font-size:8px!important}.kicker{font-size:9px!important;letter-spacing:.13em!important}}
/* Mobile art-direction: keep the hero light and premium instead of stacking a dark desktop panel */
@media (max-width:720px){
  .hero{background:#fff}
  .workbench{min-height:430px;margin-top:22px}
  .stage{background:linear-gradient(180deg,#ffffff 0%,#f8faff 100%);border:1px solid #e5e9f2;box-shadow:0 24px 60px rgba(20,28,45,.10)}
  .stage:before{width:330px;height:330px;left:auto;right:-120px;bottom:-140px;background:radial-gradient(circle,rgba(38,96,255,.16),rgba(38,96,255,0) 68%)}
  .stage-grid{opacity:.52;background-image:linear-gradient(rgba(38,96,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(38,96,255,.07) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black,transparent 92%)}
  .stage-label{color:#7f8796}
  .orbit{border-color:rgba(38,96,255,.20)}
  .orbit:before{background:#2660ff;box-shadow:0 0 22px rgba(38,96,255,.65)}
  .browser{box-shadow:0 20px 44px rgba(27,36,55,.16);border:1px solid #edf0f5}
  .float-card{background:rgba(255,255,255,.96);border:1px solid #e4e8f0;box-shadow:0 16px 38px rgba(27,36,55,.13)}
  .tag-card{background:#fff;color:#111827}
  .tag-row{border-color:#e6eaf1}
  .analytics{background:#fff;color:#111827}
  .chart i{background:#cfd6e3}
  .chart i:nth-child(6),.chart i:nth-child(7){background:#2660ff}
  .scanline{background:linear-gradient(90deg,transparent,rgba(38,96,255,.28),transparent);opacity:.55}
}
/* v8 ΓÇö mobile is a separate art direction, not a stacked desktop */
:root{color-scheme:light only}
@media (max-width:720px){
  html,body,main{background:#fff!important;color:#0b0d12}
  .mode.dark{background:#f6f8fc!important;color:#0b0d12!important;border-color:#e5eaf2!important;box-shadow:0 16px 40px rgba(18,28,48,.07)}
  .mode.dark p{color:#697386!important}.mode.dark .mode-list div{border-color:#e3e8f1!important}.mode.dark .mode-list b{color:#2660ff!important}
  .product-card.dark{background:#f6f8fc!important;color:#0b0d12!important;border-color:#e5eaf2!important}.product-card.dark p{color:#697386!important}.product-card.dark .product-icon{background:#e9eef8!important}.product-card.dark .card-link{border-color:#dbe2ee!important}
  .showcase{background:#fff!important;color:#0b0d12!important;padding-top:76px!important;padding-bottom:82px!important}.showcase .section-head p{color:#697386!important}
  .showcase-frame{background:#f5f7fb!important;box-shadow:0 22px 55px rgba(18,28,48,.10)!important;border:1px solid #e5eaf2}
  .showcase-caption{background:#2660ff!important;color:#fff!important}
  .concept-photo{min-height:250px!important}.concept-copy{padding:30px 24px!important}
  .final-cta{background:#fff}.cta-box{background:#2660ff!important;color:#fff!important}.cta-side p{color:rgba(255,255,255,.82)}.cta-side .btn{background:#fff!important;color:#0b0d12!important;border-color:#fff!important}
  .hero-proof{background:#f8faff;border:1px solid #e8edf5;border-radius:18px;padding:14px;margin-top:24px}
  .hero-proof div{color:#7a8494}.hero-proof strong{color:#0b0d12}
}