:root{--blue:#155eef;--blue-dark:#0b3fb3;--blue-soft:#eaf1ff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--canvas:#f7f9fc;--green:#079455;--orange:#e87817}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(228,231,236,.8);background:rgba(255,255,255,.9);backdrop-filter:blur(16px)}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.25rem;font-weight:800;color:#123a8c}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--blue),#55a2ff);box-shadow:0 8px 18px rgba(21,94,239,.22)}.desktop-nav{display:flex;align-items:center;gap:34px}.desktop-nav a,.login-link{text-decoration:none;color:#475467;font-weight:600;font-size:.94rem}.desktop-nav a:hover,.login-link:hover{color:var(--blue)}.header-actions,.hero-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:11px;text-decoration:none;font-weight:700;transition:.18s ease}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding:0 18px}.button-primary{color:#fff;background:linear-gradient(135deg,var(--blue),#2979ff);box-shadow:0 10px 24px rgba(21,94,239,.22)}.button-secondary{color:#344054;background:#fff;border:1px solid #d0d5dd}.hero{position:relative;overflow:hidden;padding:88px 0 92px;background:radial-gradient(circle at 85% 20%,#e4efff 0,transparent 32%),linear-gradient(180deg,#fbfdff,#f5f8fe)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(21,94,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,94,239,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to right,#000,transparent 75%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:62px}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:.82rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 5px #d1fadf}.hero h1{margin:22px 0 22px;font-size:clamp(2.7rem,5vw,4.65rem);line-height:1.02;letter-spacing:-.055em}.hero h1 span{color:var(--blue)}.hero-text{max-width:650px;margin:0 0 30px;color:#475467;font-size:1.12rem;line-height:1.75}.hero-trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px;color:#475467;font-size:.88rem;font-weight:600}.product-preview{overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#fff;box-shadow:0 32px 80px rgba(29,57,113,.18),0 4px 12px rgba(16,24,40,.06);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.preview-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid var(--line);background:#fbfcfe}.preview-top span{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.preview-top strong{margin-left:10px;color:#475467;font-size:.76rem}.preview-body{padding:24px;background:#f8faff}.preview-welcome{display:flex;flex-direction:column;margin-bottom:18px}.preview-welcome small{color:#98a2b3}.preview-welcome strong{font-size:1.08rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-grid article{display:flex;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff}.metric-grid small{margin:8px 0 5px;color:#667085;font-size:.68rem}.metric-grid strong{font-size:.95rem}.metric-grid em{margin-top:7px;color:#12a566;font-size:.6rem;font-style:normal}.metric-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:.72rem}.metric-icon.blue{color:#155eef;background:#eaf1ff}.metric-icon.green{color:#079455;background:#dcfae6}.metric-icon.orange{color:#e87817;background:#ffead5}.preview-chart{height:176px;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.chart-title{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700}.chart-title small{color:#98a2b3;font-weight:500}.bars{height:115px;display:flex;align-items:flex-end;gap:15px;padding:15px 8px 0;border-bottom:1px solid #eaecf0}.bars i{flex:1;min-height:20px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#4b91ff,#155eef)}.proof-strip{border-block:1px solid var(--line);background:#fff}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid div{padding:26px 24px;border-right:1px solid var(--line)}.proof-grid div:last-child{border:0}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{margin-bottom:5px;font-size:.94rem}.proof-grid span{color:var(--muted);font-size:.78rem}.section{padding:100px 0}.section-heading{max-width:670px;margin:0 auto 48px;text-align:center}.section-heading h2{margin:13px 0 14px;font-size:clamp(2rem,4vw,3rem);line-height:1.12;letter-spacing:-.04em}.section-heading p{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:28px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(16,24,40,.04)}.feature-card.featured{grid-row:span 2}.feature-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:22px;border-radius:12px;color:var(--blue);background:var(--blue-soft);font-size:1.25rem;font-weight:800}.feature-card h3{margin:0 0 10px;font-size:1.13rem}.feature-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.65}.mini-list{display:flex;flex-direction:column;gap:9px;margin-top:30px}.mini-list span{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:9px;color:#344054;font-size:.75rem}.mini-list i{width:27px;height:27px;border-radius:50%;background:#eaf1ff}.mini-list b{margin-left:auto;padding:3px 7px;border-radius:8px;color:#067647;background:#dcfae6;font-size:.62rem}.process-section{background:var(--canvas)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps article{text-align:center}.steps article>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 20px;border-radius:14px;color:#fff;background:var(--blue);font-weight:800;box-shadow:0 10px 24px rgba(21,94,239,.2)}.steps h3{margin:0 0 9px}.steps p{max-width:320px;margin:0 auto;color:var(--muted);font-size:.92rem;line-height:1.65}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px}.price-card{position:relative;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.price-card.recommended{border:2px solid var(--blue);box-shadow:0 18px 45px rgba(21,94,239,.13)}.recommend-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 13px;border-radius:20px;color:#fff;background:var(--blue);font-size:.68rem;font-weight:800;text-transform:uppercase}.price-card h3{margin:0 0 9px;font-size:1.3rem}.price-card>p{min-height:48px;margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.price{display:flex;align-items:baseline;gap:5px;margin:28px 0}.price strong{font-size:2rem;letter-spacing:-.04em}.price span{color:var(--muted);font-size:.84rem}.price-card ul{display:flex;flex-direction:column;gap:13px;flex:1;margin:0 0 28px;padding:0;list-style:none;color:#475467;font-size:.88rem}.price-card li:before{content:"✓";margin-right:9px;color:var(--green);font-weight:800}.cta-section{padding:30px 0 100px}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px;border-radius:24px;color:#fff;background:linear-gradient(120deg,#0b3fb3,#155eef 60%,#3f8cff);box-shadow:0 25px 60px rgba(21,94,239,.22)}.section-tag.light{color:#cfe0ff}.cta-box h2{max-width:700px;margin:12px 0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.cta-box p{margin:0;color:#dbe8ff}.button-light{flex:0 0 auto;color:var(--blue-dark);background:#fff}.site-footer{padding:34px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;gap:28px}.footer-inner p{margin:0;color:var(--muted);font-size:.85rem}.footer-inner>span{margin-left:auto;color:#98a2b3;font-size:.8rem}
@media(max-width:900px){.desktop-nav{display:none}.hero{padding-top:64px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-text{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.product-preview{max-width:680px;margin:0 auto;transform:none}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid div:nth-child(2){border-right:0}.proof-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card.featured{grid-row:span 1}.pricing-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.cta-box{flex-direction:column;text-align:center}.footer-inner{flex-wrap:wrap}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.header-inner{height:66px}.logo{font-size:1.08rem}.logo-mark{width:34px;height:34px}.login-link{display:none}.button-small{padding:0 14px}.hero{padding:50px 0 62px}.hero h1{font-size:2.55rem}.hero-text{font-size:1rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-trust{flex-direction:column;gap:10px}.product-preview{border-radius:14px}.preview-body{padding:14px}.metric-grid{grid-template-columns:1fr}.metric-grid article:nth-child(n+2){display:none}.section{padding:72px 0}.proof-grid{grid-template-columns:1fr}.proof-grid div{border-right:0;border-bottom:1px solid var(--line)!important}.proof-grid div:last-child{border-bottom:0!important}.feature-grid,.steps{grid-template-columns:1fr}.feature-card{padding:24px}.section-heading{margin-bottom:34px}.cta-section{padding-bottom:72px}.cta-box{padding:38px 22px}.button-light{width:100%}.footer-inner{flex-direction:column;text-align:center}.footer-inner>span{margin-left:0}}
