:root{--bg:#0b0b0a;--card:#141413;--line:#ece6da1f;--line-2:#ece6da33;--hair:#ece6da21;--bone:#ece6da;--bone-2:#ece6da99;--bone-3:#ece6da59;--pink:#e94dab;--pink-soft:#e94dab14;--ok:#7fcb8a;--f-display:"Fraunces", "Iowan Old Style", Georgia, serif;--f-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--bone);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--pink);color:#1a0a14}:focus-visible{outline:2px solid var(--pink);outline-offset:3px}h1,h2,h3{font-family:var(--f-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:500}p{margin:0}.wrap{max-width:1320px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.mono{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);font-size:11px}.mono.pink{color:var(--pink)}.btn{border:1px solid var(--line-2);height:42px;color:var(--bone);font:500 14px/1 var(--f-sans);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:10px;padding:0 18px;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.btn:hover{border-color:var(--bone-3);background:#ece6da0a}.btn.bone{background:var(--bone);border-color:var(--bone);color:#121212}.btn.bone:hover{background:#fff;transform:translateY(-1px)}.btn svg{fill:currentColor;width:15px;height:15px}.corner{z-index:30;top:max(18px,env(safe-area-inset-top,0px));align-items:center;gap:10px;display:flex;position:fixed}.corner.l{left:max(20px,env(safe-area-inset-left,0px));font-family:var(--f-display);font-size:22px}.corner.r{right:max(20px,env(safe-area-inset-right,0px))}.dot{background:var(--pink);width:9px;height:9px;box-shadow:0 0 14px var(--pink);border-radius:50%}.gh{border:1px solid var(--line-2);backdrop-filter:blur(10px);background:#0b0b0a99;border-radius:2px;place-items:center;width:42px;height:42px;transition:border-color .2s,transform .2s;display:grid}.gh:hover{border-color:var(--pink);transform:rotate(-6deg)}.gh svg{width:18px;height:18px;fill:var(--bone)}.hero{height:max(720px,min(100svh,1000px));position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(40% 50% at 70% 42%,#e94dab24,#e94dab00 70%),radial-gradient(30% 40% at 12% 30%,#e94dab12,#e94dab00 70%);position:absolute;inset:0}#field{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage{touch-action:none;z-index:1;position:absolute;inset:0}.win{border:1px solid var(--hair);background:#0b0b0a;position:absolute}.win canvas{pointer-events:none;width:100%;height:100%;display:block}.win .h{background:var(--bg);border:1px solid #ece6da99;width:7px;height:7px;position:absolute}.win.pinkf,.win.pinkf .h{border-color:var(--pink)}.h.tl{top:-4px;left:-4px}.h.tr{top:-4px;right:-4px}.h.bl{bottom:-4px;left:-4px}.h.br{bottom:-4px;right:-4px}.win.think{aspect-ratio:1;z-index:1;width:clamp(320px,40vw,600px);top:11%;right:8%;transform:rotate(-2.5deg)}.win.det{aspect-ratio:144/224;z-index:3;width:clamp(96px,10.5vw,160px);top:7%;left:47%;transform:rotate(4.5deg)}.win.strip{aspect-ratio:300/104;z-index:2;width:clamp(220px,23vw,340px);top:15%;left:5%;transform:rotate(-3.5deg)}.win.tiny{aspect-ratio:1;z-index:2;border-color:#ece6da40;width:clamp(70px,7vw,110px);top:40%;left:31%;transform:rotate(7deg)}.cap{font-family:var(--f-mono);letter-spacing:.12em;color:var(--bone-3);white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;top:calc(100% + 10px);left:-1px}.cap:before{content:"";background:var(--pink);border-radius:50%;width:5px;height:5px}.preview{border:1px solid var(--hair);text-align:left;z-index:4;background:#0b0b0af2;flex-direction:column;gap:10px;width:min(310px,36vw);padding:14px;display:flex;position:absolute;bottom:9%;right:4%;transform:rotate(1.5deg);box-shadow:0 30px 80px -20px #000}.preview .msg{gap:12px;display:flex}.av{background:radial-gradient(circle,#fff 0 14%,#f6b5db 24%,var(--pink) 44%,#2a0f22 74%);border-radius:2px;flex:none;width:28px;height:28px}.preview b{font-size:13px;font-weight:500;display:block}.preview p{color:#ece6dad9;min-height:3em;font-size:14px}.tcaret{background:var(--pink);vertical-align:-2px;width:2px;height:14px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.drag{cursor:grab;-webkit-user-select:none;user-select:none;transition:translate .75s cubic-bezier(.34,1.56,.64,1),rotate .75s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;translate:0;rotate:0deg}.drag.dragging{cursor:grabbing;z-index:10;transition:box-shadow .3s;box-shadow:0 40px 90px -10px #000,0 0 0 1px #e94dab80}.pitch{left:max(20px,env(safe-area-inset-left,0px));z-index:5;pointer-events:none;max-width:min(760px,62vw);position:absolute;bottom:9%}.pitch h1{letter-spacing:-.035em;text-shadow:0 10px 60px #0b0b0a;font-size:clamp(60px,9.4vw,152px);line-height:.88}.pitch h1 em{color:var(--pink);font-style:italic}.pitch .ctas{pointer-events:auto;flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hint{right:max(20px,env(safe-area-inset-right,0px));top:calc(max(18px,env(safe-area-inset-top,0px)) + 60px);color:#ece6da40;z-index:5;font-size:10px;position:absolute}@media (width<=820px){.hero{height:max(760px,100svh)}.win.think{width:76vw;top:12%;left:12%;right:auto}.win.det{width:22vw;top:8%;left:auto;right:4%}.win.strip{width:52vw;top:52%;left:3%}.win.tiny{width:16vw;top:48%;left:auto;right:8%}.preview{display:none}.pitch{max-width:none;right:max(20px,env(safe-area-inset-right,0px));bottom:7%}.hint{display:none}}.marquee{border-block:1px solid var(--line);white-space:nowrap;padding-block:16px;overflow:hidden}.marquee .track{gap:48px;padding-left:48px;animation:42s linear infinite slide;display:inline-flex}.marquee span{font-family:var(--f-display);color:#ece6da59;align-items:center;gap:48px;font-size:26px;font-style:italic;display:inline-flex}.marquee span:after{content:"";background:var(--pink);width:6px;height:6px}@keyframes slide{to{transform:translate(-50%)}}section{padding-block:clamp(88px,11vw,150px)}.head{flex-direction:column;gap:14px;margin-bottom:clamp(40px,5vw,64px);display:flex}.head h2{max-width:16ch;font-size:clamp(40px,5.4vw,76px);line-height:.98}.head h2 em{color:var(--pink);font-style:italic}.head p{color:var(--bone-2);max-width:520px;font-size:17px}.demo-frame{border:1px solid var(--hair);background:#0b0b0a;position:relative;box-shadow:0 60px 160px -40px #000,0 0 140px -50px #e94dab66}.demo-frame .h{background:var(--bg);z-index:3;border:1px solid #ece6da99;width:7px;height:7px;position:absolute}.demo-viewport{width:100%;position:relative;overflow:hidden}.demo-scale{transform-origin:0 0;width:1440px;height:900px;position:absolute;top:0;left:0}.demo-orb{width:100%;height:100%;display:block;position:absolute;inset:0}[data-pencil-id=yrThu],[data-pencil-id=ZSL1V]{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dcursor{z-index:6;pointer-events:none;opacity:0;width:22px;height:22px;transition:left .8s cubic-bezier(.4,0,.2,1),top .8s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;top:70%;left:70%}.dcursor.show{opacity:1}.cr{position:relative}.cr-cap{text-align:center;flex-direction:column;align-items:center;gap:6px;min-height:76px;margin-top:26px;display:flex}.cr-cap h3{font-size:clamp(22px,2vw,28px)}.cr-cap p{color:var(--bone-2);max-width:520px;font-size:15px}@media (width<=600px){.slide-clock{display:none}}.ss [data-pencil-name=Scroll]{min-height:0!important;overflow:hidden!important}.ss [data-pencil-name=Composer\ Area]{flex-shrink:0!important}.cr-slide:not(.active){filter:grayscale(.4)brightness(.8)}.cr-view{touch-action:pan-y;cursor:grab;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%)}.cr-view.grab{cursor:grabbing}.cr-track{will-change:transform;display:flex}.cr-slide{transform-origin:50%;position:absolute;top:6px;left:50%}.cr-slide:not(.active){cursor:pointer}.cr-slide:not(.active) .demo-frame{box-shadow:none}.halo-css{opacity:.85;background:radial-gradient(circle,#f4f3ef 0 5%,#e94dab 22%,#e94dab00 46%);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 1.3px,#0000 1.8px);mask-image:radial-gradient(circle,#000 1.3px,#0000 1.8px);-webkit-mask-size:6px 6px;mask-size:6px 6px}.sv{pointer-events:none;width:100%;position:relative;overflow:hidden}.ss{transform-origin:0 0;width:1440px;height:900px;position:absolute;top:0;left:0}.slide-clock{z-index:4;border:1px solid var(--line);background:#0b0b0acc;padding:4px 8px;position:absolute;bottom:12px;right:14px}.yours{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.y{border:1px solid var(--hair);background:var(--card);flex-direction:column;gap:12px;padding:24px;display:flex;position:relative}.y .h{background:var(--bg);border:1px solid #ece6da66;width:7px;height:7px;position:absolute}.y h3{font-size:clamp(30px,3vw,40px);font-style:italic}.y p{color:var(--bone-2);font-size:15px}.y ul{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.y li{font-family:var(--f-mono);border:1px solid var(--line-2);color:var(--bone-2);padding:4px 8px;font-size:11px}.y.sel{background:linear-gradient(180deg,var(--pink-soft),var(--card));border-color:#e94dab80}.y.sel .h{border-color:var(--pink)}.term{border:1px solid var(--hair);background:#07090c;margin-top:16px}.term .bar{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 16px;display:flex}.term pre{font-family:var(--f-mono);min-height:180px;margin:0;padding:18px 20px;font-size:14px;line-height:2;overflow-x:auto}.term .p{color:var(--pink)}.term .g{color:var(--ok)}.term .caret{background:var(--pink);vertical-align:-2px;width:8px;height:15px;animation:1s step-end infinite blink;display:inline-block}@media (width<=900px){.yours{grid-template-columns:1fr}}.wl-grid{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);display:grid}.obcard{border:1px solid var(--line);z-index:2;background:#141413;border-radius:2px;flex-direction:column;align-self:center;gap:20px;padding:28px;display:flex;position:relative;box-shadow:0 24px 64px #0009}.obcard .top{justify-content:space-between;align-items:center;display:flex}.obcard h2{font-size:46px;line-height:.98}.obcard .desc{color:var(--bone-2);font-size:14px}.f{flex-direction:column;gap:8px;display:flex}.f label,.glabel{color:var(--bone-3);font-size:12px}.f input,.f textarea{width:100%;height:40px;color:var(--bone);font:14px var(--f-sans);background:#0b0b0a;border:1px solid #ece6da26;border-radius:2px;padding:0 12px}.f textarea{resize:vertical;height:auto;min-height:64px;padding:10px 12px}.f input:focus,.f textarea:focus{border-color:var(--pink);outline:none}.f input::placeholder,.f textarea::placeholder{color:var(--bone-3)}.opts{border-bottom:1px solid #ece6da21}.grp{font-family:var(--f-mono);letter-spacing:.14em;color:var(--bone-3);border-top:1px solid #ece6da21;padding:14px 12px 8px;font-size:9px}.o{display:block;position:relative}.o input{opacity:0;cursor:pointer;position:absolute;inset:0}.o>span{cursor:pointer;border-top:1px solid #ece6da21;align-items:center;gap:14px;padding:12px;transition:background .2s;display:flex}.o svg{fill:#ece6da59;flex:none;width:15px;height:15px;transition:fill .2s}.o b{font-size:14px;font-weight:500;display:block}.o small{color:#ece6da8c;font-size:12px;display:block}.o>span>span{flex:1;min-width:0;display:block}.o input:checked+span{background:var(--pink-soft)}.o input:checked+span svg{fill:var(--pink)}.o input:focus-visible+span{outline:2px solid var(--pink);outline-offset:-2px}.acts{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.acts small{color:var(--bone-3);font-size:12px}.inline{gap:8px;display:flex}.inline input{min-width:0;height:42px;color:var(--bone);font:14px var(--f-sans);background:#0b0b0a;border:1px solid #ece6da26;border-radius:2px;flex:1;padding:0 12px}.inline input:focus{border-color:var(--pink);outline:none}.inline input::placeholder{color:var(--bone-3)}@media (width<=420px){.inline{flex-direction:column}}.status{color:var(--bone-2);min-height:18px;font-size:13px}.status.err{color:#ff8a7a}.joined{flex-direction:column;gap:12px;display:flex}.joined h3{font-size:30px}.joined p{color:var(--bone-2);font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row code{font-family:var(--f-mono);border:1px solid var(--line-2);user-select:all;overflow-wrap:anywhere;padding:8px 10px;font-size:12px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage2{aspect-ratio:1/.8;position:relative}.stage2 .win.big{aspect-ratio:1;width:62%;top:4%;left:8%}.stage2 .win.det2{aspect-ratio:300/104;width:30%;animation:8s ease-in-out infinite float;top:10%;right:4%}.stage2 .preview{bottom:8%;right:2%}@media (width<=900px){.wl-grid{grid-template-columns:1fr}.stage2{order:-1}}.rv{transition:opacity .9s cubic-bezier(.2,.7,.1,1),transform .9s cubic-bezier(.2,.7,.1,1)}.rv.pre{opacity:.001;transform:translateY(30px)}@media (prefers-reduced-motion:reduce){.rv,.rv.pre{opacity:1;transition:none;transform:none}.marquee .track,.stage2 .win.det2,[data-pencil-id=yrThu],[data-pencil-id=ZSL1V],.tcaret,.term .caret{animation:none}html{scroll-behavior:auto}}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}