@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap");:root{--bg:#f3f4f6;--bg-soft:#e5e7eb;--surface:#fff;--surface-soft:#f9fafb;--border-subtle:rgba(148,163,184,.4);--primary:#6366f1;--primary-soft:rgba(99,102,241,.08);--secondary:#22c55e;--accent:#f97316;--brand-primary:#306;--brand-accent:#7093ff;--text-main:#111827;--text-muted:#6b7280;--text-soft:#9ca3af}*{max-width:100%}*,:after,:before{box-sizing:border-box}canvas,img,svg,video{max-width:100%;height:auto;display:block}body,html{margin:0;padding:0;min-height:100%;max-width:100%;overflow-x:hidden}body{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(129,140,248,.16),transparent 60%),radial-gradient(circle at bottom right,rgba(52,211,153,.14),transparent 55%),var(--bg);color:var(--text-main)}.root-main{min-height:100vh;padding:48px 24px}.root-inner{max-width:1120px;margin:0 auto}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;padding:28px 22px;background:linear-gradient(160deg,#fff,#eef2ff);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:26px;box-shadow:6px 0 22px rgba(148,163,184,.4);border-right:1px solid rgba(209,213,219,.9)}.sidebar-brand{gap:12px}.logo-badge,.sidebar-brand{display:flex;align-items:center}.logo-badge{width:36px;height:36px;border-radius:999px;background:radial-gradient(circle at 30% 0,#f97316,#6366f1);justify-content:center;font-weight:700;font-size:1.1rem;color:#fff}.brand-name{font-weight:600}.brand-tagline{font-size:.8rem;color:var(--text-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;text-decoration:none;color:#374151;transition:background .18s ease,transform .12s ease}.nav-link:hover{background:rgba(129,140,248,.12);transform:translateX(1px)}.sidebar-footer{margin-top:auto;font-size:.8rem;color:var(--text-soft)}.main{flex:1 1;padding:40px 44px}.main-inner{max-width:1120px;margin:0 auto}.hero-card,.phone-frame{max-width:100%;width:100%}@media (max-width:768px){.hero-card{padding:16px}.phone-frame{padding:12px}}.home{display:flex;flex-direction:column;gap:44px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-gap:36px;gap:36px;align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}.hero-title{font-size:2.5rem;line-height:1.15}.hero-subtitle{font-size:1rem;color:var(--text-muted)}.hero-card{background:var(--surface);border-radius:22px;padding:20px;border:1px solid rgba(209,213,219,.9);box-shadow:0 18px 34px rgba(148,163,184,.45)}.phone-frame{border-radius:24px;padding:16px;background:linear-gradient(145deg,#e5e7eb,#f9fafb)}.section-title{font-size:1.55rem;margin-bottom:14px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:18px;gap:18px}.feature-card{background:var(--surface);border-radius:16px;padding:16px;border:1px solid rgba(209,213,219,.9)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.92rem;padding:10px 22px;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#6366f1,#22c55e);color:#fff}.btn-ghost{background:hsla(0,0%,100%,.85);border:1px solid rgba(156,163,175,.8)}@media (max-width:640px){.root-main{padding:32px 18px}.hero-title{font-size:2rem}.main{padding:28px 20px}}