:root{--bg: #f7f9fc;--surface: #ffffff;--surface-alt: #eef3fb;--text: #0f172a;--muted: #3d4a63;--line: #dbe3f3;--primary: #1157cc;--primary-dark: #0f4cb2;--accent: #14a06f;--max: 72rem;--radius: 14px;--shadow: 0 8px 24px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Public Sans,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top right,#e9f2ff 0%,var(--bg) 28%,var(--bg) 100%);color:var(--text);line-height:1.55}h1,h2,h3{font-family:Sora,Avenir Next,Segoe UI,sans-serif;line-height:1.2;margin:0 0 .75rem;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.5rem,4vw,2.2rem)}h3{font-size:1.2rem}p{margin:0 0 1rem;color:var(--muted)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(100% - 2rem,var(--max));margin-inline:auto}.section{padding:3.5rem 0}.section-soft{background:linear-gradient(180deg,#1157cc0d,#1157cc03)}.section-intro{max-width:60ch;margin-bottom:1.5rem}.site-header{position:sticky;top:0;z-index:20;background:#f7f9fcf5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;flex-direction:column;gap:.8rem;padding:.95rem 0}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;color:var(--text);font-size:1rem}.brand:hover{text-decoration:none}.brand-mark{width:1.95rem;height:1.95rem;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,var(--primary),#2d7bff);color:#fff;font-size:.82rem}.brand-logo{width:100%;height:100%;display:block;object-fit:cover;border-radius:8px}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.nav-link{display:inline-flex;color:var(--muted);font-size:.92rem;font-weight:600}.nav-link.is-active{color:var(--text)}.hero{padding:4rem 0 2.5rem}.hero-grid{display:grid;gap:2rem}.hero-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.badge{display:inline-flex;background:#d8e8ff;color:#083585;border-radius:999px;padding:.35rem .8rem;font-size:.8rem;font-weight:700;margin-bottom:1rem}.eyebrow{font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.store-wrap{display:flex;flex-direction:column;gap:.75rem;margin-top:1.1rem}.store-wrap.is-centered{justify-content:center}.benefit-list{margin:.9rem 0 0;padding-left:1.1rem}.benefit-list li{margin-bottom:.42rem;color:var(--text);font-weight:600}.btn{border-radius:10px;font-weight:700;border:1px solid transparent;padding:.8rem 1rem;text-align:center;transition:transform .14s ease,background-color .14s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#fff;color:var(--primary);border-color:var(--line)}.card-grid{display:grid;gap:1rem}.card-grid.two{grid-template-columns:1fr}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem}.card-link{color:inherit}.card-link h3{color:var(--text)}.kpi{font-size:1.7rem;color:var(--text);font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.metric-item{margin:0}.metric-label{margin:0;font-size:.82rem;color:var(--muted)}.metric-value{margin:.2rem 0 0;font-family:Sora,Avenir Next,Segoe UI,sans-serif;font-weight:700;font-size:1.25rem;color:var(--text)}.step-index{display:inline-block;width:1.75rem;height:1.75rem;text-align:center;line-height:1.75rem;border-radius:50%;font-weight:800;color:#fff;background:var(--primary);margin-bottom:.5rem}.level-name{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.level-tag{font-size:.8rem;color:var(--accent);font-weight:700}.screenshot-grid{display:grid;gap:1rem;grid-template-columns:1fr}.screenshot-card{margin:0;padding:.5rem;border-radius:24px;background:linear-gradient(145deg,#eaf2ff,#d6e7ff);border:1px solid #c6d6f1}.screenshot-card img{width:100%;height:auto;border-radius:20px;display:block}.small-note{font-size:.85rem;margin-top:.75rem}.inline-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem}.inline-links a{font-weight:700}.cta-box{background:linear-gradient(155deg,#0f2f66,#1157cc 65%);border-radius:20px;padding:1.5rem;color:#fff}.cta-box p,.cta-box h2{color:#fff}.site-footer{border-top:1px solid var(--line);background:#eff4fc;margin-top:2rem;padding-top:2rem}.footer-grid{display:grid;gap:1.5rem}.footer-brand{color:var(--text);font-weight:800;margin-bottom:.5rem}.footer-title{color:var(--text);font-weight:700;margin-bottom:.5rem}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.4rem}.footer-meta{border-top:1px solid var(--line);margin-top:1.2rem;padding:1rem 0 1.5rem}.footer-meta p,.footer-note,.footer-copy{font-size:.9rem}@media(min-width:768px){.nav-wrap{flex-direction:row;justify-content:space-between;align-items:center}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center}.store-wrap{flex-direction:row;flex-wrap:wrap}.card-grid,.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}