@charset "UTF-8";
:root{--navy:#0f2a39;--teal:#067b74;--green:#07b679;--ink:#132838;--muted:#526672;--canvas:#f3f6f7;--line:#dbe4e7;--white:#fff;--mint:#e6f4ee;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--white);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,summary,select,textarea{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #118e85;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h1{font-size:clamp(48px,5.25vw,78px);font-weight:650;letter-spacing:-.04em;margin-bottom:28px}h2{font-size:clamp(32px,3.3vw,47px);font-weight:600;letter-spacing:-1.9px}h3{font-size:21px;letter-spacing:-.5px;font-weight:600}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:99}.skip:focus{top:10px}.prototype-bar{text-align:center;font-size:14px;background:var(--navy);color:#dbe9ec;padding:8px 16px}.site-header{border-bottom:1px solid var(--line);background:#ffffffef;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.nav-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:172px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:28px}.nav-links>a{font-size:14px;color:var(--ink);white-space:nowrap}.nav-actions{display:flex;gap:20px;align-items:center;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:49px;padding:12px 22px;border:1px solid var(--teal);background:var(--teal);color:white;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;transition:background .18s}.button:hover{background:#055f59;text-decoration:none}.button span{font-size:20px}.button.small{min-height:43px;padding:8px 17px}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:7px;min-height:44px;padding:8px 12px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:54px;align-items:center;padding-top:80px;padding-bottom:85px}.launch{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:22px}.launch>span,.small-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}.lead{font-size:18px;max-width:470px;line-height:1.75;margin-bottom:28px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.play{border:1px solid var(--line);width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.hero-note{font-size:14px;margin-top:23px}.hero-visual{position:relative;padding:20px 20px 30px;border-radius:25px;background:#eaf1f1;background-image:radial-gradient(#a7c6c1 1px,transparent 1px);background-size:15px 15px}.visual-top{display:flex;align-items:center;gap:7px;font-size:14px;margin-bottom:17px}.demo-label{margin-left:auto;font-size:14px;color:#405e69}.mini-app{display:grid;grid-template-columns:130px 1fr;box-shadow:0 20px 35px #13283814;border:1px solid #d0dce0;border-radius:12px;overflow:hidden;min-height:439px;background:var(--canvas)}.mini-sidebar{background:var(--navy);color:#c6d4da;padding:22px 12px;position:relative;font-size:14px}.mini-sidebar img{max-width:100%;height:auto}.store-switch{font-size:14px;border:1px solid #ffffff25;border-radius:5px;padding:9px 5px;margin:23px 0 19px}.store-switch span{float:right}.side-item{display:block;padding:10px 7px;border-radius:5px;margin:3px 0;font-size:14px}.side-item.selected{background:#ffffff15;color:#fff}.side-item b{background:#ffffff20;padding:1px 5px;float:right;border-radius:3px}.sidebar-bottom{position:absolute;bottom:23px;left:20px;font-size:14px}.sidebar-bottom small{color:#9eb5bf}.mini-content{padding:19px}.app-topline{font-size:14px;display:flex;justify-content:space-between;color:#607782}.app-topline span{font-size:14px}.mini-content>h2{font-size:21px;letter-spacing:-.6px;margin:18px 0}.next-action{background:#e2efeb;border:1px solid #c5ded4;padding:15px;border-radius:8px}.pill{font-size:14px;color:#406553}.next-action h3{font-size:17px;margin:9px 0}.next-action p{font-size:14px;margin-bottom:12px}.next-action a{font-size:14px;font-weight:600}.next-action a span{float:right}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.mini-metrics>div{background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px}.mini-metrics small{display:block;font-size:14px;color:var(--muted)}.mini-metrics strong{display:block;font-size:25px;font-weight:600;line-height:1.5}.mini-metrics strong span{font-size:14px;font-weight:400;color:var(--muted)}.mini-metrics>div>span{font-size:14px;display:block}.green-text{color:var(--teal)}.mini-row{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:10px}.mini-row small{font-size:14px;color:var(--muted)}.product-thumb{display:inline-block;width:28px;height:30px;background:#d9e1d2;border-radius:4px;position:relative}.bag:before{content:"";position:absolute;background:#76866b;width:14px;height:15px;left:7px;top:10px;border-radius:2px}.bag:after{content:"";position:absolute;border:2px solid #76866b;border-bottom:0;width:8px;height:8px;left:10px;top:5px;border-radius:6px 6px 0 0}.lamp{background:#e9dfd2}.lamp:before{content:"";position:absolute;background:#b79b7b;width:17px;height:12px;left:6px;top:5px;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.lamp:after{content:"";position:absolute;background:#947f66;width:3px;height:9px;left:13px;top:17px}.status-dot{height:6px;width:6px;background:#b58a32;border-radius:50%;margin-left:auto}.approval-note{position:absolute;right:-15px;bottom:4px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 22px;box-shadow:0 9px 25px #0f2a3910}.approval-note strong{display:block;font-size:14px}.approval-note small{display:block;font-size:14px;color:var(--muted)}.check-icon{display:grid;place-items:center;width:31px;height:31px;background:var(--mint);border-radius:50%;color:var(--teal)}.integration-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;border-block:1px solid var(--line);padding-block:28px}.integration-strip>p{font-size:14px;margin:0}.integration-strip>div{font-size:24px;font-weight:650;letter-spacing:-1px}.integration-strip .woo{font-size:20px}.google{font-weight:400!important;font-size:17px!important;letter-spacing:-.3px!important}.google>span{font-weight:700;font-size:26px;color:#4285f4;margin-right:5px}.integration-strip>small{font-size:14px;color:var(--muted)}.section{padding-block:96px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:70px;margin-bottom:40px}.section-heading h2{margin-bottom:0;flex:1}.section-heading>p,.section-heading>div:last-child{max-width:440px;flex:1}.section-heading>p{padding-top:8px;margin:0;font-size:15px}.feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}.feature{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#f8fafb}.feature-wide{background:#edf5f2}.feature-icon{font-size:27px;color:var(--teal);margin-bottom:25px}.feature h3{font-size:22px}.feature p{font-size:14px;line-height:1.8}.signal-list{padding-top:15px}.signal-list>div{padding:13px 0;border-top:1px solid #d4e2dc;font-size:14px;display:flex;gap:6px;align-items:center}.signal-list b{font-size:14px;font-weight:500;margin-left:auto;color:#596e68}.signal{width:6px;height:6px;display:inline-block;border-radius:50%;flex-shrink:0}.red{background:#b74444}.amber{background:#ac7b13}.teal{background:var(--teal)}.example-title{background:#fff;border:1px solid var(--line);border-radius:8px;margin-top:25px;padding:15px}.example-title small{font-size:14px;color:var(--muted)}.example-title p{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:12px}.example-title strong{font-size:14px;display:block;color:var(--teal);line-height:1.6}.timeline{padding:12px 0 0;list-style:none;margin-bottom:0}.timeline li{display:block;font-size:14px;padding:9px 0 9px 25px;position:relative}.timeline li:before{content:"";width:6px;height:6px;top:17px;background:var(--teal);border-radius:50%;position:absolute;left:0;color:var(--teal)}.walkthrough-section{background:var(--canvas);padding:84px 0}.section-kicker{font-size:14px;color:var(--teal);margin-bottom:15px}.walkthrough{display:grid;grid-template-columns:.8fr 1.5fr;gap:55px}.step-tabs{display:flex;flex-direction:column;gap:8px}.step-tabs button{background:transparent;border:1px solid transparent;text-align:left;border-radius:10px;padding:20px;display:grid;grid-template-columns:36px 1fr;column-gap:15px}.step-tabs button[aria-selected=true]{background:white;border-color:var(--line);box-shadow:0 5px 15px #13283806}.step-tabs button>span{grid-row:span 2;color:var(--teal);font-size:14px;padding-top:3px}.step-tabs strong{font-size:18px;font-weight:600}.step-tabs small{color:var(--muted);font-size:14px;margin-top:5px}.demo-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:28px;min-height:325px}.panel-top{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}.demo-panel h3{font-size:23px;margin-bottom:12px}.demo-panel p{font-size:14px}.evidence{padding:14px;background:var(--canvas);border-radius:8px;font-size:14px;margin:17px 0}.evidence strong{display:block;font-size:14px;color:var(--teal);margin-bottom:6px}.demo-panel .button{margin-top:3px;font-size:14px;min-height:42px}.demo-panel .panel-note{font-size:14px;margin:12px 0 0}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 55px}.capability-grid article>span{color:var(--teal);font-size:26px;display:block;margin-bottom:15px}.capability-grid h3{font-size:19px;margin-bottom:12px}.capability-grid p{font-size:14px;margin-bottom:0}.agency-section{background:var(--navy);color:white;padding-block:80px}.agency-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.agency-layout h2{margin-bottom:22px}.agency-layout p{color:#b9cdd5;font-size:15px}.agency-layout .section-kicker{color:#74d1bc;font-size:14px}.button-light{background:#fff;color:var(--navy);border-color:#fff;margin-top:13px}.button-light:hover{background:#dcedea}.agency-preview{background:#193746;border:1px solid #ffffff20;border-radius:14px;padding:24px}.agency-preview-top{font-size:14px;display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.agency-preview-top>span{font-size:14px;color:#b9cdd5}.agency-preview>div:not(:first-child){display:flex;align-items:center;gap:13px;border-top:1px solid #ffffff15;padding-block:18px}.client-avatar{background:#b5d7ca;color:#21443d;display:grid;place-items:center;width:37px;height:40px;border-radius:7px}.client-avatar.violet{background:#c7c9eb;color:#454774}.client-avatar.peach{background:#e8cab4;color:#714e35}.agency-preview strong{font-size:14px;font-weight:500}.agency-preview strong small{display:block;color:#b9cdd5;font-size:14px;margin-top:3px}.client-badge{font-size:14px;margin-left:auto;background:#254c48;color:#b4ecdb;border-radius:4px;padding:4px 7px}.client-badge.neutral{background:#304654;color:#d5e1e7}.agency-preview>p{font-size:14px;text-align:center;margin:10px 0 0}.billing-toggle{display:inline-flex;padding:4px;background:var(--canvas);border:1px solid var(--line);border-radius:8px;gap:3px}.billing-toggle button{border:0;background:none;padding:9px 13px;border-radius:5px;font-size:14px;min-height:40px}.billing-toggle button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #13283815}.billing-toggle span{color:var(--teal);font-size:14px;margin-left:6px}.pricing-disclosure{font-size:14px;border-left:2px solid #b5c8c7;padding-left:12px;margin-bottom:25px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.price-card{border:1px solid var(--line);border-radius:12px;padding:24px;position:relative}.price-card.highlighted{border:2px solid var(--teal);padding:23px;background:#f4f9f7}.price-card h3{font-size:20px}.plan-audience{font-size:14px;min-height:40px}.price{font-size:35px;letter-spacing:-1.5px;line-height:1.2}.price span{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}.billing-description{font-size:14px;margin-top:7px;min-height:35px}.price-card ul{list-style:none;padding:17px 0;border-top:1px solid var(--line);margin:18px 0 10px}.price-card li{font-size:14px;padding:6px 0}.price-card li:before{content:"✓";color:var(--teal);margin-right:8px}.price-card .button{width:100%;padding:10px 8px;gap:10px;background:#fff;color:var(--teal);font-size:14px}.price-card .button:hover{background:var(--mint)}.price-card.highlighted .button{background:var(--teal);color:#fff}.pricing-note{font-size:14px;margin:24px 0 0;max-width:850px}.trust-section{border-block:1px solid var(--line);padding-block:65px;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.trust-section h2{font-size:38px}.trust-points{display:grid;gap:20px}.trust-points h3{font-size:17px;margin-bottom:8px}.trust-points p{font-size:14px;margin-bottom:0}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:90px}.faq-section>div>p{font-size:14px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:21px 32px 21px 0;list-style:none;font-weight:500;font-size:15px;position:relative;min-height:55px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;color:var(--teal);font-size:22px;top:15px}details[open] summary:after{content:"−"}details p{font-size:14px;padding-right:25px;margin-bottom:22px}.closing{background:var(--mint);border-radius:20px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:80px}.closing h2{font-size:34px;letter-spacing:-1.2px;margin-bottom:15px}.closing p{font-size:14px;margin:0}.closing .button{white-space:nowrap}.site-footer{background:#f4f7f8;border-top:1px solid var(--line);padding-top:55px}.footer-main{display:grid;grid-template-columns:1.65fr 1fr 1fr 1.2fr;gap:45px;padding-bottom:45px}.footer-brand img{width:165px;height:auto}.footer-brand p{font-size:14px;max-width:240px;margin-top:20px}.footer-col h3{font-size:14px;margin-bottom:18px;letter-spacing:0}.footer-col a,.footer-col button{display:block;margin:9px 0;color:var(--muted);font-size:14px;background:none;border:0;padding:0;text-align:left;min-height:22px}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;gap:25px;font-size:14px;color:var(--muted)}.page-hero{padding-block:65px 40px;max-width:820px}.page-hero h1{font-size:55px;letter-spacing:-2px;margin-bottom:22px}.page-hero .lead{max-width:700px}.draft-banner{background:#fff7e6;border:1px solid #e3cf9d;border-radius:8px;padding:15px 20px;color:#69501e;font-size:14px;margin-bottom:30px}.document-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:65px;padding-bottom:85px}.document-nav{position:sticky;top:115px;align-self:start}.document-nav a{display:block;padding:8px 0;font-size:14px;color:var(--muted)}.legal-content h2{font-size:25px;letter-spacing:-.5px;margin:32px 0 14px}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{font-size:15px;line-height:1.85}.legal-content li{margin-block:8px;color:var(--muted)}.legal-content table{width:100%;border-collapse:collapse;font-size:14px}.legal-content th,.legal-content td{text-align:left;padding:14px;border:1px solid var(--line);vertical-align:top}.legal-content th{background:var(--canvas)}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-bottom:85px}.contact-form{padding:30px;border:1px solid var(--line);border-radius:14px}.contact-form label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.form-field{margin-bottom:20px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px;border:1px solid #bdcdd3;border-radius:6px;background:white;color:var(--ink);font-size:14px}.contact-form textarea{min-height:125px;resize:vertical}.form-help,.form-status{font-size:14px;margin:12px 0 0}.contact-options article{padding:22px 0;border-bottom:1px solid var(--line)}.contact-options article:first-child{padding-top:0}.contact-options h2{font-size:20px;letter-spacing:-.4px;margin-bottom:8px}.contact-options p{font-size:14px;margin-bottom:7px}.mail-draft{display:none;margin-top:18px}.mail-draft.visible{display:inline-flex}dialog{max-width:540px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:16px;padding:30px;color:var(--ink)}dialog::backdrop{background:#0f2a3980}dialog h2{font-size:27px;letter-spacing:-.7px}dialog p{font-size:14px}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.secondary{background:white;color:var(--teal)}.preference-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.preference-row small{display:block;color:var(--muted);font-size:14px}.preference-row input{width:22px;height:22px;accent-color:var(--teal)}.dialog-close{float:right;background:none;border:1px solid var(--line);border-radius:5px;width:36px;height:36px;font-size:20px}.no-script{padding:20px;background:var(--canvas)}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:110px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav-links{gap:17px}.nav-actions>a:first-child{display:none}.hero{gap:25px}h1{font-size:59px;letter-spacing:-.04em}.mini-app{grid-template-columns:108px 1fr}.mini-sidebar{padding-inline:9px}.mini-content{padding:14px}.mini-sidebar img{width:85px}.visual-top{font-size:14px}.demo-label{font-size:14px}.hero-visual{padding:15px 12px 25px}.hero .actions{gap:17px}.hero .text-link{font-size:14px}.feature-grid{gap:14px}.feature{padding:22px}.signal-list>div{flex-wrap:wrap}.pricing-grid{grid-template-columns:repeat(2,1fr)}.plan-audience{min-height:0}.agency-layout{gap:45px}.integration-strip>div{font-size:20px}.integration-strip .woo{font-size:17px}.google{font-size:14px!important}.footer-main{gap:25px}.walkthrough{gap:25px}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.nav-inner{height:73px;gap:15px}.brand img{width:145px}.menu-toggle{display:block}.nav-actions{margin-left:auto}.nav-actions .button{display:none}.nav-links{display:none;position:absolute;top:73px;left:0;right:0;padding:20px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px}.hero{grid-template-columns:1fr;gap:45px;padding-top:45px;padding-bottom:55px}.hero-copy{max-width:550px}.hero h1{font-size:65px;letter-spacing:-.04em}.hero .lead{font-size:17px}.hero-visual{width:min(550px,100%);margin-inline:auto;padding:20px 20px 30px}.mini-app{grid-template-columns:130px 1fr;min-height:445px}.mini-sidebar img{width:105px}.mini-content{padding:20px}.visual-top{font-size:14px}.demo-label{font-size:14px}.approval-note{right:-7px}.integration-strip{flex-wrap:wrap;justify-content:center;gap:20px 28px}.integration-strip>p{width:100%;text-align:center}.integration-strip>small{width:100%;text-align:center}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin-bottom:24px}.section-heading>p,.section-heading>div:last-child{max-width:580px}.feature-grid{grid-template-columns:1fr}.feature{padding:28px}.signal-list>div{font-size:14px}.signal-list b{font-size:14px}.feature-icon{margin-bottom:20px}.walkthrough-section{padding-block:60px}.walkthrough{grid-template-columns:1fr;gap:20px}.step-tabs{flex-direction:row;gap:7px}.step-tabs button{display:flex;flex:1;flex-direction:column;padding:13px 10px}.step-tabs button>span{font-size:14px}.step-tabs strong{font-size:14px;margin-top:5px}.step-tabs small{display:none}.demo-panel{padding:24px}.capability-grid{grid-template-columns:repeat(2,1fr);gap:30px}.agency-layout{grid-template-columns:1fr;gap:35px}.agency-section{padding-block:60px}.agency-preview{max-width:550px}.trust-section{grid-template-columns:1fr;gap:30px;padding-block:50px}.faq-section{grid-template-columns:1fr;gap:25px}.closing{padding:30px;display:block;margin-bottom:55px}.closing h2{font-size:29px}.closing .button{margin-top:25px}.footer-main{grid-template-columns:repeat(3,1fr);gap:30px 15px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:400px}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding-block:45px 20px}.page-hero h1{font-size:43px}.document-layout{grid-template-columns:1fr;gap:30px}.document-nav{position:static;border-bottom:1px solid var(--line);padding-bottom:20px;display:flex;flex-wrap:wrap;gap:5px 20px}.document-nav a{font-size:14px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-form{padding:23px}.legal-content table{font-size:14px}.legal-content td,.legal-content th{padding:9px}}
@media(max-width:420px){.hero h1{font-size:43px;letter-spacing:-.04em}.hero-visual{padding-inline:10px}.mini-app{grid-template-columns:95px 1fr}.mini-sidebar img{width:77px}.side-item{font-size:14px;padding-inline:3px}.store-switch{font-size:14px}.mini-content{padding:12px}.mini-content>h2{font-size:20px}.next-action{padding:12px}.visual-top{font-size:14px}.demo-label{font-size:14px}.approval-note{padding:12px 15px;right:0}.pricing-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-col:last-child{grid-column:1/-1}.signal-list>div{font-size:14px}.signal-list b{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keyboard navigation and dynamic feedback. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dialog-close{width:44px;height:44px}
dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.legal-table{overflow:auto;max-width:100%}
.legal-table:focus-visible{outline-offset:-3px}
h1,h2,h3,.legal-content{overflow-wrap:anywhere}
main:focus{outline:none}

/* Refinements retain the supplied marketing mockup's palette and composition. */
::selection{background:#c7e8df;color:var(--navy)}
input,textarea{caret-color:var(--teal)}
a{text-underline-offset:.2em}
h1,h2,h3{text-wrap:balance;letter-spacing:-.03em}
h1{letter-spacing:-.04em}
.section-heading p,.lead{text-wrap:pretty}
.hero-copy,.hero-visual,.section-heading>*,.feature,.price-card,.agency-layout>*{min-width:0}
#site-header{position:sticky;top:0;z-index:20}
.site-header{position:static}
.nav-links>a,.nav-actions>a:first-child{display:inline-flex;align-items:center;min-height:44px}
.mobile-nav-link{display:none!important}
.integration-name small{display:block;font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400;margin-top:4px}
.integration-strip .google{font-size:18px!important;font-weight:600!important}
.feature-status,.roadmap-note{font-size:14px;font-weight:600;color:var(--teal);margin-bottom:24px}
.feature-status.planned{color:var(--muted)}
.roadmap-note{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:28px}
.feature h3{min-height:2.3em}
.signal-list>div{font-size:14px;align-items:flex-start}
.signal-list b{font-size:14px;white-space:nowrap}
.signal{margin-top:6px}
.billing-toggle button,.price{font-variant-numeric:tabular-nums}
.pricing-disclosure{border-left-width:1px}
.button:active{background:#044e49}
.button:disabled{background:#dceae6;border-color:#a8c4bb;color:#36594f;cursor:default}
.price-card .button,.demo-panel .button{min-height:44px}
.footer-col a,.footer-col button{min-height:36px;margin:2px 0;display:flex;align-items:center}
.form-heading{font-size:25px;letter-spacing:-.5px}
.contact-form>button[type=submit]{margin-top:22px}
.contact-form input[type=checkbox]{width:24px;height:24px;flex:0 0 24px;padding:0}
.contact-options a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.no-script{display:flex;gap:16px;flex-wrap:wrap}
@media(min-width:781px) and (max-width:1040px){
 .nav-inner{height:73px}.menu-toggle{display:block}.nav-actions{margin-left:auto}
 .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:16px 28px;flex-direction:column;align-items:stretch;gap:0}
 .nav-links.open{display:flex}.nav-links>a{padding:10px 12px}
}
@media(max-width:1040px){
 .mobile-nav-link{display:flex!important}
 .nav-inner{position:relative}.nav-links{top:100%;max-height:calc(100dvh - 130px);overflow:auto;overscroll-behavior:contain}
 .nav-actions{display:none}.menu-toggle{margin-left:auto}
 .nav-links>a{min-height:48px}
}
@media(max-width:780px){
 .hero h1{font-size:clamp(42px,8.5vw,65px);letter-spacing:-.04em}
 .hero .actions{gap:18px 24px}.hero .text-link{font-size:14px;min-height:44px}
 .integration-strip{justify-content:space-between;gap:22px}
 .integration-strip>p,.integration-strip>small{width:100%;text-align:left}
 .integration-name{width:calc(50% - 11px)}
 .integration-strip .google{width:100%}
 .feature h3{min-height:0}
 .agency-preview-top{flex-wrap:wrap;gap:6px}
 .footer-col a,.footer-col button{min-height:44px}
 .footer-main{gap:28px}.footer-col a{font-size:14px}
 .document-nav a{min-height:44px;display:flex;align-items:center}
 .step-tabs button{min-height:86px}
 .step-tabs strong{font-size:14px;line-height:1.35}
}
@media(max-width:600px){
 .pricing-grid{grid-template-columns:1fr}
 .price-card,.price-card.highlighted{padding:26px}
 .price-card h3{margin-bottom:12px}.price-card li{font-size:14px}
 .plan-audience,.billing-description{font-size:14px;min-height:0}
 .price{font-size:38px}.pricing-note,.pricing-disclosure{font-size:14px}
}
@media(max-width:540px){
 .hero{gap:32px}.hero-visual{padding:16px 12px 52px;border-radius:18px}
 .visual-top{font-size:14px;flex-wrap:wrap}.demo-label{font-size:14px}
 .mini-app{grid-template-columns:1fr;min-height:0}
 .mini-sidebar{display:none}.mini-content{padding:20px}
 .app-topline,.app-topline span{font-size:14px}
 .mini-content>h2{font-size:27px;margin-block:18px}
 .next-action{padding:18px}.pill{font-size:14px}
 .next-action h3{font-size:22px}.next-action p{font-size:14px}
 .next-action a{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:14px}
 .mini-metrics>div{padding:12px}.mini-metrics small{font-size:14px}
 .mini-metrics strong{font-size:30px}.mini-metrics strong span{font-size:14px}
 .mini-metrics>div>span{font-size:14px}
 .mini-row{font-size:14px;gap:12px;margin-top:14px}.mini-row small{font-size:14px}
 .approval-note{bottom:0;right:12px;left:12px;padding:12px 16px}
 .approval-note strong{font-size:14px}.approval-note small{font-size:14px}
 .feature{padding:24px}.signal-list>div{font-size:14px;flex-wrap:wrap}
 .signal-list b{font-size:14px}
 .capability-grid{grid-template-columns:1fr;gap:28px}
 .capability-grid article{padding-bottom:24px;border-bottom:1px solid var(--line)}
 .capability-grid article:last-child{padding-bottom:0;border-bottom:0}
 .demo-panel{padding:20px}.panel-top{font-size:14px;flex-wrap:wrap}
 .demo-panel .button{width:100%;font-size:14px}
 .client-badge{font-size:14px}.agency-preview{padding:20px}
 .agency-preview>div:not(:first-child){flex-wrap:wrap;gap:10px}
 .agency-preview strong{flex:1;min-width:100px}.agency-preview-top>span{font-size:14px}
 .closing{padding:28px}.closing .button{width:100%}
 .trust-section h2{font-size:32px}.footer-main{grid-template-columns:1fr 1fr;gap:28px 20px}
}

.contact-form label.preference-row{display:flex;align-items:flex-start}
.contact-form label.preference-row>span{min-width:0}

/* Dedicated marketing pages extend the approved navy, teal and cool-canvas system. */
[hidden]{display:none!important}
.nav-links>a[aria-current=page]{color:var(--teal);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.route-hero{background:var(--canvas);padding:46px 0 76px;border-bottom:1px solid var(--line)}
.route-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:center}
.route-hero h1{font-size:clamp(44px,4.7vw,68px);margin-block:24px;max-width:760px}
.route-hero .lead{max-width:620px}
.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:14px;flex-wrap:wrap}
.breadcrumbs>span:last-child{color:var(--muted)}
.route-aside{border-left:1px solid #b9cfcd;padding-left:38px}
.route-aside h2{font-size:30px;line-height:1.2;margin-bottom:20px}
.route-aside p{font-size:15px}.route-aside dl{margin:24px 0}
.route-aside dt{font-size:14px;font-weight:650;color:var(--teal);margin-top:20px}
.route-aside dd{margin:6px 0 0;color:var(--muted);font-size:15px}
.availability-note{padding-top:20px;border-top:1px solid var(--line)}
.route-section{padding-block:84px}.route-tint{background:var(--canvas)}
.route-section .section-heading{gap:70px}
.route-section .section-heading h2{max-width:650px}
.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 70px}
.editorial-grid>article{border-top:1px solid var(--line);padding-top:26px}
.editorial-grid p,.editorial-split p,.process-list p,.roadmap-list p,.answer-list p{font-size:16px;line-height:1.8;max-width:72ch}
.editorial-grid article p:last-child,.editorial-split p:last-child{margin-bottom:0}
.editorial-grid .feature-status{margin-bottom:14px}
.editorial-split{display:grid;grid-template-columns:1.3fr 1fr;gap:70px}
.plain-note{background:var(--canvas);padding:30px;border-radius:12px;align-self:start}
.plain-note h3{font-size:21px}
.process-list{counter-reset:step;max-width:1040px;margin-left:auto}
.process-list>article{counter-increment:step;position:relative;padding:28px 0 28px 76px;border-top:1px solid var(--line)}
.process-list>article:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:29px;color:var(--teal);font-size:24px;font-variant-numeric:tabular-nums}
.process-list h3{font-size:25px;margin-bottom:14px}
.process-list p{margin-bottom:0}
.roadmap-list{display:grid;grid-template-columns:1fr 1fr;gap:0 70px}
.roadmap-list>article{padding:28px 0;border-top:1px solid var(--line)}
.roadmap-list .feature-status{margin-bottom:12px;color:var(--muted)}
.roadmap-list p:last-child{margin-bottom:0}
.route-dark{background:var(--navy);color:white;border:0}
.route-dark .lead,.route-dark .route-aside p,.route-dark .breadcrumbs>span:last-child{color:#c5d9e0}
.route-dark .breadcrumbs a{color:#8adbc8}
.route-dark .button{background:white;color:var(--navy);border-color:white}
.route-dark .button:hover{background:var(--mint)}
.route-dark .route-aside{border-color:#ffffff35}
.route-dark .agency-preview{padding:20px;margin-top:28px}
.route-dark .agency-preview-top{font-size:14px}
.route-dark .agency-preview p{font-size:14px}
.trial-layout{display:grid;grid-template-columns:.7fr 1.4fr;gap:70px;align-items:start}
.trial-layout>div:first-child{background:var(--mint);padding:36px;border-radius:12px}
.trial-layout strong{font-size:48px;letter-spacing:-.03em;color:var(--teal)}
.trial-layout p{font-size:16px;line-height:1.8}
.trial-layout>div:first-child p{margin:8px 0 0}
.topic-nav{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.topic-nav a{padding-block:14px;min-height:48px;border-bottom:1px solid var(--line);font-size:15px}
.answer-list{max-width:820px;margin-left:auto}
.answer-list article{border-top:1px solid var(--line);padding:28px 0;scroll-margin-top:140px}
.answer-list h3{font-size:23px;line-height:1.3;margin-bottom:14px}
.answer-list p{margin-bottom:0}
.route-section .billing-toggle{margin-bottom:20px}
.plan-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:30px}
.plan-overview>div{border-top:1px solid var(--line);padding-top:22px}
.plan-overview h3{font-size:18px}.plan-overview strong{font-size:34px;letter-spacing:-.03em}
.plan-overview small{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}
.plan-overview p{font-size:14px;margin-top:12px}
.section-next{margin-top:30px}
html:not(.js) .nav-inner{height:auto;min-height:86px;flex-wrap:wrap;padding-block:20px}
html:not(.js) .nav-links{display:flex;position:static;flex-wrap:wrap;flex-direction:row;max-height:none;padding:0;border:0;gap:10px 20px}
html:not(.js) #site-header{position:static}
@media(max-width:1040px){
 .route-hero-grid{gap:40px}.route-aside{padding-left:28px}
 .route-hero h1{font-size:52px}.editorial-grid,.roadmap-list{gap:30px 40px}
 .route-dark .route-hero-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:780px){
 .route-hero{padding-block:30px 44px}.route-hero-grid,.route-dark .route-hero-grid{grid-template-columns:1fr;gap:36px}
 .route-hero h1{font-size:clamp(42px,8vw,58px);margin-top:26px}
 .route-aside{border-left:0;border-top:1px solid #b9cfcd;padding:28px 0 0}
 .route-aside h2{font-size:28px}.route-aside p,.route-aside dd{max-width:65ch}
 .route-section{padding-block:56px}.editorial-split{grid-template-columns:1fr;gap:30px}
 .editorial-grid,.roadmap-list{grid-template-columns:1fr;gap:0}
 .editorial-grid>article{padding-block:26px}.process-list>article{padding-left:48px}
 .process-list h3{font-size:23px}.process-list>article:before{font-size:20px}
 .trial-layout{grid-template-columns:1fr;gap:28px}.trial-layout>div:first-child{padding:28px}
 .plan-overview{grid-template-columns:1fr 1fr;gap:24px}
 html:not(.js) .nav-links{width:100%}
 .route-section .section-heading{margin-bottom:24px}
}
@media(max-width:420px){
 .route-hero h1{font-size:40px}.route-hero .button{width:100%;gap:16px}
 .process-list>article{padding-left:38px}.process-list>article:before{font-size:17px}
 .plain-note{padding:23px}.plan-overview strong{font-size:29px}
 .route-aside .agency-preview{padding:16px}
}

html:not(.js) .step-tabs,html:not(.js) .demo-panel{display:none}

/* Product imagery and editorial rhythm; no hidden content or scroll-reveal dependency. */
.story-band{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding-block:65px}
.story-band h2{font-size:clamp(32px,3.1vw,44px);margin-bottom:22px}
.story-band p{font-size:16px;line-height:1.8}
.editorial-photo{margin:0;min-width:0}
.editorial-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px;background:#e7ece9}
.editorial-photo figcaption{display:flex;flex-wrap:wrap;gap:3px 16px;font-size:14px;color:var(--muted);margin-top:12px;line-height:1.6}
.editorial-photo figcaption>span{font-size:14px}
.fact-pairs{margin-block:24px}.fact-pairs>div{border-top:1px solid var(--line);padding-block:16px}
.fact-pairs dt{font-weight:600;font-size:14px;color:var(--teal)}
.fact-pairs dd{font-size:15px;margin:7px 0 0;color:var(--muted)}
.clean-list{list-style:none;padding:0;margin:22px 0}
.clean-list li{border-top:1px solid var(--line);padding:12px 0;font-size:15px;color:var(--muted)}
.clean-list strong{color:var(--ink)}
.small-copy{font-size:14px!important;line-height:1.7;color:var(--muted)}
.supporting-photo{margin-block:8px 54px;max-width:1240px}
.supporting-photo img{max-height:420px;object-position:center 48%}
.contact-options>.editorial-photo{margin-bottom:35px}
.comparison-table{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:12px}
.comparison-table:focus-visible{outline-offset:-4px}
.comparison-table table{width:100%;border-collapse:collapse;min-width:620px;font-size:14px;line-height:1.7}
.comparison-table th,.comparison-table td{text-align:left;vertical-align:top;padding:18px 22px;border-bottom:1px solid var(--line)}
.comparison-table thead{background:var(--canvas)}
.comparison-table td{color:var(--muted)}
.comparison-table th[scope=row]{font-weight:600;width:27%}
.comparison-table tr:last-child>*{border-bottom:0}
.planner-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:start}
.planner-layout>div>p{font-size:15px;line-height:1.8;margin-top:20px}
.plan-planner{background:white;padding:32px;border:1px solid var(--line);border-radius:14px}
.planner-fields{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}
.planner-fields>div{min-width:0}
.planner-fields label,.faq-tools label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}
.planner-fields input,.faq-search-row input{font:inherit;width:100%;min-width:0;min-height:48px;padding:10px 12px;color:var(--ink);background:white;border:1px solid #a8bdc4;border-radius:7px}
.planner-fields input{font-variant-numeric:tabular-nums}
.plan-fit-result{margin-block:22px;padding:20px;background:var(--mint);border-radius:9px;min-height:90px}
.plan-fit-result h3{font-size:23px;margin-bottom:10px}
.plan-fit-result p{font-size:14px;margin-bottom:0;line-height:1.8}
.plan-fit-result a{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-weight:600;font-size:14px}
.faq-tools{padding-block:40px 8px}
.faq-tools form{max-width:820px;margin-left:auto}
.faq-search-row{display:flex;align-items:stretch;gap:12px}
.faq-search-row input{flex:1}
.faq-search-row .button{white-space:nowrap}
.empty-answer{padding:35px 0;max-width:820px;margin-left:auto}
.empty-answer h2{font-size:28px}
.reading-progress{position:absolute;bottom:0;left:0;right:0;height:3px;pointer-events:none;overflow:hidden}
.reading-progress>span{display:block;height:100%;background:var(--teal);transform:scaleX(0);transform-origin:left}
.route-hero,.story-band,.planner-layout,.faq-tools{scroll-margin-top:130px}
@media(prefers-reduced-motion:no-preference){
 .hero-visual .next-action{animation:catalog-facts 1000ms cubic-bezier(.16,1,.3,1) 200ms 1}
 .hero-visual .approval-note{animation:review-arrival 650ms cubic-bezier(.16,1,.3,1) 250ms 1}
 .nav-links.open{animation:menu-arrival 180ms cubic-bezier(.16,1,.3,1) 1}
 .button,.text-link{transition:background-color 150ms,color 150ms}
 .button>span[aria-hidden],.text-link>span[aria-hidden]{transition:transform 180ms cubic-bezier(.16,1,.3,1)}
 .button:hover>span[aria-hidden],.button:focus-visible>span[aria-hidden],.text-link:hover>span[aria-hidden]{transform:translate(2px,-2px)}
 details summary{transition:background-color 150ms}
 details[open] summary{background-color:#edf5f2}
 @keyframes catalog-facts{0%{background:#c8e8db}100%{background:#e2efeb}}
 @keyframes review-arrival{0%{transform:translateY(8px);opacity:.82;filter:blur(1px)}100%{transform:translateY(0);opacity:1;filter:blur(0)}}
 @keyframes menu-arrival{from{clip-path:inset(0 0 15% 0);opacity:.85}to{clip-path:inset(0);opacity:1}}
}
@media(max-width:1040px){.story-band{gap:36px}.planner-layout{gap:35px}.plan-planner{padding:26px}}
@media(max-width:780px){
 .story-band{grid-template-columns:1fr;gap:28px;padding-block:42px}
 .story-band h2{font-size:34px}.story-band p{font-size:16px}
 .planner-layout{grid-template-columns:1fr;gap:28px}
 .planner-layout>.plan-planner{max-width:100%}
 .supporting-photo{margin-bottom:35px}.supporting-photo img{max-height:330px}
 .faq-tools form{margin:0}.comparison-table th,.comparison-table td{padding:14px 16px}
}
@media(max-width:420px){
 .plan-planner{padding:22px}.planner-fields{grid-template-columns:1fr;gap:18px}
 .plan-planner .button{width:100%}.faq-search-row{flex-wrap:wrap}
 .faq-search-row input{flex-basis:100%}.faq-search-row .button{width:100%}
 .story-band h2{font-size:31px}.editorial-photo figcaption{font-size:14px}
}

.section-jumps{display:flex;gap:12px 28px;flex-wrap:wrap;align-items:center;padding-block:18px;border-bottom:1px solid var(--line)}
.section-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600}
.legal-content section+section{margin-top:32px}.legal-content p,.legal-content ul{max-width:72ch}

/* Readable type throughout: body 17px, controls 16px, supporting text at least 14px. */
:root{--text-body:1.0625rem;--text-ui:1rem;--text-note:.875rem}
body{font-size:var(--text-body);line-height:1.7}
small{font-size:var(--text-note)}
.prototype-bar{font-size:var(--text-note);line-height:1.6}
.nav-links>a,.nav-actions,.button,.text-link,.hero .text-link,.demo-panel .button,.price-card .button{font-size:var(--text-ui)}
.section-heading>p,.feature p,.capability-grid p,.agency-layout p,.trust-points p,.faq-section>div>p,.faq-list p,.closing p,
.editorial-grid p,.editorial-split p,.process-list p,.roadmap-list p,.answer-list p,.story-band p,
.route-aside p,.route-aside dd,.fact-pairs dd,.clean-list li,.planner-layout>div>p,.plan-fit-result p,
.legal-content p,.legal-content li,.contact-options p,.dialog-actions,.preference-row{font-size:var(--text-body)}
.feature .feature-status,.roadmap-list .feature-status,.route-aside dt,.fact-pairs dt,.section-kicker,.launch,.hero-note,
.editorial-photo figcaption,.editorial-photo figcaption>span,.demo-panel .panel-note,.draft-banner,.preference-row small{font-size:var(--text-note);line-height:1.7}
.small-copy{font-size:var(--text-note)!important}
.contact-form label,.planner-fields label,.faq-tools label,.topic-nav a,.section-jumps a,.document-nav a,.breadcrumbs{font-size:var(--text-ui)}
.contact-form input,.contact-form select,.contact-form textarea,.planner-fields input,.faq-search-row input{font-size:var(--text-ui)}
.form-help,.form-status,.plan-audience,.billing-description,.pricing-disclosure,.pricing-note,.billing-toggle span{font-size:var(--text-note);line-height:1.7}
.billing-toggle button,.price-card li,.price span,.plan-overview small,.plan-overview p,.plan-fit-result a{font-size:var(--text-ui)}
.billing-toggle{flex-wrap:wrap}.billing-toggle button{min-height:44px}
.billing-description{min-height:3.4em}.price-card ul{padding-block:20px}.price-card li{line-height:1.6;padding-block:7px}
.comparison-table table,.legal-content table{font-size:var(--text-ui)}
.panel-top,.evidence,.evidence strong,.step-tabs small{font-size:var(--text-note)}
.demo-panel p{font-size:var(--text-body)}
.footer-brand p,.footer-col h3,.footer-col a,.footer-col button{font-size:var(--text-ui)}
.footer-col a,.footer-col button{min-height:44px;line-height:1.6}
.footer-bottom{font-size:var(--text-note);line-height:1.7;flex-wrap:wrap}
.footer-main{grid-template-columns:1.5fr 1fr 1.2fr 1.3fr;gap:32px}
.integration-strip{flex-wrap:wrap}
.integration-strip>p,.integration-strip>small,.integration-name small{font-size:var(--text-note);line-height:1.6}
.integration-name{min-width:180px}
.signal-list>div,.signal-list b,.example-title small,.example-title p,.example-title strong,.timeline li{font-size:var(--text-note);line-height:1.7}
.signal-list>div{flex-wrap:wrap;align-items:flex-start}.signal-list b{white-space:normal}
.example-title strong{font-weight:650}
.agency-preview-top,.agency-preview-top>span,.agency-preview strong,.agency-preview strong small,
.client-badge,.agency-preview>p,.route-dark .agency-preview-top,.route-dark .agency-preview p{font-size:var(--text-note);line-height:1.6}
.agency-preview-top,.agency-preview>div:not(:first-child){flex-wrap:wrap}
.agency-preview strong{min-width:0;flex:1}.client-badge{white-space:normal}
/* The illustrative catalog grows with its labels instead of shrinking its text. */
.hero-visual{min-width:0}.visual-top{font-size:var(--text-note);flex-wrap:wrap;line-height:1.6}
.demo-label{font-size:var(--text-note)}
.mini-app{grid-template-columns:154px minmax(0,1fr);min-height:560px}
.mini-sidebar{font-size:var(--text-note);padding:22px 12px}
.store-switch,.side-item,.side-item b,.sidebar-bottom,.sidebar-bottom small{font-size:var(--text-note);line-height:1.6}
.store-switch{margin-block:22px 16px;padding:10px 6px}
.side-item{padding:10px 5px;white-space:normal}.side-item b{padding:0 4px}
.sidebar-bottom{left:16px;bottom:20px}
.mini-content{padding:18px;min-width:0}
.app-topline,.app-topline span,.pill,.next-action p,.next-action a,.mini-metrics small,.mini-metrics strong span,.mini-metrics>div>span,
.mini-row,.mini-row small,.approval-note strong,.approval-note small{font-size:var(--text-note);line-height:1.6}
.app-topline{flex-wrap:wrap;gap:4px 12px}
.mini-content>h2{font-size:25px;line-height:1.2}
.next-action h3{font-size:22px;line-height:1.25}.next-action{padding:16px}
.next-action a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.mini-metrics>div{padding:12px;min-width:0}.mini-metrics strong{font-size:30px;line-height:1.4}
.mini-row{gap:10px;margin-top:14px}.product-thumb{flex-shrink:0}
.approval-note{padding:14px 18px;max-width:calc(100% - 20px)}
@media(max-width:1100px){
 .mini-app{grid-template-columns:1fr;min-height:0}
 .mini-sidebar{display:flex;align-items:center;padding:14px 18px;position:static}
 .mini-sidebar img{width:112px}
 .mini-sidebar .store-switch,.mini-sidebar .side-item,.mini-sidebar .sidebar-bottom{display:none}
 .mini-content{padding:20px}
 .hero-visual{padding-bottom:58px}
 .approval-note{bottom:0;right:10px}
}
@media(max-width:780px){
 .footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
 .footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}
 .hero .lead{font-size:18px}.plan-audience,.billing-description{font-size:var(--text-note)}
 .integration-name{min-width:0}.integration-strip>div{width:100%}
 .approval-note{left:10px;right:10px;max-width:none}
 .legal-content td,.legal-content th{padding:12px}
}
@media(max-width:540px){
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}
 .footer-col:last-child{grid-column:1/-1}
 .mini-sidebar{display:flex}.mini-content{padding:18px}
 .mini-metrics{grid-template-columns:1fr 1fr}.mini-metrics>div{padding:10px}
 .hero-visual{padding:16px 12px 76px}.demo-label{margin-left:0}
 .mini-content>h2{font-size:25px}.approval-note{padding:12px 14px}
 .panel-top{font-size:var(--text-note)}.step-tabs strong{font-size:var(--text-ui)}
 .step-tabs button{padding:13px 8px;min-width:0}
 .agency-preview strong{min-width:100px}.client-badge{margin-left:0}
}
/* Marketing polish: preserve the original world, refine its proportions and states. */
:root {
 --focus: #067b74;
 --control-border: #6f8792;
 --accent-hover: #055f59;
 --surface-soft: #f8fafb;
 --space-section: clamp(3.5rem, 6.5vw, 6rem);
}
html {scroll-padding-top: 9rem; color-scheme: light}
body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
p {text-wrap: pretty}
h2 {line-height: 1.18}
h3 {line-height: 1.3}
.site-header {background: var(--white); backdrop-filter: none}
.prototype-bar {padding-block: 6px}
.nav-inner {height: 78px}
.nav-links {gap: 24px}
.nav-links>a {text-underline-offset: 7px; text-decoration-thickness: 2px}
.nav-actions>a:first-child {padding-inline: 16px; border: 1px solid var(--line); border-radius: 8px; font-weight: 600}
.menu-toggle {border-color: var(--control-border); font-weight: 600; background: var(--white)}
.button {min-height: 50px; gap: 18px; padding: 12px 22px; line-height: 1.5}
.text-link {min-height: 44px; line-height: 1.5}
.button.secondary:hover {background: var(--mint); color: var(--teal)}
button, a, summary {touch-action: manipulation}
:is(a,button,summary,input,textarea,select,[tabindex]):focus-visible {outline: 3px solid var(--focus); outline-offset: 4px}
:is(.agency-section,.route-dark,.mini-sidebar) :focus-visible {outline-color: var(--white)}
.hero {
 grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
 gap: clamp(2rem, 4vw, 3.5rem);
 padding-block: clamp(2.5rem, 4.5vw, 4.5rem);
}
.hero h1 {font-size: clamp(2.75rem, 4.7vw, 4.4rem); line-height: 1.08; letter-spacing: -.035em; margin-bottom: 24px}
.hero .lead {font-size: 1.125rem; line-height: 1.7; max-width: 45ch}
.hero .launch {margin-bottom: 18px}
.hero .actions {gap: 10px 24px}
.hero-note {margin-block: 16px 0; max-width: 46ch}
.hero-visual {padding: 18px; background: #eaf1f1; border-radius: 24px; width: 100%}
.visual-top {margin-bottom: 14px; gap: 6px 10px}
.mini-app {min-height: 0; grid-template-columns: 136px minmax(0,1fr); border: 0; box-shadow: 0 8px 24px #0f2a3912}
.mini-content {padding: 18px}
.mini-content>h2 {font-size: 1.5rem; margin-block: 16px; letter-spacing: -.025em}
.next-action h3 {font-size: 1.25rem; line-height: 1.3; letter-spacing: -.02em}
.next-action {padding: 14px}
.next-action a {min-height: 40px}
.app-topline {color: var(--muted)}
.next-action a {color: var(--accent-hover)}
.mini-metrics strong {font-size: 1.75rem}
.approval-note {
 position: static; max-width: none; margin-top: 16px; padding: 0 4px;
 background: transparent; border: 0; box-shadow: none;
}
.approval-note .check-icon {flex-shrink: 0; background: var(--white)}
.integration-strip {padding-block: 26px; gap: 24px 32px}
.section, .route-section {padding-block: var(--space-section)}
.section-heading {gap: 48px; margin-bottom: 36px}
.section-heading>p {padding-top: 4px; line-height: 1.7}
.section-heading h2, .story-band h2 {letter-spacing: -.03em}
.feature {border-radius: 16px; padding: 28px; background: var(--surface-soft)}
.feature-wide {background: #edf5f2}
.feature h3 {min-height: 0; line-height: 1.3; margin-bottom: 16px}
.feature p {line-height: 1.7}
.feature-status {margin-bottom: 18px}
.capability-grid {gap: 36px 48px}
.capability-grid h3, .trust-points h3 {font-size: 1.25rem; line-height: 1.3}
.story-band {padding-block: clamp(2.75rem,5vw,4rem); gap: 48px}
.editorial-photo img {outline: 1px solid #0000001a; outline-offset: -1px}
.route-hero {padding-block: 36px 56px}
.route-hero-grid {gap: 60px}
.route-hero h1 {font-size: clamp(2.5rem,4.6vw,4rem); line-height: 1.12; letter-spacing: -.035em; margin-block: 24px}
.route-aside {padding-inline-start: 32px}
.route-aside h2 {font-size: 1.75rem; line-height: 1.25; letter-spacing: -.025em}
.editorial-grid, .editorial-split, .roadmap-list {column-gap: 48px}
.editorial-grid h3, .process-list h3, .roadmap-list h3 {line-height: 1.3}
.editorial-grid p, .editorial-split p, .process-list p, .roadmap-list p, .answer-list p {line-height: 1.75}
.price-card {display: flex; flex-direction: column; border-radius: 14px}
.price-card h3 {font-size: 1.375rem; margin-bottom: 12px}
.price-card ul {flex: 1; margin-bottom: 16px}
.price {font-size: clamp(2rem,2.8vw,2.5rem); letter-spacing: -.03em; line-height: 1.3}
.price-card .button {min-height: 48px}
.billing-toggle {gap: 6px; padding: 5px}
.billing-toggle button {padding-inline: 16px; font-weight: 600}
.billing-toggle button[aria-pressed=true] {color: var(--teal); box-shadow: 0 1px 4px #1328381a}
.plan-overview strong, .trial-layout strong {font-variant-numeric: tabular-nums}
.plan-planner {border-radius: 16px}
.plan-fit-result {padding: 22px; min-height: 0}
.plan-fit-result:empty {display: none}
.contact-form {background: var(--surface-soft); padding: 32px; border-radius: 16px; align-self: start}
.form-field {margin-bottom: 24px}
.contact-form label, .planner-fields label, .faq-tools label {line-height: 1.5; margin-bottom: 8px}
.contact-form input, .contact-form select, .contact-form textarea, .planner-fields input, .faq-search-row input {
 border-color: var(--control-border); min-height: 48px; border-radius: 8px;
}
input::placeholder, textarea::placeholder {color: var(--muted); opacity: 1}
.contact-form input[type=checkbox] {min-height: 24px; accent-color: var(--teal)}
.contact-form textarea {min-height: 150px; line-height: 1.6}
.contact-form .preference-row {font-weight: 400; gap: 12px}
.page-hero {padding-block: 48px 32px; max-width: 820px}
.page-hero h1 {font-size: clamp(2.5rem,4.4vw,3.75rem); line-height: 1.15; letter-spacing: -.03em}
.document-layout {gap: 56px; grid-template-columns: 208px minmax(0,760px)}
.document-nav {top: 140px; border-inline-start: 1px solid var(--line); padding-inline-start: 20px}
.document-nav a {min-height: 44px; line-height: 1.5; padding-block: 10px}
.legal-content p, .legal-content ul {max-width: 68ch}
.legal-content h2 {font-size: 1.625rem; line-height: 1.3; margin-block: 40px 16px}
.legal-content h2:first-child {margin-top: 0}
.legal-content a {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em}
.legal-content :is(h2,h3), .answer-list article {scroll-margin-top: 9rem}
.faq-list summary {font-size: 1.0625rem; line-height: 1.5; padding-block: 22px}
.faq-list summary::after {top: 18px}
.faq-list details[open] summary {color: var(--teal)}
.closing {border-radius: 16px; padding: 40px 44px; margin-bottom: var(--space-section)}
.closing h2 {line-height: 1.2}
.site-footer {padding-top: 48px}
.footer-col h3 {font-weight: 650; margin-bottom: 14px}
.footer-col a, .footer-col button {line-height: 1.5; margin-block: 0}
.footer-brand p {max-width: 28ch; line-height: 1.7}
.footer-bottom {gap: 8px 24px; font-size: .875rem}
dialog {padding: 32px; box-shadow: 0 24px 80px #0f2a3933}
dialog h2 {line-height: 1.25; padding-inline-end: 44px}
dialog p {font-size: 1rem; line-height: 1.7}
.dialog-close {border-color: var(--control-border)}
@media (hover:hover) {
 .nav-links>a:hover, .document-nav a:hover, .footer-col a:hover, .footer-col button:hover {color: var(--teal)}
 .nav-actions>a:first-child:hover, .menu-toggle:hover {background: var(--canvas); text-decoration: none}
}
@media (min-width:781px) and (max-width:1240px) {
 .mini-app {grid-template-columns: 1fr}
 .mini-sidebar {display: flex; align-items: center; padding: 12px 18px; position: static}
 .mini-sidebar img {width: 112px}
 .mini-sidebar .store-switch, .mini-sidebar .side-item, .mini-sidebar .sidebar-bottom {display: none}
}
@media (max-width:1040px) {
 .nav-inner {height: 72px}
 .nav-links {padding: 12px; border: 1px solid var(--line); border-radius: 0 0 12px 12px; box-shadow: 0 12px 24px #0f2a3910}
 .nav-links>a {border-radius: 6px; padding: 12px}
 .nav-links>a[aria-current=page] {background: var(--mint)}
 .route-hero-grid {gap: 36px}
 .route-aside {padding-inline-start: 24px}
 .contact-layout {gap: 40px}
}
@media (max-width:780px) {
 .hero {grid-template-columns: 1fr; padding-block: 36px 48px; gap: 32px}
 .hero h1 {font-size: clamp(2.625rem,8vw,3.75rem); max-width: 15ch}
 .hero-copy, .hero-visual {width: 100%; max-width: 560px; margin-inline: auto}
 .hero-visual {padding: 16px}
 .mini-app {grid-template-columns: 1fr}
 .mini-sidebar {display: flex; align-items: center; padding: 12px 18px; position: static}
 .mini-sidebar img {width: 112px}
 .mini-sidebar .store-switch, .mini-sidebar .side-item, .mini-sidebar .sidebar-bottom {display: none}
 .mini-content {padding: 18px}
 .section-heading h2 {margin-bottom: 20px}
 .story-band {gap: 28px}
 .route-hero {padding-block: 28px 40px}
 .route-hero h1 {font-size: clamp(2.5rem,7.5vw,3.5rem)}
 .route-aside {padding: 24px 0 0}
 .editorial-grid, .roadmap-list {column-gap: 0}
 .document-layout {grid-template-columns: minmax(0,1fr); gap: 28px}
 .document-nav {padding: 0 0 20px; border-inline-start: 0; gap: 4px 20px}
 .page-hero {padding-block: 36px 24px}
 .contact-form {padding: 24px}
 .closing {padding: 28px; margin-bottom: 48px}
 .closing .button {margin-top: 22px}
 .capability-grid {gap: 28px}
 .site-footer {padding-top: 36px}
}
@media (max-width:420px) {
 .hero h1 {font-size: 2.625rem}
 .hero .actions {align-items: stretch}
 .hero .actions>.button {width: 100%}
 .hero-visual {padding: 14px 12px; border-radius: 18px}
 .visual-top .demo-label {flex-basis: 100%; margin-left: 0; padding-left: 17px}
 .mini-content {padding: 14px}
 .mini-metrics>div {padding: 10px}
 .approval-note {gap: 10px; padding: 0}
 .route-hero h1 {font-size: 2.5rem}
 .feature, .contact-form, .plan-planner {padding: 22px}
 .closing {padding: 24px}
 .billing-toggle {display: flex}
 .billing-toggle button {flex: 1; padding-inline: 10px}
 dialog {padding: 24px; width: calc(100% - 32px)}
 .dialog-actions .button {flex: 1 1 100%}
}
@media (forced-colors:active) {
 :is(a,button,summary,input,textarea,select,[tabindex]):focus-visible {outline-color: Highlight}
 .mini-app {border: 1px solid CanvasText}
 .billing-toggle button[aria-pressed=true] {outline: 2px solid Highlight; outline-offset: -2px}
}