/* ==========================================================================
   AI's Power — base layer
   Fonts, tokens, reset, typography, controls, loader, cursor, header, marquee
   ========================================================================== */

@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-800-normal.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url("../fonts/dm-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url("../fonts/dm-mono-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/instrument-serif-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/instrument-serif-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --bg:#06070b;
  --bg-2:#0a0d15;
  --panel:#0e121c;
  --panel-2:#131826;
  --ink:#eef1f7;
  --ink-2:#b9c0ce;
  --muted:#838b9e;
  --line:rgba(238,241,247,.12);
  --line-soft:rgba(238,241,247,.07);
  --blue:#4b7bff;
  --blue-soft:#8fb0ff;
  --ice:#c4e4ff;
  --paper:#ebe8e0;
  --ease:cubic-bezier(.2,.7,.1,1);
  --expo:cubic-bezier(.16,1,.3,1);
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --serif:"Instrument Serif","Times New Roman",Georgia,serif;
  --nav-h:84px;
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px;background:var(--bg)}
html.is-locked,html.is-loading{overflow:hidden}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer}
button:disabled{cursor:default}
input,select,textarea{font:inherit;color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
p,h1,h2,h3,h4,dl,dd{margin:0}
::selection{background:var(--blue);color:#fff}
:focus-visible{outline:2px solid var(--blue-soft);outline-offset:4px}
em{font-family:var(--serif);font-style:italic;font-weight:400}

/* ---------- helpers ---------- */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:14px;top:-80px;z-index:300;background:var(--ink);color:var(--bg);padding:11px 15px;font:700 12px/1 var(--sans);text-decoration:none;transition:top .3s var(--ease)}
.skip-link:focus{top:14px}
.wrap{width:min(1320px,calc(100% - 64px));margin-inline:auto}
.mono{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums}
.kicker{display:flex;align-items:center;gap:12px;color:#9aa6bf}
.kicker::before{content:"";width:28px;height:1px;background:var(--blue);flex:none}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#71e2a4;flex:none;animation:ping 2.6s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(113,226,164,.55)}70%,100%{box-shadow:0 0 0 9px rgba(113,226,164,0)}}

/* ---------- buttons & links ---------- */
.btn{position:relative;display:inline-flex;align-items:center;gap:20px;padding:17px 22px;background:var(--blue);border:1px solid var(--blue);color:#fff;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;overflow:hidden;isolation:isolate;transition:background .35s var(--ease),box-shadow .5s var(--ease),border-color .35s var(--ease),color .35s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translate3d(-120%,0,0);transition:transform 1s var(--expo)}
.btn:hover::after{transform:translate3d(120%,0,0)}
.btn:hover{background:#6b93ff;border-color:#6b93ff;box-shadow:0 16px 44px rgba(75,123,255,.34)}
.btn-arrow{display:inline-block;transition:transform .6s var(--expo)}
.btn:hover .btn-arrow{transform:translate3d(3px,3px,0)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{background:rgba(238,241,247,.06);border-color:rgba(238,241,247,.55);box-shadow:none}
.btn-ghost::after{background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%)}
.btn-sm{padding:12px 16px;font-size:10px;gap:14px}
.magnetic{will-change:transform}
.textlink{position:relative;display:inline-block;font-size:12px;letter-spacing:.06em;color:var(--ink-2);text-decoration:none;padding-bottom:6px}
.textlink::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--blue-soft),var(--ink));transform-origin:right;transform:scaleX(.35);transition:transform .6s var(--expo)}
.textlink:hover{color:#fff}
.textlink:hover::after{transform:scaleX(1);transform-origin:left}
.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(143,176,255,.3);background:rgba(16,24,44,.45);color:#c5d3f5;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;transition:background .3s,border-color .3s,color .3s;white-space:nowrap}
.pill:hover{background:rgba(75,123,255,.18);border-color:var(--blue-soft);color:#fff}
.pill[aria-pressed="true"],.pill.is-on{background:var(--blue);border-color:var(--blue);color:#fff}
.btn-icon{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .3s,border-color .3s,transform .5s var(--expo),color .3s;flex:none;font-size:15px}
.btn-icon:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.btn-icon:active{transform:scale(.94)}
:is(button,.btn,.pill):disabled{opacity:.4;pointer-events:none}

/* ---------- headline line reveals ---------- */
.ln{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.ln>span{display:inline-block}
.js .reveal-lines .ln>span{transform:translate3d(0,112%,0);transition:transform 1.25s var(--expo);transition-delay:var(--d,0s)}
.js .reveal-lines.in .ln>span{transform:none}

/* ---------- generic scroll reveal ---------- */
.js .reveal{opacity:0;transform:translate3d(0,30px,0);transition:opacity 1.1s var(--ease),transform 1.3s var(--expo);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}

/* ---------- intro (hero) ---------- */
.js .intro{opacity:0;transform:translate3d(0,22px,0);transition:opacity 1.1s var(--ease),transform 1.3s var(--expo);transition-delay:var(--d,0s)}
.js.is-ready .intro{opacity:1;transform:none}

/* ---------- loader (curtain) ---------- */
.loader{position:fixed;inset:0;z-index:200;display:none;overflow:hidden}
.js .loader{display:block}
.loader.is-done{display:none}
.loader-panel{position:absolute;top:0;bottom:0;width:50.1%;background:#080a10;transition:transform 1.15s var(--expo)}
.loader-left{left:0;box-shadow:inset -1px 0 0 rgba(143,176,255,.18)}
.loader-right{right:0;box-shadow:inset 1px 0 0 rgba(143,176,255,.18)}
.loader.is-leaving .loader-left{transform:translate3d(-101%,0,0)}
.loader.is-leaving .loader-right{transform:translate3d(101%,0,0)}
.loader-center{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:22px;text-align:center;transition:opacity .5s var(--ease),transform .7s var(--expo)}
.loader.is-leaving .loader-center{opacity:0;transform:translate3d(0,-14px,0)}
.loader-mark{font-size:clamp(34px,6.4vw,70px);font-weight:800;letter-spacing:-.07em;line-height:1;animation:markIn 1s var(--expo) both}
.loader-mark span{color:var(--blue)}
.loader-note{animation:markIn 1s .15s var(--expo) both}
.loader-count{position:absolute;right:clamp(20px,4vw,48px);bottom:clamp(20px,4vw,40px);font-size:12px;color:#8b97b3;font-variant-numeric:tabular-nums}
.loader-count span{color:var(--ink)}
@keyframes markIn{from{opacity:0;transform:translate3d(0,18px,0);letter-spacing:.02em}to{opacity:1;transform:none}}

/* ---------- ambient layers ---------- */
.field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.5}
body::before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:70;background:linear-gradient(90deg,var(--blue),var(--ice));box-shadow:0 0 16px rgba(75,123,255,.7);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}

/* ---------- custom cursor (fine pointers only) ---------- */
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;z-index:150;pointer-events:none;opacity:0;transition:opacity .35s var(--ease)}
.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff}
.cursor-ring{width:0;height:0}
.cursor-shape{position:absolute;left:0;top:0;width:38px;height:38px;transform:translate(-50%,-50%);border:1px solid rgba(143,176,255,.65);border-radius:50%;display:grid;place-items:center;transition:width .45s var(--expo),height .45s var(--expo),background .35s,border-color .35s}
.cursor-label{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#06070b;white-space:nowrap;opacity:0;transition:opacity .25s}
.is-cursor-on .cursor-dot,.is-cursor-on .cursor-ring{opacity:1}
[data-mode="hover"] .cursor-shape{width:66px;height:66px;background:rgba(75,123,255,.14);border-color:var(--blue-soft)}
[data-mode="label"] .cursor-shape{width:96px;height:96px;background:rgba(238,241,247,.94);border-color:transparent}
[data-mode="label"] .cursor-label{opacity:1}
[data-mode="down"] .cursor-shape{width:26px;height:26px}
.has-cursor,.has-cursor *{cursor:none}
.has-cursor :is(input,textarea,select){cursor:auto}
.has-cursor :is(input[type="range"],input[type="checkbox"],input[type="radio"]){cursor:pointer}

/* ---------- site header ---------- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:60;border-bottom:1px solid transparent;transition:background .5s var(--ease),border-color .5s var(--ease),backdrop-filter .5s var(--ease)}
.site-header.is-scrolled{background:rgba(6,7,11,.74);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-color:var(--line-soft)}
.header-inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:800;letter-spacing:-.06em;font-size:19px;text-decoration:none;white-space:nowrap}
.brand span{color:var(--blue)}
.nav{display:flex;gap:30px}
.nav a{position:relative;padding:8px 0;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;transition:color .3s}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--expo)}
.nav a:hover,.nav a.is-active{color:#fff}
.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1);transform-origin:left}
.header-right{display:flex;align-items:center;gap:24px}
.header-clock{font-size:11px;color:var(--muted)}
.availability{display:flex;align-items:center;gap:9px;white-space:nowrap}
.menu-btn{display:none;position:relative;width:44px;height:44px;margin-right:-10px}
.menu-btn span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--ink);transition:transform .6s var(--expo),opacity .3s}
.menu-btn span:nth-child(1){top:18px}
.menu-btn span:nth-child(2){top:25px}
.menu-open .menu-btn span:nth-child(1){transform:translate3d(0,3.5px,0) rotate(45deg)}
.menu-open .menu-btn span:nth-child(2){transform:translate3d(0,-3.5px,0) rotate(-45deg)}

/* mobile menu overlay */
.mobile-menu{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--nav-h) + 28px) 24px 40px;background:var(--bg);opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--expo),opacity .4s var(--ease),visibility .9s}
.mobile-menu.is-open{opacity:1;visibility:visible;clip-path:inset(0 0 0 0)}
.mobile-menu nav{display:flex;flex-direction:column}
.mobile-menu a{font-size:clamp(40px,11vw,62px);font-weight:800;letter-spacing:-.06em;line-height:1.1;text-decoration:none;color:var(--ink);padding:8px 0;border-bottom:1px solid var(--line-soft);opacity:0;transform:translate3d(0,24px,0);transition:opacity .6s var(--ease),transform .8s var(--expo),color .3s}
.mobile-menu a:hover{color:var(--blue-soft)}
.mobile-menu.is-open a{opacity:1;transform:none}
.mobile-menu.is-open a:nth-child(1){transition-delay:.12s}
.mobile-menu.is-open a:nth-child(2){transition-delay:.18s}
.mobile-menu.is-open a:nth-child(3){transition-delay:.24s}
.mobile-menu.is-open a:nth-child(4){transition-delay:.30s}
.mobile-menu.is-open a:nth-child(5){transition-delay:.36s}
.mobile-menu-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ---------- marquee ---------- */
.marquee{position:relative;z-index:2;overflow:hidden;border-block:1px solid var(--line);background:rgba(10,13,21,.7);padding:20px 0}
.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;align-items:center;gap:44px;padding-right:44px;font:500 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#a9b1c2;white-space:nowrap}
.marquee-group b{color:var(--blue);font-weight:400}
.marquee-group em{font-size:24px;letter-spacing:0;text-transform:none;color:var(--ink)}
@keyframes marquee{to{transform:translate3d(-50%,0,0)}}

/* ---------- to top ---------- */
.to-top{position:fixed;right:22px;bottom:22px;z-index:65;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(17,24,39,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:16px;opacity:0;transform:translate3d(0,12px,0);pointer-events:none;transition:opacity .4s var(--ease),transform .5s var(--expo),background .3s,border-color .3s}
.to-top.is-visible{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--blue);border-color:var(--blue)}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .marquee-track{animation:none}
}

/* ---------- responsive header ---------- */
@media (max-width:1180px){
  .availability{display:none}
}
@media (max-width:980px){
  .nav,.header-clock{display:none}
  .menu-btn{display:block}
  .wrap{width:calc(100% - 44px)}
}