:root{--font-display: "Bricolage Grotesque", "Times New Roman", serif;--font-body: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--pad-x: clamp(18px, 4.4vw, 80px);--maxw: 1680px;--fs-mega: clamp(64px, 15vw, 240px);--fs-h2: clamp(28px, 4.2vw, 60px);--fs-h3: clamp(20px, 2.2vw, 30px);--fs-body: clamp(15px, 1.05vw, 17px);--ease: cubic-bezier(.16, 1, .3, 1);--dur: .32s;--line-w: 1px}html[data-theme=dark]{--bg:#0b0b0c;--bg-2:#111113;--bg-card:#141416;--ink:#f1eee7;--ink-2:#b6b2a8;--ink-3:#6f6c64;--line:rgba(241,238,231,.16);--line-2:rgba(241,238,231,.3);--accent:#7b5cff}html[data-theme=light]{--bg:#ece8df;--bg-2:#e3ded3;--bg-card:#f4f1e9;--ink:#0c0c0d;--ink-2:#45433d;--ink-3:#8d897e;--line:rgba(12,12,13,.18);--line-2:rgba(12,12,13,.34);--accent:#5a3fd6}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .6s var(--ease),color .6s var(--ease)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}h1,h2,h3,h4,p{margin:0}::selection{background:var(--ink);color:var(--bg)}.display{font-family:var(--font-display);font-weight:600;line-height:.92;letter-spacing:-.03em}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.dim{color:var(--ink-2)}.dim3{color:var(--ink-3)}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad-x)}.section{padding-block:clamp(40px,6vh,90px)}.hr{height:var(--line-w);background:var(--line);width:100%}.row{display:flex;gap:14px;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mhead{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px var(--pad-x);background:color-mix(in oklch,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--line-w) solid var(--line)}.brand{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}.brand-dim{color:var(--ink-3);margin-inline-start:6px}.mhead .right{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}.nav-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);transition:color var(--dur)}.nav-link:hover{color:var(--ink)}.btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;border:var(--line-w) solid var(--line-2);overflow:hidden;transition:color var(--dur) var(--ease),border-color var(--dur),opacity .2s}.btn>span{position:relative;z-index:1}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform:translateY(101%);transition:transform var(--dur) var(--ease);z-index:0}.btn:hover{color:var(--bg);border-color:var(--ink)}.btn:hover:after{transform:translateY(0)}.btn-solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-solid:after{background:var(--bg)}.btn-solid:hover{color:var(--ink)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:after{background:#fff}.btn-accent:hover{color:var(--accent)}.btn[disabled]{opacity:.45;pointer-events:none}.btn-sm{padding:9px 15px;font-size:11px}.hero{padding-top:clamp(30px,7vh,80px);padding-bottom:clamp(20px,4vh,50px)}.hero-mega{font-family:var(--font-display);font-weight:700;font-size:var(--fs-mega);line-height:.86;letter-spacing:-.04em;text-transform:uppercase}.hero-mega .l2{color:var(--ink-3)}.hero-tag{max-width:46ch;font-size:clamp(16px,1.5vw,22px);line-height:1.35;color:var(--ink-2);margin-top:22px}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;border-block:var(--line-w) solid var(--line);padding-block:18px;margin-top:30px}.marquee-track{display:flex;flex:none;align-items:center;animation:scrollx 30s linear infinite}.marquee-track span{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,4vw,56px);letter-spacing:-.03em;text-transform:lowercase;padding-inline:clamp(18px,3vw,48px);white-space:nowrap}.marquee-track span:after{content:"✳";font-size:.4em;opacity:.5;margin-inline-start:clamp(18px,3vw,48px)}@keyframes scrollx{to{transform:translate(-50%)}}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:9px 16px;border-radius:999px;border:var(--line-w) solid var(--line);color:var(--ink-2);transition:all var(--dur) var(--ease)}.chip.on,.chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pgrid{display:grid;gap:clamp(16px,1.6vw,24px);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pcard{display:flex;flex-direction:column;background:var(--bg-card);border:var(--line-w) solid var(--line);border-radius:18px;overflow:hidden;transition:transform .5s var(--ease),border-color .4s;cursor:pointer}.pcard:hover{transform:translateY(-6px);border-color:var(--line-2)}.pcard .thumb{position:relative;aspect-ratio:16/10;background:#0b0b0c;border-bottom:var(--line-w) solid var(--line);overflow:hidden}.thumb img,.thumb iframe{width:100%;height:100%;border:0;display:block;object-fit:cover;pointer-events:none}.thumb .txt{padding:14px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);white-space:pre-wrap;line-height:1.5;height:100%;overflow:hidden}.minithumb{width:84px;height:54px;border-radius:8px;overflow:hidden;border:var(--line-w) solid var(--line);flex:none;background:#0b0b0c}.pcard .body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}.pc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pcard .cat{color:var(--ink-3)}.pcard .pt{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h3);line-height:1.05;letter-spacing:-.02em;margin-top:10px}.pcard .pv{color:var(--ink-2);margin-top:8px;font-size:14px;line-height:1.5;flex:1}.pcard .prow{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:12px}.price{font-family:var(--font-mono);font-size:15px;letter-spacing:.04em}.badge-claude{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:var(--line-w) solid var(--line-2);color:var(--ink)}.sample{border-radius:14px;overflow:hidden;border:var(--line-w) solid var(--line);background:#0b0b0c}.sample img{width:100%;display:block}.sample iframe{width:100%;height:300px;border:0;display:block;background:#0b0b0c}.sample pre{margin:0;white-space:pre-wrap;padding:18px;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--ink-2);max-height:320px;overflow:auto}.sample.empty{padding:40px;text-align:center}.page{min-height:60vh}.card{background:var(--bg-card);border:var(--line-w) solid var(--line);border-radius:18px;padding:clamp(20px,2.4vw,32px)}.h2{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h2);letter-spacing:-.03em}.lead{color:var(--ink-2);max-width:60ch;margin-top:10px}.grid-2{display:grid;grid-template-columns:1.4fr .9fr;gap:clamp(20px,3vw,46px);align-items:start}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px}input,textarea,select{width:100%;padding:12px 13px;border-radius:10px;border:var(--line-w) solid var(--line);background:var(--bg-2);color:var(--ink);font:inherit}textarea{min-height:90px;resize:vertical;font-family:var(--font-mono);font-size:13px}.msg{font-family:var(--font-mono);font-size:12px;margin:10px 0}.msg.err{color:#e0524f}.msg.ok{color:#46c46a}.steps-bar{position:relative;display:flex;justify-content:space-between;margin:26px 0 8px}.steps-track{position:absolute;left:6px;right:6px;top:5px;height:2px;background:var(--line);z-index:0}.steps-fill{height:100%;background:var(--accent);transition:width .6s var(--ease)}.stepdot{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink-3)}.stepdot .dot{width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--line-2)}.stepdot.on{color:var(--ink)}.stepdot.on .dot{background:var(--accent);border-color:var(--accent)}.pay-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:var(--line-w) solid var(--line)}.pay-row:last-child{border-bottom:0}.pay-row .k{color:var(--ink-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.pay-row .v{font-family:var(--font-mono);font-size:13px;text-align:right;word-break:break-all}.list{display:flex;flex-direction:column;gap:10px}.litem{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:var(--line-w) solid var(--line);border-radius:12px;background:var(--bg-card)}.litem .t{font-family:var(--font-display);font-weight:600;font-size:16px}.litem .s{color:var(--ink-3);font-size:12px;font-family:var(--font-mono);margin-top:3px}.pill{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:var(--line-w) solid var(--line-2)}.pill.ok{color:#46c46a;border-color:#46c46a}.pill.wait{color:var(--ink-2)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--ink);display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-narrow{max-width:440px;margin:8vh auto}.toast{margin-top:14px}.codebox{font-family:var(--font-mono);font-size:12px;background:var(--bg-2);border:var(--line-w) solid var(--line);border-radius:10px;padding:12px 14px;white-space:pre-wrap;word-break:break-all}.foot{color:var(--ink-3)}.notice{border:var(--line-w) dashed var(--line-2);border-radius:12px;padding:14px 16px;color:var(--ink-2);font-size:14px}