:root{--bg:#f4f7fb;--surface:#fff;--text:#0f172a;--text-muted:#64748b;--border:#0f172a14;--primary:#2563eb;--primary-soft:#2563eb1a;--accent:#14b8a6;--accent-soft:#14b8a61f;--shadow:0 18px 50px #0f172a14;--radius:18px;--radius-sm:12px;--max-width:920px;--font:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:radial-gradient(circle at top left,#2563eb14,transparent 28%),radial-gradient(circle at top right,#14b8a614,transparent 24%),var(--bg);min-height:100vh;margin:0;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(calc(100% - 32px),var(--max-width));margin:0 auto}.site-header{padding:28px 0 12px}.site-header .container{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--text);align-items:center;gap:12px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#14b8a6);border-radius:12px;place-items:center;width:38px;height:38px;font-size:1rem;display:grid;box-shadow:0 10px 24px #2563eb47}.app-icon{border-radius:22%;display:block;box-shadow:0 10px 24px #0f172a29}.brand-icon{box-shadow:0 8px 18px #0f172a24}.nav-link{color:var(--text-muted);font-size:.95rem;text-decoration:none}.nav-link:hover{color:var(--primary);text-decoration:none}.hero{padding:28px 0 18px}.hero-card,.panel,.product-card,.contact-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffe0}.hero-card{padding:32px}.eyebrow{background:var(--primary-soft);color:var(--primary);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.03em;margin:16px 0 10px;font-size:clamp(2rem,5vw,2.8rem);line-height:1.1}.hero-heading{align-items:center;gap:18px;display:flex}.hero-heading h1{margin:10px 0 0}.hero-app-icon{flex-shrink:0;box-shadow:0 16px 36px #0f172a2e}.hero p{color:var(--text-muted);max-width:62ch;margin:0;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover{text-decoration:none;transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 28px #2563eb3d}.button-secondary{color:var(--text);border-color:var(--border);background:#fff}.section{padding:18px 0}.section-title{letter-spacing:-.02em;margin:0 0 14px;font-size:1.35rem}.section-intro{color:var(--text-muted);margin:0 0 18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel{padding:22px}.panel h3{margin:0 0 8px;font-size:1.05rem}.panel p,.panel li{color:var(--text-muted)}.panel ul,.panel ol{margin:0;padding-left:1.2rem}.panel li+li{margin-top:8px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.product-card{flex-direction:column;gap:12px;padding:24px;transition:transform .15s,box-shadow .15s;display:flex}.product-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px #0f172a1f}.product-icon{width:fit-content}.product-card h2{margin:0;font-size:1.25rem}.product-card p{color:var(--text-muted);flex:1;margin:0}.meta-list{flex-wrap:wrap;gap:8px;display:flex}.meta-pill{background:var(--accent-soft);color:#0f766e;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:600}.faq-list{gap:12px;display:grid}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffffe0;overflow:hidden}.faq-question{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:600;display:flex}.faq-question:after{content:"+";color:var(--primary);font-size:1.2rem;line-height:1}.faq-item[data-open=true] .faq-question:after{content:"−"}.faq-answer{color:var(--text-muted);padding:0 20px 18px}.faq-answer p{margin:0}.faq-answer p+p{margin-top:10px}.contact-card{gap:10px;padding:24px;display:grid}.contact-card strong{font-size:1.05rem}.contact-card p{color:var(--text-muted);margin:0}.link-row{flex-wrap:wrap;gap:10px 18px;margin-top:8px;display:flex}.site-footer{color:var(--text-muted);padding:36px 0 48px;font-size:.92rem}.site-footer .container{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;display:flex}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:.92rem;display:flex}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--primary)}@media (max-width:720px){.grid-2{grid-template-columns:1fr}.hero-heading{align-items:flex-start}.hero-card,.panel,.product-card,.contact-card{padding:20px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}}
