:root{--forest:#063326;--forest2:#0b4635;--forest3:#14634b;--yellow:#f3cc4f;--yellow2:#ffe27c;--ink:#132019;--muted:#627068;--line:#dce5e0;--soft:#f3f7f5;--white:#fff;--greenSoft:#e7f2ed;--red:#a53c35;--amber:#976c1b;--shadow:0 24px 80px rgba(5,49,37,.13);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1220px,calc(100% - 44px));margin:auto}.section{padding:96px 0}.section-sm{padding:66px 0}.soft{background:var(--soft)}.dark{background:var(--forest);color:#fff}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#247459;margin-bottom:15px}.dark .eyebrow,.hero .eyebrow{color:var(--yellow)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.02}h1{font-size:clamp(48px,6.4vw,84px);margin-bottom:24px}h2{font-size:clamp(38px,4.8vw,62px);margin-bottom:20px}h3{font-size:clamp(25px,2.8vw,36px);margin-bottom:13px}h4{font-size:19px;margin-bottom:8px}.lead{font-size:clamp(18px,1.8vw,23px);color:var(--muted);max-width:780px;line-height:1.48}.dark .lead,.hero .lead{color:rgba(255,255,255,.72)}.copy{font-size:17px;color:var(--muted);max-width:700px}.trial-strip{background:var(--yellow);color:var(--forest);font-size:13px;font-weight:850;text-align:center;padding:9px 16px}.trial-strip a{text-decoration:underline;text-underline-offset:3px}.site-header{position:sticky;top:0;z-index:100;background:var(--forest);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center}.brand img{height:45px;width:auto;max-width:235px}.nav-links{display:flex;gap:27px;align-items:center;margin-left:auto}.nav-links a{font-size:14px;font-weight:750;color:rgba(255,255,255,.76)}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.menu-btn{display:none;border:0;background:none;color:#fff;font-size:28px}.mobile-menu{display:none;padding:0 0 18px}.mobile-menu.open{display:grid;gap:5px}.mobile-menu a{padding:8px 0;color:rgba(255,255,255,.85)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 21px;border-radius:6px;border:1px solid transparent;font-size:14px;font-weight:900;transition:.16s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--yellow);color:var(--forest)}.btn-primary:hover{background:var(--yellow2)}.btn-white{background:#fff;color:var(--forest)}.btn-outline{background:#fff;border-color:var(--line);color:var(--ink)}.btn-outline-dark{background:transparent;border-color:rgba(255,255,255,.38);color:#fff}.btn-ghost{background:transparent;color:#247459;padding-left:0;padding-right:0}.btn-sm{min-height:40px;padding:9px 14px}.btn-block{width:100%}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero{position:relative;overflow:hidden;background:var(--forest);color:#fff}.hero:not(.home-gif-hero):before{content:"";position:absolute;right:-100px;bottom:-160px;width:760px;height:540px;background:url('truck-hero.svg') center/cover no-repeat;opacity:.1;filter:grayscale(1)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:66px;align-items:center;min-height:690px;padding:82px 0 90px}.hero h1{max-width:760px}.proof{display:flex;gap:19px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:rgba(255,255,255,.68)}.proof span:before{content:'✓';color:var(--yellow);font-weight:900;margin-right:7px}.product-window{background:#fff;color:var(--ink);border-radius:15px;box-shadow:0 30px 95px rgba(0,0,0,.29);overflow:hidden;border:1px solid rgba(255,255,255,.35)}.window-bar{height:43px;background:#edf2ef;display:flex;align-items:center;padding:0 15px;gap:7px;border-bottom:1px solid var(--line)}.window-dot{width:8px;height:8px;border-radius:50%;background:#bfcac4}.window-title{font-size:11px;color:#66736c;margin-left:8px}.window-body{display:grid;grid-template-columns:145px 1fr;min-height:420px}.window-side{background:#0c4030;color:#fff;padding:18px 12px}.window-side b{display:block;font-size:12px;margin:6px 7px 15px}.window-side span{display:block;font-size:10px;padding:9px 8px;border-radius:5px;color:rgba(255,255,255,.66)}.window-side span.active{background:rgba(243,204,79,.16);color:var(--yellow)}.window-main{padding:22px}.search-box{display:flex;gap:7px;margin-bottom:16px}.search-box input{flex:1;border:1px solid var(--line);border-radius:5px;padding:10px 11px;font-size:11px}.search-box button{border:0;border-radius:5px;background:var(--yellow);font-weight:900;padding:0 13px;font-size:11px}.mini-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.mini-filter{padding:6px 8px;border:1px solid var(--line);border-radius:4px;font-size:9px;color:#526159}.mock-table{border:1px solid var(--line);border-radius:7px;overflow:hidden}.mock-row{display:grid;grid-template-columns:1.55fr .72fr .72fr .72fr;gap:8px;padding:10px 11px;border-top:1px solid var(--line);font-size:9px;align-items:center}.mock-row:first-child{border-top:0}.mock-row.head{background:#f4f6f5;color:#68746e;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.mock-row strong{font-size:10px}.status{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:#e5f3ec;color:#1b704e;font-size:11px;font-weight:900}.status.pending{background:#fff2d2;color:#8a6219}.status.inactive,.status.revoked{background:#f8e6e3;color:#9d3c35}.status.reinstated{background:#e9ecfb;color:#4b5da2}.logo-strip{border-bottom:1px solid var(--line)}.logo-strip-inner{min-height:110px;display:grid;grid-template-columns:1.25fr repeat(5,1fr);align-items:center;gap:18px}.industry{text-align:center;text-transform:uppercase;font-size:12px;letter-spacing:.09em;color:#87928c;font-weight:900}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:46px}.section-head h2{max-width:790px;margin-bottom:0}.section-head .lead{max-width:520px}.goal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.goal-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 17px;font-size:13px;font-weight:900;color:#526159}.goal-tab.active{background:var(--forest);color:#fff;border-color:var(--forest)}.goal-panel{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}.goal-copy ul{padding:0;list-style:none;margin:22px 0}.goal-copy li{padding:7px 0 7px 27px;position:relative}.goal-copy li:before{content:'✓';position:absolute;left:0;color:#247459;font-weight:900}.goal-visual{background:#edf3f0;border-radius:18px;padding:33px}.goal-preview{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px;box-shadow:var(--shadow)}.goal-stat{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:13px}.goal-stat b{font-size:38px;letter-spacing:-.05em}.goal-stat small{display:block;color:var(--muted)}.lead-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.lead-item b{font-size:13px}.lead-item small{display:block;color:var(--muted)}.lead-item span{font-size:10px;font-weight:900;color:#247459}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid var(--line);border-radius:14px;padding:27px;background:#fff}.feature-card .icon{width:42px;height:42px;border-radius:9px;background:var(--greenSoft);display:grid;place-items:center;font-weight:900;color:#237154;margin-bottom:20px}.feature-card p{color:var(--muted)}.trial-band{background:var(--yellow);color:var(--forest)}.trial-grid{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}.trial-grid h2{font-size:clamp(36px,4.5vw,58px);margin-bottom:10px}.trial-grid p{font-size:18px;max-width:760px}.trial-terms{font-size:13px;font-weight:900;margin-top:15px}.trial-grid .btn{background:var(--forest);color:#fff}.page-hero{background:var(--forest);color:#fff;padding:84px 0 86px}.page-hero h1{max-width:970px}.page-hero .lead{color:rgba(255,255,255,.72)}.app-shell{background:#eef3f0;min-height:760px;padding:42px 0 84px}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.app-topbar h1{font-size:36px;margin:0}.app-badge{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:670px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.workspace-nav{background:#0b3d2e;color:#fff;padding:20px 14px}.workspace-nav b{display:block;margin:4px 10px 17px}.workspace-nav button{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;color:rgba(255,255,255,.68);border-radius:7px;padding:11px 10px;text-align:left;font-size:13px;font-weight:750}.workspace-nav button.active{background:rgba(243,204,79,.15);color:var(--yellow)}.workspace-main{min-width:0;padding:26px}.app-panel{display:none}.app-panel.active{display:block}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:21px}.panel-head h2{font-size:31px;margin-bottom:5px}.panel-head p{color:var(--muted);margin-bottom:0}.tool-row{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,160px) auto;gap:9px;margin-bottom:14px}.field,input,select,textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid rgba(36,116,89,.18);border-color:#3a8066}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:910px}.data-table th{text-align:left;padding:12px 13px;background:#f4f6f5;color:#69766f;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.data-table td{padding:13px;border-top:1px solid var(--line);font-size:12px;vertical-align:middle}.data-table tr:hover td{background:#fbfdfc}.company-link{font-weight:900;color:#174f3d;border:0;background:transparent;padding:0;text-align:left}.company-link small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.table-actions{display:flex;gap:5px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 9px;font-size:11px;font-weight:900}.icon-btn.saved,.icon-btn.monitored{background:var(--greenSoft);color:#1c704f;border-color:#cde2d8}.results-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:11px 0;font-size:12px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-card{border:1px solid var(--line);border-radius:10px;padding:16px}.stat-card b{font-size:27px;display:block;letter-spacing:-.04em}.stat-card small{color:var(--muted)}.change-list{display:grid;gap:10px}.change-card{display:grid;grid-template-columns:1fr auto;gap:16px;border:1px solid var(--line);border-radius:10px;padding:16px}.change-card h4{margin-bottom:4px}.change-card p{color:var(--muted);margin-bottom:0;font-size:13px}.change-card .when{text-align:right;font-size:11px;color:var(--muted)}.empty{border:1px dashed #b8c7bf;border-radius:12px;padding:42px;text-align:center;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(4,26,20,.62);z-index:300;display:none;align-items:center;justify-content:center;padding:22px}.modal.open{display:flex}.modal-card{width:min(780px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.28)}.modal-head{background:var(--forest);color:#fff;padding:25px;display:flex;justify-content:space-between;gap:18px}.modal-head h2{font-size:30px;margin:0}.close{border:0;background:transparent;color:#fff;font-size:25px}.modal-body{padding:25px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-field{border:1px solid var(--line);border-radius:9px;padding:14px}.profile-field small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.profile-field b{font-size:14px}.source-note{background:var(--soft);border-radius:9px;padding:14px;margin-top:16px;font-size:12px;color:var(--muted)}.motus-callout{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#fff4d9;border:1px solid #eed89f;border-radius:10px;padding:17px;margin-top:16px}.motus-callout p{margin:4px 0 0;font-size:13px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:28px;background:#fff}.price-card.featured{border:2px solid var(--forest);box-shadow:var(--shadow)}.price-card.featured:before{content:'Most popular';position:absolute;right:18px;top:18px;background:var(--forest);color:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.plan-label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#27745a}.price{font-size:45px;font-weight:900;letter-spacing:-.06em;margin:13px 0}.price small{font-size:13px;letter-spacing:0;color:var(--muted)}.price-card p{color:var(--muted)}.trial-note{background:var(--soft);border-radius:8px;padding:11px;font-size:11px;font-weight:800}.price-card ul{padding:0;list-style:none;margin:20px 0}.price-card li{padding:7px 0 7px 23px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:#237154;font-weight:900}.comparison{border:1px solid var(--line);border-radius:12px;overflow:hidden}.compare-row{display:grid;grid-template-columns:1.5fr repeat(3,1fr);border-top:1px solid var(--line)}.compare-row:first-child{border-top:0}.compare-row>*{padding:13px}.compare-row.head{background:var(--forest);color:#fff;font-weight:900}.compare-row .yes{color:#1f7451;font-weight:900}.compare-row .no{color:#9ba49f}.solution-hero{display:grid;grid-template-columns:1fr .92fr;gap:65px;align-items:center}.solution-picker{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:var(--shadow)}.picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.picker{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:15px;text-align:left}.picker:hover,.picker.selected{border-color:var(--forest);background:var(--greenSoft)}.picker b{display:block}.picker small{display:block;color:var(--muted);margin-top:4px}.recommendation{margin-top:14px;padding:16px;background:var(--forest);color:#fff;border-radius:10px}.recommendation small{color:rgba(255,255,255,.65)}.recommendation h4{margin:4px 0}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.persona{border:1px solid var(--line);border-radius:14px;padding:25px}.persona p{color:var(--muted)}.onboarding-shell{background:#eef3f0;padding:45px 0 85px}.onboarding-layout{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.onboarding-side{position:sticky;top:142px;background:var(--forest);color:#fff;border-radius:15px;padding:30px}.onboarding-side h2{font-size:38px}.onboarding-side p{color:rgba(255,255,255,.7)}.side-benefit{border-top:1px solid rgba(255,255,255,.14);padding:14px 0}.side-benefit:first-child{border-top:0}.side-benefit b,.side-benefit small{display:block}.side-benefit small{color:rgba(255,255,255,.62)}.form-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:32px;min-height:610px}.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.progress span{height:5px;border-radius:99px;background:#e2e8e5}.progress span.active{background:var(--forest)}.step-label{font-size:11px;color:var(--muted);font-weight:900;margin-bottom:27px}.form-step h2{font-size:39px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{border:1px solid var(--line);background:#fff;border-radius:10px;padding:17px;text-align:left}.choice:hover,.choice.selected{border-color:var(--forest);background:var(--greenSoft)}.choice b,.choice small{display:block}.choice small{color:var(--muted);margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-group{display:grid;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{font-size:12px;font-weight:900}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.form-actions button:disabled{opacity:.42;cursor:not-allowed}.recommend-card{display:grid;grid-template-columns:1fr auto;gap:18px;background:var(--forest);color:#fff;border-radius:12px;padding:22px;margin-bottom:14px}.recommend-card h3{margin-bottom:5px}.recommend-card .rec-price{font-size:37px;font-weight:900}.plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.plan-option{border:1px solid var(--line);background:#fff;border-radius:9px;padding:14px;text-align:left}.plan-option.selected{border-color:var(--forest);background:var(--greenSoft)}.billing-box{border:1px solid var(--line);border-radius:10px;padding:17px;background:#fbfdfc}.demo-notice{background:#fff6dd;border:1px solid #efdda9;border-radius:8px;padding:12px;font-size:12px;margin-bottom:14px}.success{text-align:center;padding:68px 20px;display:none}.success.show{display:block}.success-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--greenSoft);color:#1e714f;font-size:32px;font-weight:900;margin:0 auto 18px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{font-weight:900;cursor:pointer}.faq p{color:var(--muted);margin:10px 0 0}
/* ---- Pricing FAQ card accordion (2026-08) ---- */
.faq-section{padding:96px 0}.faq-list{display:flex;flex-direction:column;gap:16px;margin-top:32px;align-items:stretch}.faq-card{position:relative;width:100%;background:#fffdf8;border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 22px rgba(5,49,37,.06);overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}.faq-card:has(.faq-question:hover){box-shadow:0 8px 30px rgba(5,49,37,.1);transform:translateY(-1px)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;background:none;border:none;text-align:left;font-family:inherit;font-size:18px;font-weight:800;line-height:1.35;letter-spacing:-.01em;color:var(--charcoal);cursor:pointer;transition:color .2s ease}.faq-question:hover,.faq-question:focus-visible{color:var(--forest)}.faq-question:focus-visible{outline:2px solid var(--forest);outline-offset:-2px}.faq-question-text{padding-right:12px}.faq-icon{flex:none;position:relative;width:16px;height:16px;color:var(--forest);transition:transform .3s ease}.faq-icon::before,.faq-icon::after{content:"";position:absolute;background:currentColor;border-radius:2px;transition:transform .3s ease}.faq-icon::before{left:0;right:0;top:50%;height:2px;transform:translateY(-50%)}.faq-icon::after{top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%)}.faq-card.open .faq-icon{transform:rotate(180deg)}.faq-card.open .faq-icon::after{transform:translateX(-50%) rotate(90deg);opacity:0}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.faq-card.open .faq-answer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer-content{padding:0 28px 24px}.faq-answer-content p{margin:0;font-size:16px;font-weight:400;line-height:1.65;color:var(--muted);max-width:100%}@media(max-width:768px){.faq-section{padding:64px 0}.faq-list{gap:12px;margin-top:24px}.faq-question{padding:18px 20px;font-size:16px;line-height:1.35}.faq-answer-content{padding:0 20px 20px}.faq-answer-content p{font-size:15px}}@media(max-width:390px){.faq-question{padding:16px 18px;font-size:15px}.faq-answer-content{padding:0 18px 18px}.faq-answer-content p{font-size:14px}}footer{background:#041f18;color:#fff;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:48px}.footer-logo img{height:43px}.footer-grid p{color:rgba(255,255,255,.6);max-width:330px;margin-top:16px}.footer-grid h4{font-size:14px}.footer-grid a{display:block;color:rgba(255,255,255,.63);font-size:13px;padding:5px 0}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:45px;color:rgba(255,255,255,.46);font-size:11px}
@media(max-width:980px){.nav-links,.nav-actions .btn-outline-dark{display:none}.nav-actions{margin-left:auto}.menu-btn{display:block}.hero-grid,.goal-panel,.solution-hero,.onboarding-layout{grid-template-columns:1fr}.hero-grid{padding:70px 0}.product-window{max-width:700px}.logo-strip-inner{grid-template-columns:1fr repeat(2,1fr);padding:24px 0}.section-head{display:block}.section-head .lead{margin-top:20px}.feature-grid,.persona-grid,.pricing-grid{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.workspace-nav{display:flex;overflow:auto;padding:10px}.workspace-nav b{display:none}.workspace-nav button{width:auto;white-space:nowrap}.tool-row{grid-template-columns:1fr 1fr}.tool-row .field:first-child{grid-column:1/-1}.stats-grid{grid-template-columns:1fr 1fr}.onboarding-side{position:static}.trial-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:680px){.container{width:min(100% - 26px,1220px)}.section{padding:72px 0}.nav{height:68px}.brand img{height:39px;max-width:210px}.hero-grid{min-height:auto;gap:42px}.window-body{grid-template-columns:1fr}.window-side{display:none}.product-window{border-radius:10px}.logo-strip-inner{grid-template-columns:1fr 1fr}.logo-strip-inner strong{grid-column:1/-1}.goal-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:5px}.goal-tab{white-space:nowrap}.goal-visual{padding:16px}.feature-grid,.persona-grid,.pricing-grid,.choice-grid,.form-grid,.plan-options{grid-template-columns:1fr}.form-group.full{grid-column:auto}.app-shell{padding-top:22px}.workspace-main{padding:17px}.app-topbar{align-items:flex-start}.app-topbar h1{font-size:29px}.panel-head{display:block}.panel-head .actions{margin-top:12px}.tool-row{grid-template-columns:1fr}.tool-row .field:first-child{grid-column:auto}.stats-grid{grid-template-columns:1fr 1fr}.data-table{display:none}.table-wrap{border:0;overflow:visible}.mobile-records{display:grid!important;gap:10px}.record-card{border:1px solid var(--line);border-radius:10px;padding:15px}.record-card-head{display:flex;justify-content:space-between;gap:12px}.record-card h4{font-size:16px;margin-bottom:3px}.record-meta{font-size:12px;color:var(--muted);margin:10px 0}.record-actions{display:flex;gap:7px}.profile-grid{grid-template-columns:1fr 1fr}.motus-callout{grid-template-columns:1fr}.comparison{overflow:auto}.compare-row{min-width:720px}.onboarding-shell{padding-top:22px}.form-card{padding:21px}.recommend-card{grid-template-columns:1fr}.trial-grid h2{font-size:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
.mobile-records{display:none}

/* Workspace v9 */
.workspace-nav button{white-space:nowrap}
.timing-bar{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--greenSoft,#e7f2ed);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:18px}
.timing-bar b{display:block;font-size:16px;color:var(--forest)}
.timing-bar small{color:var(--muted)}
.tool-row-2{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}
.check{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px}
.check input{accent-color:var(--forest3)}
.check.pick{border:0;background:none;padding:0;align-items:flex-start;text-align:left}
.check.pick span{display:block}
.check.pick small{display:block;color:var(--muted);font-size:13px}
.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:12px}
.filter-grid input,.filter-grid select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fff}
.toggle-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.lead-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.lead-list .record-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.record-card.dimmed{opacity:.55}
.rc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:12px 0}
.rc-field small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rc-field b{font-size:14px;word-break:break-word}
.why{background:var(--soft);border-radius:12px;padding:10px 12px;font-size:14px;margin-bottom:10px}
.rc-contact{font-size:13px;color:var(--muted);margin-bottom:12px;word-break:break-word}
.record-actions{display:flex;flex-wrap:wrap;gap:8px}
.icon-btn{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;color:var(--ink);display:inline-block}
.icon-btn.saved{background:var(--forest);border-color:var(--forest);color:#fff}
.icon-btn.monitored{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.icon-btn.motus{background:var(--soft);border-style:dashed}
.upsell{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:20px;padding:18px;border-radius:var(--radius);background:var(--forest);color:#fff}
.upsell p{margin:6px 0 0;color:rgba(255,255,255,.75);font-size:14px;max-width:520px}
.list-block{margin-bottom:26px}
.list-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.list-head .actions{display:flex;flex-wrap:wrap;gap:8px}
.record-card.watch{border-left:5px solid var(--line)}
.record-card.sev-high{border-left-color:var(--red)}
.record-card.sev-medium{border-left-color:var(--amber)}
.record-card.sev-low{border-left-color:var(--forest3)}
.record-card .sev{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.rules-note{background:var(--soft);border-radius:12px;padding:12px 14px;font-size:14px;margin-bottom:16px}
.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.plan-card{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#fff}
.plan-card.current{border-color:var(--forest);box-shadow:0 10px 30px rgba(6,51,38,.08)}
.plan-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.plan-top h3{font-size:20px;margin:0}
.plan-top b{font-size:26px;color:var(--forest)}
.plan-top b span{font-size:13px;color:var(--muted);font-weight:600}
.plan-card p{font-size:14px;color:var(--muted)}
.pill{display:inline-block;background:var(--greenSoft,#e7f2ed);color:var(--forest);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800}
.empty.small{padding:16px;text-align:left}
.cl-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--forest);color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;z-index:99;box-shadow:var(--shadow)}
@media(max-width:760px){
.timing-bar{grid-template-columns:1fr}
.lead-list{grid-template-columns:1fr}
.record-actions .icon-btn{flex:1 1 auto;text-align:center}
.upsell{flex-direction:column;align-items:flex-start}
.plan-cards{grid-template-columns:1fr}
}
.check input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;min-width:16px;padding:0;margin:0}
.check.pick{gap:10px}
.check.pick input[type=checkbox]{margin-top:4px}

/* Multi-select onboarding choices */
.choice{position:relative;padding-left:46px}
.choice-tick{position:absolute;left:16px;top:18px;width:20px;height:20px;border:2px solid var(--line);border-radius:6px;background:#fff;display:block;transition:.15s}
.choice-tick:after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;opacity:0;transform:scale(.6);transition:.15s}
.choice.selected .choice-tick,.plan-option.selected .choice-tick{background:var(--forest);border-color:var(--forest)}
.choice.selected .choice-tick:after,.plan-option.selected .choice-tick:after{opacity:1;transform:scale(1)}
.select-summary{margin:14px 0 4px;padding:12px 14px;border-radius:9px;background:var(--greenSoft);color:var(--forest);font-size:14px;font-weight:800}
.plan-options-multi .plan-option{position:relative;padding:16px 14px 14px 44px}
.plan-options-multi .choice-tick{top:16px;left:14px}
.plan-option b,.plan-option small,.plan-option em{display:block}
.plan-option small{color:var(--muted);margin-top:3px;font-weight:800}
.plan-option em{margin-top:7px;font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.4}
.field-hint{display:block;margin-top:6px;font-size:12.5px;color:var(--muted)}

/* Location autocomplete */
.loc-wrap{position:relative}
.loc-suggest{display:none;position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 44px rgba(12,64,48,.16);overflow:hidden;max-height:280px;overflow-y:auto}
.loc-suggest.open{display:block}
.loc-item{display:flex;gap:10px;align-items:center;width:100%;border:0;background:none;text-align:left;padding:10px 13px;border-bottom:1px solid #f0f3f1}
.loc-item:last-child{border-bottom:0}
.loc-item:hover,.loc-item.active{background:var(--greenSoft)}
.loc-item b{display:block;font-size:14px}
.loc-item small{display:block;font-size:11.5px;color:var(--muted)}
.loc-ic{color:#247459;font-size:13px}

/* --- auth pages --- */
.auth-page{min-height:100vh;background:#f4f6f4}
.auth-wrap{display:flex;justify-content:center;padding:48px 0 80px}
.auth-card{background:#fff;border:1px solid #e2e7e2;border-radius:16px;padding:32px;max-width:520px;width:100%;box-shadow:0 12px 34px rgba(16,40,24,.07);text-align:center}
.auth-card h1{margin:8px 0 10px;font-size:1.6rem}
.auth-card .muted{margin:0 auto;max-width:420px}
.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:20px;text-align:left}
.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:#26332a}
.auth-form input{padding:11px 12px;border:1px solid #d7ded8;border-radius:9px;font:inherit;background:#fff}
.auth-form input:focus{outline:2px solid #1f4d33;outline-offset:1px}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-grid .auth-full{grid-column:1/-1}
.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px}
.auth-links button,.auth-links a{background:none;border:0;padding:0;color:#1f4d33;font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer}
.auth-error{color:#94341f;font-size:.85rem;margin:0}
.auth-ok{color:#1f4d33;font-size:.85rem;margin:0}
.auth-note{margin-top:14px;background:#fdf6e3;border:1px solid #f0e0b0;border-radius:10px;padding:12px;font-size:.85rem}

/* --- plan gating --- */
.workspace-nav button.locked{opacity:.72}
.locked-card{background:#fff;border:1px dashed #c9d3cb;border-radius:16px;padding:28px;text-align:left}
.locked-card h2{margin:10px 0 8px}
.locked-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cl-upgrade-backdrop{position:fixed;inset:0;background:rgba(15,28,20,.55);display:none;align-items:center;justify-content:center;padding:18px;z-index:80}
.cl-upgrade-backdrop.open{display:flex}
.cl-upgrade{background:#fff;border-radius:16px;padding:26px;max-width:460px;width:100%}
.cl-upgrade h3{margin:0 0 10px}
.cl-upgrade-body{margin:0;color:#4a564d;font-size:.92rem;line-height:1.55}
.cl-upgrade-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.usage-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}
.usage-bar>div{background:#fff;border:1px solid #e2e7e2;border-radius:12px;padding:14px}
.usage-bar b{display:block;font-size:1.05rem}
.usage-bar small{color:#5d6a60}
@media (max-width:640px){.auth-grid{grid-template-columns:1fr}.auth-card{padding:22px}.locked-actions .btn{width:100%}}

.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;background:#fff;color:#1d2b21;border:1px solid #d7ded8;font-weight:600;padding:11px 14px;border-radius:10px;cursor:pointer}
.btn-google:hover{background:#f7f9f7}
.btn-google svg{width:18px;height:18px}
.auth-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 2px;color:#77837a;font-size:.8rem}
.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e7e2}

/* --- Onboarding polish + responsive pass --- */
.onboarding-shell{padding:40px 0 80px}
.onboarding-layout{gap:32px}
.form-card{padding:36px 38px;border-radius:18px;box-shadow:0 18px 50px rgba(11,61,46,.07)}
.form-card h2{margin-bottom:12px;font-size:clamp(28px,3.4vw,42px)}
.form-card .copy{font-size:16px;line-height:1.55;margin-bottom:26px;max-width:640px}
.progress{gap:8px;margin-bottom:18px}
.step-label{margin-bottom:20px;letter-spacing:.12em;text-transform:uppercase}
.choice-grid{gap:14px}
.choice{padding:20px 20px 20px 52px;border-radius:14px;display:flex;flex-direction:column;gap:6px;min-height:104px;transition:.16s;border-width:1.5px}
.choice:hover{border-color:#9dbcae;transform:translateY(-1px)}
.choice.selected{border-color:var(--forest);box-shadow:0 0 0 3px rgba(11,61,46,.08)}
.choice b{font-size:15.5px;line-height:1.25}
.choice small{color:var(--muted);font-size:13px;line-height:1.45}
.choice-tick{left:18px;top:21px}
.select-summary{margin:20px 0 0;padding:14px 16px;border-radius:11px;font-size:14.5px}
.plan-options{gap:14px;align-items:stretch}
.plan-options-multi .plan-option{padding:20px 18px 20px 50px;border-radius:14px;min-height:150px;display:flex;flex-direction:column;gap:4px;border-width:1.5px;transition:.16s}
.plan-options-multi .plan-option:hover{border-color:#9dbcae;transform:translateY(-1px)}
.plan-option.selected{border-color:var(--forest);box-shadow:0 0 0 3px rgba(11,61,46,.08)}
.plan-options-multi .choice-tick{top:20px;left:18px}
.plan-option b{font-size:16px;line-height:1.2}
.plan-option small{font-size:14px;color:var(--forest);font-weight:900;margin-top:2px}
.plan-option em{margin-top:8px;font-size:13px;line-height:1.5}
.recommend-card{margin:22px 0 16px;padding:28px 30px;border-radius:16px;gap:28px;align-items:center}
.recommend-card small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);font-weight:900;margin-bottom:8px}
.recommend-card h3{font-size:clamp(24px,2.6vw,32px);margin-bottom:10px}
.recommend-card p{margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.55;max-width:520px}
.rec-price{text-align:right;white-space:nowrap;line-height:1}
.rec-price span{font-size:clamp(34px,4vw,46px);font-weight:900;letter-spacing:-.04em}
.rec-price small{display:inline;font-size:15px;font-weight:800;color:rgba(255,255,255,.8);letter-spacing:0;text-transform:none;margin:0}
.form-actions{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);align-items:center}

@media (max-width:1024px){
  .onboarding-layout{gap:22px}
  .form-card{padding:30px 26px;min-height:0}
  .plan-options,.plan-options-multi{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
}
@media (max-width:760px){
  .onboarding-shell{padding:18px 0 56px}
  .form-card{padding:22px 18px;border-radius:14px}
  .form-card h2{font-size:28px}
  .form-card .copy{font-size:15px;margin-bottom:20px}
  .choice-grid,.choice-grid-multi{grid-template-columns:1fr}
  .choice{min-height:0;padding:16px 16px 16px 48px}
  .plan-options,.plan-options-multi{grid-template-columns:1fr}
  .plan-options-multi .plan-option{min-height:0;padding:16px 16px 16px 48px}
  .recommend-card{grid-template-columns:1fr;padding:22px 20px;gap:16px;text-align:left}
  .rec-price{text-align:left}
  .form-actions{flex-direction:column-reverse;align-items:stretch;gap:10px}
  .form-actions .btn{width:100%}
  .form-actions>span{display:none}
}

/* source freshness strip */
.source-strip{display:flex;align-items:center;gap:10px;margin:14px 0 18px;padding:10px 14px;border:1px solid #e3e8e5;border-radius:12px;background:#f7faf8;font-size:.86rem;color:#31473f;line-height:1.4}
.source-strip .src-dot{flex:0 0 auto;width:9px;height:9px;border-radius:999px;background:#c2c8c5}
.source-strip .src-dot.on{background:#1a9c5b}
@media (max-width:600px){.source-strip{align-items:flex-start}}

/* --- plan hierarchy, upgrade strips, locked previews --- */
.plan-note{margin:10px 0 0;font-size:13px;font-weight:800;color:#247459}
.choice.included,.plan-option.included{opacity:.55;cursor:not-allowed}
.choice.included:after,.plan-option.included:after{content:'Included';position:absolute;top:12px;right:14px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#247459}
.progress span{position:relative}
.progress span:after{content:attr(data-label);position:absolute;top:14px;left:0;font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--muted)}
.progress{margin-bottom:34px}
.cl-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#f7faf8;font-size:13px;color:#31473f}
.cl-strip b{font-weight:900}
.cl-strip .cl-strip-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
.cl-strip .cl-strip-x{border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1;padding:4px 6px}
.lock-preview{margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.lock-preview .lp-bar{display:flex;gap:6px;align-items:center;padding:8px 12px;background:#eef3f0;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;color:#66736c}
.lock-preview .lp-body{padding:14px;display:grid;gap:8px;filter:blur(.3px)}
.lock-preview .lp-row{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:#526159}
.lock-preview .lp-row b{color:var(--ink)}
.workspace-nav .nav-group{display:block;margin:18px 10px 8px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.workspace-nav button.locked{color:rgba(255,255,255,.5)}
.choice,.plan-option{position:relative}
.empty-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}
@media(max-width:900px){
.workspace-nav{display:flex;flex-direction:column;align-items:stretch;overflow:visible}
.workspace-nav [data-nav-available],.workspace-nav [data-nav-locked]{display:flex;flex-direction:column;align-items:stretch;width:100%}
.workspace-nav button{white-space:normal;text-align:left;width:100%}
.workspace-nav .nav-group{margin:14px 10px 6px}
}
.hero-center{position:relative;z-index:2;text-align:center;max-width:900px;margin:auto;padding:clamp(64px,9vw,120px) 0}.hero-center h1{max-width:none;margin-left:auto;margin-right:auto}.hero-center .lead{margin:0 auto;max-width:720px}.hero-center .actions,.hero-center .proof{justify-content:center}.hero-search{margin:34px auto 0;max-width:760px;background:#fff;border-radius:14px;padding:14px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.hero-search .search-box{margin-bottom:10px}.hero-search .mini-filters{justify-content:center;margin-bottom:0}.demo-search{display:grid;gap:14px;padding:8px 0}.demo-search .search-box input{font-size:13px;padding:14px 13px}.demo-search .search-box button{padding:0 18px;font-size:13px}.demo-search .mini-filter{background:#fff;font-size:11px;padding:8px 11px;cursor:pointer}.demo-search .mini-filter:hover{border-color:#3a8066;color:#1f6b50}.demo-prompt{border:1px solid var(--line);border-radius:10px;background:#f4f8f6;padding:18px;display:grid;gap:8px;justify-items:start}.demo-prompt b{font-size:16px}.demo-prompt p{margin:0;color:var(--muted);font-size:13px}.demo-prompt small{color:var(--muted);font-size:12px}.demo-prompt small a{text-decoration:underline}
@media(max-width:700px){.demo-search .search-box{flex-wrap:wrap}.demo-search .search-box input{min-width:100%}.demo-search .search-box button{width:100%;min-height:44px}}

/* ---------- authenticated app shell ---------- */
.app-header{position:sticky;top:0;z-index:120;background:var(--forest);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.app-header-inner{display:flex;align-items:center;gap:12px;min-height:58px}
.app-header .brand img{height:34px;max-width:180px}
.app-plan{margin-left:auto;font-size:12px;font-weight:800;color:var(--yellow);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 12px;white-space:nowrap}
.ws-menu-btn{display:none;border:0;background:none;color:#fff;font-size:22px;line-height:1;padding:6px 4px}
.app-shell{padding:22px 0 56px}
.workspace-nav .nav-bottom{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.workspace-nav{display:flex;flex-direction:column}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}
.metric{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff}
.metric b{display:block;font-size:26px;letter-spacing:-.03em;line-height:1.1}
.metric small{color:var(--muted);font-size:12px}
.dash-next{border:1px solid var(--line);border-radius:12px;padding:16px;background:#f7faf8}
.dash-next b{display:block;margin-bottom:4px}
.dash-next p{margin:0 0 12px;color:var(--muted);font-size:14px}
.daily-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted);margin-bottom:12px}
.tool-row-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.tool-row-filters select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.filters-toggle{display:none;margin-bottom:12px}
@media(max-width:900px){
  .ws-menu-btn{display:block}
  .workspace{grid-template-columns:1fr}
  .workspace-nav{display:none}
  [data-workspace].nav-open .workspace-nav{display:flex}
  .app-shell{padding:14px 0 40px}
  .panel-head h2{font-size:24px}
  .filters-toggle{display:inline-flex}
  .filter-wrap{display:none}
  .filter-wrap.open{display:block}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric b{font-size:22px}
}
@media(max-width:560px){
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-plan{font-size:11px;padding:5px 9px}
  .record-actions .icon-btn{flex:1 1 46%}
}

/* ---- Daily Leads compact cards ---- */
.record-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.record-more.hidden{display:none}
@media(max-width:760px){
  #dailyContainer{gap:8px}
  .record-card.compact{padding:10px 11px;border-radius:10px}
  .record-card.compact .record-card-head{gap:8px;align-items:flex-start}
  .record-card.compact .company-link{font-size:14px;line-height:1.25}
  .record-card.compact .record-card-head small{font-size:11px;line-height:1.3}
  .record-card.compact .status{font-size:10px;padding:3px 7px}
  .record-card.compact .rc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;margin:7px 0 6px}
  .record-card.compact .rc-field{display:flex;gap:5px;align-items:baseline;min-width:0;line-height:1.3}
  .record-card.compact .rc-field small{display:inline;font-size:9.5px;letter-spacing:.03em;flex:0 0 auto}
  .record-card.compact .rc-field b{font-size:11.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .record-card.compact .why{padding:6px 8px;font-size:11.5px;border-radius:8px;margin-bottom:6px}
  .record-card.compact .rc-contact{font-size:11px;margin-bottom:8px}
  .record-card.compact .record-actions{gap:6px}
  .record-card.compact .record-actions .icon-btn{flex:1 1 0;min-width:0;padding:5px 8px;font-size:11px;font-weight:800}
  .record-card.compact .record-more .icon-btn{flex:1 1 46%;padding:5px 8px;font-size:11px}
}

/* ---- signals, freshness, chips, bulk bar, profile sections ---- */
.sig-row{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 6px}
.sig{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:var(--greenSoft);color:#1c6b50;font-size:10.5px;font-weight:900;letter-spacing:.01em}
.ustate{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#f1f4f2;color:#5b6a63;font-size:10.5px;font-weight:800;border:1px solid var(--line)}
.fresh{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:900;background:#e5f3ec;color:#1b704e}
.fresh.ok{background:#fff2d2;color:#8a6219}
.fresh.stale{background:#f5efe6;color:#8a6a3a}
.tsub{display:block;color:var(--muted);font-size:10.5px;margin-top:2px}
.data-table td.nowrap{white-space:nowrap}
.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;color:#3d4a44}
.chip span{color:var(--muted);font-weight:900}
.chip:hover{border-color:#3a8066}
.chip.clear{background:#f4f6f5;color:#1b5540}
.sort-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap}
.sort-label select{width:auto;padding:7px 10px;font-size:12px;font-weight:800;color:var(--ink)}
.results-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.bulk-bar{position:sticky;top:8px;z-index:8;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:var(--forest);color:#fff;border-radius:10px;padding:10px 13px;margin-bottom:12px;box-shadow:var(--shadow)}
.bulk-count{font-size:13px;font-weight:800;color:rgba(255,255,255,.85)}
.bulk-count b{color:var(--yellow)}
.bulk-actions{display:flex;flex-wrap:wrap;gap:7px}
.bulk-bar .icon-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
.bulk-bar .icon-btn:hover{background:rgba(255,255,255,.2)}
.profile-top{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.profile-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.profile-section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.profile-section:first-child{border-top:0;padding-top:0;margin-top:0}
.profile-section h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#69766f;margin-bottom:10px}
.profile-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.dash-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:16px}
.dash-block{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}
.dash-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.dash-list{list-style:none;margin:0;padding:0}
.dash-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--line)}
.dash-list li:first-child{border-top:0}
.dash-list small{grid-column:1;color:var(--muted);font-size:11px;display:block}
.dash-list .company-link{text-align:left;font-size:13px}
.small{font-size:12px}
@media(max-width:900px){
  .bulk-bar{position:sticky;bottom:8px;top:auto}
  .bulk-actions .icon-btn{flex:1 1 30%}
  .results-meta{font-size:12px}
}
#profileGrid{display:block}

/* ---- Daily Leads compact card: balanced grid + 2x2 action pad ---- */
.record-card.compact{padding:11px;border-radius:12px;display:grid;gap:7px}
.record-card.compact .record-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}
.record-card.compact .check.pick{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;min-width:0}
.record-card.compact .check.pick input[type=checkbox]{margin:2px 0 0}
.record-card.compact .check.pick>span{min-width:0}
.record-card.compact .company-link{display:block;width:100%;font-size:14.5px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-card.compact .record-card-head small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-card.compact .status{align-self:start;flex:0 0 auto}
.record-card.compact .sig-row{margin:0;gap:6px}
.record-card.compact .rc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:0;padding:7px 10px;background:var(--soft);border-radius:10px}
.record-card.compact .rc-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:6px}
.record-card.compact .rc-field small{font-size:9.5px}
.record-card.compact .why,
.record-card.compact .rc-contact{margin:0}
.record-card.compact .record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.record-card.compact .record-actions .icon-btn{flex:none;width:100%;min-height:32px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:0 10px;border-radius:8px;border:1px solid var(--line);font-size:12px;font-weight:800;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.record-card.compact .record-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}
.record-card.compact .record-more .icon-btn{flex:none;width:100%;min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:8px;font-size:12px}
@media(min-width:721px){
  .record-card.compact .record-actions,
  .record-card.compact .record-more{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ============================================================
   Cofounder-style reskin layer (visual only)
   ============================================================ */
:root{
  --cream:#f5f4ef; --cream2:#efeee7; --charcoal:#2b2b2a; --gray:#5a5a5a;
  --sky:#5bb4e8; --line:#e2e0d6; --soft:#efeee7; --greenSoft:#e6efe7;
  --ink:#2b2b2a; --muted:#5a5a5a;
}
body{background:var(--cream);color:var(--charcoal);
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;letter-spacing:-.01em}
h1,h2,h3,h4{color:var(--charcoal)}
footer h4,.recommendation h4{color:#fff}
.lead,.copy,p{color:var(--gray)}
.soft{background:var(--cream2)}
.eyebrow{color:#2f6b45}

/* wordmark */
.wordmark{font-family:"Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;
  font-size:27px;letter-spacing:-.02em;font-weight:500;color:var(--charcoal)}
footer .wordmark{color:#fff}

/* header: light, pill nav */
.site-header{background:rgba(245,244,239,.9);backdrop-filter:blur(10px);color:var(--charcoal);
  border-bottom:1px solid var(--line)}
.nav-links a{color:var(--gray);padding:9px 14px;border-radius:999px;font-weight:600}
.nav-links a:hover{color:var(--charcoal);background:rgba(43,43,42,.05)}
.nav-links a.active{color:var(--charcoal);background:rgba(91,180,232,.18)}
.menu-btn{color:var(--charcoal)}
.mobile-menu a{color:var(--charcoal)}

/* pill buttons everywhere */
.btn{border-radius:999px;font-weight:700;letter-spacing:0}
.btn-primary{background:var(--forest);color:#fff}
.btn-primary:hover{background:var(--forest2)}
.btn-accent,.trial-band .btn,.hero .btn-primary{background:var(--forest);color:#fff}
.btn-outline,.btn-outline-dark{background:rgba(43,43,42,.05);border-color:rgba(43,43,42,.14);color:var(--charcoal)}
.btn-outline:hover,.btn-outline-dark:hover{background:rgba(43,43,42,.09)}
.btn-white{background:#fff;color:var(--forest)}
.btn-ghost{color:#2f6b45}
.goal-tab{border-radius:999px;background:rgba(43,43,42,.04);border-color:var(--line);color:var(--gray)}
.goal-tab.active{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}
.mini-filter{border-radius:999px}
.status,.pill,.app-badge{border-radius:999px}

/* cards / callouts */
.feature-card,.price-card,.goal-preview,.plan-card,.product-window,.record-card,.auth-card{
  background:#fffdf8;border-color:var(--line);border-radius:16px}
.feature-card .icon{background:var(--greenSoft);color:#2f6b45;border-radius:999px}
.goal-visual{background:var(--cream2);border:1px solid var(--line)}
.callout{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;
  background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:22px 24px;
  box-shadow:0 10px 30px rgba(43,43,42,.05);margin:22px 0}
.callout .callout-ic{width:42px;height:42px;border-radius:999px;background:var(--greenSoft);
  display:grid;place-items:center;font-size:19px}
.callout h4{margin:0 0 6px;font-size:17px}
.callout p{margin:0 0 14px;font-size:15px;color:var(--gray)}

/* dark surfaces re-toned */
.page-hero{background:var(--cream2);color:var(--charcoal);border-bottom:1px solid var(--line)}
.page-hero .lead{color:var(--gray)}
.page-hero .eyebrow{color:#2f6b45}
.page-hero .btn-outline-dark{background:rgba(43,43,42,.05);border-color:rgba(43,43,42,.14);color:var(--charcoal)}
.logo-strip{border-bottom:1px solid var(--line);background:var(--cream)}
.app-shell{background:var(--cream2)}
.workspace{background:#fffdf8;border-radius:20px}
.trial-band{background:var(--yellow);color:var(--forest)}
.trial-band h2,.trial-band p{color:var(--forest)}
.trial-band .trial-terms{color:rgba(6,51,38,.78)}

/* ---------- pixel-art hero scene ---------- */
.hero{background:var(--cream);color:var(--charcoal);padding:56px 0 72px}
.hero:before{display:none}
.hero .lead,.hero .proof{color:var(--gray)}
.hero .eyebrow{color:#2f6b45}
.pixel-hero{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;
  box-shadow:0 26px 70px rgba(43,43,42,.14);aspect-ratio:16/8;min-height:420px}
.pixel-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;
  image-rendering:pixelated;image-rendering:crisp-edges}
.pixel-road{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.pixel-truck{position:absolute;bottom:15.2%;height:13%;width:auto;image-rendering:pixelated;
  animation:truck-pass 13s linear infinite;will-change:transform}
.pixel-truck.flatbed{animation-delay:3.5s}
@keyframes truck-pass{0%{transform:translateX(-30vw)}100%{transform:translateX(130vw)}}
@media (prefers-reduced-motion:reduce){.pixel-truck{animation:none;transform:translateX(20vw)}
  .pixel-truck.flatbed{transform:translateX(70vw)}}
.hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;
  padding:clamp(26px,4.4vw,54px) clamp(24px,5vw,66px) 0;
  background:linear-gradient(160deg,rgba(12,32,26,.7) 0%,rgba(12,32,26,.42) 42%,rgba(12,32,26,0) 66%)}
.hero-overlay h1{color:#fff;font-size:clamp(32px,3.8vw,54px);max-width:16ch;margin-bottom:14px;
  text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero-overlay p{color:rgba(255,255,255,.88);font-size:clamp(15px,1.4vw,19px);max-width:46ch;margin-bottom:24px}
.hero-overlay .eyebrow{color:var(--yellow)}
.hero-overlay .actions{margin-top:0}
.hero-overlay .btn-secondary{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(4px)}
.hero-overlay .btn-secondary:hover{background:rgba(255,255,255,.28)}
.hero-below{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;margin-top:34px}
.hero-below .proof{margin-top:14px}
.hero-below .proof span:before{color:#2f6b45}
@media(max-width:900px){.hero-below{grid-template-columns:1fr}
  .pixel-hero{aspect-ratio:4/3;min-height:300px}
  .hero-overlay{background:linear-gradient(180deg,rgba(12,32,26,.72),rgba(12,32,26,.35))}}

/* ============================================================
   Polish pass: layered hero, motion, card media, elevation, nav pill
   ============================================================ */
h1,h2,h3,.wordmark,.goal-stat b,.stat-card b{
  font-family:"Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;
  font-weight:600;letter-spacing:-.03em}
h4,.lead,.copy,p,body{font-family:"Inter","Helvetica Neue",Arial,sans-serif}

/* --- nav pill container --- */
.nav-links{background:rgba(43,43,42,.05);border:1px solid var(--line);border-radius:999px;
  padding:4px;gap:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.nav-links a{padding:8px 16px;border-radius:999px;transition:.16s}
.nav-links a:hover{background:#fffdf8;box-shadow:0 2px 8px rgba(43,43,42,.08)}
.nav-links a.active{background:var(--charcoal);color:#fff}

/* --- dotted grid texture --- */
.section.dotted{position:relative;isolation:isolate}
.section.dotted:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(43,43,42,.16) 1px,transparent 1px);
  background-size:22px 22px;opacity:.35;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}

/* --- card elevation + media slots --- */
.feature-card{position:relative;padding:0 0 26px;overflow:hidden;
  box-shadow:0 1px 2px rgba(43,43,42,.05),0 18px 34px -18px rgba(43,43,42,.35);
  transition:transform .2s ease,box-shadow .2s ease}
.feature-card:hover{transform:translateY(-4px);
  box-shadow:0 2px 4px rgba(43,43,42,.06),0 30px 50px -22px rgba(43,43,42,.42)}
.feature-card > *:not(.card-media):not(.card-rule){margin-left:26px;margin-right:26px}
.card-media{aspect-ratio:4/3;width:100%;background:var(--cream2);overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated}
.card-rule{height:1px;background:var(--line);margin:0 0 16px}
.card-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:#2f6b45;margin-bottom:6px}
.feature-card .icon{width:38px;height:38px;font-size:13px;margin:10px 0 14px}
.feature-card ul{padding-left:18px;color:var(--gray);font-size:14px}

.callout{grid-template-columns:220px 1fr;gap:24px;align-items:center;padding:0;overflow:hidden;
  box-shadow:0 1px 2px rgba(43,43,42,.05),0 20px 38px -20px rgba(43,43,42,.35)}
.callout > div:last-child{padding:24px 26px 24px 0}
.callout-media{aspect-ratio:4/3;background:var(--cream2);border-right:1px solid var(--line)}
.callout-media img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}
@media(max-width:760px){.callout{grid-template-columns:1fr}
  .callout-media{border-right:0;border-bottom:1px solid var(--line)}
  .callout > div:last-child{padding:22px 24px}}

/* --- layered hero scene --- */
.pixel-hero{isolation:isolate;background:#2a4a7c}
.sr-scene{display:none}
.pixel-layers{position:absolute;inset:0;z-index:0;overflow:hidden}
.pl{position:absolute;left:0;width:100%;image-rendering:pixelated}
.pl-sky{top:0;height:100%;object-fit:fill}
.pl-clouds{top:4%;height:34%;display:flex;width:200%;animation:cloud-drift 90s linear infinite;opacity:1}
.pl-clouds img{width:50%;height:100%;object-fit:fill}
.pl-clouds-2{top:16%;height:26%;opacity:.7;animation-duration:150s;filter:blur(.4px)}
.pl-mountains{bottom:0;height:100%;object-fit:fill;opacity:.95}
.pl-trees-back{bottom:0;height:100%;object-fit:fill}
.pl-trees-front{bottom:0;height:100%;object-fit:fill}
.pl-ground{bottom:0;height:100%;object-fit:fill}
.pl-lane{left:0;right:0;bottom:9.4%;height:1.6%;
  background:repeating-linear-gradient(90deg,#f0ead4 0 42px,transparent 42px 96px);
  animation:lane-scroll 1.6s linear infinite;opacity:.9}
.pl-haze{inset:0;height:100%;pointer-events:none;
  background:radial-gradient(60% 42% at 77.5% 27%,rgba(255,241,200,.55),transparent 60%),
    linear-gradient(180deg,rgba(20,40,70,.06),transparent 30%,rgba(255,236,190,.12) 72%,rgba(20,30,25,.28))}
@keyframes cloud-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes lane-scroll{from{background-position:0 0}to{background-position:-96px 0}}

.pixel-road{z-index:1}
.truck-rig{position:absolute;bottom:10.5%;height:13%;animation:truck-pass 13s linear infinite;will-change:transform}
.truck-rig.flatbed{animation-delay:3.5s;bottom:9%;height:11.5%}
.truck-rig .pixel-truck{position:static;height:100%;width:auto;animation:none;display:block}
.truck-rig .lamp{position:absolute;width:5px;height:4px;border-radius:1px;top:52%}
.truck-rig .lamp.head{right:-3px;background:#fff3c4;box-shadow:0 0 10px 4px rgba(255,238,160,.75);
  animation:lamp-blink 2.6s steps(1,end) infinite}
.truck-rig .lamp.tail{left:-3px;background:#ff5a45;box-shadow:0 0 8px 3px rgba(255,90,69,.6);
  animation:lamp-blink 1.3s steps(1,end) infinite}
@keyframes lamp-blink{0%,72%{opacity:1}73%,100%{opacity:.35}}

.hero-overlay{z-index:3;
  background:linear-gradient(100deg,rgba(8,24,20,.82) 0%,rgba(8,24,20,.62) 32%,rgba(8,24,20,.18) 52%,rgba(8,24,20,0) 66%)}
.hero-overlay > *{position:relative;z-index:1}

@media (prefers-reduced-motion:reduce){
  .pl-clouds,.pl-lane,.truck-rig,.truck-rig .lamp{animation:none}
  .truck-rig{transform:translateX(18vw)}.truck-rig.flatbed{transform:translateX(66vw)}
}

/* ============================================================
   Inner pages pass: scroll rail, pixel badges, scrolly panels
   ============================================================ */
/* --- universal card hover --- */
.feature-card,.price-card,.persona,.callout,.goal-preview{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.persona,.price-card{box-shadow:0 1px 2px rgba(43,43,42,.05),0 18px 34px -20px rgba(43,43,42,.32)}
.feature-card:hover,.price-card:hover,.persona:hover,.callout:hover{
  transform:translateY(-4px);border-color:#9dc6ae;
  box-shadow:0 2px 6px rgba(43,43,42,.06),0 30px 52px -22px rgba(47,107,69,.42)}
.price-card:hover{box-shadow:0 0 0 1px rgba(47,107,69,.35),0 30px 56px -22px rgba(47,107,69,.45)}

/* --- scroll progress rail --- */
.scroll-rail{position:fixed;top:0;right:clamp(10px,2vw,26px);height:100vh;width:26px;z-index:60;
  display:none;pointer-events:none}
@media(min-width:1100px){body[data-page="solutions"] .scroll-rail,
  body[data-page="pricing"] .scroll-rail,body[data-page="our-data"] .scroll-rail{display:block}}
.scroll-rail:before{content:"";position:absolute;left:12px;top:16vh;bottom:16vh;width:0;
  border-left:2px dashed rgba(47,107,69,.28)}
.rail-dot{position:absolute;left:6px;width:14px;height:14px;border-radius:999px;
  background:#2f6b45;box-shadow:0 0 0 4px rgba(47,107,69,.16),0 0 16px 4px rgba(63,141,92,.55);
  transition:top .16s linear}
.rail-tick{position:absolute;left:10px;width:6px;height:6px;border-radius:999px;
  background:rgba(47,107,69,.3);transition:.25s}
.rail-tick.on{background:#2f6b45;box-shadow:0 0 10px 2px rgba(63,141,92,.5)}

/* --- section eyebrow active state --- */
.section .eyebrow,.page-hero .eyebrow{transition:color .35s ease,opacity .35s ease}
.section:not(.in-view) .eyebrow{color:#9aa49c;opacity:.75}
.section.in-view .eyebrow{color:#2f6b45;opacity:1}

/* --- solutions: badges + sticky picker --- */
.persona{position:relative}
.persona-badge{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;
  background:linear-gradient(180deg,#e6efe7,#d6e8dc);border:1px solid #c4ddcd;margin-bottom:14px}
.persona-badge img{width:30px;height:30px;image-rendering:pixelated}
@media(min-width:1000px){
  .solution-hero{align-items:start}
  .solution-picker{position:sticky;top:104px}
}

/* --- pricing: horizon strip + tier badges --- */
.pricing-scene{position:relative;overflow:hidden;isolation:isolate}
.pricing-scene .strip-art{position:absolute;left:0;right:0;bottom:6%;height:auto;z-index:-1;pointer-events:none;
  opacity:.42;-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,#000 70%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 40%,#000 70%,transparent)}
.pricing-scene .strip-art img{width:100%;height:auto;display:block;image-rendering:pixelated}
.tier-badge{display:grid;place-items:center;width:56px;height:40px;border-radius:10px;
  background:linear-gradient(180deg,#e6efe7,#d6e8dc);border:1px solid #c4ddcd;margin-bottom:12px}
.tier-badge img{width:44px;height:auto;image-rendering:pixelated}
.price-card.featured .tier-badge{background:linear-gradient(180deg,#dcecdf,#c7e0d0)}

/* --- our data: scrollytelling panels --- */
.scrolly{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:start}
.scrolly-text .feature-grid{grid-template-columns:1fr}
.scrolly-text .section-head{flex-direction:column;align-items:start;gap:14px;margin-bottom:28px}
.scrolly-art{position:sticky;top:110px}
.scrolly-frame{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--cream2);
  box-shadow:0 1px 2px rgba(43,43,42,.05),0 26px 50px -26px rgba(43,43,42,.4)}
.scrolly-frame img{display:block;width:100%;height:auto;image-rendering:pixelated}
body[data-page="our-data"] .section.soft .scrolly-art{order:-1}
@media(max-width:960px){.scrolly{grid-template-columns:1fr}
  .scrolly-art{position:static;order:-1!important}
  .scrolly-text .feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}

.page-hero.gif-hero{position:relative;overflow:hidden;background:#0b1220;color:#fff;border-bottom:0;padding:120px 0 124px}
.page-hero.gif-hero .gif-hero-media{position:absolute;inset:0;z-index:0}
.page-hero.gif-hero .gif-hero-media img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}
.page-hero.gif-hero .gif-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(6,12,24,.82) 0%,rgba(6,12,24,.62) 42%,rgba(6,12,24,.18) 78%,rgba(6,12,24,.05) 100%)}
.page-hero.gif-hero .container{position:relative;z-index:2}
.page-hero.gif-hero h1,.page-hero.gif-hero .lead{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.page-hero.gif-hero .lead{color:rgba(255,255,255,.82)}
.page-hero.gif-hero .eyebrow{color:#ffd66b}
.page-hero.gif-hero .btn-outline-dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:#fff}

/* --- scroll rail: hard mobile/tablet guard + right-edge safety (solutions / pricing / our-data only) --- */
@media(max-width:1099.98px){
  body[data-page="solutions"] .scroll-rail,
  body[data-page="pricing"] .scroll-rail,
  body[data-page="our-data"] .scroll-rail{display:none!important;visibility:hidden;width:0;right:auto;left:-9999px}
  body[data-page="solutions"],body[data-page="pricing"],body[data-page="our-data"]{overflow-x:hidden}
  body[data-page="solutions"] .container,
  body[data-page="pricing"] .container,
  body[data-page="our-data"] .container{width:min(1220px,calc(100% - 32px))}
  body[data-page="pricing"] .comparison{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
}
@media(min-width:1100px){
  body[data-page="solutions"] .container,
  body[data-page="pricing"] .container,
  body[data-page="our-data"] .container{width:min(1220px,calc(100% - 108px))}
}

/* --- card text rhythm --- */
.feature-card{padding:0 0 24px}
.feature-card > *:not(.card-media):not(.card-rule){margin-left:24px;margin-right:24px}
.feature-card > *:first-child:not(.card-media){margin-top:24px}
.feature-card .card-media + *{margin-top:20px}
.feature-card h3{font-size:20px;line-height:1.25;letter-spacing:-.02em;margin-bottom:10px}
.feature-card h4{font-size:17px;line-height:1.3;margin-bottom:8px}
.feature-card p{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:0}
.feature-card p + p{margin-top:12px}
.feature-card ul{margin:12px 0 0;line-height:1.6}
.feature-card ul li + li{margin-top:6px}
@media(max-width:760px){
  .feature-card > *:not(.card-media):not(.card-rule){margin-left:20px;margin-right:20px}
  .feature-card > *:first-child:not(.card-media){margin-top:20px}
  .feature-card{padding-bottom:20px}
  .feature-card h3{font-size:19px}
}

/* ============================================================
   Mobile homepage layout pass
   ============================================================ */
@media(max-width:760px){
  .container{width:min(1220px,calc(100% - 32px))}
  .section{padding:56px 0}
  .section-sm{padding:40px 0}
  .section-head{flex-direction:column;align-items:start;gap:14px;margin-bottom:26px}
  h1{font-size:clamp(30px,8.2vw,40px);margin-bottom:16px}
  h2{font-size:clamp(26px,7.4vw,36px);margin-bottom:14px}
  h3{font-size:22px}
  .lead{font-size:16px;line-height:1.55}
  .copy{font-size:15.5px;line-height:1.65}
  .actions{gap:10px;margin-top:22px}
  .actions .btn{width:100%}

  /* hero: let the art box grow with the text instead of clipping it */
  .hero .container{width:calc(100% - 24px)}
  .pixel-hero{aspect-ratio:auto;min-height:0;border-radius:16px;
    box-shadow:0 18px 44px rgba(43,43,42,.18)}
  .pixel-layers,.pixel-road{position:absolute;inset:0}
  .hero-overlay{position:relative;inset:auto;padding:180px 20px 26px;
    background:linear-gradient(180deg,rgba(8,24,20,.28) 0%,rgba(8,24,20,.62) 42%,rgba(8,24,20,.88) 100%)}
  .hero-overlay h1{font-size:clamp(30px,8.4vw,40px);max-width:none;margin-bottom:12px}
  .hero-overlay p{font-size:16px;line-height:1.55;max-width:none;margin-bottom:20px}
  .hero-overlay .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:10px}
  .hero-overlay .actions{margin-top:0;flex-direction:column}
  .truck-rig{bottom:6%;height:11%}
  .truck-rig.flatbed{bottom:4.5%;height:10%}

  .hero-below{margin-top:26px;gap:20px}
  .hero-below .lead{font-size:17px}
  .proof{gap:10px 18px;font-size:13px}
  .hero-search{margin-top:26px;padding:12px;border-radius:14px}
  .hero-search .search-box{flex-direction:column;gap:8px}
  .hero-search .search-box input{width:100%;font-size:14px;padding:13px 12px}
  .hero-search .search-box button{width:100%;min-height:46px;padding:12px;font-size:13px}
  .mini-filters{gap:8px}
  .mini-filter{font-size:11px;padding:8px 10px}

  .goal-tabs{margin:0 -16px 22px;padding:0 16px 6px;gap:8px}
  .goal-panel{gap:26px}
  .feature-grid{gap:14px}
  .trial-grid{gap:22px}
  .trial-grid p{font-size:16px}
}
@media(max-width:760px){
  .pixel-hero{background:var(--forest)}
  .pixel-layers,.pixel-road{height:200px;bottom:auto;top:0}
  .hero-overlay{padding-top:200px;
    background:linear-gradient(180deg,rgba(8,24,20,0) 0px,rgba(8,24,20,.15) 90px,rgba(8,24,20,.82) 178px,rgba(8,24,20,.96) 215px,rgba(8,24,20,.96) 100%)}
  .truck-rig{bottom:12%;height:22%}
  .truck-rig.flatbed{bottom:9%;height:19%}
  .pl-lane{bottom:9.4%}
}
@media(max-width:760px){
  .logo-strip-inner{grid-template-columns:1fr;gap:14px;padding:26px 0;min-height:0;text-align:center}
  .logo-strip-inner > *:first-child{font-size:15px;line-height:1.4}
  .industry{font-size:11px}
}

/* refined nav CTA */
.nav-actions .btn-primary {
  min-height: 34px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: -0.01em;
  background: var(--forest);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 1px 2px rgba(6, 51, 38, .08);
  transition: transform .16s, box-shadow .16s, background .16s;
}
.nav-actions .btn-primary:hover {
  background: var(--forest2);
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(6, 51, 38, .14);
}

.page-hero.gif-hero.pricing-hero { min-height: 590px; }



/* ── Liquid-grey-glass business selector ──────────────────────── */
.picker-grid{gap:14px}
.picker{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;padding:20px 18px;min-height:96px;
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  border:1px solid rgba(118,126,124,.20);
  background:linear-gradient(158deg,rgba(250,251,251,.70),rgba(219,224,223,.52));
  backdrop-filter:blur(16px) saturate(112%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -14px 24px -20px rgba(30,40,38,.35),0 2px 4px rgba(20,35,30,.05);
  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease,background .3s ease,border-color .3s ease}
.picker:hover{transform:translateY(-3px);
  background:linear-gradient(158deg,rgba(255,255,255,.86),rgba(226,231,230,.60));
  border-color:rgba(118,126,124,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -14px 24px -20px rgba(30,40,38,.30),0 14px 28px -12px rgba(22,32,29,.26)}
.picker.selected{
  background:linear-gradient(158deg,rgba(238,241,241,.90),rgba(198,205,204,.62));
  border-color:rgba(96,104,102,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 18px 30px -20px rgba(255,255,255,1),0 0 0 1px rgba(90,98,96,.10),0 16px 36px -14px rgba(20,28,26,.32);
  animation:pickerBreathe 8s ease-in-out infinite}
.picker.selected:hover{transform:translateY(-3px)}
/* reflective sheen: ambient on selected, swept on hover */
.picker:before{content:"";position:absolute;inset:-45% -65%;z-index:-1;opacity:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.60) 50%,transparent 58%);
  transition:opacity .35s ease}
.picker:hover:before{opacity:1;animation:pickerSweep 2.4s cubic-bezier(.3,.1,.2,1) 1}
.picker.selected:before{opacity:1;animation:pickerSweep 10s linear infinite}
.picker:after{content:"";position:absolute;z-index:-1;width:170px;height:170px;left:-40px;top:-50px;border-radius:50%;
  opacity:0;pointer-events:none;filter:blur(38px);
  background:radial-gradient(circle,rgba(255,255,255,.9),rgba(206,212,211,.38) 60%,transparent 72%);
  transition:opacity .5s ease}
.picker.selected:after{opacity:.9;animation:pickerOrb 18s ease-in-out infinite}
@keyframes pickerSweep{0%{transform:translateX(-60%)}55%,100%{transform:translateX(75%)}}
@keyframes pickerOrb{0%{transform:translate(0,0)}50%{transform:translate(190px,60px)}100%{transform:translate(0,0)}}
@keyframes pickerBreathe{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 18px 30px -20px rgba(255,255,255,1),0 0 0 1px rgba(90,98,96,.10),0 14px 32px -14px rgba(20,28,26,.28)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 18px 30px -18px rgba(255,255,255,1),0 0 0 1px rgba(90,98,96,.18),0 20px 42px -14px rgba(20,28,26,.38)}}
.picker b{position:relative;z-index:1;color:#131a18;font-size:15.5px;font-weight:800;letter-spacing:-.01em}
.picker small{position:relative;z-index:1;color:#4d5654;font-size:12.5px;line-height:1.45;margin-top:0}
@media (max-width:640px){.picker{padding:17px 15px;min-height:86px;border-radius:18px}.picker-grid{gap:11px}}
@media (prefers-reduced-motion:reduce){.picker,.picker:before,.picker:after{animation:none!important}}

/* ── Selector panel: no white card, glass recommendation ──────── */
.solution-picker{background:transparent;border:0;box-shadow:none;padding:0}
.recommendation{margin-top:18px;padding:22px 20px;border-radius:20px;position:relative;overflow:hidden;isolation:isolate;
  color:#fff;border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(158deg,rgba(19,74,56,.86),rgba(9,48,36,.72));
  backdrop-filter:blur(16px) saturate(130%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -18px 30px -22px rgba(0,0,0,.6),0 18px 40px -18px rgba(9,38,29,.5)}
.recommendation:before{content:"";position:absolute;inset:-45% -65%;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);
  animation:pickerSweep 11s linear infinite}
.recommendation:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;left:-40px;top:-60px;border-radius:50%;
  filter:blur(40px);pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.30),rgba(120,190,165,.18) 60%,transparent 72%);
  animation:pickerOrb 20s ease-in-out infinite}
.recommendation small{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.6)}
.recommendation h4{margin:8px 0 6px;font-size:21px;letter-spacing:-.02em}
.recommendation p{color:rgba(255,255,255,.78);font-size:14.5px;line-height:1.6;margin-bottom:16px}
.recommendation .btn{width:100%}
@media (max-width:1024px){
  .solution-picker{position:static;text-align:center}
  .solution-picker>.eyebrow{display:block;margin-bottom:14px}
  .picker{text-align:center;align-items:center}
  .picker small{max-width:24ch;margin-inline:auto}
  .recommendation{text-align:center;padding:24px 20px}
  .recommendation p{margin-inline:auto;max-width:38ch}
}
@media (max-width:640px){
  .picker-grid{grid-template-columns:1fr}
  .picker{min-height:0;padding:16px 18px}
  .picker small{max-width:none}
}

/* Homepage GIF hero */
.home-gif-hero{position:relative;overflow:hidden;min-height:650px;display:flex;align-items:center;padding:0;background:#0b1220;color:#fff}
.home-gif-hero .hero-gif-wrap{position:absolute;inset:0;z-index:0}
.home-gif-hero .hero-gif-wrap img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}
.home-gif-hero .hero-gif-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(6,12,24,.78) 0%,rgba(6,12,24,.55) 42%,rgba(6,12,24,.22) 78%,rgba(6,12,24,.08) 100%)}
.home-gif-hero .container{position:relative;z-index:2;width:min(1220px,calc(100% - 44px));margin-inline:auto}
.home-gif-hero .hero-content{max-width:720px;padding:110px 0}
.home-gif-hero h1,.home-gif-hero p{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.home-gif-hero .eyebrow{color:#ffd66b;margin-bottom:16px}
.home-gif-hero .actions{margin-top:32px}
.home-gif-hero .btn-secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);color:#fff}
.home-gif-hero .btn-secondary:hover{background:rgba(255,255,255,.18)}

/* Hero-below strip (now separate section) */
.hero-below{background:var(--forest);color:#fff;padding:56px 0}
.hero-below .lead{color:rgba(255,255,255,.72)}
.hero-below-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}

@media(max-width:980px){
  .home-gif-hero{min-height:520px;padding:0}
  .home-gif-hero .hero-content{padding:90px 0;text-align:center;max-width:640px;margin-inline:auto}
  .home-gif-hero .hero-content h1{max-width:none}
  .home-gif-hero .actions{justify-content:center}
  .hero-below-grid{grid-template-columns:1fr;gap:32px}
  .hero-search{max-width:560px;margin-inline:auto}
}
@media(max-width:640px){
  .home-gif-hero{min-height:460px}
  .home-gif-hero .hero-content{padding:64px 0 54px}
  .home-gif-hero h1{font-size:clamp(34px,8vw,46px)}
  .home-gif-hero .lead{font-size:clamp(15px,4vw,18px)}
  .hero-below{padding:44px 0}
  .solutions-hero .gif-hero-media img{object-position:25% 70%}
}
  .home-gif-hero{min-height:460px}
  .home-gif-hero .hero-content{padding:64px 0 54px}
  .home-gif-hero h1{font-size:clamp(34px,8vw,46px)}
  .home-gif-hero .lead{font-size:clamp(15px,4vw,18px)}
  .hero-below{padding:44px 0}
}


/* Unified hero heights across Solutions / Pricing / Our data */
.page-hero.gif-hero{min-height:590px;display:flex;align-items:center}
.page-hero.gif-hero > .container{width:min(1220px,calc(100% - 44px));margin-inline:auto}
.page-hero.gif-hero.pricing-hero{min-height:590px}
@media(max-width:900px){.page-hero.gif-hero{min-height:520px}
  .solutions-hero .gif-hero-media img{object-position:25% 60%}
}.page-hero.gif-hero{min-height:520px}}

@media(min-width:901px){
  .page-hero.gif-hero{min-height:650px;padding:56px 0}
  .page-hero.gif-hero.pricing-hero{min-height:650px}
  .solutions-hero .picker-grid{gap:8px}
  .solutions-hero .picker{padding:12px 14px}
  .solutions-hero .recommendation{margin-top:10px;padding:16px 18px}
  .solutions-hero .recommendation p{margin-bottom:12px;font-size:14px}
  .solutions-hero h1{font-size:clamp(40px,4.6vw,58px)}
}

@media(min-width:901px){
  .solutions-hero .picker small{font-size:11.5px}
  .solutions-hero .picker-grid{gap:7px}
}

/* ============ HOMEPAGE REBUILD ============ */
.home-hero{background:var(--soft);padding:76px 0 68px;border-bottom:1px solid var(--line)}
.home-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.home-hero-copy{min-width:0}
.home-hero h1{font-size:clamp(34px,4.4vw,58px);margin-bottom:20px;max-width:16ch}
.home-hero .lead{font-size:clamp(16px,1.5vw,19px);max-width:56ch}
.btn-lg{min-height:54px;padding:15px 28px;font-size:15px}
.home-hero .actions{align-items:center;gap:20px;margin-top:26px}
.text-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:#1c6b50;border-bottom:1px solid transparent}
.text-link:hover{border-bottom-color:#1c6b50}
.cta-terms{margin:14px 0 0;font-size:12.5px;color:var(--muted)}
.hero-panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(5,49,37,.10);overflow:hidden;min-width:0}
.hero-panel-bar{display:flex;align-items:center;gap:7px;padding:0 14px;height:40px;background:#f1f5f3;border-bottom:1px solid var(--line)}
.hero-panel-dot{width:8px;height:8px;border-radius:50%;background:#c3cec8}
.hero-panel-title{margin-left:8px;font-size:11px;font-weight:800;color:#67746d}
.hero-panel-body{padding:18px}
.hero-panel .search-box input{font-size:13px}
.hero-panel .search-box button{min-height:42px}
.panel-rows{border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-top:4px}
.panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-top:1px solid var(--line)}
.panel-row:first-child{border-top:0}
.panel-row b{font-size:13px}
.panel-row small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}

.proof-bar{background:#fff;border-bottom:1px solid var(--line)}
.proof-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.proof-stat{padding:26px 22px;border-left:1px solid var(--line)}
.proof-stat:first-child{border-left:0;padding-left:0}
.proof-stat b{display:block;font-size:26px;letter-spacing:-.03em;color:var(--forest)}
.proof-stat span{display:block;font-size:13px;color:var(--muted);margin-top:4px}

.window-head{max-width:820px;margin-bottom:34px}
.window-head h2{font-size:clamp(26px,3.4vw,44px)}
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.timeline li{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;box-shadow:0 10px 26px rgba(5,49,37,.05)}
.timeline b{display:block;font-size:16px;margin-bottom:6px}
.timeline small{color:var(--muted);font-size:13.5px;line-height:1.55;display:block}
.tl-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--greenSoft);color:#1c6b50;font-weight:900;font-size:13px;margin-bottom:14px}

.deliverable-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.mock-frame{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(5,49,37,.10)}
.mock-frame-bar{display:flex;gap:7px;align-items:center;height:38px;padding:0 14px;background:#f1f5f3;border-bottom:1px solid var(--line)}
.mock-frame-bar span{width:8px;height:8px;border-radius:50%;background:#c3cec8}
.mock-frame img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;background:#f7faf9}
.check-list{list-style:none;padding:0;margin:20px 0}
.check-list li{position:relative;padding:6px 0 6px 26px;font-size:15px;line-height:1.6}
.check-list li:before{content:'✓';position:absolute;left:0;color:#1c6b50;font-weight:900}

.persona-head{font-size:clamp(26px,3vw,40px);margin-bottom:12px}
.plans-note{margin-bottom:28px}
.persona-strip{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.persona-card{flex:1 1 0;min-width:220px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 10px 26px rgba(5,49,37,.05);transition:.18s}
.persona-card:hover{transform:translateY(-4px);border-color:#bcd3c8;box-shadow:0 18px 38px rgba(5,49,37,.10)}
.persona-card b{display:block;font-size:16px;margin-bottom:8px}
.persona-card p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:14px}

.compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.compare-table{width:100%;border-collapse:collapse;min-width:620px}
.compare-table th{text-align:left;padding:16px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#69766f;background:#f4f6f5}
.compare-table th.ours{color:#1c6b50}
.compare-table td{padding:15px 16px;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.compare-table td:first-child{font-weight:800;color:var(--ink)}
.compare-table td.ours{color:var(--ink);background:rgba(231,242,237,.5);font-weight:650}

.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.plan-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 24px;box-shadow:0 10px 26px rgba(5,49,37,.05);transition:.18s}
.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(5,49,37,.10)}
.plan-card h3{font-size:22px;margin-bottom:10px}
.plan-card p{color:var(--muted);font-size:14.5px;line-height:1.6}
.plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:14px}
.plan-price b{font-size:42px;letter-spacing:-.05em}
.plan-price small{color:var(--muted);font-weight:800}
.plan-card.featured{border:2px solid var(--forest3);box-shadow:0 24px 54px rgba(5,49,37,.14)}
.plan-flag{position:absolute;top:-13px;left:24px;background:var(--forest);color:var(--yellow);font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:6px 11px;border-radius:999px}
.plans-terms{margin:24px 0 0;font-size:13px;color:var(--muted)}
@media(min-width:1025px){.plan-card.featured{transform:scale(1.03)}.plan-card.featured:hover{transform:scale(1.03) translateY(-4px)}}

.faq-wrap{max-width:860px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';color:#1c6b50;font-weight:900;font-size:20px;line-height:1}
.faq details[open] summary:after{content:'–'}
.faq-body{padding:0 22px 20px}
.faq-body p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}

.sticky-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--forest);color:#fff;padding:10px 16px;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -8px 26px rgba(0,0,0,.18)}
.sticky-cta span{font-size:13px;font-weight:800;color:rgba(255,255,255,.85)}

a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid rgba(36,116,89,.45);outline-offset:2px}

@media(max-width:1024px){
  .home-hero-grid{gap:34px}
  .timeline,.plan-grid{grid-template-columns:repeat(2,1fr)}
  .proof-row{grid-template-columns:repeat(2,1fr)}
  .proof-stat:nth-child(3){border-left:0;padding-left:0}
}
@media(max-width:900px){
  .home-hero{padding:52px 0 46px}
  .home-hero-grid{grid-template-columns:1fr}
  .home-hero h1{max-width:none}
  .deliverable-grid{grid-template-columns:1fr;gap:30px}
  .deliverable-grid .mock-frame{order:2}
}
@media(max-width:760px){
  .section{padding:56px 0}
  .section-sm{padding:44px 0}
  .timeline,.plan-grid{grid-template-columns:1fr}
  .persona-card{flex:0 0 78%}
  .sticky-cta{display:flex;transform:translateY(120%);transition:transform .22s}
  .sticky-cta.show{transform:translateY(0)}
  main{padding-bottom:0}
}
@media(max-width:600px){
  .home-hero h1{font-size:clamp(28px,7vw,2.25rem);max-width:none}
  .window-head h2,.persona-head,.deliverable-grid h2,.trial-grid h2{font-size:clamp(24px,6.4vw,30px)}
  .proof-stat{padding:18px 14px}
  .proof-stat b{font-size:21px}
  .home-hero .actions{gap:14px}
  .btn-lg{width:100%}
  .mock-frame img{max-height:220px}
}
@media(prefers-reduced-motion:reduce){
  .persona-card,.plan-card,.sticky-cta{transition:none}
}
.proof-stat{min-width:0}
.proof-stat b,.proof-stat span{overflow-wrap:anywhere}

/* ============ HERO / BUTTON / SHAPE TOKENS (homepage rebuild pass) ============ */
:root{--r-card:14px;--r-pill:999px;--line-1:1px solid rgba(0,0,0,.08);--shadow-1:0 1px 3px rgba(0,0,0,.06)}

/* Hero: full-bleed GIF */
.home-hero{position:relative;overflow:hidden;min-height:78vh;display:flex;align-items:center;padding:0;background:#0b1220;color:#fff;border-bottom:0}
.home-hero .home-hero-media{position:absolute;inset:0;z-index:0}
.home-hero .home-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}
.home-hero .hero-static{display:none}
.home-hero .home-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,20,15,.85) 0%,rgba(10,20,15,.78) 34%,rgba(10,20,15,.45) 62%,rgba(10,20,15,0) 100%)}
.home-hero > .container{position:relative;z-index:2}
.home-hero .home-hero-copy{max-width:620px;padding:92px 0;text-align:left}
.home-hero h1{color:#fff;max-width:none;font-size:clamp(34px,4.4vw,58px);text-shadow:0 2px 18px rgba(0,0,0,.45)}
.home-hero .lead{color:rgba(255,255,255,.88);max-width:56ch;text-shadow:0 1px 12px rgba(0,0,0,.4)}
.home-hero .eyebrow{color:var(--yellow)}
.home-hero .cta-terms{color:rgba(255,255,255,.72)}
.home-hero .text-link{color:#ffe9a8}
.home-hero .text-link:hover{border-bottom-color:#ffe9a8}
@media(max-width:900px){.home-hero{min-height:60vh}.home-hero .home-hero-copy{padding:64px 0}}
@media(prefers-reduced-motion:reduce){
  .home-hero .hero-motion{display:none}
  .home-hero .hero-static{display:block}
}

/* Search band below hero */
.search-band{background:var(--soft);border-bottom:var(--line-1);padding:44px 0}
.search-band .hero-panel{max-width:820px;margin-inline:auto}

/* Buttons: exactly three styles */
.btn,.btn-lg,.btn-sm{border-radius:var(--r-pill);min-height:52px;padding:0 28px;font-size:15px;font-weight:900;border:1px solid transparent;transition:.16s}
.btn-sm{min-height:44px;padding:0 20px;font-size:14px}
.btn-primary,.btn:not([class*="outline"]):not(.btn-ghost):not(.btn-white){background:var(--forest);color:#fff;border-color:transparent}
.btn-primary:hover,.btn:not([class*="outline"]):not(.btn-ghost):not(.btn-white):hover{background:var(--forest2)}
.btn-white{background:#fff;color:var(--forest);border-color:transparent}
.btn-white:hover{background:#f7f9f7}
.btn-outline,.btn-secondary{background:transparent;border-color:rgba(0,0,0,.35);color:var(--ink)}
.btn-outline:hover,.btn-secondary:hover{background:rgba(0,0,0,.04)}
.btn-outline-dark,.home-gif-hero .btn-secondary,.page-hero.gif-hero .btn-outline-dark{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.btn-outline-dark:hover,.home-gif-hero .btn-secondary:hover{background:rgba(255,255,255,.1)}
.btn-ghost{background:transparent;border-color:transparent;color:#1c6b50;padding:0;min-height:0;font-weight:800}
.btn:hover{transform:translateY(-1px)}
.trial-grid .btn{background:var(--forest);color:#fff}

/* Shapes: one radius, one border, one shadow */
.feature-card,.plan-card,.persona-card,.timeline li,.hero-panel,.mock-frame,.compare-wrap,.faq details,.goal-preview,.product-window,.workspace,.table-wrap,.panel-rows,.goal-visual,.data-card,.source-card{border-radius:var(--r-card);border:var(--line-1);box-shadow:var(--shadow-1)}
.plan-card.featured{border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-1)}
.field,input,select,textarea,.search-box input{border-radius:var(--r-card);border:var(--line-1)}
.search-box button{border-radius:var(--r-pill)}
.mini-filter,.goal-tab,.status,.plan-flag,.app-badge{border-radius:var(--r-pill)}
.persona-card:hover,.plan-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.08)}
.search-box button{background:var(--forest);color:#fff}
.recommendation .btn:not([class*="outline"]):not(.btn-ghost):not(.btn-white){background:#fff;color:var(--forest)}
.recommendation .btn:not([class*="outline"]):not(.btn-ghost):not(.btn-white):hover{background:#f7f9f7}

/* ==========================================================================
   HOMEPAGE V4 — editorial rebuild. Scoped to .hp-* plus homepage header CTA.
   ========================================================================== */
:root{--hp-deep:#0D2B1E;--hp-bone:#F5F4EF;--hp-sp:clamp(72px,9vw,128px)}

.hp-grain-def{position:absolute;width:0;height:0;overflow:hidden}
.hp-grain{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.03;mix-blend-mode:overlay;filter:url(#hpGrain);background:#fff}
.hp-grain-soft{opacity:.03;z-index:1}

/* --- liquid glass ------------------------------------------------------- */
.glass{
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  backdrop-filter:blur(20px) saturate(160%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 1px 0 0 rgba(255,255,255,.35) inset,0 -1px 0 0 rgba(255,255,255,.08) inset,0 20px 50px -20px rgba(8,32,22,.45);
}
.glass-light{
  background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.45));
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(13,43,30,.08);
  box-shadow:0 1px 0 0 rgba(255,255,255,.9) inset,0 18px 40px -24px rgba(8,32,22,.28);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass{background:rgba(12,40,29,.88)}
  .glass-light{background:#fff}
}
@media (prefers-reduced-transparency:reduce){
  .glass{background:rgba(12,40,29,.94);-webkit-backdrop-filter:none;backdrop-filter:none}
  .glass-light{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* --- shapes -------------------------------------------------------------- */
.hp-blob{position:absolute;pointer-events:none;z-index:0;border-radius:42% 58% 63% 37% / 47% 38% 62% 53%}
.hp-blob-yellow{width:min(620px,70vw);height:min(520px,60vw);right:-14%;top:-12%;background:radial-gradient(circle at 40% 40%,rgba(243,204,79,.42),rgba(243,204,79,0) 70%)}
.hp-blob-green{width:min(560px,70vw);height:min(460px,60vw);right:-16%;bottom:-40%;background:radial-gradient(circle at 50% 50%,rgba(6,51,38,.22),rgba(6,51,38,0) 70%)}

/* --- header sign-in ------------------------------------------------------ */
.btn-signin,.nav-actions .btn-signin{background:transparent;border:1px solid rgba(13,43,30,.18);color:#0f4432}
.btn-signin:hover{background:rgba(13,43,30,.06);border-color:rgba(13,43,30,.34);color:#0b3325}
.site-header.is-stuck{background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(245,244,239,.6));-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:0 1px 0 0 rgba(255,255,255,.9) inset,0 14px 34px -26px rgba(8,32,22,.4)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header.is-stuck{background:#F5F4EF}}
@media (prefers-reduced-transparency:reduce){.site-header.is-stuck{background:#F5F4EF;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* --- section rhythm ------------------------------------------------------ */
.hp-section{position:relative;padding:var(--hp-sp) 0;background:var(--hp-bone);overflow:hidden}
.hp-section h2,.hp-h2{font-size:clamp(30px,3.6vw,50px);letter-spacing:-.02em;line-height:1.05;margin-bottom:18px;max-width:860px}
.hp-copy{font-size:17px;line-height:1.65;color:var(--muted);max-width:62ch;margin-bottom:0}
.hp-head{position:relative;z-index:1;margin-bottom:clamp(36px,4vw,56px)}
.hp-head .hp-copy{margin-top:18px}

/* --- hero ---------------------------------------------------------------- */
.hp-hero{position:relative;isolation:isolate;min-height:min(78vh,860px);display:flex;align-items:center;overflow:hidden;background:var(--hp-deep);color:#fff}
.hp-hero-media{position:absolute;inset:0;z-index:0;background:var(--hp-deep)}
.hp-hero-media img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;display:block}
.hp-scrim-1{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,rgba(10,32,22,.92) 0%,rgba(10,32,22,.80) 28%,rgba(10,32,22,.35) 55%,rgba(10,32,22,.10) 100%)}
.hp-scrim-2{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(10,32,22,.75) 0%,transparent 42%)}
.hp-hero-inner{position:relative;z-index:4;padding:clamp(72px,9vw,120px) 0 clamp(96px,11vw,150px)}
.hp-hero-copy{max-width:760px}
.hp-hero-copy .eyebrow{color:var(--yellow)}
.hp-hero h1{color:#fff;font-size:clamp(40px,5.2vw,68px);letter-spacing:-.02em;line-height:1.05;margin-bottom:24px;max-width:18ch}
.hp-hero-lead{font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:rgba(255,255,255,.92);max-width:52ch;margin-bottom:0}
.hp-hero .actions{margin-top:30px;align-items:center;gap:22px}
.hp-hero .btn-lg{min-height:54px;padding:14px 26px;font-size:15px}
.hp-hero .text-link{color:#ffe9a8;border-bottom:1px solid rgba(255,233,168,.45);padding-bottom:2px}
.hp-hero-terms{margin:20px 0 0;font-size:13px;color:rgba(255,255,255,.78)}
@media(max-width:768px){.hp-hero{min-height:min(62vh,700px)}.hp-hero-media img{object-position:26% 50%}}

/* --- search card overhang ------------------------------------------------ */
.hp-searchband{background:var(--hp-bone);padding:0 0 clamp(48px,6vw,72px)}
.hp-searchcard{max-width:860px;margin:-96px auto 0;position:relative;z-index:20;border-radius:20px;overflow:hidden;color:#fff;background:linear-gradient(135deg,rgba(18,52,39,.92),rgba(10,32,22,.86))}
.hp-searchcard .hero-panel-bar{background:rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.14);height:auto;padding:10px 16px;flex-wrap:wrap;gap:8px}
.hp-searchcard .hero-panel-dot{background:rgba(255,255,255,.35)}
.hp-samplepill{margin-left:8px;font-size:11px;font-weight:800;letter-spacing:.02em;color:#0D2B1E;background:var(--yellow);border-radius:999px;padding:4px 10px}
.hp-searchcard .hero-panel-body{padding:20px}
.hp-searchcard .search-box input{background:rgba(255,255,255,.95);border-color:transparent;min-height:44px}
.hp-searchcard .mini-filter{border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.86);background:transparent;font-size:11px;padding:7px 10px}
.hp-searchcard .panel-rows{border-top:1px solid rgba(255,255,255,.14)}
.hp-searchcard .panel-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.1)}
.hp-searchcard .panel-row b{display:block;font-size:14px}
.hp-searchcard .panel-row small{color:rgba(255,255,255,.68);font-size:12.5px}
@media(max-width:768px){.hp-searchcard{margin-top:-64px}}

/* --- trust strip --------------------------------------------------------- */
.hp-trust{background:var(--hp-bone);border-top:1px solid rgba(13,43,30,.1);border-bottom:1px solid rgba(13,43,30,.1)}
.hp-trust-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.hp-trust-row li{padding:22px 24px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#3d5a4c;border-left:1px solid rgba(13,43,30,.1);line-height:1.5}
.hp-trust-row li:first-child{border-left:0;padding-left:0}
@media(max-width:900px){.hp-trust-row{grid-template-columns:1fr 1fr}.hp-trust-row li:nth-child(3){border-left:0;padding-left:0}.hp-trust-row li:nth-child(n+3){border-top:1px solid rgba(13,43,30,.1)}}
@media(max-width:520px){.hp-trust-row{grid-template-columns:1fr}.hp-trust-row li{border-left:0;padding-left:0;padding-block:16px;border-top:1px solid rgba(13,43,30,.1)}.hp-trust-row li:first-child{border-top:0}}

/* --- timing timeline ----------------------------------------------------- */
.hp-steps{list-style:none;margin:0;padding:0;position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hp-steps:before{content:"";position:absolute;left:8%;right:8%;top:56px;height:1px;background:rgba(13,43,30,.18);z-index:0}
.hp-steps li{position:relative;z-index:1;border-radius:18px;padding:26px 24px 24px;transition:transform .18s,box-shadow .18s}
.hp-steps li:hover{transform:translateY(-2px);box-shadow:0 1px 0 0 rgba(255,255,255,.9) inset,0 26px 50px -26px rgba(8,32,22,.36)}
.hp-step-num{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--forest);color:#fff;font-weight:900;font-size:15px;margin-bottom:16px}
.hp-steps b{display:block;font-family:"Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;font-weight:500;font-size:19px;letter-spacing:-.01em;margin-bottom:6px}
.hp-steps small{display:block;color:var(--muted);font-size:14px;line-height:1.6}
@media(max-width:860px){.hp-steps{grid-template-columns:1fr}.hp-steps:before{display:none}}

/* --- digest section ------------------------------------------------------ */
.hp-digest{background:var(--hp-deep);color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 56px))}
.hp-digest h2{color:#fff;max-width:16ch}
.hp-digest .hp-copy-light{color:rgba(255,255,255,.74)}
.hp-digest-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.hp-digest-mock{border-radius:min(260px,45%) min(260px,45%) 24px 24px;overflow:hidden;padding-top:46px}
.hp-mail-bar{display:flex;align-items:center;gap:7px;justify-content:center;padding:10px 18px 14px}
.hp-mail-bar span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}
.hp-mail-bar small{margin-left:10px;font-size:11px;color:rgba(255,255,255,.6);letter-spacing:.08em;text-transform:uppercase}
.hp-mail-body{padding:8px clamp(26px,4vw,54px) 30px}
.hp-mail-subject{font-size:16px;font-weight:800;margin-bottom:4px}
.hp-mail-meta{font-size:12px;color:rgba(255,255,255,.6);margin-bottom:16px}
.hp-mail-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.14)}
.hp-mail-row b{display:block;font-size:14px}
.hp-mail-row small{display:block;font-size:12px;color:rgba(255,255,255,.62)}
.hp-mail-foot{margin-top:16px;font-size:12.5px;font-weight:800;color:var(--yellow)}
.hp-caption{margin:14px 0 0;text-align:center;font-size:12px;color:rgba(255,255,255,.6)}
.hp-fields{list-style:none;margin:22px 0;padding:0;columns:2;column-gap:28px}
.hp-fields li{break-inside:avoid;padding:6px 0 6px 22px;position:relative;font-size:15px;line-height:1.55}
.hp-fields li:before{content:'✓';position:absolute;left:0;color:var(--yellow);font-weight:900}
.hp-plans .hp-fields{columns:1;margin:16px 0 0}
.hp-plans .hp-fields li:before{color:#247459}
@media(max-width:860px){.hp-digest-grid{grid-template-columns:1fr}.hp-digest-mockwrap{order:2}.hp-fields{columns:1}}

/* --- desk list ----------------------------------------------------------- */
.hp-desk-list{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,4vw,64px);border-top:1px solid rgba(13,43,30,.12)}
.hp-desk-item{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:8px 18px;padding:26px 4px;border-bottom:1px solid rgba(13,43,30,.12);transition:background .18s,padding .18s}
.hp-desk-item b{font-family:"Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;font-weight:500;font-size:26px;letter-spacing:-.02em}
.hp-desk-item p{grid-column:1/2;margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.6;max-width:48ch}
.hp-arrow{color:#247459;font-weight:900;opacity:.35;transition:transform .18s,opacity .18s}
.hp-desk-item:hover{background:rgba(13,43,30,.03)}
.hp-desk-item:hover .hp-arrow{opacity:1;transform:translateX(4px)}
@media(max-width:760px){.hp-desk-list{grid-template-columns:1fr}}

/* --- comparison ---------------------------------------------------------- */
.hp-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.hp-compare-col{border-radius:20px;padding:clamp(22px,2.6vw,32px)}
.hp-compare-col h3{font-size:15px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}
.hp-compare-col dl{margin:0}
.hp-compare-col dl>div{padding:14px 0;border-top:1px solid rgba(13,43,30,.1)}
.hp-compare-col dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}
.hp-compare-col dd{margin:0;font-size:15px;line-height:1.55}
.hp-compare-raw{background:rgba(13,43,30,.045);border:1px solid rgba(13,43,30,.08)}
.hp-compare-raw h3,.hp-compare-raw dt{color:#7c8a83}
.hp-compare-raw dd{color:#69766f}
.hp-compare-ours{background:linear-gradient(150deg,#0f4432,#08281c);color:#fff;box-shadow:0 1px 0 0 rgba(255,255,255,.18) inset,0 30px 60px -32px rgba(8,32,22,.6)}
.hp-compare-ours h3{color:var(--yellow)}
.hp-compare-ours dl>div{border-top-color:rgba(255,255,255,.14)}
.hp-compare-ours dt{color:rgba(255,255,255,.55)}
.hp-compare-ours dd{color:#fff}
@media(max-width:760px){.hp-compare{grid-template-columns:1fr}}

/* --- plans --------------------------------------------------------------- */
.hp-plans .hp-copy{margin-bottom:clamp(32px,4vw,48px)}
.hp-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.hp-plan{display:flex;flex-direction:column;justify-content:space-between;position:relative;background:#fff;border:1px solid rgba(13,43,30,.1);border-radius:20px;padding:30px 26px;box-shadow:0 14px 34px -22px rgba(8,32,22,.3);transition:transform .18s,box-shadow .18s}
.hp-plan:hover{transform:translateY(-2px);box-shadow:0 24px 48px -26px rgba(8,32,22,.38)}
.hp-plan h3{font-size:21px;letter-spacing:-.02em;margin-bottom:10px}
.hp-plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:14px}
.hp-plan-price b{font-family:"Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;font-weight:500;font-size:44px;letter-spacing:-.03em}
.hp-plan-price small{color:var(--muted);font-size:14px}
.hp-plan p{color:var(--muted);font-size:14.5px;line-height:1.62;margin-bottom:0;max-width:38ch}
.hp-plan .text-link{margin-top:26px;font-weight:800;color:#1c6b50}
.hp-plan-featured{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(150deg,#14634b,#f3cc4f) border-box}
.hp-plan-flag{position:absolute;top:-12px;left:26px;background:var(--forest);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
@media(min-width:1025px){.hp-plan-featured{transform:scale(1.03)}.hp-plan-featured:hover{transform:scale(1.03) translateY(-2px)}}
@media(max-width:980px){.hp-plan-grid{grid-template-columns:1fr}}
.hp-plans-terms{margin:clamp(28px,3vw,40px) 0 0;font-size:13.5px;color:var(--muted);max-width:62ch}

/* --- faq ----------------------------------------------------------------- */
.hp-faq-wrap{max-width:860px}
.hp-faq-list{border-top:1px solid rgba(13,43,30,.12)}
.hp-faq-list details{border-bottom:1px solid rgba(13,43,30,.12)}
.hp-faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 2px;font-weight:800;font-size:16.5px;letter-spacing:-.01em}
.hp-faq-list summary::-webkit-details-marker{display:none}
.hp-faq-list summary:after{content:'';width:9px;height:9px;flex:0 0 auto;border-right:2px solid #247459;border-bottom:2px solid #247459;transform:rotate(45deg) translateY(-2px);transition:transform .22s}
.hp-faq-list details[open] summary:after{transform:rotate(225deg) translateY(-2px)}
.hp-faq-body{overflow:hidden;padding:0 2px 20px}
.hp-faq-body p{margin:0;color:var(--muted);font-size:15px;line-height:1.7;max-width:62ch}
.hp-faq-list details[open] .hp-faq-body{animation:hpOpen .24s ease}
@keyframes hpOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* --- final CTA ----------------------------------------------------------- */
.hp-final{position:relative;overflow:hidden;padding:clamp(56px,6vw,84px) 0}
.hp-final .container{position:relative;z-index:2}

/* --- motion -------------------------------------------------------------- */
[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
[data-reveal].is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  [data-reveal],[data-reveal].is-in{opacity:1;transform:none;transition:none}
  .hp-steps li:hover,.hp-plan:hover,.hp-plan-featured:hover,.hp-desk-item:hover .hp-arrow{transform:none}
  .hp-faq-list details[open] .hp-faq-body{animation:none}
}

@media(max-width:980px){.nav-actions .btn-signin{display:none}}