:root{--bg:#f6f6f8;--card:#f9f8fc;--ink:#120d1b;--muted:#664c9a;--primary:#6B40C8;--line:#e6e2f0;--chip:#ebe7f3;--danger:#ef4444;--sans:"Manrope",sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:880px;margin:0 auto;padding:0 24px}header{padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}header .brand{color:var(--ink);font-weight:700;letter-spacing:.01em;font-size:16px;display:flex;align-items:center;gap:10px}header .brand img{width:24px;height:24px;flex-shrink:0;border-radius:5px}header .brand:hover{text-decoration:none;color:var(--primary)}header nav{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:600}header nav a{color:var(--muted)}header nav a:hover{color:var(--primary);text-decoration:none}header nav .cta{color:#fff;background:var(--primary);padding:8px 16px;border-radius:8px}header nav .cta:hover{color:#fff;filter:brightness(1.08)}.hero{padding:72px 0 64px;text-align:left}h1{font-weight:800;font-size:clamp(34px,6vw,54px);line-height:1.12;letter-spacing:-.02em;max-width:18ch}h1 em{font-style:normal;color:var(--primary)}.hero .sub{margin-top:20px;color:var(--muted);font-size:17px;max-width:58ch}.hero .sub b{color:var(--ink);font-weight:600}.cta-row{margin-top:32px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:13px 24px;border-radius:10px;transition:filter .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{color:#fff;filter:brightness(1.08);text-decoration:none}.btn-ghost{background:var(--chip);color:var(--ink)}.btn-ghost:hover{text-decoration:none;filter:brightness(.97)}.hero .fine{margin-top:16px;font-size:13px;color:var(--muted)}.hero .fine b{color:var(--ink);font-weight:600}section{padding:56px 0;border-top:1px solid var(--line)}section h2{font-weight:800;font-size:clamp(22px,3.4vw,30px);letter-spacing:-.01em;margin-bottom:8px}section .lead{color:var(--muted);margin-bottom:28px}section .lead b{color:var(--ink);font-weight:600}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:step}.step{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 20px}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--primary);margin-bottom:10px}.step h3{font-size:15px;font-weight:700;margin-bottom:6px}.step p{font-size:13.5px;color:var(--muted)}.step code{font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--chip);padding:1px 6px;border-radius:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 20px}.feature h3{font-size:15px;font-weight:700;margin-bottom:6px}.feature p{font-size:13.5px;color:var(--muted)}.feature .pro-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--primary);background:var(--chip);border-radius:4px;padding:2px 7px;margin-left:6px;vertical-align:2px}.plist{list-style:none;display:grid;gap:12px}.plist li{padding-left:26px;position:relative;color:var(--muted)}.plist li:before{content:"✓";position:absolute;left:0;top:0;color:var(--primary);font-weight:800}.plist li b{color:var(--ink);font-weight:600}.tablebox{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:top}tr:last-child td{border-bottom:none}th{color:var(--ink);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase}td:first-child{color:var(--ink);font-weight:600}th.pro,td.procol{color:var(--primary)}td.procol{font-weight:600}.price-note{margin-top:16px;font-size:13.5px;color:var(--muted)}.price-note b{color:var(--ink);font-weight:600}.faq{display:grid;gap:8px}.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 20px}.faq summary{cursor:pointer;font-weight:700;font-size:15px;padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--primary);font-weight:800;font-size:18px;flex-shrink:0}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);font-size:14px;padding:0 0 18px}.faq details p b{color:var(--ink);font-weight:600}.faq details a{color:var(--primary)}.bottom-cta{text-align:center;padding:72px 0}.bottom-cta h2{margin-bottom:20px}footer{padding:36px 0 64px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;flex-wrap:wrap;gap:16px}footer a{color:var(--muted)}footer a:hover{color:var(--primary);text-decoration:none}footer nav{display:flex;gap:18px;flex-wrap:wrap}@media(max-width:720px){.steps,.grid{grid-template-columns:1fr}header nav{gap:14px}header nav .plain{display:none}}