:root{--ink:#111318;--panel:#171a21;--panel-2:#1e222b;--line:#2b3140;--white:#f2f0eb;--muted:#8a8f9c;--muted-2:#5f6675;--accent:#4f7cff;--display:"Space Grotesk",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--mono:"Space Mono",ui-monospace,monospace}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ink);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}.app{grid-template-columns:minmax(340px,420px) 1fr;min-height:100vh;display:grid}@media (max-width:900px){.app{grid-template-columns:1fr}}.controls{background:var(--panel);border-right:1px solid var(--line);max-height:100vh;padding:24px 22px 60px;overflow-y:auto}@media (max-width:900px){.controls{border-right:none;border-bottom:1px solid var(--line);max-height:none}}.brand{align-items:baseline;gap:10px;margin:2px 0 22px;display:flex}.brand .mark{font-family:var(--mono);letter-spacing:.18em;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:3px 8px;font-size:12px}.brand h1{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.grp{border-top:1px solid var(--line);padding:18px 0 4px}.grp:first-of-type{border-top:none}.grp>.lbl{font-family:var(--mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:11px;display:flex}.grp>.lbl .n{color:var(--accent)}label.f{margin:0 0 12px;display:block}label.f>span{color:var(--muted);margin:0 0 5px;font-size:12px;display:block}input[type=text],textarea,select{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--white);font-family:var(--body);border-radius:7px;outline:none;padding:9px 11px;font-size:13.5px}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:58px;line-height:1.45}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.file{align-items:center;gap:8px;display:flex}.file button.up{background:var(--panel-2);border:1px dashed var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.1em;cursor:pointer;border-radius:6px;flex:none;padding:8px 10px;font-size:11px}.file button.up:hover{border-color:var(--accent);color:var(--white)}.file .fname{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.file button.clr{color:var(--muted-2);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:15px;line-height:1}.file button.clr:hover{color:#ff6b6b}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;margin:0 0 12px;padding:14px;position:relative}.card .chead{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.card .chead .idx{font-family:var(--mono);color:var(--accent);letter-spacing:.12em;font-size:11px}.card .rm{border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:11px;font-family:var(--mono);background:0 0;border-radius:6px;padding:3px 9px}.card .rm:hover{color:#ff6b6b;border-color:#ff6b6b}.addbtn{border:1px dashed var(--line);width:100%;color:var(--muted);font-family:var(--mono);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:8px;margin-top:2px;padding:11px;font-size:12px}.addbtn:hover{border-color:var(--accent);color:var(--white)}.swatches{gap:8px;display:flex}.sw{cursor:pointer;outline:2px solid var(--line);outline-offset:2px;border:2px solid #0000;border-radius:50%;width:30px;height:30px}.sw[aria-pressed=true]{outline-color:var(--white)}.seg{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:3px;display:inline-flex}.seg button{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 14px;font-size:12px}.seg button[aria-pressed=true]{background:var(--accent);color:#0b0d12;font-weight:700}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--white);align-items:center;gap:10px;font-size:13px;display:flex}.toggle input{appearance:none;background:var(--line);cursor:pointer;border-radius:20px;width:38px;height:22px;transition:background .15s;position:relative}.toggle input:checked{background:var(--accent)}.toggle input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle input:checked:after{left:19px}.stage{flex-direction:column;align-items:center;gap:20px;padding:34px 24px 40px;display:flex;position:relative}.viewport{background:#000;border-radius:14px;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}#track{transform-origin:0 0;will-change:transform;display:flex}.pager{align-items:center;gap:16px;display:flex}.pager button.nav{background:var(--panel);border:1px solid var(--line);width:42px;height:42px;color:var(--white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.pager button.nav:hover:not(:disabled){border-color:var(--accent)}.pager button.nav:disabled{opacity:.3;cursor:default}.dots{flex-wrap:wrap;justify-content:center;gap:7px;max-width:260px;display:flex}.dot{background:var(--line);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0}.dot[aria-current=true]{background:var(--accent);transform:scale(1.25)}.counter{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-align:center;min-width:64px;font-size:12px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--white);border-radius:8px;padding:12px 18px;font-size:12px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#0b0d12;border-color:var(--accent);font-weight:700}.btn.primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.6;cursor:wait}.hint{color:var(--muted-2);text-align:center;max-width:460px;font-size:12px;line-height:1.5}.slide{width:1080px;color:var(--s-fg);font-family:var(--bd);font-optical-sizing:auto;flex-direction:column;flex:0 0 1080px;display:flex;position:relative;overflow:hidden}.slide .frame{border:1px solid var(--s-hair);pointer-events:none;border-radius:26px;position:absolute;inset:40px}.slide .topbar{font-family:var(--mn);letter-spacing:.2em;color:var(--s-muted);justify-content:space-between;align-items:center;font-size:22px;display:flex;position:absolute;top:74px;left:78px;right:78px}.slide .topbar .acc{color:var(--accent)}.slide .footer{font-family:var(--mn);letter-spacing:.14em;color:var(--s-muted2);justify-content:space-between;align-items:center;font-size:20px;display:flex;position:absolute;bottom:70px;left:78px;right:78px}.slide .swipe{color:var(--accent);align-items:center;display:flex}.slide .swipe .arrow{margin-left:12px;font-size:26px}.cur{color:var(--accent);margin-left:.12em}.logo-img{object-fit:contain;width:auto;max-width:360px;height:70px;display:block}.logo-txt{font-family:var(--disp);letter-spacing:-.01em;font-weight:700;line-height:1}.cover .body,.pass .body,.info .body{width:calc(100% - 156px);margin:auto 78px}.cover .kick,.info .kick{font-family:var(--mn);letter-spacing:.3em;color:var(--accent);margin:0 0 24px;font-size:26px}.cover h2{font-family:var(--disp);letter-spacing:-.03em;margin:0;font-weight:700;line-height:.92}.cover .sub{color:var(--s-muted);max-width:820px;margin:34px 0 0;font-size:40px;line-height:1.25}.cover .stamp{border:2px dashed var(--accent);border-radius:16px;align-items:center;margin-top:46px;padding:18px 26px;display:inline-flex}.cover .stamp .num{font-family:var(--disp);color:var(--accent);margin-right:16px;font-size:56px;font-weight:700;line-height:1}.cover .stamp .cap{font-family:var(--mn);letter-spacing:.16em;color:var(--s-muted);font-size:20px;line-height:1.3}.cover .cover-logo{margin-bottom:40px}.pass .company{align-items:center;margin:0 0 30px;display:flex}.pass h2{font-family:var(--disp);letter-spacing:-.03em;margin:0 0 38px;font-weight:700;line-height:.98}.pass .fields{border-top:1px dashed var(--s-hair);padding-top:34px}.pass .frow{justify-content:space-between;display:flex}.pass .fld{margin-bottom:28px}.pass .fld.half{width:47%}.pass .fld .k{font-family:var(--mn);letter-spacing:.16em;color:var(--accent);margin:0 0 8px;font-size:22px}.pass .fld .v{font-family:var(--disp);margin:0;font-size:42px;font-weight:500;line-height:1.12}.pass .fld.closes .v{color:#f0a93a}.pass .hl{margin:34px 0 0;padding:0;list-style:none}.pass .hl li{color:var(--s-fg);margin-bottom:16px;padding-left:44px;font-size:33px;line-height:1.3;position:relative}.pass .hl li:last-child{margin-bottom:0}.pass .hl li .plus{color:var(--accent);font-family:var(--mn);font-size:32px;font-weight:700;position:absolute;top:-2px;left:0}.perf{justify-content:space-between;height:0;display:flex;position:absolute;left:0;right:0}.perf .notch{background:var(--s-cut);border-radius:50%;width:56px;height:56px;margin-top:-28px}.perf .notch.l{margin-left:-28px}.perf .notch.r{margin-right:-28px}.info h2{font-family:var(--disp);letter-spacing:-.03em;margin:0 0 28px;font-weight:700;line-height:.96}.info .lead{color:var(--s-muted);max-width:840px;margin:0 0 46px;font-size:40px;line-height:1.28}.steps{margin:0;padding:0;list-style:none}.steps li{align-items:flex-start;margin-bottom:26px;display:flex}.steps li:last-child{margin-bottom:0}.steps li .b{border:2px solid var(--accent);width:64px;height:64px;color:var(--accent);font-family:var(--disp);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-right:28px;font-size:32px;font-weight:700;display:flex}.steps li .t{padding-top:10px;font-size:37px;line-height:1.3}.cta{background:var(--accent);color:#0b0d12;font-family:var(--disp);border-radius:14px;margin-top:52px;padding:22px 40px;font-size:40px;font-weight:700;display:inline-block}.follow{text-align:center;align-items:center}.follow .body{width:calc(100% - 200px);margin:auto}.follow .av{object-fit:cover;border:4px solid var(--accent);background:var(--s-cut);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 40px;display:flex}.follow .av-ph{font-family:var(--disp);color:var(--accent);font-size:90px;font-weight:700}.follow .handle{font-family:var(--disp);letter-spacing:-.02em;margin:0 0 24px;font-weight:700;line-height:1}.follow .line{color:var(--s-muted);max-width:760px;margin:0 auto 44px;font-size:44px;line-height:1.3}.follow .cta{border-radius:100px;margin-top:0;padding:24px 48px;font-size:44px}.follow .stat{font-family:var(--mn);letter-spacing:.14em;color:var(--s-muted2);margin-top:40px;font-size:26px}.s-pass{--disp:"Space Grotesk",sans-serif;--bd:"Inter",sans-serif;--mn:"Space Mono",monospace}.s-pass.t-dark{--s-fg:#f2f0eb;--s-muted:#8a8f9c;--s-muted2:#5f6675;--s-hair:#fff3;--s-cut:#0e1015}.s-pass.t-light{--s-fg:#15181f;--s-muted:#6b7180;--s-muted2:#a2a7b2;--s-hair:#0000002e;--s-cut:#e6e1d5}.s-sticker{--disp:"Anton",sans-serif;--bd:"Inter",sans-serif;--mn:"Space Mono",monospace}.s-sticker.t-dark{--s-fg:#f7f5ef;--s-muted:#c9c7c0;--s-muted2:#101014;--s-hair:#000;--s-cut:#101014;--card:#141418}.s-sticker.t-light{--s-fg:#0c0c0f;--s-muted:#454550;--s-muted2:#101014;--s-hair:#000;--s-cut:#fff;--card:#fff}.s-sticker .frame{display:none}.s-sticker .topbar,.s-sticker .footer,.s-sticker .topbar .acc,.s-sticker .swipe{color:#101014}.s-sticker .cover .body,.s-sticker .pass .body,.s-sticker .info .body,.s-sticker .follow .body{background:var(--card);border:6px solid #000;border-radius:24px;padding:70px;box-shadow:20px 20px #000000d9}.s-sticker .cover .body,.s-sticker .pass .body,.s-sticker .info .body{width:calc(100% - 192px);margin:auto 96px}.s-sticker .follow .body{width:calc(100% - 260px);margin:auto 130px}.s-sticker h2,.s-sticker .handle,.s-sticker .logo-txt{text-transform:uppercase;letter-spacing:0}.s-sticker .cover h2{line-height:.86}.s-sticker .pass h2{line-height:.9}.s-sticker .pass .fields{border-top:5px solid #000;padding-top:28px}.s-sticker .fld .k{color:#000;font-weight:700}.s-sticker .fld .v{font-family:Space Grotesk,sans-serif;font-weight:700}.s-sticker .fld.closes .v{background:var(--accent);color:#000;border:3px solid #000;padding:2px 14px;display:inline-block;transform:rotate(-1.5deg)}.s-sticker .hl li .plus{color:#000}.s-sticker .cover .stamp{color:#fff;background:#000;border:none;border-radius:14px;padding:16px 24px;transform:rotate(-3deg)}.s-sticker .cover .stamp .num,.s-sticker .cover .stamp .cap{color:#fff}.s-sticker .steps li .b{background:var(--accent);color:#000;border:3px solid #000}.s-sticker .cta{color:#fff;background:#000;border-radius:12px;box-shadow:10px 10px #00000059}.s-sticker .follow .av{background:var(--accent);border:5px solid #000}.s-sticker .follow .av-ph{color:#000}.s-editorial{--disp:"Fraunces",serif;--bd:"Inter",sans-serif;--mn:"Inter",sans-serif}.s-editorial.t-light{--s-fg:#1b1712;--s-muted:#6b6455;--s-muted2:#a49b88;--s-hair:#00000047;--s-cut:#eae3d5}.s-editorial.t-dark{--s-fg:#f1ebdf;--s-muted:#a89f8d;--s-muted2:#736b5c;--s-hair:#ffffff47;--s-cut:#221d17}.s-editorial .frame{border-width:1px;border-radius:0;inset:54px}.s-editorial .topbar,.s-editorial .footer{letter-spacing:.32em;text-transform:uppercase;font-size:19px}.s-editorial .cover .kick,.s-editorial .info .kick{letter-spacing:.42em;color:var(--s-muted);font-size:22px}.s-editorial h2{letter-spacing:-.01em}.s-editorial .cover h2,.s-editorial .pass h2,.s-editorial .info h2{font-weight:600}.s-editorial .cover .sub{color:var(--s-fg);font-family:Fraunces,serif;font-style:italic;font-weight:500}.s-editorial .cover .stamp{border:none;border-top:1px solid var(--s-hair);border-radius:0;margin-top:40px;padding:26px 0 0}.s-editorial .cover .stamp .num{color:var(--s-fg)}.s-editorial .cover .stamp .cap{color:var(--s-muted)}.s-editorial .pass .company .logo-txt{text-transform:uppercase;letter-spacing:.24em;font-family:Inter,sans-serif;font-weight:600;font-size:30px!important}.s-editorial .pass .fields{border-top:1px solid var(--s-hair)}.s-editorial .fld .k{color:var(--s-muted2);letter-spacing:.24em;font-family:Inter,sans-serif;font-size:20px}.s-editorial .fld .v{font-family:Fraunces,serif;font-weight:500}.s-editorial .fld.closes .v{color:var(--accent)}.s-editorial .hl li .plus{color:var(--accent);font-family:Fraunces,serif}.s-editorial .steps li .b{color:var(--accent);border:none;border-right:1px solid var(--s-hair);border-radius:0;justify-content:flex-start;width:auto;margin-right:22px;padding-right:22px;font-family:Fraunces,serif}.s-editorial .cta{color:var(--accent);border-bottom:2px solid var(--accent);background:0 0;border-radius:0;padding:0 0 8px;font-family:Fraunces,serif;font-style:italic}.s-editorial .follow .cta{border-bottom-width:3px}.s-terminal{--disp:"Space Mono",monospace;--bd:"Space Mono",monospace;--mn:"Space Mono",monospace}.s-terminal.t-dark{--s-fg:#c8d3c2;--s-muted:#7f8c79;--s-muted2:#586154;--s-hair:#31402f;--s-cut:#0a0f0a}.s-terminal.t-light{--s-fg:#1b241a;--s-muted:#586153;--s-muted2:#8a917e;--s-hair:#bcc4b3;--s-cut:#dfe3d8}.s-terminal .frame{border:2px solid var(--s-hair);border-radius:6px;inset:44px}.s-terminal h2,.s-terminal .handle{text-transform:uppercase;letter-spacing:.02em;font-weight:700;line-height:1.02}.s-terminal .cover .kick,.s-terminal .info .kick{letter-spacing:.14em}.s-terminal .cover .sub,.s-terminal .info .lead{font-family:Space Mono,monospace}.s-terminal .cover .stamp{border:2px solid var(--accent);color:var(--accent);letter-spacing:.14em;border-radius:4px;padding:14px 22px;font-size:34px;font-weight:700}.s-terminal .pass .company .logo-txt{letter-spacing:.02em;font-size:44px!important}.s-terminal .pass .fields{border-top:2px dashed var(--s-hair)}.s-terminal .fld .k{letter-spacing:.06em;font-size:20px}.s-terminal .fld .k:before{content:"> ";color:var(--accent)}.s-terminal .fld .v{font-family:Space Mono,monospace;font-size:36px;font-weight:700}.s-terminal .fld.closes .v{color:#f0a93a}.s-terminal .hl li{padding-left:40px}.s-terminal .hl li .plus{font-size:30px}.s-terminal .steps li .b{border-radius:4px;font-family:Space Mono,monospace}.s-terminal .cta{border:2px solid var(--accent);color:var(--accent);background:0 0;border-radius:4px;font-family:Space Mono,monospace;font-weight:700}.s-terminal .follow .av{border-radius:8px}