.tw{
  --ink:#080d19;
  --paper:#eeebe4;
  --mist:#c4cad6;
  --signal:#e2583e;         
  --display:'Roboto Condensed','Arial Narrow','Helvetica Neue',Arial,sans-serif;
  --text:'Noto Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --edge:clamp(20px,5.5vw,88px);
  color-scheme:dark;
}
#tw-gl{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:pan-y}
body.tw-free #tw-gl{touch-action:none}

#tw-loader{position:fixed;inset:0;z-index:50;background:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;
  padding:var(--edge);padding-bottom:calc(var(--edge) + env(safe-area-inset-bottom,0px));transition:opacity .9s ease .1s,visibility 0s linear 1s}
#tw-loader.tw-done{opacity:0;visibility:hidden;pointer-events:none}
#tw-loader .tw-num{font-family:var(--display);font-weight:300;font-size:clamp(96px,22vw,320px);line-height:.8;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#tw-loader .tw-num small{font-size:.28em;letter-spacing:0;margin-left:.1em;color:var(--mist)}
#tw-loader .tw-msg{margin:18px 0 0;color:var(--mist);font-size:15px}
#tw-loader .tw-bar{height:2px;background:rgba(255,255,255,.12);margin-top:22px;max-width:520px}
#tw-loader .tw-bar i{display:block;height:100%;width:0;background:var(--signal);transition:width .25s ease}
#tw-err{display:none;position:fixed;inset:0;z-index:60;background:var(--ink);padding:var(--edge);align-items:center;justify-content:center;text-align:center;color:var(--mist);line-height:1.6}

.tw-btn{font:500 14px/1 var(--text);color:var(--paper);background:rgba(8,13,25,.42);border:1px solid rgba(238,235,228,.4);
  padding:12px 18px;border-radius:999px;cursor:pointer;pointer-events:auto;text-decoration:none;display:inline-block;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s,border-color .25s,color .25s}
.tw-btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.tw-btn:focus-visible,.tw input[type=range]:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.tw-btn.tw-solid{background:var(--signal);border-color:var(--signal);color:#fff;font-size:16px;padding:16px 26px}
.tw-btn.tw-solid:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}

#tw-ruler{position:fixed;z-index:15;right:calc(16px + env(safe-area-inset-right,0px));top:50%;height:min(50vh,460px);width:46px;transform:translateY(-50%);pointer-events:none;transition:opacity .5s}
#tw-ruler .tw-line{position:absolute;right:0;top:0;bottom:0;width:1px;background:rgba(238,235,228,.28)}
#tw-ruler .tw-tick{position:absolute;right:0;height:1px;width:5px;background:rgba(238,235,228,.4)}
#tw-ruler .tw-tick.tw-major{width:11px;background:rgba(238,235,228,.7)}
#tw-ruler .tw-top{position:absolute;right:0;top:-28px;font:400 12px var(--display);color:var(--mist);letter-spacing:.04em}
#tw-ruler .tw-cur{position:absolute;right:0;width:100%;height:0;transition:none}
#tw-ruler .tw-cur i{position:absolute;right:0;top:-1px;width:22px;height:2px;background:var(--signal)}
#tw-ruler .tw-cur span{position:absolute;right:28px;top:-9px;font:600 15px var(--display);color:var(--paper);white-space:nowrap;font-variant-numeric:tabular-nums}

#tw-story{position:relative;z-index:10;width:100%}
.tw-sec{position:absolute;left:0;right:0;pointer-events:none;opacity:0;will-change:opacity}
.tw-cap{position:absolute;left:var(--edge);bottom:calc(clamp(40px,11vh,120px) + env(safe-area-inset-bottom,0px));max-width:min(34rem,calc(100vw - 2*var(--edge)))}
.tw-sec.tw-right .tw-cap{left:auto;right:calc(var(--edge) + 36px);text-align:left}
.tw-cap::before{content:"";position:absolute;inset:-70px -90px -50px -70px;z-index:-1;
  background:radial-gradient(closest-side,rgba(6,10,20,.74),rgba(6,10,20,.4) 62%,rgba(6,10,20,0));}
