:root{--canvas: #f6f7f9;--surface: #ffffff;--surface-2: #fbfbfd;--surface-hover: #f2f4f7;--surface-active: #eaeef9;--border: #e5e7ec;--border-soft: #eef0f4;--border-strong: #d3d7e0;--text: #14161a;--text-dim: #59606c;--text-faint: #8a91a0;--accent: #4258e0;--accent-dark: #2f42bd;--accent-weak: #eef1fe;--accent-border: #c8d1fb;--good: #0f7a55;--good-weak: #e6f6ef;--warn: #9a5b06;--warn-weak: #fdf1de;--bad: #b4322a;--bad-weak: #fdedeb;--neutral-weak: #eef0f4;--shadow-sm: 0 1px 2px rgba(16, 20, 30, .06);--shadow-md: 0 8px 24px -12px rgba(16, 20, 30, .28);--shadow-lg: 0 24px 60px -24px rgba(16, 20, 30, .3);--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--maxw: 1180px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--text);letter-spacing:-.02em;line-height:1.18;margin:0 0 12px;font-weight:640}h1{font-size:clamp(2.05rem,4.1vw,3.05rem)}h2{font-size:clamp(1.42rem,2.4vw,1.85rem)}h3{font-size:1.06rem}h4{font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);font-weight:650}p{margin:0 0 14px;color:var(--text-dim)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark);text-decoration:underline}ul{margin:0 0 14px;padding-left:20px;color:var(--text-dim)}li{margin-bottom:6px}img,svg{max-width:100%}::selection{background:var(--accent-weak)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:8px 12px;box-shadow:var(--shadow-md)}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}main>section{padding:58px 0;border-top:1px solid var(--border-soft)}main>section:first-child{border-top:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);border-radius:var(--radius);padding:10px 16px;font-size:.94rem;font-weight:550;box-shadow:var(--shadow-sm);cursor:pointer;text-decoration:none;white-space:nowrap;font-family:inherit}.btn:hover{color:var(--text);border-color:var(--border-strong);text-decoration:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.btn-ghost{background:none;box-shadow:none}.btn-sm{padding:6px 12px;font-size:.87rem}.site-header{position:sticky;top:0;z-index:60;background:#ffffffdb;backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--border)}.header-row{display:flex;align-items:center;gap:18px;height:58px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-weight:650;letter-spacing:-.01em;text-decoration:none;flex:none}.brand:hover{text-decoration:none;color:var(--text)}.brand-mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(140deg,#5b7cff,#2f42bd 75%);color:#fff;display:grid;place-items:center;font-size:.78rem;font-weight:700}.nav{display:flex;align-items:center;gap:4px;margin-left:10px}.nav a{color:var(--text-dim);font-size:.92rem;padding:6px 10px;border-radius:6px;text-decoration:none}.nav a:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav a[aria-current=page]{color:var(--text);font-weight:600;background:var(--surface-hover)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.locale-picker{position:relative}.locale-picker summary{list-style:none;cursor:pointer;border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:.83rem;color:var(--text-dim);font-family:var(--mono)}.locale-picker summary::-webkit-details-marker{display:none}.locale-picker summary:hover{border-color:var(--border-strong);color:var(--text)}.locale-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;min-width:208px;z-index:70}.locale-menu a{display:flex;align-items:center;gap:10px;padding:6px 9px;border-radius:6px;color:var(--text-dim);font-size:.89rem;text-decoration:none}.locale-menu a:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.locale-menu a span{margin-left:auto;font-family:var(--mono);font-size:.72rem;color:var(--text-faint)}.menu-toggle{display:none}.hero{padding:62px 0 44px;background:radial-gradient(1100px 340px at 50% -140px,var(--accent-weak),transparent 70%),var(--surface);border-bottom:1px solid var(--border-soft)}.hero .wrap{max-width:940px;text-align:center}.hero h1{margin-bottom:16px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-weak);border:1px solid var(--accent-border);border-radius:999px;padding:4px 11px;margin-bottom:18px}.lead{font-size:1.1rem;color:var(--text-dim);max-width:720px;margin:0 auto 22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.hero-note{font-size:.84rem;color:var(--text-faint);margin-top:14px}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;font-size:.82rem;color:var(--text-faint);margin-bottom:16px}.breadcrumb a{color:var(--text-faint)}.breadcrumb a:hover{color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px;text-align:left}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:13px 14px;box-shadow:var(--shadow-sm)}.stat b{display:block;font-size:1.42rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat span{font-size:.82rem;color:var(--text-faint)}.shot{max-width:1100px;margin:40px auto 0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;text-align:left}.shot-chrome{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-soft);background:var(--surface-2)}.shot-dot{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.shot-url{margin-left:8px;font-family:var(--mono);font-size:.72rem;color:var(--text-faint)}.shot-body{display:grid;grid-template-columns:168px 1fr;min-height:340px}.shot-side{border-right:1px solid var(--border-soft);padding:10px 8px;background:var(--surface-2)}.shot-org{display:flex;align-items:center;gap:8px;padding:4px 6px 10px;border-bottom:1px solid var(--border-soft);margin-bottom:8px}.shot-org b{display:block;font-size:.76rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-org>span{min-width:0}.shot-group{font-family:var(--mono);font-size:.61rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:9px 6px 3px}.shot-link{display:flex;align-items:center;gap:7px;padding:4px 6px;border-radius:5px;font-size:.76rem;color:var(--text-dim)}.shot-link[data-active="1"]{background:var(--accent-weak);color:var(--accent);font-weight:600}.shot-link i{width:5px;height:5px;border-radius:50%;background:var(--border-strong);flex:none}.shot-link[data-active="1"] i{background:var(--accent)}.shot-link span{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--text-faint)}.shot-main{min-width:0}.shot-top{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border-soft);font-size:.76rem;color:var(--text-faint)}.shot-top b{color:var(--text);font-weight:600}.shot-pill{border:1px solid var(--border);border-radius:5px;padding:0 5px;font-family:var(--mono);font-size:.62rem;color:var(--text-dim)}.shot-cta{margin-left:auto;background:var(--accent);color:#fff;border-radius:5px;padding:3px 8px;font-size:.7rem;font-weight:600}.shot-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.shot-kpi{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;background:var(--surface)}.shot-kpi span{display:block;font-size:.66rem;color:var(--text-faint)}.shot-kpi b{font-size:1.02rem;font-weight:640;font-variant-numeric:tabular-nums}.shot-kpi em{font-style:normal;font-size:.66rem;font-weight:600;color:var(--good);margin-left:5px}.shot-table{width:100%;border-collapse:collapse;font-size:.76rem}.shot-table th{text-align:left;font-family:var(--mono);font-size:.61rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:600;padding:6px 12px;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--surface-2)}.shot-table td{padding:7px 12px;border-bottom:1px solid var(--border-soft);color:var(--text-dim);white-space:nowrap}.shot-table td.s{color:var(--text);font-weight:550}.shot-table td.n{text-align:right;font-variant-numeric:tabular-nums}.shot-tag{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:0 6px;font-size:.68rem;font-weight:550}.shot-tag:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.shot-tag.ok{color:var(--good);background:var(--good-weak)}.shot-tag.late{color:var(--bad);background:var(--bad-weak)}.shot-tag.notice{color:var(--warn);background:var(--warn-weak)}.shot-tag.free{color:var(--accent);background:var(--accent-weak)}.shot-caption{border-top:1px solid var(--border-soft);padding:9px 12px;font-size:.76rem;color:var(--text-faint);background:var(--surface-2)}.section-head{max-width:760px;margin-bottom:26px}.section-head p{font-size:1.02rem}.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);color:inherit;text-decoration:none}a.card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.card h3{margin-bottom:8px}.card p{font-size:.94rem;margin-bottom:0}.card-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:.8rem;color:var(--text-faint)}a.card .card-meta span{color:var(--accent);font-weight:600}.pill{display:inline-block;border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:2px 9px;font-size:.78rem;color:var(--text-dim);text-decoration:none}a.pill:hover{border-color:var(--accent-border);color:var(--accent);text-decoration:none}.chain{font-family:var(--mono);font-size:.86rem;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:14px 16px;overflow-x:auto}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:start}.panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.panel h3{margin-bottom:10px}.panel p:last-child{margin-bottom:0}.prose{max-width:760px}.prose h2{margin-top:30px}.prose>div:first-child h2:first-child,.prose h2:first-child{margin-top:0}.prose p{font-size:1rem}ul.tick{list-style:none;padding:0}ul.tick li{position:relative;padding-left:22px;margin-bottom:9px;font-size:.96rem}ul.tick li:before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--accent)}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}.plan{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.plan.featured{border-color:var(--accent);box-shadow:var(--shadow-md)}.plan-name{font-weight:640;font-size:1rem}.plan-price{font-size:1.72rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.plan-price small{font-size:.78rem;font-weight:500;color:var(--text-faint);letter-spacing:0}.plan-cap{font-size:.82rem;color:var(--text-faint)}.plan-audience{font-size:.9rem;margin:0}.plan ul{list-style:none;padding:0;margin:0 0 auto;font-size:.9rem}.plan ul li{position:relative;padding-left:18px;margin-bottom:7px}.plan ul li:before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:2px;background:var(--accent)}.faq{max-width:860px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.faq details{border-bottom:1px solid var(--border-soft)}.faq details:last-child{border-bottom:none}.faq summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:550;display:flex;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";margin-left:auto;color:var(--text-faint)}.faq details[open] summary:after{content:"−"}.faq summary:hover{background:var(--surface-hover)}.faq .answer{padding:0 18px 16px;color:var(--text-dim);font-size:.96rem}.cta{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:34px 26px;text-align:center}.cta h2{margin-bottom:10px}.cta p{max-width:620px;margin:0 auto 20px}.form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.field{margin-bottom:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:.84rem;color:var(--text-dim);margin-bottom:5px;font-weight:550}.field label i{color:var(--bad);font-style:normal}.field input,.field select,.field textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:.94rem;padding:9px 11px}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.hp{position:absolute;left:-9999px}.form-note{font-size:.8rem;color:var(--text-faint);margin:12px 0 0}.form-status{font-size:.88rem;margin:10px 0 0;min-height:1.2em}.form-status[data-state=error]{color:var(--bad)}.site-footer{border-top:1px solid var(--border);background:var(--surface-2);padding:44px 0 26px;margin-top:10px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:26px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:7px}.footer-col a{color:var(--text-dim);font-size:.89rem;text-decoration:none}.footer-col a:hover{color:var(--accent)}.footer-about p{font-size:.9rem;max-width:320px}.footer-bottom{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--border);margin-top:30px;padding-top:16px;font-size:.8rem;color:var(--text-faint)}.cookie{position:fixed;bottom:16px;left:16px;right:16px;max-width:620px;margin:0 auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:14px 16px;display:none;gap:14px;align-items:center;z-index:90;font-size:.88rem}.cookie[data-visible="1"]{display:flex;flex-wrap:wrap}.cookie-actions{display:flex;gap:8px;margin-left:auto}@media(max-width:1080px){.nav{display:none}.nav[data-open="1"]{display:flex;position:absolute;top:58px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);padding:10px 16px 16px;margin:0}.menu-toggle{display:inline-flex}.plans{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.shot-body{grid-template-columns:1fr}.shot-side{display:none}.shot-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){main>section{padding:40px 0}.grid-2,.grid-3,.plans,.field-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:40px 0 32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a.card:hover{transform:none}}