:root{color:#edf8fb;font-synthesis:none;--surface:#0c141a;--line:#23343d;--muted:#8aa0aa;--cyan:#7ce7ed;--mint:#64edc1;background:#070b0f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 83% 12%,#1b5e6721,#0000 29%),#070b0f;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}a:focus-visible,.gesture-area:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.announcement{color:#aee8e4;letter-spacing:.16em;background:linear-gradient(90deg,#0a1c22,#123139 47%,#0b1e24);border-bottom:1px solid #23454c;justify-content:center;align-items:center;gap:12px;min-height:34px;padding:6px 16px;font:600 .67rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.announcement__mark{color:var(--mint);font-size:1rem}.site-header{border-bottom:1px solid var(--line);background:#080e13f0;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:0 clamp(24px,4vw,72px);display:flex}.brand{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:10px;font-size:1.13rem;font-weight:850;display:inline-flex}.brand__icon{color:#aafef1;background:#173e45;border:1px solid #5bc8cb;border-radius:6px;place-items:center;width:29px;height:29px;font-size:1.15rem;line-height:1;display:grid;box-shadow:0 0 18px #40dacf33}.brand__dot{color:var(--mint);margin-left:-10px}.site-nav{align-items:center;gap:clamp(18px,3vw,44px);display:flex}.site-nav a{color:#a9bbc2;font-size:.9rem;font-weight:550;transition:color .16s}.site-nav a:hover{color:#e8ffff}.site-nav a span{color:var(--cyan)}.home{max-width:1600px;margin:0 auto}.hero{border-bottom:1px solid var(--line);grid-template-columns:52% 48%;min-height:min(720px,100vh - 112px);display:grid}.hero__copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:72px clamp(32px,5vw,84px);display:flex}.eyebrow{color:var(--mint);letter-spacing:.17em;text-transform:uppercase;margin:0;font:700 .71rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow:before{background:var(--mint);width:7px;height:7px;box-shadow:0 0 12px var(--mint);content:"";vertical-align:1px;border-radius:50%;margin-right:12px;display:inline-block}.hero h1{letter-spacing:-.075em;margin:28px 0;font-size:clamp(3.5rem,6.5vw,7rem);font-weight:650;line-height:1.04}.hero h1 span{color:var(--cyan);text-shadow:0 0 42px #4edfeb2b}.intro{color:#a0b1ba;max-width:610px;margin:0;font-size:clamp(1.06rem,1.45vw,1.36rem);line-height:1.65}.hero__actions{flex-wrap:wrap;gap:14px;margin-top:54px;display:flex}.button{border:1px solid #3c535d;border-radius:7px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:0 20px;font-size:.91rem;font-weight:650;transition:border-color .16s,transform .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:#092027;background:#83e6e7;border-color:#81ecea;box-shadow:0 0 27px #4fdde330}.button--primary:hover{background:#b0fff4}.button--secondary{background:#0d171d}.button--secondary:hover{border-color:var(--cyan)}.button span{font-size:1.12rem}.hero__footnote{color:#6f8992;letter-spacing:.035em;margin:38px 0 0;font:550 .73rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.hero__footnote span{color:var(--mint);padding:0 8px}.hero-art{border-left:1px solid var(--line);background:radial-gradient(at 53% 56%,#14687233,#0000 46%),#091117;min-height:600px;position:relative;overflow:hidden}.hero-art:before{content:"";background-color:#0000;background-image:linear-gradient(#56c1c30f 1px,#0000 1px),linear-gradient(90deg,#56c1c30f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 12%,#0000 72%);mask-image:radial-gradient(circle,#000 12%,#0000 72%)}.hero-art:after{content:"";pointer-events:none;border:1px solid #6bd3cf17;position:absolute;inset:22px}.hero-art__orbit{aspect-ratio:1;border:1px solid #5ae7dd29;border-radius:50%;width:58%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-28deg)scaleY(.45)}.hero-art__orbit--two{border-style:dashed;width:85%}.hero-art__layer{aspect-ratio:1.35;border:1.5px solid #587b83;border-radius:20px;width:min(58%,420px);position:absolute;left:50%;transform:translate(-50%,-50%)rotate(-30deg)skew(14deg,14deg)scaleY(.62)}.hero-art__layer span{color:#bbd8da;letter-spacing:.24em;font:700 .8rem ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:48%;left:48%;transform:rotate(30deg)skew(-14deg,-14deg)scaleY(1.6)}.hero-art__layer--top{opacity:.75;top:33%}.hero-art__layer--middle{border-color:#79d9d8;top:53%;box-shadow:0 0 24px #64e6db14}.hero-art__layer--bottom{background:linear-gradient(140deg,#25929626,#09161dcc);border-color:#58d9bd;top:73%;box-shadow:0 15px 0 -2px #12484d,0 19px 42px #0852514a}.hero-art__core{background:#0b282e;border:1px solid #88f1e3;border-radius:16px;place-items:center;width:70px;height:70px;display:grid;position:absolute;top:73%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)skew(14deg,14deg)scaleY(.72);box-shadow:0 0 38px #48e6d854}.hero-art__core span{color:#a0ffed;font-size:2.7rem;font-weight:800;transform:rotate(30deg)skew(-14deg,-14deg)scaleY(1.4)}.hero-art__label{color:#6e999d;letter-spacing:.18em;font:600 .67rem ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute}.hero-art__label--left{top:23%;left:9%}.hero-art__label--right{bottom:18%;right:7%}.examples{padding:92px clamp(32px,5vw,84px) 110px;scroll-margin-top:24px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:31px;display:flex}.section-heading h2{letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(2rem,3.4vw,3.4rem);font-weight:620}.section-heading>p{max-width:290px;color:var(--muted);margin:0 0 5px;font-size:.9rem;line-height:1.5}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.example-grid a{border:1px solid var(--line);background:linear-gradient(145deg,#101e24,#0b141a 68%);border-radius:10px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:215px;padding:27px;transition:border-color .16s,transform .16s,background .16s;display:flex}.example-grid a:hover{background:linear-gradient(145deg,#15343a,#0c1b21 68%);border-color:#5dd9d6;transform:translateY(-4px)}.example-grid__number{color:var(--mint);letter-spacing:.12em;font:650 .74rem ui-monospace,SFMono-Regular,Menlo,monospace}.example-grid strong{letter-spacing:-.035em;max-width:260px;font-size:clamp(1.3rem,1.7vw,1.65rem);font-weight:590}.example-grid__arrow{color:var(--cyan);align-self:flex-end;font-size:1.5rem}.demo-page{max-width:1600px;margin:0 auto;padding:56px clamp(24px,4vw,72px) 90px}.demo-heading{margin-bottom:40px}.back-link{color:#a0b6bd;margin-bottom:45px;font-size:.86rem;display:inline-flex}.back-link:hover{color:var(--cyan)}.demo-heading h1{letter-spacing:-.065em;margin:12px 0 10px;font-size:clamp(2.55rem,5vw,5rem);font-weight:630;line-height:1.1}.demo-heading h1 span{color:var(--mint)}.demo-heading>p:last-child{color:#9eafb7;margin:0;font-size:1rem;line-height:1.6}.demo-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.playground,.source{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);background:#101c22;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 23px;display:flex}.panel-heading h2{color:#ebf8f8;margin:0;font-size:.95rem;font-weight:650}.panel-heading>span{color:#8ca6ae;letter-spacing:.09em;align-items:center;gap:7px;font:650 .64rem ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.panel-heading i{background:var(--mint);width:6px;height:6px;box-shadow:0 0 10px var(--mint);border-radius:50%}.gesture-area{cursor:grab;text-align:center;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#228e9529,#0000 53%),linear-gradient(#5ed1cf0d 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#5ed1cf0d 1px,#0000 1px) 0 0/32px 32px,#0b1920;border:1px dashed #3f8a91;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:385px;margin:23px;display:flex;position:relative;overflow:hidden}.gesture-area:active{cursor:grabbing}.gesture-area:before,.gesture-area:after{aspect-ratio:1;content:"";pointer-events:none;border:1px solid #70ddda2b;border-radius:50%;width:78%;position:absolute}.gesture-area:after{border-color:#70ddda30;width:51%}.gesture-area__symbol{z-index:1;color:#c0fff1;background:linear-gradient(135deg,#1a7077,#102730);border:1px solid #75e6dd;border-radius:19px;place-items:center;width:82px;height:82px;margin-bottom:8px;font-size:2.7rem;display:grid;box-shadow:0 0 40px #47d3cf38}.gesture-area__title{z-index:1;color:#eafcfc;letter-spacing:-.035em;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:650}.gesture-area__hint{z-index:1;color:#95b4bb;padding:0 16px;font-size:.83rem;line-height:1.5}.result-row{justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:0 23px 19px;display:flex}.result-row>span{color:#78959f;letter-spacing:.11em;font:650 .66rem ui-monospace,SFMono-Regular,Menlo,monospace}.result{color:#aaf6e7;text-overflow:ellipsis;white-space:nowrap;background:#123237;border:1px solid #3d9290;border-radius:6px;max-width:65%;padding:8px 12px;font:650 .79rem ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.source{flex-direction:column;display:flex}.source pre{color:#c4d9db;tab-size:2;background:#091116;flex:1;max-height:490px;margin:0;padding:23px;font-size:.81rem;line-height:1.65;overflow:auto}.source code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (width<=950px){.hero{grid-template-columns:1fr}.hero__copy{min-height:550px}.hero-art{border-top:1px solid var(--line);border-left:0;min-height:470px}.demo-grid{grid-template-columns:1fr}.source pre{max-height:420px}}@media (width<=650px){.announcement{letter-spacing:.07em;min-height:32px;font-size:.58rem}.site-header{min-height:64px;padding:0 20px}.brand{gap:7px;font-size:.98rem}.brand__icon{width:25px;height:25px}.brand__dot{margin-left:-7px}.site-nav{gap:15px}.site-nav a{font-size:.77rem}.hero__copy{min-height:530px;padding:68px 25px 48px}.hero h1{margin:24px 0;font-size:clamp(3.35rem,13.5vw,5rem)}.intro{font-size:1rem}.hero__actions{gap:10px;margin-top:35px}.button{min-height:44px;padding:0 14px;font-size:.8rem}.hero__footnote{margin-top:29px;font-size:.65rem}.hero-art{min-height:360px}.hero-art__layer{border-radius:15px;width:58%}.hero-art__layer span{font-size:.61rem}.hero-art__core{border-radius:12px;width:46px;height:46px}.hero-art__core span{font-size:1.9rem}.examples{padding:62px 24px 80px}.section-heading{display:block}.section-heading>p{margin-top:13px}.example-grid{grid-template-columns:1fr}.example-grid a{min-height:150px}.demo-page{padding:38px 20px 65px}.back-link{margin-bottom:35px}.demo-heading{margin-bottom:30px}.gesture-area{min-height:310px;margin:14px}.result-row{padding:0 14px 15px}.result-row>span{font-size:.58rem}.result{font-size:.68rem}.panel-heading{padding:0 16px}.source pre{padding:16px;font-size:.74rem}}