:root{--navy:#10253f;--ink:#152940;--muted:#5c6978;--orange:#f77625;--orange-strong:#e75f12;--paper:#fffdfa;--soft:#f6f8fb;--line:#e4e9ef;--teal:#43b4ac}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}.site-header{height:82px;display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid #f0f2f5;position:sticky;top:0;z-index:20}.brand{color:var(--navy);font-size:18px;font-weight:800;letter-spacing:-.55px;text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{display:block;color:var(--orange);font-size:9px;letter-spacing:1.6px;line-height:1}.brand-mark{display:grid;grid-template-columns:repeat(3,5px);align-items:end;gap:2px;padding:6px 5px;border:2px solid var(--navy);border-radius:4px;height:34px}.brand-mark i{display:block;background:var(--orange);border-radius:1px}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:19px}.main-nav{display:flex;gap:28px;margin:auto}.main-nav a,.login-link,footer a{color:#435062;text-decoration:none;font-size:14px;font-weight:600}.main-nav a:hover,.login-link:hover,footer a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:22px}.nav-toggle{display:none}.button{border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;text-decoration:none;font-weight:800;font-size:14px;cursor:pointer;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 20px #10253f1c}.button-primary{background:var(--orange);color:#fff}.button-primary:hover{background:var(--orange-strong)}.button-dark{background:var(--navy);color:#fff}.button-outline{border:1px solid #cdd5df;color:var(--navy);background:#fff}.button-small{min-height:40px;padding:0 16px;font-size:12px}.section-shell{max-width:1200px;margin:0 auto;padding-left:28px;padding-right:28px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1.08fr;gap:55px;align-items:center;padding-top:76px;padding-bottom:45px;background:radial-gradient(circle at 88% 42%,#ffdbca 0,transparent 31%),linear-gradient(110deg,#fff 0%,#f9fbfd 52%,#fff4ef 100%)}.eyebrow{margin:0 0 15px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.1px;text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,66px);letter-spacing:-3.3px;line-height:1.04;margin:0;max-width:600px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-text{color:var(--muted);font-size:17px;line-height:1.75;max-width:520px;margin:24px 0}.hero-actions{display:flex;gap:22px;align-items:center}.video-trigger{border:0;background:transparent;color:var(--ink);font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px}.play-dot,.demo-play{display:grid;place-items:center;color:var(--orange);border:2px solid currentColor;border-radius:50%;height:25px;width:25px;font-size:10px;padding-left:2px}.trust-list{display:flex;gap:10px;margin-top:40px}.trust-list>div{display:flex;gap:9px;align-items:center;min-width:150px;border-radius:9px;padding:9px 11px;background:#fff;box-shadow:0 8px 22px #10253f0b}.trust-list b{color:var(--orange);font-size:18px}.trust-list span{font-size:10px;color:#728091;line-height:1.3}.trust-list strong{display:block;color:#2e4054;font-size:11px}.product-stage{position:relative;min-height:390px;display:grid;place-items:center}.screen-glow{position:absolute;width:420px;height:330px;border-radius:50%;background:#ffe3d4;filter:blur(25px)}.monitor{z-index:1;width:min(100%,575px);height:337px;padding:9px;border-radius:13px;background:#10151d;transform:rotate(-2.8deg);box-shadow:0 35px 34px #15294047}.monitor-top{height:28px;border-radius:5px 5px 0 0;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 12px;font-size:7px;color:#556373}.mini-logo{margin-right:auto;color:#162a42;font-size:8px;font-weight:800}.profile-dot{height:13px;width:13px;border-radius:50%;background:#edb088}.monitor-body{height:291px;display:grid;grid-template-columns:105px 1fr;background:#f8fafc}.monitor aside{background:#11273f;color:#adbbc9;padding:20px 9px;display:grid;align-content:start;gap:13px;font-size:8px}.monitor aside span{padding:5px 7px}.monitor .nav-active{background:#f77625;color:#fff;border-radius:4px}.screen-content{padding:22px 20px}.screen-content h2{font-size:14px;margin:0}.screen-content>p{margin:2px 0 16px;font-size:8px;color:#8a96a4}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-row div,.screen-panels>div{background:#fff;border:1px solid #edf0f3;border-radius:5px;padding:10px}.metric-row b{display:block;font-size:17px}.metric-row small{color:#84909e;font-size:7px}.screen-panels{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:10px}.screen-panels h3{margin:0 0 8px;font-size:8px}.activity p{border-top:1px solid #f0f2f5;margin:0;padding:7px 0;font-size:7px;color:#738091}.activity i{display:inline-block;height:5px;width:5px;background:#62b6d6;border-radius:50%;margin-right:4px}.activity small{float:right;color:#aab2bb}.chart{text-align:center}.chart-ring{height:72px;width:72px;margin:8px auto;border-radius:50%;background:conic-gradient(var(--teal) 0 45%,#f4a16f 45% 70%,#327bb3 70% 88%,#e7edf3 88%);display:grid;place-items:center;position:relative}.chart-ring:before{content:"";position:absolute;width:48px;height:48px;border-radius:50%;background:#fff}.chart-ring span{z-index:1;font-size:13px;font-weight:800}.chart-ring small{display:block;font-size:6px;color:#758291;font-weight:400}.chart p{font-size:6px;color:#758291}.chart p b{display:inline-block;height:5px;width:5px;border-radius:50%}.blue{background:#327bb3}.orange{background:#f4a16f}.monitor-stand{position:absolute;bottom:5px;z-index:0;width:95px;height:65px;border-radius:0 0 55px 55px;background:linear-gradient(90deg,#aab2ba,#e5e7e8,#9ba4ae);transform:translateY(25px)}.proof-strip{padding:30px 24px 45px;text-align:center;background:#fff}.proof-strip p{font-size:13px;font-weight:800;margin:0 0 17px}.proof-strip div{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;color:#8e98a4;font-size:17px;font-weight:900;letter-spacing:-.7px}.workflow{padding-top:80px;padding-bottom:100px}.section-heading{max-width:575px}.section-heading h2,.feature-band h2,.demo-copy h2,.final-cta h2{font-size:clamp(30px,4vw,45px);letter-spacing:-1.9px;line-height:1.1;margin:0}.section-heading>p:last-child,.demo-copy>p:not(.eyebrow),.feature-grid>div>p:not(.eyebrow){color:var(--muted);font-size:16px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px;position:relative}.steps article{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px 21px;min-height:205px;box-shadow:0 9px 25px #10253f08}.steps span{position:absolute;top:-14px;left:22px;height:28px;width:28px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--orange);font-size:12px;font-weight:900}.steps h3{margin:21px 0 9px;font-size:17px}.steps p,.feature-cards p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.feature-band{background:var(--navy);color:#fff;padding:95px 0}.feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:82px;align-items:center}.feature-band .eyebrow{color:#ff9c5f}.feature-grid>div>p:not(.eyebrow){color:#c8d1dc}.text-link{display:inline-block;margin-top:20px;color:#fff;font-size:14px;font-weight:800;text-decoration:none}.text-link b{color:var(--orange);font-size:19px;margin-left:5px}.feature-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}.feature-cards article{padding:24px;border:1px solid #ffffff23;border-radius:10px;background:#fff1}.feature-cards b{font-size:12px;color:#ff9c5f}.feature-cards h3{font-size:17px;margin:15px 0 8px}.feature-cards p{color:#c6d1dc}.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:105px;padding-bottom:105px}.demo-video{border:0;min-height:275px;border-radius:14px;background:linear-gradient(135deg,#10253f,#2e536e);box-shadow:0 23px 50px #10253f24;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;text-align:left;cursor:pointer;font:inherit;font-size:18px;font-weight:800}.demo-play{height:54px;width:54px;color:#fff;border-color:#fff;font-size:17px}.demo-video small{font-size:12px;font-weight:500;color:#c3d3df}.pricing{padding-top:95px;padding-bottom:105px;background:linear-gradient(#f7f9fc,#fff)}.centered{text-align:center;margin:auto}.billing-note{margin:34px auto 26px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;color:#7d8a99}.billing-note b{background:#e7f7f1;color:#257a6e;padding:6px 11px;border-radius:20px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1010px;margin:auto}.pricing-grid article{padding:30px 27px;border-radius:12px;border:1px solid var(--line);background:#fff;position:relative}.pricing-grid .featured{border:2px solid var(--orange);box-shadow:0 18px 36px #f7762523;transform:translateY(-8px)}.recommended{position:absolute;top:-13px;left:50%;transform:translateX(-50%);margin:0;border-radius:16px;background:var(--orange);color:#fff;padding:5px 12px;font-size:10px;font-weight:900;letter-spacing:.6px}.pricing-grid h3{font-size:21px;margin:0}.price{display:flex;align-items:baseline;gap:7px;margin:15px 0 0}.price b{font-size:31px;letter-spacing:-1.4px}.price span,.price-meta{font-size:12px;color:#7c8998}.price-meta{margin:2px 0 22px}.pricing-grid ul{list-style:none;padding:0;margin:0 0 28px;min-height:94px}.pricing-grid li{padding:7px 0;font-size:13px}.pricing-grid li:before{content:"✓";margin-right:8px;color:var(--orange);font-weight:900}.pricing-grid .button{width:100%}.enterprise{text-align:center;margin:26px 0 0;font-size:14px;color:var(--muted)}.enterprise a{color:var(--orange);font-weight:800;text-decoration:none}.faq{padding-top:90px;padding-bottom:105px;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;list-style:none;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--orange);font-size:24px;font-weight:400;line-height:.7}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--muted);max-width:670px;font-size:14px;margin:15px 35px 0 0}.final-cta{padding:85px 28px;background:radial-gradient(circle at 72% 20%,#ffb37d 0,transparent 22%),var(--navy);color:#fff;text-align:center}.final-cta>div{max-width:690px;margin:auto}.final-cta .eyebrow{color:#ffac76}.final-cta>div>p:not(.eyebrow){color:#c9d5df;font-size:16px;margin:17px 0 25px}footer{max-width:1200px;margin:auto;padding:35px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{color:#7b8794;font-size:12px;margin:0}footer>div{display:flex;gap:18px}footer a{font-size:12px}.video-modal{border:0;border-radius:16px;padding:0;width:min(680px,calc(100% - 32px));box-shadow:0 30px 80px #0008}.video-modal::backdrop{background:#10253fc4}.video-modal>div{position:relative;padding:36px;background:#fff}.video-modal h2{margin:0 0 20px;font-size:31px}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--navy);font-size:28px;cursor:pointer}.video-placeholder{background:linear-gradient(135deg,#132d49,#406781);color:#fff;border-radius:10px;padding:50px 30px;text-align:center}.video-placeholder>span{display:grid;place-items:center;height:54px;width:54px;margin:auto;border:2px solid #fff;border-radius:50%;padding-left:3px}.video-placeholder p{font-weight:800;margin:16px 0 6px}.video-placeholder small{color:#d7e1e9}@media(max-width:900px){.site-header{gap:20px}.main-nav{gap:14px}.hero{grid-template-columns:1fr;gap:20px;padding-top:50px}.product-stage{min-height:330px;max-width:620px;width:100%;margin:auto}.feature-grid,.demo-section,.faq{grid-template-columns:1fr;gap:40px}.feature-grid{max-width:670px}.faq{gap:30px}.pricing-grid{gap:12px}.pricing-grid article{padding:25px 18px}.trust-list{flex-wrap:wrap}}@media(max-width:680px){.site-header{height:66px;padding:0 18px}.brand{font-size:15px}.brand-mark{height:29px}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:15px 20px;border-bottom:1px solid var(--line);flex-direction:column;gap:15px}.main-nav.open{display:flex}.nav-toggle{display:block;border:0;background:#fff;color:var(--navy);font-weight:800;margin-left:auto}.header-actions{display:none}.section-shell{padding-left:20px;padding-right:20px}.hero{min-height:0;padding-top:52px;padding-bottom:35px}.hero h1{letter-spacing:-2.1px}.hero-text{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.trust-list>div{min-width:calc(50% - 6px)}.monitor{height:240px}.monitor-body{height:203px}.monitor aside{grid-template-columns:1fr 1fr;gap:3px;padding:7px;font-size:6px}.screen-content{padding:12px}.metric-row b{font-size:11px}.screen-panels{grid-template-columns:1fr}.chart{display:none}.proof-strip{padding:25px 18px}.proof-strip div{gap:16px;font-size:12px}.workflow,.pricing{padding-top:65px;padding-bottom:65px}.steps,.pricing-grid{grid-template-columns:1fr}.steps{gap:26px}.steps article{min-height:0}.feature-band{padding:65px 0}.feature-cards{grid-template-columns:1fr}.demo-section{padding-top:65px;padding-bottom:65px}.demo-video{min-height:210px}.pricing-grid .featured{transform:none}.billing-note{flex-wrap:wrap}.faq{padding-top:60px;padding-bottom:65px}footer{align-items:flex-start;flex-direction:column}.final-cta{padding:65px 20px}}
