:root{--bg:#f9fafb;--surface:#fff;--surface-2:#f3f4f6;--border:#e5e7eb;--border-strong:#d1d5db;--text:#374151;--muted:#6b7280;--heading:#111827;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--accent-soft-text:#4338ca;--code-bg:#111827;--code-text:#f3f4f6;--ok-bg:#dcfce7;--ok:#16a34a;--glow:#6366f12e;--shadow:0 1px 2px #1118270d, 0 8px 24px -12px #1118271f;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem}@media (prefers-color-scheme:dark){:root{--bg:#0b1020;--surface:#131a2e;--surface-2:#1b2440;--border:#263052;--border-strong:#38446b;--text:#cbd2e4;--muted:#8f99b8;--heading:#f3f5fb;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-soft:#1f2750;--accent-soft-text:#c7d2fe;--code-bg:#0a0f1f;--code-text:#e5e7f2;--ok-bg:#12301f;--ok:#4ade80;--glow:#818cf833;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:var(--text);background:var(--bg);min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}a{color:var(--accent)}a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem}.narrow{max-width:42rem}.center{text-align:center}.page-title{color:var(--heading);margin-bottom:.75rem;font-size:clamp(2rem,6vw,3rem)}.site-header{z-index:50;background:color-mix(in srgb, var(--surface) 88%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{align-items:center;gap:.75rem;max-width:72rem;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.brand{color:var(--heading);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.site-nav{gap:.25rem;margin-left:auto;display:flex}.site-nav a,.lang-link{border-radius:var(--radius-lg);min-height:44px;color:var(--muted);align-items:center;padding:.5rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.site-nav a:hover,.lang-link:hover{background:var(--surface-2);color:var(--heading)}.lang-link{border:1px solid var(--border)}.gh-badge{border:1px solid var(--border);border-radius:var(--radius-lg);min-height:44px;color:var(--heading);background:var(--surface);align-items:center;gap:.6rem;padding:.25rem .75rem;text-decoration:none;display:inline-flex}.gh-badge:hover{border-color:var(--border-strong);background:var(--surface-2)}.gh-badge>svg{flex:none}.gh-text{line-height:1.2;display:grid}.gh-name{font-size:.82rem;font-weight:600}.gh-stats{color:var(--muted);gap:.6rem;font-size:.72rem;display:flex}.gh-stats[hidden],.gh-stat[hidden]{display:none}.gh-stat{align-items:center;gap:.2rem;display:inline-flex}.menu-toggle{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:44px;height:44px;color:var(--heading);cursor:pointer;justify-content:center;align-items:center;display:none}.menu-toggle .icon-close,.site-header[data-menu-open] .menu-toggle .icon-open{display:none}.site-header[data-menu-open] .menu-toggle .icon-close{display:inline}.btn{border-radius:var(--radius-xl);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px -6px var(--accent)}.btn-primary:hover{background:var(--accent-hover)}@media (prefers-color-scheme:dark){.btn-primary{color:#0b1020}}.btn-secondary{background:var(--surface);color:var(--heading);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.button-row-center{justify-content:center}.hero{background:radial-gradient(60rem 28rem at 85% -10%, var(--glow), transparent 70%), radial-gradient(40rem 24rem at 0% 0%, var(--glow), transparent 70%), var(--surface);border-bottom:1px solid var(--border);padding:4.5rem 0 4rem;overflow:hidden}.hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:3rem;display:grid}.badge{background:var(--accent-soft);color:var(--accent-soft-text);border-radius:999px;margin-bottom:1.25rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.025em;color:var(--heading);margin-bottom:1.1rem;font-size:clamp(2.1rem,5.5vw,3.6rem);line-height:1.08}.lead{color:var(--muted);max-width:34rem;margin-bottom:1.75rem;font-size:1.15rem}.hero-note{color:var(--muted);margin-top:1.1rem;font-size:.875rem}.phone{background:var(--heading);width:15rem;box-shadow:var(--shadow), 0 30px 60px -30px var(--accent);border-radius:2.2rem;justify-self:center;padding:.6rem;transform:rotate(3deg)}.phone-screen{background:var(--bg);min-height:19rem;color:var(--text);border-radius:1.7rem;align-content:start;gap:.5rem;padding:1rem .75rem 0;display:grid;overflow:hidden}.phone-bar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;margin:0 -.75rem .25rem;padding:0 .75rem .7rem;display:flex}.phone-logo{color:var(--accent);font-size:1.1rem;font-weight:700}.phone-sync{background:var(--ok-bg);color:var(--ok);border-radius:999px;padding:.1rem .5rem;font-size:.65rem;font-weight:600}.phone-title{color:var(--heading);font-weight:700}.phone-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.phone-row{border-bottom:1px solid var(--border);align-items:center;gap:.55rem;padding:.6rem .7rem;font-size:.85rem;display:flex}.phone-row:last-child{border-bottom:0}.phone-icon{flex:none;width:1.2rem;height:1.2rem}.phone-name{flex:1;min-width:0}.phone-amount{color:var(--muted);font-size:.7rem}.phone-row.done .phone-name{color:var(--muted);text-decoration:line-through}.phone-check{border:2px solid var(--border-strong);border-radius:.3rem;flex:none;width:1.1rem;height:1.1rem}.phone-row.done .phone-check{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px var(--surface)}.phone-nav{border-top:1px solid var(--border);background:var(--surface);justify-content:space-around;align-items:center;margin:.6rem -.75rem 0;padding:.7rem 0;display:flex}.phone-nav-icon{width:1.3rem;height:1.3rem;color:var(--muted)}.phone-nav-icon.active{color:var(--accent)}.band{padding:4rem 0}.band-white{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.band h2{letter-spacing:-.01em;color:var(--heading);margin-bottom:.5rem;font-size:1.8rem;line-height:1.25}.section-intro{color:var(--muted);max-width:42rem;margin-bottom:1.75rem}.center .section-intro{margin-left:auto;margin-right:auto}.card-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;margin-top:1.5rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem}.card-grid .card{box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.card-grid .card:hover{border-color:var(--accent);transform:translateY(-2px)}.card h3{color:var(--heading);margin-bottom:.25rem;font-size:1.05rem}.card p{color:var(--muted);font-size:.95rem}.icon-tile{border-radius:var(--radius-xl);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.icon-tile svg{width:22px;height:22px}.option-grid{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1.25rem;display:grid}.option{border-radius:var(--radius-2xl);flex-direction:column;align-items:flex-start;padding:2rem;display:flex}.option-featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow)}.option h3{margin-top:.75rem;font-size:1.35rem}.option>p{margin-bottom:1rem}.option .btn{margin-top:auto}.chip{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:600}.chip-indigo{background:var(--accent-soft);color:var(--accent-soft-text)}.checklist{gap:.5rem;margin-bottom:1.5rem;list-style:none;display:grid}.checklist li{color:var(--text);padding-left:1.75rem;font-size:.95rem;position:relative}.checklist li:before{content:"✓";background:var(--ok-bg);width:1.2rem;height:1.2rem;color:var(--ok);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.15rem;left:0}.snippet{background:var(--code-bg);width:100%;color:var(--code-text);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:.9rem 1rem;font-size:.82rem;line-height:1.6;overflow-x:auto}.why-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;margin-top:1.25rem;display:grid}.why-item{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-xl) var(--radius-xl) 0;gap:.15rem;padding:1rem 1.1rem;display:grid}.why-item strong{color:var(--heading)}.why-item span{color:var(--muted);font-size:.92rem}.dev-card{border-radius:var(--radius-2xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:2rem;display:flex}.dev-card h2{font-size:1.5rem}.dev-card p{max-width:34rem}.cta-band{background:radial-gradient(40rem 16rem at 50% 100%, var(--glow), transparent 70%)}.cta-band h2{font-size:2.1rem}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);padding:1.5rem 0;font-size:.875rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.footer-links{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.footer-links a{color:var(--muted);padding:.5rem 0;text-decoration:none}.footer-links a:hover{color:var(--accent)}@media (width<=900px){.gh-stats{display:none}}@media (width<=720px){.wrap,.site-header-inner{padding:0 1rem}.site-header-inner{gap:.5rem}.brand{margin-right:auto}.gh-name{display:none}.gh-badge{padding:.25rem .6rem}.menu-toggle{display:inline-flex}.site-nav{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;gap:0;margin:0;padding:.5rem 1rem 1rem;display:none;position:absolute;top:100%;left:0;right:0}.site-header[data-menu-open] .site-nav{display:flex}.site-nav a{min-height:48px;font-size:1rem}.hero{padding:2.5rem 0 3rem}.hero-inner{text-align:center;grid-template-columns:minmax(0,1fr);gap:2.5rem}.lead{margin-left:auto;margin-right:auto;font-size:1.05rem}.hero .button-row{justify-content:center}.hero .btn{flex:100%}.phone{width:13rem}.phone-screen{min-height:16rem}.band{padding:2.5rem 0}.band h2{font-size:1.5rem}.card-grid{gap:.75rem}.card-grid .card{grid-template-columns:44px minmax(0,1fr);column-gap:.9rem;padding:1rem;display:grid}.card-grid .icon-tile{grid-row:span 2;margin:0}.option{padding:1.25rem}.why-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}.why-item{padding:.8rem .9rem}.dev-card{padding:1.25rem}.dev-card .button-row,.cta-band .button-row{flex-direction:column;align-items:stretch}.cta-band h2{font-size:1.6rem}.footer-inner{flex-direction:column}}@media (width<=380px){.why-grid{grid-template-columns:minmax(0,1fr)}}