:root{--bg:#F4F7FB;--bg-soft:#E8EEF6;--surface:#ffffff;--ink:#142033;--muted:#5B6B7C;--line:#D8E0EA;--accent:#2B6CB0;--accent-dark:#1E4F86;--mint:#11eca1;--mint-dark:#0cbc80;--orange:#f7630c;--warn-bg:#fff7ed;--warn-border:#fdba74;--warn-ink:#9a3412;--ok-bg:#ecfdf5;--ok-border:#11eca1;--shadow:0 10px 32px rgba(26,32,44,0.08);--shadow-hover:0 18px 40px rgba(43,108,176,0.16);--radius:16px;--max:1120px;--font-display:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-body:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(0.22,1,0.36,1)}@font-face{font-family:"Poppins";src:url("assets/fonts/poppins-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:optional}@font-face{font-family:"Poppins";src:url("assets/fonts/poppins-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:optional}@font-face{font-family:"Poppins";src:url("assets/fonts/poppins-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:optional}@font-face{font-family:"Poppins";src:url("assets/fonts/poppins-700.woff2") format("woff2");font-weight:800;font-style:normal;font-display:optional}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1100px 480px at 8% -8%,rgba(43,108,176,0.12),transparent 55%),radial-gradient(900px 420px at 92% 0%,rgba(17,236,161,0.1),transparent 50%),var(--bg);line-height:1.65;font-size:1.05rem}img{max-width:100%;display:block}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px;transition:color 0.2s var(--ease)}a:hover{color:var(--accent-dark)}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(18px);transition:opacity 0.55s var(--ease),transform 0.55s var(--ease)}.reveal.is-visible{opacity:1;transform:none}}.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:0.75rem 1rem;z-index:1000}.skip-link:focus{left:1rem;top:1rem}.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(7,11,20,0.88);border-bottom:1px solid rgba(255,255,255,0.08);transition:box-shadow 0.25s var(--ease),background 0.25s var(--ease)}.site-header.is-scrolled{background:rgba(7,11,20,0.96);box-shadow:0 10px 28px rgba(0,0,0,0.28)}.header-inner{max-width:var(--max);margin:0 auto;padding:0.65rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px;position:relative}.brand{display:flex;align-items:center;gap:0.75rem;color:inherit;text-decoration:none;font-weight:800;letter-spacing:-0.02em;z-index:2;min-width:0}.brand-logo{height:52px;width:auto;max-width:min(240px,58vw);object-fit:contain;object-position:left center;display:block;transition:transform 0.35s var(--ease),filter 0.35s var(--ease)}.nav-toggle{display:none;z-index:2;width:44px;height:44px;border:1px solid rgba(255,255,255,0.14);border-radius:12px;background:rgba(255,255,255,0.06);padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background 0.2s var(--ease),border-color 0.2s var(--ease)}.nav-toggle:hover{background:rgba(43,108,176,0.35);border-color:rgba(43,108,176,0.55)}.nav-toggle-bar{display:block;width:18px;height:2px;border-radius:999px;background:#fff;transition:transform 0.25s var(--ease),opacity 0.2s var(--ease)}.site-header.is-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.is-open .nav-toggle-bar:nth-child(2){opacity:0}.site-header.is-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links{display:flex;align-items:center;gap:0.35rem 1.1rem;flex-wrap:wrap}.nav-links a{color:rgba(255,255,255,0.78);text-decoration:none;font-size:0.92rem;font-weight:600;padding:0.35rem 0.15rem;white-space:nowrap}.nav-links a:hover{color:#fff}.nav-cta{margin-left:0.35rem;padding:0.55rem 1rem !important;border-radius:999px;background:linear-gradient(135deg,var(--accent),#1a8fd6);color:#fff !important;font-weight:700 !important;box-shadow:0 8px 18px rgba(43,108,176,0.35);transition:transform 0.2s var(--ease),box-shadow 0.2s var(--ease),filter 0.2s var(--ease)}.nav-cta:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 24px rgba(43,108,176,0.42)}.nav-cta::after{display:none !important}.hero{position:relative;color:#fff;overflow:hidden;background:#070b14;min-height:clamp(520px,78vh,720px);display:flex;align-items:center}.hero-glow{position:absolute;right:8%;top:50%;width:min(520px,55vw);height:min(520px,55vw);transform:translateY(-50%);background:radial-gradient(circle,rgba(43,108,176,0.45) 0%,rgba(17,90,180,0.18) 42%,transparent 70%);pointer-events:none;filter:blur(8px)}.hero-inner{position:relative;z-index:1;width:100%;max-width:var(--max);margin:0 auto;padding:3.5rem 1.25rem 3rem;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media (min-width:900px){.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(280px,0.85fr);gap:2.5rem;padding:4rem 1.25rem 3.5rem}}.hero-copy h1{font-family:var(--font-body);font-weight:800;font-size:clamp(1.95rem,3.8vw,3rem);line-height:1.15;letter-spacing:-0.03em;max-width:18ch;margin:0 0 1.5rem;color:#fff;text-wrap:balance}.hero-actions{display:flex;flex-wrap:wrap;gap:0.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.55rem;border-radius:10px;padding:0.9rem 1.35rem;font-weight:700;font-size:1rem;text-decoration:none;border:1px solid transparent;transition:transform 0.18s ease,background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.btn:hover{transform:translateY(-1px)}.btn-hero{background:#2B6CB0;color:#fff;box-shadow:0 10px 24px rgba(43,108,176,0.35)}.btn-hero:hover{background:#215387;color:#fff}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-mint{background:var(--mint);color:#0b1f17}.btn-mint:hover{background:var(--mint-dark);color:#fff}.btn-ghost{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.28);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,0.18);color:#fff}.hero-phone{display:flex;justify-content:center;align-items:center}.phone-frame{position:relative;width:min(280px,72vw);aspect-ratio:9 / 19.2;border-radius:36px;padding:10px;background:linear-gradient(160deg,#2a3140,#0d1118 55%,#1a2030);box-shadow:0 30px 60px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.08) inset,0 0 80px rgba(43,108,176,0.25);transform:rotate(4deg)}.phone-frame img{width:100%;height:100%;object-fit:cover;border-radius:28px;background:#000}.phone-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:38%;height:18px;border-radius:999px;background:#0a0d12;z-index:2}.toc-block{max-width:var(--max);margin:1.5rem auto 0;position:relative;z-index:3;padding:0 1.25rem}.toc-dropdown{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.toc-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;user-select:none}.toc-summary::-webkit-details-marker{display:none}.toc-summary-left{display:flex;align-items:center;gap:0.85rem;min-width:0}.toc-icon{width:40px;height:40px;border-radius:12px;background:var(--bg-soft);color:var(--ink);display:grid;place-items:center;font-size:1rem;flex:0 0 auto}.toc-summary-text{display:flex;flex-direction:column;gap:0.15rem;min-width:0}.toc-summary-text strong{font-family:var(--font-display);font-size:1.2rem;letter-spacing:-0.02em;font-weight:700}.toc-summary-text em{font-style:normal;color:var(--muted);font-size:0.86rem;font-weight:600}.toc-chevron{width:28px;height:28px;border-radius:999px;background:var(--bg-soft);position:relative;flex:0 0 auto}.toc-chevron::before{content:"";position:absolute;top:10px;left:9px;width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform 0.2s ease}.toc-dropdown[open] .toc-chevron::before{top:12px;transform:rotate(225deg)}.toc-grid{display:grid;grid-template-columns:1fr;gap:0.25rem;padding:0 0.85rem 1rem;border-top:1px solid var(--line);max-height:min(58vh,420px);overflow:auto}@media (min-width:640px){.toc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.toc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.toc-grid a{display:flex;align-items:flex-start;gap:0.65rem;text-decoration:none;color:var(--ink);font-size:0.9rem;font-weight:700;line-height:1.35;padding:0.65rem 0.7rem;border-radius:12px;transition:background 0.15s ease,color 0.15s ease}.toc-grid a span{flex:0 0 auto;min-width:1.6rem;color:var(--accent);font-size:0.78rem;font-weight:800;letter-spacing:0.02em;padding-top:0.12rem}.toc-grid a:hover,.toc-grid a.active{background:var(--bg-soft);color:var(--accent-dark)}.toc-grid a.active{box-shadow:inset 3px 0 0 var(--accent)}.warning-banner{max-width:var(--max);margin:1.25rem auto 0;position:relative;z-index:2;padding:0 1.25rem}.warning-banner-inner{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink);border-radius:var(--radius);padding:1rem 1.15rem;box-shadow:var(--shadow);font-size:0.95rem}.warning-banner strong{display:block;margin-bottom:0.25rem;font-size:0.98rem}.layout{max-width:var(--max);margin:0 auto;padding:1.5rem 1.25rem 4rem}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;margin:0 0 1rem;font-size:0.88rem;font-weight:600;color:var(--muted)}.breadcrumbs a{text-decoration:none;color:var(--accent)}.breadcrumbs a:hover{color:var(--accent-dark)}.article{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2.4rem);transition:box-shadow 0.35s var(--ease),transform 0.35s var(--ease)}.article:hover{box-shadow:var(--shadow-hover)}.article>.intro p{font-size:1.1rem;color:var(--muted)}.article section{padding-top:2.25rem;margin-top:2.25rem;border-top:1px solid var(--line);scroll-margin-top:90px}.article section:first-of-type{border-top:0;margin-top:1.5rem;padding-top:0}.article h2{font-family:var(--font-display);font-size:clamp(1.55rem,2.5vw,2rem);font-weight:800;letter-spacing:-0.025em;line-height:1.2;margin:0 0 0.9rem;color:var(--ink);position:relative;padding-left:0.85rem}.article h2::before{content:"";position:absolute;left:0;top:0.22em;bottom:0.22em;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--mint))}.article h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin:1.6rem 0 0.55rem;letter-spacing:-0.015em;color:#1e3a5f}.article p{margin:0 0 1rem;color:var(--muted)}.article ul,.article ol{margin:0 0 1.1rem;padding-left:1.2rem;color:var(--muted)}.article li{margin-bottom:0.4rem}.article li::marker{color:var(--accent)}.note,.callout{border-radius:14px;padding:0.95rem 1rem;margin:1rem 0 1.25rem;font-size:0.96rem}.note{background:#f8fafc;border:1px solid var(--line);color:var(--muted)}.callout-warn{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink)}.callout-ok{background:var(--ok-bg);border:1px solid var(--ok-border);color:#065f46}.table-wrap{overflow-x:auto;margin:1rem 0 1.35rem;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:520px;font-size:0.94rem}th,td{text-align:left;padding:0.85rem 0.95rem;border-bottom:1px solid var(--line);vertical-align:top}th{background:#EDF2F7;font-weight:800;color:var(--ink)}tr:last-child td{border-bottom:0}.shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.1rem 0 0.5rem}@media (min-width:720px){.shot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.shot-card{margin:0;background:#0f1318;border-radius:18px;overflow:hidden;border:1px solid #1f2730;box-shadow:0 16px 30px rgba(0,0,0,0.18)}.shot-card img{width:100%;aspect-ratio:9 / 16;object-fit:cover}.shot-card figcaption{color:#cbd5e1;font-size:0.78rem;font-weight:600;padding:0.7rem 0.75rem 0.85rem}.faq details{border:1px solid var(--line);border-radius:14px;padding:0.9rem 1rem;margin-bottom:0.7rem;background:#fbfcfd}.faq summary{cursor:pointer;font-weight:800;color:var(--ink)}.faq details p{margin:0.75rem 0 0}.site-footer{border-top:1px solid var(--line);background:#10151b;color:#c9d2dc;padding:2.5rem 1.25rem}.footer-inner{max-width:var(--max);margin:0 auto;display:grid;gap:1.25rem}.footer-inner strong{color:#fff;font-family:var(--font-display);font-size:1.25rem}.footer-links{display:flex;flex-wrap:wrap;gap:0.9rem 1.25rem}.footer-links a{color:#9aa8b6;text-decoration:none;font-size:0.9rem}.footer-links a:hover{color:#fff}.footer-note{font-size:0.85rem;color:#8090a0;max-width:70ch}@media (max-width:860px){.nav-toggle{display:inline-flex}.nav-links{display:none;position:absolute;top:calc(100%+0.35rem);left:1.15rem;right:1.15rem;flex-direction:column;align-items:stretch;gap:0.15rem;padding:0.75rem;border-radius:16px;background:rgba(12,18,32,0.98);border:1px solid rgba(255,255,255,0.1);box-shadow:0 18px 40px rgba(0,0,0,0.45)}.site-header.is-open .nav-links{display:flex}.nav-links a{padding:0.85rem 0.95rem;border-radius:12px;font-size:0.98rem}.nav-links a:hover{background:rgba(43,108,176,0.22)}.nav-cta{margin:0.35rem 0 0 !important;text-align:center;justify-content:center;display:flex}.nav-links a::after{display:none}}@media (max-width:720px){.hero{min-height:auto}.hero-inner{padding:2.25rem 1.15rem 2rem;gap:1.5rem}.hero-copy h1{max-width:none;font-size:clamp(1.55rem,7vw,2.1rem)}.hero-actions{flex-direction:column;align-items:stretch}.btn-hero{width:100%;justify-content:center}.phone-frame{transform:rotate(0deg);width:min(220px,62vw)}.toc-block{margin-top:1.25rem;padding:0 1rem}.brand-logo{height:44px;max-width:min(200px,62vw)}.header-inner{min-height:60px;padding:0.55rem 1rem}.layout{padding-left:1rem;padding-right:1rem}.article{padding:1.15rem}.article h2{font-size:clamp(1.35rem,5.5vw,1.7rem)}}@media (min-width:861px) and (max-width:980px){.nav-links{gap:0.2rem 0.75rem}.nav-links a{font-size:0.86rem}.nav-cta{padding:0.48rem 0.85rem !important}}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;margin:1.15rem 0 1.35rem}@media (min-width:720px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card{background:linear-gradient(180deg,#fff 0%,#F7FAFC 100%);border:1px solid var(--line);border-radius:16px;padding:1rem 0.9rem;text-align:center;box-shadow:0 6px 18px rgba(43,108,176,0.06)}.stat-card .stat-value{display:block;font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700;color:var(--accent);letter-spacing:-0.02em;line-height:1.15}.stat-card .stat-label{display:block;margin-top:0.35rem;font-size:0.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em}.device-pills{display:flex;flex-wrap:wrap;gap:0.55rem;margin:1rem 0 1.25rem}.device-pill{display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 0.85rem;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-size:0.86rem;font-weight:700;color:var(--ink)}.device-pill i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(17,236,161,0.22)}.feature-cards{display:grid;grid-template-columns:1fr;gap:0.75rem;margin:1.15rem 0}@media (min-width:640px){.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.feature-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-card{border:1px solid var(--line);border-radius:16px;padding:1rem;background:#fff;transition:border-color 0.15s ease,box-shadow 0.15s ease}.feature-card:hover{border-color:rgba(43,108,176,0.35);box-shadow:0 10px 24px rgba(43,108,176,0.08)}.feature-card .fc-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;margin-bottom:0.65rem;background:linear-gradient(145deg,rgba(43,108,176,0.12),rgba(17,236,161,0.18))}.feature-card strong{display:block;font-size:0.98rem;margin-bottom:0.35rem;color:var(--ink)}.feature-card p{margin:0;font-size:0.88rem;color:var(--muted);line-height:1.5}.compare-cards{display:grid;gap:0.75rem;margin:1.1rem 0}@media (min-width:720px){.compare-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-card{border-radius:16px;padding:1.1rem;border:1px solid var(--line)}.compare-card.third-party{background:linear-gradient(160deg,#fff 0%,#EDF2F7 100%)}.compare-card.official{background:linear-gradient(160deg,#ecfdf5 0%,#fff 70%);border-color:rgba(17,236,161,0.45)}.compare-card h3{margin:0 0 0.65rem;font-size:1.05rem}.compare-card ul{margin:0;padding-left:1.1rem}.compare-card li{font-size:0.9rem;margin-bottom:0.35rem}.check-list{display:grid;gap:0.55rem;margin:1rem 0}.check-item{display:flex;gap:0.7rem;align-items:flex-start;padding:0.75rem 0.9rem;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);font-size:0.92rem;font-weight:600}.check-item .mark{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:0.75rem;font-weight:800;margin-top:1px}.check-item.ok .mark{background:rgba(17,236,161,0.2);color:#0a7a52}.check-item.warn .mark{background:rgba(247,99,12,0.15);color:var(--orange)}.flow-steps{display:grid;gap:0.65rem;margin:1.1rem 0;counter-reset:step}.flow-step{position:relative;display:grid;grid-template-columns:40px 1fr;gap:0.75rem;align-items:start;padding:0.85rem 0.95rem;border-radius:14px;background:#fff;border:1px solid var(--line)}.flow-step .num{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:0.95rem}.flow-step strong{display:block;margin-bottom:0.2rem}.flow-step p{margin:0;font-size:0.9rem;color:var(--muted)}.pros-cons-grid{display:grid;gap:0.85rem;margin:1rem 0}@media (min-width:720px){.pros-cons-grid{grid-template-columns:1fr 1fr}}.pc-box{border-radius:16px;padding:1rem 1.05rem;border:1px solid var(--line)}.pc-box.pros{background:linear-gradient(180deg,#ecfdf5,#fff);border-color:rgba(17,236,161,0.4)}.pc-box.cons{background:linear-gradient(180deg,#fff7ed,#fff);border-color:rgba(247,99,12,0.35)}.pc-box h3{margin:0 0 0.65rem;font-size:1.05rem}.pc-box ul{margin:0;padding-left:1.1rem}.toc-grid a span,.toc-icon{color:var(--accent)}.toc-icon{background:rgba(43,108,176,0.1);color:var(--accent)}.site-footer{background:#1A202C}.brand:hover .brand-logo{transform:scale(1.04);filter:brightness(1.08)}.nav-links a{position:relative;transition:color 0.2s var(--ease)}.nav-links a::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;border-radius:999px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform 0.25s var(--ease)}.nav-links a:hover::after{transform:scaleX(1)}.btn-hero{position:relative;overflow:hidden;transition:transform 0.25s var(--ease),background 0.25s var(--ease),box-shadow 0.25s var(--ease)}.btn-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,0.22) 50%,transparent 80%);transform:translateX(-120%);transition:transform 0.55s var(--ease)}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(43,108,176,0.45)}.btn-hero:hover::after{transform:translateX(120%)}.phone-frame{transition:transform 0.5s var(--ease),box-shadow 0.5s var(--ease);animation:phoneFloat 5.5s ease-in-out infinite}.phone-frame:hover{transform:rotate(0deg) scale(1.03);box-shadow:0 36px 70px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.12) inset,0 0 100px rgba(43,108,176,0.4)}@keyframes phoneFloat{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}.toc-dropdown{transition:box-shadow 0.3s var(--ease),transform 0.3s var(--ease)}.toc-dropdown:hover{box-shadow:var(--shadow-hover)}.toc-summary{transition:background 0.2s var(--ease)}.toc-summary:hover{background:rgba(43,108,176,0.05)}.toc-grid a{transition:background 0.2s var(--ease),color 0.2s var(--ease),transform 0.2s var(--ease),box-shadow 0.2s var(--ease)}.toc-grid a:hover{background:rgba(43,108,176,0.08);color:var(--accent);transform:translateX(4px)}.stat-card{transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease),border-color 0.3s var(--ease)}.stat-card:hover{transform:translateY(-6px);border-color:rgba(43,108,176,0.35);box-shadow:var(--shadow-hover)}.stat-card:hover .stat-value{color:var(--accent-dark)}.device-pill{transition:transform 0.25s var(--ease),background 0.25s var(--ease),box-shadow 0.25s var(--ease)}.device-pill:hover{transform:translateY(-3px);background:#fff;box-shadow:0 8px 18px rgba(43,108,176,0.12)}.feature-card{transition:transform 0.3s var(--ease),border-color 0.3s var(--ease),box-shadow 0.3s var(--ease)}.feature-card:hover{transform:translateY(-6px);border-color:rgba(43,108,176,0.4);box-shadow:var(--shadow-hover)}.feature-card:hover .fc-icon{transform:scale(1.08) rotate(-4deg)}.fc-icon{transition:transform 0.3s var(--ease)}.shot-card{transition:transform 0.35s var(--ease),box-shadow 0.35s var(--ease)}.shot-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 22px 40px rgba(0,0,0,0.28)}.shot-card img{transition:transform 0.45s var(--ease)}.shot-card:hover img{transform:scale(1.04)}.flow-step{transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease),border-color 0.3s var(--ease)}.flow-step:hover{transform:translateX(6px);border-color:rgba(43,108,176,0.4);box-shadow:var(--shadow-hover)}.flow-step:hover .num{background:linear-gradient(145deg,var(--accent),#1159af);transform:scale(1.06)}.flow-step .num{transition:transform 0.25s var(--ease),background 0.25s var(--ease)}.compare-card,.pc-box,.check-item{transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease)}.compare-card:hover,.pc-box:hover,.check-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.faq details{transition:transform 0.25s var(--ease),box-shadow 0.25s var(--ease),border-color 0.25s var(--ease),background 0.25s var(--ease)}.faq details:hover{border-color:rgba(43,108,176,0.35);box-shadow:0 10px 24px rgba(43,108,176,0.1)}.faq details[open]{background:#fff;border-color:rgba(43,108,176,0.45);box-shadow:var(--shadow-hover)}.faq summary{transition:color 0.2s var(--ease)}.faq details:hover summary,.faq details[open] summary{color:var(--accent)}.table-wrap{transition:box-shadow 0.3s var(--ease)}.table-wrap:hover{box-shadow:0 12px 28px rgba(43,108,176,0.1)}table tbody tr{transition:background 0.2s var(--ease)}table tbody tr:hover{background:rgba(43,108,176,0.06)}.callout,.note{transition:transform 0.25s var(--ease),box-shadow 0.25s var(--ease)}.callout:hover,.note:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,32,44,0.08)}.footer-links a{transition:color 0.2s var(--ease),transform 0.2s var(--ease)}.footer-links a:hover{color:var(--mint);transform:translateY(-2px)}.hero-glow{animation:glowPulse 6s ease-in-out infinite}@keyframes glowPulse{0%,100%{opacity:0.85;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.06)}}@media (prefers-reduced-motion:reduce){.phone-frame,.hero-glow{animation:none !important}.reveal{opacity:1 !important;transform:none !important}}.article section{content-visibility:auto;contain-intrinsic-size:1px 680px}.shot-card img,.phone-frame img{content-visibility:auto}img{height:auto}@media (min-width:721px) and (max-width:1024px){.hero{min-height:auto}.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(220px,0.7fr);padding:2.75rem 1.25rem 2.5rem;gap:1.75rem}.hero-copy h1{max-width:16ch;font-size:clamp(1.7rem,3.2vw,2.35rem)}.phone-frame{width:min(240px,34vw);transform:rotate(2deg)}.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.layout{padding-left:1.15rem;padding-right:1.15rem}.toc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:400px){.hero-copy h1{font-size:1.4rem;line-height:1.25}.btn{padding:0.85rem 1rem;font-size:0.95rem}.phone-frame{width:min(190px,70vw)}.device-pill{font-size:0.8rem}.toc-summary-text em{display:none}}@media (min-width:1200px){.hero-inner{padding-top:4.5rem;padding-bottom:4rem}.phone-frame{width:min(300px,28vw)}}@media (pointer:coarse){.nav-links a,.toc-grid a,.footer-links a{min-height:44px;display:inline-flex;align-items:center}.btn{min-height:48px}}.updated-badge{display:inline-flex;align-items:center;gap:0.35rem;margin:0 0 1rem !important;padding:0.45rem 0.75rem;border-radius:999px;background:rgba(43,108,176,0.1);color:var(--accent-dark) !important;font-size:0.86rem !important;font-weight:700}.legal-page{max-width:820px;margin:2rem auto 4rem;padding:0 1.25rem}.legal-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem)}.legal-card h1{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.3rem);margin:0 0 0.75rem;color:var(--ink)}.legal-card h2{font-size:1.15rem;margin:1.5rem 0 0.5rem;color:var(--ink)}.legal-card p,.legal-card li{color:var(--muted);line-height:1.7}.legal-nav{margin-bottom:1rem}.legal-nav a{font-weight:700;text-decoration:none;color:var(--accent)}.legal-meta{font-size:0.9rem;margin-bottom:1.25rem !important}