:root{color-scheme:light;--bg: #f5f7fa;--panel: #ffffff;--panel-soft: #edf3fa;--text: #182534;--muted: #526175;--accent: #1660be;--accent-soft: #eaf2ff;--button-bg: #1264ce;--button-hover: #0c51ad;--line: #dde4ed;--line-strong: #8291a5;--header-bg: #ffffff;--shadow: 0 4px 18px rgba(22, 42, 68, .045);--page-gutter: 32px;--content-width: 1200px;--reading-width: 72ch;--section-gap: 32px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html[data-theme=dark]{color-scheme:dark;--bg: #0c131c;--panel: #141e2b;--panel-soft: #1c2a3c;--text: #edf3fc;--muted: #acbbce;--accent: #91bfff;--accent-soft: #1a2c45;--button-bg: #9ac7ff;--button-hover: #b5d7ff;--line: #29384b;--line-strong: #60758e;--header-bg: #111923;--shadow: 0 4px 18px rgba(0, 0, 0, .1)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth;overflow-y:scroll}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}svg{flex:0 0 auto}h1,h2,h3{color:var(--text);text-wrap:balance}h1{letter-spacing:-.045em}h2{letter-spacing:-.03em}h3{margin:0;font-size:1.1rem;line-height:1.4;letter-spacing:-.015em}p{margin:12px 0 0}p,li{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;overflow-wrap:anywhere}p a:not(.btn),li a:not(.btn),.text-link{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}p a:hover,li a:hover,.text-link:hover{text-decoration-thickness:2px}.muted{color:var(--muted)}.container{width:min(var(--content-width),calc(100% - var(--page-gutter) * 2));margin-inline:auto}main.container{padding-block:32px}section[id],.showcase-stage,main{scroll-margin-top:100px}.site-header{position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top);background:var(--header-bg);border-bottom:1px solid var(--line)}.site-header:before{content:"";position:absolute;inset-inline:0;bottom:100%;height:100vh;background:var(--header-bg);pointer-events:none}.header-inner{display:flex;align-items:center;gap:14px;padding-block:14px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;margin-right:auto}.brand-logo{width:44px;height:44px;object-fit:contain;flex:0 0 auto}.brand-copy{display:grid;gap:0}.brand-copy strong{font-size:1.08rem;font-weight:700;letter-spacing:-.025em;line-height:1.35}.brand-copy small{color:var(--muted);font-size:.75rem}.nav,.header-actions{display:flex;align-items:center;gap:4px}.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:10px;color:var(--muted);font-size:.9rem;font-weight:550;white-space:nowrap}.nav a:hover{color:var(--text);background:var(--panel-soft)}.nav a.active{background:var(--accent-soft);color:var(--accent)}.theme-toggle,.menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--panel)}html[data-theme] .theme-toggle{display:inline-flex;width:44px}.theme-toggle:hover,.menu-toggle:hover{background:var(--panel-soft);border-color:var(--line-strong)}.theme-toggle-sun,html[data-theme=dark] .theme-toggle-moon{display:none}html[data-theme=dark] .theme-toggle-sun{display:block}.skip-link{position:fixed;left:20px;top:12px;z-index:30;padding:10px 16px;border-radius:10px;background:var(--panel);color:var(--text);border:1px solid var(--line-strong);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:32px;padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(130deg,var(--panel) 45%,var(--accent-soft))}.hero-copy,.hero-visual{min-width:0}.eyebrow{display:inline-block;margin:0;color:var(--accent);font-size:.78rem;line-height:1.5;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.hero h1{margin:16px 0;font-size:clamp(2.5rem,4.4vw,3.75rem);font-weight:750;line-height:1.07;max-width:15ch}.hero p,.page-hero>p{margin:0;max-width:64ch;color:var(--muted);font-size:1.04rem}.hero-actions,.action-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 18px;border-radius:10px;border:1px solid var(--line-strong);background:var(--panel);color:var(--text);font-size:.93rem;font-weight:650;text-align:center;line-height:1.4;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{background:var(--panel-soft);border-color:var(--accent)}.btn-primary{background:var(--button-bg);border-color:var(--button-bg);color:#fff}.btn-primary:hover{background:var(--button-hover);border-color:var(--button-hover);box-shadow:0 3px 10px #1264ce21}html[data-theme=dark] .btn-primary{color:#102035}.hero-actions .btn{flex:1 1 180px}.action-row .btn{flex:1 1 200px}.action-row{max-width:620px}.hero .hero-note{margin-top:12px;font-size:.8rem}.product-preview{display:grid;gap:12px;margin:0;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--panel);box-shadow:0 12px 28px #162a441a}.product-preview-frame{display:block;border-radius:10px;overflow:hidden}.product-preview-frame img{width:100%;height:auto}.product-preview-copy{display:grid;gap:4px}.hero .product-preview-label{color:var(--text);font-size:.88rem;font-weight:650}.hero .product-preview-caption{font-size:.8rem}.section{margin-top:var(--section-gap)}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-bottom:20px}.section h2,.card h2,.faq-list h2,.integrity-support h2{margin:0;font-size:clamp(1.55rem,2.5vw,2rem);font-weight:700;line-height:1.2}.section-copy{margin:0;max-width:60ch;color:var(--muted)}.grid,.card-grid{display:grid;align-items:stretch;gap:20px}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid>*,.card-grid>*,.stack>*,.faq-list>*,.footer-grid>*,.page-hero>*,.section-head>*,.showcase-stage>*,.showcase-thumbs>*{min-width:0}.card,.support-card{padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.card p:last-child,.card ul:last-child,.support-card p:last-child{margin-bottom:0}.card>p,.card>ul,.card>ol,.support-card>p,.support-card>ul,.faq-item>p,.integrity-alert>span{max-width:var(--reading-width)}.card-kicker{margin:0 0 12px;color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.feature-card{display:flex;flex-direction:column;align-items:flex-start}.feature-card>.action-row:last-child{width:100%;margin-top:16px}.feature-card>.text-link:last-child{margin-top:16px}.text-link{display:inline-flex;align-items:center;min-height:44px}.feature-card p{margin-block:12px 0}.feature-card .card-kicker{margin-block:0 12px}.section-card{margin-top:20px}.check-list,.text-list{display:grid;gap:12px;list-style:none;padding:0;margin:16px 0 0}.check-list li,.text-list li{position:relative;padding-left:16px}.check-list li:before,.text-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.instruction-list{padding-left:24px}.instruction-list li+li{margin-top:12px}.step-number{display:grid;width:32px;height:32px;margin-bottom:16px;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:.85rem;font-weight:700}.section-note{padding:20px 24px;margin-top:20px;border-radius:14px;border:1px solid var(--line);background:var(--panel-soft);color:var(--muted)}.section-note strong{color:var(--text)}.screenshot-showcase{display:grid;gap:20px}.showcase-stage{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:20px;align-items:center}.showcase-frame{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--panel-soft)}.showcase-frame img{width:100%;height:auto}.showcase-copy{display:grid;align-content:start;gap:12px}.showcase-copy p{margin:0}.showcase-copy h3{margin:0;font-size:1.3rem;line-height:1.3}.screenshot-step{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.showcase-hint{color:var(--muted);font-size:.8rem}.showcase-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.showcase-thumbs li{display:flex}.showcase-thumb{display:grid;align-content:start;width:100%;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;text-align:left;transition:border-color .15s ease,background .15s ease}.showcase-thumb:hover{border-color:var(--accent)}.showcase-thumb.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.showcase-thumb img{width:100%;height:auto;border-radius:6px}.showcase-thumb-copy{display:grid;gap:4px}.showcase-thumb-copy strong{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.showcase-thumb-copy span{color:var(--text);font-size:.85rem;font-weight:600;line-height:1.4}.page-hero{padding-block:12px 0}.page-hero h1{margin:12px 0 16px;max-width:24ch;font-size:clamp(2.1rem,4.2vw,3.4rem);line-height:1.12;font-weight:750}.page-hero .hero-actions{max-width:620px}.page-index{display:grid;gap:12px;padding:20px;margin-top:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.page-index strong{font-size:.85rem}.page-index-links{display:flex;flex-wrap:wrap;gap:8px}.page-index a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;background:var(--panel-soft);color:var(--accent);font-size:.88rem;font-weight:550}.page-index a:hover{background:var(--accent-soft)}.faq-list,.stack{display:grid;gap:16px}.faq-item{padding:20px 24px;border-radius:14px;border:1px solid var(--line);background:var(--panel)}.faq-item summary{display:flex;align-items:center;gap:16px;justify-content:space-between;cursor:pointer;list-style:none;min-height:44px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h2{font-size:1.05rem;line-height:1.45;letter-spacing:-.01em;text-wrap:initial}.faq-item summary svg{color:var(--muted);transition:transform .15s ease}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-item p{margin:12px 0 0}.support-card h2{margin:0;font-size:1.25rem;line-height:1.4}a.card:hover{border-color:var(--accent)}.code-block{margin:16px 0 0;min-width:0;max-width:100%;overflow:auto;padding:20px;border-radius:12px;border:1px solid var(--line);background:var(--panel-soft);color:var(--text)}.code-block code{font-size:.85rem;line-height:1.65;white-space:pre;overflow-wrap:normal}.pill-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--accent);font-size:.88rem;line-height:1.4}.pill:hover{border-color:var(--accent)}.page-hero .article-meta{margin-bottom:12px;font-size:.82rem}.integrity-alert{display:grid;gap:8px;padding:24px;border:1px solid var(--line-strong);border-radius:16px;background:var(--accent-soft)}.integrity-alert span,.integrity-steps span{color:var(--muted)}.article-section{display:grid;gap:16px}.article-section p{margin:0}.integrity-list{margin-top:0}.integrity-steps{display:grid;gap:16px;padding:0;margin:0;list-style:none;counter-reset:integrity-step}.integrity-steps li{position:relative;display:grid;gap:4px;min-height:40px;padding-left:52px;counter-increment:integrity-step}.integrity-steps li:before{content:counter(integrity-step);position:absolute;top:50%;transform:translateY(-50%);left:0;display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:700}.integrity-support h2{margin:0}.site-footer{padding-block:0 32px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:24px;padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--panel)}.footer-title{margin:0 0 12px;font-size:.9rem;font-weight:700}.footer-copy{margin:0;color:var(--muted);font-size:.9rem;max-width:40ch}.footer-links{display:grid;gap:4px}.footer-links a{display:flex;align-items:center;min-height:36px;width:fit-content;color:var(--muted);font-size:.9rem}.footer-links a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr;padding:28px;gap:24px}.hero h1{font-size:2.9rem}.brand-copy small{display:none}}@media(max-width:960px){.header-inner{flex-wrap:wrap;gap:12px}.header-actions{margin-left:auto;gap:8px}html[data-nav-ready] .menu-toggle{display:inline-flex;font-size:.85rem;font-weight:600}.nav{order:3;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:12px;border-top:1px solid var(--line);gap:8px}html[data-nav-ready] .nav:not(.is-open){display:none}.hero{grid-template-columns:1fr;padding:28px;gap:24px}.hero h1{max-width:19ch;font-size:clamp(2.5rem,6vw,3.5rem)}.hero-actions{max-width:560px}.hero-visual{width:100%}.grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three>:last-child:nth-child(odd){grid-column:1 / -1}.section-head{grid-template-columns:1fr;gap:12px}.showcase-stage{grid-template-columns:1fr}.showcase-copy{max-width:70ch}.showcase-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1 / -1}}@media(max-width:600px){:root{--page-gutter: 20px;--section-gap: 20px}main.container{padding-block:20px}.header-inner{padding-block:12px}.brand{gap:8px}.brand-logo{width:36px;height:36px}.brand-copy strong{font-size:1rem}.header-actions{gap:6px}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav a{justify-content:flex-start}.hero{padding:20px;gap:20px;border-radius:18px}.hero h1{font-size:clamp(2rem,8.5vw,2.8rem);margin-block:12px}.eyebrow{font-size:.7rem;letter-spacing:.04em}.hero p,.page-hero>p{font-size:1rem}.hero-actions,.action-row{gap:10px;margin-top:16px}.hero .hero-note{font-size:.75rem}.product-preview{padding:12px;gap:10px;border-radius:12px}.product-preview-frame{border-radius:6px}.grid,.card-grid{gap:16px}.grid-three,.grid-two{grid-template-columns:1fr}.grid-three>:last-child:nth-child(odd){grid-column:auto}.card,.support-card,.faq-item,.integrity-alert{padding:20px;border-radius:14px}.section-head{gap:10px;margin-bottom:16px}.section-card,.section-note{margin-top:16px}.section-note{padding:16px}.screenshot-showcase{padding:16px;gap:16px}.showcase-stage{gap:16px}.showcase-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.showcase-thumb{padding:10px;gap:8px}.showcase-thumb-copy span{display:none}.page-hero{padding-top:4px}.page-hero h1{font-size:2.15rem}.page-index{padding:16px;margin-top:20px}.page-index-links{gap:8px}.page-index a{flex:1 1 130px}.code-block{padding:16px}.footer-grid{padding:20px;gap:20px;grid-template-columns:1fr}.footer-grid>:first-child{grid-column:auto}.footer-links a{min-height:44px}.site-footer{padding-bottom:20px}}@media(max-width:360px){.menu-toggle{width:44px}.menu-toggle span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}