:root{--bg:#fff;--fg:#0b0b0c;--muted:#62646b;--soft:#f5f5f6;--line:#e6e6e8;--accent:#0b0b0c;--ok:#0f7b4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffe0;position:sticky;top:0}.topbar-in{align-items:center;gap:28px;max-width:1120px;height:60px;margin:0 auto;padding:0 24px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:flex}.brand-name{letter-spacing:-.035em;font-family:Inter,sans-serif;font-size:20px;font-weight:700}.brand-dot{background:conic-gradient(from 90deg,#141413,#003dff,#d97757,#141413);border-radius:50%;width:22px;height:22px}.topbar nav{color:var(--muted);gap:22px;margin-right:auto;font-size:14px;display:flex}.topbar nav a:hover{color:var(--fg)}.btn{border:1px solid var(--line);height:44px;color:var(--fg);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font:600 14px Inter,sans-serif;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{background:var(--soft)}.btn:active{transform:scale(.98)}.btn-dark{background:var(--fg);color:#fff;border-color:var(--fg)}.btn-dark:hover{background:#26262a}.btn-sm{height:36px;padding:0 16px}.btn.is-done{background:var(--ok);border-color:var(--ok);color:#fff}.hero{text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(50% 60% at 50% 0,#f1efe9 0%,#0000 70%),linear-gradient(#fff,#fff);padding:88px 24px 56px;position:relative}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.035em;max-width:820px;margin:22px auto 0;font-size:clamp(38px,6vw,68px);font-weight:700;line-height:1.04}.hero p.lead{color:var(--muted);max-width:600px;margin:20px auto 0;font-size:18px}.hero .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.section{padding:56px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.section-head h2{letter-spacing:-.02em;font-size:28px}.section-head p{color:var(--muted);margin-top:4px}.search{border:1px solid var(--line);background:#fff;border-radius:999px;outline:none;width:280px;height:44px;padding:0 18px;font:14px Inter,sans-serif}.search:focus{border-color:var(--fg)}.chips{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;height:32px;padding:0 14px;font:500 13px Inter,sans-serif}.chip.on{background:var(--fg);color:#fff;border-color:var(--fg)}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:18px;transition:box-shadow .2s,transform .2s,border-color .2s;display:block;overflow:hidden}.card:hover{border-color:#d0d0d4;transform:translateY(-3px);box-shadow:0 14px 34px #00000014}.card-thumb{border-bottom:1px solid var(--line);height:190px;position:relative;overflow:hidden}.card-body{padding:18px 20px 20px}.card-body h3{letter-spacing:-.01em;font-size:18px}.card-body p{color:var(--muted);margin-top:4px;font-size:14px}.swatches{border:1px solid var(--line);border-radius:8px;gap:0;height:22px;margin-top:14px;display:flex;overflow:hidden}.swatches span{flex:1}.tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag{color:var(--muted);background:var(--soft);border-radius:999px;padding:3px 10px;font-size:12px}.cols{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.box{border:1px solid var(--line);background:#fff;border-radius:18px;padding:28px}.box h3{letter-spacing:-.01em;margin-bottom:8px;font-size:20px}.box p{color:var(--muted)}.price{letter-spacing:-.03em;margin:10px 0 4px;font-size:44px;font-weight:700}.price small{color:var(--muted);letter-spacing:0;font-size:16px;font-weight:500}.checks{gap:10px;margin:18px 0 24px;padding:0;list-style:none;display:grid}.checks li{align-items:start;gap:10px;font-size:15px;display:flex}.checks li:before{content:"✓";color:var(--ok);font-weight:700}pre.code{color:#e8e8ea;white-space:pre-wrap;word-break:break-word;background:#0b0b0c;border-radius:12px;margin:14px 0 0;padding:16px 18px;font:13px/1.55 JetBrains Mono,ui-monospace,monospace;overflow-x:auto}.crumbs a:hover{color:var(--fg)}.d-hero{text-align:center;padding:40px 24px 44px}.d-hero h1{letter-spacing:-.035em;margin-top:18px;font-size:clamp(34px,5vw,58px);line-height:1.05}.d-hero p.lead{color:var(--muted);max-width:640px;margin:16px auto 0;font-size:18px}.d-hero .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.palette{border:1px solid var(--line);border-radius:16px;display:flex;overflow:hidden}.palette div{flex:1;align-items:end;min-width:0;height:116px;padding:10px;font:11px JetBrains Mono,monospace;display:flex}.palette div span{color:#111;background:#ffffffe0;border-radius:5px;padding:2px 6px}.stats{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:16px;display:grid;overflow:hidden}.stat{border-right:1px solid var(--line);padding:20px 22px}.stat:last-child{border-right:0}.stat b{letter-spacing:-.02em;font-size:24px;display:block}.stat span{color:var(--muted);font-size:13px}.prompt-box{border:1px solid var(--line);background:var(--soft);border-radius:18px;gap:14px;padding:22px;display:grid}.prompt-box h3{font-size:16px}.prompt-text{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:12px;padding:14px 16px;font:13px/1.6 JetBrains Mono,monospace}.row{flex-wrap:wrap;gap:10px;display:flex}.frame{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 40px #0000000d}.frame-bar{background:var(--soft);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:38px;padding:0 14px;display:flex}.frame-bar i{background:#d4d4d8;border-radius:50%;width:10px;height:10px;display:block}.frame-bar em{color:var(--muted);margin-left:12px;font:12px JetBrains Mono,monospace}.two{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:760px){.two{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}}.list{gap:10px;margin:14px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.list li{padding-left:24px;position:relative}.list.do li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;left:0}.list.dont li:before{content:"✕";color:#c0392b;font-weight:700;position:absolute;left:0}.spec{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;padding:16px 20px;display:flex;overflow:hidden}.spec small{color:var(--muted);white-space:nowrap;font:12px JetBrains Mono,monospace}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl td,.tbl th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.tbl th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.tbl code{background:var(--soft);border-radius:5px;padding:2px 6px;font:12px JetBrains Mono,monospace}.bgrid,.cgrid{border-top:1px solid var(--line);border-left:1px solid var(--line);box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid;overflow:hidden}.bcard,.ccard{text-align:left;min-height:200px;font:inherit;color:inherit;cursor:pointer;background:#fff;border:0;margin:0;padding:22px 24px;transition:background .2s;display:block;position:relative;overflow:hidden;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.bcard:hover,.ccard:hover,.ccard.on{background:var(--soft)}.bcard-text{z-index:2;gap:2px;display:grid;position:relative}.bcard-text b{letter-spacing:-.01em;font-size:17px}.bcard-text span{color:var(--muted);font-size:13px}.bcard:before,.bcard:after{content:"";border:1px solid var(--line);pointer-events:none;border-radius:50px;transition:transform .35s;position:absolute;bottom:-58px;right:-58px}.bcard:before{border-radius:64px;width:190px;height:190px;bottom:-70px;right:-70px}.bcard:after{border-radius:52px;width:150px;height:150px}.bcard:hover:before{transform:scale(1.06)}.logo-big{border:1px solid var(--line);background:#fff;border-radius:34px;place-items:center;width:122px;height:122px;padding:0 14px 14px 0;transition:transform .3s;display:grid;position:absolute;bottom:-14px;right:-14px;box-shadow:0 8px 26px #00000012}.bcard:hover .logo-big{transform:translate(-4px,-4px)}.logo-big img{object-fit:contain;width:54px;height:54px}.fan{width:170px;height:110px;position:absolute;bottom:-16px;right:18px}.fan-tile{border:1px solid var(--line);background:#fff;border-radius:22px;place-items:center;width:76px;height:76px;transition:transform .3s;display:grid;position:absolute;bottom:0;box-shadow:0 6px 20px #00000014}.fan-tile img{object-fit:contain;width:34px;height:34px}.fan-tile.f0{left:0;transform:rotate(-9deg)}.fan-tile.f1{z-index:2;bottom:8px;left:46px;transform:rotate(0)}.fan-tile.f2{z-index:1;left:92px;transform:rotate(9deg)}.ccard:hover .f0{transform:rotate(-13deg)translateY(-4px)}.ccard:hover .f2{transform:rotate(13deg)translateY(-4px)}.card-title{align-items:center;gap:10px;display:flex}.logo-sm{object-fit:contain;width:24px;height:24px}.logo-tile{border:1px solid var(--line);background:#fff;border-radius:22px;place-items:center;width:76px;height:76px;margin:0 auto;display:grid;box-shadow:0 6px 22px #0000000f}.logo-tile img{object-fit:contain;width:40px;height:40px}.d-hero .eyebrow{margin-top:18px}.notice{background:var(--soft)}.footer{border-top:1px solid var(--line);color:var(--muted);padding:36px 0 48px;font-size:13px}.hero{background:#fff;padding:96px 24px 72px;overflow:hidden}.hero-in{z-index:1;position:relative}.hero-bg{pointer-events:none;position:absolute;inset:0}.dots-mask{position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 80% at 50% 45%,#000 10%,#0000 78%);mask-image:radial-gradient(60% 80% at 50% 45%,#000 10%,#0000 78%)}.dots{background-image:radial-gradient(circle,#cfcfd4 1.3px,#0000 1.7px);background-size:24px 24px;position:absolute;inset:0}.dots.lit{background-image:radial-gradient(circle,#7048e8 1.9px,#0000 2.3px);animation:9s linear infinite sweep;-webkit-mask-image:linear-gradient(100deg,#0000 30%,#000 50%,#0000 70%);mask-image:linear-gradient(100deg,#0000 30%,#000 50%,#0000 70%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes sweep{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.plus{opacity:.55;width:15px;height:15px;position:absolute}.plus:before,.plus:after{content:"";background:#9a9aa2;position:absolute}.plus:before{width:1px;height:15px;top:0;left:7px}.plus:after{width:15px;height:1px;top:7px;left:0}.plus.p1{top:24px;left:24px}.plus.p2{top:24px;right:24px}.plus.p3{bottom:24px;left:24px}.plus.p4{bottom:24px;right:24px}@media (prefers-reduced-motion:reduce){.dots.lit{opacity:0;animation:none}}.agents-line{color:var(--fg);margin-top:16px;font-size:16px}.agent-inline{vertical-align:middle;align-items:center;gap:6px;margin:0 0 0 2px;display:inline-flex}.agent-inline img{display:block}.bcard:before,.bcard:after{z-index:0}.logo-big{z-index:1}.logo-big img,.fan-tile img{filter:brightness(0)opacity(.78);transition:filter .25s}.bcard:hover .logo-big img,.ccard:hover .fan-tile img{filter:none}.band{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mcp-box{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;padding:20px}.agent-tabs{flex-wrap:wrap;gap:6px;display:flex}.agent-tab{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 14px;font:500 13px Inter,sans-serif;display:inline-flex}.agent-tab:hover{background:var(--soft)}.agent-tab.on{background:var(--fg);color:#fff;border-color:var(--fg)}.agent-tab.on img{filter:brightness(0)invert()}.mcp-hint{color:var(--muted);margin:16px 0 0;font-size:13px}.price .was{color:var(--muted);margin-right:2px;font-size:26px;font-weight:500}.prompt-link{color:#6a3df0;text-underline-offset:3px;text-decoration:underline}.live-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.live-head h2{letter-spacing:-.02em;font-size:28px}.live-head p{color:var(--muted);margin-top:4px}.frame-scroll{background:#fff;height:560px;overflow-y:auto}.frame-scroll img{width:100%;height:auto;display:block}.details-img{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.details-img img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.sec-head{margin-bottom:18px}.sec-head h2{letter-spacing:-.02em;font-size:26px}.sec-head p{color:var(--muted);margin-top:4px}.page-top{border-bottom:1px solid var(--line);background:#fff;margin-bottom:28px;position:relative;overflow:hidden}.page-top .wrap{z-index:1;position:relative}.page-top .d-hero{padding-bottom:56px}.crumbs{color:var(--muted);padding:28px 0 0;font-size:16px}.crumbs a{color:var(--fg);font-weight:500}.crumbs a:hover{text-underline-offset:3px;text-decoration:underline}.dots{opacity:.75}.dots.lit{opacity:.6}.hero-in,.page-top .d-hero{z-index:1;position:relative}.hero-in:before,.page-top .d-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#fff 40%,#ffffffe6 52%,#fff0 72%);position:absolute;inset:-24px -60px -16px}.auth{place-items:center;min-height:calc(100vh - 220px);padding-top:48px;padding-bottom:48px;display:grid}.auth-box{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.auth-box h1,.account h1{letter-spacing:-.02em;font-size:28px}.auth-box label{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.auth-box input{border:1px solid var(--line);border-radius:12px;outline:none;height:44px;padding:0 14px;font:15px Inter,sans-serif}.auth-box input:focus{border-color:var(--fg)}.auth-error{color:#b42318;font-size:14px}.auth-alt{color:var(--muted);text-align:center;font-size:14px}.auth-alt a{color:var(--fg);font-weight:600;text-decoration:underline}.account{flex-direction:column;gap:20px;max-width:720px;padding-top:48px;padding-bottom:64px;display:flex}.account-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.account h2{margin-bottom:12px;font-size:18px}.muted{color:var(--muted)}.pill{background:var(--soft);border:1px solid var(--line);border-radius:999px;margin-right:8px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.ok{color:var(--ok);background:#e7f5ee;border-color:#bfe3cf}.keys{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.keys li{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.keys li .btn{margin-left:auto}.code{overflow-x:auto}.nav-account{color:var(--muted);font-size:14px;font-weight:500}.nav-account:hover{color:var(--fg)}