:root{--bg:#fff8fb;--surface:#fff;--surface-soft:#fff0f6;--text:#221821;--muted:#66545f;--accent:#d91f5c;--accent-2:#21a67a;--accent-3:#f2c94c;--accent-4:#3d7cff;--border:#ead8e2;--success:#21a67a;--warning:#b88900;--shadow:0 18px 45px rgba(87,32,61,.12);--font-sans:Inter,"Segoe UI",Arial,sans-serif;--text-xs:.78rem;--text-sm:.9rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.35rem;--text-2xl:1.7rem;--text-3xl:2.2rem;--text-4xl:3.1rem;--lh-tight:1.12;--lh-base:1.55;--lh-long:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:6px;--radius:8px;--radius-lg:16px;--transition:180ms ease;--max:1180px}html{scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:var(--font-sans)}.nav a:not(.button){color:var(--text);text-decoration:none}.nav-links a{color:var(--muted);transition:color var(--transition)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--accent)}.nav-button{min-height:40px;padding-inline:14px}.button svg{flex:0 0 auto}.button:hover{transform:translateY(-1px)}.metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;max-width:680px}.metric-row div{border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.78);padding:13px}.metric-row strong{display:block;font-size:1.28rem;line-height:1;color:var(--text)}.metric-row span{display:block;margin-top:5px;color:var(--muted);font-size:var(--text-xs);font-weight:700}.panel-head,.panel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:var(--text-xs);font-weight:800}.panel-head{margin-bottom:13px}.panel-foot{display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px}.panel-foot span{display:grid;place-items:center;min-height:40px;border-radius:var(--radius);background:var(--surface-soft);color:var(--text);text-align:center}.candy-cell{display:grid;place-items:center;min-width:0;border:1px solid rgba(234,216,226,.95);border-radius:8px;background:#fff;box-shadow:inset 0 -4px 0 rgba(0,0,0,.035)}.candy-cell.r{background:#ffe1eb;color:var(--accent)}.candy-cell.g{background:#e0fff3;color:var(--accent-2)}.candy-cell.y{background:#fff5ce;color:var(--warning)}.candy-cell.b{background:#e5eeff;color:var(--accent-4)}.candy-cell.hot{outline:3px solid rgba(217,31,92,.24);outline-offset:-3px}.candy-cell:before{content:"";display:block;width:44%;height:44%;background:currentColor}.shape--circle:before{border-radius:999px}.shape--diamond:before{transform:rotate(45deg);border-radius:3px}.shape--star:before{clip-path:polygon(50% 0,61% 34%,98% 34%,68% 55%,79% 91%,50% 70%,21% 91%,32% 55%,2% 34%,39% 34%)}.hero-facts{grid-column:1/-1}.key-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:18px 0 0}.key-facts div{border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.84);padding:13px}.key-facts dt{color:var(--muted);font-size:var(--text-xs);font-weight:800;margin-bottom:5px}.key-facts dd{margin:0;color:var(--text);font-weight:800;line-height:var(--lh-base)}.article-flow{min-width:0}.content-section{content-visibility:auto;contain-intrinsic-size:1px 900px}.content-section:first-child{content-visibility:visible}.content-section>p:first-of-type{font-size:var(--text-lg);color:#4c3f48}.content-section a{font-weight:750}.check-list{display:grid;gap:9px;max-width:65ch;margin:0 0 18px;padding:0;list-style:none}.check-list li{position:relative;padding-left:26px;color:var(--muted);line-height:var(--lh-base)}.check-list li:before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:4px;background:var(--accent-2)}.live-tracker{display:grid;gap:12px;max-width:760px;margin:18px 0;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#fff,#e0fff3)}.live-tracker strong{font-size:var(--text-xl)}.live-tracker ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0;padding:0;list-style:none}.live-tracker li{border:1px solid rgba(33,166,122,.18);border-radius:var(--radius);background:#fff;padding:12px}.live-tracker span{display:block;color:var(--muted);font-size:var(--text-xs);font-weight:800}.live-tracker b{display:block;margin-top:4px;color:var(--text)}.demo-frame{max-width:880px;margin:20px 0;border:1px solid var(--border);border-radius:var(--radius);background:#120d17;overflow:hidden;box-shadow:var(--shadow)}.demo-frame iframe{display:block;width:100%;aspect-ratio:4/3;height:auto;min-height:420px;border:0;background:#120d17}.demo-frame iframe[hidden]{display:none}.demo-placeholder{display:grid;place-items:center;min-height:420px;padding:24px;text-align:center;background:linear-gradient(135deg,#120d17,#3b1830);color:#fff}.demo-placeholder strong{font-size:1.35rem}.demo-placeholder p{margin:8px auto 16px;color:#ffeaf3}.demo-frame.is-loaded .demo-placeholder{display:none}.demo-frame figcaption{padding:10px 12px;background:#fff;color:var(--muted);font-size:var(--text-sm);line-height:var(--lh-base)}.data-table{max-width:920px;margin:18px 0;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.data-table table{width:100%;border-collapse:collapse;min-width:620px}.data-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.data-table th,.data-table td{padding:13px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;line-height:var(--lh-base)}.data-table thead th{background:var(--surface-soft);color:var(--text);font-size:var(--text-sm)}.data-table tbody th{color:var(--text);font-weight:800}.callout{display:flex;gap:13px;max-width:760px;margin:18px 0;padding:18px;border:1px solid rgba(217,31,92,.22);border-radius:var(--radius);background:#fff7fb}.callout svg{color:var(--accent);flex:0 0 auto}.callout strong{display:block;margin-bottom:4px}.callout p{margin:0}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}.bento-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px;box-shadow:0 10px 22px rgba(87,32,61,.06)}.bento-card svg{color:var(--accent)}.bento-card h3{margin:12px 0 6px;font-size:var(--text-lg)}.bento-card p{margin:0;font-size:var(--text-sm)}.steps{display:grid;gap:12px;max-width:820px;margin:18px 0;padding:0;list-style:none;counter-reset:step}.steps li{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.steps span{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:850}.steps h3{margin:0 0 5px;font-size:var(--text-lg)}.steps p{margin:0}.pros-cons{display:grid;grid-template-columns:1fr;gap:12px;max-width:880px;margin:18px 0}.pros-cons section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px}.pros-cons h3{margin:0 0 10px;font-size:var(--text-lg)}.pros-cons ul{display:grid;gap:9px;margin:0;padding-left:20px;color:var(--muted);line-height:var(--lh-base)}.faq{display:grid;gap:10px;max-width:880px;margin:18px 0}.faq details{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:0 16px}.faq summary{cursor:pointer;padding:16px 0;font-weight:850;color:var(--text)}.faq p{margin:0 0 16px}.toc{position:sticky;top:82px;align-self:start;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.9);padding:12px;box-shadow:0 12px 28px rgba(87,32,61,.07)}.toc summary{cursor:pointer;font-weight:850}.toc ol{display:grid;gap:3px;margin:12px 0 0;padding-left:20px}.toc a{display:block;padding:7px 0;color:var(--muted);text-decoration:none;font-size:var(--text-sm);font-weight:700}.toc a.is-active{color:var(--accent)}.mobile-cta{position:fixed;left:14px;right:14px;bottom:14px;z-index:30;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:var(--radius);background:var(--accent);color:#fff;text-decoration:none;font-weight:850;box-shadow:0 12px 28px rgba(217,31,92,.28)}.site-footer{border-top:1px solid var(--border);background:#fff;display:grid;gap:18px;max-width:1180px;margin:auto;padding:30px 20px 86px}.site-footer p{margin:6px 0 0}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 18px}.site-footer a{color:var(--muted);font-weight:750}@container (min-width:700px){.bento-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:480px){.metric-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:768px){.pros-cons{grid-template-columns:repeat(2,1fr)}.demo-frame iframe{aspect-ratio:16/9}.site-footer{grid-template-columns:1fr 2fr;padding-bottom:34px}.mobile-cta{display:none}}@media(min-width:1024px){.content-section{padding-block:34px}.hero-panel{padding:20px}.candy-grid{gap:8px}}@media(min-width:1280px){.hero,.page-shell,.site-footer,.nav{max-width:1220px}}@media(min-width:1536px){.hero,.page-shell,.site-footer,.nav{max-width:1280px}}@media(max-width:899px){.toc{position:static;order:-1}.nav-button{display:none}.hero-facts .key-facts{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero,.page-shell,.nav{padding-inline:16px}.hero-facts .key-facts{grid-template-columns:1fr}.panel-foot{grid-template-columns:1fr}.demo-frame iframe{min-height:360px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none}}.content-photo{max-width:920px;margin:18px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:0 12px 28px rgba(87,32,61,.07)}.content-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.content-photo figcaption{padding:10px 12px;color:var(--muted);font-size:var(--text-sm);line-height:var(--lh-base)}