@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--orange:#e65100;--orange-dark:#b83f00;--ink:#172026;--muted:#68747c;--line:#e7e9e8;--soft:#f5f6f4;--white:#fff;--green:#16865a;--red:#b83232;--radius:18px;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.header{height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,32,38,.07)}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:600;font-size:18px;letter-spacing:-.5px}.brand strong{color:var(--orange)}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:-.4px}.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav>a:not(.nav-cta):hover{color:var(--orange)}.nav-cta{background:var(--ink);color:#fff;padding:11px 17px;border-radius:10px}.menu-button{display:none;border:0;background:none;color:var(--ink)}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:6vw;padding:80px max(5vw,24px) 90px;overflow:hidden;background:radial-gradient(circle at 75% 28%,rgba(230,81,0,.08),transparent 28%),linear-gradient(180deg,#fff,#fafaf8)}.hero-copy{max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:700;color:var(--orange);margin-bottom:20px}.eyebrow>span{width:25px;height:1px;background:currentColor}.hero h1,.section-intro h2,.feature-copy h2,.audience h2,.cta h2{font-family:Manrope,sans-serif;letter-spacing:-2.8px;line-height:1.04;margin:0;font-weight:700}.hero h1{font-size:clamp(48px,5.8vw,80px)}.hero h1 em{font-style:normal;color:var(--orange)}.hero-text{font-size:18px;color:var(--muted);max-width:610px;margin:26px 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:11px;font-weight:700;font-size:14px;transition:.2s}.button.primary{background:var(--orange);color:#fff}.button.primary:hover{background:var(--orange-dark);transform:translateY(-2px)}.button.secondary{border:1px solid var(--line);background:#fff}.button.large{padding:17px 24px}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;color:var(--muted);font-size:12px}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row svg{color:var(--green)}.product-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.product-window{box-shadow:0 30px 80px #17202629;border-radius:17px;border:1px solid #e5e6e3;background:#fff;transform:rotate(1deg);min-width:min(650px,100%);max-width:100%}.window-top{height:42px;background:#fafafa;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 13px;border-radius:17px 17px 0 0}.window-top>span{width:8px;height:8px;border-radius:50%;background:#d9d9d9}.window-top small{margin:auto;color:#9aa1a4;font-size:9px;background:#f0f1ef;padding:4px 50px;border-radius:5px}.app-shell{display:grid;grid-template-columns:145px 1fr;min-height:455px}.app-sidebar{padding:18px 10px;border-right:1px solid var(--line);background:#fcfcfb;border-radius:0 0 0 17px}.mini-brand{width:34px;height:34px;background:var(--orange);color:#fff;display:grid;place-items:center;border-radius:9px;font-size:10px;font-weight:800;margin:0 8px 22px}.side-item{display:flex;gap:10px;align-items:center;padding:9px 10px;font-size:9px;color:#737d82;border-radius:7px;margin-bottom:4px}.side-item i{width:10px;height:10px;border:1.5px solid currentColor;border-radius:3px}.side-item.active{color:var(--orange);background:#fff1e9;font-weight:700}.app-main{padding:26px 26px 20px;background:#f6f7f5;border-radius:0 0 17px}.app-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.app-heading small,.card-label{font-size:8px;color:#8b9498;font-weight:700;letter-spacing:1px}.app-heading h3{font-size:18px;margin:3px 0}.app-heading>span{font-size:9px;border:1px solid var(--line);background:#fff;padding:6px 9px;border-radius:6px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric{background:#fff;border:1px solid var(--line);padding:13px 11px;border-radius:9px}.metric small,.metric span{display:block;color:#8a9397;font-size:7px}.metric strong{font-family:Manrope;font-size:16px;display:block;margin:5px 0;color:#263238}.metric.danger strong{color:var(--red)}.metric.success strong{color:var(--green)}.dashboard-lower{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:11px}.chart-card,.status-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px}.bars{height:105px;display:flex;gap:10px;align-items:flex-end;padding:10px 10px 0;border-bottom:1px solid var(--line)}.bars i{flex:1;background:#dce1df;border-radius:3px 3px 0 0}.bars i.hot{background:var(--orange)}.months{display:flex;justify-content:space-around;font-size:6px;color:#9aa1a4;margin-top:7px}.status-card>div:not(.card-label){display:grid;grid-template-columns:26px 1fr;align-items:center;border-bottom:1px solid #eee;padding:11px 0}.status-card b{font-size:14px}.status-card span{font-size:7px;color:#8a9397}.section-pad{padding:120px max(7vw,30px)}.section-intro{max-width:850px}.section-intro h2,.feature-copy h2,.audience h2,.cta h2{font-size:clamp(38px,4.4vw,62px)}.section-intro.centered{text-align:center;margin:0 auto}.problem{background:#fff}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:70px;padding-left:25%}.problem-grid p{font-size:17px;color:var(--muted)}blockquote{margin:0;font-family:Manrope;font-size:21px;line-height:1.5;border-left:3px solid var(--orange);padding-left:25px}blockquote strong{color:var(--orange)}.workflow{background:var(--soft)}.steps{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:70px auto 0;gap:28px}.step{position:relative}.step-number{font-family:Manrope;font-size:11px;color:#a4aaac}.step-icon{width:54px;height:54px;border-radius:15px;border:1px solid #dfe2df;background:#fff;display:grid;place-items:center;color:var(--orange);margin:20px 0}.step h3,.benefit h3{font-family:Manrope;font-size:18px;margin:0 0 10px}.step p,.benefit p{color:var(--muted);font-size:14px;margin:0}.step-line{position:absolute;right:-20px;top:57px;width:35%;border-top:1px dashed #c9cecb}.features{background:#fff}.feature-showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:center;max-width:1250px;margin:auto}.feature-copy p{font-size:17px;color:var(--muted);margin:25px 0 35px}.feature-copy ul{list-style:none;padding:0;margin:0}.feature-copy li{display:flex;gap:14px;margin:20px 0}.feature-copy li>svg{color:var(--orange);background:#fff1e9;border-radius:50%;padding:3px;flex:none}.feature-copy li span{display:flex;flex-direction:column}.feature-copy li small{color:var(--muted);margin-top:3px}.comparison-card{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff;box-shadow:0 30px 70px #1720261a}.compare-head{display:flex;justify-content:space-between;font-weight:700;font-family:Manrope;border-bottom:1px solid var(--line);padding-bottom:18px}.badge{font-family:DM Sans;font-size:11px;background:#fff0ef;color:var(--red);padding:5px 9px;border-radius:6px}.document-title{display:flex;align-items:center;gap:12px;padding:22px 0}.doc-icon{width:42px;height:42px;border-radius:10px;background:#f2f3f1;display:grid;place-items:center;font-size:11px;font-weight:800}.document-title>div:nth-child(2){display:flex;flex-direction:column;flex:1}.document-title small{color:var(--muted);font-size:11px}.compare-columns{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}.compare-columns>div{display:flex;flex-direction:column;padding:20px}.compare-columns>div+div{border-left:1px solid var(--line);background:#fffaf7}.compare-columns small{font-size:9px;color:#90999c;font-weight:700;margin-bottom:15px}.compare-columns label{font-size:10px;color:#90999c;margin-top:8px}.compare-columns b{font-size:13px}.orange{color:var(--orange)}.insight{display:flex;gap:12px;margin-top:16px;background:#fff4ed;padding:14px;border-radius:10px}.insight>span{width:26px;height:26px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:50%;font-weight:800}.insight p{display:flex;flex-direction:column;font-size:11px;margin:0;color:#68747c}.insight b{color:var(--ink);font-size:12px}.benefits{background:var(--soft)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin:70px auto 0}.benefit{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;min-height:205px;transition:.2s}.benefit:hover{transform:translateY(-4px);box-shadow:0 16px 35px #17202612}.benefit-icon{color:var(--orange);margin-bottom:30px}.audience{background:var(--ink);color:#fff}.eyebrow.light{color:#ff8a4d}.audience{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.audience-copy{align-self:center}.audience-cards article{padding:27px 0;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:50px 150px 1fr;align-items:start}.audience-cards article>span{color:#ff8a4d;font-size:11px}.audience-cards h3{margin:0;font-family:Manrope}.audience-cards p{margin:0;color:#aab3b7;font-size:14px}.cta{display:flex;align-items:end;justify-content:space-between;gap:50px;background:radial-gradient(circle at 80% 20%,rgba(230,81,0,.12),transparent 30%);flex-wrap:wrap}.cta .button.large{flex-shrink:0}.cta p{color:var(--muted);font-size:17px}footer{padding:40px max(5vw,24px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:var(--muted);font-size:13px}footer p{text-align:center}footer small{text-align:right}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.footer-links a{color:var(--orange);font-weight:600;font-size:13px}.footer-links a:hover{text-decoration:underline}.reveal{animation:up .7s ease both}.delay{animation-delay:.15s}@keyframes up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1050px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:800px}.product-window{transform:none;margin-top:30px}.hero{overflow:hidden}.problem-grid{padding-left:0}.feature-showcase,.audience{grid-template-columns:1fr}.benefit-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.header{height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:22px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.menu-button{display:block}.hero{min-height:auto;padding:65px 22px}.hero h1{font-size:45px;letter-spacing:-2px}.hero-text{font-size:16px}.hero-actions .button{width:100%}.product-window{min-width:560px}.section-pad{padding:85px 22px}.problem-grid,.steps,.benefit-grid{grid-template-columns:1fr}.problem-grid{gap:30px;margin-top:45px}.steps{gap:45px}.step-line{display:none}.section-intro h2,.feature-copy h2,.audience h2,.cta h2{letter-spacing:-1.8px}.comparison-card{padding:17px}.document-title>strong{display:none}.compare-columns{grid-template-columns:1fr}.compare-columns>div+div{border-left:0;border-top:1px solid var(--line)}.audience-cards article{grid-template-columns:40px 1fr}.audience-cards p{grid-column:2;margin-top:8px}.cta{align-items:flex-start;flex-direction:column}.cta .button{width:100%}.dashboard-lower{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;gap:15px;text-align:center}footer .brand{justify-content:center}footer p,footer small{text-align:center;margin:0}.footer-links{align-items:center}}
