@font-face{font-family:TGC;src:url('assets/inter-regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:TGC;src:url('assets/inter-bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:TGC;src:url('assets/inter-black.ttf');font-weight:900;font-display:swap}:root{--gold:#ffc32f;--bg:#111719;--paper:#e8e9df;--pad:10vw;--scroll:0;--mx:0;--my:0;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font:400 15px/1.5 TGC,Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}svg{display:block;width:22px;height:22px;flex:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #31cddd;outline-offset:5px}.skip{position:fixed;left:15px;top:10px;background:var(--gold);color:var(--bg);z-index:100;padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}header{height:100px;margin:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff20;gap:20px}.brand img{width:130px;height:auto;display:block}.back{display:inline-flex;align-items:center;gap:12px;font-size:12px;justify-self:start;min-height:44px}.back svg{rotate:180deg}.back:hover{color:var(--gold)}.settings{justify-self:end;display:flex;gap:8px}.settings button{height:44px;width:44px;border:1px solid #ffffff40;border-radius:5px;background:none;font-size:12px;display:grid;place-items:center}.settings button svg{width:16px;height:16px}.settings button:hover{background:var(--gold);color:var(--bg)}.coming-hero{position:relative;isolation:isolate;padding:65px var(--pad) 42px;text-align:center;overflow:hidden}.floating-shape{position:absolute;width:650px;max-width:100%;top:50px;left:50%;color:var(--gold);opacity:.065;z-index:-1;pointer-events:none;transform:translateX(-50%) rotate(calc(-20deg + var(--scroll)*28deg + var(--mx)*4deg))}.floating-shape svg{width:100%;height:auto}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;margin:0 0 18px}.status{display:inline-block;font-size:9px;color:var(--gold);border:1px solid #ffc32f55;border-radius:4px;padding:6px 12px;letter-spacing:.12em}.coming-hero h1{font-size:clamp(78px,11vw,160px);line-height:.82;letter-spacing:-.07em;font-weight:900;margin:35px 0 30px;color:var(--gold)}h1 em{font-style:normal;color:var(--bg);-webkit-text-stroke:2px var(--gold);paint-order:stroke fill}.lead{font-size:clamp(17px,1.6vw,23px);max-width:580px;margin:0 auto 10px}.subline{font-size:13px;color:#acb8b9;margin:0 auto 26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 22px;min-height:50px;max-width:100%;border:1px solid #ffc32f80;border-radius:6px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.button:hover{background:#ffc32f18;color:var(--gold)}.primary{color:var(--bg);background:var(--gold);border-color:var(--gold)}.primary:hover{background:#ffd96e;color:var(--bg)}.peek{display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:100%;margin:26px auto 0;font-size:11px;min-height:44px;color:#acb8b9}.peek svg{rotate:90deg;width:18px}.peek:hover{color:var(--gold)}.preview{padding:44px var(--pad) 0;max-width:1600px;margin:auto}.preview-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:24px;border-top:1px solid #ffffff20;padding-top:30px}.preview-heading h2{font-size:clamp(23px,3vw,40px);line-height:1.1;letter-spacing:-.05em;margin:0;color:#b6c0c1}.preview-heading .eyebrow{color:#899899;margin-bottom:12px}.preview-heading>p{max-width:320px;color:#9baaad;font-size:13px;margin:0}.concepts{display:grid;grid-template-columns:1fr 1fr;gap:22px}figure{margin:0;min-width:0}.image-window{position:relative;aspect-ratio:1.3;overflow:hidden;border:1px solid #ffffff18;border-radius:6px;background:#18212455}.image-window img{width:100%;height:100%;object-fit:cover;opacity:.23;filter:saturate(.4);transform:scale(calc(1.02 + var(--scroll)*.05))}.image-window>span{position:absolute;top:14px;left:16px;font-size:9px;letter-spacing:.1em;color:#a8b3b4}figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff18}figcaption h3{font-size:14px;font-weight:700;margin:0;color:#bac5c6}figcaption>span{font-size:10px;color:#8e9fa0}.mockup-note{font-size:11px;color:#9baaad;margin:18px 0 0;max-width:760px}.stay{padding:34px var(--pad) 42px;display:flex;align-items:center;justify-content:center;gap:24px}.stay p{font-size:14px;color:#bcc7c8}footer{margin:0 var(--pad);border-top:1px solid #ffffff24;padding:22px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#97a7a8}footer>a{display:flex;gap:12px;align-items:center;min-height:44px}footer>a:hover{color:var(--gold)}footer .jano-shared-legal{width:100%}.motion-off .floating-shape{transform:translateX(-50%) rotate(-20deg)!important}.motion-off .image-window img{transform:none}.motion-off .button{transition:none}
@media(max-width:780px){:root{--pad:6vw}header{height:86px;gap:12px}.brand img{width:110px}.back{font-size:10px;gap:6px}.back svg{width:16px}.settings{gap:5px}.settings button{width:36px;min-height:44px}.coming-hero{padding-top:44px;padding-bottom:20px}.coming-hero h1{font-size:clamp(65px,16vw,110px);margin-top:30px}.lead{font-size:17px;max-width:380px}.subline{font-size:12px;max-width:290px}.eyebrow{font-size:8px}.coming-hero .button{font-size:12px;padding:14px;gap:14px}.floating-shape{top:90px;width:480px}.preview{padding-top:25px}.preview-heading{display:block;padding-top:24px;margin-bottom:20px}.preview-heading h2{font-size:28px}.preview-heading>p{margin-top:14px;font-size:12px}.concepts{gap:12px}.image-window{aspect-ratio:1}.image-window>span{font-size:7px;top:10px;left:10px}figcaption{display:block;padding:12px 0}figcaption h3{font-size:12px}figcaption>span{font-size:9px;display:block;margin-top:5px}.mockup-note{font-size:10px}.stay{flex-direction:column;gap:12px;text-align:center;padding-top:28px}.stay p{margin:0}.peek{margin-top:20px}.brand{justify-self:center}}
@media(max-width:360px){header{grid-template-columns:1fr auto 1fr;gap:8px}.brand img{width:93px}.back{font-size:9px}.back svg{display:none}.settings button{width:31px}.coming-hero h1{font-size:64px}.coming-hero .button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.floating-shape{transform:translateX(-50%) rotate(-20deg)!important}.image-window img{transform:none}.button{transition:none}}