.tw h1,.tw h2{font-family:var(--display);font-weight:300;margin:0;letter-spacing:-.015em;line-height:.94;text-wrap:balance}
h2{font-size:clamp(40px,6.4vw,100px)}
.tw-cap p{margin:22px 0 0;font-size:clamp(15px,1.25vw,18px);line-height:1.7;color:#d7dce6;max-width:30rem;text-shadow:0 1px 14px rgba(0,0,0,.55)}
.tw-cap p strong{color:var(--paper);font-weight:500}
.tw-sec.tw-hero .tw-cap{max-width:min(60rem,calc(100vw - 2*var(--edge)))}
.tw-sec.tw-hero h1{font-size:clamp(54px,11.5vw,196px);line-height:.88;letter-spacing:-.025em}
.tw-sec.tw-hero .tw-cap p{font-size:clamp(16px,1.4vw,20px);max-width:27rem}
.tw-cue{margin-top:34px;font:400 13px var(--text);color:var(--mist);display:flex;align-items:center;gap:14px}
.tw-cue i{display:block;width:1px;height:46px;background:linear-gradient(var(--paper),transparent)}
.tw-sec.tw-cta .tw-btn{pointer-events:inherit}

.tw-hero h1,.tw-hero .tw-cap p,.tw-hero .tw-cue{opacity:0;transform:translateY(26px);filter:blur(8px);transition:opacity 1.6s cubic-bezier(.2,.7,.2,1),transform 1.8s cubic-bezier(.2,.7,.2,1),filter 1.6s}
.tw-hero .tw-cap p{transition-delay:.5s}.tw-hero .tw-cue{transition-delay:.9s}
body.tw-ready .tw-hero h1,body.tw-ready .tw-hero .tw-cap p,body.tw-ready .tw-hero .tw-cue{opacity:1;transform:none;filter:none}

#tw-timebar{position:fixed;z-index:20;left:50%;transform:translateX(-50%);bottom:calc(26px + env(safe-area-inset-bottom,0px));
  display:none;align-items:center;gap:14px;padding:12px 20px;border-radius:999px;background:rgba(8,13,25,.5);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(238,235,228,.25);font-size:13px;color:var(--mist)}
body.tw-free #tw-timebar{display:flex}
body.tw-free #tw-ruler,body.tw-free .tw-sec{opacity:0!important;pointer-events:none}
#tw-hint{position:fixed;z-index:20;left:50%;transform:translateX(-50%);bottom:calc(86px + env(safe-area-inset-bottom,0px));display:none;font-size:13px;color:var(--mist);text-shadow:0 1px 10px #000;text-align:center;padding:0 20px}
body.tw-free #tw-hint{display:block}
.tw input[type=range]{-webkit-appearance:none;appearance:none;width:min(46vw,260px);height:24px;background:transparent;margin:0}
.tw input[type=range]::-webkit-slider-runnable-track{height:2px;background:rgba(238,235,228,.4)}
.tw input[type=range]::-moz-range-track{height:2px;background:rgba(238,235,228,.4)}
.tw input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--signal);margin-top:-7px;border:0}
.tw input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--signal);border:0}

@media (max-width:760px){
  #tw-ruler{height:36vh;width:38px;right:calc(8px + env(safe-area-inset-right,0px))}
  .tw-sec.tw-right .tw-cap{right:auto;left:var(--edge)}
  .tw-cap::before{inset:-60px -30px -40px -30px}  .tw-btn{padding:10px 14px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .tw-hero h1,.tw-hero .tw-cap p,.tw-hero .tw-cue{transition:none;transform:none;filter:none}
}

.tw{font-family:var(--text);color:var(--paper);-webkit-font-smoothing:antialiased}
.tw *,.tw *::before,.tw *::after{box-sizing:border-box}
.tw-btn.tw-mode{position:fixed;z-index:20;right:var(--edge);bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.tw-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.tw-sec.tw-cta .tw-btn{margin-top:0}
@media (max-width:980px){ .tw-btn.tw-mode{left:50%;right:auto;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px))} }