body{margin:0}img{max-width:100%}[hidden]{display:none!important}:root{--h:35;--bg:#06070d;--bg2:#0d0f1a;--fg:#eef0f7;--mut:#9096ad;--line:#ffffff1c;--card:#ffffff0b;--acc:oklch(.8 .17 var(--h));--acc2:oklch(.68 .23 calc(var(--h) - 55));--acc3:oklch(.86 .14 calc(var(--h) + 55));--onacc:#0a0a10;--disp:"Unbounded","Arial Black",system-ui,sans-serif;--body:"Onest","Segoe UI",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f3f4f9;--bg2:#fff;--fg:#0b0d18;--mut:#565c75;--line:#0a0c1e24;--card:#0a0c1e0b;--acc:oklch(.6 .2 var(--h));--acc2:oklch(.52 .23 calc(var(--h) - 55));--acc3:oklch(.6 .16 calc(var(--h) + 55));--onacc:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#f3f4f9;--bg2:#fff;--fg:#0b0d18;--mut:#565c75;--line:#0a0c1e24;--card:#0a0c1e0b;--acc:oklch(.6 .2 var(--h));--acc2:oklch(.52 .23 calc(var(--h) - 55));--acc3:oklch(.6 .16 calc(var(--h) + 55));--onacc:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:400 17px/1.6 var(--body);overflow-x:hidden}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}.w{max-width:1180px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));margin-inline:auto}.mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-size:.72rem}.grad{background:linear-gradient(100deg,var(--acc3),var(--acc) 45%,var(--acc2));color:#0000;-webkit-background-clip:text;background-clip:text}#fx{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#glow{z-index:0;pointer-events:none;background:radial-gradient(circle,color-mix(in oklab,var(--acc) 22%,transparent),transparent 62%);opacity:0;border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;transition:opacity .4s;position:fixed;top:0;left:0}main,header,footer{z-index:1;position:relative}header{top:env(safe-area-inset-top,0px);z-index:9;-webkit-backdrop-filter:blur(14px);background:color-mix(in oklab,var(--bg) 72%,transparent);border-bottom:1px solid var(--line);position:sticky}.nav{align-items:center;gap:14px;padding-block:12px;display:flex}.logo{font:800 1.05rem var(--disp);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.logo i{background:var(--acc);width:10px;height:10px;box-shadow:0 0 18px var(--acc);border-radius:50%;animation:2.4s infinite pulse}.links{color:var(--mut);gap:22px;margin-left:auto;font-size:.92rem;display:flex}.links a:hover{color:var(--fg)}.pill{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.86rem;display:inline-flex}.pill:hover{border-color:var(--acc)}.av{width:22px;height:22px;font:600 .7rem var(--mono);color:var(--onacc);background:linear-gradient(135deg,var(--acc3),var(--acc2));border-radius:50%;place-items:center;display:grid}.langs{border:1px solid var(--line);border-radius:999px;display:flex;overflow:hidden}.langs button{font:600 .7rem var(--mono);color:var(--mut);background:0 0;border:0;padding:7px 10px}.langs button[aria-pressed=true]{background:var(--fg);color:var(--bg)}@media (width<=860px){.links{display:none}.nav .langs{margin-left:auto}}@media (width<=480px){.pill .lbl{display:none}}.hero{padding-block:clamp(56px,10vw,120px) clamp(40px,6vw,72px)}.hero h1{font:800 clamp(4.2rem,21vw,17rem)/.82 var(--disp);letter-spacing:-.06em;margin:.12em 0 .1em;padding-bottom:.06em;display:flex;overflow:hidden}.hero h1 span{animation:1s cubic-bezier(.2,.9,.2,1) both rise;animation-delay:calc(var(--i)*90ms);background:linear-gradient(180deg,var(--fg) 30%,color-mix(in oklab,var(--acc) 85%,var(--fg)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;transition:transform .35s cubic-bezier(.2,.9,.2,1);display:inline-block}.hero h1 span:hover{transform:translateY(-.06em)skew(-8deg)}.role{font:600 clamp(1.15rem,3.1vw,2.1rem)/1.25 var(--disp);letter-spacing:-.02em;text-wrap:balance;max-width:22ch;min-height:2.6em}.role b{font-weight:600}.caret{background:var(--acc);vertical-align:-.08em;width:.08em;height:.9em;margin-left:.08em;animation:1s steps(2,end) infinite blink;display:inline-block}.lede{color:var(--mut);max-width:54ch;margin:18px 0 28px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{border:1px solid var(--line);background:var(--card);border-radius:14px;align-items:center;gap:10px;padding:15px 24px;font-weight:700;transition:transform .2s,border-color .2s;display:inline-flex;position:relative}.btn:hover{border-color:var(--acc)}.btn.go{color:var(--onacc);background:linear-gradient(100deg,var(--acc3),var(--acc) 25%,var(--acc2) 50%,var(--acc) 75%,var(--acc3));box-shadow:0 12px 44px -12px var(--acc);background-size:200% 100%;border:0;animation:6s linear infinite slide}.btn .ar{transition:transform .25s}.btn:hover .ar{transform:translate(3px,-3px)}.tape{border-block:1px solid var(--line);background:color-mix(in oklab,var(--bg) 60%,transparent);overflow:hidden}.tape div{width:max-content;font:600 .95rem var(--disp);white-space:nowrap;gap:44px;padding-block:14px;animation:34s linear infinite tape;display:flex}.tape s{color:var(--acc);text-decoration:none}section{padding-block:clamp(56px,9vw,112px)}.head{flex-direction:column;gap:10px;margin-bottom:34px;display:flex}h2{font:800 clamp(1.9rem,5.4vw,3.6rem)/1.02 var(--disp);letter-spacing:-.04em;text-wrap:balance;margin:0}.sub{color:var(--mut);max-width:58ch;margin:0}.spot{background:linear-gradient(140deg,color-mix(in oklab,var(--acc) 14%,var(--bg2)),var(--bg2) 55%,color-mix(in oklab,var(--acc2) 16%,var(--bg2)));border:1px solid var(--line);border-radius:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(22px,4.5vw,56px);display:grid;position:relative;overflow:hidden}.spot:before{content:"";border-radius:inherit;background:conic-gradient(from var(--spin,0deg),transparent 0 62%,var(--acc) 78%,var(--acc3) 86%,transparent 96%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:7s linear infinite spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.stage{perspective:1100px;place-items:center;min-height:320px;display:grid}.book{--rx:8deg;--ry:-24deg;aspect-ratio:3/4.1;width:min(250px,62vw);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out;animation:6s ease-in-out infinite float;position:relative}.book .f{color:#fff;background:radial-gradient(120% 80% at 100% 0,oklch(.75 .2 calc(var(--h) + 55)),transparent 60%),radial-gradient(100% 90% at 0 100%,oklch(.55 .25 calc(var(--h) - 55)),transparent 65%),oklch(.3 .09 calc(var(--h) - 30));border-radius:6px 14px 14px 6px;flex-direction:column;justify-content:space-between;padding:22px 20px;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateZ(16px);box-shadow:inset 6px 0 #ffffff24,inset 12px 0 18px #00000040}.book .f:after{content:"";background:linear-gradient(115deg,#0000 30%,#ffffff59 48%,#0000 60%) 0 0/260% 100%;animation:4.5s ease-in-out infinite sheen;position:absolute;inset:0}.book .f small{font:600 .6rem var(--mono);letter-spacing:.18em}.book .f strong{font:800 1.5rem/1.02 var(--disp);letter-spacing:-.03em}.book .f em{font:800 3.4rem/1 var(--disp);opacity:.9;font-style:normal}.book .p{background:repeating-linear-gradient(90deg,#f2f2f2 0 2px,#cfcfd6 2px 3px);border-radius:4px 12px 12px 4px;position:absolute;inset:4px 2px 4px 6px;transform:translateZ(0)}.book .b{background:oklch(.22 .07 calc(var(--h) - 30));border-radius:6px 14px 14px 6px;position:absolute;inset:0;transform:translateZ(-16px);box-shadow:0 50px 70px -20px #0000008c}.tagrow{flex-wrap:wrap;gap:8px;display:flex}.tag{font:600 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--mut);border-radius:999px;padding:6px 10px}.tag.hot{color:var(--onacc);background:var(--acc);border-color:#0000}.spot h3{font:800 clamp(1.6rem,3.6vw,2.7rem)/1.04 var(--disp);letter-spacing:-.035em;text-wrap:balance;margin:16px 0 10px}.spot p{color:var(--mut);max-width:52ch;margin:0 0 16px}.ticks{gap:9px;margin:0 0 24px;padding:0;list-style:none;display:grid}.ticks li{align-items:flex-start;gap:10px;display:flex}.ticks li:before{content:"";background:var(--acc);border-radius:2px;flex:none;width:9px;height:9px;margin-top:.55em;transform:rotate(45deg)}.price{font:800 1.5rem var(--disp)}.soon{border:1px dashed var(--line);color:var(--mut);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:20px 24px;display:flex}@media (width<=800px){.spot{grid-template-columns:1fr}}.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;display:grid}.now{border:1px solid var(--line);background:var(--card);border-radius:26px;flex-direction:column;gap:12px;padding:28px;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.now:hover{border-color:var(--acc);transform:translateY(-4px)}.now h3{font:800 1.6rem var(--disp);letter-spacing:-.03em;margin:0}.now p{color:var(--mut);margin:0}.live{font:600 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);align-items:center;gap:8px;display:inline-flex}.live i{background:var(--acc);border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse}.orb{background:radial-gradient(circle at 30% 30%,var(--acc3),var(--acc) 40%,transparent 70%);opacity:.28;filter:blur(8px);border-radius:50%;width:220px;height:220px;animation:7s ease-in-out infinite float;position:absolute;top:-70px;right:-70px}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.cardw{border:1px solid var(--line);background:var(--bg2);transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));border-radius:24px;flex-direction:column;grid-column:span 2;transition:transform .2s ease-out,border-color .3s;display:flex;position:relative;overflow:hidden}.cardw.big{grid-column:span 3}.cardw:hover{border-color:var(--acc)}.cover{aspect-ratio:16/9;background:radial-gradient(90% 120% at 15% 10%,oklch(.72 .19 calc(var(--h) + var(--o))),transparent 60%),radial-gradient(80% 110% at 95% 95%,oklch(.5 .22 calc(var(--h) + var(--o) - 70)),transparent 62%),oklch(.24 .06 calc(var(--h) + var(--o) - 30));position:relative;overflow:hidden}.cover:before{content:"";-webkit-mask-image:radial-gradient(circle at var(--mx,70%) var(--my,30%),#000,transparent 62%);mask-image:radial-gradient(circle at var(--mx,70%) var(--my,30%),#000,transparent 62%);-webkit-mask-image:radial-gradient(circle at var(--mx,70%) var(--my,30%),#000,transparent 62%);background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.cover b{font:800 clamp(3rem,7vw,5.2rem)/1 var(--disp);letter-spacing:-.06em;color:#ffffffeb;transition:transform .5s cubic-bezier(.2,.9,.2,1);position:absolute;bottom:6px;left:18px}.cardw:hover .cover b{transform:translate(8px)scale(1.04)}.cover span{font:600 .62rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:999px;padding:5px 9px;position:absolute;top:14px;right:14px}.meta{flex-direction:column;flex:1;gap:6px;padding:18px 20px 20px;display:flex}.meta h3{font:600 1.1rem var(--disp);letter-spacing:-.02em;justify-content:space-between;gap:10px;margin:0;display:flex}.meta p{color:var(--mut);margin:0;font-size:.94rem}@media (width<=900px){.cardw,.cardw.big{grid-column:span 3}}@media (width<=600px){.cardw,.cardw.big{grid-column:span 6}}.log{border-top:1px solid var(--line);gap:0;display:grid}.log article{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:20px;padding-block:24px;transition:padding .3s,background .3s;display:grid}.log article:hover{background:var(--card);padding-inline:14px}.log h3{font:600 1.2rem var(--disp);letter-spacing:-.02em;margin:0 0 6px}.log p{color:var(--mut);max-width:62ch;margin:0}@media (width<=600px){.log article{grid-template-columns:1fr;gap:6px}}.cta{text-align:left;border:1px solid var(--line);background:radial-gradient(80% 140% at 100% 0,color-mix(in oklab,var(--acc) 26%,transparent),transparent 60%),var(--bg2);border-radius:32px;padding:clamp(28px,6vw,72px)}.cta h2{font-size:clamp(2.2rem,8vw,5.6rem)}.mail{font-family:var(--mono);-webkit-user-select:all;user-select:all;word-break:break-all}footer{color:var(--mut);border-top:1px solid var(--line);padding-block:28px 40px;font-size:.86rem}#scrim{z-index:20;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}#drawer{z-index:21;background:var(--bg2);border-left:1px solid var(--line);width:min(400px,100%);padding:calc(22px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) 22px;flex-direction:column;gap:22px;transition:transform .4s cubic-bezier(.2,.9,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}body.open #scrim{opacity:1;pointer-events:auto}body.open #drawer{transform:none}#drawer h3{font:800 1.3rem var(--disp);letter-spacing:-.03em;margin:0}.fld{gap:9px;display:grid}.fld>label,.fld>.mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-size:.68rem}.fld input[type=text]{background:var(--card);border:1px solid var(--line);font:inherit;color:var(--fg);border-radius:12px;width:100%;padding:12px 14px}.seg{border:1px solid var(--line);border-radius:12px;display:flex;overflow:hidden}.seg button{color:var(--mut);background:0 0;border:0;flex:1;padding:10px 6px;font-size:.86rem}.seg button[aria-pressed=true]{background:var(--fg);color:var(--bg);font-weight:700}input[type=range]{appearance:none;background:linear-gradient(90deg,oklch(75% .17 0),oklch(75% .17 60),oklch(75% .17 120),oklch(75% .17 180),oklch(75% .17 240),oklch(75% .17 300),oklch(75% .17 360));border-radius:999px;width:100%;height:14px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--acc);border:3px solid var(--fg);cursor:grab;border-radius:50%;width:24px;height:24px}input[type=range]::-moz-range-thumb{background:var(--acc);border:3px solid var(--fg);border-radius:50%;width:20px;height:20px}.sw{flex-wrap:wrap;gap:10px;display:flex}.sw button{border:2px solid var(--line);background:linear-gradient(135deg,oklch(.82 .15 calc(var(--c) + 55)),oklch(.75 .18 var(--c)) 50%,oklch(.62 .22 calc(var(--c) - 55)));border-radius:50%;width:34px;height:34px}.sw button:hover{transform:scale(1.12)}.prof{align-items:center;gap:14px;display:flex}.prof .av{flex:none;width:54px;height:54px;font-size:1.2rem}.note{color:var(--mut);border-left:2px solid var(--acc);margin:0;padding-left:12px;font-size:.84rem}.x{border:1px solid var(--line);background:0 0;border-radius:50%;width:36px;height:36px;margin-left:auto}.pre{opacity:0;transform:translateY(34px)scale(.985)}.rv{transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{transform:translateY(105%)rotate(6deg)}to{transform:none}}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--acc) 70%,transparent)}70%{box-shadow:0 0 0 12px #0000}to{box-shadow:0 0 #0000}}@keyframes slide{to{background-position:-200% 0}}@keyframes tape{to{transform:translate(-50%)}}@keyframes spin{to{--spin:360deg}}@keyframes float{50%{translate:0 -12px}}@keyframes sheen{0%,35%{background-position:130% 0}75%,to{background-position:-60% 0}}.still *,.still :before,.still :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
