:root{--cf-ink: #0b1220;--cf-ink-soft: #334155;--cf-muted: #64748b;--cf-line: #dfe7f1;--cf-surface: #ffffff;--cf-surface-soft: #f5f8fc;--cf-navy: #071426;--cf-navy-soft: #0d223d;--cf-brand: #2563eb;--cf-brand-strong: #174fc7;--cf-brand-soft: #eaf2ff;--cf-success: #0f9f6e;--cf-warning: #d97706;--cf-danger: #dc2626;--cf-radius-sm: 10px;--cf-radius-md: 16px;--cf-radius-lg: 24px;--cf-shadow-sm: 0 10px 30px rgba(15, 23, 42, .06);--cf-shadow-lg: 0 28px 80px rgba(15, 23, 42, .14);--cf-container: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--cf-ink);background:var(--cf-surface);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{max-width:100%}.container{width:min(var(--cf-container),calc(100% - 32px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:12px 16px;border-radius:var(--cf-radius-sm);background:var(--cf-navy);color:#fff;transition:top .2s ease}.skip-link:focus{top:16px}.nav{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(223,231,241,.9);background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand-logo{display:block;width:218px;height:auto}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--cf-brand),#0b72ff);color:#fff;font-size:15px;box-shadow:0 10px 24px #2563eb40}.nav-links{display:flex;align-items:center;gap:26px;color:var(--cf-ink-soft);font-size:14px;font-weight:760}.nav-links a{padding-block:27px;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a:focus-visible{color:var(--cf-brand);border-bottom-color:var(--cf-brand)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-actions form{margin:0}.nav-actions>a.btn-ghost{border-color:transparent;background:transparent;padding-inline:8px;box-shadow:none}.nav-actions>a.btn-ghost:hover{border-color:transparent;background:var(--cf-brand-soft);box-shadow:none}.mobile-menu{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;border:1px solid transparent;border-radius:var(--cf-radius-sm);font-size:14px;font-weight:820;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:3px}.btn-primary{background:linear-gradient(135deg,var(--cf-brand),#0b72ff);color:#fff;box-shadow:0 12px 28px #2563eb38}.btn-primary:hover{background:var(--cf-brand-strong)}.btn-ghost{border-color:var(--cf-line);background:#fff;color:var(--cf-ink)}.btn-ghost:hover{border-color:#b7c6d9;box-shadow:var(--cf-shadow-sm)}.btn-demo,.btn-dark{background:var(--cf-navy);color:#fff}.btn-demo:hover,.btn-dark:hover{background:var(--cf-navy-soft)}.dev-banner{border-bottom:1px solid #f5d978;background:linear-gradient(90deg,#fff9df,#fff2ba)}.dev-inner{min-height:76px;display:flex;align-items:center;gap:15px;padding-block:13px}.dev-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;background:#f5c842}.dev-copy strong{display:block;margin-bottom:3px;font-size:13px;letter-spacing:.03em}.dev-copy span{color:#654f13;font-size:13px;line-height:1.55}.hero{padding:80px 0 68px;background:radial-gradient(circle at 82% 18%,#dceaff 0,transparent 34%),linear-gradient(180deg,#fff,#f6f9fd)}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:54px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cf-brand);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hero h1,.page-hero h1{margin:17px 0 22px;font-size:clamp(42px,5.3vw,72px);line-height:1.03;letter-spacing:-.055em}.hero h1 span,.section-head h2 span{color:var(--cf-brand)}.lead{max-width:680px;color:#475569;font-size:18px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:27px;color:var(--cf-ink-soft);font-size:13px;font-weight:750}.trust-row span:before{content:"✓";margin-right:7px;color:var(--cf-brand)}.app-frame{padding:10px;border:1px solid #d5e0ed;border-radius:25px;background:#fff;box-shadow:var(--cf-shadow-lg)}.app-window{min-height:430px;display:grid;grid-template-columns:150px 1fr;overflow:hidden;border-radius:17px;background:#f7f9fc}.app-side{padding:18px 14px;background:var(--cf-navy);color:#cbd5e1}.mini-logo{margin-bottom:25px;color:#fff;font-size:14px;font-weight:900}.mini-logo span{color:#60a5fa}.menu-item{margin-bottom:4px;padding:10px;border-radius:8px;font-size:11px}.menu-item.active{background:linear-gradient(135deg,var(--cf-brand),#0b72ff);color:#fff}.app-main{padding:20px}.mock-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mock-title{font-size:20px;font-weight:850}.avatar{width:30px;height:30px;border-radius:50%;background:#bfdbfe}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.stat,.panel,.feature,.audience,.metric,.price-card{border:1px solid var(--cf-line);background:#fff;box-shadow:var(--cf-shadow-sm)}.stat{padding:12px;border-radius:12px}.stat small{color:#475569;font-size:11px}.stat strong{display:block;margin-top:5px;font-size:18px}.mock-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;margin-top:10px}.panel{padding:14px;border-radius:12px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:12px}.pill{padding:4px 7px;border-radius:999px;background:#dcfce7;color:#047857}.pill-urgent{background:#fee2e2;color:#b91c1c}.bars{height:120px;display:flex;align-items:end;gap:8px;padding-top:14px}.bar{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(#60a5fa,var(--cf-brand))}section{padding:84px 0}.section-head{max-width:780px;margin:0 auto 44px;text-align:center}.section-head h2{margin:0 0 14px;font-size:clamp(30px,4vw,46px);letter-spacing:-.04em}.section-head p{color:var(--cf-muted);font-size:17px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature{padding:24px;border-radius:var(--cf-radius-md)}.icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:17px;border-radius:13px;background:var(--cf-brand-soft);color:var(--cf-brand);font-size:21px;font-weight:900}.feature h3,.audience h3{margin:0 0 8px;font-size:17px}.feature p,.audience p{margin:0;color:var(--cf-muted);font-size:14px;line-height:1.62}.overview{background:var(--cf-surface-soft)}.overview-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:28px}.metrics{grid-column:2;grid-template-columns:repeat(4,minmax(0,1fr))}.overview-copy h2{margin:12px 0;font-size:43px;letter-spacing:-.045em}.dashboard-card{padding:25px;border:1px solid var(--cf-line);border-radius:20px;background:#fff;box-shadow:var(--cf-shadow-sm)}.metrics{display:grid;gap:13px}.metric{padding:18px;border-radius:15px}.metric strong{display:block;color:var(--cf-brand);font-size:20px}.metric span{color:var(--cf-muted);font-size:12px}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.audience{display:flex;align-items:flex-start;gap:16px;padding:24px;border-radius:var(--cf-radius-md)}.audience .icon{flex:0 0 48px;margin:0}.pricing{background:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.price-card{position:relative;padding:29px;border-radius:19px}.price-card.popular{border:2px solid var(--cf-brand);box-shadow:0 20px 50px #2563eb24}.badge{position:absolute;top:18px;right:20px;padding:6px 9px;border-radius:999px;background:var(--cf-brand-soft);color:var(--cf-brand-strong);font-size:11px;font-weight:850}.price{margin:18px 0 4px;color:var(--cf-brand);font-size:38px;font-weight:900;letter-spacing:-.04em}.price small{color:var(--cf-muted);font-size:14px;font-weight:600}.price-list{display:grid;gap:12px;margin:24px 0;padding:0;list-style:none;color:#475569}.price-list li:before{content:"✓";margin-right:9px;color:var(--cf-success);font-weight:900}.price-card .btn{width:100%}.fine{margin-top:11px;color:#94a3b8;font-size:12px;text-align:center}.cta{padding:72px 0}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px;border-radius:27px;background:linear-gradient(135deg,var(--cf-navy),#0b2341);color:#fff}.cta-box h2{margin:0 0 12px;font-size:38px}.cta-box p{margin:0;color:#cbd5e1;line-height:1.7}.footer{padding:50px 0;background:var(--cf-navy);color:#94a3b8}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.footer strong{color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}.legal-hero,.page-hero{padding:70px 0 38px;background:linear-gradient(180deg,#edf4ff,#fff)}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}.legal-toc{position:sticky;top:96px;display:grid;gap:11px;padding:20px;border:1px solid var(--cf-line);border-radius:var(--cf-radius-md);background:#fff;font-size:14px}.legal-card{padding:38px;border:1px solid var(--cf-line);border-radius:20px;background:#fff;box-shadow:var(--cf-shadow-sm);line-height:1.75}.legal-card p,.legal-card li{color:#475569}.legal-table-wrap{overflow:auto}.legal-table{width:100%;border-collapse:collapse;font-size:14px}.legal-table th,.legal-table td{padding:12px;border:1px solid var(--cf-line);text-align:left;vertical-align:top}.legal-table th{background:var(--cf-surface-soft)}@media(max-width:1000px){.hero-grid,.overview-grid{grid-template-columns:1fr}.metrics{grid-column:auto;grid-template-columns:repeat(4,minmax(0,1fr))}.app-frame{max-width:760px;margin-inline:auto}.app-window{grid-template-columns:minmax(180px,26%) 1fr}.menu-item{font-size:12px}}@media(max-width:900px){.nav-links,.nav-actions{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--cf-line);border-radius:12px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-panel{position:absolute;top:54px;right:0;width:min(320px,calc(100vw - 32px));display:grid;gap:4px;padding:12px;border:1px solid var(--cf-line);border-radius:16px;background:#fff;box-shadow:var(--cf-shadow-lg)}.mobile-menu-panel a,.mobile-menu-panel button{width:100%;justify-content:flex-start}.feature-grid,.audience-grid,.price-grid{grid-template-columns:1fr 1fr}.legal-layout{grid-template-columns:1fr}.legal-toc{position:static}.cta-box{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.container{width:min(100% - 24px,var(--cf-container))}.brand-logo{width:184px}.hero{padding:58px 0 48px}.hero h1,.page-hero h1{font-size:42px}section{padding:64px 0}.feature-grid,.audience-grid,.price-grid,.metrics{grid-template-columns:1fr}.feature-grid{gap:12px}.feature{padding:20px;border-color:#cdd9e8;background:#fff;box-shadow:var(--cf-shadow-sm)}.app-window{grid-template-columns:1fr}.app-side{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 12px;white-space:nowrap;scrollbar-width:thin}.mini-logo{flex:0 0 auto;margin:0 8px 0 0;font-size:12px}.menu-item{flex:0 0 auto;margin:0;padding:7px 8px;font-size:11px}.app-main{padding:18px}.mock-title{font-size:18px}.stat{padding:14px}.stat small{font-size:12px}.stat strong{font-size:22px}.stats{grid-template-columns:1fr 1fr}.mock-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.mock-grid .panel{padding:12px}.mock-grid .panel:nth-child(2){display:none}.overview-copy h2{font-size:35px}.cta-box{padding:32px 25px}.cta-box h2{font-size:31px}.footer-inner{align-items:flex-start;flex-direction:column}.dev-inner{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}