:root{
  --pp-ink:#16171F;
  --pp-muted:#5A5E70;
  --pp-purple:#8E7BF2;
  --pp-lilac:#8E7BF2;
  --pp-navy:#16171F;
  --pp-soft:#F4F3FF;
  --pp-line:#E9E7FF;
  --pp-grad:linear-gradient(118deg,rgb(142,123,242) 33.29%,rgb(142,123,242) 76.23%);
  --pp-max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;overflow-x:hidden;color:var(--pp-ink);background:#fff;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{width:min(calc(100% - 40px),var(--pp-max));margin:auto}
.eyebrow{font-size:12px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--pp-purple);margin:0 0 18px}
h1,h2,h3,h4{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500!important;letter-spacing:-.04em}
p{color:var(--pp-muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid #B3A9FB;font-weight:500;transition:.25s ease;background:#fff;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(142,123,242,.15);border-color:rgba(142,123,242,.35)}
.btn-dark{background:var(--pp-grad);border-color:transparent;color:#fff;box-shadow:0 14px 32px rgba(142,123,242,.24)}
.btn-light{background:#fff;border-color:#fff;color:var(--pp-ink)}
/* Current-brand navigation */
.nav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(227,228,235,.82)}
.nav-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;flex:0 0 auto}
.pp-logo{display:block;width:auto;height:28px}
.pp-product-name{font-family:"Plus Jakarta Sans",sans-serif;font-size:14px;font-weight:500;color:var(--pp-purple);line-height:1;white-space:nowrap}
.nav-links{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:500;color:#5A5E70}
.nav-links>a:not(.btn){transition:.2s ease}
.nav-links>a:not(.btn):hover{color:var(--pp-purple)}
/* Hero */
.hero{position:relative;overflow:hidden;text-align:center;padding:108px 0 92px;background:
 radial-gradient(circle at 12% 10%,rgba(142,123,242,.16),transparent 27%),
 radial-gradient(circle at 88% 12%,rgba(108,87,224,.13),transparent 29%),
 linear-gradient(#fff,#F4F3FF)}
.hero:before{content:"";position:absolute;width:720px;height:340px;border-radius:50%;background:rgba(142,123,242,.08);filter:blur(70px);left:50%;top:-140px;transform:translateX(-50%)}
.hero .wrap{position:relative}
.hero .eyebrow{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(142,123,242,.18);background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(72,53,168,.06);border-radius:999px;padding:11px 17px;margin-bottom:24px}
.hero h1{font-size:clamp(48px,7vw,88px);line-height:1.12;margin:0 auto 24px;max-width:1050px;background:linear-gradient(90deg,#16171F 0%,#16171F 42%,#8E7BF2 70%,#8E7BF2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero> .wrap > p{font-size:clamp(17px,1.7vw,21px);line-height:1.7;max-width:850px;margin:0 auto 30px;color:var(--pp-muted)}
.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.hero-note{margin-top:18px;color:#5A5E70;font-size:13px}
.signal-stage{margin:62px auto 0;max-width:1080px;border-radius:30px;background:var(--pp-navy);color:#fff;position:relative;overflow:hidden;padding:28px;box-shadow:0 30px 90px rgba(142,123,242,.20)}
.signal-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(142,123,242,.22),transparent 34%),radial-gradient(circle at 90% 100%,rgba(108,87,224,.12),transparent 30%)}
.signal-grid{position:relative;display:grid;grid-template-columns:.9fr 1.35fr .9fr;gap:16px;align-items:center}
.signal-stack{display:grid;gap:12px}
.signal{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;text-align:left;transition:.3s ease}
.signal:hover{transform:translateY(-4px);border-color:rgba(142,123,242,.35);background:rgba(255,255,255,.09)}
.signal small{color:#9A9DAC;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.signal strong{display:block;margin-top:8px;font-size:16px;font-weight:500}
.engine{border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px;text-align:left;background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.status{display:inline-flex;gap:8px;align-items:center;color:#B3A9FB;font-size:11px;letter-spacing:.08em}
.dot{width:8px;height:8px;border-radius:50%;background:#047B5D;box-shadow:0 0 0 6px rgba(4,123,93,.10)}
.engine h3{font-size:30px;line-height:1.22;letter-spacing:-.035em;margin:24px 0 14px;color:#fff}
.engine p{font-size:14px;line-height:1.6;color:#E3E4EB;margin:0 0 20px}
.engine .rec{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:15px!important;color:#fff!important}
.engine .rec small{display:block;color:#B3A9FB!important;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.metric{border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px}
.metric b{display:block;font-size:18px}.metric span{font-size:10px;color:#9A9DAC}
/* Trust */
.trust{padding:58px 0 72px;background:#fff}
.trust h2{text-align:center;font-family:Inter,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5A5E70;font-weight:500;margin:0 0 30px}
/* .logo-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.logo{min-height:84px;border:1px solid var(--pp-line);border-radius:18px;display:grid;place-items:center;padding:16px;background:transparent;color:#1E2029;font-size:14px;font-weight:600;transition:.3s ease}
.logo:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(22,23,31,.10);border-color:rgba(142,123,242,.20)}
.logo img{max-width:145px;max-height:42px;object-fit:contain;filter:grayscale(1);opacity:.70;transition:.3s ease}
.logo:hover img{filter:grayscale(0);opacity:1} */
/* Global section rhythm */
section{padding:96px 0}
.statement{display:grid;grid-template-columns:.6fr 1.4fr;gap:72px;align-items:start}
.statement>div:last-child p{font-size:clamp(26px,3.1vw,42px);line-height:1.28;letter-spacing:-.035em;margin:0;color:#16171F}
.statement strong{font-weight:500}
.usecases{margin-top:54px;display:flex;gap:10px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.usecases::-webkit-scrollbar{display:none}
.usecases span{white-space:nowrap;padding:11px 16px;border:1px solid var(--pp-line);border-radius:999px;background:#fff;font-size:13px;font-weight:500;color:#1E2029}
/* Live ticker */
.work-ticker{width:100%;background:var(--pp-navy);color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);margin:0}
.work-ticker-inner{display:grid;grid-template-columns:max-content 1fr;align-items:stretch;min-height:78px}
.work-ticker-label{position:relative;z-index:3;display:flex;align-items:center;padding:0 28px 0 max(28px,calc((100vw - var(--pp-max))/2 + 20px));background:var(--pp-navy);border-right:1px solid rgba(255,255,255,.12);white-space:nowrap;font-size:15px;font-weight:500}
.work-ticker-window{min-width:0;overflow:hidden;display:flex;align-items:center;mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
.work-ticker-track{display:flex;width:max-content;align-items:center;flex-shrink:0;animation:profitPulseTicker 36s linear infinite;will-change:transform}
.work-ticker:hover .work-ticker-track{animation-play-state:paused}
.work-ticker-set{display:flex;align-items:center;flex-shrink:0}
.work-metric{display:inline-flex;align-items:center;gap:5px;padding:0 24px;white-space:nowrap;font-size:13px;color:#9A9DAC}
.work-metric strong{color:#fff;font-size:14px;font-weight:600}
.work-metric:after{content:"•";margin-left:24px;color:#8E7BF2;font-size:17px}
@keyframes profitPulseTicker{to{transform:translateX(-50%)}}
/* Product */
.product-section{background:var(--pp-navy);color:#fff;border-top:0}
.product-section .eyebrow{color:#B3A9FB}
.product-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:42px}
.product-head h2{font-size:clamp(42px,5vw,68px);line-height:1.16;margin:0;color:#fff}
.product-head p{color:#9A9DAC;max-width:440px;line-height:1.65;margin:0}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.tab{color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:11px 16px;cursor:pointer;transition:.2s ease}
.tab:hover{border-color:rgba(142,123,242,.38)}
.tab.active{background:var(--pp-grad);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(142,123,242,.22)}
.product-demo{display:grid;grid-template-columns:.84fr 1.16fr;gap:22px;padding-top:14px}
.demo-copy{min-height:520px;padding:34px 22px 34px 0;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12)}
.demo-copy h3{font-size:clamp(34px,4vw,48px);line-height:1.18;margin:0 0 18px;color:#fff}
.demo-copy p{font-size:17px;line-height:1.65;color:#9A9DAC;max-width:440px}
.demo-copy .micro{font-size:10px;color:#5A5E70;letter-spacing:.14em;text-transform:uppercase}
.ui{min-height:520px;background:#fff;color:var(--pp-ink);border-radius:28px;padding:18px;display:grid;grid-template-columns:190px 1fr;gap:14px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.sidebar{border-right:1px solid #E9E7FF;padding:12px 16px 12px 8px}
.side-title{font-weight:600;margin-bottom:26px}
.side-link{padding:9px 0;color:#5A5E70;font-size:12px}.side-link.active{color:var(--pp-purple);font-weight:600}
.alert-card{align-self:center;background:#F4F3FF;border:1px solid #E9E7FF;border-radius:22px;padding:28px;box-shadow:0 18px 50px rgba(72,53,168,.08)}
.alert-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:28px}
.chip{font-size:10px;border:1px solid #B3A9FB;border-radius:999px;padding:7px 10px;color:var(--pp-purple);text-transform:uppercase;letter-spacing:.08em}
.impact{font-size:11px;font-weight:500;color:#5A5E70}
.alert-card h4{font-size:clamp(27px,3vw,36px);line-height:1.2;margin:0 0 13px}
.alert-card>p{color:#5A5E70;line-height:1.6;margin:0 0 22px}
.rec{background:#F4F3FF;border:1px solid #E9E7FF;border-radius:15px;padding:16px;margin-bottom:22px}
.rec small{display:block;text-transform:uppercase;letter-spacing:.1em;color:#6C57E0;margin-bottom:7px}
.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stats3>div{background:#fff;border:1px solid #E9E7FF;border-radius:14px;padding:13px}
.stats3 b{display:block;font-size:18px}.stats3 span{font-size:10px;color:#5A5E70}
/* Why now */
.why-now{background:#F4F3FF}
.why-now h2,.impact-section h2,.diff h2,.foundation h2,.controls h2{font-size:clamp(42px,5.4vw,70px);line-height:1.16;margin:0 0 30px}
.why-lead{font-size:clamp(22px,2.6vw,34px);line-height:1.4;letter-spacing:-.025em;max-width:1020px;margin:0 0 46px;color:#1E2029}
.why-reevaluate{font-size:18px;line-height:1.6;color:var(--pp-muted);margin:0 0 28px}
.why-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why-card{padding:28px;border:1px solid var(--pp-line);border-radius:24px;min-height:220px;background:#fff;transition:.3s ease}
.why-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(22,23,31,.10);border-color:rgba(142,123,242,.25)}
.section-icon{width:42px;height:42px;padding:10px;border-radius:14px;background:#E9E7FF;color:var(--pp-purple);margin-bottom:34px}
.why-card b{display:block;font-size:23px;letter-spacing:-.03em;margin-bottom:12px}.why-card span{display:block;color:var(--pp-muted);font-size:14px;line-height:1.6}
.why-solution{margin-top:40px;padding:28px 30px;border:1px solid #E9E7FF;border-radius:24px;background:linear-gradient(120deg,#F4F3FF,#fff);display:grid;grid-template-columns:.42fr 1.58fr;gap:42px;align-items:start}
.why-solution strong{font-size:25px;letter-spacing:-.03em}.why-solution span{font-size:21px;line-height:1.5;letter-spacing:-.02em}
/* Quote */
.quote-section{padding:0;background:var(--pp-navy);color:#fff}
.quote-grid{display:grid;grid-template-columns:.86fr 1.14fr;min-height:600px}
.quote-art{min-height:480px;background-size:cover!important;background-position:center!important;position:relative}
.quote-copy{padding:70px;display:flex;flex-direction:column;justify-content:center}
.quote-copy .eyebrow{color:#B3A9FB!important}
.quote-copy blockquote{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(28px,3.4vw,46px);line-height:1.34;letter-spacing:-.04em;margin:0 0 36px}
.quote-copy .person{color:#9A9DAC;font-size:14px;line-height:1.5}
/* Impact */
.impact-section{background:#fff}
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.impact-box{padding:28px;border:1px solid var(--pp-line);border-radius:22px;background:linear-gradient(155deg,#fff,#F4F3FF);min-height:220px;transition:.3s ease}
.impact-box:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(22,23,31,.09)}
.impact-box strong{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(40px,4.7vw,64px);letter-spacing:-.06em;display:block;background:var(--pp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.impact-box p{color:#5A5E70;max-width:220px;line-height:1.5}.validation{font-size:11px;color:#B28400;margin-top:18px}
/* Differentiation */
.diff{background:#F4F3FF}
.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.diff-card{background:#fff;border:1px solid var(--pp-line);border-radius:24px;padding:30px;min-height:300px;transition:.3s ease}
.diff-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(22,23,31,.10);border-color:rgba(142,123,242,.25)}
.diff-card .num{font-size:11px;color:#5A5E70;margin-bottom:18px}
.diff-icon{width:50px;height:50px;padding:13px;border-radius:16px;background:#E9E7FF;color:var(--pp-purple);margin-bottom:30px}
.diff-card h3{font-size:30px;margin:0 0 14px}.diff-card p{font-size:15px;line-height:1.65;color:#5A5E70;max-width:560px}.diff-card strong{color:#16171F}
.compare-label{margin-top:58px}
.compare{margin-top:18px;border:1px solid var(--pp-line);border-radius:24px;overflow:hidden;background:#fff}
.compare-row{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0;border-bottom:1px solid var(--pp-line)}
.compare-row:last-child{border-bottom:0}
.compare-row div{font-size:16px;line-height:1.55;padding:24px 26px}
.compare-row div+div{border-left:1px solid var(--pp-line);background:#F4F3FF}
.compare-row small{display:block;text-transform:uppercase;letter-spacing:.1em;color:#5A5E70;margin-bottom:8px;font-size:9px}
/* Strategy */
.foundation{background:var(--pp-navy);color:#fff}
.foundation .eyebrow{color:#B3A9FB!important}.foundation h2{color:#fff}.foundation p.lead{color:#9A9DAC;font-size:19px;line-height:1.65;max-width:760px}
.foundation-grid{margin-top:46px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.foundation-card{padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.045);min-height:280px;transition:.3s ease}
.foundation-card:hover{transform:translateY(-6px);border-color:rgba(142,123,242,.28);background:rgba(255,255,255,.07)}
.foundation-card .tag{font-size:10px;color:#9A9DAC;letter-spacing:.12em;text-transform:uppercase}
.foundation-icon{width:48px;height:48px;padding:12px;border-radius:15px;background:rgba(142,123,242,.12);color:#B3A9FB;margin:30px 0}
.foundation-card h3{font-size:24px;margin:0 0 11px;color:#fff}.foundation-card p{font-size:13px;color:#9A9DAC;line-height:1.6}
/* Enterprise */
.controls{background:linear-gradient(135deg,#E9E7FF,#F4F3FF)}
.controls-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.controls p{font-size:18px;line-height:1.65;max-width:600px;color:#5A5E70}
.guardrail-box{background:var(--pp-navy);color:#fff;border-radius:30px;padding:14px;box-shadow:0 24px 60px rgba(142,123,242,.18)}
.enterprise-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.enterprise-capability{min-height:210px;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);padding:22px;display:flex;flex-direction:column;transition:.3s ease}
.enterprise-capability:hover{transform:translateY(-4px);border-color:rgba(142,123,242,.28);background:rgba(255,255,255,.07)}
.enterprise-capability-top{display:flex;align-items:center;gap:10px;margin-bottom:26px}
.enterprise-capability-index{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#E9E7FF;color:#16171F;font-size:10px;font-weight:600}
.enterprise-capability-type{color:#9A9DAC;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:500}
.enterprise-icon{margin-left:auto;width:28px;height:28px;color:#B3A9FB}
.enterprise-capability h3{margin:0 0 9px;color:#fff;font-size:21px}.enterprise-capability p{margin:0;color:#9A9DAC;font-size:13px;line-height:1.6}
/* Recognition */
.recognition-strip{padding:72px 0 88px;background:#fff}
.recognition-strip .logo-row{grid-template-columns:repeat(3,1fr)}
.recognition-strip .logo{min-height:150px;align-content:center;text-align:center;gap:10px}
.review-stars{color:#B28400;font-size:24px;letter-spacing:2px}
.review-rating-text{font-size:14px;font-weight:600}
.review-badges{display:flex;gap:10px;justify-content:center;margin-top:2px}
.review-badge{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid var(--pp-line)}
/* Final */
.final{position:relative;overflow:hidden;background:var(--pp-navy);color:#fff;text-align:center;padding:118px 0}
.final:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(142,123,242,.26),transparent 30%),radial-gradient(circle at 85% 75%,rgba(108,87,224,.16),transparent 32%)}
.final .wrap{position:relative}
.final .eyebrow{color:#B3A9FB!important}
.final h2{font-size:clamp(46px,6vw,78px);line-height:1.14;margin:0 auto 26px;max-width:1000px;color:#fff}
.final p{color:#9A9DAC;font-size:18px;max-width:720px;margin:0 auto 28px;line-height:1.65}
.final .btn:not(.btn-light){background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
.final-note{margin-top:20px;color:#5A5E70;font-size:12px}
footer{background:#16171F;color:#5A5E70;border-top:1px solid rgba(255,255,255,.08);padding:28px 0;font-size:12px}
.footer-row{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
/* Modal, keeping current HubSpot integration but no added body copy */
.modal{opacity:0;visibility:hidden;transition:.25s ease}
.modal.open{opacity:1;visibility:visible}
.modal-card{transform:translateY(24px) scale(.98);transition:.3s ease}
.modal.open .modal-card{transform:none}
#demo-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px}
.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(22,23,31,.72);backdrop-filter:blur(7px)}
.modal-card{position:relative;width:min(680px,calc(100vw - 32px));max-height:92vh;overflow-y:auto;border-radius:30px;background:#fff;box-shadow:0 30px 90px rgba(22,23,31,.30);padding:32px}
.modal-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:999px;border:1px solid #B3A9FB;background:#fff;display:grid;place-items:center;cursor:pointer}
.modal-title{font-family:"Plus Jakarta Sans",sans-serif;font-size:34px;line-height:1.25;margin:0 52px 24px 0}
.hubspot-form-shell .hs-form-field{margin-bottom:15px}.hubspot-form-shell label{display:block;margin-bottom:7px;color:#1E2029;font-size:13px;font-weight:500}
.hubspot-form-shell .hs-input:not([type="checkbox"]):not([type="radio"]),.hubspot-form-shell select,.hubspot-form-shell textarea{width:100%!important;min-height:48px;border:1px solid #B3A9FB;border-radius:12px;background:#fff;padding:11px 13px;color:#16171F;outline:none}
.hubspot-form-shell .hs-input:focus{border-color:#8E7BF2!important;box-shadow:0 0 0 4px rgba(142,123,242,.10)}
.hubspot-form-shell .hs-button{margin-top:18px;border:0!important;border-radius:999px!important;padding:14px 24px!important;color:#fff!important;font-weight:500!important;cursor:pointer;background:var(--pp-grad)!important}
.hubspot-form-shell .hs-error-msgs,.hubspot-form-shell .hs-error-msg,.hubspot-form-shell .hs-error-msgs label,.hubspot-form-shell .hs-form-required{color:#C70A24!important}
.hubspot-form-shell .hs-input.invalid,.hubspot-form-shell .hs-input.error{border-color:#C70A24!important;box-shadow:0 0 0 3px rgba(199,10,36,.10)!important}
.grecaptcha-badge,.hs-recaptcha{display:none!important}
/* Reveal */
.pp-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.pp-reveal.pp-visible{opacity:1;transform:none}
/* Responsive */
@media(max-width:1023px){
 .nav-links a:not(.btn){display:none}
 .signal-grid,.product-head,.product-demo,.quote-grid,.controls-grid{grid-template-columns:1fr}
 .signal-grid{grid-template-columns:1fr 1fr}.engine{grid-column:1/-1;grid-row:1}
 .logo-row{grid-template-columns:repeat(3,1fr)}
 .statement{grid-template-columns:1fr;gap:22px}
 .demo-copy{min-height:auto;padding:20px 0 28px}
 .ui{grid-template-columns:1fr}.sidebar{display:none}
 .why-card-grid{grid-template-columns:1fr}
 .why-solution{grid-template-columns:1fr;gap:12px}
 .impact-grid,.foundation-grid{grid-template-columns:1fr 1fr}
 .recognition-strip .logo-row{grid-template-columns:repeat(2,1fr)}
 .quote-art{min-height:360px}.quote-copy{padding:52px 30px}
}
@media(max-width:767px){
 .wrap{width:min(calc(100% - 32px),var(--pp-max))}
 section{padding:72px 0}
 .nav-inner{min-height:68px;gap:12px}.pp-logo{height:23px}.pp-product-name{font-size:11px}.nav-links .btn{min-height:42px;padding:0 15px;font-size:12px}
 .hero{padding:72px 0 62px}.hero h1{font-size:clamp(42px,11vw,58px);line-height:1.14}.hero> .wrap > p{font-size:16px}
 .hero-actions .btn{width:100%}
 .signal-stage{padding:15px;margin-top:44px;border-radius:22px}.signal-grid{grid-template-columns:1fr;gap:10px}.signal-stack{grid-template-columns:1fr 1fr}.engine{grid-column:auto;grid-row:1}.signal{padding:14px}.engine{padding:20px}.metrics{grid-template-columns:1fr}
 .trust{padding:42px 0 58px}.logo-row{grid-template-columns:repeat(2,1fr)}.logo{min-height:72px}.logo img{max-width:120px;max-height:34px}
 .statement>div:last-child p{font-size:25px}.usecases{margin-top:36px}
 .work-ticker-inner{grid-template-columns:1fr}.work-ticker-label{min-height:50px;padding:0 16px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.work-ticker-window{min-height:56px}
 .product-head{gap:20px}.product-head h2,.why-now h2,.impact-section h2,.diff h2,.foundation h2,.controls h2{font-size:clamp(36px,10vw,46px);line-height:1.2}
 .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap}
 .ui{min-height:auto;padding:10px;border-radius:22px}.alert-card{padding:18px}.alert-top{flex-direction:column;margin-bottom:20px}.stats3{grid-template-columns:1fr}.demo-copy h3{font-size:34px}
 .why-lead{font-size:23px}.why-card{min-height:auto}.why-solution{padding:24px}
 .quote-grid{grid-template-columns:1fr}.quote-art{min-height:300px}.quote-copy{padding:42px 22px}
 .impact-grid,.diff-grid,.foundation-grid,.enterprise-capability-grid,.recognition-strip .logo-row{grid-template-columns:1fr}
 .impact-box,.diff-card,.foundation-card{min-height:auto}
 .compare-row{grid-template-columns:1fr}.compare-row div+div{border-left:0;border-top:1px solid var(--pp-line)}
 .controls-grid{gap:34px}.guardrail-box{border-radius:24px}
 .footer-row{justify-content:center;text-align:center}
 .modal-card{padding:24px}.modal-title{font-size:29px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* ============================================================
   PREMIUM V4 VISUAL PASS — retains V4 copy verbatim
   Uses the approved Hypersonix/Profit Max purple-lilac system
   ============================================================ */
.gradient-text{
  background:linear-gradient(118deg,rgb(142,123,242) 33.29%,rgb(142,123,242) 76.23%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Restore approved CTA system */
.btn{min-height:54px;padding:0 26px;font-weight:500;letter-spacing:-.01em}
.btn-dark{
  background:linear-gradient(118deg,rgb(142,123,242) 33.29%,rgb(142,123,242) 76.23%)!important;
  color:#fff!important;border-color:transparent!important;
  box-shadow:0 14px 34px rgba(142,123,242,.26)!important;
}
.btn-dark:hover{box-shadow:0 18px 40px rgba(142,123,242,.34)!important;transform:translateY(-2px)}
.btn-light{background:#fff!important;color:#16171F!important;border-color:#fff!important;box-shadow:0 10px 28px rgba(22,23,31,.10)}
.shine{position:relative;overflow:hidden}
.shine:after{content:"";position:absolute;top:-140%;left:-55%;width:34%;height:380%;transform:rotate(23deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transition:left .75s ease;pointer-events:none}
.shine:hover:after{left:125%}

/* Navigation — cleaner and closer to the previous approved page */
.nav{background:rgba(255,255,255,.90);box-shadow:0 1px 0 rgba(22,23,31,.03)}
.nav-inner{max-width:1240px}
.nav-links{gap:32px}
.nav-links>a:not(.btn){color:#5A5E70}

/* Hero — exact earlier color language, sharper stage */
.hero{padding:112px 0 96px;background:
 radial-gradient(circle at 12% 10%,rgba(142,123,242,.17),transparent 26%),
 radial-gradient(circle at 88% 10%,rgba(108,87,224,.14),transparent 28%),
 linear-gradient(180deg,#fff 0%,#F4F3FF 100%)}
.hero .eyebrow{color:#8E7BF2;border-color:rgba(142,123,242,.20);box-shadow:0 12px 34px rgba(72,53,168,.07)}
.hero h1{background:none!important;color:#16171F!important;max-width:1060px;font-size:clamp(50px,7vw,86px);line-height:1.14!important}
.hero> .wrap > p{max-width:820px;font-size:clamp(17px,1.55vw,20px)}
.hero-note{margin-top:20px}
.signal-stage{padding:12px;border:1px solid rgba(142,123,242,.19);background:#fff;box-shadow:0 28px 90px rgba(142,123,242,.18)}
.signal-stage:before{background:radial-gradient(circle at 50% 0%,rgba(142,123,242,.18),transparent 34%),radial-gradient(circle at 90% 100%,rgba(108,87,224,.10),transparent 30%)}
.signal-grid{border-radius:23px;padding:22px;background:#16171F;min-height:430px}
.signal{background:rgba(255,255,255,.06)}
.engine{background:linear-gradient(150deg,rgba(142,123,242,.16),rgba(255,255,255,.04));box-shadow:0 22px 65px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.10)}

/* Trust — lighter, more editorial */
.trust:not(.recognition-strip){padding:48px 0 68px}
.trust:not(.recognition-strip) .logo{border:0;border-radius:0;border-bottom:1px solid #E9E7FF;box-shadow:none;background:transparent}
.trust:not(.recognition-strip) .logo:hover{transform:none;box-shadow:none;border-color:#B3A9FB}

/* Platform statement — add visual depth while retaining exact copy */
#platform{background:linear-gradient(180deg,#fff 0%,#F4F3FF 100%);padding-top:96px;padding-bottom:72px}
#platform .statement{grid-template-columns:.48fr 1.52fr;gap:54px;align-items:center}
#platform .statement>div:last-child{padding:6px 0}
#platform .statement>div:last-child p{font-size:clamp(29px,3.2vw,44px);line-height:1.3}
#platform .statement strong{background:linear-gradient(118deg,#8E7BF2 33%,#8E7BF2 76%);-webkit-background-clip:text;background-clip:text;color:transparent}
.platform-visual{position:relative;margin-top:48px;height:250px;border-radius:30px;overflow:hidden;background:#16171F;box-shadow:0 26px 70px rgba(22,23,31,.16)}
.platform-visual-image{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(22,23,31,.92) 0%,rgba(22,23,31,.58) 45%,rgba(22,23,31,.28) 100%),
 url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1600&q=88') center/cover}
.platform-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 22%,rgba(142,123,242,.34),transparent 28%),radial-gradient(circle at 24% 80%,rgba(108,87,224,.16),transparent 30%)}
.platform-orbit{position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:50%;z-index:2}
.platform-orbit-a{width:300px;height:300px;right:10%;top:-80px}
.platform-orbit-b{width:170px;height:170px;right:18%;top:38px}
.platform-visual-icon{position:absolute;z-index:3;right:24%;top:50%;transform:translate(50%,-50%);width:72px;height:72px;border-radius:22px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.30);backdrop-filter:blur(14px);box-shadow:0 18px 44px rgba(0,0,0,.25)}
.platform-visual-icon svg{width:30px;height:30px}
#platform .usecases{margin-top:22px}
#platform .usecases span{background:#fff;box-shadow:0 8px 24px rgba(22,23,31,.04)}

/* Ticker */
.work-ticker{box-shadow:0 12px 38px rgba(22,23,31,.10)}
.work-ticker-label{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500}

/* Product decision UI — polished SaaS surface */
.product-section{position:relative;overflow:hidden;padding-top:108px;padding-bottom:108px}
.product-section:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-230px;top:-260px;background:rgba(142,123,242,.18);filter:blur(90px)}
.product-section .wrap{position:relative}
.product-head h2{font-size:clamp(44px,5vw,67px);line-height:1.18}
.tabs{gap:9px;margin-bottom:28px}
.tab{padding:12px 18px;background:rgba(255,255,255,.045)}
.product-demo{gap:28px}
.demo-copy{padding-right:34px}
.ui{border:1px solid rgba(142,123,242,.16);box-shadow:0 28px 70px rgba(0,0,0,.24);background:linear-gradient(145deg,#fff,#F4F3FF)}
.sidebar{background:#F4F3FF;border-radius:16px;padding:18px;border-right:0}
.side-title{color:#16171F}
.side-link.active{color:#8E7BF2}
.alert-card{border-color:#B3A9FB;box-shadow:0 24px 60px rgba(22,23,31,.10)}
.rec{background:#F4F3FF}

/* Why now — cleaner cards with visual accents */
.why-now{background:#fff;padding-top:104px;padding-bottom:104px}
.why-now .wrap{position:relative}
.why-lead{max-width:980px;color:#1E2029;font-size:clamp(21px,2.1vw,29px);line-height:1.55}
.why-reevaluate{max-width:820px}
.why-card-grid{gap:18px;border:0;margin-top:42px}
.why-card{position:relative;overflow:hidden;border:1px solid #E9E7FF;border-radius:26px;background:linear-gradient(145deg,#fff,#F4F3FF);min-height:250px;padding:30px;transition:.3s ease}
.why-card:after{content:"";position:absolute;width:150px;height:150px;right:-55px;bottom:-70px;border-radius:50%;background:rgba(142,123,242,.10);filter:blur(4px)}
.why-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(22,23,31,.10);border-color:rgba(142,123,242,.25)}
.section-icon{width:50px;height:50px;padding:13px;border-radius:16px;color:#8E7BF2;background:#E9E7FF;margin-bottom:34px}
.why-card b{font-family:"Plus Jakarta Sans",sans-serif;font-size:23px;font-weight:500}
.why-solution{margin-top:34px;border:0;border-radius:26px;padding:30px 32px;background:#16171F;color:#fff;box-shadow:0 24px 60px rgba(22,23,31,.12)}
.why-solution strong{color:#B3A9FB}.why-solution span{color:#9A9DAC}

/* Customer proof — photo-led, strong but readable */
.quote-section{padding:68px 0;background:#F4F3FF}
.quote-grid{width:min(calc(100% - 40px),1240px);margin:auto;min-height:560px;border-radius:34px;overflow:hidden;box-shadow:0 24px 70px rgba(22,23,31,.12)}
.quote-art{background-position:center;background-size:cover}
.quote-copy{background:#16171F;padding:70px}
.quote-copy blockquote{font-size:clamp(28px,3vw,44px);line-height:1.3!important;letter-spacing:-.04em}

/* Impact — stronger cards and metric hierarchy */
.impact-section{background:linear-gradient(180deg,#fff,#F4F3FF);padding-top:104px;padding-bottom:104px}
.impact-grid{gap:18px;margin-top:46px}
.impact-box{position:relative;overflow:hidden;min-height:245px;padding:30px;border-radius:26px;background:#fff;box-shadow:0 12px 36px rgba(22,23,31,.05)}
.impact-box:after{content:"";position:absolute;inset:auto -55px -65px auto;width:150px;height:150px;border-radius:50%;background:rgba(142,123,242,.06)}
.impact-icon{width:42px;height:42px;padding:11px;border-radius:14px;color:#8E7BF2;background:#E9E7FF;margin-bottom:42px}
.impact-box strong{font-size:clamp(46px,4.4vw,66px)}

/* Differentiation — sharper cards + better comparison */
.diff{padding-top:106px;padding-bottom:108px;background:#F4F3FF}
.diff-grid{gap:20px;margin-top:42px}
.diff-card{position:relative;overflow:hidden;border-radius:28px;padding:32px;min-height:330px}
.diff-card:before{content:"";position:absolute;width:170px;height:170px;right:-85px;top:-90px;border-radius:50%;background:rgba(142,123,242,.08)}
.diff-card .num{margin-bottom:14px}.diff-icon{margin:10px 0 32px}
.diff-card h3{font-size:29px;line-height:1.3}
.compare{border-radius:28px;box-shadow:0 16px 45px rgba(22,23,31,.06)}
.compare-row div+div{position:relative;background:linear-gradient(135deg,#F4F3FF,#F4F3FF)}
.compare-row div+div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#8E7BF2,#8E7BF2)}

/* Strategy flow */
.foundation{position:relative;overflow:hidden;padding-top:108px;padding-bottom:108px}
.foundation:before{content:"";position:absolute;left:-200px;bottom:-260px;width:600px;height:600px;border-radius:50%;background:rgba(142,123,242,.16);filter:blur(100px)}
.foundation .wrap{position:relative}
.foundation-grid{position:relative;gap:16px;margin-top:52px}
.foundation-grid:before{content:"";position:absolute;left:7%;right:7%;top:52%;height:1px;background:linear-gradient(90deg,transparent,rgba(142,123,242,.34),transparent);z-index:0}
.foundation-card{position:relative;z-index:1;min-height:300px;background:rgba(255,255,255,.055);backdrop-filter:blur(4px)}
.foundation-icon{background:linear-gradient(135deg,rgba(142,123,242,.20),rgba(142,123,242,.12))}

/* Enterprise-to-Shopify — clean split panel */
.controls{padding-top:108px;padding-bottom:108px;background:linear-gradient(135deg,#E9E7FF 0%,#fff 55%,#F4F3FF 100%)}
.controls-grid{gap:72px}
.controls h2{font-size:clamp(43px,5vw,66px);line-height:1.2}
.guardrail-box{padding:16px;border:1px solid rgba(142,123,242,.18);box-shadow:0 30px 80px rgba(142,123,242,.17)}
.enterprise-capability{min-height:220px}

/* Recognition/resources — editorial cards; content remains unchanged */
.recognition-strip{padding:90px 0;background:#fff}
.recognition-strip .logo-row{gap:16px}
.recognition-strip .logo{min-height:170px;border-radius:24px;box-shadow:0 10px 32px rgba(22,23,31,.05)}
.resource-card{position:relative;overflow:hidden;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.35);font-family:"Plus Jakarta Sans",sans-serif;font-size:20px!important;align-content:end!important;justify-items:start!important;text-align:left!important;padding:26px!important;background:#16171F!important;isolation:isolate}
.resource-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(22,23,31,.08),rgba(22,23,31,.78)),var(--resource-image);background-size:cover;background-position:center;z-index:-1;transition:transform .5s ease}
.resource-card:hover:before{transform:scale(1.06)}
.review-stars{font-size:25px}

/* Final CTA — exactly the approved gradient primary / white secondary pattern */
.final{padding:0 20px 96px;background:#fff;color:#fff}
.final:before{display:none}
.final .wrap{width:min(100%,1240px);padding:76px 52px;border-radius:36px;overflow:hidden;background:#16171F;box-shadow:0 28px 90px rgba(142,123,242,.20)}
.final .wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(142,123,242,.28),transparent 30%),radial-gradient(circle at 85% 75%,rgba(108,87,224,.18),transparent 30%);pointer-events:none}
.final .wrap>*{position:relative}
.final h2{font-size:clamp(44px,5.5vw,72px);line-height:1.2}
.final .gradient-text{background:linear-gradient(118deg,#8E7BF2 33%,#B3A9FB 76%);-webkit-background-clip:text;background-clip:text;color:transparent}
.final .hero-actions{margin-top:34px}
.final .btn-dark{background:linear-gradient(118deg,rgb(142,123,242) 33.29%,rgb(142,123,242) 76.23%)!important;color:#fff!important;border:0!important}
.final .btn-light{background:#fff!important;color:#16171F!important;border-color:#fff!important}
.final-note{color:rgba(255,255,255,.47)}

footer{background:#16171F}

/* Small-screen polish */
@media(max-width:1023px){
  .platform-visual{height:220px}
  .foundation-grid:before{display:none}
  .quote-grid{width:min(calc(100% - 32px),1240px)}
  .quote-copy{padding:52px 34px}
}
@media(max-width:767px){
  .hero{padding-top:74px;padding-bottom:62px}
  .hero h1{font-size:clamp(42px,11vw,56px)!important}
  .signal-stage{padding:7px}.signal-grid{padding:13px;min-height:0}
  #platform{padding-top:72px;padding-bottom:56px}
  .platform-visual{height:190px;border-radius:24px;margin-top:34px}
  .platform-visual-icon{width:56px;height:56px;border-radius:18px}
  .product-section,.why-now,.impact-section,.diff,.foundation,.controls{padding-top:76px;padding-bottom:76px}
  .why-card-grid{margin-top:30px}.why-card{padding:24px;min-height:0}
  .quote-section{padding:54px 0}.quote-grid{border-radius:26px}.quote-copy{padding:38px 24px}
  .impact-grid,.diff-grid{margin-top:30px}.impact-box{min-height:0}.impact-icon{margin-bottom:28px}
  .foundation-card{min-height:0}
  .final{padding:0 16px 72px}.final .wrap{padding:54px 24px;border-radius:28px}
  .final .hero-actions .btn{width:100%}
}


/* =========================================================
   Animated premium hero — visual upgrade only, copy unchanged
   ========================================================= */
.hero{
  isolation:isolate;
  min-height:auto;
  padding:118px 0 100px;
}
.hero .wrap{
  z-index:2;
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(142,123,242,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(142,123,242,.045) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%);
  animation:heroGridDrift 18s linear infinite;
}
@keyframes heroGridDrift{
  from{background-position:0 0,0 0}
  to{background-position:64px 64px,64px 64px}
}
.hero-ambient{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}
.hero-orb{
  position:absolute;
  border-radius:999px;
  filter:blur(2px);
  opacity:.55;
  animation:heroOrbFloat 9s ease-in-out infinite;
}
.hero-orb-one{
  width:220px;height:220px;
  left:-70px;top:110px;
  background:radial-gradient(circle,rgba(142,123,242,.26),rgba(142,123,242,0) 70%);
}
.hero-orb-two{
  width:280px;height:280px;
  right:-95px;top:165px;
  background:radial-gradient(circle,rgba(142,123,242,.22),rgba(142,123,242,0) 70%);
  animation-delay:-3s;
}
.hero-orb-three{
  width:180px;height:180px;
  left:65%;top:36%;
  background:radial-gradient(circle,rgba(108,87,224,.17),rgba(108,87,224,0) 70%);
  animation-delay:-6s;
}
@keyframes heroOrbFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-22px,0) scale(1.06)}
}
.hero .eyebrow{
  gap:9px;
  position:relative;
  overflow:hidden;
  animation:heroFadeUp .7s .05s both;
}
.hero .eyebrow:before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  flex:0 0 auto;
  background:#8E7BF2;
  box-shadow:0 0 0 7px rgba(142,123,242,.10);
  animation:heroPulse 2.2s ease-out infinite;
}
.hero .eyebrow:after{
  content:"";
  position:absolute;
  top:-120%;
  left:-35%;
  width:30%;
  height:340%;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
  animation:heroBadgeShine 4.8s ease-in-out infinite;
}
@keyframes heroPulse{
  0%{box-shadow:0 0 0 0 rgba(142,123,242,.28)}
  70%{box-shadow:0 0 0 10px rgba(142,123,242,0)}
  100%{box-shadow:0 0 0 0 rgba(142,123,242,0)}
}
@keyframes heroBadgeShine{
  0%,58%{left:-45%}
  78%,100%{left:125%}
}
.hero h1{
  animation:heroFadeUp .82s .12s both;
  text-wrap:balance;
}
.hero h1 .gradient-text{
  background-size:180% 180%;
  animation:heroGradientShift 5.5s ease-in-out infinite;
}
@keyframes heroGradientShift{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
.hero > .wrap > p{
  animation:heroFadeUp .82s .2s both;
}
.hero-actions{
  animation:heroFadeUp .82s .28s both;
}
.hero-note{
  animation:heroFadeUp .82s .36s both;
}
@keyframes heroFadeUp{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}
.hero .btn-dark{
  position:relative;
  overflow:hidden;
}
.hero .btn-dark:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.24);
  pointer-events:none;
}
.signal-stage{
  isolation:isolate;
  transform-style:preserve-3d;
  animation:heroStageReveal .95s .38s both;
  transition:transform .22s ease-out, box-shadow .35s ease;
}
.signal-stage:hover{
  box-shadow:0 36px 105px rgba(142,123,242,.24);
}
@keyframes heroStageReveal{
  from{opacity:0;transform:translateY(34px) scale(.975)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.signal-stage .stage-glow{
  position:absolute;
  width:380px;height:380px;
  border-radius:50%;
  left:50%;top:48%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(142,123,242,.24),rgba(142,123,242,0) 68%);
  filter:blur(22px);
  pointer-events:none;
  z-index:0;
  animation:stageGlow 5s ease-in-out infinite;
}
@keyframes stageGlow{
  0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.92)}
  50%{opacity:.9;transform:translate(-50%,-50%) scale(1.08)}
}
.signal-stage .scan-line{
  position:absolute;
  left:22px;
  right:22px;
  height:1px;
  top:22px;
  z-index:3;
  pointer-events:none;
  opacity:.55;
  background:linear-gradient(90deg,transparent,#8E7BF2 24%,#8E7BF2 70%,transparent);
  box-shadow:0 0 18px rgba(142,123,242,.55);
  animation:heroScan 5.8s ease-in-out infinite;
}
@keyframes heroScan{
  0%,8%{transform:translateY(0);opacity:0}
  15%{opacity:.6}
  70%{opacity:.5}
  82%,100%{transform:translateY(380px);opacity:0}
}
.signal-grid{
  z-index:2;
}
.signal{
  position:relative;
  overflow:hidden;
  animation:signalFloat 5s ease-in-out infinite;
}
.signal-stack:first-child .signal:nth-child(2){animation-delay:-1.5s}
.signal-stack:last-child .signal:first-child{animation-delay:-2.2s}
.signal-stack:last-child .signal:nth-child(2){animation-delay:-3.4s}
@keyframes signalFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
.signal:after{
  content:"";
  position:absolute;
  inset:auto -35% -90% -35%;
  height:120%;
  background:radial-gradient(circle,rgba(142,123,242,.16),transparent 66%);
  opacity:0;
  transition:.3s ease;
}
.signal:hover:after{opacity:1}
.engine{
  position:relative;
  overflow:hidden;
  transform:translateZ(16px);
}
.engine:after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.08) 50%,transparent 75%);
  transform:translateX(-110%);
  animation:engineSweep 6.2s ease-in-out infinite;
}
@keyframes engineSweep{
  0%,42%{transform:translateX(-110%)}
  68%,100%{transform:translateX(110%)}
}
.status .dot{
  animation:statusPulse 2s ease-out infinite;
}
@keyframes statusPulse{
  0%{box-shadow:0 0 0 0 rgba(4,123,93,.30)}
  70%{box-shadow:0 0 0 9px rgba(4,123,93,0)}
  100%{box-shadow:0 0 0 0 rgba(4,123,93,0)}
}
.metric{
  transition:.28s ease;
  animation:metricReveal .65s both;
}
.metric:nth-child(1){animation-delay:.75s}
.metric:nth-child(2){animation-delay:.88s}
.metric:nth-child(3){animation-delay:1.01s}
.metric:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.07);
  border-color:rgba(142,123,242,.28);
}
@keyframes metricReveal{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
.hero-signal-particle{
  position:absolute;
  z-index:1;
  width:6px;height:6px;border-radius:999px;
  background:#8E7BF2;
  box-shadow:0 0 16px rgba(142,123,242,.8);
  opacity:.45;
  animation:signalParticle 7s linear infinite;
}
.hero-signal-particle.p1{left:8%;top:28%;animation-delay:-1s}
.hero-signal-particle.p2{left:20%;top:62%;width:4px;height:4px;animation-delay:-4s;background:#8E7BF2}
.hero-signal-particle.p3{right:10%;top:33%;animation-delay:-2.4s}
.hero-signal-particle.p4{right:23%;top:70%;width:4px;height:4px;animation-delay:-5.2s;background:#8E7BF2}
@keyframes signalParticle{
  0%{transform:translateY(18px) scale(.8);opacity:0}
  20%{opacity:.48}
  75%{opacity:.35}
  100%{transform:translateY(-70px) scale(1.15);opacity:0}
}
@media (max-width:900px){
  .hero{padding-top:92px}
  .signal-stage{margin-top:52px}
  .signal-grid{grid-template-columns:1fr}
  .engine{grid-row:1}
  .signal-stack{grid-template-columns:1fr 1fr}
  .hero .scan-line{display:none}
}
@media (max-width:600px){
  .hero{padding:72px 0 68px}
  .hero:after{background-size:44px 44px}
  .hero-orb{opacity:.34}
  .hero h1{font-size:clamp(44px,13vw,58px)!important;line-height:1.12!important}
  .hero > .wrap > p{font-size:17px;line-height:1.65}
  .hero-actions .btn{width:100%}
  .signal-stage{padding:7px;margin-top:44px;border-radius:23px}
  .signal-grid{padding:14px;min-height:auto;border-radius:17px;gap:12px}
  .signal-stack{grid-template-columns:1fr}
  .signal{animation:none}
  .engine{padding:22px}
  .engine h3{font-size:25px}
  .metrics{grid-template-columns:1fr;gap:8px}
  .metric{display:flex;align-items:center;justify-content:space-between;gap:15px}
  .metric b{font-size:17px}
  .hero-signal-particle{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hero:after,.hero-orb,.hero .eyebrow:before,.hero .eyebrow:after,
  .hero h1 .gradient-text,.signal-stage,.stage-glow,.scan-line,.signal,
  .engine:after,.status .dot,.metric,.hero-signal-particle{
    animation:none!important;
  }
}


/* =========================================================
   Requested refinement pass
   ========================================================= */

/* 1) Hero CTAs: slightly shorter, cleaner corner radius */
.hero .hero-actions .btn{
  min-height:48px !important;
  padding:0 22px !important;
  border-radius:14px !important;
  font-size:14px;
  box-shadow:none;
}
.hero .hero-actions .btn-dark{
  box-shadow:0 12px 28px rgba(142,123,242,.22) !important;
}
.hero .hero-actions .btn:hover{
  transform:translateY(-2px);
}
@media(max-width:600px){
  .hero .hero-actions .btn{
    min-height:48px !important;
    border-radius:14px !important;
  }
}

/* 2) Customer logos: restore clean infinite carousel treatment */
.trust{
  padding:52px 0 64px;
  overflow:hidden;
}
.logo-carousel-shell{
  position:relative;
  width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
}
.logo-carousel-track{
  display:flex;
  align-items:center;
  width:max-content;
  animation:ppLogoLoop 30s linear infinite;
  will-change:transform;
}
.logo-carousel-shell:hover .logo-carousel-track{
  animation-play-state:paused;
}
.logo-carousel-group{
  display:flex;
  align-items:center;
  gap:56px;
  padding-right:56px;
  flex:0 0 auto;
}
.logo-carousel-item{
  width:150px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.logo-carousel-item img{
  display:block;
  max-width:145px;
  max-height:42px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.68;
  transition:filter .3s ease,opacity .3s ease,transform .3s ease;
}
.logo-carousel-item:hover img{
  filter:grayscale(0);
  opacity:1;
  transform:scale(1.04);
}
@keyframes ppLogoLoop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:600px){
  .logo-carousel-group{gap:34px;padding-right:34px}
  .logo-carousel-item{width:122px;height:54px}
  .logo-carousel-item img{max-width:118px;max-height:34px}
  .logo-carousel-track{animation-duration:36s}
}

/* 3) Profit Max statement: balanced two-column composition with bracket */
#platform{
  position:relative;
  overflow:hidden;
}
#platform .statement{
  position:relative;
  display:grid;
  grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr);
  gap:64px;
  align-items:center;
  min-height:250px;
  padding:34px 42px;
  border:1px solid rgba(142,123,242,.14);
  border-radius:30px;
  background:
    radial-gradient(circle at 8% 8%,rgba(142,123,242,.10),transparent 28%),
    linear-gradient(135deg,#fff,#F4F3FF);
  box-shadow:0 22px 60px rgba(22,23,31,.08);
}
#platform .statement:before{
  content:"";
  position:absolute;
  left:42%;
  top:34px;
  bottom:34px;
  width:1px;
  background:linear-gradient(to bottom,transparent,rgba(142,123,242,.26) 18%,rgba(142,123,242,.26) 82%,transparent);
}
#platform .statement:after{
  content:"";
  position:absolute;
  left:calc(42% - 7px);
  top:50%;
  width:15px;
  height:56%;
  transform:translateY(-50%);
  border-left:2px solid rgba(142,123,242,.52);
  border-top:2px solid rgba(142,123,242,.52);
  border-bottom:2px solid rgba(142,123,242,.52);
  border-radius:12px 0 0 12px;
}
#platform .statement .eyebrow{
  margin:0;
  padding-right:28px;
  font-size:13px;
}
#platform .statement>div:last-child{
  padding-left:12px;
}
#platform .statement>div:last-child p{
  max-width:760px;
  font-size:clamp(25px,2.65vw,38px);
  line-height:1.34;
}
@media(max-width:900px){
  #platform .statement{
    grid-template-columns:1fr;
    gap:22px;
    padding:30px;
    min-height:0;
  }
  #platform .statement:before{
    left:30px;right:30px;top:78px;bottom:auto;width:auto;height:1px;
    background:linear-gradient(to right,transparent,rgba(142,123,242,.24),transparent);
  }
  #platform .statement:after{display:none}
  #platform .statement .eyebrow{padding-right:0}
  #platform .statement>div:last-child{padding-left:0}
}

/* 4) Add subtle motion to platform visual/use-case area */
.platform-visual{
  transform:translateZ(0);
}
.platform-visual-image{
  animation:platformImageFloat 7s ease-in-out infinite;
}
.platform-orbit-a{
  animation:platformOrbitA 12s linear infinite;
}
.platform-orbit-b{
  animation:platformOrbitB 15s linear infinite reverse;
}
.platform-visual-icon{
  animation:platformIconPulse 3.2s ease-in-out infinite;
}
.usecases span{
  position:relative;
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease;
}
.usecases span:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(142,123,242,.14) 50%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .55s ease;
}
.usecases span:hover{
  transform:translateY(-3px);
  border-color:rgba(142,123,242,.30);
  box-shadow:0 12px 26px rgba(142,123,242,.10);
  color:#8E7BF2;
}
.usecases span:hover:after{
  transform:translateX(120%);
}
@keyframes platformImageFloat{
  0%,100%{transform:scale(1.02) translateY(0)}
  50%{transform:scale(1.045) translateY(-8px)}
}
@keyframes platformOrbitA{
  to{transform:rotate(360deg)}
}
@keyframes platformOrbitB{
  to{transform:rotate(360deg)}
}
@keyframes platformIconPulse{
  0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 18px 48px rgba(142,123,242,.28)}
  50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 22px 58px rgba(142,123,242,.38)}
}

/* 5) Decision Intelligence: heading/description stacked + animated UI */
.product-head{
  display:block !important;
  margin-bottom:34px !important;
}
.product-head h2{
  max-width:900px;
}
.product-head p{
  max-width:720px !important;
  margin-top:18px !important;
  font-size:17px;
}
.product-section .tabs{
  margin-bottom:30px;
}
.product-demo{
  position:relative;
}
.product-demo .ui{
  position:relative;
  overflow:hidden;
  transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s ease,opacity .3s ease;
}
.product-demo .ui:before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  right:-120px;
  top:-120px;
  background:rgba(142,123,242,.10);
  filter:blur(45px);
  pointer-events:none;
}
.product-demo.ui-changing .ui{
  animation:productUiSwap .52s cubic-bezier(.2,.7,.2,1);
}
.product-demo.ui-changing .alert-card{
  animation:productCardSwap .56s cubic-bezier(.2,.7,.2,1);
}
.product-demo.ui-changing .demo-copy>div:first-child{
  animation:productCopySwap .48s ease;
}
@keyframes productUiSwap{
  0%{opacity:.58;transform:translateX(22px) scale(.985)}
  100%{opacity:1;transform:none}
}
@keyframes productCardSwap{
  0%{opacity:.35;transform:translateY(18px)}
  100%{opacity:1;transform:none}
}
@keyframes productCopySwap{
  0%{opacity:.3;transform:translateY(10px)}
  100%{opacity:1;transform:none}
}
.product-section:hover .ui{
  box-shadow:0 30px 85px rgba(0,0,0,.30);
}
@media(max-width:900px){
  .product-head p{max-width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .logo-carousel-track,.platform-visual-image,.platform-orbit-a,.platform-orbit-b,.platform-visual-icon,
  .product-demo.ui-changing .ui,.product-demo.ui-changing .alert-card,.product-demo.ui-changing .demo-copy>div:first-child{
    animation:none!important;
  }
}


/* =========================================================
   Approved CTA system + stable workflow tabs
   ========================================================= */

/* Restore the approved Profit Max CTA styling */
.btn,
.hero .hero-actions .btn,
.final .hero-actions .btn,
.nav-links .btn{
  min-height:52px !important;
  padding:0 26px !important;
  border-radius:999px !important;
  font-family:Inter,sans-serif;
  font-size:14px;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;
}

.btn-dark,
.hero .btn-dark,
.nav-links .btn-dark,
.final .btn-dark{
  color:#fff !important;
  border:1px solid transparent !important;
  background:linear-gradient(118deg,rgb(142,123,242) 33.29%,rgb(142,123,242) 76.23%) !important;
  box-shadow:0 12px 28px rgba(142,123,242,.24) !important;
}

.btn-dark:hover,
.hero .btn-dark:hover,
.nav-links .btn-dark:hover,
.final .btn-dark:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(142,123,242,.32) !important;
}

.btn:not(.btn-dark):not(.btn-light),
.hero .hero-actions .btn:not(.btn-dark){
  background:#fff !important;
  color:#16171F !important;
  border:1px solid #B3A9FB !important;
  box-shadow:none !important;
}

.btn:not(.btn-dark):not(.btn-light):hover,
.hero .hero-actions .btn:not(.btn-dark):hover{
  color:#8E7BF2 !important;
  border-color:rgba(142,123,242,.42) !important;
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(142,123,242,.10) !important;
}

.btn-light,
.final .btn-light{
  background:#fff !important;
  color:#16171F !important;
  border:1px solid #fff !important;
  box-shadow:0 10px 28px rgba(22,23,31,.10) !important;
}

/* Remove the extra inner border introduced during the animated hero pass */
.hero .btn-dark:before{
  display:none !important;
}

/* Header CTA is a little more compact, as in the approved page */
.nav-links .btn{
  min-height:46px !important;
  padding:0 20px !important;
}

/* Keep the entire desktop tab menu stable while tabs rotate */
@media(min-width:901px){
  .product-section .tabs{
    display:flex !important;
    flex-wrap:wrap !important;
    overflow:visible !important;
    justify-content:flex-start;
    gap:9px;
    padding:0 !important;
    scroll-behavior:auto !important;
  }

  .product-section .tab{
    flex:0 0 auto;
    white-space:nowrap;
  }
}

/* Mobile/tablet stays manually scrollable; auto-rotation is already disabled */
@media(max-width:900px){
  .product-section .tabs{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    justify-content:flex-start !important;
    width:100%;
    max-width:100%;
    padding:0 2px 8px !important;
    scroll-padding-inline:2px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .product-section .tabs::-webkit-scrollbar{
    display:none;
  }

  .product-section .tab{
    flex:0 0 auto;
    white-space:nowrap;
  }

  .hero .hero-actions .btn,
  .final .hero-actions .btn{
    width:100%;
    min-height:52px !important;
  }
}

@media(max-width:600px){
  .btn,
  .hero .hero-actions .btn,
  .final .hero-actions .btn{
    min-height:50px !important;
    padding:0 22px !important;
  }
}


/* Profit Max bracket: keep it inside the gap between the two columns */
@media (min-width:901px){
  #platform .statement{
    grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr) !important;
    column-gap:64px !important;
  }
  #platform .statement:before{
    left:calc((100% - 64px) * .31 + 32px) !important;
    top:34px !important;
    bottom:34px !important;
    width:1px !important;
    height:auto !important;
  }
  #platform .statement:after{
    left:calc((100% - 64px) * .31 + 24px) !important;
    top:50% !important;
    width:16px !important;
    height:56% !important;
    transform:translateY(-50%) !important;
  }
  #platform .statement .eyebrow{
    padding-right:0 !important;
  }
  #platform .statement > div:last-child{
    padding-left:0 !important;
  }
}


/* Profit Max separator — curly brace only, no vertical divider */
@media (min-width:901px){
  #platform .statement:before{
    display:none !important;
    content:none !important;
  }

  #platform .statement:after{
    content:"{" !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:absolute !important;
    left:calc((100% - 64px) * .31 + 8px) !important;
    top:50% !important;
    width:48px !important;
    height:auto !important;
    transform:translateY(-52%) scaleY(2.45) !important;
    transform-origin:center !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    color:#6C57E0 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:62px !important;
    line-height:1 !important;
    font-weight:400 !important;
    text-shadow:0 0 16px rgba(108,87,224,.12);
    pointer-events:none !important;
  }
}
@media(max-width:900px){
  #platform .statement:before,
  #platform .statement:after{
    display:none !important;
    content:none !important;
  }
}


/* Make the Profit Max label more prominent in the bracket statement */
@media (min-width:901px){
  #platform .statement .eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    padding:11px 16px !important;
    border:1px solid rgba(142,123,242,.20) !important;
    border-radius:999px !important;
    background:linear-gradient(118deg,rgba(142,123,242,.10),rgba(142,123,242,.12)) !important;
    color:#8E7BF2 !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:.18em !important;
    box-shadow:0 8px 24px rgba(142,123,242,.08);
  }
}
@media(max-width:900px){
  #platform .statement .eyebrow{
    color:#8E7BF2 !important;
    font-weight:600 !important;
  }
}


/* Decision Intelligence supplied tab graphics */
.tab-visual{
  position:relative;
  min-width:0;
  min-height:520px;
  border-radius:28px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 8%,rgba(142,123,242,.28),transparent 31%),
    radial-gradient(circle at 5% 92%,rgba(142,123,242,.18),transparent 32%),
    linear-gradient(145deg,#FFFFFF,#F4F3FF);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 28px 80px rgba(0,0,0,.24);
  isolation:isolate;
}
.tab-visual-glow{
  position:absolute;
  width:72%;
  aspect-ratio:1;
  border-radius:50%;
  right:-28%;
  top:-44%;
  background:rgba(142,123,242,.22);
  filter:blur(65px);
  pointer-events:none;
  z-index:-1;
}
.tab-visual img{
  display:block;
  width:100%;
  height:auto;
  max-height:610px;
  object-fit:contain;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 42px rgba(72,53,168,.12);
  transform:translateZ(0);
}
.product-demo.ui-changing .tab-visual{
  animation:tabVisualStage .5s cubic-bezier(.2,.7,.2,1);
}
.product-demo.ui-changing .tab-visual img{
  animation:tabVisualImage .56s cubic-bezier(.2,.7,.2,1);
}
@keyframes tabVisualStage{
  0%{opacity:.65;transform:translateX(16px) scale(.987)}
  100%{opacity:1;transform:none}
}
@keyframes tabVisualImage{
  0%{opacity:.2;transform:translateY(12px) scale(.985)}
  100%{opacity:1;transform:none}
}
@media(max-width:900px){
  .tab-visual{
    min-height:0;
    padding:9px;
    border-radius:22px;
  }
  .tab-visual img{
    max-height:none;
    border-radius:16px;
  }
}
@media(prefers-reduced-motion:reduce){
  .product-demo.ui-changing .tab-visual,
  .product-demo.ui-changing .tab-visual img{
    animation:none!important;
  }
}


/* Hero product video — replaces animated signal graphic */
.hero-video-stage{
  position:relative;
  width:min(1080px,100%);
  margin:54px auto 0;
  aspect-ratio:16/9;
  padding:10px;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(142,123,242,.20),rgba(142,123,242,.28));
  border:1px solid rgba(142,123,242,.18);
  box-shadow:0 28px 80px rgba(72,53,168,.18);
  animation:heroFadeUp .9s .38s both;
}
.hero-video-stage:before{
  content:"";
  position:absolute;
  inset:-35%;
  background:radial-gradient(circle,rgba(142,123,242,.28),transparent 55%);
  filter:blur(45px);
  pointer-events:none;
}
.hero-video-stage iframe{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  border:0;
  border-radius:21px;
  background:#16171F;
}
@media(max-width:900px){
  .hero-video-stage{
    margin-top:38px;
    padding:7px;
    border-radius:22px;
  }
  .hero-video-stage iframe{border-radius:16px}
}
@media(max-width:568px){
  .hero-video-stage{
    width:100%;
    margin-top:30px;
    padding:5px;
    border-radius:18px;
  }
  .hero-video-stage iframe{border-radius:14px}
}


/* =========================================================
   Approved CTA treatment — consistent arrows site-wide
   ========================================================= */
.btn{
  position:relative;
  gap:12px !important;
}

/* Right arrow for primary/action CTAs */
.btn:not([href="#workflows"]):not(.workflow-scroll-btn)::after{
  content:"↗";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:20px;
  line-height:1;
  font-weight:400;
  transition:transform .25s ease;
}

/* Explore workflows uses downward arrow */
.btn[href="#workflows"]::after,
.workflow-scroll-btn::after{
  content:"↓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:22px;
  line-height:1;
  font-weight:400;
  transition:transform .25s ease;
}

.btn:hover::after{
  transform:translate(2px,-2px);
}
.btn[href="#workflows"]:hover::after,
.workflow-scroll-btn:hover::after{
  transform:translateY(3px);
}

/* Avoid duplicate arrows where markup already contains an arrow icon/span */
.btn .lucide-arrow-up-right,
.btn .lucide-arrow-right,
.btn .lucide-arrow-down,
.btn svg[data-lucide="arrow-up-right"],
.btn svg[data-lucide="arrow-right"],
.btn svg[data-lucide="arrow-down"]{
  display:none !important;
}

/* Text-style action links get the same clean arrow behavior */
.card-link,
.text-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.card-link::after,
.text-link::after{
  content:"→";
  font-size:18px;
  line-height:1;
  transition:transform .22s ease;
}
.card-link:hover::after,
.text-link:hover::after{
  transform:translateX(4px);
}


/* =========================================================
   Closing CTA — restore approved darker design from reference
   Footer below this section remains untouched
   ========================================================= */
.final{
  position:relative !important;
  width:calc(100% - 40px) !important;
  max-width:1550px !important;
  margin:64px auto 0 !important;
  padding:100px 34px 96px !important;
  overflow:hidden !important;
  border-radius:44px !important;
  border:0 !important;
  text-align:center !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 13% 22%,rgba(72,53,168,.34),transparent 33%),
    radial-gradient(circle at 84% 72%,rgba(72,53,168,.20),transparent 38%),
    linear-gradient(115deg,#16171F 0%,#16171F 48%,#16171F 100%) !important;
  box-shadow:0 22px 58px rgba(72,53,168,.12) !important;
  isolation:isolate;
}
.final:before{
  content:"" !important;
  position:absolute !important;
  width:520px !important;
  height:520px !important;
  left:-160px !important;
  top:-250px !important;
  border-radius:50% !important;
  background:rgba(108,87,224,.10) !important;
  filter:blur(85px) !important;
  pointer-events:none !important;
  z-index:-1 !important;
}
.final:after{
  content:"" !important;
  position:absolute !important;
  width:520px !important;
  height:520px !important;
  right:-180px !important;
  bottom:-300px !important;
  border-radius:50% !important;
  background:rgba(108,87,224,.13) !important;
  filter:blur(90px) !important;
  pointer-events:none !important;
  z-index:-1 !important;
}
.final .wrap{
  position:relative;
  z-index:1;
  width:min(100%,1100px) !important;
  margin:0 auto !important;
}
.final .eyebrow{
  display:none !important;
}
.final h2{
  max-width:1040px !important;
  margin:0 auto !important;
  color:#fff !important;
  background:none !important;
  -webkit-text-fill-color:#fff !important;
  font-family:"Plus Jakarta Sans",sans-serif !important;
  font-size:clamp(48px,4.7vw,72px) !important;
  line-height:1.18 !important;
  letter-spacing:-.035em !important;
  font-weight:500 !important;
  text-wrap:balance;
}
.final h2 *{
  color:#fff !important;
  background:none !important;
  -webkit-text-fill-color:#fff !important;
}
.final p{
  max-width:800px !important;
  margin:34px auto 0 !important;
  color:#8E7BF2 !important;
  font-size:18px !important;
  line-height:1.6 !important;
  font-weight:400 !important;
}
.final .hero-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:38px !important;
}
.final .hero-actions .btn{
  width:auto !important;
  min-width:230px !important;
  min-height:54px !important;
  padding:0 28px !important;
  border-radius:999px !important;
  font-size:15px !important;
  font-weight:500 !important;
}

/* Match the darker approved CTA gradient used before */
.final .hero-actions .btn-dark{
  color:#fff !important;
  background:linear-gradient(118deg,#8E7BF2 15%,#6C57E0 58%,#6C57E0 100%) !important;
  border:0 !important;
  box-shadow:0 12px 28px rgba(108,87,224,.22) !important;
}
.final .hero-actions .btn-dark:hover{
  background:linear-gradient(118deg,#6C57E0 15%,#6C57E0 58%,#6C57E0 100%) !important;
  box-shadow:0 16px 34px rgba(108,87,224,.28) !important;
  transform:translateY(-2px);
}
.final .hero-actions .btn-light{
  color:#16171F !important;
  background:#fff !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:none !important;
}
.final .hero-actions .btn-light:hover{
  color:#8E7BF2 !important;
  transform:translateY(-2px);
}
.final-note{
  margin:30px auto 0 !important;
  color:#5A5E70 !important;
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

@media(max-width:767px){
  .final{
    width:calc(100% - 24px) !important;
    margin-top:48px !important;
    padding:68px 22px 64px !important;
    border-radius:30px !important;
  }
  .final h2{
    font-size:clamp(36px,10vw,50px) !important;
    line-height:1.2 !important;
  }
  .final p{
    margin-top:24px !important;
    font-size:16px !important;
  }
  .final .hero-actions{
    flex-direction:column !important;
    gap:12px !important;
    margin-top:30px !important;
  }
  .final .hero-actions .btn{
    width:min(100%,320px) !important;
    min-width:0 !important;
  }
  .final-note{
    margin-top:24px !important;
    font-size:12px !important;
  }
}


/* Closing CTA/footer — single background layer like approved HTML */
.final{
  background:#16171F !important;
  box-shadow:0 22px 58px rgba(72,53,168,.10) !important;
}
.final:before,
.final:after{
  display:none !important;
  content:none !important;
  background:none !important;
  filter:none !important;
}


/* =========================================================
   Closing CTA: ONE background layer only
   ========================================================= */
.final{
  width:calc(100% - 40px) !important;
  max-width:1550px !important;
  margin:64px auto 0 !important;
  padding:92px 32px !important;
  border-radius:44px !important;
  overflow:hidden !important;
  background:#16171F !important;
  box-shadow:0 22px 58px rgba(72,53,168,.10) !important;
}
.final:before,
.final:after{
  display:none !important;
  content:none !important;
}
.final .wrap{
  width:min(100%,1100px) !important;
  margin:0 auto !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.final .wrap:before,
.final .wrap:after{
  display:none !important;
  content:none !important;
  background:none !important;
}
@media(max-width:767px){
  .final{
    width:calc(100% - 24px) !important;
    margin-top:48px !important;
    padding:64px 22px !important;
    border-radius:30px !important;
  }
}


/* =========================================================
   Final requested polish
   ========================================================= */

/* Reuse the darker approved sub-footer CTA gradient everywhere */
.btn-dark,
.nav-links .btn-dark,
.hero .btn-dark,
.final .btn-dark,
.hubspot-form-shell .hs-button{
  background:linear-gradient(118deg,#8E7BF2 8%,#6C57E0 58%,#6C57E0 100%) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 13px 30px rgba(108,87,224,.24) !important;
}
.btn-dark:hover,
.nav-links .btn-dark:hover,
.hero .btn-dark:hover,
.final .btn-dark:hover,
.hubspot-form-shell .hs-button:hover{
  background:linear-gradient(118deg,#6C57E0 8%,#6C57E0 58%,#6C57E0 100%) !important;
  box-shadow:0 17px 36px rgba(108,87,224,.31) !important;
}

/* Breathing room between sub-footer CTA and the real footer */
.final{
  margin-bottom:52px !important;
}
@media(max-width:767px){
  .final{margin-bottom:32px !important;}
}

/* Recognition: exactly two award columns */
.recognition-resources-section{
  padding:96px 0 104px;
  background:linear-gradient(180deg,#fff,#F4F3FF);
}
.recognition-head,
.resources-head{
  max-width:100%;
}
.recognition-head h2,
.resources-head h2{
  margin:0;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(38px,4.5vw,58px);
  line-height:1.2;
  font-weight:500;
  letter-spacing:-.04em;
}
.recognition-awards-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:34px;
}
.award-card{
  overflow:hidden;
  border:1px solid #B3A9FB;
  border-radius:28px;
  background:#fff;
  box-shadow:0 16px 45px rgba(22,23,31,.06);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.award-card:hover{
  transform:translateY(-6px);
  border-color:rgba(142,123,242,.26);
  box-shadow:0 24px 58px rgba(22,23,31,.11);
}
.award-image{
  height:245px;
  background:
    linear-gradient(180deg,rgba(22,23,31,.06),rgba(22,23,31,.48)),
    var(--award-image) center/cover;
}
.award-image-alt{background-position:center 38%;}
.award-card-body{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:120px;
  padding:26px 28px;
}
.award-icon{
  width:52px;height:52px;flex:0 0 52px;
  border-radius:16px;
  display:grid;place-items:center;
  color:#8E7BF2;
  background:linear-gradient(135deg,#E9E7FF,#F4F3FF);
  border:1px solid rgba(142,123,242,.12);
}
.award-icon svg{width:25px;height:25px;}
.award-card h3{
  margin:0;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.3;
  font-weight:500;
}

/* Separate blog/resources area with title + description */
.resources-head{
  margin-top:92px;
}
.resources-head p{
  margin:18px 0 0;
  max-width:760px;
  color:#5A5E70;
  font-size:17px;
  line-height:1.7;
}
.resource-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:38px;
}
.resource-story{
  overflow:hidden;
  border:1px solid #B3A9FB;
  border-radius:26px;
  background:#fff;
  box-shadow:0 14px 38px rgba(22,23,31,.05);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.resource-story:hover{
  transform:translateY(-6px);
  border-color:rgba(142,123,242,.24);
  box-shadow:0 23px 54px rgba(22,23,31,.10);
}
.resource-story-media{
  height:210px;
  background:
    linear-gradient(180deg,rgba(22,23,31,.02),rgba(22,23,31,.22)),
    var(--resource-image) center/cover;
  transition:transform .55s ease;
}
.resource-story:hover .resource-story-media{transform:scale(1.035);}
.resource-story-body{padding:24px 24px 28px;}
.resource-kicker{
  color:#8E7BF2;
  font-size:11px;
  line-height:1;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.resource-story h3{
  margin:14px 0 12px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:24px;
  line-height:1.35;
  font-weight:500;
}
.resource-story p{
  margin:0;
  color:#5A5E70;
  font-size:14px;
  line-height:1.7;
}

/* Comparison: keep left restrained, make Profit Max clearly preferred */
.compare{
  border:1px solid #B3A9FB !important;
  background:#fff !important;
}
.compare-row div:first-child{
  background:#fff !important;
  color:#5A5E70;
}
.compare-row div:first-child small{
  color:#5A5E70 !important;
}
.compare-row div+div{
  position:relative;
  color:#fff !important;
  background:linear-gradient(135deg,#16171F 0%,#16171F 52%,#16171F 100%) !important;
  border-left:0 !important;
  box-shadow:inset 4px 0 0 #6C57E0;
}
.compare-row div+div:before{
  display:none !important;
}
.compare-row div+div:after{
  content:'✓';
  position:absolute;
  right:20px;
  top:20px;
  width:28px;height:28px;
  border-radius:999px;
  display:grid;place-items:center;
  color:#fff;
  background:linear-gradient(118deg,#8E7BF2,#6C57E0);
  font-size:14px;
  font-weight:600;
  box-shadow:0 8px 20px rgba(108,87,224,.25);
}
.compare-row div+div small{
  color:#B3A9FB !important;
  font-weight:600;
}

@media(max-width:900px){
  .recognition-awards-grid{grid-template-columns:1fr;}
  .resource-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:767px){
  .recognition-resources-section{padding:72px 0 78px;}
  .award-image{height:200px;}
  .award-card-body{padding:22px;min-height:0;}
  .resources-head{margin-top:64px;}
  .resource-grid{grid-template-columns:1fr;}
  .resource-story-media{height:190px;}
  .compare-row div+div{
    border-top:0 !important;
    box-shadow:inset 0 4px 0 #6C57E0;
  }
}


/* Recognition correction: reviews together + recognitions together */
.recognition-awards-grid{
  align-items:stretch;
}
.recognition-review-card,
.recognition-achievement-card{
  min-height:430px;
}
.recognition-review-card{
  display:flex;
  background:linear-gradient(135deg,#16171F 0%,#16171F 100%);
  color:#fff;
  padding:0;
}
.review-card-inner{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
}
.review-stars{
  color:#B28400;
  font-size:34px;
  line-height:1;
  letter-spacing:4px;
}
.review-card-inner h3{
  margin:18px 0 4px;
  color:#fff;
  font-size:42px;
}
.review-card-inner > p{
  margin:0;
  color:#9A9DAC;
  font-size:16px;
}
.review-platforms{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:34px;
}
.review-platform{
  min-height:82px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  border-radius:18px;
  background:#fff;
  color:#16171F;
  font-size:16px;
  font-weight:600;
}
.review-platform svg{flex:0 0 auto;}

.recognition-achievement-card{
  display:flex;
  flex-direction:column;
  background:#fff;
}
.recognition-award-visual{
  min-height:190px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 50%,rgba(108,87,224,.16),transparent 38%),
    linear-gradient(135deg,#F4F3FF,#E9E7FF);
}
.recognition-award-mark{
  width:104px;
  height:104px;
  border-radius:30px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#8E7BF2,#6C57E0);
  box-shadow:0 20px 45px rgba(108,87,224,.25);
}
.recognition-award-mark svg{
  width:48px;
  height:48px;
}
.recognition-achievements{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:12px 30px 22px;
}
.recognition-achievement{
  display:grid;
  grid-template-columns:48px 1fr;
  align-items:center;
  gap:16px;
  padding:20px 0;
}
.achievement-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  display:grid;
  place-items:center;
  color:#6C57E0;
  background:#E9E7FF;
}
.achievement-icon svg{width:23px;height:23px;}
.recognition-achievement h3{
  margin:0;
  font-size:24px;
  line-height:1.35;
}
.recognition-divider{
  height:1px;
  background:#E9E7FF;
}
@media(max-width:767px){
  .recognition-review-card,
  .recognition-achievement-card{min-height:0;}
  .review-card-inner{padding:30px 24px;}
  .review-card-inner h3{font-size:34px;}
  .review-platforms{grid-template-columns:1fr;}
  .recognition-award-visual{min-height:155px;}
  .recognition-achievements{padding:8px 22px 18px;}
  .recognition-achievement{
    grid-template-columns:44px 1fr;
    gap:14px;
  }
  .recognition-achievement h3{font-size:21px;}
}


/* More robust YouTube embed handling */
.hero-video-stage{
  position:relative;
}
.hero-video-stage iframe{
  width:100% !important;
  height:100% !important;
  display:block !important;
  border:0 !important;
}


/* YouTube Error 153-safe hero video */
.hero-video-stage{
  position:relative;
  aspect-ratio:16/9;
  background:#16171F;
}
.hero-video-stage iframe{
  position:absolute;
  inset:0;
  z-index:3;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:inherit;
}
.hero-video-fallback{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  background:#16171F;
}
.hero-video-fallback img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hero-video-fallback-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(22,23,31,.10),rgba(22,23,31,.38)),
    linear-gradient(118deg,rgba(142,123,242,.12),rgba(142,123,242,.10));
}
.hero-video-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:54px;
  padding:0 24px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  color:#16171F;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 42px rgba(22,23,31,.22);
  font:500 14px/1 Inter,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .25s ease,box-shadow .25s ease;
  z-index:2;
}
.hero-video-play:hover{
  transform:translate(-50%,-53%);
  box-shadow:0 20px 48px rgba(22,23,31,.30);
}
.hero-video-play-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  padding-left:2px;
  color:#fff;
  background:linear-gradient(118deg,#8E7BF2,#6C57E0);
  font-size:13px;
}
@media(max-width:575px){
  .hero-video-play{
    min-height:48px;
    padding:0 18px;
    font-size:12px;
  }
  .hero-video-play-icon{
    width:30px;
    height:30px;
  }
}


/* =========================================================
   Hero video frame: restore visible approved border
   ========================================================= */
.hero-video-stage{
  padding:10px !important;
  border:1.5px solid rgba(142,123,242,.72) !important;
  border-radius:30px !important;
  background:linear-gradient(118deg,rgba(142,123,242,.24),rgba(142,123,242,.42)) !important;
  box-shadow:
    0 24px 70px rgba(142,123,242,.18),
    0 0 0 1px rgba(142,123,242,.06) !important;
}
.hero-video-fallback,
.hero-video-stage iframe{
  border-radius:20px !important;
}
@media(max-width:900px){
  .hero-video-stage{
    padding:7px !important;
    border-radius:22px !important;
  }
  .hero-video-fallback,
  .hero-video-stage iframe{
    border-radius:15px !important;
  }
}
@media(max-width:575px){
  .hero-video-stage{
    padding:5px !important;
    border-radius:18px !important;
  }
  .hero-video-fallback,
  .hero-video-stage iframe{
    border-radius:13px !important;
  }
}

/* =========================================================
   Why Now — premium editorial redesign
   ========================================================= */
.why-now{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 8%,rgba(142,123,242,.12),transparent 26%),
    linear-gradient(180deg,#fff,#F4F3FF);
}
.why-now:before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:-260px;
  bottom:-280px;
  border-radius:50%;
  background:rgba(142,123,242,.07);
  filter:blur(80px);
  pointer-events:none;
}
.why-now-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:56px;
  align-items:center;
}
.why-now-copy{
  max-width:640px;
}
.why-now-copy h2{
  margin:0;
  max-width:700px;
}
.why-now .why-lead{
  max-width:620px;
  margin:26px 0 0 !important;
  color:#1E2029;
  font-size:clamp(20px,2vw,28px);
  line-height:1.52;
  letter-spacing:-.02em;
}
.why-now .why-reevaluate{
  margin:22px 0 0 !important;
  max-width:590px;
  color:#5A5E70;
  font-size:16px;
  line-height:1.7;
}
.why-now-visual{
  position:relative;
  min-height:470px;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(142,123,242,.14);
  background:#16171F;
  box-shadow:0 24px 70px rgba(22,23,31,.14);
}
.why-now-visual img{
  width:100%;
  height:100%;
  min-height:470px;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
  transition:transform .75s cubic-bezier(.2,.7,.2,1);
}
.why-now-visual:hover img{
  transform:scale(1.07);
}
.why-now-visual-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(22,23,31,.04),rgba(22,23,31,.52)),
    linear-gradient(118deg,rgba(142,123,242,.14),rgba(142,123,242,.10));
}
.why-now-visual:after{
  content:"";
  position:absolute;
  inset:22px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  pointer-events:none;
}
.why-now-visual-badge{
  position:absolute;
  z-index:2;
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 14px 36px rgba(22,23,31,.24);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  animation:whyBadgeFloat 5.5s ease-in-out infinite;
}
.why-now-visual-badge svg{
  width:26px;
  height:26px;
}
.badge-a{
  left:32px;
  top:34px;
}
.badge-b{
  right:34px;
  top:42%;
  animation-delay:-1.8s;
}
.badge-c{
  left:46%;
  bottom:32px;
  animation-delay:-3.4s;
}
@keyframes whyBadgeFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

.why-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:54px;
  border:0 !important;
}
.why-card{
  min-height:210px;
  padding:26px !important;
  display:grid;
  grid-template-columns:56px 1fr;
  gap:18px;
  align-items:start;
  border:1px solid #B3A9FB !important;
  border-radius:24px;
  background:#fff !important;
  box-shadow:0 14px 38px rgba(22,23,31,.055);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.why-card:hover{
  transform:translateY(-6px);
  border-color:rgba(142,123,242,.28) !important;
  box-shadow:0 24px 55px rgba(22,23,31,.11);
}
.why-card-icon{
  width:56px;
  height:56px;
  border-radius:17px;
  display:grid;
  place-items:center;
  color:#6C57E0;
  background:linear-gradient(135deg,#E9E7FF,#F4F3FF);
  border:1px solid rgba(142,123,242,.12);
}
.why-card-icon svg{
  width:26px;
  height:26px;
}
.why-card b{
  display:block;
  margin:2px 0 10px !important;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:22px !important;
  line-height:1.35;
  font-weight:500;
  letter-spacing:-.025em;
}
.why-card span{
  display:block;
  color:#5A5E70 !important;
  font-size:14px !important;
  line-height:1.7 !important;
}

.why-solution{
  position:relative;
  margin-top:22px !important;
  padding:30px 34px !important;
  display:grid !important;
  grid-template-columns:.42fr 1.58fr !important;
  gap:36px !important;
  align-items:center !important;
  border:1px solid rgba(142,123,242,.16) !important;
  border-radius:24px;
  background:
    radial-gradient(circle at 10% 20%,rgba(142,123,242,.13),transparent 24%),
    linear-gradient(135deg,#fff,#F4F3FF);
  box-shadow:0 14px 38px rgba(22,23,31,.05);
}
.why-solution:before{
  content:"";
  position:absolute;
  left:32%;
  top:20px;
  bottom:20px;
  width:1px;
  background:linear-gradient(to bottom,transparent,rgba(142,123,242,.22),transparent);
}
.why-solution strong{
  color:#8E7BF2;
  font-size:24px !important;
  font-weight:500;
}
.why-solution span{
  font-size:19px !important;
  line-height:1.6 !important;
  color:#1E2029;
}

@media(max-width:1000px){
  .why-now-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
  .why-now-copy{
    max-width:760px;
  }
  .why-now-visual{
    min-height:390px;
  }
  .why-now-visual img{
    min-height:390px;
  }
  .why-card-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:767px){
  .why-now-visual{
    min-height:310px;
    border-radius:24px;
  }
  .why-now-visual img{
    min-height:310px;
  }
  .why-now-visual:after{
    inset:14px;
    border-radius:18px;
  }
  .why-now-visual-badge{
    width:48px;
    height:48px;
    border-radius:15px;
  }
  .why-now-visual-badge svg{
    width:22px;
    height:22px;
  }
  .why-card{
    grid-template-columns:48px 1fr;
    min-height:0;
    padding:22px !important;
  }
  .why-card-icon{
    width:48px;
    height:48px;
    border-radius:15px;
  }
  .why-card b{
    font-size:20px !important;
  }
  .why-solution{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:24px !important;
  }
  .why-solution:before{
    display:none;
  }
  .why-solution span{
    font-size:16px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .why-now-visual-badge{animation:none!important;}
  .why-now-visual img{transition:none!important;}
}


/* =========================================================
   Real impact for retailers — premium animated proof section
   ========================================================= */
.impact-premium{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 8%,rgba(142,123,242,.12),transparent 28%),
    radial-gradient(circle at 6% 88%,rgba(142,123,242,.08),transparent 30%),
    linear-gradient(180deg,#fff,#F4F3FF);
}
.impact-premium:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(142,123,242,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(142,123,242,.035) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.6),transparent);
  mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.6),transparent);
}
.impact-heading-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  gap:40px;
  align-items:center;
}
.impact-heading-grid h2{
  margin:0;
  max-width:760px;
}
.impact-intro-visual{
  position:relative;
  width:160px;
  height:160px;
  margin-left:auto;
}
.impact-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(142,123,242,.18);
}
.ring-a{
  inset:0;
  animation:impactRingSpin 14s linear infinite;
}
.ring-b{
  inset:24px;
  border-color:rgba(142,123,242,.28);
  animation:impactRingSpin 10s linear infinite reverse;
}
.impact-center-icon{
  position:absolute;
  left:50%;
  top:50%;
  width:64px;
  height:64px;
  transform:translate(-50%,-50%);
  border-radius:20px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#8E7BF2,#6C57E0);
  box-shadow:0 18px 42px rgba(142,123,242,.24);
  animation:impactPulse 3s ease-in-out infinite;
}
.impact-center-icon svg{
  width:28px;
  height:28px;
}
@keyframes impactRingSpin{
  to{transform:rotate(360deg)}
}
@keyframes impactPulse{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-50%,-50%) scale(1.08)}
}

.impact-premium-grid{
  position:relative;
  z-index:1;
  margin-top:46px;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  border:0 !important;
}
.impact-card{
  position:relative;
  overflow:hidden;
  min-height:290px;
  padding:26px !important;
  border:1px solid #B3A9FB !important;
  border-radius:26px;
  background:#fff;
  box-shadow:0 14px 38px rgba(22,23,31,.055);
  transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}
.impact-card:before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  right:-85px;
  top:-95px;
  background:radial-gradient(circle,rgba(142,123,242,.18),transparent 68%);
  transition:transform .45s ease,opacity .45s ease;
}
.impact-card:hover{
  transform:translateY(-8px);
  border-color:rgba(142,123,242,.28) !important;
  box-shadow:0 26px 58px rgba(22,23,31,.12);
}
.impact-card:hover:before{
  transform:scale(1.2);
}
.impact-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.impact-index{
  color:#5A5E70;
  font-size:11px;
  letter-spacing:.16em;
  font-weight:600;
}
.impact-icon{
  width:46px;
  height:46px;
  border-radius:15px;
  display:grid;
  place-items:center;
  color:#6C57E0;
  background:linear-gradient(135deg,#E9E7FF,#F4F3FF);
  border:1px solid rgba(142,123,242,.10);
}
.impact-icon svg{
  width:22px;
  height:22px;
}
.impact-card strong{
  display:block;
  margin-top:34px;
  color:#16171F;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(44px,4.6vw,68px) !important;
  line-height:1 !important;
  letter-spacing:-.055em;
  font-weight:500;
}
.impact-card p{
  max-width:220px;
  margin:18px 0 0;
  color:#5A5E70;
  font-size:15px;
  line-height:1.6;
}
.impact-progress{
  position:absolute;
  left:26px;
  right:26px;
  bottom:26px;
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:#E9E7FF;
}
.impact-progress span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#8E7BF2,#6C57E0);
  transition:width 1.1s cubic-bezier(.2,.7,.2,1) .2s;
}
.impact-premium.in-view .impact-progress span{
  width:var(--impact-width);
}
.impact-card{
  opacity:0;
  transform:translateY(24px);
}
.impact-premium.in-view .impact-card{
  animation:impactCardReveal .65s ease forwards;
}
.impact-premium.in-view .impact-card:nth-child(1){animation-delay:.05s}
.impact-premium.in-view .impact-card:nth-child(2){animation-delay:.14s}
.impact-premium.in-view .impact-card:nth-child(3){animation-delay:.23s}
.impact-premium.in-view .impact-card:nth-child(4){animation-delay:.32s}
@keyframes impactCardReveal{
  to{opacity:1;transform:none}
}

@media(max-width:1100px){
  .impact-premium-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:767px){
  .impact-heading-grid{
    grid-template-columns:1fr;
  }
  .impact-intro-visual{
    width:130px;
    height:130px;
    margin:16px 0 0;
  }
  .impact-premium-grid{
    grid-template-columns:1fr !important;
  }
  .impact-card{
    min-height:240px;
    padding:22px !important;
  }
  .impact-progress{
    left:22px;
    right:22px;
    bottom:22px;
  }
}
@media(prefers-reduced-motion:reduce){
  .impact-ring,
  .impact-center-icon,
  .impact-premium.in-view .impact-card{
    animation:none !important;
  }
  .impact-card{
    opacity:1 !important;
    transform:none !important;
  }
  .impact-progress span{
    transition:none !important;
    width:var(--impact-width) !important;
  }
}


/* =========================================================
   Real impact — compact, no dead space
   ========================================================= */
.impact-premium{
  padding:92px 0 !important;
}
.impact-compact-head{
  position:relative;
  z-index:2;
  max-width:860px;
}
.impact-compact-head h2{
  margin:0 !important;
  max-width:900px !important;
  font-size:clamp(44px,5.2vw,72px) !important;
  line-height:1.12 !important;
}
.impact-premium-grid{
  margin-top:38px !important;
}
.impact-card{
  min-height:260px !important;
}
.impact-card strong{
  margin-top:26px !important;
}
@media(max-width:767px){
  .impact-premium{padding:72px 0 !important;}
  .impact-premium-grid{margin-top:28px !important;}
}

/* =========================================================
   Why Profit Max — animated decision intelligence interface
   ========================================================= */
.diff-premium{
  position:relative;
  overflow:hidden;
  padding:104px 0 !important;
  background:
    radial-gradient(circle at 88% 12%,rgba(142,123,242,.12),transparent 27%),
    linear-gradient(180deg,#fff,#F4F3FF);
}
.diff-premium:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(142,123,242,.027) 1px,transparent 1px),
    linear-gradient(90deg,rgba(142,123,242,.027) 1px,transparent 1px);
  background-size:70px 70px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);
}
.diff-premium .wrap{
  position:relative;
  z-index:1;
}
.diff-premium-head{
  max-width:100%;
}
.diff-premium-head h2{
  margin:0;
  max-width:100%;
  font-size:clamp(44px,5.4vw,76px) !important;
  line-height:1.14 !important;
}
.diff-engine-layout{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:26px;
  margin-top:46px;
  align-items:stretch;
}
.diff-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.diff-feature{
  min-height:265px !important;
  padding:24px !important;
  border:1px solid #B3A9FB !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 14px 38px rgba(22,23,31,.055);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.diff-feature:hover{
  transform:translateY(-7px);
  border-color:rgba(142,123,242,.28) !important;
  box-shadow:0 24px 56px rgba(22,23,31,.11);
}
.diff-feature-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.diff-feature .num{
  margin:0 !important;
  color:#5A5E70;
  font-size:11px;
  letter-spacing:.16em;
}
.diff-feature-icon{
  width:48px;height:48px;
  border-radius:15px;
  display:grid;place-items:center;
  color:#6C57E0;
  background:linear-gradient(135deg,#E9E7FF,#F4F3FF);
  border:1px solid rgba(142,123,242,.10);
}
.diff-feature-icon svg{width:23px;height:23px;}
.diff-feature h3{
  margin:24px 0 12px !important;
  font-size:24px !important;
  line-height:1.35 !important;
}
.diff-feature p{
  margin:0;
  color:#5A5E70;
  font-size:14px;
  line-height:1.7;
}
.diff-feature p strong{color:#16171F;}

/* animated engine */
.decision-engine-visual{
  position:relative;
  min-height:546px;
  overflow:hidden;
  border-radius:30px;
  background:
    radial-gradient(circle at 50% 48%,rgba(142,123,242,.22),transparent 28%),
    linear-gradient(145deg,#16171F 0%,#16171F 54%,#16171F 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 75px rgba(22,23,31,.22);
  isolation:isolate;
}
.engine-glow{
  position:absolute;
  width:330px;height:330px;
  left:50%;top:49%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(108,87,224,.22),transparent 67%);
  filter:blur(20px);
  animation:engineBreathe 4.2s ease-in-out infinite;
}
.engine-orbit{
  position:absolute;
  left:50%;top:49%;
  border-radius:50%;
  border:1px solid rgba(142,123,242,.18);
  transform:translate(-50%,-50%);
}
.orbit-one{
  width:300px;height:300px;
  animation:engineOrbit 16s linear infinite;
}
.orbit-two{
  width:390px;height:390px;
  border-style:dashed;
  border-color:rgba(142,123,242,.12);
  animation:engineOrbit 24s linear infinite reverse;
}
@keyframes engineOrbit{
  from{transform:translate(-50%,-50%) rotate(0)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes engineBreathe{
  0%,100%{opacity:.62;transform:translate(-50%,-50%) scale(.94)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
}
.engine-core{
  position:absolute;
  left:50%;top:49%;
  width:172px;height:172px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(145deg,rgba(142,123,242,.94),rgba(108,87,224,.88));
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 24px 70px rgba(108,87,224,.34), inset 0 1px 0 rgba(255,255,255,.26);
  z-index:4;
  animation:coreFloat 4s ease-in-out infinite;
}
@keyframes coreFloat{
  0%,100%{transform:translate(-50%,-50%) translateY(0)}
  50%{transform:translate(-50%,-50%) translateY(-7px)}
}
.engine-core-icon{
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:15px;
  background:rgba(255,255,255,.15);
  margin-bottom:10px;
}
.engine-core-icon svg{width:25px;height:25px;}
.engine-core strong{
  font-size:19px;
  font-weight:500;
}
.engine-core span{
  margin-top:4px;
  color:rgba(255,255,255,.68);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.signal-chip{
  position:absolute;
  z-index:5;
  min-width:118px;
  min-height:46px;
  padding:0 14px;
  display:flex;align-items:center;gap:9px;
  border-radius:15px;
  color:#fff;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:12px;
  animation:signalChipFloat 5s ease-in-out infinite;
}
.signal-chip svg{width:17px;height:17px;color:#8E7BF2;}
.chip-pricing{left:26px;top:66px;}
.chip-demand{right:28px;top:70px;animation-delay:-1.2s;}
.chip-inventory{left:30px;bottom:74px;animation-delay:-2.4s;}
.chip-market{right:28px;bottom:72px;animation-delay:-3.4s;}
@keyframes signalChipFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
.engine-flow{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:2;
  pointer-events:none;
}
.engine-flow path{
  fill:none;
  stroke:rgba(142,123,242,.28);
  stroke-width:1.4;
  stroke-dasharray:7 9;
  animation:flowDash 3.2s linear infinite;
}
.engine-flow .flow-output{
  stroke:#8E7BF2;
  stroke-width:2;
}
@keyframes flowDash{
  to{stroke-dashoffset:-32}
}
.engine-action-card{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  width:230px;
  padding:14px 16px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 36px rgba(22,23,31,.22);
}
.engine-action-label{
  color:#8E7BF2;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:600;
}
.engine-action-line{
  height:7px;
  border-radius:999px;
  background:#E9E7FF;
  margin-top:10px;
  overflow:hidden;
}
.engine-action-line span{
  display:block;width:78%;height:100%;
  background:linear-gradient(90deg,#8E7BF2,#6C57E0);
  animation:actionScan 2.8s ease-in-out infinite;
}
.engine-action-line.short span{width:54%;animation-delay:-1s;}
@keyframes actionScan{
  0%,100%{transform:translateX(-6%);opacity:.72}
  50%{transform:translateX(7%);opacity:1}
}
.engine-action-status{
  position:absolute;
  right:12px;top:12px;
  width:24px;height:24px;
  border-radius:50%;
  display:grid;place-items:center;
  color:#fff;background:#047B5D;
}
.engine-action-status svg{width:13px;height:13px;}

/* comparison */
.compare-premium{
  margin-top:78px;
}
.compare-premium-head{
  margin-bottom:22px;
}
.compare-premium-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:stretch;
}
.compare-column{
  overflow:hidden;
  border-radius:28px;
}
.compare-typical{
  border:1px solid #B3A9FB;
  background:#fff;
}
.compare-profit-pulse{
  position:relative;
  color:#fff;
  border:1px solid rgba(142,123,242,.20);
  background:
    radial-gradient(circle at 88% 8%,rgba(142,123,242,.24),transparent 29%),
    linear-gradient(145deg,#16171F,#16171F 58%,#16171F);
  box-shadow:0 24px 60px rgba(22,23,31,.16);
}
.compare-profit-pulse:after{
  content:"Recommended";
  position:absolute;
  right:22px;
  top:22px;
  padding:7px 10px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(118deg,#8E7BF2,#6C57E0);
  font-size:10px;
  line-height:1;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.compare-column-head{
  display:flex;
  align-items:center;
  gap:14px;
  padding:26px 26px 22px;
}
.compare-head-icon{
  width:44px;height:44px;
  border-radius:14px;
  display:grid;place-items:center;
  background:#E9E7FF;
  color:#5A5E70;
}
.compare-head-icon svg{width:21px;height:21px;}
.compare-profit-pulse .compare-head-icon{
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
}
.compare-column-head strong{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:21px;
  font-weight:500;
}
.compare-item{
  position:relative;
  min-height:92px;
  display:flex;
  align-items:center;
  padding:20px 26px 20px 58px;
  border-top:1px solid #E9E7FF;
  color:#5A5E70;
  font-size:15px;
  line-height:1.6;
}
.compare-item:before{
  content:"";
  position:absolute;
  left:27px;
  top:50%;
  width:14px;height:2px;
  transform:translateY(-50%);
  background:#9A9DAC;
}
.compare-profit-pulse .compare-item{
  color:rgba(255,255,255,.82);
  border-color:rgba(255,255,255,.10);
}
.compare-profit-pulse .compare-item:before{
  content:"✓";
  width:24px;height:24px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(142,123,242,.16);
  color:#8E7BF2;
  font-size:12px;
  font-weight:700;
}
.compare-profit-pulse .compare-item{
  transition:background .28s ease,transform .28s ease;
}
.compare-profit-pulse .compare-item:hover{
  background:rgba(255,255,255,.045);
  transform:translateX(4px);
}

@media(max-width:1100px){
  .diff-engine-layout{
    grid-template-columns:1fr;
  }
  .decision-engine-visual{
    min-height:500px;
  }
}
@media(max-width:767px){
  .diff-premium{padding:76px 0 !important;}
  .diff-feature-grid{grid-template-columns:1fr;}
  .decision-engine-visual{min-height:470px;}
  .signal-chip{min-width:105px;padding:0 11px;font-size:11px;}
  .chip-pricing{left:14px;top:52px;}
  .chip-demand{right:14px;top:55px;}
  .chip-inventory{left:14px;bottom:65px;}
  .chip-market{right:14px;bottom:65px;}
  .engine-core{width:150px;height:150px;}
  .orbit-one{width:260px;height:260px;}
  .orbit-two{width:330px;height:330px;}
  .compare-premium{margin-top:56px;}
  .compare-premium-columns{grid-template-columns:1fr;}
  .compare-profit-pulse:after{top:18px;right:18px;}
}
@media(prefers-reduced-motion:reduce){
  .engine-glow,.engine-orbit,.engine-core,.signal-chip,.engine-flow path,.engine-action-line span{
    animation:none !important;
  }
}


/* FIX: stats cards visible by default */
.impact-premium .impact-card{
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
}
.impact-premium .impact-progress span{
  width:var(--impact-width) !important;
}
@media (prefers-reduced-motion:no-preference){
  .impact-premium.impact-ready .impact-card{
    opacity:0 !important;
    transform:translateY(22px) !important;
  }
  .impact-premium.impact-ready.in-view .impact-card{
    animation:impactCardReveal .65s ease forwards !important;
  }
  .impact-premium.impact-ready .impact-progress span{width:0 !important;}
  .impact-premium.impact-ready.in-view .impact-progress span{
    width:var(--impact-width) !important;
  }
}

/* Approved-style glow above/behind the Ready to put every Shopify... sub-footer */
.final-cta{
  position:relative !important;
  isolation:isolate;
}
.final-cta::before{
  content:"";
  position:absolute;
  inset:-70px -35px -35px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 20%,rgba(142,123,242,.28),transparent 30%),
    radial-gradient(circle at 85% 75%,rgba(108,87,224,.18),transparent 30%);
}


/* =========================================================
   Real impact — restored to approved screenshot style
   ========================================================= */
.impact-screenshot-style{
  position:relative;
  overflow:hidden;
  padding:92px 0 104px !important;
  background:
    radial-gradient(circle at 92% 0%,rgba(142,123,242,.09),transparent 26%),
    radial-gradient(circle at 2% 100%,rgba(142,123,242,.05),transparent 26%),
    #fff;
}
.impact-screenshot-head{
  max-width:1180px;
}
.impact-screenshot-head .eyebrow{
  margin-bottom:24px;
  color:#6C57E0;
}
.impact-screenshot-head h2{
  margin:0;
  max-width:1180px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(48px,6vw,82px) !important;
  line-height:1.13 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
  text-wrap:balance;
}
.impact-screenshot-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  margin-top:54px;
}
.impact-screenshot-card{
  position:relative;
  min-height:360px;
  overflow:hidden;
  padding:36px 36px 38px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  border:1px solid #B3A9FB;
  border-radius:30px;
  background:#fff;
  box-shadow:0 14px 38px rgba(22,23,31,.055);
  transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}
.impact-screenshot-card:hover{
  transform:translateY(-8px);
  border-color:rgba(142,123,242,.26);
  box-shadow:0 26px 58px rgba(22,23,31,.11);
}
.impact-card-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#6C57E0;
  background:linear-gradient(135deg,#E9E7FF,#E9E7FF);
}
.impact-card-icon svg{
  width:24px;
  height:24px;
}
.impact-screenshot-card strong{
  position:relative;
  z-index:2;
  display:block;
  margin-top:74px;
  width:max-content;
  max-width:100%;
  background:linear-gradient(118deg,#6C57E0 18%,#6C57E0 88%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(54px,5vw,78px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:500;
}
.impact-screenshot-card p{
  position:relative;
  z-index:2;
  margin:30px 0 0;
  max-width:260px;
  color:#5A5E70;
  font-size:17px;
  line-height:1.55;
}
.impact-corner-shape{
  position:absolute;
  right:-54px;
  bottom:-62px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(142,123,242,.14),rgba(179,169,251,.24));
  transition:transform .4s ease;
}
.impact-screenshot-card:hover .impact-corner-shape{
  transform:scale(1.12);
}

/* soft reveal that never hides content if JS fails */
.impact-screenshot-card{
  animation:impactSimpleReveal .6s ease both;
}
.impact-screenshot-card:nth-child(2){animation-delay:.08s;}
.impact-screenshot-card:nth-child(3){animation-delay:.16s;}
.impact-screenshot-card:nth-child(4){animation-delay:.24s;}
@keyframes impactSimpleReveal{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}

@media(max-width:1100px){
  .impact-screenshot-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:767px){
  .impact-screenshot-style{
    padding:72px 0 78px !important;
  }
  .impact-screenshot-head h2{
    font-size:clamp(38px,10vw,54px) !important;
  }
  .impact-screenshot-grid{
    grid-template-columns:1fr;
    gap:16px;
    margin-top:36px;
  }
  .impact-screenshot-card{
    min-height:280px;
    padding:28px;
  }
  .impact-screenshot-card strong{
    margin-top:52px;
    font-size:clamp(50px,15vw,66px);
  }
  .impact-screenshot-card p{
    margin-top:22px;
    font-size:16px;
  }
}
@media(prefers-reduced-motion:reduce){
  .impact-screenshot-card{
    animation:none !important;
  }
}


/* =========================================================
   SUB-FOOTER: single dark card + separate glow layer ABOVE it
   ========================================================= */
.final-cta{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
}

/* Keep the actual sub-footer itself as ONE dark background layer */
.final-cta{
  background:var(--final-cta-bg, #16171F) !important;
}

/* Glow sits OUTSIDE / ABOVE the dark card, not as a second dark layer */
.final-cta::before{
  content:"" !important;
  position:absolute !important;
  left:-40px !important;
  right:-40px !important;
  top:-110px !important;
  height:180px !important;
  bottom:auto !important;
  z-index:-1 !important;
  pointer-events:none !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 15% 20%,rgba(142,123,242,.28),transparent 30%),
    radial-gradient(circle at 85% 75%,rgba(108,87,224,.18),transparent 30%) !important;
}

/* Prevent any inherited second background layer inside the card */
.final-cta::after{
  content:none !important;
  display:none !important;
}

@media(max-width:767px){
  .final-cta::before{
    left:-18px !important;
    right:-18px !important;
    top:-80px !important;
    height:135px !important;
  }
}


/* =========================================================
   GLOBAL DESIGN-SYSTEM CONSISTENCY PASS
   Typography, colors, spacing, responsive behavior
   ========================================================= */
:root{
  --pp-ink:#16171F;
  --pp-copy:#1E2029;
  --pp-muted:#5A5E70;
  --pp-soft:#5A5E70;
  --pp-purple:#8E7BF2;
  --pp-magenta:#6C57E0;
  --pp-border:#B3A9FB;
  --pp-surface:#FFFFFF;
  --pp-surface-soft:#F4F3FF;

  --pp-h1:clamp(48px,6vw,84px);
  --pp-h2:clamp(40px,4.8vw,66px);
  --pp-h3:clamp(24px,2.2vw,32px);
  --pp-body-lg:18px;
  --pp-body:16px;
  --pp-small:14px;
  --pp-eyebrow:12px;

  --pp-lh-title:1.16;
  --pp-lh-copy:1.68;
  --pp-section-y:96px;
}

/* Base typography */
body{
  color:var(--pp-ink) !important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-weight:400;
}

h1,h2,h3,h4,h5,h6{
  font-family:"Plus Jakarta Sans",Inter,sans-serif !important;
  color:var(--pp-ink);
  font-weight:500 !important;
  letter-spacing:-.035em;
  text-wrap:balance;
}

h1{
  font-size:var(--pp-h1) !important;
  line-height:1.12 !important;
}
h2{
  font-size:var(--pp-h2) !important;
  line-height:var(--pp-lh-title) !important;
}
h3{
  font-size:var(--pp-h3) !important;
  line-height:1.3 !important;
}
h4{
  font-size:clamp(20px,1.7vw,26px) !important;
  line-height:1.35 !important;
}

p{
  color:var(--pp-copy);
  font-size:var(--pp-body);
  line-height:var(--pp-lh-copy);
  font-weight:400;
}

strong,b{
  font-weight:600;
}

.eyebrow,
.micro,
.tag,
.resource-kicker,
.engine-action-label,
.impact-index,
.diff-feature .num{
  font-size:var(--pp-eyebrow) !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase;
}

.eyebrow{
  color:#6C57E0;
}

/* Approved gradient text */
.gradient-text{
  background:linear-gradient(118deg,rgb(142,123,242) 33.29%,rgb(142,123,242) 76.23%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}

/* Consistent section spacing */
main > section:not(.quote-section):not(.final-cta),
.recognition-resources-section{
  padding-top:var(--pp-section-y) !important;
  padding-bottom:var(--pp-section-y) !important;
}

.trust{
  padding-top:52px !important;
  padding-bottom:64px !important;
}

/* Section intro rhythm */
.product-head,
.diff-premium-head,
.impact-screenshot-head,
.impact-compact-head,
.resources-head,
.recognition-head{
  margin-bottom:0;
}

.product-head h2,
.diff-premium-head h2,
.impact-screenshot-head h2,
.impact-compact-head h2,
.resources-head h2,
.recognition-head h2{
  margin-top:0 !important;
}

.product-head p,
.resources-head p,
.why-now .why-reevaluate,
.foundation p.lead,
.controls p{
  color:var(--pp-muted) !important;
  font-size:var(--pp-body-lg) !important;
  line-height:1.7 !important;
}

/* Hero consistency */
.hero h1{
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}
.hero > .wrap > p{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  color:var(--pp-copy) !important;
  font-size:clamp(17px,1.7vw,21px) !important;
  line-height:1.65 !important;
}
.hero-note{
  color:var(--pp-muted) !important;
  font-size:13px !important;
}

/* Buttons / CTAs */
.btn,
.nav-links .btn,
.hero .hero-actions .btn,
.final-cta .btn{
  font-family:Inter,sans-serif !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}
.nav-links .btn{
  font-size:14px !important;
}

/* Card consistency */
.why-card,
.impact-screenshot-card,
.diff-feature,
.resource-story,
.award-card,
.enterprise-capability,
.goal-card,
.compare-column{
  border-color:var(--pp-border) !important;
}

.why-card b,
.diff-feature h3,
.resource-story h3,
.award-card h3,
.enterprise-capability h3{
  font-weight:500 !important;
  color:var(--pp-ink) !important;
}

.why-card span,
.diff-feature p,
.resource-story p,
.enterprise-capability p{
  color:var(--pp-muted) !important;
  font-size:15px !important;
  line-height:1.65 !important;
}

/* Why Now */
.why-now .why-lead{
  color:#1E2029 !important;
  font-size:clamp(19px,1.9vw,26px) !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}
.why-solution strong{
  font-size:23px !important;
  font-weight:500 !important;
}
.why-solution span{
  font-size:18px !important;
  line-height:1.65 !important;
}

/* Decision Intelligence */
.product-head h2{
  max-width:940px !important;
}
.product-head p{
  max-width:760px !important;
  margin-top:18px !important;
}
.demo-copy h3{
  font-size:clamp(36px,3.5vw,52px) !important;
  line-height:1.16 !important;
  font-weight:500 !important;
}
.demo-copy p{
  color:#9A9DAC !important;
  font-size:17px !important;
  line-height:1.65 !important;
}
.tab{
  font-size:14px !important;
  font-weight:500 !important;
}

/* Impact section */
.impact-screenshot-card strong{
  font-weight:500 !important;
}
.impact-screenshot-card p{
  color:#5A5E70 !important;
  font-size:16px !important;
  line-height:1.6 !important;
}

/* Differentiation */
.diff-feature h3{
  font-size:24px !important;
}
.compare-column-head strong{
  font-size:20px !important;
  font-weight:500 !important;
}
.compare-item{
  font-size:15px !important;
  line-height:1.6 !important;
}

/* Foundation / strategy engine */
.foundation h2,
.controls h2{
  margin-bottom:24px !important;
}
.foundation p.lead{
  max-width:820px;
}
.foundation-card h3{
  font-size:24px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
}
.foundation-card p{
  font-size:14px !important;
  line-height:1.65 !important;
}

/* Recognition / resources */
.review-card-inner h3{
  font-size:40px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
}
.review-card-inner > p{
  color:#9A9DAC !important;
  font-size:16px !important;
}
.review-platform span{
  font-size:15px !important;
  font-weight:600 !important;
}
.recognition-achievement h3{
  font-size:23px !important;
  line-height:1.4 !important;
}
.resource-story h3{
  font-size:23px !important;
}
.resource-story p{
  font-size:14px !important;
}

/* Final CTA/sub-footer */
.final-cta h2{
  font-size:clamp(44px,4.8vw,70px) !important;
  line-height:1.18 !important;
  font-weight:500 !important;
}
.final-cta p{
  font-size:18px !important;
  line-height:1.65 !important;
  color:#8E7BF2 !important;
}
.final-note{
  font-size:13px !important;
  color:#5A5E70 !important;
}

/* Footer */
footer{
  font-size:12px !important;
  line-height:1.5 !important;
}

/* =========================================================
   RESPONSIVE SYSTEM
   ========================================================= */
@media(max-width:1200px){
  :root{
    --pp-section-y:84px;
    --pp-h1:clamp(46px,6vw,72px);
    --pp-h2:clamp(38px,5vw,58px);
  }

  .wrap{
    width:min(calc(100% - 40px),1240px) !important;
  }

  .impact-screenshot-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  :root{
    --pp-section-y:76px;
  }

  .wrap{
    width:min(calc(100% - 32px),1240px) !important;
  }

  h1{
    font-size:clamp(44px,8vw,64px) !important;
  }
  h2{
    font-size:clamp(36px,6vw,52px) !important;
  }

  .why-now-grid,
  .diff-engine-layout,
  .controls-grid,
  .product-demo{
    grid-template-columns:1fr !important;
  }

  .diff-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .recognition-awards-grid{
    grid-template-columns:1fr !important;
  }

  .resource-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .compare-premium-columns{
    grid-template-columns:1fr !important;
  }

  .enterprise-capability-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:767px){
  :root{
    --pp-section-y:64px;
    --pp-body-lg:17px;
    --pp-body:15px;
  }

  .wrap{
    width:min(calc(100% - 24px),1240px) !important;
  }

  h1{
    font-size:clamp(40px,11vw,54px) !important;
    line-height:1.15 !important;
  }
  h2{
    font-size:clamp(34px,9vw,46px) !important;
    line-height:1.18 !important;
  }
  h3{
    font-size:clamp(22px,6vw,28px) !important;
  }

  p{
    font-size:15px !important;
    line-height:1.7 !important;
  }

  .eyebrow,
  .micro,
  .tag,
  .resource-kicker{
    font-size:11px !important;
    letter-spacing:.13em !important;
  }

  .hero{
    padding-top:70px !important;
    padding-bottom:64px !important;
  }
  .hero > .wrap > p{
    font-size:16px !important;
  }

  .hero-actions,
  .final-cta .hero-actions{
    width:100%;
  }
  .hero-actions .btn,
  .final-cta .hero-actions .btn{
    width:100% !important;
    max-width:340px;
    min-height:50px !important;
    font-size:14px !important;
  }

  .why-now-visual{
    min-height:280px !important;
  }
  .why-now-visual img{
    min-height:280px !important;
  }

  .why-card-grid,
  .diff-feature-grid,
  .impact-screenshot-grid,
  .resource-grid,
  .enterprise-capability-grid{
    grid-template-columns:1fr !important;
  }

  .why-card,
  .diff-feature,
  .impact-screenshot-card{
    min-height:0 !important;
  }

  .impact-screenshot-card{
    padding:26px !important;
  }
  .impact-screenshot-card strong{
    margin-top:48px !important;
    font-size:clamp(48px,14vw,64px) !important;
  }

  .decision-engine-visual{
    min-height:440px !important;
  }

  .compare-item{
    min-height:auto !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  .review-card-inner{
    padding:28px 22px !important;
  }
  .review-card-inner h3{
    font-size:34px !important;
  }

  .recognition-achievement h3,
  .resource-story h3{
    font-size:21px !important;
  }

  .final-cta{
    padding-left:22px !important;
    padding-right:22px !important;
  }
  .final-cta h2{
    font-size:clamp(36px,10vw,48px) !important;
  }
  .final-cta p{
    font-size:16px !important;
  }
}

@media(max-width:480px){
  .wrap{
    width:min(calc(100% - 20px),1240px) !important;
  }

  h1{
    font-size:clamp(38px,11.5vw,48px) !important;
  }
  h2{
    font-size:clamp(32px,9.5vw,42px) !important;
  }

  .hero-video-stage{
    margin-top:28px !important;
  }

  .tabs{
    gap:8px !important;
  }
  .tab{
    font-size:13px !important;
    padding:10px 14px !important;
  }

  .signal-chip{
    font-size:10px !important;
    min-width:96px !important;
  }

  .review-platform{
    min-height:72px !important;
    padding:14px 16px !important;
  }

  .final-cta{
    border-radius:26px !important;
  }
}

/* Prevent overflow issues globally */
img,
video,
iframe,
svg{
  max-width:100%;
}
section,
article,
div{
  min-width:0;
}
body{
  overflow-x:hidden;
}


/* =========================================================
   FINAL SECTION-SPACING CONSISTENCY
   ========================================================= */
:root{
  --pp-section-y:88px;
}

/* Give every main content section the same vertical rhythm */
main > section:not(.hero):not(.trust):not(.final-cta),
.recognition-resources-section{
  padding-top:var(--pp-section-y) !important;
  padding-bottom:var(--pp-section-y) !important;
}

/* Hero and trust remain intentionally tighter, but remove accidental excess gaps */
.hero{
  padding-bottom:72px !important;
}
.trust{
  padding-top:52px !important;
  padding-bottom:52px !important;
}

/* Prevent stacked margins from making individual sections look larger */
main > section > .wrap > :first-child,
.recognition-resources-section > .wrap > :first-child{
  margin-top:0 !important;
}
main > section > .wrap > :last-child,
.recognition-resources-section > .wrap > :last-child{
  margin-bottom:0 !important;
}

/* Standard space from section heading/introduction to section content */
.product-head + *,
.diff-premium-head + *,
.impact-screenshot-head + *,
.impact-compact-head + *,
.resources-head + *,
.recognition-head + *{
  margin-top:48px !important;
}

/* Trusted brands title — intentionally smaller/subordinate */
.trust h2,
.trust h3,
.trust-title,
.trust .section-title{
  font-size:clamp(20px,1.7vw,26px) !important;
  line-height:1.35 !important;
  letter-spacing:-.02em !important;
  font-weight:500 !important;
  margin-bottom:30px !important;
}

/* If the title is plain text/paragraph in the trust block */
.trust > .wrap > p:first-child,
.trust .wrap > p:first-child{
  font-size:clamp(18px,1.6vw,24px) !important;
  line-height:1.4 !important;
  font-weight:500 !important;
}

/* Responsive section rhythm */
@media(max-width:1200px){
  :root{ --pp-section-y:80px; }
  .product-head + *,
  .diff-premium-head + *,
  .impact-screenshot-head + *,
  .impact-compact-head + *,
  .resources-head + *,
  .recognition-head + *{
    margin-top:44px !important;
  }
}

@media(max-width:900px){
  :root{ --pp-section-y:72px; }
  .hero{padding-bottom:64px !important;}
  .trust{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }
}

@media(max-width:767px){
  :root{ --pp-section-y:60px; }

  .hero{
    padding-bottom:56px !important;
  }
  .trust{
    padding-top:38px !important;
    padding-bottom:38px !important;
  }

  .product-head + *,
  .diff-premium-head + *,
  .impact-screenshot-head + *,
  .impact-compact-head + *,
  .resources-head + *,
  .recognition-head + *{
    margin-top:34px !important;
  }

  .trust h2,
  .trust h3,
  .trust-title,
  .trust .section-title{
    font-size:20px !important;
    margin-bottom:24px !important;
  }

  .trust > .wrap > p:first-child,
  .trust .wrap > p:first-child{
    font-size:18px !important;
  }
}

@media(max-width:480px){
  :root{ --pp-section-y:54px; }

  .trust{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }
}


/* Impact stats: smaller, single-line, count animation safe */
.impact-screenshot-card .impact-count{
  font-size:clamp(44px,4vw,62px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  white-space:nowrap !important;
  width:auto !important;
  max-width:100% !important;
  font-variant-numeric:tabular-nums;
}
@media(max-width:1200px){
  .impact-screenshot-card .impact-count{
    font-size:clamp(42px,5.2vw,58px) !important;
  }
}
@media(max-width:767px){
  .impact-screenshot-card .impact-count{
    font-size:clamp(42px,12vw,56px) !important;
  }
}
@media(max-width:420px){
  .impact-screenshot-card .impact-count{
    font-size:clamp(38px,11.5vw,50px) !important;
  }
}


/* =========================================================
   Enterprise-to-Shopify cards — contrast + border refinement
   ========================================================= */
.controls .guardrail-box{
  background:#16171F !important;
  border:1px solid rgba(255,255,255,.055) !important;
  box-shadow:0 26px 70px rgba(22,23,31,.18) !important;
}

.controls .enterprise-capability{
  min-height:220px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  box-shadow:none !important;
}

.controls .enterprise-capability:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(142,123,242,.18) !important;
}

/* Keep headings clearly visible on the dark surface */
.controls .enterprise-capability h3{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  font-family:'Plus Jakarta Sans',Inter,sans-serif !important;
  font-size:22px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  letter-spacing:-.025em !important;
  margin:0 0 10px !important;
}

.controls .enterprise-capability p{
  color:#9A9DAC !important;
  font-size:14px !important;
  line-height:1.65 !important;
  font-weight:400 !important;
}

.controls .enterprise-capability-type{
  color:#8E7BF2 !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
}

.controls .enterprise-capability-index{
  background:#E9E7FF !important;
  color:#16171F !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Soften decorative icons so they support rather than dominate */
.controls .enterprise-capability-top svg,
.controls .enterprise-capability > svg{
  color:#8E7BF2 !important;
  opacity:.92;
}

@media(max-width:767px){
  .controls .enterprise-capability{
    min-height:0 !important;
    padding:20px !important;
  }
  .controls .enterprise-capability h3{
    font-size:20px !important;
  }
}


/* =========================================================
   HERO VIDEO — exact approved frame restored
   ========================================================= */
#profit-pulse-video.hero-video-stage{
  position:relative !important;
  width:min(1080px,100%) !important;
  margin:54px auto 0 !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  box-sizing:border-box !important;
  padding:10px !important;
  overflow:hidden !important;
  border:1.5px solid rgba(142,123,242,.72) !important;
  border-radius:30px !important;
  background:linear-gradient(118deg,rgba(142,123,242,.24),rgba(142,123,242,.42)) !important;
  box-shadow:0 24px 70px rgba(142,123,242,.18),0 0 0 1px rgba(142,123,242,.06) !important;
  isolation:isolate !important;
}
#profit-pulse-video.hero-video-stage::before{
  content:"" !important;
  position:absolute !important;
  inset:-35% !important;
  z-index:0 !important;
  background:radial-gradient(circle,rgba(142,123,242,.28),transparent 55%) !important;
  filter:blur(45px) !important;
  pointer-events:none !important;
}
#profit-pulse-video .hero-video-inner{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:#16171F !important;
}
#profit-pulse-video iframe{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#16171F !important;
}
@media(max-width:900px){
  #profit-pulse-video.hero-video-stage{
    margin-top:38px !important;
    padding:7px !important;
    border-radius:22px !important;
  }
  #profit-pulse-video .hero-video-inner{border-radius:15px !important;}
}
@media(max-width:568px){
  #profit-pulse-video.hero-video-stage{
    width:100% !important;
    margin-top:30px !important;
    padding:5px !important;
    border-radius:18px !important;
  }
  #profit-pulse-video .hero-video-inner{border-radius:13px !important;}
}


/* =========================================================
   FINAL TEXT-CASE + INTERACTION POLISH
   ========================================================= */

/* Preserve authored text casing everywhere */
h1,h2,h3,h4,h5,h6,
.trust h2,
.trust h3,
.trust-title,
.section-title,
.product-head h2,
.diff-premium-head h2,
.impact-screenshot-head h2,
.resources-head h2,
.recognition-head h2{
  text-transform:none !important;
}

/* Trusted title: normal title case, compact supporting size */
.trust h2,
.trust h3,
.trust-title,
.trust .section-title{
  text-transform:none !important;
  font-size:clamp(20px,1.7vw,26px) !important;
  line-height:1.35 !important;
  letter-spacing:-.02em !important;
  font-weight:500 !important;
}

/* Eyebrows stay intentionally uppercase */
.eyebrow,
.micro,
.tag,
.resource-kicker,
.impact-index,
.diff-feature .num,
.engine-action-label{
  text-transform:uppercase !important;
}

/* =========================================================
   Interactive motion system
   ========================================================= */

/* Scroll reveal */
.reveal-on-scroll{
  opacity:0;
  transform:translateY(24px);
  transition:
    opacity .7s cubic-bezier(.2,.7,.2,1),
    transform .7s cubic-bezier(.2,.7,.2,1);
}
.reveal-on-scroll.is-visible{
  opacity:1;
  transform:none;
}

/* Animated section gradient accents */
.gradient-text{
  background-size:180% 180% !important;
  animation:ppGradientShift 7s ease-in-out infinite;
}
@keyframes ppGradientShift{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Hover depth for major cards */
.why-card,
.impact-screenshot-card,
.diff-feature,
.resource-story,
.award-card,
.enterprise-capability,
.compare-column,
.goal-card,
.review-platform,
.foundation-card{
  transform-style:preserve-3d;
  will-change:transform;
  transition:
    transform .28s cubic-bezier(.2,.7,.2,1),
    box-shadow .28s ease,
    border-color .28s ease;
}

/* Subtle shine for interactive cards */
.why-card::after,
.impact-screenshot-card::after,
.diff-feature::after,
.resource-story::after,
.award-card::after,
.enterprise-capability::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(
    120deg,
    transparent 20%,
    rgba(255,255,255,.24) 48%,
    transparent 76%
  );
  transform:translateX(-110%);
  transition:transform .7s ease,opacity .25s ease;
}
.why-card:hover::after,
.impact-screenshot-card:hover::after,
.diff-feature:hover::after,
.resource-story:hover::after,
.award-card:hover::after,
.enterprise-capability:hover::after{
  opacity:1;
  transform:translateX(110%);
}

/* CTA micro-interaction */
.btn{
  position:relative;
  overflow:hidden;
}
.btn::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    115deg,
    transparent 25%,
    rgba(255,255,255,.24) 50%,
    transparent 75%
  );
  transform:translateX(-120%);
  transition:transform .65s ease;
}
.btn:hover::before{
  transform:translateX(120%);
}

/* Hero video frame gets a very light breathing glow */
#profit-pulse-video.hero-video-stage{
  animation:videoFrameGlow 5.5s ease-in-out infinite;
}
@keyframes videoFrameGlow{
  0%,100%{
    box-shadow:0 24px 70px rgba(142,123,242,.18),0 0 0 1px rgba(142,123,242,.06);
  }
  50%{
    box-shadow:0 28px 82px rgba(142,123,242,.25),0 0 0 1px rgba(142,123,242,.13);
  }
}

/* Logo carousel interaction */
.logo-carousel-item{
  transition:transform .28s ease,opacity .28s ease;
}
.logo-carousel-item:hover{
  transform:translateY(-3px) scale(1.035);
}

/* Tabs: active pulse without layout shift */
.product-section .tab.active{
  animation:tabActivePulse .45s ease;
}
@keyframes tabActivePulse{
  0%{transform:scale(.97)}
  100%{transform:scale(1)}
}

/* Decision interface subtle parallax feel */
.tab-visual img{
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease;
}
.tab-visual:hover img{
  transform:scale(1.012);
  box-shadow:0 18px 52px rgba(72,53,168,.16);
}

/* Why now visual engagement */
.why-now-visual{
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;
}
.why-now-visual:hover{
  transform:translateY(-5px);
  box-shadow:0 30px 82px rgba(22,23,31,.18);
}

/* Recognition cards */
.review-platform{
  transition:transform .25s ease,box-shadow .25s ease;
}
.review-platform:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(22,23,31,.10);
}

/* Comparison preferred side has a soft ambient pulse */
.compare-profit-pulse{
  animation:preferredGlow 5.5s ease-in-out infinite;
}
@keyframes preferredGlow{
  0%,100%{box-shadow:0 24px 60px rgba(22,23,31,.16)}
  50%{box-shadow:0 28px 72px rgba(108,87,224,.24)}
}

/* Final CTA glow pulse stays subtle */
.final-cta::before{
  animation:footerGlowPulse 7s ease-in-out infinite;
}
@keyframes footerGlowPulse{
  0%,100%{opacity:.78}
  50%{opacity:1}
}

/* Keep interactions calm on touch/mobile */
@media(max-width:900px){
  .why-card:hover,
  .impact-screenshot-card:hover,
  .diff-feature:hover,
  .resource-story:hover,
  .award-card:hover,
  .enterprise-capability:hover,
  .why-now-visual:hover{
    transform:none !important;
  }
}

/* Accessibility / reduced motion */
@media(prefers-reduced-motion:reduce){
  .gradient-text,
  #profit-pulse-video.hero-video-stage,
  .compare-profit-pulse,
  .final-cta::before,
  .product-section .tab.active{
    animation:none !important;
  }

  .reveal-on-scroll{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  .why-card,
  .impact-screenshot-card,
  .diff-feature,
  .resource-story,
  .award-card,
  .enterprise-capability,
  .compare-column,
  .goal-card,
  .review-platform,
  .foundation-card,
  .tab-visual img,
  .why-now-visual{
    transition:none !important;
  }
}


/* Recognition card — restore Rated 5/5 contrast */
.recognition-card .rating-title,
.recognition-card .rating-title *,
.recognition-card h3,
.recognition-card h3 *{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Fallback for the dark G2/Capterra rating panel */
.rating-card h2,
.rating-card h3,
.rating-card .rated-title,
.rating-card .rating-heading{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  opacity:1 !important;
}


/* Exact override for the dark Recognition review card */
.recognition-review-card .review-card-inner h3{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:none !important;
}
.recognition-review-card .review-card-inner > p{
  color:#B3A9FB !important;
  -webkit-text-fill-color:#B3A9FB !important;
  opacity:1 !important;
}


/* =========================================================
   REAL IMPACT — restore the earlier approved card design
   Keep count animation, restore visual proportions
   ========================================================= */
.impact-screenshot-style{
  padding-top:88px !important;
  padding-bottom:96px !important;
  background:#fff !important;
}

.impact-screenshot-head{
  max-width:1180px !important;
  margin:0 !important;
}

.impact-screenshot-head .eyebrow{
  margin-bottom:22px !important;
}

.impact-screenshot-head h2{
  max-width:1160px !important;
  margin:0 !important;
  font-size:clamp(46px,5.6vw,76px) !important;
  line-height:1.14 !important;
  font-weight:500 !important;
  letter-spacing:-.045em !important;
}

.impact-screenshot-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  margin-top:48px !important;
  align-items:stretch !important;
}

.impact-screenshot-card{
  position:relative !important;
  min-height:310px !important;
  height:100% !important;
  padding:34px 34px 32px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  border:1px solid #B3A9FB !important;
  border-radius:30px !important;
  background:#fff !important;
  box-shadow:0 12px 34px rgba(22,23,31,.045) !important;
}

.impact-screenshot-card:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(142,123,242,.22) !important;
  box-shadow:0 22px 48px rgba(22,23,31,.09) !important;
}

.impact-screenshot-card .impact-card-icon{
  position:relative !important;
  z-index:2 !important;
  width:52px !important;
  height:52px !important;
  flex:0 0 52px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  color:#6C57E0 !important;
  background:#E9E7FF !important;
  border:0 !important;
  box-shadow:none !important;
}

.impact-screenshot-card .impact-card-icon svg{
  width:23px !important;
  height:23px !important;
  stroke-width:2 !important;
}

.impact-screenshot-card strong,
.impact-screenshot-card .impact-count{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  margin:68px 0 0 !important;
  white-space:nowrap !important;
  font-family:"Plus Jakarta Sans",Inter,sans-serif !important;
  font-size:clamp(48px,4.3vw,66px) !important;
  line-height:1 !important;
  letter-spacing:-.05em !important;
  font-weight:500 !important;
  font-variant-numeric:tabular-nums !important;
  background:linear-gradient(118deg,#6C57E0 18%,#6C57E0 88%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}

.impact-screenshot-card p{
  position:relative !important;
  z-index:2 !important;
  margin:26px 0 0 !important;
  max-width:260px !important;
  color:#5A5E70 !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}

.impact-screenshot-card .impact-corner-shape{
  position:absolute !important;
  z-index:1 !important;
  width:150px !important;
  height:150px !important;
  right:-48px !important;
  bottom:-58px !important;
  border-radius:50% !important;
  background:linear-gradient(
    135deg,
    rgba(142,123,242,.10),
    rgba(179,169,251,.22)
  ) !important;
  opacity:1 !important;
}

/* Remove newer decorative layers from this section */
.impact-screenshot-card::before{
  display:none !important;
  content:none !important;
}

/* Preserve a subtle reveal only; never hide the cards */
.impact-screenshot-card{
  opacity:1 !important;
  visibility:visible !important;
  animation:impactOldCardReveal .55s ease both !important;
}
.impact-screenshot-card:nth-child(2){animation-delay:.07s !important;}
.impact-screenshot-card:nth-child(3){animation-delay:.14s !important;}
.impact-screenshot-card:nth-child(4){animation-delay:.21s !important;}

@keyframes impactOldCardReveal{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}

@media(max-width:1180px){
  .impact-screenshot-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .impact-screenshot-card{
    min-height:290px !important;
  }
}

@media(max-width:767px){
  .impact-screenshot-style{
    padding-top:60px !important;
    padding-bottom:60px !important;
  }

  .impact-screenshot-head h2{
    font-size:clamp(34px,9vw,46px) !important;
  }

  .impact-screenshot-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
    margin-top:32px !important;
  }

  .impact-screenshot-card{
    min-height:250px !important;
    padding:26px !important;
    border-radius:24px !important;
  }

  .impact-screenshot-card strong,
  .impact-screenshot-card .impact-count{
    margin-top:46px !important;
    font-size:clamp(44px,13vw,58px) !important;
  }

  .impact-screenshot-card p{
    margin-top:20px !important;
    font-size:15px !important;
  }

  .impact-screenshot-card .impact-corner-shape{
    width:130px !important;
    height:130px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .impact-screenshot-card{
    animation:none !important;
  }
}


/* =========================================================
   SUB-FOOTER — contained glow overlay
   Glow sits directly above the existing dark background.
   Section width stays aligned with the page content.
   ========================================================= */
.final{
  width:min(calc(100% - 40px), var(--pp-max)) !important;
  max-width:var(--pp-max) !important;
  margin:64px auto 0 !important;
  position:relative !important;
  isolation:isolate !important;
}

.final .wrap{
  position:relative !important;
  z-index:1 !important;
}

/* Requested glow layer — no additional background panel */
.final .wrap:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:calc(-92px) calc((var(--pp-max) - 1100px) / -2) !important;
  background:
    radial-gradient(circle at 15% 20%,rgba(142,123,242,.28),transparent 30%),
    radial-gradient(circle at 85% 75%,rgba(108,87,224,.18),transparent 30%) !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

/* Keep all CTA content above the glow */
.final .wrap > *{
  position:relative !important;
  z-index:1 !important;
}

@media(max-width:1240px){
  .final .wrap:before{
    inset:-92px -32px !important;
  }
}

@media(max-width:767px){
  .final{
    width:calc(100% - 24px) !important;
  }
  .final .wrap:before{
    inset:-64px -22px !important;
  }
}


/* =========================================================
   SUB-FOOTER — full-width background, square edges
   ========================================================= */
.final{
  width:100% !important;
  max-width:none !important;
  margin:0px 0 0 !important;
  border-radius:0 !important;
}

.final .wrap{
  width:min(calc(100% - 40px), var(--pp-max)) !important;
  max-width:var(--pp-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:0 !important;
}

/* Keep the glow across the full-width sub-footer background */
.final .wrap:before{
  inset:-92px calc((100vw - min(100vw - 40px, var(--pp-max))) / -2) !important;
}

@media(max-width:767px){
  .final{
    width:100% !important;
  }
  .final .wrap{
    width:calc(100% - 24px) !important;
  }
  .final .wrap:before{
    inset:-64px -12px !important;
  }
}


/* =========================================================
   SUB-FOOTER — edge-to-edge glow, no solid side strips
   ========================================================= */
.final{
  position:relative !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* Remove glow from the constrained inner wrap */
.final .wrap:before{
  display:none !important;
  content:none !important;
}

/* Apply the requested glow across the ENTIRE full-width background */
.final:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 15% 20%,rgba(142,123,242,.28),transparent 30%),
    radial-gradient(circle at 85% 75%,rgba(108,87,224,.18),transparent 30%) !important;
}

/* Keep content above the glow */
.final .wrap{
  position:relative !important;
  z-index:1 !important;
  width:min(calc(100% - 40px), var(--pp-max)) !important;
  max-width:var(--pp-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  background:transparent !important;
}

/* Ensure no inherited secondary pseudo layer */
.final:after{
  display:none !important;
  content:none !important;
}

@media(max-width:767px){
  .final .wrap{
    width:calc(100% - 24px) !important;
  }
}


/* =========================================================
   1) SUB-FOOTER GLOW — pin glow to true viewport edges
   ========================================================= */
.final{
  position:relative !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* Full-width glow layer */
.final:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:0 !important;

  /* Left glow sticks to left edge, right glow sticks to right edge */
  background:
    radial-gradient(circle at 0% 20%, rgba(142,123,242,.34), transparent 34%),
    radial-gradient(circle at 100% 75%, rgba(108,87,224,.24), transparent 34%) !important;
}

/* remove any inner-wrap glow */
.final .wrap:before{
  display:none !important;
  content:none !important;
}

.final .wrap{
  position:relative !important;
  z-index:1 !important;
}

/* =========================================================
   2) WHY PROFIT MAX — wider content cards, smaller animation
   ========================================================= */
.diff-engine-layout{
  grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr) !important;
  gap:24px !important;
  align-items:stretch !important;
}

/* Give the 4 cards more room and reduce congestion */
.diff-feature-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}

.diff-feature{
  min-height:245px !important;
  padding:28px !important;
}

.diff-feature h3{
  font-size:22px !important;
  line-height:1.32 !important;
  margin:22px 0 10px !important;
}

.diff-feature p{
  font-size:14px !important;
  line-height:1.68 !important;
  max-width:none !important;
}

/* Make the animation panel noticeably smaller */
.decision-engine-visual{
  min-height:500px !important;
  max-width:470px !important;
  width:100% !important;
  justify-self:end !important;
}

.engine-core{
  width:154px !important;
  height:154px !important;
}

.orbit-one{
  width:270px !important;
  height:270px !important;
}

.orbit-two{
  width:350px !important;
  height:350px !important;
}

.signal-chip{
  min-width:106px !important;
  min-height:42px !important;
  padding:0 12px !important;
  font-size:11px !important;
}

.engine-action-card{
  width:205px !important;
}

/* Keep layout comfortable at medium widths */
@media(max-width:1180px){
  .diff-engine-layout{
    grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr) !important;
  }

  .diff-feature{
    padding:24px !important;
  }

  .decision-engine-visual{
    max-width:430px !important;
  }
}

/* Stack only when width genuinely becomes tight */
@media(max-width:980px){
  .diff-engine-layout{
    grid-template-columns:1fr !important;
  }

  .decision-engine-visual{
    max-width:620px !important;
    width:100% !important;
    justify-self:center !important;
    margin-top:8px !important;
  }
}

@media(max-width:767px){
  .diff-feature-grid{
    grid-template-columns:1fr !important;
  }

  .diff-feature{
    min-height:0 !important;
    padding:22px !important;
  }

  .decision-engine-visual{
    max-width:100% !important;
    min-height:440px !important;
  }
}


/* =========================================================
   1) SUB-FOOTER — true edge-anchored purple + cyan glows
   ========================================================= */
.final{
  position:relative !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* Left purple glow */
.final::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:-22vw !important;
  top:-30% !important;
  width:58vw !important;
  height:150% !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:50% !important;
  background:radial-gradient(
    circle at 50% 35%,
    rgba(142,123,242,.34) 0%,
    rgba(142,123,242,.18) 24%,
    transparent 62%
  ) !important;
}

/* Right cyan glow — physically anchored to viewport right edge */
.final::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  right:-22vw !important;
  bottom:-38% !important;
  width:58vw !important;
  height:150% !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:50% !important;
  background:radial-gradient(
    circle at 50% 55%,
    rgba(108,87,224,.26) 0%,
    rgba(108,87,224,.14) 26%,
    transparent 64%
  ) !important;
}

.final .wrap{
  position:relative !important;
  z-index:2 !important;
}
.final .wrap::before,
.final .wrap::after{
  display:none !important;
  content:none !important;
}


/* =========================================================
   2) WHY PROFIT MAX — rebuilt contained animation
   ========================================================= */
.decision-engine-visual{
  position:relative !important;
  min-height:500px !important;
  max-width:440px !important;
  width:100% !important;
  justify-self:end !important;
  overflow:hidden !important;
  padding:0 !important;
  border-radius:30px !important;
}

/* Keep visual center higher so the action card has dedicated space */
.engine-glow{
  width:250px !important;
  height:250px !important;
  left:50% !important;
  top:43% !important;
}

.engine-orbit{
  left:50% !important;
  top:43% !important;
}

.orbit-one{
  width:230px !important;
  height:230px !important;
}

.orbit-two{
  width:310px !important;
  height:310px !important;
}

/* Smaller center core, enough room for both text lines */
.engine-core{
  left:50% !important;
  top:43% !important;
  width:138px !important;
  height:138px !important;
  padding:16px 12px !important;
  box-sizing:border-box !important;
}

.engine-core-icon{
  width:40px !important;
  height:40px !important;
  margin-bottom:8px !important;
}
.engine-core-icon svg{
  width:21px !important;
  height:21px !important;
}

.engine-core strong{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1.15 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.engine-core span{
  display:block !important;
  width:100% !important;
  max-width:108px !important;
  margin:5px auto 0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:8px !important;
  line-height:1.2 !important;
  letter-spacing:.09em !important;
  text-align:center !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
}

/* Place signal chips safely inside all four corners */
.signal-chip{
  min-width:0 !important;
  width:auto !important;
  max-width:132px !important;
  min-height:40px !important;
  padding:0 12px !important;
  gap:8px !important;
  border-radius:14px !important;
  font-size:11px !important;
  white-space:nowrap !important;
}
.signal-chip svg{
  width:16px !important;
  height:16px !important;
}

.chip-pricing{
  left:22px !important;
  top:28px !important;
}
.chip-demand{
  right:22px !important;
  top:28px !important;
}
.chip-inventory{
  left:22px !important;
  bottom:90px !important;
}
.chip-market{
  right:22px !important;
  bottom:90px !important;
}

/* Flow diagram stays behind everything and within the panel */
.engine-flow{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:.72 !important;
}
.engine-flow path{
  stroke-width:1.2 !important;
}

/* Priority Action gets its own bottom zone — no core overlap */
.engine-action-card{
  left:50% !important;
  right:auto !important;
  bottom:18px !important;
  width:calc(100% - 44px) !important;
  max-width:none !important;
  min-height:58px !important;
  padding:12px 46px 12px 16px !important;
  transform:translateX(-50%) !important;
  box-sizing:border-box !important;
  border-radius:16px !important;
}

.engine-action-label{
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  white-space:nowrap !important;
}

.engine-action-line{
  height:5px !important;
  margin-top:7px !important;
}
.engine-action-line.short{
  width:68% !important;
}

.engine-action-status{
  right:14px !important;
  top:50% !important;
  width:28px !important;
  height:28px !important;
  transform:translateY(-50%) !important;
}

/* Subtle meaningful input-to-core emphasis */
.signal-chip{
  animation:signalChipFloat 5.4s ease-in-out infinite !important;
}
.chip-demand{animation-delay:-1.35s !important;}
.chip-inventory{animation-delay:-2.7s !important;}
.chip-market{animation-delay:-4.05s !important;}

.engine-core{
  animation:coreFloat 4.6s ease-in-out infinite !important;
}

@media(max-width:1180px){
  .decision-engine-visual{
    max-width:410px !important;
  }
}

@media(max-width:980px){
  .decision-engine-visual{
    max-width:560px !important;
    justify-self:center !important;
    min-height:480px !important;
  }

  .engine-core,
  .engine-glow,
  .engine-orbit{
    top:42% !important;
  }
}

@media(max-width:575px){
  .decision-engine-visual{
    min-height:430px !important;
    border-radius:24px !important;
  }

  .orbit-one{
    width:205px !important;
    height:205px !important;
  }
  .orbit-two{
    width:270px !important;
    height:270px !important;
  }

  .engine-core{
    width:126px !important;
    height:126px !important;
  }
  .engine-core strong{
    font-size:16px !important;
  }
  .engine-core span{
    max-width:95px !important;
    font-size:7.5px !important;
  }

  .signal-chip{
    max-width:112px !important;
    padding:0 9px !important;
    font-size:10px !important;
  }

  .chip-pricing,
  .chip-inventory{
    left:14px !important;
  }
  .chip-demand,
  .chip-market{
    right:14px !important;
  }

  .chip-pricing,
  .chip-demand{
    top:18px !important;
  }
  .chip-inventory,
  .chip-market{
    bottom:82px !important;
  }

  .engine-action-card{
    width:calc(100% - 28px) !important;
    bottom:14px !important;
  }
}


/* Resources cards: clickable + live OG metadata */
.resource-story.resource-live-meta{
  display:flex !important;
  flex-direction:column !important;
  height:100%;
  color:inherit !important;
  text-decoration:none !important;
  cursor:pointer;
}
.resource-story.resource-live-meta .resource-story-media{
  position:relative;
  height:210px !important;
  overflow:hidden;
  background:#E9E7FF !important;
}
.resource-story.resource-live-meta .resource-story-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(22,23,31,.02),rgba(22,23,31,.16));
}
.resource-story.resource-live-meta .resource-og-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
.resource-story.resource-live-meta:hover .resource-og-image{
  transform:scale(1.04);
}
.resource-story.resource-live-meta .resource-story-body{
  display:flex;
  flex-direction:column;
  flex:1;
}
.resource-read-more{
  margin-top:auto;
  padding-top:22px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#6C57E0;
  font-size:14px;
  line-height:1;
  font-weight:500;
}
.resource-read-more span{
  transition:transform .22s ease;
}
.resource-story.resource-live-meta:hover .resource-read-more span{
  transform:translate(3px,-3px);
}
.resource-story.resource-live-meta:focus-visible{
  outline:3px solid rgba(142,123,242,.35);
  outline-offset:4px;
}


/* =========================================================
   RESOURCES — fixed supplied thumbnails + responsive cards
   ========================================================= */
.resource-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

.resource-story.resource-live-meta{
  min-width:0 !important;
  overflow:hidden !important;
}

.resource-story.resource-live-meta .resource-story-media{
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  overflow:hidden !important;
}

.resource-story.resource-live-meta .resource-og-image{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.resource-story.resource-live-meta .resource-story-body{
  min-width:0 !important;
}

.resource-story.resource-live-meta .resource-meta-title,
.resource-story.resource-live-meta .resource-meta-description{
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

/* Tablet */
@media(max-width:1024px){
  .resource-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px !important;
  }

  .resource-story.resource-live-meta:last-child{
    grid-column:1 / -1 !important;
    max-width:calc(50% - 10px) !important;
  }
}

/* Mobile */
@media(max-width:700px){
  .resource-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .resource-story.resource-live-meta:last-child{
    grid-column:auto !important;
    max-width:none !important;
  }

  .resource-story.resource-live-meta .resource-story-media{
    aspect-ratio:16 / 9 !important;
  }
}

/* Small phones */
@media(max-width:480px){
  .resource-grid{
    gap:16px !important;
  }

  .resource-story.resource-live-meta .resource-story-body{
    padding:20px !important;
  }

  .resource-story.resource-live-meta .resource-meta-title{
    font-size:20px !important;
    line-height:1.3 !important;
  }

  .resource-story.resource-live-meta .resource-meta-description{
    font-size:14px !important;
    line-height:1.65 !important;
  }
}


/* =========================================================
   HERO VIDEO — remove left/right black bars
   The YouTube video itself is 16:9, so the inner viewport
   must remain 16:9 instead of stretching to the outer frame.
   ========================================================= */
.hero-video-stage{
  box-sizing:border-box !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  padding:10px !important;
  overflow:hidden !important;
}

.hero-video-stage iframe,
.hero-video-stage .hero-video-iframe,
.hero-video-stage .hero-video-fallback,
.hero-video-stage .video-fallback,
.hero-video-stage > iframe{
  position:absolute !important;
  top:10px !important;
  left:10px !important;
  width:calc(100% - 20px) !important;
  height:calc(100% - 20px) !important;
  aspect-ratio:16 / 9 !important;
  border:0 !important;
  border-radius:20px !important;
  object-fit:cover !important;
  display:block !important;
}

/* If the iframe is wrapped, make the wrapper fill the exact video area. */
.hero-video-stage .hero-video-wrap,
.hero-video-stage .video-wrap,
.hero-video-stage .video-embed,
.hero-video-stage .video-container{
  position:absolute !important;
  inset:10px !important;
  width:auto !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  overflow:hidden !important;
  border-radius:20px !important;
}

.hero-video-stage .hero-video-wrap iframe,
.hero-video-stage .video-wrap iframe,
.hero-video-stage .video-embed iframe,
.hero-video-stage .video-container iframe{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
}

/* Tablet */
@media(max-width:900px){
  .hero-video-stage{
    padding:8px !important;
  }
  .hero-video-stage iframe,
  .hero-video-stage .hero-video-iframe,
  .hero-video-stage .hero-video-fallback,
  .hero-video-stage .video-fallback,
  .hero-video-stage > iframe{
    top:8px !important;
    left:8px !important;
    width:calc(100% - 16px) !important;
    height:calc(100% - 16px) !important;
    border-radius:15px !important;
  }
  .hero-video-stage .hero-video-wrap,
  .hero-video-stage .video-wrap,
  .hero-video-stage .video-embed,
  .hero-video-stage .video-container{
    inset:8px !important;
    border-radius:15px !important;
  }
}

/* Mobile */
@media(max-width:575px){
  .hero-video-stage{
    padding:6px !important;
    border-radius:20px !important;
  }
  .hero-video-stage iframe,
  .hero-video-stage .hero-video-iframe,
  .hero-video-stage .hero-video-fallback,
  .hero-video-stage .video-fallback,
  .hero-video-stage > iframe{
    top:6px !important;
    left:6px !important;
    width:calc(100% - 12px) !important;
    height:calc(100% - 12px) !important;
    border-radius:13px !important;
  }
  .hero-video-stage .hero-video-wrap,
  .hero-video-stage .video-wrap,
  .hero-video-stage .video-embed,
  .hero-video-stage .video-container{
    inset:6px !important;
    border-radius:13px !important;
  }
}


/* =========================================================
   HERO VIDEO — approved click-to-play behavior + caption
   ========================================================= */
#profit-pulse-video{
  position:relative !important;
  margin-bottom:34px !important;
}

/* Keep normal YouTube thumbnail/player state until the user clicks Play. */
#profit-pulse-video iframe{
  pointer-events:auto !important;
}

/* Approved HTML caption treatment */
.hero-video-caption{
  position:absolute !important;
  left:50% !important;
  bottom:-27px !important;
  transform:translateX(-50%) !important;
  z-index:8 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  width:max-content !important;
  max-width:calc(100% - 36px) !important;
  min-height:56px !important;
  padding:10px 22px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(22,23,31,.10) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#16171F !important;
  box-shadow:0 12px 30px rgba(22,23,31,.13) !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.hero-video-caption-icon{
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  width:36px !important;
  height:36px !important;
  border-radius:50% !important;
  background:linear-gradient(118deg,#8E7BF2 8%,#6C57E0 58%,#6C57E0 100%) !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(108,87,224,.24) !important;
}

.hero-video-caption-icon svg{
  width:18px !important;
  height:18px !important;
}

/* Tablet */
@media(max-width:768px){
  #profit-pulse-video{
    margin-bottom:30px !important;
  }

  .hero-video-caption{
    bottom:-24px !important;
    min-height:50px !important;
    padding:9px 17px !important;
    gap:10px !important;
    font-size:12.5px !important;
  }

  .hero-video-caption-icon{
    width:32px !important;
    height:32px !important;
  }

  .hero-video-caption-icon svg{
    width:16px !important;
    height:16px !important;
  }
}

/* Mobile — allow the caption to wrap instead of overflowing */
@media(max-width:520px){
  #profit-pulse-video{
    margin-bottom:42px !important;
  }

  .hero-video-caption{
    bottom:-35px !important;
    width:calc(100% - 28px) !important;
    max-width:none !important;
    min-height:58px !important;
    padding:10px 14px !important;
    white-space:normal !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  .hero-video-caption-icon{
    width:32px !important;
    height:32px !important;
  }
}


/* =========================================================
   HERO VIDEO CAPTION — keep pill fully visible between sections
   ========================================================= */
#profit-pulse-video{
  position:relative !important;
  overflow:visible !important;
  margin-bottom:0 !important;
  padding-bottom:46px !important;
}

.hero-video-stage{
  position:relative !important;
  z-index:2 !important;
}

.hero-video-caption{
  position:absolute !important;
  left:50% !important;
  bottom:18px !important;
  transform:translateX(-50%) !important;
  z-index:20 !important;
  margin:0 !important;
}

/* Ensure the following section cannot cover the caption */
#profit-pulse-video + section,
#profit-pulse-video ~ section:first-of-type{
  position:relative !important;
  z-index:1 !important;
}

@media(max-width:768px){
  #profit-pulse-video{
    padding-bottom:42px !important;
  }

  .hero-video-caption{
    bottom:16px !important;
  }
}

@media(max-width:520px){
  #profit-pulse-video{
    padding-bottom:48px !important;
  }

  .hero-video-caption{
    bottom:14px !important;
  }
}


/* =========================================================
   HERO VIDEO CAPTION — exact approved placement:
   centered across the bottom edge of the video frame
   ========================================================= */
#profit-pulse-video{
  position:relative !important;
  overflow:visible !important;
  padding-bottom:0 !important;
  margin-bottom:54px !important;
  z-index:5 !important;
}

.hero-video-stage{
  position:relative !important;
  z-index:5 !important;
  overflow:hidden !important;
}

/* Pill straddles the video-frame bottom edge, as in the reference */
.hero-video-caption{
  position:absolute !important;
  left:50% !important;
  bottom:-28px !important;
  transform:translateX(-50%) !important;
  z-index:30 !important;
  margin:0 !important;
}

/* Following content stays below the floating pill instead of covering it */
#profit-pulse-video + section{
  position:relative !important;
  z-index:1 !important;
}

@media(max-width:768px){
  #profit-pulse-video{
    margin-bottom:48px !important;
  }

  .hero-video-caption{
    bottom:-25px !important;
  }
}

@media(max-width:520px){
  #profit-pulse-video{
    margin-bottom:54px !important;
  }

  .hero-video-caption{
    bottom:-30px !important;
  }
}


/* =========================================================
   HERO VIDEO CAPTION — final overflow correction
   The stage itself must allow the floating pill outside.
   Only the inner video remains clipped to the rounded frame.
   ========================================================= */
#profit-pulse-video.hero-video-stage{
  overflow:visible !important;
  isolation:visible !important;
  margin-bottom:54px !important;
}

/* Preserve the rounded crop for the actual YouTube player only */
#profit-pulse-video .hero-video-inner{
  overflow:hidden !important;
}

/* The hero section also previously clipped descendants */
header.hero{
  overflow:visible !important;
}

/* Keep decorative hero layers from creating horizontal page overflow */
body{
  overflow-x:hidden !important;
}

/* Exact reference placement: half inside / half below frame */
#profit-pulse-video .hero-video-caption{
  position:absolute !important;
  left:50% !important;
  bottom:-28px !important;
  transform:translateX(-50%) !important;
  z-index:999 !important;
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Ensure the trust section never paints over the pill */
.trust{
  position:relative !important;
  z-index:1 !important;
}
#profit-pulse-video{
  z-index:10 !important;
}

@media(max-width:768px){
  #profit-pulse-video.hero-video-stage{
    margin-bottom:48px !important;
  }
  #profit-pulse-video .hero-video-caption{
    bottom:-25px !important;
  }
}

@media(max-width:520px){
  #profit-pulse-video.hero-video-stage{
    margin-bottom:54px !important;
  }
  #profit-pulse-video .hero-video-caption{
    bottom:-30px !important;
  }
}


/* =========================================================
   PLATFORM STATEMENT BRACE — match the full text height
   ========================================================= */
@media (min-width:901px){
  #platform .statement::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;

    /* Keep the brace centered in the column gap */
    left:calc((100% - 64px) * .31 + 16px) !important;
    width:28px !important;

    /* The statement row height is driven by the right-side paragraph.
       Matching the same top/bottom padding makes the brace exactly
       follow the text block height. */
    top:34px !important;
    bottom:34px !important;
    height:auto !important;

    transform:none !important;
    border:0 !important;
    border-radius:0 !important;
    background-color:transparent !important;

    /* Vector curly brace stretches cleanly without distorting stroke width */
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 100' preserveAspectRatio='none'%3E%3Cpath d='M27 1 C12 1 12 12 12 24 L12 36 C12 46 8 49 2 50 C8 51 12 54 12 64 L12 76 C12 88 12 99 27 99' fill='none' stroke='%236C57E0' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:100% 100% !important;

    color:transparent !important;
    font-size:0 !important;
    text-shadow:none !important;
    pointer-events:none !important;
  }
}

@media (max-width:900px){
  #platform .statement::after{
    display:none !important;
    content:none !important;
  }
}


/* =========================================================
   PLATFORM STATEMENT BRACE — refined sharp terminals
   ========================================================= */
@media (min-width:901px){
  #platform .statement::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:calc((100% - 64px) * .31 + 15px) !important;
    top:30px !important;
    bottom:30px !important;
    width:30px !important;
    height:auto !important;
    transform:none !important;
    border:0 !important;
    background-color:transparent !important;

    /* Cleaner architectural brace with pointed top/bottom terminals */
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 120' preserveAspectRatio='none'%3E%3Cpath d='M30 1 L23 1 C14 1 11 8 11 19 L11 41 C11 51 8 57 2 60 C8 63 11 69 11 79 L11 101 C11 112 14 119 23 119 L30 119' fill='none' stroke='%236C57E0' stroke-width='4' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:100% 100% !important;

    color:transparent !important;
    font-size:0 !important;
    text-shadow:none !important;
    pointer-events:none !important;
  }
}

/* =========================================================
   SUB-FOOTER — temporarily hide Get early access CTA
   ========================================================= */
.final a[href*="early"],
.final button[data-cta*="early"],
.final .early-access,
.final .early-access-cta{
  display:none !important;
}


/* =========================================================
   REVERT BRACE — restore the earlier approved rounded version
   ========================================================= */
@media (min-width:901px){
  #platform .statement::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:calc((100% - 64px) * .31 + 16px) !important;
    width:28px !important;
    top:34px !important;
    bottom:34px !important;
    height:auto !important;
    transform:none !important;
    border:0 !important;
    border-radius:0 !important;
    background-color:transparent !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 100' preserveAspectRatio='none'%3E%3Cpath d='M27 1 C12 1 12 12 12 24 L12 36 C12 46 8 49 2 50 C8 51 12 54 12 64 L12 76 C12 88 12 99 27 99' fill='none' stroke='%236C57E0' stroke-width='4.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:100% 100% !important;
    color:transparent !important;
    font-size:0 !important;
    text-shadow:none !important;
    pointer-events:none !important;
  }
}


/* =========================================================
   DEMO POPUP — visual refinement
   ========================================================= */
#demo-modal{
  padding:20px !important;
}

#demo-modal .modal-backdrop{
  background:
    radial-gradient(circle at 50% 15%,rgba(142,123,242,.17),transparent 34%),
    rgba(22,23,31,.74) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

#demo-modal .modal-card{
  width:min(620px,calc(100vw - 32px)) !important;
  max-height:min(90vh,820px) !important;
  padding:30px 32px 32px !important;
  border:1px solid rgba(142,123,242,.12) !important;
  border-radius:26px !important;
  background:
    linear-gradient(180deg,rgba(244,243,255,.92) 0,rgba(255,255,255,1) 112px) !important;
  box-shadow:
    0 34px 90px rgba(22,23,31,.32),
    0 0 0 1px rgba(255,255,255,.65) inset !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(142,123,242,.25) transparent;
}

#demo-modal .modal-card::before{
  content:"" !important;
  display:block !important;
  width:42px !important;
  height:4px !important;
  margin:0 0 17px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#8E7BF2,#8E7BF2) !important;
}

#demo-modal .modal-title{
  margin:0 56px 22px 0 !important;
  font-family:"Plus Jakarta Sans",sans-serif !important;
  font-size:clamp(24px,3vw,28px) !important;
  line-height:1.2 !important;
  letter-spacing:-.035em !important;
  font-weight:500 !important;
  color:#16171F !important;
}

#demo-modal .modal-close{
  top:18px !important;
  right:18px !important;
  width:38px !important;
  height:38px !important;
  border:1px solid rgba(142,123,242,.14) !important;
  background:rgba(255,255,255,.9) !important;
  color:#4835A8 !important;
  box-shadow:0 6px 18px rgba(22,23,31,.08) !important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease !important;
}

#demo-modal .modal-close:hover{
  transform:rotate(5deg) scale(1.05) !important;
  background:#F4F3FF !important;
  border-color:rgba(142,123,242,.28) !important;
}

/* Cleaner form rhythm */
#demo-modal .hubspot-form-shell .hs-form-field{
  margin-bottom:14px !important;
}

#demo-modal .hubspot-form-shell label{
  margin-bottom:6px !important;
  color:#1E2029 !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:600 !important;
}

#demo-modal .hubspot-form-shell .hs-input:not([type="checkbox"]):not([type="radio"]),
#demo-modal .hubspot-form-shell select,
#demo-modal .hubspot-form-shell textarea{
  min-height:46px !important;
  border:1px solid #B3A9FB !important;
  border-radius:11px !important;
  background:rgba(255,255,255,.96) !important;
  padding:10px 12px !important;
  font-size:14px !important;
  box-shadow:0 1px 0 rgba(22,23,31,.02) !important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease !important;
}

#demo-modal .hubspot-form-shell textarea{
  min-height:92px !important;
  resize:vertical !important;
}

#demo-modal .hubspot-form-shell .hs-input:focus,
#demo-modal .hubspot-form-shell select:focus,
#demo-modal .hubspot-form-shell textarea:focus{
  background:#fff !important;
  border-color:#8E7BF2 !important;
  box-shadow:0 0 0 4px rgba(142,123,242,.09) !important;
}

#demo-modal .hubspot-form-shell .hs-button{
  width:100% !important;
  min-height:50px !important;
  margin-top:10px !important;
  padding:13px 22px !important;
  border-radius:999px !important;
  background:linear-gradient(118deg,#8E7BF2 8%,#6C57E0 58%,#6C57E0 100%) !important;
  box-shadow:0 12px 26px rgba(142,123,242,.20) !important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease !important;
}

#demo-modal .hubspot-form-shell .hs-button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 15px 30px rgba(142,123,242,.26) !important;
  filter:saturate(1.04) !important;
}

#demo-modal .hubspot-form-shell .inputs-list{
  padding-left:0 !important;
}

#demo-modal .hubspot-form-shell .hs-form-booleancheckbox-display{
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
}

/* Tablet / mobile */
@media(max-width:640px){
  #demo-modal{
    padding:12px !important;
    align-items:center !important;
  }

  #demo-modal .modal-card{
    width:100% !important;
    max-height:94vh !important;
    padding:24px 18px 22px !important;
    border-radius:22px !important;
  }

  #demo-modal .modal-card::before{
    margin-bottom:14px !important;
  }

  #demo-modal .modal-title{
    margin-right:46px !important;
    margin-bottom:18px !important;
    font-size:23px !important;
  }

  #demo-modal .modal-close{
    top:14px !important;
    right:14px !important;
    width:36px !important;
    height:36px !important;
  }

  #demo-modal .hubspot-form-shell .hs-input:not([type="checkbox"]):not([type="radio"]),
  #demo-modal .hubspot-form-shell select{
    min-height:44px !important;
  }
}


/* Reference section only: same brace, slimmer stroke */
@media (min-width:901px){
  #platform .statement::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:calc((100% - 64px) * .31 + 16px) !important;
    width:28px !important;
    top:34px !important;
    bottom:34px !important;
    height:auto !important;
    transform:none !important;
    border:0 !important;
    background-color:transparent !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 100' preserveAspectRatio='none'%3E%3Cpath d='M27 1 C12 1 12 12 12 24 L12 36 C12 46 8 49 2 50 C8 51 12 54 12 64 L12 76 C12 88 12 99 27 99' fill='none' stroke='%236C57E0' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:100% 100% !important;
    color:transparent !important;
    font-size:0 !important;
    text-shadow:none !important;
    pointer-events:none !important;
  }
}


/* =========================================================
   PROFIT MAX STATEMENT — premium redesign
   Section only. Removes brace and introduces a clean signal rail.
   ========================================================= */
#platform{
  padding:54px 0 34px !important;
}

#platform .statement{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(230px,.78fr) minmax(0,2.22fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  min-height:310px !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(142,123,242,.12) !important;
  border-radius:32px !important;
  background:
    radial-gradient(circle at 8% 18%,rgba(142,123,242,.16),transparent 30%),
    linear-gradient(135deg,#fff 0%,#F4F3FF 58%,#F4F3FF 100%) !important;
  box-shadow:
    0 24px 70px rgba(72,53,168,.08),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* Remove every previous brace implementation */
#platform .statement::after{
  content:none !important;
  display:none !important;
}

/* Left identity panel */
#platform .statement > .eyebrow{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:stretch !important;
  width:auto !important;
  margin:0 !important;
  padding:42px 34px !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    linear-gradient(180deg,rgba(244,243,255,.78),rgba(255,255,255,.40)) !important;
  box-shadow:none !important;
  color:#6C57E0 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Refined pill inside the left panel */
#platform .statement > .eyebrow::before{
  content:"" !important;
  position:absolute !important;
  width:178px !important;
  height:48px !important;
  border:1px solid rgba(142,123,242,.28) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.58) !important;
  box-shadow:
    0 10px 28px rgba(108,87,224,.08),
    inset 0 0 0 1px rgba(255,255,255,.75) !important;
  z-index:-1 !important;
}

/* Vertical signal rail replacing the brace */
#platform .statement > .eyebrow::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  right:-1px !important;
  width:2px !important;
  height:62% !important;
  transform:translateY(-50%) !important;
  border-radius:999px !important;
  background:linear-gradient(
    180deg,
    transparent 0%,
    rgba(142,123,242,.22) 8%,
    #6C57E0 28%,
    #6C57E0 50%,
    #6C57E0 72%,
    rgba(142,123,242,.22) 92%,
    transparent 100%
  ) !important;
  box-shadow:0 0 18px rgba(108,87,224,.22) !important;
}

/* Right statement area */
#platform .statement > div:last-child{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  padding:54px 58px 54px 64px !important;
}

/* Small decorative signal nodes on the rail */
#platform .statement > div:last-child::before,
#platform .statement > div:last-child::after{
  content:"" !important;
  position:absolute !important;
  left:-5px !important;
  width:10px !important;
  height:10px !important;
  border:2px solid #fff !important;
  border-radius:50% !important;
  background:#6C57E0 !important;
  box-shadow:
    0 0 0 4px rgba(108,87,224,.10),
    0 4px 14px rgba(142,123,242,.22) !important;
}
#platform .statement > div:last-child::before{
  top:31% !important;
}
#platform .statement > div:last-child::after{
  bottom:31% !important;
}

#platform .statement p{
  max-width:900px !important;
  margin:0 !important;
  color:#16171F !important;
  font-family:"Plus Jakarta Sans","Inter",sans-serif !important;
  font-size:clamp(30px,3.15vw,48px) !important;
  line-height:1.34 !important;
  letter-spacing:-.042em !important;
  font-weight:400 !important;
}

#platform .statement p strong{
  position:relative !important;
  display:inline !important;
  background:linear-gradient(100deg,#8E7BF2 0%,#6C57E0 58%,#6C57E0 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  font-weight:500 !important;
}

/* Very subtle top highlight for a more finished card */
#platform .statement::before{
  content:"" !important;
  position:absolute !important;
  left:28px !important;
  right:28px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(142,123,242,.48),transparent) !important;
  pointer-events:none !important;
}

/* Tablet */
@media(max-width:980px){
  #platform .statement{
    grid-template-columns:210px minmax(0,1fr) !important;
    min-height:280px !important;
    border-radius:28px !important;
  }

  #platform .statement > .eyebrow{
    padding:34px 24px !important;
  }

  #platform .statement > div:last-child{
    padding:42px 40px 42px 48px !important;
  }

  #platform .statement p{
    font-size:clamp(27px,4vw,38px) !important;
  }
}

/* Mobile — stack while keeping the same visual language */
@media(max-width:700px){
  #platform{
    padding:38px 0 24px !important;
  }

  #platform .statement{
    display:block !important;
    min-height:0 !important;
    border-radius:24px !important;
  }

  #platform .statement > .eyebrow{
    min-height:104px !important;
    padding:28px 22px !important;
    justify-content:flex-start !important;
  }

  #platform .statement > .eyebrow::before{
    left:22px !important;
    width:164px !important;
    height:44px !important;
  }

  /* Rail becomes horizontal on mobile */
  #platform .statement > .eyebrow::after{
    top:auto !important;
    right:auto !important;
    left:22px !important;
    bottom:0 !important;
    width:calc(100% - 44px) !important;
    height:2px !important;
    transform:none !important;
    background:linear-gradient(
      90deg,
      transparent 0%,
      rgba(142,123,242,.22) 8%,
      #6C57E0 30%,
      #6C57E0 50%,
      #6C57E0 70%,
      rgba(142,123,242,.22) 92%,
      transparent 100%
    ) !important;
  }

  #platform .statement > div:last-child{
    padding:34px 24px 38px !important;
  }

  #platform .statement > div:last-child::before,
  #platform .statement > div:last-child::after{
    top:-5px !important;
    bottom:auto !important;
    left:auto !important;
  }

  #platform .statement > div:last-child::before{
    left:32% !important;
  }

  #platform .statement > div:last-child::after{
    right:32% !important;
  }

  #platform .statement p{
    font-size:clamp(25px,7vw,33px) !important;
    line-height:1.38 !important;
    letter-spacing:-.035em !important;
  }
}



/* ============================================================
   PROFIT MAX — FINAL BRAND-GUIDELINE COLOR LOCK
   COLOR ONLY, except Better Health logo visual normalization.
   ============================================================ */
:root{
  --pp-ink:#16171F;
  --pp-ink-800:#1E2029;
  --pp-muted:#5A5E70;
  --pp-ink-400:#9A9DAC;
  --pp-line:#E3E4EB;
  --pp-soft:#F6F7F9;
  --pp-purple:#6C57E0;
  --pp-lilac:#B3A9FB;
  --pp-navy:#16171F;
  --pp-grad:linear-gradient(105deg,#4835A8 0%,#6C57E0 58%,#8E7BF2 100%);
}

/* Global foundation */
body{color:#16171F;background:#FFFFFF!important}
h1,h2,h3,h4{color:#16171F}
p{color:#5A5E70}
.eyebrow,.resource-kicker{color:#6C57E0!important}

/* CTAs: approved Iris gradient only — no pink/fuchsia */
.btn-dark,
.hero .btn-dark,
.final .btn-dark,
.hubspot-form-shell .hs-button{
  background:linear-gradient(105deg,#4835A8 0%,#6C57E0 58%,#8E7BF2 100%)!important;
  background-image:linear-gradient(105deg,#4835A8 0%,#6C57E0 58%,#8E7BF2 100%)!important;
  border-color:transparent!important;
  color:#FFFFFF!important;
  box-shadow:0 12px 28px rgba(72,53,168,.22)!important;
}
.btn-dark:hover,
.hero .btn-dark:hover,
.final .btn-dark:hover,
.hubspot-form-shell .hs-button:hover{
  background:linear-gradient(105deg,#3E2E91 0%,#5846C8 58%,#7969DF 100%)!important;
  background-image:linear-gradient(105deg,#3E2E91 0%,#5846C8 58%,#7969DF 100%)!important;
  color:#FFFFFF!important;
}

/* Brand emphasis text: solid Iris for maximum consistency */
.gradient-text,
#platform .statement strong,
.impact-box strong{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#6C57E0!important;
  color:#6C57E0!important;
}

/* Neutral light surfaces */
.why-now,.diff,.controls,.quote-section{background:#F6F7F9!important}
.why-card,.impact-box,.diff-card,.award-card,.resource-story{background:#FFFFFF!important;border-color:#E3E4EB!important}

/* Icons, dots, rules and decorative brand marks */
.section-icon,.impact-icon,.diff-icon,.achievement-icon{
  color:#6C57E0!important;
  background:#E9E7FF!important;
}
.section-icon svg,.impact-icon svg,.diff-icon svg,.achievement-icon svg{
  stroke:#6C57E0!important;
}
.work-metric:after{color:#B3A9FB!important}
.foundation-grid:before{
  background:linear-gradient(90deg,transparent,rgba(179,169,251,.38),transparent)!important;
}
.compare-row div+div{
  background:#16171F!important;
  color:#FFFFFF!important;
  box-shadow:inset 4px 0 0 #6C57E0!important;
}
.compare-row div+div small{color:#B3A9FB!important}
.compare-row div+div:after{background:#6C57E0!important;box-shadow:0 8px 20px rgba(72,53,168,.22)!important}

/* Dark UI foundations + explicit readable text */
.product-section,
.work-ticker,
.work-ticker-label,
.quote-copy,
.foundation,
.guardrail-box,
.decision-engine-visual,
.why-solution,
.recognition-review-card{
  background:#16171F!important;
  color:#FFFFFF!important;
}
.product-section h2,.product-section h3,
.quote-copy h2,.quote-copy h3,.quote-copy blockquote,
.foundation h2,.foundation h3,
.guardrail-box h2,.guardrail-box h3,
.decision-engine-visual h2,.decision-engine-visual h3,
.why-solution strong,
.recognition-review-card h3{
  color:#FFFFFF!important;
}
.product-section p,.demo-copy p,
.quote-copy p,.quote-copy .person,
.foundation p,.foundation p.lead,
.guardrail-box p,.enterprise-capability p,
.why-solution span,
.recognition-review-card p{
  color:#E3E4EB!important;
}
.product-section .eyebrow,
.quote-copy .eyebrow,
.foundation .eyebrow,
.final .eyebrow{
  color:#B3A9FB!important;
}

/* Decision engine */
.engine-core{
  background:linear-gradient(145deg,#4835A8,#6C57E0 62%,#8E7BF2)!important;
  border-color:#8E7BF2!important;
}
.engine-orbit{border-color:rgba(179,169,251,.18)!important}
.signal-chip{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(227,228,235,.14)!important;
  color:#FFFFFF!important;
}
.signal-chip svg{color:#B3A9FB!important;stroke:#B3A9FB!important}
.engine-flow path{stroke:#8E7BF2!important}
.engine-action-label{color:#6C57E0!important}
.engine-action-line{background:#E3E4EB!important}
.engine-action-line:after{background:#6C57E0!important}
.engine-action-status{background:#047B5D!important}

/* Recognition — dark card now visible and on-brand */
.recognition-review-card{
  background:linear-gradient(135deg,#16171F 0%,#1E2029 100%)!important;
}
.review-card-inner > p{color:#E3E4EB!important}
.review-stars{color:#B28400!important}
.recognition-award-visual{
  background:
    radial-gradient(circle at 50% 50%,rgba(108,87,224,.16),transparent 38%),
    linear-gradient(135deg,#F4F3FF,#E9E7FF)!important;
}
.recognition-award-mark{
  background:linear-gradient(135deg,#4835A8,#6C57E0,#8E7BF2)!important;
  box-shadow:0 20px 45px rgba(72,53,168,.22)!important;
}
.recognition-divider{background:#E3E4EB!important}

/* Platform statement */
#platform .statement{
  border-color:#E3E4EB!important;
  background:
    radial-gradient(circle at 8% 18%,rgba(179,169,251,.16),transparent 30%),
    #FFFFFF!important;
}
#platform .statement > .eyebrow{color:#6C57E0!important;background:#F4F3FF!important}
#platform .statement > .eyebrow::before{border-color:rgba(108,87,224,.22)!important;background:#FFFFFF!important}
#platform .statement > .eyebrow::after{
  background:linear-gradient(180deg,transparent,#B3A9FB 18%,#6C57E0 50%,#B3A9FB 82%,transparent)!important;
}
#platform .statement > div:last-child::before,
#platform .statement > div:last-child::after{
  background:#6C57E0!important;
  box-shadow:0 0 0 4px #E9E7FF!important;
}

/* Sub-footer: no burgundy, no pink, no cyan; readable Ink + Iris */
.final{
  background:#16171F!important;
  background-image:
    radial-gradient(circle at 0% 20%,rgba(108,87,224,.30),transparent 36%),
    radial-gradient(circle at 100% 76%,rgba(142,123,242,.22),transparent 36%),
    linear-gradient(115deg,#16171F 0%,#1E2029 65%,#201D35 100%)!important;
}
.final:before{
  background:
    radial-gradient(circle at 0% 20%,rgba(108,87,224,.26),transparent 35%),
    radial-gradient(circle at 100% 75%,rgba(179,169,251,.18),transparent 35%)!important;
}
.final:after{background:radial-gradient(circle,rgba(142,123,242,.16),transparent 66%)!important}
.final h2{color:#FFFFFF!important}
.final h2 .gradient-text{color:#B3A9FB!important;-webkit-text-fill-color:#B3A9FB!important}
.final p{color:#E3E4EB!important}
.final-note{color:#9A9DAC!important}

/* Form */
#demo-modal .modal-card{background:linear-gradient(180deg,#F4F3FF 0,#FFFFFF 106px)!important;border-color:#E3E4EB!important}
#demo-modal .modal-card::before{background:#6C57E0!important}
#demo-modal .hubspot-form-shell .hs-input:focus,
#demo-modal .hubspot-form-shell select:focus,
#demo-modal .hubspot-form-shell textarea:focus{
  border-color:#6C57E0!important;
  box-shadow:0 0 0 4px rgba(108,87,224,.10)!important;
}

/* Logo carousel: retain original logo artwork; normalize visual sizing */
.logo-carousel-item img[src*="betterhealth-logo"]{
  max-width:160px!important;
  max-height:46px!important;
  transform:scale(1.20);
  transform-origin:center;
}
.logo-carousel-item:hover img[src*="betterhealth-logo"]{
  transform:scale(1.24);
}
@media(max-width:600px){
  .logo-carousel-item img[src*="betterhealth-logo"]{
    max-width:130px!important;
    max-height:38px!important;
    transform:scale(1.16);
  }
  .logo-carousel-item:hover img[src*="betterhealth-logo"]{
    transform:scale(1.18);
  }
}

/* Semantic colors are intentionally left within the brand guideline */
.success,.positive,.up,[data-state="success"],[data-trend="up"]{color:#047B5D!important}
.critical,.negative,.down,[data-state="critical"],[data-trend="down"]{color:#C70A24!important}
.caution,.warning,[data-state="caution"]{color:#B28400!important}
.info,[data-state="info"]{color:#005BD3!important}


/* FINAL POLISH: Better Health logo scale + softer left sub-footer glow */

/* Better Health has more whitespace inside the source artwork, so enlarge it
   visually without changing the carousel item dimensions or layout. */
.logo-carousel-item img[src*="betterhealth-logo"]{
  max-width:190px!important;
  max-height:56px!important;
  transform:scale(1.42)!important;
  transform-origin:center center!important;
}
.logo-carousel-item:hover img[src*="betterhealth-logo"]{
  transform:scale(1.46)!important;
}

/* Make both final-section edge glows equally soft/diffused.
   Glow stays edge-to-edge; only visual softness changes. */
.final{
  background-image:
    radial-gradient(ellipse 44% 88% at -8% 24%,rgba(108,87,224,.25) 0%,rgba(108,87,224,.14) 30%,rgba(108,87,224,.055) 52%,transparent 74%),
    radial-gradient(ellipse 44% 88% at 108% 76%,rgba(142,123,242,.22) 0%,rgba(142,123,242,.12) 30%,rgba(142,123,242,.05) 52%,transparent 74%),
    linear-gradient(115deg,#16171F 0%,#1E2029 65%,#201D35 100%)!important;
}
.final:before{
  inset:-12% -6%!important;
  background:
    radial-gradient(ellipse 42% 78% at 0% 24%,rgba(108,87,224,.20) 0%,rgba(108,87,224,.10) 34%,rgba(108,87,224,.035) 56%,transparent 76%),
    radial-gradient(ellipse 42% 78% at 100% 76%,rgba(179,169,251,.15) 0%,rgba(179,169,251,.075) 34%,rgba(179,169,251,.025) 56%,transparent 76%)!important;
  filter:blur(30px)!important;
  transform:scale(1.08)!important;
  opacity:.95!important;
  pointer-events:none!important;
}
@media(max-width:600px){
  .logo-carousel-item img[src*="betterhealth-logo"]{
    max-width:158px!important;
    max-height:46px!important;
    transform:scale(1.34)!important;
  }
  .logo-carousel-item:hover img[src*="betterhealth-logo"]{
    transform:scale(1.37)!important;
  }
  .final:before{
    filter:blur(24px)!important;
  }
}


/* Header combined Profit Max logo — asset-only update */
.nav .pp-logo{height:46px;width:auto;max-width:220px;object-fit:contain}
@media(max-width:767px){.nav .pp-logo{height:38px;max-width:180px}}

/* Profit Max SVG icon spacing — keep existing container shapes */
.engine-core-icon img.pp-pulse-icon,
.engine-core-icon img[src*="pulse-icon.svg"]{
  width:72% !important;
  height:72% !important;
  object-fit:contain !important;
  margin:auto !important;
}
.compare-head-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:9px !important;
  box-sizing:border-box !important;
}
.compare-head-icon .pp-pulse-icon{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}


/* Profit Max header lockup */
.profit-max-brand{
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  text-decoration:none!important;
}
.profit-max-brand-icon{
  width:34px;
  height:34px;
  display:block;
  object-fit:contain;
}
.profit-max-brand-name{
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:23px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.02em;
  color:#16171F;
  white-space:nowrap;
}

/* Footer privacy */
.footer-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.privacy-link{
  appearance:none;border:0;background:none;padding:0;
  color:#B3A9FB;font:inherit;font-weight:600;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;
}
.privacy-link:hover{color:#E9E7FF}

/* Privacy modal */
.privacy-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}
.privacy-modal.is-open{display:flex}
.privacy-backdrop{position:absolute;inset:0;background:rgba(22,23,31,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.privacy-dialog{
  position:relative;z-index:1;width:min(900px,100%);max-height:min(86vh,900px);
  display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid #E3E4EB;border-radius:24px;
  box-shadow:0 30px 90px rgba(22,23,31,.28);
}
.privacy-modal-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:24px;
  padding:26px 30px 22px;border-bottom:1px solid #E3E4EB;
  background:linear-gradient(135deg,#F4F3FF 0%,#fff 72%);
}
.privacy-eyebrow{
  display:block;margin-bottom:6px;color:#6C57E0;
  font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
.privacy-modal-head h2{margin:0;color:#16171F;font-size:30px;line-height:1.1}
.privacy-close{
  flex:0 0 42px;width:42px;height:42px;border-radius:50%;
  border:1px solid #E3E4EB;background:#fff;color:#16171F;
  font-size:28px;line-height:1;cursor:pointer;
}
.privacy-close:hover{background:#E9E7FF;border-color:#B3A9FB;color:#4835A8}
.privacy-scroll{overflow:auto;padding:28px 30px 34px;color:#5A5E70;line-height:1.7}
.privacy-scroll > h2:first-child{display:none}
.privacy-scroll h3{margin:28px 0 9px;color:#16171F;font-size:20px;line-height:1.3}
.privacy-scroll h4{margin:20px 0 7px;color:#1E2029;font-size:16px}
.privacy-scroll p{margin:0 0 13px;color:#5A5E70}
.privacy-scroll ul{margin:6px 0 17px;padding-left:22px;color:#5A5E70}
.privacy-scroll li{margin:5px 0}
.privacy-scroll li::marker{color:#6C57E0}
.privacy-scroll a{color:#4835A8;text-decoration:underline;text-underline-offset:2px}
.privacy-updated{font-weight:700;color:#4835A8!important}
body.privacy-open{overflow:hidden}

@media(max-width:767px){
  .profit-max-brand-icon{width:30px;height:30px}
  .profit-max-brand-name{font-size:20px}
  .footer-meta{justify-content:flex-start;gap:10px 16px}
  .privacy-modal{padding:12px}
  .privacy-dialog{max-height:92vh;border-radius:18px}
  .privacy-modal-head{padding:20px 18px 16px}
  .privacy-modal-head h2{font-size:25px}
  .privacy-scroll{padding:22px 18px 28px}
}



/* Privacy modal top-spacing fix */
.privacy-dialog{
  padding:0!important;
}
.privacy-modal-head{
  margin:0!important;
  min-height:0!important;
  padding:24px 30px 20px!important;
}
.privacy-modal-head > div{
  margin:0!important;
  padding:0!important;
}
.privacy-modal-head .privacy-eyebrow{
  margin:0 0 7px!important;
  padding:0!important;
}
.privacy-modal-head h2{
  margin:0!important;
  padding:0!important;
}
.privacy-scroll{
  margin:0!important;
}
.privacy-dialog > :first-child{
  margin-top:0!important;
}
@media(max-width:767px){
  .privacy-modal-head{padding:20px 18px 16px!important}
}



/* FINAL FIX — header icon visibility + fully isolated responsive privacy modal */

/* Keep the existing Pulse icon and only show the new Profit Max name.
   The icon gets its own Ink tile so the official light SVG remains visible. */
.profit-max-brand{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:10px!important;
}
.profit-max-brand-icon{
  width:36px!important;
  height:36px!important;
  padding:7px!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  display:block!important;
  flex:0 0 36px!important;
  background:#16171F!important;
  border-radius:10px!important;
}
.profit-max-brand-name{
  display:block!important;
  color:#16171F!important;
}

/* Completely isolate the privacy modal from global page heading/section rules. */
#privacy-modal{
  box-sizing:border-box!important;
}
#privacy-modal .privacy-dialog{
  width:min(900px,calc(100vw - 48px))!important;
  height:auto!important;
  max-height:min(86vh,900px)!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#privacy-modal .privacy-modal-head{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:24px 30px 20px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#privacy-modal .privacy-modal-head > div{
  position:static!important;
  transform:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
#privacy-modal .privacy-eyebrow{
  position:static!important;
  display:block!important;
  margin:0 0 8px!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.35!important;
}
#privacy-modal .privacy-modal-head h2{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  font-family:"Plus Jakarta Sans",sans-serif!important;
  font-size:34px!important;
  font-weight:700!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  color:#16171F!important;
  -webkit-text-fill-color:#16171F!important;
  background:none!important;
}
#privacy-modal .privacy-close{
  position:static!important;
  transform:none!important;
  flex:0 0 42px!important;
  margin:0!important;
}
#privacy-modal .privacy-scroll{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:24px 30px 34px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
}
#privacy-modal .privacy-scroll > *:first-child{
  margin-top:0!important;
}
#privacy-modal .privacy-scroll .privacy-updated{
  display:block!important;
  margin:0 0 16px!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1.5!important;
}
#privacy-modal .privacy-scroll p{
  font-size:15px!important;
  line-height:1.7!important;
}
#privacy-modal .privacy-scroll h3{
  font-size:20px!important;
  line-height:1.35!important;
  margin:28px 0 10px!important;
}
#privacy-modal .privacy-scroll h4{
  font-size:16px!important;
  line-height:1.4!important;
}

@media(max-width:767px){
  .profit-max-brand-icon{
    width:32px!important;height:32px!important;flex-basis:32px!important;padding:6px!important;
  }
  #privacy-modal{
    padding:12px!important;
  }
  #privacy-modal .privacy-dialog{
    width:100%!important;
    max-height:calc(100dvh - 24px)!important;
    border-radius:18px!important;
  }
  #privacy-modal .privacy-modal-head{
    padding:18px 18px 16px!important;
    gap:14px!important;
  }
  #privacy-modal .privacy-modal-head h2{
    font-size:27px!important;
    line-height:1.15!important;
  }
  #privacy-modal .privacy-eyebrow{
    font-size:10px!important;
    letter-spacing:.10em!important;
  }
  #privacy-modal .privacy-close{
    width:38px!important;height:38px!important;flex-basis:38px!important;
  }
  #privacy-modal .privacy-scroll{
    padding:20px 18px 26px!important;
  }
  #privacy-modal .privacy-scroll p{
    font-size:14px!important;
    line-height:1.65!important;
  }
  #privacy-modal .privacy-scroll h3{
    font-size:18px!important;
  }
}
@media(max-width:420px){
  #privacy-modal{padding:8px!important}
  #privacy-modal .privacy-dialog{max-height:calc(100dvh - 16px)!important;border-radius:16px!important}
  #privacy-modal .privacy-modal-head{padding:16px 14px 14px!important}
  #privacy-modal .privacy-modal-head h2{font-size:24px!important}
  #privacy-modal .privacy-scroll{padding:18px 14px 24px!important}
}



/* Exact uploaded header logo icon */
.profit-max-brand-icon{
  width:47px!important;
  height:31px!important;
  padding:0!important;
  flex:0 0 47px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
}
.profit-max-brand-icon svg{
  display:block!important;
  width:47px!important;
  height:auto!important;
  max-width:none!important;
}
@media(max-width:767px){
  .profit-max-brand-icon{
    width:41px!important;
    height:27px!important;
    flex-basis:41px!important;
    padding:0!important;
  }
  .profit-max-brand-icon svg{
    width:41px!important;
    height:auto!important;
  }
}



/* Header — exact complete Profit Max logo supplied by user */
.profit-max-brand.profit-max-complete-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  height:auto!important;
  gap:0!important;
  text-decoration:none!important;
}
.profit-max-complete-logo-art{
  display:block!important;
  width:178px!important;
  height:auto!important;
  line-height:0!important;
  flex:0 0 auto!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
}
.profit-max-complete-logo-art svg{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  overflow:visible!important;
}
@media(max-width:767px){
  .profit-max-complete-logo-art{
    width:150px!important;
  }
}
@media(max-width:420px){
  .profit-max-complete-logo-art{
    width:136px!important;
  }
}



/* Header — official Profit Max PNG logo */
.profit-max-brand.profit-max-complete-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  height:auto!important;
  gap:0!important;
  text-decoration:none!important;
}
.profit-max-header-logo-img{
  display:block!important;
  width:216px!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:767px){
  .profit-max-header-logo-img{width:150px!important}
}
@media(max-width:420px){
  .profit-max-header-logo-img{width:136px!important}
}



/* =========================================================
   FINAL RESPONSIVE SAFETY PASS
   Prevent horizontal canvas overflow on phones/tablets
   ========================================================= */
html,body{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,iframe{max-width:100%}
.wrap,
.nav-inner,
.product-section .wrap,
.product-demo,
.demo-copy,
.ui,
.alert-card,
.tab-visual,
.diff-engine-layout,
.diff-engine-visual,
.compare,
.compare-premium-columns,
.foundation,
.controls-grid,
.recognition-awards-grid,
.resource-grid,
.final,
.final .wrap{
  min-width:0!important;
  max-width:100%;
}

@media(max-width:900px){
  .product-section{
    overflow:hidden!important;
  }
  .product-section .wrap{
    width:calc(100% - 32px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .product-demo{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:24px!important;
  }
  .demo-copy,
  .product-demo .ui,
  .ui{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .demo-copy{
    padding-left:0!important;
    padding-right:0!important;
  }
  .product-section .tabs{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain;
  }
  .product-section .tab{
    flex:0 0 auto!important;
    max-width:none!important;
  }
  .tab-visual,
  .tab-visual img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }
}

@media(max-width:767px){
  .wrap,
  .product-section .wrap{
    width:calc(100% - 28px)!important;
  }
  section{
    max-width:100vw!important;
    overflow-x:hidden;
  }
  .product-demo .ui,
  .ui{
    grid-template-columns:minmax(0,1fr)!important;
    padding:10px!important;
    border-radius:20px!important;
  }
  .sidebar{display:none!important}
  .demo-copy h3{
    font-size:clamp(30px,9vw,38px)!important;
    overflow-wrap:anywhere;
  }
  .demo-copy p,
  .alert-card,
  .alert-card *{
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  .diff-feature-grid,
  .impact-screenshot-grid,
  .enterprise-capability-grid,
  .resource-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .compare-row,
  .compare-premium-columns{
    min-width:0!important;
  }
}

@media(max-width:420px){
  .wrap,
  .product-section .wrap{
    width:calc(100% - 24px)!important;
  }
  .product-section .tabs{
    margin-right:0!important;
  }
}



/* FINAL FOOTER SPACING FIX
   Bring the two footer lines closer together and remove bottom dead space. */
footer{
  padding-bottom:0!important;
}
footer .wrap{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.footer-meta{
  row-gap:6px!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.footer-meta > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
footer p{
  margin-top:0!important;
  margin-bottom:0!important;
}
@media(max-width:767px){
  footer{
    padding-bottom:0!important;
  }
  footer .wrap{
    padding-bottom:0!important;
  }
  .footer-meta{
    row-gap:5px!important;
  }
}



/* FINAL FOOTER — balanced vertical padding */
footer{
  padding-top:18px!important;
  padding-bottom:18px!important;
}
footer .wrap{
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.footer-meta{
  margin:0!important;
  padding:0!important;
  row-gap:6px!important;
  align-items:center!important;
}
.footer-meta > *,
footer p{
  margin-top:0!important;
  margin-bottom:0!important;
}
@media(max-width:767px){
  footer{
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
}



/* FINAL FOOTER ROW GAP — keep outer padding, tighten only the two rows */
footer .wrap{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
}
footer .footer-meta{
  row-gap:0!important;
}
footer .wrap > *,
footer .footer-meta,
footer .footer-meta > *,
footer p{
  margin-top:0!important;
  margin-bottom:0!important;
}
@media(max-width:767px){
  footer .wrap{gap:6px!important}
}



/* Footer desktop/single-row alignment only.
   Preserve the existing two-row/mobile footer behavior. */
@media(min-width:768px){
  footer .wrap{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
  }
  footer .wrap > p{
    flex:0 0 auto!important;
    margin:0!important;
    line-height:1.4!important;
  }
  footer .footer-meta{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:22px!important;
    margin:0!important;
    padding:0!important;
    line-height:1.4!important;
  }
  footer .footer-meta > *{
    margin:0!important;
    line-height:1.4!important;
  }
}



/* Footer stacked/two-row alignment only — center second row like copyright */
@media(max-width:767px){
  footer .wrap{
    align-items:center!important;
    text-align:center!important;
  }
  footer .wrap > p{
    width:100%!important;
    text-align:center!important;
  }
  footer .footer-meta{
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    column-gap:20px!important;
    row-gap:5px!important;
    text-align:center!important;
  }
  footer .footer-meta > *{
    text-align:center!important;
  }
}



/* =========================================================
   PLATFORM STATEMENT — animated left-side visual enhancement
   ========================================================= */
.platform-statement .platform-label,
.platform-statement .statement-label,
.platform-statement .statement-left{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}

/* Soft moving Iris atmosphere */
.platform-statement .platform-label::before,
.platform-statement .statement-label::before,
.platform-statement .statement-left::before{
  content:""!important;
  position:absolute!important;
  width:240px!important;
  height:240px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(108,87,224,.16) 0%,rgba(142,123,242,.08) 42%,transparent 70%)!important;
  filter:blur(2px);
  animation:pmLeftGlow 7s ease-in-out infinite!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Orbiting decision signal */
.platform-statement .platform-label::after,
.platform-statement .statement-label::after,
.platform-statement .statement-left::after{
  content:""!important;
  position:absolute!important;
  width:118px!important;
  height:118px!important;
  left:50%!important;
  top:50%!important;
  margin:-59px 0 0 -59px!important;
  border:1px solid rgba(108,87,224,.20)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 0,#6C57E0 0 3px,#fff 4px 6px,transparent 7px),
    radial-gradient(circle at 100% 52%,#8E7BF2 0 3px,#fff 4px 6px,transparent 7px),
    radial-gradient(circle at 16% 84%,#4835A8 0 3px,#fff 4px 6px,transparent 7px)!important;
  box-shadow:
    0 0 0 28px rgba(108,87,224,.035),
    0 0 0 58px rgba(108,87,224,.025)!important;
  animation:pmOrbit 14s linear infinite!important;
  pointer-events:none!important;
  z-index:-1!important;
}

.platform-statement .platform-label > *,
.platform-statement .statement-label > *,
.platform-statement .statement-left > *{
  position:relative!important;
  z-index:2!important;
}

/* Keep PROFIT MAX legible above the animation */
.platform-statement .platform-label,
.platform-statement .statement-label,
.platform-statement .statement-left{
  color:#6C57E0!important;
}

@keyframes pmOrbit{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes pmLeftGlow{
  0%,100%{opacity:.58;transform:translate(-50%,-50%) scale(.88)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
}

/* Respect accessibility and keep small-screen composition clean */
@media(prefers-reduced-motion:reduce){
  .platform-statement .platform-label::before,
  .platform-statement .statement-label::before,
  .platform-statement .statement-left::before,
  .platform-statement .platform-label::after,
  .platform-statement .statement-label::after,
  .platform-statement .statement-left::after{
    animation:none!important;
  }
}
@media(max-width:767px){
  .platform-statement .platform-label::after,
  .platform-statement .statement-label::after,
  .platform-statement .statement-left::after{
    width:92px!important;
    height:92px!important;
    margin:-46px 0 0 -46px!important;
    box-shadow:0 0 0 22px rgba(108,87,224,.035),0 0 0 42px rgba(108,87,224,.025)!important;
  }
  .platform-statement .platform-label::before,
  .platform-statement .statement-label::before,
  .platform-statement .statement-left::before{
    width:190px!important;
    height:190px!important;
  }
}



/* PLATFORM LEFT VISUAL — actual visible markup */
#platform .statement .platform-left-stage{
  position:relative!important;
  min-height:180px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
#platform .platform-left-label{
  position:relative!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:8px 16px!important;
  border:1px solid rgba(108,87,224,.20)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 8px 24px rgba(72,53,168,.08)!important;
  backdrop-filter:blur(8px)!important;
  color:#6C57E0!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#platform .platform-signal-art{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:156px!important;
  height:156px!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
}
#platform .signal-ring{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
}
#platform .signal-ring-1{
  width:112px!important;
  height:112px!important;
  border:1px solid rgba(108,87,224,.34)!important;
  box-shadow:0 0 0 20px rgba(108,87,224,.045)!important;
  animation:pmSignalSpin 10s linear infinite!important;
}
#platform .signal-ring-2{
  width:154px!important;
  height:154px!important;
  border:1px dashed rgba(142,123,242,.28)!important;
  animation:pmSignalSpinReverse 16s linear infinite!important;
}
#platform .signal-core{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  background:radial-gradient(circle at 35% 30%,#B3A9FB 0%,#8E7BF2 34%,#6C57E0 72%,#4835A8 100%)!important;
  box-shadow:0 0 0 9px rgba(108,87,224,.08),0 12px 30px rgba(72,53,168,.22)!important;
  animation:pmSignalPulse 3s ease-in-out infinite!important;
}
#platform .signal-core:after{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 14px rgba(255,255,255,.9)!important;
}
#platform .signal-dot{
  position:absolute!important;
  width:10px!important;
  height:10px!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:#6C57E0!important;
  box-shadow:0 4px 12px rgba(72,53,168,.28)!important;
  z-index:3!important;
}
#platform .signal-dot-1{left:73px!important;top:16px!important;animation:pmDotFloat 3.2s ease-in-out infinite!important}
#platform .signal-dot-2{right:12px!important;top:88px!important;animation:pmDotFloat 3.8s ease-in-out .5s infinite!important}
#platform .signal-dot-3{left:18px!important;bottom:24px!important;animation:pmDotFloat 3.5s ease-in-out 1s infinite!important}
#platform .signal-line{
  position:absolute!important;
  height:1px!important;
  transform-origin:left center!important;
  background:linear-gradient(90deg,rgba(108,87,224,0),rgba(108,87,224,.32),rgba(108,87,224,0))!important;
}
#platform .signal-line-1{width:132px!important;left:12px!important;top:78px!important;transform:rotate(26deg)!important}
#platform .signal-line-2{width:126px!important;left:18px!important;top:84px!important;transform:rotate(-30deg)!important}

@keyframes pmSignalSpin{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes pmSignalSpinReverse{
  from{transform:translate(-50%,-50%) rotate(360deg)}
  to{transform:translate(-50%,-50%) rotate(0deg)}
}
@keyframes pmSignalPulse{
  0%,100%{transform:translate(-50%,-50%) scale(.94);box-shadow:0 0 0 9px rgba(108,87,224,.08),0 12px 30px rgba(72,53,168,.20)}
  50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 0 16px rgba(108,87,224,.045),0 16px 36px rgba(72,53,168,.28)}
}
@keyframes pmDotFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@media(max-width:900px){
  #platform .statement .platform-left-stage{
    min-height:128px!important;
  }
  #platform .platform-signal-art{
    width:118px!important;height:118px!important;
    transform:translate(-50%,-50%) scale(.76)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #platform .signal-ring-1,#platform .signal-ring-2,#platform .signal-core,#platform .signal-dot{
    animation:none!important;
  }
}



/* MOBILE PLATFORM VISUAL FIX
   Remove the stray empty rounded rectangle while preserving the signal animation. */
@media(max-width:900px){
  #platform .statement .platform-left-stage::before,
  #platform .statement .platform-left-stage::after{
    content:none!important;
    display:none!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  /* Earlier decorative pseudo-elements were attached to the original eyebrow.
     The new real signal artwork replaces them on smaller screens. */
  #platform .platform-left-stage.platform-label::before,
  #platform .platform-left-stage.platform-label::after,
  #platform .platform-left-stage.statement-label::before,
  #platform .platform-left-stage.statement-label::after{
    content:none!important;
    display:none!important;
  }
}


/* ===== Sidekick update: new components (uses existing Profit Max tokens) ===== */
.hero h1 .sk-fixed{display:block}
.hero h1 .sk-rotating{display:block;margin-top:.06em;font-size:.62em;line-height:1.16;min-height:1.2em;transition:opacity .25s ease,transform .25s ease}
.hero h1 .sk-rotating.changing{opacity:0;transform:translateY(8px)}
.sk-pause{display:inline-flex;align-items:center;gap:8px;margin:0 auto 26px;padding:7px 14px;border:1px solid #E3E4EB;border-radius:999px;background:rgba(255,255,255,.85);color:#5A5E70;font-size:12px;font-weight:500;cursor:pointer;transition:.2s ease}
.sk-pause:hover{border-color:#B3A9FB;color:#16171F}
.sk-pause:focus-visible,.sk-q:focus-visible,.tab:focus-visible,.sk-arrow:focus-visible,.sk-pin-btn:focus-visible,.work-pause:focus-visible,.sk-faq summary:focus-visible{outline:2px solid #8E7BF2;outline-offset:3px}
.hero .wrap > p.hero-sub-note{margin:22px 0 0;font-size:14px;line-height:1.5;color:#5A5E70}
.work-pause{margin-left:14px;padding:4px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:transparent;color:#fff;font-size:11px;cursor:pointer}
.work-ticker-track.paused{animation-play-state:paused!important}

/* Topic explorer */
.sk-demo-top{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.sk-icon-chip{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(142,123,242,.16);color:#B3A9FB}
.sk-icon-chip svg{width:24px;height:24px}
.sk-demo-nav{display:flex;align-items:center;gap:12px}
.sk-arrow{width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#fff;font-size:17px;cursor:pointer;transition:.2s ease}
.sk-arrow:hover{border-color:rgba(142,123,242,.5);background:rgba(142,123,242,.18)}
.sk-count{font-size:12px;letter-spacing:.14em;color:#9A9DAC}
.sk-chat{width:100%;align-self:stretch;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:20px;background:#fff;box-shadow:0 12px 42px rgba(72,53,168,.12)}
.sk-chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid #EEEDF8;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#6C57E0}
.sk-chat-head span{letter-spacing:0;text-transform:none;font-weight:400;color:#5A5E70;font-size:13px}
.sk-chat .sk-hint{margin:0;font-size:13px;color:#5A5E70!important}
.sk-qa{display:flex;flex-direction:column;gap:10px}
.sk-q{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid #E3E4EB;border-radius:16px;background:linear-gradient(145deg,#fff,#F4F3FF);color:#16171F;font-size:15px;line-height:1.45;font-weight:500;cursor:pointer;transition:.25s ease}
.sk-q:hover{border-color:#B3A9FB;transform:translateY(-2px);box-shadow:0 10px 26px rgba(142,123,242,.14)}
.sk-q .sk-chev{flex:0 0 auto;color:#8E7BF2;transition:transform .25s ease;font-size:18px}
.sk-q[aria-expanded="true"]{background:var(--pp-grad);border-color:transparent;color:#fff}
.sk-q[aria-expanded="true"] .sk-chev{color:#fff;transform:rotate(180deg)}
.sk-answer{display:none;margin:-2px 0 4px 18px;padding:16px 18px;border-left:3px solid #8E7BF2;border-radius:0 14px 14px 14px;background:#F4F3FF;color:#2A2C38;font-size:14.5px;line-height:1.65}
.sk-answer.open{display:block;animation:skFade .35s ease}
.sk-answer b{display:block;margin-bottom:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6C57E0;font-weight:600}
.sk-chat .sk-note{margin:0;font-size:11px;color:#8A8DA0!important;letter-spacing:.04em}
@keyframes skFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Pin section */
.sk-head{max-width:820px;margin:0 auto 54px;text-align:center}
.sk-head h2{font-size:clamp(40px,5vw,64px);line-height:1.16;margin:0 0 20px}
.sk-head p{font-size:18px;line-height:1.65;margin:0 auto;max-width:640px}
.sk-feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:64px}
.sk-feature:last-child{margin-bottom:0}
.sk-feature.reverse .sk-feature-copy{order:2}
.sk-feature-copy h3{font-size:clamp(30px,3.2vw,44px);line-height:1.2;margin:0 0 18px}
.sk-feature-copy p{font-size:17px;line-height:1.7;margin:0 0 14px}
.sk-board{position:relative;overflow:hidden;padding:26px;border-radius:28px;border:1px solid #E3E4EB;background:radial-gradient(circle at 90% 6%,rgba(142,123,242,.18),transparent 34%),linear-gradient(145deg,#fff,#F4F3FF);box-shadow:0 24px 64px rgba(22,23,31,.08)}
.sk-board-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;font-family:"Plus Jakarta Sans",sans-serif;font-size:18px;font-weight:500;color:#16171F}
.sk-live{font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#047B5D;background:#E6F6F1;padding:4px 10px;border-radius:999px;white-space:nowrap}
.sk-todo{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:10px;border:1px solid #E9E7FF;border-radius:16px;background:#fff;font-size:15px;font-weight:500;color:#16171F;animation:skFade .35s ease}
.sk-todo small{display:block;margin-top:2px;font-weight:400;font-size:12px;color:#5A5E70}
.sk-check{flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:2px solid #B3A9FB;background:#fff}
.sk-todo.done .sk-check{background:var(--pp-grad);border-color:transparent;position:relative}
.sk-todo.done .sk-check:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.sk-pin-btn{display:inline-flex;align-items:center;gap:8px;margin-top:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1px dashed #8E7BF2;background:#fff;color:#6C57E0;font-weight:500;font-size:14px;cursor:pointer;transition:.25s ease}
.sk-pin-btn:hover:not(:disabled){background:#F4F3FF;transform:translateY(-2px)}
.sk-pin-btn[aria-pressed="true"],.sk-pin-btn:disabled{background:var(--pp-grad);border-color:transparent;color:#fff;border-style:solid}
.sk-msg{min-height:20px;margin:10px 0 0;font-size:12.5px;color:#047B5D}
.sk-caption{margin-top:6px;font-size:11px;letter-spacing:.06em;color:#9A9DAC}
.sk-saved{padding:18px;border:1px solid #E9E7FF;border-radius:18px;background:#fff}
.sk-saved small{display:block;font-size:10.5px;letter-spacing:.12em;color:#6C57E0;font-weight:600}
.sk-saved strong{display:block;margin:8px 0 14px;font-family:"Plus Jakarta Sans",sans-serif;font-size:20px;font-weight:500;color:#16171F}
.sk-table{width:100%;border-collapse:collapse;font-size:13.5px}
.sk-table th{text-align:left;padding:8px 6px;font-size:10.5px;letter-spacing:.1em;color:#9A9DAC;font-weight:600;border-bottom:1px solid #EEEDF8}
.sk-table td{padding:11px 6px;border-bottom:1px solid #F2F1FA;color:#2A2C38}
.sk-table td:nth-child(2){font-weight:600;color:#6C57E0}
.sk-tablewrap{overflow-x:auto}

/* Video block */
.sk-action{background:#fff;padding:104px 0}
.sk-video{position:relative;margin:48px auto 0;max-width:1000px;aspect-ratio:16/9;border-radius:30px;overflow:hidden;display:grid;place-items:center;text-align:center;color:#fff;border:1px solid rgba(142,123,242,.3);background:radial-gradient(circle at 85% 10%,rgba(142,123,242,.40),transparent 38%),radial-gradient(circle at 8% 92%,rgba(108,87,224,.35),transparent 36%),linear-gradient(135deg,#16171F,#201D35);box-shadow:0 28px 80px rgba(142,123,242,.22)}
.sk-video-play{width:84px;height:84px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--pp-grad);box-shadow:0 14px 40px rgba(142,123,242,.45)}
.sk-video-play svg{width:30px;height:30px;margin-left:4px}
.sk-video h3{margin:0 0 8px;font-size:clamp(24px,3vw,38px);color:#fff}
.sk-video p{margin:0;color:#B8BBCB;font-size:16px}
.sk-video-label{position:absolute;left:22px;bottom:18px;font-size:10.5px;letter-spacing:.14em;color:#9A9DAC}
.sk-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Compare cards: 3-step grid + faq */
.sk-compare-sub{display:block;margin-top:6px;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.12em;font-weight:500;color:#8E7BF2}
.foundation-grid.sk-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.foundation-grid.sk-three .foundation-card{min-height:280px}
.sk-faq{background:#F6F7F9;padding:104px 0}
.sk-faq .sk-head{margin-bottom:40px}
.sk-faq-list{max-width:860px;margin:0 auto;display:grid;gap:12px}
.sk-faq details{border:1px solid #E3E4EB;border-radius:20px;background:#fff;padding:0 26px;transition:.25s ease}
.sk-faq details[open]{border-color:#B3A9FB;box-shadow:0 16px 40px rgba(142,123,242,.12)}
.sk-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;font-family:"Plus Jakarta Sans",sans-serif;font-size:19px;font-weight:500;color:#16171F}
.sk-faq summary::-webkit-details-marker{display:none}
.sk-faq summary:after{content:"+";flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#E9E7FF;color:#6C57E0;font-size:20px;line-height:1}
.sk-faq details[open] summary:after{content:"–"}
.sk-faq details p{margin:0;padding:0 0 24px;font-size:16px;line-height:1.7}
.final .final-note{margin-top:18px}
@media(max-width:900px){
  .sk-feature{grid-template-columns:minmax(0,1fr);gap:30px;margin-bottom:48px}
  .sk-feature.reverse .sk-feature-copy{order:0}
  .foundation-grid.sk-three{grid-template-columns:minmax(0,1fr)}
  .sk-chat{padding:16px}
  .sk-action,.sk-faq{padding:76px 0}
  .sk-video{border-radius:22px}
  .sk-video-play{width:64px;height:64px;margin-bottom:14px}
  .hero h1 .sk-rotating{font-size:.7em}
}
@media(prefers-reduced-motion:reduce){.sk-answer.open,.sk-todo{animation:none!important}.hero h1 .sk-rotating{transition:none}}

.demo-copy .micro#sk-topic-name{color:#B3A9FB!important}
.sk-feature-copy p,.sk-head p{color:#5A5E70!important}

/* ===== Targeted October refinement — preserve existing brand/page styles ===== */
#platform.pm-section-hidden,.pm-section-hidden{display:none!important}
.hero-sub-note{display:block!important;text-align:center!important;margin:25px auto 0!important;width:100%!important;max-width:760px!important}
.hero .pm-hero-ctas{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:28px auto 0!important}
.hero .pm-install-cta{font-size:17px!important;font-weight:600!important;min-height:62px!important;padding:16px 34px!important;min-width:min(100%,380px)!important;box-shadow:0 18px 38px rgba(108,87,224,.24)!important;animation:pmCtaBreath 3.8s ease-in-out infinite}
.hero .pm-book-cta{font-size:12px!important;min-height:37px!important;padding:8px 19px!important;box-shadow:none!important;background:transparent!important;color:#4835A8!important;border-color:#B3A9FB!important}
#experience .sk-qa{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}
#experience .pm-qa-card{width:100%;min-width:0;border:1px solid rgba(179,169,251,.23);border-radius:17px;background:rgba(255,255,255,.96);padding:17px 21px;box-shadow:0 5px 20px rgba(22,23,31,.035);animation:pmQaIn .5s ease both}
#experience .pm-qa-card:nth-child(2){animation-delay:.07s}#experience .pm-qa-card:nth-child(3){animation-delay:.14s}
#experience .pm-qa-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 9px}
#experience .pm-qa-icon{color:#6C57E0;background:#F4F3FF;border-radius:10px;width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;font-size:18px}
#experience .pm-qa-question{margin:2px 0 0!important;font-size:15px!important;line-height:1.45!important;color:#16171F!important;font-weight:600!important;letter-spacing:0!important;overflow-wrap:anywhere}
#experience .pm-qa-answer{margin:0 0 0 40px!important;font-size:13px!important;line-height:1.6!important;color:#5A5E70!important;overflow-wrap:anywhere}
#experience .sk-hint{font-size:12px!important;color:#5A5E70!important;margin:0 0 13px!important}
#experience .sk-note{margin:18px 0 0!important;color:#5A5E70!important;font-size:11px!important;line-height:1.55!important}
/* Heading spacing: cancel cramped negative tracking without changing scale. */
h1,h2,h3,h4,h5,h6,.sk-fixed,.sk-rotating,.gradient-text{letter-spacing:0!important}
@keyframes pmQaIn{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pmCtaBreath{0%,100%{box-shadow:0 14px 32px rgba(108,87,224,.20)}50%{box-shadow:0 20px 48px rgba(108,87,224,.34)}}
@media(max-width:767px){
 .hero .pm-install-cta{font-size:15px!important;min-height:57px!important;min-width:0!important;width:100%!important;max-width:420px!important;padding:13px 19px!important}
 .hero .pm-book-cta{font-size:12px!important;width:auto!important;max-width:100%!important}
 #experience .pm-qa-card{padding:15px!important}
 #experience .pm-qa-answer{margin-left:0!important;font-size:12.5px!important}
 #experience .pm-qa-question{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){.hero .pm-install-cta,#experience .pm-qa-card{animation:none!important}}

/* Requested hero refinements — keep other sections unchanged */
.hero h1 .sk-rotating{font-size:.48em!important}
.final h2{letter-spacing:0!important}
@media(min-width:768px){
  .hero .pm-install-cta{font-size:20px!important}
}
.hero .pm-install-cta{gap:8px}
.hero .pm-install-arrow{display:inline-block;flex:0 0 auto;transition:transform .26s ease;transform:translate(0,0)}
.hero .pm-install-cta:hover .pm-install-arrow,
.hero .pm-install-cta:focus-visible .pm-install-arrow{transform:translate(4px,-4px)}
@media(prefers-reduced-motion:reduce){.hero .pm-install-arrow{transition:none!important}}

/* Hero primary CTA: override global .hero .hero-actions .btn font-size rule.
   The primary button owns exactly one animated arrow; the secondary CTA is untouched. */
.hero .hero-actions a.btn.pm-install-cta::after{content:none!important;display:none!important}
.hero .hero-actions a.btn.pm-install-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap;
  column-gap:13px!important;
  text-align:center!important;
}
.hero .hero-actions a.btn.pm-install-cta .pm-install-arrow{
  display:inline-block!important;
  font-size:1.18em!important;
  line-height:1!important;
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  transition:transform .28s ease!important;
  will-change:transform;
}
.hero .hero-actions a.btn.pm-install-cta:hover .pm-install-arrow,
.hero .hero-actions a.btn.pm-install-cta:focus-visible .pm-install-arrow{
  transform:translate3d(6px,-5px,0)!important;
}
@media(min-width:768px){
  .hero .hero-actions a.btn.pm-install-cta{
    font-size:20px!important;
    line-height:1.3!important;
    min-height:68px!important;
    padding:17px 35px!important;
  }
}
@media(max-width:767px){
  .hero .hero-actions a.btn.pm-install-cta{font-size:15px!important;line-height:1.35!important}
}
@media(prefers-reduced-motion:reduce){
 .hero .hero-actions a.btn.pm-install-cta .pm-install-arrow{transition:none!important}
}


/* Topic explorer heading and description: each spans the full content width */
#experience .product-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
}
#experience .product-head h2,
#experience .product-head p{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
#experience .product-head p{margin-top:0!important;line-height:1.65!important}
@media(max-width:767px){
  #experience .product-head{gap:12px!important}
}


/* Section eyebrow capsules — matching the existing hero eyebrow language */
main section .eyebrow:not(.platform-left-stage){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  width:fit-content!important;
  max-width:100%!important;
  padding:10px 16px!important;
  margin-bottom:24px!important;
  border:1px solid rgba(142,123,242,.22)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.85)!important;
  box-shadow:0 10px 30px rgba(72,53,168,.06)!important;
  color:#6C57E0!important;
  font-size:12px!important;
  line-height:1.5!important;
  letter-spacing:.10em!important;
  text-align:left!important;
  vertical-align:middle!important;
  white-space:normal!important;
}
main section .eyebrow:not(.platform-left-stage)::before{
  content:"";
  display:inline-block;
  flex:0 0 7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#8E7BF2;
  box-shadow:0 0 0 5px rgba(142,123,242,.12);
}
/* Dark sections need a subtle dark capsule, not a white strip. */
main section.product-section .eyebrow:not(.platform-left-stage),
main section.foundation .eyebrow:not(.platform-left-stage){
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(179,169,251,.30)!important;
  color:#E9E7FF!important;
  box-shadow:none!important;
}
main section.final .eyebrow:not(.platform-left-stage){
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(179,169,251,.3)!important;
  color:#E9E7FF!important;
}
@media(max-width:767px){
  main section .eyebrow:not(.platform-left-stage){
    padding:9px 13px!important;
    font-size:10px!important;
    margin-bottom:18px!important;
  }
}
@media (max-width: 460px) {
    .compare-profit-pulse:after {
        top: 0px;
        right: 10px;
    }