:root{--navy:#071d2b;--navy2:#0d2b3b;--ink:#17252d;--rust:#c85c3f;--rust2:#a8442d;--sand:#e8d7b8;--cream:#f7f3eb;--paper:#fffdf8;--line:#dcded8;--muted:#66757b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(1420px,calc(100% - 64px));height:96px;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--rust);color:#f29a7f;font:800 24px Manrope,sans-serif}.brand strong{display:block;font:800 14px Manrope,sans-serif;letter-spacing:.17em}.brand small{display:block;margin-top:4px;color:#ffffff77;font-size:7px;letter-spacing:.15em}.site-header nav{display:flex;gap:38px;color:#ffffffb8;font-size:13px}.site-header nav a:hover{color:#fff}.header-cta{padding:13px 19px;border:1px solid #ffffff55;border-radius:5px;font-size:12px;font-weight:700}.header-cta span{margin-left:12px;color:#f29a7f}.menu-toggle{display:none}
.hero{position:relative;min-height:840px;padding:180px max(32px,calc((100vw - 1420px)/2)) 95px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 8% 78%,#c85c3f25,transparent 26%),linear-gradient(120deg,#061823,#0a2c3e 70%,#0c2533)}.hero:before{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-copy,.product-stage{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 26px;color:#f2b29f;font:800 10px Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase}.eyebrow span{width:34px;height:1px;background:var(--rust)}.eyebrow.dark{color:var(--rust2)}.hero h1,.section h2,.promise h2,.control h2,.demo h2{margin:0;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.055em}.hero h1{font-size:clamp(57px,5.4vw,88px);line-height:.98}.hero h1 em{color:#e7bea9;font-style:normal}.hero-lead{max-width:610px;margin:30px 0;color:#ffffffb0;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:16px;margin-top:38px}.button{min-height:54px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;font:800 11px Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--rust)}.button-primary:hover{background:#df6e4d}.button-ghost{color:#fff;border:1px solid #ffffff55}.button span{margin-left:14px}.hero-points{display:flex;flex-wrap:wrap;gap:20px;margin-top:55px;padding-top:22px;border-top:1px solid #ffffff21;color:#ffffff80;font-size:10px}.hero-points span::first-letter{color:#f29a7f}
.product-stage{display:flex;justify-content:flex-end}.dashboard{width:100%;max-width:730px;min-height:500px;display:grid;grid-template-columns:112px 1fr;overflow:hidden;color:#17252d;background:#f4f5f2;box-shadow:0 50px 100px #00000055;transform:perspective(1400px) rotateY(-3deg)}.dashboard aside{position:relative;padding:29px 16px;display:flex;flex-direction:column;gap:6px;color:#ffffff70;background:#0b2636;font-size:8px}.dashboard aside>b,.dashboard aside>span{padding:10px 9px}.dashboard aside>b{color:#fff;border-left:2px solid var(--rust);background:#ffffff10}.mini-brand{margin-bottom:35px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em}.mini-brand span{display:inline-grid;width:22px;height:22px;margin-right:5px;place-items:center;border:1px solid var(--rust);color:#f29a7f}.user{position:absolute;bottom:23px;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#fff;background:var(--rust);font-weight:800}.dash-main{padding:32px 27px}.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.dash-head small,.priority small,.metrics small{color:#879398;font-size:7px;letter-spacing:.12em}.dash-head h2{margin:5px 0 0;font:700 23px Manrope,sans-serif;letter-spacing:-.04em}.dash-head i{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#fff;color:var(--rust2);font-size:8px;font-style:normal}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics article{padding:17px 14px;border:1px solid #e1e5e1;background:#fff}.metrics strong,.metrics span{display:block}.metrics strong{margin:10px 0;font:700 19px Manrope,sans-serif}.metrics span{color:#819088;font-size:6px}.metrics .metric-dark{color:#fff;background:#143547;border-color:#143547}.metric-dark small{color:#ffffff80}.metric-dark span{color:#efad99}.priority{margin:36px 0 12px}.priority h3{margin:4px 0 0;font:700 17px Manrope,sans-serif}.booking{display:grid;grid-template-columns:.7fr 1.2fr 1fr .8fr;gap:8px;align-items:center;padding:14px 7px;border-top:1px solid #dde2de;font-size:7px}.booking b{color:var(--rust2)}.booking em{padding:5px;border-radius:15px;text-align:center;color:#397655;background:#dcefe3;font-size:6px;font-style:normal}.booking em.pending{color:#926c2f;background:#f2e7cf}.payment-note{position:absolute;right:-16px;bottom:80px;width:190px;padding:14px;display:flex;gap:10px;align-items:center;color:var(--navy);background:#f0d6c6;box-shadow:0 20px 40px #0004}.payment-note>b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:var(--rust)}.payment-note small,.payment-note strong{display:block}.payment-note small{font-size:6px;letter-spacing:.12em}.payment-note strong{margin-top:4px;font:700 14px Manrope,sans-serif}
.audience{padding:29px max(32px,calc((100vw - 1420px)/2));display:flex;gap:70px;align-items:center;color:#686e6c;background:#ebe4d8}.audience p{margin:0;font-style:italic}.audience div{flex:1;display:flex;justify-content:space-between;gap:25px;font:800 9px Manrope,sans-serif;letter-spacing:.15em}.section{padding:125px max(30px,calc((100vw - 1320px)/2))}.section-heading{display:grid;grid-template-columns:1.1fr .65fr;gap:80px;align-items:end}.section h2{font-size:clamp(43px,4.6vw,68px);line-height:1.02}.section-heading>p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.pain-grid{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.pain-grid article{min-height:285px;padding:28px;border-right:1px solid var(--line)}.pain-grid article:last-child{border:0}.pain-grid span{color:var(--rust);font-size:9px}.pain-grid h3{margin:65px 0 17px;font:700 24px Manrope,sans-serif;letter-spacing:-.035em}.pain-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.platform{color:#fff;background:var(--navy)}.section-heading.light>p{color:#ffffff88}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:72px;background:#ffffff25}.feature-grid .feature-card{min-height:355px;padding:29px 27px;display:block;background:#0b2636;transition:.2s}.feature-grid .feature-card:hover,.feature-grid .feature-card:focus-visible{background:#123446;transform:translateY(-4px);outline:2px solid #f29a7f;outline-offset:-2px}.feature-grid i{color:#f29a7f;font-size:9px;font-style:normal}.feature-grid h3{margin:90px 0 18px;font:700 24px Manrope,sans-serif;letter-spacing:-.04em}.feature-grid p{min-height:80px;margin:0;color:#ffffff85;font-size:12px;line-height:1.75}.feature-grid .feature-card>span{display:block;margin-top:25px;color:#efad99;font-size:9px}
.promise{padding:125px 8%;text-align:center;color:#fff;background:linear-gradient(135deg,#a8442d,#d56c4b)}.promise>p{margin:0 0 30px;font:800 9px Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase}.promise h2{font-size:clamp(48px,5.6vw,82px);line-height:1}.promise h2 em{color:#f7ddd0;font-style:normal}.promise>div{display:flex;justify-content:center;gap:110px;margin-top:70px}.promise span{min-width:150px;padding-top:20px;border-top:1px solid #ffffff55;font-size:9px;letter-spacing:.1em}.promise strong{display:block;margin-bottom:6px;font-size:34px;letter-spacing:-.04em}
.workflow{display:grid;grid-template-columns:.7fr 1fr;gap:110px;background:var(--cream)}.workflow-copy{position:sticky;top:40px;align-self:start}.workflow-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.text-link{display:inline-block;margin-top:24px;padding-bottom:8px;border-bottom:1px solid var(--rust);color:var(--rust2);font-size:11px;font-weight:700}.steps{border-top:1px solid #ccd1cc}.steps article{min-height:118px;display:grid;grid-template-columns:65px 1fr;gap:25px;align-items:center;border-bottom:1px solid #ccd1cc}.steps article>span{color:var(--rust2);font-size:10px}.steps h3{margin:0 0 7px;font:700 31px Manrope,sans-serif;letter-spacing:-.04em}.steps p{margin:0;color:var(--muted);font-size:12px}
.control{padding:120px max(30px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr .8fr;gap:120px;color:#fff;background:#102f40}.control h2{font-size:clamp(43px,4.3vw,65px);line-height:1.03}.control>div>p:last-child{max-width:620px;color:#ffffff88;font-size:14px;line-height:1.8}.control ul{margin:0;padding:0;list-style:none;border-top:1px solid #ffffff22}.control li{padding:24px 0;display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff22}.control li b{font-size:13px}.control li span{color:#ffffff80;font-size:11px;text-align:right}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:70px}.price-grid article{position:relative;min-height:500px;padding:32px 26px;border:1px solid var(--line);background:#fff}.price-grid article.featured{color:#fff;background:var(--navy);border-color:var(--navy);transform:translateY(-13px)}.price-grid article>b{position:absolute;top:0;right:0;padding:8px 11px;background:var(--rust);font-size:7px;letter-spacing:.12em}.price-grid article>p{margin:0 0 36px;color:var(--rust2);font-size:9px;font-weight:800;letter-spacing:.15em}.price-grid h3{margin:0;font:700 31px Manrope,sans-serif;letter-spacing:-.045em}.price-grid small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.featured small{color:#ffffff80}.price-grid hr{margin:30px 0;border:0;border-top:1px solid var(--line)}.featured hr{border-color:#ffffff22}.price-grid dl{margin:0}.price-grid dt{margin-top:20px;color:#8b9699;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.price-grid dd{margin:6px 0 0;font-size:11px;line-height:1.5}.price-grid a{position:absolute;left:26px;right:26px;bottom:27px;padding-bottom:12px;border-bottom:1px solid var(--rust);color:var(--rust2);font-size:10px;font-weight:800;text-transform:uppercase}.featured a{color:#f2b29f}.pricing-note{margin:18px 0 0;color:#8b9699;font-size:9px}
.faq{display:grid;grid-template-columns:.6fr 1fr;gap:110px;background:var(--cream)}.questions{border-top:1px solid #cbd0cb}.questions details{padding:25px 0;border-bottom:1px solid #cbd0cb}.questions summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font:700 15px Manrope,sans-serif;list-style:none}.questions summary:after{content:"+";color:var(--rust);font-size:20px}.questions details[open] summary:after{content:"−"}.questions p{max-width:760px;margin:16px 40px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.demo{padding:125px max(30px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr .7fr;gap:100px;color:#fff;background:var(--navy)}.demo h2{font-size:clamp(44px,4.8vw,70px);line-height:1.03}.demo>div>p:last-child{max-width:650px;color:#ffffff80;font-size:14px;line-height:1.8}.demo form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo label{display:grid;gap:7px;margin-bottom:13px;color:#ffffff80;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.demo input,.demo textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid #ffffff33;outline:0;color:#fff;background:transparent}.demo input:focus,.demo textarea:focus{border-color:#f29a7f}.demo textarea{resize:vertical}.website-field{position:absolute!important;left:-9999px!important}.form-message{padding:13px;border:1px solid #ffffff22;font-size:11px}.form-message.success{color:#bde5c9}.form-message.error{color:#ffb9aa}
footer{padding:42px max(30px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;color:#fff;background:#04141e;border-top:1px solid #ffffff14}footer>div{display:flex;gap:28px;color:#ffffff80;font-size:10px}footer>p{color:#ffffff55;font-size:9px}
@media(max-width:1100px){.hero{grid-template-columns:1fr;padding-top:155px}.product-stage{justify-content:center}.section-heading{grid-template-columns:1fr;gap:25px}.pain-grid,.feature-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.pain-grid article:nth-child(2){border-right:0}.workflow,.control,.faq,.demo{grid-template-columns:1fr;gap:65px}.workflow-copy{position:static}.price-grid article.featured{transform:none}}
@media(max-width:760px){.site-header{width:calc(100% - 32px);height:78px}.brand-icon{width:38px;height:38px}.brand strong{font-size:11px}.header-cta{display:none}.menu-toggle{display:block;padding:10px 0;border:0;color:#fff;background:transparent;font-size:11px}.site-header nav{position:absolute;top:78px;left:-16px;right:-16px;padding:22px;display:none;flex-direction:column;gap:20px;background:#071d2b;border-bottom:1px solid #ffffff22}.site-header nav.open{display:flex}.hero{min-height:auto;padding:130px 20px 75px}.hero h1{font-size:52px}.hero-actions{align-items:stretch;flex-direction:column}.hero-points{flex-direction:column}.dashboard{grid-template-columns:72px 1fr;min-height:410px}.dashboard aside{padding:18px 8px}.dashboard aside>span{display:none}.dash-main{padding:20px 12px}.metrics{grid-template-columns:1fr}.metrics article:not(:first-child){display:none}.booking{grid-template-columns:.8fr 1.2fr .8fr}.booking span:nth-of-type(2){display:none}.payment-note{right:0;bottom:22px}.audience{align-items:flex-start;flex-direction:column;gap:18px;padding:27px 20px}.audience div{flex-wrap:wrap;justify-content:flex-start}.section{padding:85px 20px}.pain-grid,.feature-grid,.price-grid{grid-template-columns:1fr}.pain-grid article{border-right:0;border-bottom:1px solid var(--line)}.pain-grid article:last-child{border-bottom:0}.promise{padding:85px 20px}.promise>div{align-items:center;flex-direction:column;gap:22px}.control,.demo{padding:85px 20px}.control li{align-items:flex-start;flex-direction:column;gap:8px}.control li span{text-align:left}.demo form>div{grid-template-columns:1fr;gap:0}footer{align-items:flex-start;flex-direction:column;gap:30px;padding:40px 20px}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Readability scale: comfortable body text on desktop and mobile */
body{font-size:16px}
.site-header nav{font-size:15px}
.header-cta{font-size:13px}
.eyebrow{font-size:12px}
.hero-lead{font-size:19px}
.hero-points{font-size:12px}
.audience div{font-size:11px}
.section-heading>p{font-size:16px}
.pain-grid span,.feature-grid i{font-size:11px}
.pain-grid h3,.feature-grid h3{font-size:27px}
.pain-grid p,.feature-grid p{font-size:14px}
.feature-grid .feature-card>span{font-size:11px}
.workflow-copy>p:not(.eyebrow){font-size:16px}
.text-link{font-size:13px}
.steps article>span{font-size:12px}
.steps p{font-size:14px}
.control>div>p:last-child{font-size:16px}
.control li b{font-size:15px}
.control li span{font-size:13px}
.price-grid article>p{font-size:11px}
.price-grid small{font-size:11px}
.price-grid dt{font-size:10px}
.price-grid dd{font-size:13px}
.price-grid a{font-size:12px}
.pricing-note{font-size:11px}
.questions summary{font-size:17px}
.questions p{font-size:14px}
.demo>div>p:last-child{font-size:16px}
.demo label{font-size:10px}
.demo input,.demo textarea{font-size:15px}
footer>div{font-size:12px}
footer>p{font-size:11px}

@media(max-width:760px){
  body{font-size:16px}
  .hero-lead{font-size:17px}
  .section-heading>p,.workflow-copy>p:not(.eyebrow),.control>div>p:last-child,.demo>div>p:last-child{font-size:15px}
  .pain-grid p,.feature-grid p,.steps p,.questions p{font-size:14px}
}

/* Feature detail pages */
.feature-page{background:var(--paper)}.feature-nav{height:92px;padding:0 max(25px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--navy);border-bottom:1px solid #ffffff20}.feature-nav>a:nth-child(2){color:#ffffff99;font-size:13px}.feature-hero{min-height:650px;padding:140px max(30px,calc((100vw - 1320px)/2)) 100px;display:grid;grid-template-columns:1fr .45fr;gap:100px;align-items:end;color:#fff;background:radial-gradient(circle at 75% 70%,#c85c3f26,transparent 28%),linear-gradient(130deg,#061823,#0c3042)}.feature-hero h1{max-width:920px;margin:0;font:800 clamp(52px,5.8vw,86px)/.98 Manrope,sans-serif;letter-spacing:-.06em}.feature-hero>div>p:not(.eyebrow){max-width:780px;color:#ffffffaa;font-size:18px;line-height:1.75}.feature-hero aside{padding:32px;border-top:2px solid var(--rust);background:#ffffff0a}.feature-hero aside small{color:#f2b29f;font-size:9px;letter-spacing:.15em}.feature-hero aside p{margin:15px 0 0;font-size:16px;line-height:1.7}.detail-grid{margin-top:70px;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line)}.detail-grid article{min-height:280px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid article:nth-child(2n){border-right:0}.detail-grid article:nth-last-child(-n+2){border-bottom:0}.detail-grid span{color:var(--rust);font-size:11px}.detail-grid h3{margin:55px 0 16px;font:700 28px Manrope,sans-serif;letter-spacing:-.04em}.detail-grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}.feature-flow{padding:120px max(30px,calc((100vw - 1220px)/2));display:grid;grid-template-columns:.7fr 1fr;gap:100px;color:#fff;background:var(--navy)}.feature-flow h2,.feature-benefits h2,.feature-cta h2{margin:0;font:800 clamp(42px,4.5vw,67px)/1.02 Manrope,sans-serif;letter-spacing:-.055em}.feature-flow ol{margin:0;padding:0;list-style:none;border-top:1px solid #ffffff25}.feature-flow li{min-height:115px;padding:20px 0;display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:center;border-bottom:1px solid #ffffff25}.feature-flow li>span{color:#f29a7f;font-size:11px}.feature-flow h3{margin:0 0 7px;font-size:24px}.feature-flow li p{margin:0;color:#ffffff80;font-size:14px;line-height:1.6}.feature-benefits>div{margin-top:55px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-benefits>div span{padding:25px;border:1px solid var(--line);font-size:14px;font-weight:700}.feature-benefits>div span::first-letter{color:var(--rust)}.feature-cta{padding:100px max(30px,calc((100vw - 1320px)/2));display:flex;align-items:end;justify-content:space-between;gap:60px;color:#fff;background:#102f40}.feature-cta h2{max-width:820px}.feature-cta .button{flex:none}
@media(max-width:900px){.feature-hero,.feature-flow{grid-template-columns:1fr;gap:55px}.feature-hero{padding-top:100px}.feature-benefits>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.feature-nav{height:auto;padding:20px;flex-wrap:wrap;gap:18px}.feature-nav>a:nth-child(2){order:3;width:100%}.feature-hero{padding:80px 20px}.feature-hero h1{font-size:49px}.detail-grid{grid-template-columns:1fr}.detail-grid article{border-right:0}.detail-grid article:nth-last-child(2){border-bottom:1px solid var(--line)}.feature-flow{padding:80px 20px}.feature-benefits>div{grid-template-columns:1fr}.feature-cta{padding:80px 20px;align-items:flex-start;flex-direction:column} }