/* Rankex / Kinetic editorial system */
:root{--o:#ff5a00;--o2:#ff8a4c;--ink:#09102b;--black:#101116;--paper:#f4f1eb;--white:#fff;--line:rgba(9,16,43,.15);--muted:#656975;--green:#22c55e;--ease:cubic-bezier(.16,1,.3,1);--sora:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue','Segoe UI',sans-serif;--inter:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue','Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--black);font:16px/1.6 var(--inter);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1380px,calc(100% - 72px));margin:auto}.section{padding:clamp(100px,10vw,180px) 0;position:relative}h1,h2,h3{font-family:var(--sora);color:var(--ink);letter-spacing:-.065em;margin:0;line-height:.94}h1{font-size:clamp(4.3rem,7vw,7.4rem);font-weight:600}h2{font-size:clamp(3.2rem,6vw,6.2rem);font-weight:600}h3{font-size:1.5rem}.skip-link{position:fixed;z-index:1000;left:16px;top:12px;transform:translateY(-160%);padding:10px 16px;background:var(--ink);color:#fff}.skip-link:focus{transform:none}:focus-visible{outline:3px solid rgba(255,90,0,.45);outline-offset:4px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 26px;font:700 .68rem/1 var(--inter);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.eyebrow>span{display:block;width:36px;height:2px;background:var(--o)}.eyebrow.light{color:#fff}.button{min-height:58px;padding:0 29px;border:1px solid var(--o);border-radius:2px;background:var(--o);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;transition:color .35s,transform .35s,border-color .35s}.button:before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(103%);transition:transform .45s var(--ease)}.button>*{position:relative}.button:hover{transform:translateY(-3px);border-color:var(--ink)}.button:hover:before{transform:none}.button-secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button-secondary:before{background:var(--ink)}.button-secondary:hover{color:#fff}.button-dark{background:var(--ink);border-color:var(--ink)}.button-dark:before{background:var(--o)}.button-small{min-height:44px;padding:0 20px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.play{font-size:.7rem}.reveal{opacity:0;transform:translateY(70px) skewY(1.5deg);transition:opacity 1s var(--ease),transform 1.15s var(--ease)}.reveal.visible{opacity:1;transform:none}
.page-progress{position:fixed;z-index:999;top:0;left:0;width:100%;height:3px;background:rgba(9,16,43,.08);pointer-events:none}.page-progress i{display:block;width:100%;height:100%;background:var(--o);transform:scaleX(var(--progress,0));transform-origin:left}.cursor-light{position:fixed;z-index:0;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,0,.08),transparent 67%);transform:translate(-50%,-50%);pointer-events:none;left:var(--mx,-500px);top:var(--my,-500px)}.section-index{position:absolute;top:34px;right:36px;font:600 .65rem var(--sora);letter-spacing:.15em;color:rgba(9,16,43,.42)}
.site-header{position:fixed;inset:0 0 auto;height:86px;z-index:100;transition:.4s}.site-header.scrolled{height:70px;background:rgba(244,241,235,.86);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav-shell{height:100%;width:min(1420px,calc(100% - 60px));margin:auto;display:flex;align-items:center}.brand{width:130px;display:flex}.brand img{object-fit:contain}.desktop-nav{display:flex;gap:38px;margin:auto}.desktop-nav a,.login{font-size:.84rem;font-weight:700}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--o);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}.nav-actions{display:flex;align-items:center;gap:22px}.menu-toggle,.mobile-menu{display:none}
.hero{min-height:100svh;padding:150px 0 90px;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--line) 1px,transparent 1px),linear-gradient(var(--line) 1px,transparent 1px);background-size:80px 80px;opacity:.28;mask-image:linear-gradient(90deg,#000,transparent 68%)}.hero:after{content:"EXPERIENCE / ACTION / GROWTH";position:absolute;left:-1vw;bottom:-.19em;white-space:nowrap;font:700 10.5vw/1 var(--sora);letter-spacing:-.075em;color:rgba(9,16,43,.035);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(590px,1.04fr);gap:30px;align-items:center;position:relative;z-index:2}.hero-copy{padding-bottom:45px}.hero h1{max-width:850px}.hero h1 em{font-style:normal;color:var(--o);display:inline-block}.hero h1 em:after{display:none}.hero-lead{font-size:1.17rem;line-height:1.65;color:var(--muted);max-width:570px;margin:36px 0}.assurance{font-size:.76rem;color:var(--muted);margin:18px 0 0}.assurance span{margin:0 7px;color:var(--o)}.product-story{height:650px;position:relative;perspective:1400px;transform-style:preserve-3d}.story-glow{position:absolute;inset:0;background:conic-gradient(from 210deg at 57% 47%,transparent,rgba(255,90,0,.13),transparent 42%);border-radius:50%;filter:blur(30px)}.dashboard-card{position:absolute;inset:62px -65px auto 45px;height:450px;background:#fff;border:1px solid var(--line);box-shadow:0 55px 120px rgba(9,16,43,.17);transform:rotateY(-6deg) rotateX(3deg) translateZ(0);overflow:hidden;transition:transform .2s linear}.dash-top{height:60px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:.65rem;color:var(--muted)}.dash-brand{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}.dash-brand img{object-fit:contain}.dash-top>span{border:1px solid var(--line);padding:7px 10px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 18px}.metric-row>div{border:1px solid var(--line);padding:13px}.metric-row small,.metric-row i{display:block;font-size:.56rem;color:var(--muted);font-style:normal}.metric-row strong{font:600 1.6rem var(--sora);color:var(--ink)}.metric-row .resolved strong{color:var(--green)}.dash-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;padding:0 18px}.chart,.feed{border:1px solid var(--line);padding:14px}.chart-head,.feed-head{display:flex;justify-content:space-between;font-size:.62rem}.chart-head small,.feed-head span{font-size:.52rem;color:var(--muted)}.chart svg{margin-top:20px}.gridline{stroke:#eee}.area{fill:rgba(255,90,0,.08)}.line{fill:none;stroke:var(--o);stroke-width:3;stroke-dasharray:600;stroke-dashoffset:600}.playing .line{animation:drawLine 2s 5.5s var(--ease) forwards}.feedback-item{display:grid;grid-template-columns:24px 1fr auto;gap:7px;margin-top:10px;padding:9px;background:#fff7f1;border:1px solid #ffdfcd;font-size:.52rem}.feedback-item .face{width:23px;height:23px;display:grid;place-items:center;background:#fff0e8;color:var(--o)}.feedback-item p{font-size:.46rem;margin:3px 0;color:var(--muted);line-height:1.4}.feedback-item small{font-size:.43rem;color:#9a9ca5}.feedback-item .status{background:#fff1d4;color:#956100;padding:3px 5px;height:max-content}.feedback-item.muted{background:#fff;border-color:#eee}.feedback-item.muted div{display:flex;flex-direction:column}.feedback-item .happy{color:var(--green)}.feedback-item .done{color:#15863d;background:#ebfff1}.phone-card{position:absolute;z-index:4;left:-25px;bottom:5px;width:205px;height:385px;padding:20px 16px;background:#fff;border:1px solid var(--line);box-shadow:0 35px 80px rgba(9,16,43,.2);transform:rotate(-5deg) translateZ(80px);font-size:.57rem;transition:transform .2s linear}.phone-head{display:flex;align-items:center;gap:7px;font-weight:700;margin-bottom:19px}.phone-head img{object-fit:contain}.phone-card h3{font-size:.95rem;line-height:1.1;margin:5px 0 16px}.phone-card>small{color:var(--muted)}.moods{display:flex;gap:6px}.moods button{width:49px;height:44px;background:#fff;border:1px solid var(--line);font-size:1.1rem}.moods .selected{border-color:var(--o);background:#fff0e8;color:var(--o)}.phone-card label{display:block;margin-top:14px;font-weight:700}.phone-card textarea{width:100%;height:66px;resize:none;margin-top:5px;padding:7px;border:1px solid var(--line);font-size:.52rem}.phone-submit{width:100%;border:0;background:var(--o);color:#fff;padding:10px;margin-top:8px;font-weight:700}.case-drawer{position:absolute;z-index:5;right:-55px;bottom:17px;width:300px;background:var(--ink);color:#fff;padding:18px;box-shadow:0 35px 80px rgba(9,16,43,.25);transform:rotate(3deg) translateZ(120px);font-size:.6rem;transition:transform .2s linear}.drawer-head{display:flex;justify-content:space-between}.drawer-head small{display:block;color:var(--o2);font-size:.47rem}.drawer-head b{font-size:.75rem}.drawer-head button{border:0;background:none;color:#fff}.case-drawer>p{color:#b6bbcb;border-left:2px solid var(--o);padding-left:9px}.case-drawer dl{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0}.case-drawer dt{color:#82899f;font-size:.47rem}.case-drawer dd{margin:4px 0;font-weight:700}.avatar{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8eafe;color:var(--ink);font-size:.52rem;font-style:normal}.resolve-button{width:100%;padding:10px;border:1px solid rgba(255,255,255,.18);background:#fff;color:var(--ink);font-weight:700}.pending{color:#ffc35c}.replay{position:absolute;right:5px;top:5px;border:0;background:transparent;font-size:.65rem;font-weight:700;color:var(--muted);cursor:pointer}.replay span{color:var(--o)}.demo-label{position:absolute;right:4px;bottom:-5px;font-size:.56rem;color:var(--muted)}.playing .phone-card{animation:floatIn 1s .5s var(--ease) both}.playing .feedback-item.active{animation:flashIn 1s 2.5s both}.playing .case-drawer{animation:drawerIn 1s 4s var(--ease) both}.playing [data-resolved]{animation:bump .8s 7s}.playing [data-drawer-status]{animation:resolve 1s 6s both}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes floatIn{from{opacity:0;transform:rotate(-8deg) translate(-25px,40px)}to{opacity:1;transform:rotate(-5deg) translateZ(80px)}}@keyframes flashIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes drawerIn{from{opacity:0;transform:translate(40px,30px) rotate(6deg)}to{opacity:1;transform:rotate(3deg) translateZ(120px)}}@keyframes bump{50%{transform:scale(1.18);color:var(--green)}}@keyframes resolve{50%,100%{color:#72e99a}}
.trust-strip{background:var(--o);color:#fff;border:0;overflow:hidden;transform:rotate(-1.25deg);margin:-30px -20px 0;position:relative;z-index:5}.trust-strip .shell{width:max-content;min-height:105px;display:flex;align-items:center;gap:60px;animation:marquee 24s linear infinite}.trust-strip p{font-weight:800;white-space:nowrap}.trust-strip div div{display:flex;gap:0}.trust-strip span{padding:0 34px;border-left:1px solid rgba(255,255,255,.45);font:600 .8rem var(--sora);white-space:nowrap}@keyframes marquee{to{transform:translateX(-12%)}}
.problem{padding-top:190px;background:var(--paper);overflow:hidden}.problem:before{content:"LISTEN";position:absolute;top:80px;right:-.05em;font:700 19vw/1 var(--sora);letter-spacing:-.08em;color:rgba(9,16,43,.035)}.problem .narrow{max-width:1180px}.problem>.shell>h2,.problem>.shell>.section-lead{text-align:center;margin-inline:auto}.problem>.shell>.eyebrow{justify-content:center}.section-lead{max-width:720px;color:var(--muted);font-size:1.2rem}.problem-sequence{margin-top:110px}.problem-sequence article{min-height:260px;display:grid;grid-template-columns:60px 220px 1fr;gap:40px;align-items:center;border-top:1px solid var(--line);position:relative}.problem-sequence article:last-child{border-bottom:1px solid var(--line)}.problem-sequence article:after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease);z-index:0}.problem-sequence article:hover:after{transform:scaleY(1)}.problem-sequence article>*{position:relative;z-index:1}.problem-sequence article:hover h3,.problem-sequence article:hover p,.problem-sequence article:hover .index{color:#fff}.problem-sequence .index{font:600 .7rem var(--sora);color:var(--muted);transition:color .3s}.scene{width:180px;height:130px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;clip-path:polygon(8% 0,100% 0,92% 100%,0 86%);transition:transform .5s var(--ease)}.problem-sequence article:hover .scene{transform:rotate(-4deg) scale(1.06)}.scene span{font-size:2.7rem;color:var(--ink)}.scene i{position:absolute;width:45px;height:3px;background:var(--o);bottom:24px}.problem-sequence h3{font-size:2.3rem;transition:color .3s}.problem-sequence p{max-width:620px;margin:10px 0;color:var(--muted);transition:color .3s}
.how{background:var(--ink);color:#b8bdcb;overflow:hidden;padding-block:170px}.how:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(255,90,0,.22),transparent 26%),linear-gradient(115deg,transparent 55%,rgba(255,255,255,.025) 55%)}.how h2,.how h3{color:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:80px;position:relative;z-index:2}.section-heading>div{max-width:850px}.section-heading>p{max-width:430px;color:var(--muted);font-size:1.05rem}.how .section-heading>p{color:#9fa6ba}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:2}.steps:before{content:"";position:absolute;left:8%;right:8%;top:38px;height:1px;background:linear-gradient(90deg,var(--o),rgba(255,90,0,.08))}.step{position:relative}.step>b{width:74px;height:74px;display:grid;place-items:center;background:var(--ink);border:1px solid var(--o);border-radius:50%;color:#fff;position:relative;z-index:2;margin:0 0 30px 25px;box-shadow:0 0 0 10px var(--ink),0 0 50px rgba(255,90,0,.2)}.mini{height:300px;padding:35px;background:#101938;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%);transition:transform .5s var(--ease),background .5s}.step:hover .mini,.step.is-current .mini{transform:translateY(-12px);background:#152047;border-color:rgba(255,90,0,.48)}.qr-grid{font-size:5rem;color:#fff}.mini small{color:#9299ad}.feedback-mini span{font-weight:700;color:#fff}.feedback-mini div{font-size:2rem;word-spacing:16px;margin-top:20px}.feedback-mini i{font-style:normal;color:var(--o)}.action-mini{align-items:stretch;gap:15px}.action-mini span,.action-mini em{padding:14px;border:1px solid rgba(255,255,255,.15);font-style:normal;color:#fff}.action-mini em{color:#7be09c;border-color:rgba(34,197,94,.4)}.step h3,.step>p{padding-inline:25px}.step h3{font-size:1.8rem;margin-top:26px}.step>p{color:#969eb2}
.outcomes{background:#fff}.outcomes>.shell>h2{font-size:clamp(4rem,7vw,7rem);max-width:1150px;margin-bottom:90px}.outcome-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.outcome-main{min-height:700px;background:var(--o);padding:55px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.outcome-main:after{content:"R";position:absolute;right:-.14em;bottom:-.3em;font:700 32rem/1 var(--sora);color:rgba(255,255,255,.1)}.pulse-list{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.pulse-list span{width:max-content;max-width:90%;padding:16px 20px;background:#fff;color:var(--ink);box-shadow:8px 8px 0 var(--ink);font-size:.82rem}.pulse-list span:nth-child(2){margin-left:45px}.pulse-list span:nth-child(3){margin-left:90px}.pulse-list i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--o);margin-right:8px}.pulse-list span:last-child i{background:var(--green)}.outcome-main>div:last-child{position:relative;z-index:2}.outcome-main small{font-weight:800;color:#fff}.outcome-main h3{font-size:3.1rem;color:#fff;margin:12px 0}.outcome-main p{color:#fff;max-width:650px}.outcome-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.outcome-list article{min-height:330px;padding:30px;background:var(--paper);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.outcome-list article:before{content:"";position:absolute;inset:auto 0 0;height:0;background:var(--ink);transition:height .55s var(--ease)}.outcome-list article:hover:before{height:100%}.outcome-list article>*{position:relative}.outcome-list article:hover h3,.outcome-list article:hover p{color:#fff}.outcome-list b{position:absolute;top:25px;color:var(--o)}.outcome-list h3{font-size:1.4rem;transition:color .3s}.outcome-list p{color:var(--muted);font-size:.85rem;transition:color .3s}
.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.recovery{background:var(--paper);overflow:clip}.recovery:before{content:"RECOVER";position:absolute;left:-.03em;bottom:-.18em;font:700 18vw/1 var(--sora);letter-spacing:-.08em;color:rgba(255,90,0,.06)}.recovery .split{grid-template-columns:.8fr 1.2fr}.recovery-copy{position:sticky;top:130px}.recovery-copy>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.check-list{list-style:none;padding:0;margin:35px 0}.check-list li{padding:15px 0;border-bottom:1px solid var(--line)}.check-list li:before{content:"↳";color:var(--o);font-weight:700;margin-right:12px}.recovery-ui{padding:40px;background:#fff;border:1px solid var(--line);box-shadow:22px 22px 0 var(--ink);transform:rotate(1.5deg)}.ticket-head{display:flex;justify-content:space-between}.ticket-head small{color:var(--o);font-weight:800}.ticket-head h3{font-size:1.2rem;margin-top:5px}.status{padding:5px 10px;background:#fff1d4;color:#946000;font-size:.65rem}.recovery-ui blockquote{margin:28px 0;padding:23px;background:var(--paper);border-left:3px solid var(--o);color:var(--muted)}.customer-data{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-data div{padding:13px;border:1px solid var(--line)}.customer-data small,.customer-data b{display:block;font-size:.72rem}.customer-data small{color:var(--muted)}.timeline{margin:22px 0}.timeline>div{display:flex;gap:12px;padding-bottom:18px;position:relative}.timeline>div:not(:last-child):after{content:"";position:absolute;left:10px;top:22px;height:calc(100% - 20px);border-left:1px solid var(--line)}.timeline i{width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:.6rem;font-style:normal;background:#fff}.timeline .complete i{background:var(--green);border-color:var(--green);color:#fff}.timeline span{display:flex;justify-content:space-between;flex:1;font-size:.74rem}.timeline small{color:var(--muted)}.note{display:flex;gap:10px;padding:13px;background:var(--paper)}.note p{font-size:.7rem;margin:0}.recovery-ui .button{width:100%;margin-top:17px}.example-note{display:block;text-align:center;color:var(--muted);font-size:.6rem;margin-top:10px}
.platforms{min-height:950px;display:flex;align-items:center;background:#fff;overflow:hidden}.platforms:after{content:"CONNECTED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);font:700 15vw/1 var(--sora);color:rgba(9,16,43,.025)}.platforms .shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;position:relative;z-index:2}.platform-copy p:not(.eyebrow){color:var(--muted);max-width:550px}.orbit{height:620px;position:relative;border:1px solid var(--line);border-radius:50%;animation:orbitBreathe 5s ease-in-out infinite}.orbit:before,.orbit:after{content:"";position:absolute;border:1px dashed var(--line);border-radius:50%}.orbit:before{inset:90px}.orbit:after{inset:190px}.orbit-center{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:var(--ink);display:grid;place-items:center;clip-path:polygon(16% 0,100% 0,100% 84%,84% 100%,0 100%,0 16%)}.orbit-center img{width:96px;object-fit:contain}.platform{position:absolute;z-index:4;padding:13px 20px;background:#fff;border:1px solid var(--line);box-shadow:8px 8px 0 var(--ink);font-weight:800;font-size:.76rem;animation:platformFloat 4s ease-in-out infinite}.p1{top:5%;left:40%}.p2{right:-2%;top:28%;animation-delay:-.6s}.p3{right:9%;bottom:13%;animation-delay:-1.2s}.p4{left:41%;bottom:1%;animation-delay:-1.8s}.p5{left:1%;bottom:18%;animation-delay:-2.4s}.p6{left:-3%;top:28%;animation-delay:-3s}.p7{left:25%;top:19%;animation-delay:-3.6s}@keyframes orbitBreathe{50%{transform:scale(1.025)}}@keyframes platformFloat{50%{transform:translateY(-10px)}}
.pro{background:var(--ink);color:#b3b9ca;overflow:hidden}.pro:before{content:"PRO";position:absolute;right:-.1em;top:-.18em;font:700 34vw/1 var(--sora);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055)}.pro h2,.pro h3{color:#fff}.pro-intro{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:70px;position:relative;z-index:2}.pro-intro>div{max-width:900px}.pro-intro>p{max-width:420px}.team-board{position:relative;z-index:2;padding:42px;background:#fff;color:var(--black);transform:perspective(1400px) rotateX(2deg);box-shadow:0 50px 120px #000}.team-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.team-metrics article{padding:22px;background:var(--paper);border:1px solid var(--line)}.team-metrics small,.team-metrics span{display:block;font-size:.68rem;color:var(--muted)}.team-metrics strong{font:600 2rem var(--sora);color:var(--ink)}.team-metrics span{color:var(--green)}.progress{height:6px;background:#ddd;margin-top:9px}.progress i{display:block;height:100%;background:var(--o)}.team-table{border:1px solid var(--line)}.team-table>div{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line);font-size:.8rem}.team-table>div:last-child{border:0}.team-table .table-head{background:var(--paper);color:var(--muted);font-size:.66rem}.team-table>div>span:first-child{display:flex;align-items:center;gap:10px}.avatar.orange{background:#fff0e8;color:var(--o)}.avatar.green{background:#e5f9eb;color:var(--green)}.bars{color:var(--o);letter-spacing:3px}.team-table em{font-style:normal;padding:5px 8px;background:var(--paper);width:max-content}.pro-note{position:relative;z-index:2;text-align:center;font-size:.7rem;color:#7f879c;margin-top:18px}
.analytics{background:var(--o)}.analytics .split{grid-template-columns:1.15fr .85fr}.analytics h2{color:#fff}.analytics .eyebrow{color:#fff}.analytics .eyebrow>span{background:#fff}.analytics .split>div:last-child>p{color:#fff}.analytics-ui{padding:32px;background:#fff;box-shadow:22px 22px 0 var(--ink);transform:rotate(-2deg)}.analytics-top{display:flex;justify-content:space-between;font-weight:800}.analytics-top select{border:1px solid var(--line);background:#fff;padding:7px}.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.analytics-kpis div{padding:15px;background:var(--paper)}.analytics-kpis small,.analytics-kpis span{display:block;font-size:.58rem;color:var(--muted)}.analytics-kpis b{font:600 1.35rem var(--sora);color:var(--ink)}.analytics-kpis span{color:var(--green)}.bar-chart{height:265px;border:1px solid var(--line);padding:15px}.bar-chart>b{font-size:.74rem}.bar-chart>div{height:175px;display:flex;align-items:end;gap:11px;padding:20px 5px 0}.bar-chart i{flex:1;background:var(--o)}.bar-chart small{display:flex;justify-content:space-around;color:var(--muted)}.data-list{list-style:none;padding:0;margin-top:30px}.data-list li{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.35);color:#fff;font-weight:700}.data-list span{font:600 .65rem var(--sora);margin-right:14px}
.sectors{background:var(--paper);overflow:hidden}.sectors .section-heading{margin-bottom:38px}.sector-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);overflow-x:auto}.sector-tabs button{min-height:57px;padding:0 20px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700;white-space:nowrap}.sector-tabs button[aria-selected=true]{border-color:var(--o);color:var(--ink)}.sector-stage{min-height:570px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:60px;background:#fff;clip-path:polygon(0 0,97% 0,100% 7%,100% 100%,3% 100%,0 93%)}.sector-stage>div:first-child small{color:var(--o);font-weight:800}.sector-stage h3{font-size:clamp(2.5rem,4vw,4.2rem);margin:14px 0}.sector-stage p{color:var(--muted)}.sector-stage a{font-weight:800}.sector-visual{height:410px;position:relative;background:var(--paper);border:1px solid var(--line)}.location-card{position:absolute;left:35px;top:38px;width:245px;padding:24px;background:#fff;border:1px solid var(--line);box-shadow:10px 10px 0 var(--o);transform:rotate(-4deg)}.location-card span,.location-card b{display:block;font-size:.75rem}.location-card span{color:var(--muted)}.location-card b{margin:12px 0}.location-card div{color:var(--green);font-size:1.3rem}.location-card em{font:600 .68rem var(--inter);color:var(--muted)}.insight{position:absolute;right:30px;bottom:35px;width:285px;padding:25px;background:var(--ink);color:#fff;transform:rotate(2deg)}.insight small,.insight b,.insight span{display:block}.insight small{color:var(--o2)}.insight b{font-size:.86rem;line-height:1.5;margin:9px 0}.insight span{color:#9198ad;font-size:.58rem}
.comparison{background:#fff}.comparison-head{text-align:center;max-width:820px;margin:0 auto 60px}.comparison-head .eyebrow{justify-content:center}.comparison-head p:last-child{color:var(--muted)}.compare-table{max-width:980px;margin:auto;border:1px solid var(--ink);box-shadow:18px 18px 0 var(--o)}.compare-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;border-bottom:1px solid var(--line)}.compare-row:last-child{border:0}.compare-row>div{padding:20px 25px;border-left:1px solid var(--line)}.compare-row>div:first-child{border:0;font-weight:700}.compare-row>div:nth-child(2){color:var(--muted)}.compare-row>div:last-child{background:#fff4ed;font-weight:700}.compare-row.heading{background:var(--ink);color:#fff}.compare-row.heading>div:nth-child(2){color:#fff}.rankex-col img{background:#fff;padding:5px;object-fit:contain}
.roi{background:var(--ink);color:#aeb5c8}.roi h2{color:#fff}.roi .eyebrow{color:#fff}.roi .split>div>p:not(.eyebrow){color:#aeb5c8}.formula{display:inline-block;margin-top:18px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);font:500 .72rem var(--sora)}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:36px;background:#fff;color:var(--black);box-shadow:18px 18px 0 var(--o)}.calculator label{font-size:.7rem;font-weight:800;color:var(--muted)}.calculator input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid var(--line)}.calc-result{grid-column:1/-1;padding:26px;background:var(--o);color:#fff}.calc-result small,.calc-result span{display:block}.calc-result strong{display:block;font:600 3rem var(--sora)}.calculator>p{grid-column:1/-1;margin:0;font-size:.62rem;color:var(--muted)}
.pricing{background:var(--paper)}.pricing-head{text-align:center;max-width:900px;margin:0 auto 65px}.pricing-head .eyebrow{justify-content:center}.pricing-head>p:last-child{color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1080px;margin:auto}.price-card{padding:48px;background:#fff;border:1px solid var(--ink);position:relative}.price-card>div:first-child>span,.price-card>div:nth-child(2)>span{font-size:.68rem;font-weight:800;letter-spacing:.1em;color:var(--o)}.price-card h3{font-size:2rem;margin:12px 0}.price-card p{color:var(--muted)}.price{display:flex;align-items:center;gap:14px;margin:35px 0}.price strong{font:600 3.2rem var(--sora);color:var(--ink)}.price span{font-size:.67rem;color:var(--muted);line-height:1.3}.price-card .button{width:100%}.price-card ul{list-style:none;padding:0;margin:28px 0 0}.price-card li{padding:10px 0;border-bottom:1px solid var(--line);font-size:.83rem}.price-card li:before{content:"↳";color:var(--o);margin-right:10px}.pro-price{background:var(--ink);color:#d6dae4;transform:translateY(30px);box-shadow:18px 18px 0 var(--o)}.pro-price h3,.pro-price .price strong{color:#fff}.pro-price p,.pro-price .price span{color:#9ca4b8}.pro-price li{border-color:rgba(255,255,255,.12)}.pro-price .button{background:#fff;color:var(--ink);border-color:#fff}.recommended{position:absolute;top:0;right:30px;transform:translateY(-50%);background:var(--o);color:#fff!important;padding:6px 11px;font-size:.58rem!important}.tax-note{text-align:center;color:var(--muted);font-size:.72rem;margin-top:55px}
.confidence{background:#fff}.confidence>.shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.confidence-grid{display:grid;grid-template-columns:1fr 1fr}.confidence-grid article{min-height:260px;padding:30px;border-top:1px solid var(--line);position:relative;overflow:hidden}.confidence-grid article:nth-child(odd){border-right:1px solid var(--line)}.confidence-grid article:before{content:"";position:absolute;inset:100% 0 0;background:var(--o);transition:inset .45s var(--ease)}.confidence-grid article:hover:before{inset:0}.confidence-grid article>*{position:relative}.confidence-grid article:hover h3,.confidence-grid article:hover p,.confidence-grid article:hover b{color:#fff}.confidence-grid b{font-size:.64rem;color:var(--o)}.confidence-grid h3{font-size:1.35rem;margin:55px 0 9px}.confidence-grid p{font-size:.82rem;color:var(--muted)}
.faq{background:var(--paper)}.faq .split{grid-template-columns:.68fr 1.32fr;align-items:start}.faq .split>div:first-child{position:sticky;top:120px}.faq .split>div:first-child>p:last-child{color:var(--muted)}.faq a{color:var(--o);font-weight:700}.accordion details{border-top:1px solid var(--line)}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{min-height:80px;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;color:var(--ink);font-weight:800}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{width:25px;height:25px;position:relative}.accordion summary span:before,.accordion summary span:after{content:"";position:absolute;width:14px;height:2px;background:var(--o);left:5px;top:11px}.accordion summary span:after{transform:rotate(90deg);transition:.3s}.accordion details[open] summary span:after{transform:none}.accordion details[open]{background:#fff;padding-inline:22px}.accordion details p{margin:0;padding:0 35px 24px 0;color:var(--muted);font-size:.9rem}
.final-cta{background:#fff;padding:50px 0 140px}.final-cta>.shell{min-height:650px;padding:85px;background:var(--o);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;position:relative;overflow:hidden;clip-path:polygon(0 0,96% 0,100% 10%,100% 100%,4% 100%,0 90%)}.final-cta>.shell:before{content:"R";position:absolute;right:-.1em;bottom:-.35em;font:700 37rem/1 var(--sora);color:rgba(255,255,255,.12)}.final-cta>.shell>div{position:relative;z-index:2}.final-cta h2{color:#fff}.final-cta p{color:#fff;max-width:650px}.final-cta .eyebrow{color:#fff}.final-cta .eyebrow>span{background:#fff}.final-cta .button{background:var(--ink);border-color:var(--ink)}.final-cta .button-secondary{background:transparent;border-color:#fff;color:#fff}.final-product{height:390px;position:relative}.final-phone{position:absolute;z-index:2;left:0;top:40px;width:180px;height:275px;background:#fff;border:1px solid var(--ink);box-shadow:15px 15px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3rem;color:var(--o);transform:rotate(-5deg)}.final-phone small{font-size:.57rem;color:var(--muted)}.final-panel{position:absolute;left:140px;right:-100px;top:0;bottom:0;background:#fff;border:1px solid var(--ink);padding:75px 25px 25px 75px;display:flex;flex-direction:column;gap:12px;transform:rotate(2deg)}.final-panel span{padding:13px;border:1px solid var(--line);font-size:.74rem}.final-panel i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--o);margin-right:8px}.final-panel .done i{background:var(--green)}
.site-footer{background:#070c20;color:#8f97ac;padding:100px 0 28px}.site-footer>.shell{display:grid;grid-template-columns:.85fr 1.15fr}.footer-brand{max-width:330px}.footer-brand img{width:130px;background:#fff;padding:8px}.footer-brand p{font-size:.9rem}.footer-brand a{color:#fff;font-weight:700}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.footer-links div{display:flex;flex-direction:column;gap:8px}.footer-links b{color:#fff;margin-bottom:8px;font-size:.8rem}.footer-links a{font-size:.77rem}.footer-links a:hover{color:var(--o)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #202742;margin-top:70px;padding-top:24px;font-size:.65rem}.footer-bottom button{border:0;background:none;color:#8f97ac}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:950px}.product-story{max-width:780px;width:100%;margin:auto}.split{gap:55px}.outcome-grid{grid-template-columns:1fr}.outcome-main{min-height:620px}.platforms .shell{gap:25px}.sector-stage{gap:30px;padding:45px}.final-cta>.shell{padding:60px}.recovery-copy,.faq .split>div:first-child{position:relative;top:auto}}
@media(max-width:820px){.shell{width:min(100% - 36px,760px)}.desktop-nav,.nav-actions>.login{display:none}.nav-actions{margin-left:auto}.menu-toggle{width:44px;height:44px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px}.menu-toggle span{height:2px;background:var(--ink);transition:.3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:absolute;top:72px;left:18px;right:18px;display:flex;flex-direction:column;padding:14px;background:var(--ink);color:#fff;visibility:hidden;opacity:0;transform:translateY(-10px);transition:.3s}.mobile-menu.open{visibility:visible;opacity:1;transform:none}.mobile-menu a{padding:12px;font-weight:700}.hero{padding-top:130px}.product-story{height:570px}.problem-sequence article{grid-template-columns:45px 160px 1fr;gap:20px}.steps{grid-template-columns:1fr;gap:55px}.steps:before{display:none}.mini{height:240px}.outcome-list{grid-template-columns:1fr 1fr}.recovery .split,.analytics .split,.roi .split,.faq .split{grid-template-columns:1fr}.recovery-ui,.analytics-ui{transform:none}.platforms{min-height:auto}.platforms .shell{grid-template-columns:1fr}.orbit{height:520px;max-width:620px;width:100%;margin:auto}.pro-intro{display:block}.pro-intro>p{margin-top:24px}.team-board{transform:none;padding:25px}.sector-stage{grid-template-columns:1fr}.comparison{overflow-x:auto}.pricing-grid{grid-template-columns:1fr;gap:45px}.pro-price{transform:none}.confidence>.shell{grid-template-columns:1fr}.final-cta>.shell{grid-template-columns:1fr}.site-footer>.shell{grid-template-columns:1fr}.footer-links{margin-top:55px}}
@media(max-width:560px){.shell{width:calc(100% - 26px)}.section{padding:90px 0}.site-header{height:72px}.nav-shell{width:calc(100% - 26px)}.brand{width:108px}.button-small{min-height:42px;padding:0 13px;font-size:.76rem}.nav-actions{gap:4px}.hero{min-height:auto;padding-top:110px}.hero h1{font-size:clamp(3.15rem,14.5vw,4.4rem)}.hero-lead{font-size:1rem;margin:28px 0}.button-row{flex-direction:column}.button-row .button{width:100%}.product-story{height:630px}.dashboard-card{inset:190px -45px auto 0;height:320px;transform:none}.metric-row>div:nth-child(2){display:none}.metric-row{grid-template-columns:1fr 1fr}.dash-body{display:block}.chart{display:none}.phone-card{top:0;bottom:auto;left:0;width:180px;height:345px;transform:rotate(-3deg)}.case-drawer{right:-5px;bottom:0;width:265px;transform:rotate(2deg)}.replay{right:0}.trust-strip{transform:none;margin:0}.trust-strip .shell{min-height:90px}.problem{padding-top:115px}.problem:before{display:none}.problem>.shell>h2,.problem>.shell>.section-lead{text-align:left}.problem>.shell>.eyebrow{justify-content:flex-start}.problem-sequence{margin-top:55px}.problem-sequence article{grid-template-columns:34px 1fr;padding:30px 0}.problem-sequence .scene{grid-column:2;width:135px;height:100px}.problem-sequence article>div:last-child{grid-column:2}.problem-sequence h3{font-size:1.65rem}.how{padding-block:100px}.section-heading{display:block;margin-bottom:50px}.section-heading>p{margin-top:22px}.step>b{margin-left:12px}.mini{height:210px}.outcome-main{padding:28px;min-height:560px}.outcome-main h3{font-size:2rem}.pulse-list span:nth-child(2),.pulse-list span:nth-child(3){margin-left:0}.outcome-list{grid-template-columns:1fr}.outcome-list article{min-height:210px}.recovery-ui{padding:22px;box-shadow:10px 10px 0 var(--ink)}.customer-data{grid-template-columns:1fr}.timeline span{display:block}.orbit{height:390px}.orbit:before{inset:60px}.orbit:after{inset:125px}.orbit-center{width:100px;height:100px}.orbit-center img{width:70px}.platform{padding:8px 10px;font-size:.59rem;box-shadow:4px 4px 0 var(--ink)}.team-metrics{grid-template-columns:1fr}.team-table>div{grid-template-columns:1.5fr .6fr}.team-table>div>*:nth-child(3),.team-table>div>*:nth-child(4){display:none}.analytics-ui{padding:18px;box-shadow:10px 10px 0 var(--ink)}.analytics-kpis{grid-template-columns:1fr}.sector-tabs{margin-right:-13px}.sector-stage{padding:24px;clip-path:none}.sector-visual{height:400px}.location-card{left:12px;top:18px}.insight{right:12px;bottom:18px;width:255px}.compare-row{grid-template-columns:1.25fr .7fr .85fr;font-size:.68rem}.compare-row>div{padding:13px 7px}.calculator{grid-template-columns:1fr;padding:20px;box-shadow:9px 9px 0 var(--o)}.calc-result strong{font-size:2.3rem}.price-card{padding:28px}.price{align-items:flex-start;flex-direction:column}.price strong{font-size:2.65rem}.confidence-grid{grid-template-columns:1fr}.confidence-grid article:nth-child(odd){border-right:0}.final-cta{padding-bottom:80px}.final-cta>.shell{padding:42px 24px;clip-path:none}.final-product{height:270px}.final-phone{width:135px;height:215px;box-shadow:8px 8px 0 var(--ink)}.final-panel{left:90px;right:-60px;padding:55px 20px 20px 65px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:8px}.cursor-light{display:none}}
/* Button hover fix: text nodes must always remain above the visual state. */
.button:before{display:none!important}.button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.button-secondary:hover{background:var(--ink);color:#fff}.button-dark:hover{background:var(--o);color:#fff;border-color:var(--o)}

/* Editorial upgrade: problem + process */
.problem-upgrade{padding-block:clamp(120px,11vw,190px);background:#f5f2ed;overflow:clip}.problem-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);gap:clamp(70px,9vw,150px);align-items:start}.problem-intro{position:sticky;top:130px}.problem-intro h2{font-size:clamp(3.5rem,5.5vw,6rem);letter-spacing:-.065em;max-width:650px}.problem-intro .section-lead{font-size:1.12rem;line-height:1.65;max-width:550px;margin:30px 0 0}.problem-counter{display:flex;align-items:center;gap:13px;margin-top:70px;color:#82889a;font:600 .65rem var(--sora);letter-spacing:.1em}.problem-counter>i{width:150px;height:2px;background:#dedad4;overflow:hidden}.problem-counter>i>b{display:block;width:100%;height:100%;background:var(--o);transform:scaleX(.12);transform-origin:left;transition:transform .7s var(--ease)}.problem-stories{display:grid;gap:44px}.problem-story{position:relative;min-height:560px;padding:22px;background:#fff;border:1px solid rgba(9,16,43,.09);border-radius:30px;box-shadow:0 28px 75px rgba(11,18,48,.06);overflow:hidden;opacity:.52;transform:scale(.965);transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .7s var(--ease)}.problem-story.is-active,.problem-story:hover{opacity:1;transform:none;box-shadow:0 42px 110px rgba(11,18,48,.12)}.story-number{position:absolute;z-index:5;top:34px;right:36px;font:600 .65rem var(--sora);letter-spacing:.15em;color:#9ca1ae}.problem-visual{height:335px;border-radius:20px;position:relative;overflow:hidden;padding:28px;background:#0b1230;color:#fff}.problem-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.visual-kicker{position:relative;display:flex;align-items:center;gap:8px;font-size:.63rem;text-transform:uppercase;letter-spacing:.12em;color:#aeb4c3}.visual-kicker i{width:7px;height:7px;border-radius:50%;background:var(--o);box-shadow:0 0 0 6px rgba(255,90,0,.13)}.sentiment-orb{position:absolute;left:50%;top:47%;width:112px;height:112px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.19);border-radius:50%;font-size:3.1rem;transform:translate(-50%,-50%);background:rgba(255,255,255,.07);box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 80px rgba(255,90,0,.18)}.positive-scene .sentiment-orb{color:#fff}.visual-route{position:absolute;left:28px;right:28px;bottom:27px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);backdrop-filter:blur(10px);border-radius:10px;font-size:.69rem}.visual-route b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--o)}.platform-dots{position:absolute;right:28px;top:28px;display:flex;gap:6px}.platform-dots i{width:7px;height:7px;border-radius:50%;background:#fff}.platform-dots i:nth-child(2){opacity:.5}.platform-dots i:nth-child(3){opacity:.22}.warning-scene{background:#fff4e9;color:var(--ink)}.warning-scene:before{background-image:linear-gradient(rgba(255,90,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,90,0,.07) 1px,transparent 1px)}.warning-scene .visual-kicker{color:#8b6f5d}.warning-scene .sentiment-orb{color:var(--ink);border-color:#ffd8be;background:#fff;box-shadow:0 0 0 20px rgba(255,90,0,.05),0 25px 65px rgba(255,90,0,.14)}.waiting-card{position:absolute;left:28px;right:28px;bottom:25px;padding:16px 18px;background:#fff;border:1px solid #f1ded1;border-radius:11px;box-shadow:0 15px 40px rgba(11,18,48,.08);display:grid;grid-template-columns:1fr auto;gap:5px 20px}.waiting-card small{color:#8b8f9d}.waiting-card strong{font-size:.75rem}.waiting-card span{grid-column:2;grid-row:1/3;align-self:center;padding:7px 10px;background:#fff0e6;color:#b34300;border-radius:99px;font-size:.58rem;font-weight:700}.signal-scene{background:#eef1f8;color:var(--ink)}.signal-scene:before{background-image:linear-gradient(rgba(9,16,43,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(9,16,43,.055) 1px,transparent 1px)}.signal-scene .visual-kicker{color:#6b7181}.comment-stack{position:absolute;left:28px;top:76px;width:64%;display:grid;gap:9px}.comment-stack span{display:flex;justify-content:space-between;padding:13px 15px;background:#fff;border:1px solid #dfe3ec;border-radius:9px;box-shadow:0 10px 28px rgba(11,18,48,.06);font-size:.65rem}.comment-stack span:nth-child(2){margin-left:18px}.comment-stack span:nth-child(3){margin-left:38px}.comment-stack b{color:var(--o)}.pattern-card{position:absolute;right:25px;bottom:24px;width:54%;padding:17px;background:var(--ink);color:#fff;border-radius:12px;box-shadow:0 22px 50px rgba(11,18,48,.2)}.pattern-card small,.pattern-card strong{display:block}.pattern-card small{color:#969db1;font-size:.58rem}.pattern-card strong{margin-top:5px;font-size:.72rem}.pattern-card i{position:absolute;right:15px;top:50%;font-style:normal;color:var(--o)}.problem-copy{padding:34px 18px 18px}.problem-copy>span{display:block;margin-bottom:13px;color:var(--o);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.problem-copy h3{font-size:clamp(1.7rem,2.3vw,2.55rem);letter-spacing:-.04em;max-width:620px}.problem-copy p{max-width:600px;margin:14px 0 0;color:var(--muted);line-height:1.65}
.how-upgrade{padding-block:clamp(120px,11vw,180px);background:#080f29}.how-upgrade:before{background:radial-gradient(circle at 18% 5%,rgba(255,90,0,.16),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,60px 60px,60px 60px}.how-upgrade .section-heading{margin-bottom:105px}.flow-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;z-index:2}.flow-rail{position:absolute;left:11%;right:11%;top:28px;height:2px;background:rgba(255,255,255,.11);overflow:hidden}.flow-rail i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--o),#ff9f66);transform:scaleX(.08);transform-origin:left;transition:transform .8s var(--ease);box-shadow:0 0 18px rgba(255,90,0,.7)}.flow-step{position:relative;min-width:0}.flow-step-head{height:58px;display:flex;align-items:center;gap:14px;margin:0 22px 28px}.flow-step-head>b{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#080f29;color:#fff;font:600 .78rem var(--sora);transition:.45s var(--ease)}.flow-step.is-current .flow-step-head>b,.flow-step.is-active .flow-step-head>b{background:var(--o);border-color:var(--o);box-shadow:0 0 0 9px rgba(255,90,0,.1),0 0 35px rgba(255,90,0,.35)}.flow-step-head>span{font-size:.58rem;letter-spacing:.16em;color:#727b94}.flow-visual{height:390px;padding:26px;border-radius:22px!important;clip-path:none!important;background:#0d1737;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transition:transform .6s var(--ease),border-color .6s,background .6s}.flow-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,90,0,.13),transparent 45%)}.flow-step:hover .flow-visual,.flow-step.is-current .flow-visual{transform:translateY(-10px);border-color:rgba(255,90,0,.45);background:#111c3e}.flow-step h3,.flow-step>p{padding-inline:22px}.flow-step h3{font-size:1.7rem;margin-top:29px}.flow-step>p{color:#9098ad;margin-top:8px}.table-card{width:175px;min-height:245px;padding:22px 20px;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:15px;border-radius:9px;box-shadow:0 22px 55px rgba(0,0,0,.25);position:relative;z-index:2}.table-card img{object-fit:contain}.table-card small{color:#5f6575;font-weight:700}.css-qr{width:105px;height:105px;background:conic-gradient(from 90deg,#0b1230 25%,#fff 0 50%,#0b1230 0 75%,#fff 0);background-size:19px 19px;border:7px solid #fff;box-shadow:0 0 0 1px #d8dbe3}.scan-line{position:absolute;z-index:3;left:50%;top:166px;width:132px;height:2px;background:var(--o);box-shadow:0 0 12px var(--o);transform:translateX(-50%)}.phone-hint{position:absolute;z-index:4;right:16px;bottom:24px;padding:12px 14px;background:var(--o);color:#fff;border-radius:9px;font-size:.62rem;box-shadow:0 15px 35px rgba(255,90,0,.28)}.phone-hint b{margin-left:8px}.feedback-window{width:220px;padding:24px 21px;background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.28);position:relative;z-index:2}.feedback-window>span{font:600 1rem var(--sora)}.mood-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0 12px}.mood-row i{height:47px;display:grid;place-items:center;border:1px solid #e1e3e9;font-style:normal}.mood-row i.active{border-color:var(--o);background:#fff4ec;color:var(--o)}.feedback-window small{font-size:.55rem;color:#777e8f}.feedback-line{height:7px;border-radius:99px;background:#eaecf1;margin-top:18px}.feedback-line.short{width:68%;margin-top:8px}.feedback-window button{width:100%;height:34px;border:0;background:var(--o);color:#fff;margin-top:18px;font-size:.58rem;font-weight:800}.received-chip{position:absolute;z-index:3;right:15px;bottom:20px;padding:11px 13px;background:#fff;color:var(--ink);border:1px solid rgba(34,197,94,.28);border-radius:9px;font-size:.58rem;box-shadow:0 16px 35px rgba(0,0,0,.2)}.received-chip b{color:var(--green);margin-left:8px}.rankex-window{width:100%;background:#fff;color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 24px 65px rgba(0,0,0,.28);position:relative;z-index:2}.rankex-bar{height:51px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e6ec;font-size:.63rem;font-weight:800}.rankex-bar span{display:flex;align-items:center;gap:7px}.rankex-bar img{object-fit:contain}.rankex-bar i{font-style:normal;color:#8d93a2}.case-row{margin:16px;padding:15px;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;background:#fff7f1;border:1px solid #ffe1ce;border-radius:8px}.case-row>span{width:30px;height:30px;display:grid;place-items:center;background:#fff;color:var(--o);border-radius:50%}.case-row small,.case-row b{display:block;font-size:.56rem}.case-row small{color:#888e9d}.case-row em{font-style:normal;font-size:.5rem;padding:5px 7px;background:#fff0e2;color:#a65318;border-radius:99px}.resolution-line{margin:0 16px 18px;padding-top:17px;border-top:1px solid #e4e6ec;display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;font-size:.55rem}.resolution-line i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(34,197,94,.1)}.resolution-line b{color:var(--green)}
@media(max-width:980px){.problem-layout{grid-template-columns:1fr;gap:70px}.problem-intro{position:relative;top:auto;max-width:760px}.problem-counter{display:none}.problem-stories{grid-template-columns:repeat(3,1fr);gap:14px}.problem-story{min-height:520px;padding:12px}.problem-visual{height:285px;padding:18px}.problem-copy{padding:25px 10px 12px}.problem-copy h3{font-size:1.5rem}.waiting-card{left:16px;right:16px}.waiting-card span{display:none}.comment-stack{left:16px;width:78%}.pattern-card{right:14px;width:70%}.flow-stage{gap:12px}.flow-visual{height:340px;padding:18px}.flow-step h3,.flow-step>p{padding-inline:10px}.flow-step h3{font-size:1.4rem}.table-card{transform:scale(.86)}.feedback-window{transform:scale(.88)}.case-row{grid-template-columns:30px 1fr}.case-row em{display:none}}
@media(max-width:760px){.problem-upgrade{padding-block:100px}.problem-stories{grid-template-columns:1fr;gap:24px}.problem-story{min-height:auto;opacity:1;transform:none}.problem-visual{height:310px}.problem-copy h3{font-size:1.8rem}.how-upgrade .section-heading{margin-bottom:65px}.flow-stage{grid-template-columns:1fr;gap:70px}.flow-rail{left:28px;right:auto;top:30px;bottom:30px;width:2px;height:auto}.flow-rail i{width:100%;height:100%;transform:scaleY(.08);transform-origin:top}.flow-step-head{margin-left:0}.flow-visual{height:365px}.flow-step h3,.flow-step>p{padding-inline:0}.table-card{transform:none}.feedback-window{transform:none}}
@media(max-width:480px){.problem-intro h2{font-size:3.2rem}.problem-story{padding:9px;border-radius:22px}.problem-visual{height:280px;border-radius:16px}.sentiment-orb{width:94px;height:94px}.waiting-card strong{font-size:.64rem}.comment-stack span{font-size:.58rem}.pattern-card{width:76%}.flow-visual{height:330px}.feedback-window{width:205px}.rankex-window{transform:scale(.94)}}
@media(prefers-reduced-motion:reduce){.problem-story,.flow-visual,.flow-rail i,.problem-counter i b{transition:none!important}.problem-story{opacity:1;transform:none}.scan-line{display:none}}

/* Visual reputation journey */
.reputation-upgrade{min-height:0;padding-block:clamp(120px,10vw,180px);background:#f7f5f1;overflow:clip}.reputation-upgrade:after{display:none}.reputation-upgrade .shell{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(620px,1.3fr);gap:clamp(55px,7vw,115px);align-items:center}.reputation-upgrade .platform-copy{position:relative;z-index:3}.reputation-upgrade .platform-copy h2{font-size:clamp(3.5rem,5.2vw,5.8rem);letter-spacing:-.065em;max-width:650px}.reputation-upgrade .platform-copy>p:last-of-type{margin-top:30px;font-size:1.08rem;line-height:1.7;max-width:570px}.reputation-principles{display:flex;gap:7px;flex-wrap:wrap;margin-top:42px}.reputation-principles span{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#fff;border:1px solid var(--line);border-radius:99px;font-size:.66rem;font-weight:700;color:var(--ink)}.reputation-principles i{font-style:normal;color:var(--o);font-size:.54rem}.reputation-stage{height:720px;position:relative;background:#09112d;border-radius:32px;overflow:hidden;box-shadow:0 50px 120px rgba(11,18,48,.2);isolation:isolate}.reputation-stage:before{content:"";position:absolute;width:390px;height:390px;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,90,0,.13);filter:blur(70px);transition:transform 1.2s var(--ease),opacity 1.2s}.reputation-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 55%,transparent)}.journey-line{position:absolute;left:78px;top:89px;bottom:95px;width:2px;background:rgba(255,255,255,.11)}.journey-line i{display:block;width:100%;height:100%;background:linear-gradient(var(--o),#ff9d63);transform:scaleY(.05);transform-origin:top;transition:transform 1.8s var(--ease);box-shadow:0 0 18px rgba(255,90,0,.8)}.reputation-stage.is-active .journey-line i{transform:scaleY(1)}.journey-card{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(18,28,62,.88);color:#fff;box-shadow:0 25px 60px rgba(0,0,0,.25);backdrop-filter:blur(14px);opacity:.25;transform:translateX(28px);transition:opacity .7s var(--ease),transform .7s var(--ease),border-color .7s}.journey-card small{display:block;color:#828ba5;font-size:.52rem;font-weight:700;letter-spacing:.11em}.experience-node{left:125px;right:48px;top:54px;padding:22px 24px}.experience-node>div{display:flex;align-items:center;gap:12px;margin:13px 0 8px}.experience-node>div span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff0e5;color:var(--o)}.experience-node b{font-size:.76rem}.experience-node p{margin:0;color:#aeb5c8;font-size:.68rem}.action-node{left:170px;right:86px;top:250px;padding:24px}.action-brand{display:flex;align-items:center;gap:9px;margin-bottom:20px;font-size:.7rem;font-weight:800}.action-brand img{object-fit:contain}.action-node strong{display:block;margin:7px 0 18px;font:600 1.08rem var(--sora)}.action-status{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:9px;font-size:.62rem}.action-status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(34,197,94,.11)}.action-status b{color:var(--green)}.share-node{left:125px;right:34px;bottom:70px;padding:23px}.share-node strong{display:block;font:600 .92rem var(--sora);margin:8px 0 17px}.share-platforms{display:flex;flex-wrap:wrap;gap:7px}.share-platforms span{padding:8px 10px;background:#fff;color:var(--ink);border-radius:6px;font-size:.55rem;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.13)}.share-platforms span:first-child{color:#2867d5}.share-platforms span:nth-child(2){color:#159c65}.share-platforms span:nth-child(3){color:#17438d}.journey-marker{position:absolute;left:52px;z-index:4;display:flex;align-items:center;gap:11px;color:#fff}.journey-marker span{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#09112d;font:600 .68rem var(--sora);transition:.55s var(--ease)}.journey-marker small{font-size:.55rem;color:#7f889f;opacity:0;transform:translateX(-7px);transition:.55s var(--ease)}.marker-one{top:84px}.marker-two{top:309px}.marker-three{bottom:115px}.reputation-stage.is-active .journey-marker span{border-color:var(--o);box-shadow:0 0 0 8px rgba(255,90,0,.09)}.reputation-stage.is-active .journey-marker small{opacity:1;transform:none}.reputation-stage.is-active .experience-node{opacity:1;transform:none;transition-delay:.12s}.reputation-stage.is-active .action-node{opacity:1;transform:none;transition-delay:.45s;border-color:rgba(255,90,0,.38)}.reputation-stage.is-active .share-node{opacity:1;transform:none;transition-delay:.78s}.transparency-note{position:absolute;z-index:5;right:25px;top:221px;display:flex;align-items:center;gap:10px;padding:11px 13px;background:#fff;color:var(--ink);border-radius:10px;box-shadow:0 15px 40px rgba(0,0,0,.25);opacity:0;transform:translateY(10px);transition:.6s var(--ease) 1s}.reputation-stage.is-active .transparency-note{opacity:1;transform:none}.transparency-note>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e5f9eb;color:var(--green);font-weight:800}.transparency-note b,.transparency-note small{display:block}.transparency-note b{font-size:.58rem}.transparency-note small{color:#777e8e;font-size:.48rem;margin-top:2px}
@media(max-width:1050px){.reputation-upgrade .shell{grid-template-columns:1fr}.reputation-upgrade .platform-copy{max-width:800px}.reputation-stage{width:min(100%,760px);margin:auto}.reputation-upgrade .platform-copy h2{max-width:800px}}
@media(max-width:650px){.reputation-stage{height:680px;border-radius:22px}.journey-line{left:36px;top:73px;bottom:78px}.journey-marker{left:11px}.journey-marker span{width:50px;height:50px}.journey-marker small{display:none}.experience-node,.share-node{left:76px;right:14px}.experience-node{top:42px}.action-node{left:76px;right:14px;top:244px}.share-node{bottom:50px}.transparency-note{right:13px;top:209px}.reputation-principles{gap:5px}.reputation-principles span{padding:9px 10px}}
@media(max-width:430px){.reputation-upgrade .platform-copy h2{font-size:3.15rem}.reputation-stage{height:700px}.experience-node,.action-node,.share-node{left:62px;right:9px;padding:17px}.journey-line{left:27px}.journey-marker{left:4px}.journey-marker span{width:47px;height:47px}.experience-node p{font-size:.6rem}.action-node{top:235px}.share-platforms span{padding:7px 8px}.transparency-note{top:198px;right:8px}.transparency-note small{display:none}}
@media(prefers-reduced-motion:reduce){.journey-line i,.journey-card,.journey-marker span,.journey-marker small,.transparency-note{transition:none!important}.journey-line i{transform:scaleY(1)}.journey-card,.transparency-note{opacity:1;transform:none}}

/* Dynamic sector proof */
.sectors-upgrade{padding-block:clamp(115px,10vw,175px);background:#f6f3ee}.sectors-upgrade .section-heading{margin-bottom:55px}.sectors-upgrade .sector-tabs{position:relative;z-index:3;gap:4px;border:0;padding:5px;background:#ebe7e1;border-radius:14px;margin-bottom:14px}.sectors-upgrade .sector-tabs button{flex:1;min-height:52px;padding:0 14px;border:0!important;border-radius:10px;font-size:.72rem;transition:background .3s,color .3s,box-shadow .3s}.sectors-upgrade .sector-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 8px 25px rgba(11,18,48,.08)}.sectors-upgrade .sector-stage{min-height:650px;grid-template-columns:.74fr 1.26fr;gap:clamp(45px,7vw,105px);padding:clamp(42px,5vw,74px);border:1px solid #e7e2dc;border-radius:28px;clip-path:none;box-shadow:0 35px 90px rgba(11,18,48,.07);overflow:hidden;transition:opacity .18s ease,transform .18s ease}.sectors-upgrade .sector-stage.is-changing{opacity:.48;transform:translateY(5px)}.sector-copy{position:relative;z-index:2}.sector-copy>small{display:flex;align-items:center;gap:9px}.sector-copy>small:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--o);box-shadow:0 0 0 6px rgba(255,90,0,.1)}.sectors-upgrade .sector-copy h3{font-size:clamp(3rem,4.7vw,5.2rem);line-height:.96;letter-spacing:-.065em}.sectors-upgrade .sector-copy>p{max-width:530px;line-height:1.65}.sector-use{margin:34px 0 28px;padding:18px 19px;border-left:2px solid var(--o);background:#fff7f1}.sector-use span{display:block;color:var(--o);font-size:.54rem;font-weight:800;letter-spacing:.13em}.sector-use p{margin:6px 0 0;color:var(--ink);font-size:.75rem;font-weight:700;line-height:1.5}.sector-copy>a{display:inline-flex;align-items:center;min-height:42px;font-size:.75rem}.sector-demo{height:520px;position:relative;padding:22px;background:#09112d;border-radius:23px;color:#fff;box-shadow:0 35px 80px rgba(11,18,48,.2);overflow:hidden}.sector-demo:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(#000,transparent)}.sector-demo:after{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-100px;background:rgba(255,90,0,.18);border-radius:50%;filter:blur(65px)}.demo-top{height:48px;display:flex;justify-content:space-between;align-items:start;position:relative;z-index:2}.demo-top>span{display:flex;align-items:center;gap:10px}.demo-top i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--o);font:700 .65rem var(--sora);font-style:normal}.demo-top b{font-size:.68rem}.demo-top small{font-size:.48rem;letter-spacing:.12em;color:#7f889f}.demo-question{position:absolute;z-index:3;left:35px;top:91px;width:56%;min-height:258px;padding:25px;background:#fff;color:var(--ink);border-radius:15px;box-shadow:0 22px 55px rgba(0,0,0,.25)}.demo-question>small{color:var(--o);font-size:.5rem;font-weight:800;letter-spacing:.1em}.demo-question h4{font:600 1.3rem/1.18 var(--sora);margin:11px 0 19px;letter-spacing:-.03em}.demo-moods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.demo-moods span{height:50px;display:grid;place-items:center;border:1px solid #dfe2e9;font-size:1.05rem}.demo-moods span.selected{border-color:var(--o);background:#fff3eb;color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}.demo-question p{margin:17px 0 0;padding:12px;background:#f7f5f2;color:#656b7b;font-size:.62rem;line-height:1.5}.demo-result{position:absolute;z-index:4;right:24px;top:283px;width:50%;padding:17px 18px;background:#fff;color:var(--ink);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 20px 45px rgba(0,0,0,.25)}.demo-result small,.demo-result strong{display:block}.demo-result small{font-size:.47rem;color:#8b91a0;letter-spacing:.08em}.demo-result strong{font-size:.66rem;margin-top:4px}.demo-result>span{padding:7px 9px;background:#fff0e5;color:#a7480d;border-radius:99px;font-size:.48rem;font-weight:800;white-space:nowrap}.demo-value{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;padding:19px 21px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);border-radius:12px}.demo-value>span,.demo-value>strong,.demo-value>small{display:block}.demo-value>span{color:#9ba3b8;font-size:.51rem;text-transform:uppercase;letter-spacing:.1em}.demo-value>span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 0 5px rgba(34,197,94,.08)}.demo-value>strong{font:600 .8rem/1.45 var(--sora);margin:7px 0}.demo-value>small{color:#737c94;font-size:.47rem}.sector-stage:not(.is-changing) .demo-question{animation:sectorCardIn .45s var(--ease) both}.sector-stage:not(.is-changing) .demo-result{animation:sectorCardIn .45s .08s var(--ease) both}@keyframes sectorCardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.sectors-upgrade .sector-tabs{overflow-x:auto;justify-content:flex-start}.sectors-upgrade .sector-tabs button{flex:0 0 auto;min-width:130px}.sectors-upgrade .sector-stage{grid-template-columns:1fr;gap:45px}.sector-copy{max-width:700px}.sector-demo{width:min(100%,720px);margin:auto}}
@media(max-width:600px){.sectors-upgrade .section-heading{margin-bottom:35px}.sectors-upgrade .sector-tabs{margin-right:-13px;border-radius:10px 0 0 10px}.sectors-upgrade .sector-stage{padding:25px 16px;min-height:0;border-radius:20px}.sectors-upgrade .sector-copy h3{font-size:3rem}.sector-demo{height:570px;padding:15px}.demo-top small{display:none}.demo-question{left:15px;right:15px;top:75px;width:auto}.demo-result{left:34px;right:15px;top:310px;width:auto}.demo-value{left:15px;right:15px;bottom:15px}.sector-use{margin:25px 0 20px}}
@media(prefers-reduced-motion:reduce){.sector-stage,.demo-question,.demo-result{transition:none!important;animation:none!important}}

/* Restored and refined multi-platform universe */
.reputation-orbit-upgrade{min-height:0;padding-block:clamp(120px,10vw,180px);background:#fff;overflow:clip}.reputation-orbit-upgrade:after{display:none}.reputation-orbit-upgrade .shell{display:grid;grid-template-columns:minmax(320px,.76fr) minmax(620px,1.24fr);gap:clamp(60px,8vw,130px);align-items:center}.reputation-orbit-upgrade .platform-copy h2{font-size:clamp(3.5rem,5.2vw,5.8rem);letter-spacing:-.065em;max-width:650px}.reputation-orbit-upgrade .platform-copy>p{margin-top:30px;font-size:1.08rem;line-height:1.7;max-width:570px;color:var(--muted)}.reputation-orbit-upgrade .reputation-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:40px}.reputation-orbit-upgrade .reputation-principles span{display:block;padding:16px 14px;border-radius:10px;background:#f7f5f1;border:1px solid #ece8e2}.reputation-orbit-upgrade .reputation-principles i,.reputation-orbit-upgrade .reputation-principles b{display:block}.reputation-orbit-upgrade .reputation-principles i{font-style:normal;color:var(--o);font-size:.52rem;letter-spacing:.12em}.reputation-orbit-upgrade .reputation-principles b{margin-top:5px;font-size:.7rem}.platform-choice-note{display:flex;align-items:center;gap:8px;margin-top:20px;color:#707687;font-size:.6rem;line-height:1.5}.platform-choice-note i{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e9f9ee;color:var(--green);font-style:normal;font-weight:800}.platform-universe{height:690px;position:relative;border-radius:50%;background:#f8f6f2;border:1px solid #e6e2dc;box-shadow:inset 0 0 100px rgba(11,18,48,.04)}.universe-grid{position:absolute;inset:0;border-radius:50%;background-image:linear-gradient(rgba(11,18,48,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,18,48,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 72%)}.universe-ring{position:absolute;border:1px dashed #cbc8c3;border-radius:50%}.ring-outer{inset:72px}.ring-inner{inset:190px;border-style:solid;border-color:#ddd9d3}.universe-core{position:absolute;z-index:4;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#09112d;color:#fff;border-radius:50%;box-shadow:0 25px 65px rgba(11,18,48,.25),0 0 0 18px rgba(255,255,255,.72)}.universe-core>span{font-size:.48rem;letter-spacing:.17em;color:#8e97ad}.universe-core>div{width:82px;height:66px;display:grid;place-items:center;margin:7px 0}.universe-core img{width:72px;height:72px;object-fit:contain}.universe-core strong{font-size:.62rem;letter-spacing:.16em;color:var(--o)}.universe-core small{font-size:.48rem;color:#8992a9;margin-top:3px}.brand-orbit{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:11px 14px;background:#fff;border:1px solid #dedbd6;border-radius:12px;box-shadow:0 16px 38px rgba(11,18,48,.11);transition:transform .45s var(--ease),box-shadow .45s,border-color .45s}.brand-orbit:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(11,18,48,.17);border-color:#cbc6bf}.brand-orbit b{font-size:.62rem;white-space:nowrap}.brand-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f4f4f4;font:800 .85rem var(--inter)}.google-mark{color:#4285f4;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 43%,#fbbc05 0 68%,#ea4335 0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:1.1rem}.trip-mark{display:flex;gap:2px;background:#34e0a1}.trip-mark i{width:9px;height:9px;border:2px solid #09112d;border-radius:50%;position:relative}.trip-mark i:after{content:"";position:absolute;width:2px;height:2px;background:#09112d;border-radius:50%;left:2px;top:2px}.booking-mark{background:#003b95;color:#fff}.fork-mark{background:#00a88f;color:#fff;font-size:1.1rem}.trust-mark{background:#00b67a;color:#fff}.doctor-mark{background:#00c3a5;color:#fff}.url-mark{background:#09112d;color:#fff}.brand-google{top:7%;left:40%}.brand-tripadvisor{right:-2%;top:25%}.brand-booking{right:5%;bottom:18%}.brand-thefork{left:39%;bottom:4%}.brand-trustpilot{left:-1%;bottom:20%}.brand-doctoralia{left:-4%;top:27%}.brand-url{left:18%;top:15%}.universe-caption{position:absolute;z-index:3;left:50%;bottom:91px;transform:translateX(-50%);text-align:center}.universe-caption span{display:flex;justify-content:center;align-items:center;gap:7px;color:var(--ink);font-size:.57rem;font-weight:800}.universe-caption i{width:7px;height:7px;border-radius:50%;background:var(--o);box-shadow:0 0 0 5px rgba(255,90,0,.1)}.universe-caption small{display:block;margin-top:5px;color:#878c98;font-size:.5rem}
@media(max-width:1050px){.reputation-orbit-upgrade .shell{grid-template-columns:1fr}.reputation-orbit-upgrade .platform-copy{max-width:820px}.platform-universe{width:min(100%,690px);margin:auto}}
@media(max-width:700px){.platform-universe{height:auto;aspect-ratio:1}.ring-outer{inset:10%}.ring-inner{inset:27%}.universe-core{width:28%;height:28%;box-shadow:0 18px 45px rgba(11,18,48,.25),0 0 0 10px rgba(255,255,255,.7)}.universe-core>div{width:55%;height:38%;margin:2px}.universe-core img{width:100%;height:100%}.universe-core>span,.universe-core strong,.universe-core small{font-size:clamp(.3rem,1.4vw,.48rem)}.brand-orbit{padding:7px 9px;gap:5px}.brand-icon{width:23px;height:23px;font-size:.65rem}.brand-orbit b{font-size:clamp(.42rem,1.6vw,.58rem)}.universe-caption{bottom:12%}.brand-google{top:4%}.brand-tripadvisor{right:-1%;top:22%}.brand-booking{right:3%;bottom:18%}.brand-thefork{bottom:1%}.brand-trustpilot{left:0;bottom:18%}.brand-doctoralia{left:-1%;top:25%}.brand-url{left:14%;top:12%}}
@media(max-width:480px){.reputation-orbit-upgrade .platform-copy h2{font-size:3.1rem}.reputation-orbit-upgrade .reputation-principles{gap:4px}.reputation-orbit-upgrade .reputation-principles span{padding:12px 9px}.brand-orbit{border-radius:8px}.brand-orbit b{display:none}.brand-icon{width:28px;height:28px}.brand-tripadvisor{right:1%}.brand-doctoralia{left:1%}.universe-caption{bottom:8%}}
@media(prefers-reduced-motion:reduce){.brand-orbit{transition:none!important}}

/* Conversion architecture v3 — clean editorial system */
:root{--paper:#faf8f5;--line:rgba(9,16,43,.11);--muted:#626979}.shell{width:min(1240px,calc(100% - 64px))}.section{padding:clamp(130px,11vw,175px) 0}.section-index,.page-progress,.cursor-light{display:none!important}h1{font-size:clamp(4rem,5.6vw,4.5rem);line-height:1.02}h2{font-size:clamp(2.75rem,4.2vw,3.4rem);line-height:1.05}h3{letter-spacing:-.04em}.eyebrow.light{color:var(--ink)}.site-header.scrolled{background:rgba(255,255,255,.9);border-color:rgba(9,16,43,.07);backdrop-filter:blur(12px)}.hero{background:#fff}.hero:after{display:none}.hero-grid{grid-template-columns:.88fr 1.12fr;gap:60px}.hero h1{max-width:690px}.hero h1 em{color:var(--ink)}.product-story{height:610px}.dashboard-card,.phone-card,.case-drawer{box-shadow:0 24px 70px rgba(9,16,43,.12)}.case-drawer{background:#fff;color:var(--ink);border:1px solid var(--line)}.case-drawer .drawer-head button{color:var(--ink)}.case-drawer>p{color:var(--muted)}
.problem-upgrade{background:var(--paper)}.problem-layout{grid-template-columns:.76fr 1.24fr;gap:100px}.problem-intro h2{font-size:clamp(3rem,4.2vw,3.7rem);letter-spacing:-.05em}.problem-intro .section-lead{font-size:1.05rem}.problem-intro .text-link{margin-top:35px}.problem-story{min-height:525px;border-radius:18px;box-shadow:none;opacity:.7}.problem-story.is-active,.problem-story:hover{box-shadow:0 22px 65px rgba(11,18,48,.08)}.problem-visual{height:310px;border-radius:12px}.problem-copy h3{font-size:1.75rem}.problem-copy>span{display:none}.text-link{display:inline-flex;color:var(--ink);font-size:.76rem;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}
.how-upgrade{background:#fff;color:var(--muted)}.how-upgrade:before{display:none}.how-upgrade h2,.how-upgrade h3{color:var(--ink)}.how-upgrade .section-heading>p{color:var(--muted)}.flow-rail{background:#e9e5df}.flow-step-head>b{background:#fff;color:var(--ink);border-color:#d8d4ce}.flow-step.is-current .flow-step-head>b,.flow-step.is-active .flow-step-head>b{color:#fff}.flow-visual{background:#f6f3ee;border-color:#e3dfd8}.flow-visual:before{background:radial-gradient(circle at 50% 30%,rgba(255,90,0,.08),transparent 48%)}.flow-step:hover .flow-visual,.flow-step.is-current .flow-visual{background:#faf8f5}.flow-step-head>span,.flow-step>p{color:var(--muted)}.flow-step h3{font-size:1.55rem}.policy-inline{margin-top:70px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.policy-inline p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.6}.policy-inline>div{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.policy-inline span{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:.58rem;font-weight:700}.how-upgrade>.shell>.text-link{margin-top:30px}
.outcomes-clean{background:var(--paper)}.outcomes-heading{max-width:850px;margin-bottom:75px}.outcomes-heading>p:last-child{max-width:650px;color:var(--muted);font-size:1.06rem}.benefit-editorial{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-bottom:45px}.benefit-editorial article{min-height:480px;padding:45px 45px 45px 0;border-bottom:1px solid var(--line);position:relative}.benefit-editorial article:nth-child(odd){border-right:1px solid var(--line)}.benefit-editorial article:nth-child(even){padding-left:45px}.benefit-editorial article>b{display:block;color:var(--o);font-size:.6rem;margin:30px 0 12px}.benefit-editorial h3{font-size:1.9rem}.benefit-editorial p{max-width:500px;color:var(--muted)}.benefit-product{height:170px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.benefit-product small{position:absolute;top:18px;left:22px;color:var(--muted);font-size:.5rem}.alert-product strong{padding:13px 16px;background:#fff4ec;color:var(--ink)}.alert-product span{color:var(--muted);font-size:.65rem}.follow-product span,.follow-product strong{padding:12px 15px;border:1px solid var(--line);font-size:.65rem}.follow-product strong{color:var(--green)}.follow-product i,.reputation-product i{font-style:normal;color:var(--o)}.pattern-product{flex-wrap:wrap}.pattern-product span{padding:7px 10px;background:#f4f1ec;border-radius:99px;font-size:.58rem}.pattern-product strong{width:100%;color:var(--o)}.reputation-product span,.reputation-product strong{font-size:.65rem}.reputation-product strong{color:var(--green)}
.product-wow{background:#fff}.product-heading{max-width:850px}.case-product{max-width:930px;margin:0 auto 110px;padding:36px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px rgba(11,18,48,.08)}.case-summary{display:flex;justify-content:space-between;align-items:start}.case-summary small{color:var(--o);font-size:.55rem}.case-summary h3{font-size:1.5rem;margin-top:7px}.case-summary>span{padding:7px 10px;background:#fff1df;color:#9a6300;font-size:.58rem}.case-product blockquote{margin:28px 0;padding:22px;background:var(--paper);border-left:2px solid var(--o);color:var(--muted)}.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-meta>span{padding:12px;border:1px solid var(--line)}.case-meta small,.case-meta b{display:block;font-size:.65rem}.case-meta small{color:var(--muted)}.case-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:28px 0}.case-timeline>span{position:relative;padding:35px 12px 10px;border-top:1px solid var(--line);font-size:.58rem}.case-timeline i{position:absolute;top:-11px;left:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--line);font-style:normal}.case-timeline .done i{background:var(--green);color:#fff;border-color:var(--green)}.case-timeline small{display:block;color:var(--muted)}.case-note{padding:16px;background:#f7f5f1}.case-note small{color:var(--o);font-size:.5rem}.case-note p{font-size:.68rem;margin:5px 0}.case-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.case-actions button{padding:9px 12px;background:#fff;border:1px solid var(--line);font-size:.58rem;font-weight:700}.case-actions .resolve{margin-left:auto;background:var(--o);color:#fff;border-color:var(--o)}.product-panorama{box-shadow:0 24px 70px rgba(11,18,48,.08)}.product-wow .product-panorama+.button{margin-top:30px}.product-wow:after{content:"Empieza con tu primera ubicación.";display:block;text-align:center;color:var(--muted);font-size:.65rem;margin-top:12px}
.pro{background:var(--paper);color:var(--muted)}.pro h2,.pro h3{color:var(--ink)}.pro-intro{align-items:end}.team-board{box-shadow:none;border:1px solid var(--line);border-radius:16px}.locations-pro{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;margin-top:22px;padding:42px;background:#fff;border:1px solid var(--line);border-radius:16px}.locations-pro small{color:var(--o);font-size:.55rem;font-weight:800}.locations-pro h3{font-size:2.1rem;margin:10px 0}.locations-pro p{margin:0}.location-list{display:grid;gap:8px}.location-list span{display:flex;justify-content:space-between;padding:15px;border:1px solid var(--line)}.location-list b{font-size:.68rem}.location-list i{font-style:normal;color:var(--muted);font-size:.6rem}.pro-note{color:var(--muted)}.pro-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pro-context-cta{margin:28px 0 0;background:var(--o);color:#fff;border-color:var(--o)}.pro-actions .button-secondary{margin-top:28px}
.sectors-upgrade{background:#fff}.sectors-upgrade .section-heading h2{max-width:800px}.sector-demo{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.sector-demo:before{background-image:linear-gradient(rgba(9,16,43,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,16,43,.035) 1px,transparent 1px)}.demo-top small{color:var(--muted)}.demo-question{border:1px solid var(--line);box-shadow:0 18px 45px rgba(11,18,48,.08)}.demo-result{border:1px solid var(--line);box-shadow:0 18px 45px rgba(11,18,48,.08)}.demo-value{background:var(--ink);color:#fff}.demo-value>strong{color:#fff}.sector-use span{font-size:.55rem}
.comparison{background:var(--paper);padding-bottom:80px}.comparison-head p:last-child{font-size:1rem}.compare-table{border-color:var(--line);box-shadow:none;background:#fff}.compare-row.heading{background:#fff;color:var(--ink);border-bottom:1px solid var(--ink)}.compare-row.heading>div:nth-child(2){color:var(--ink)}.compare-row>div:last-child{background:#fff7f1}.roi-simple{background:var(--paper);padding-block:80px}.roi-simple .split{padding-top:100px;border-top:1px solid var(--line)}.roi-simple h2{color:var(--ink)}.roi-simple .eyebrow{color:var(--ink)}.roi-simple .eyebrow>span{background:var(--o)}.roi-simple .split>div>p{color:var(--muted)}.calculator{background:#fff;box-shadow:none;border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:14px}.calculator label{color:var(--muted)}.calculator input{background:#fff;color:var(--ink);border-color:var(--line)}.pro-switch{grid-column:1/-1;display:flex!important;align-items:center;gap:10px}.pro-switch input{width:18px;height:18px}.calc-result{grid-column:1/-1;background:var(--paper);color:var(--ink)}.calc-result>strong{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15}.calc-result>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.calc-result>div span{padding:12px;background:#fff;font-size:.6rem;color:var(--muted)}.calc-result>div b{display:block;color:var(--ink);margin-top:3px}.calculator.is-updating .calc-result>strong{animation:calcFlash .35s ease}@keyframes calcFlash{50%{color:var(--o)}}.pricing{background:var(--paper);padding-block:80px 150px}.price-card{box-shadow:none}.pro-price{box-shadow:none;transform:none}.pricing-final{display:flex;width:max-content;margin:38px auto 0}.trust-faq{background:#fff}.faq-part{padding:0}.faq-part>.shell{grid-template-columns:.58fr 1.42fr}.faq-part .accordion{max-width:760px}.faq-part .accordion details[open]{background:#faf8f5}.final-cta{background:#fff;padding:40px 0 130px}.final-cta>.shell{min-height:520px;background:var(--paper);border-color:var(--line);border-radius:18px}.site-footer{background:#fff;border-top:1px solid var(--line)}
@media(max-width:900px){.shell{width:min(100% - 40px,820px)}.hero-grid{grid-template-columns:1fr}.hero h1{max-width:780px}.policy-inline{grid-template-columns:1fr}.policy-inline>div{justify-content:flex-start}.benefit-editorial article{padding:30px!important}.case-timeline{grid-template-columns:1fr 1fr;gap:20px}.locations-pro{grid-template-columns:1fr}.faq-part>.shell{grid-template-columns:1fr}.calculator{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.shell{width:calc(100% - 28px)}.section{padding:88px 0}h1{font-size:clamp(3rem,13vw,4rem)}h2{font-size:clamp(2.4rem,11vw,3.1rem)}.hero{padding-top:110px}.benefit-editorial{grid-template-columns:1fr}.benefit-editorial article{border-right:0!important;min-height:390px}.case-product{padding:20px}.case-meta,.case-timeline{grid-template-columns:1fr}.case-actions .resolve{margin-left:0}.locations-pro{padding:24px}.location-list span{display:block}.location-list i{display:block;margin-top:4px}.calculator{grid-template-columns:1fr;padding:18px}.calc-result>div{grid-template-columns:1fr}.reputation-orbit-upgrade .reputation-principles{grid-template-columns:1fr 1fr 1fr}.final-cta{padding-bottom:88px}.policy-inline{margin-top:45px}.product-wow:after{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.calculator.is-updating .calc-result>strong{animation:none!important}}
:root{--sora:'Sora',sans-serif;--inter:'Inter',sans-serif}
.product-wow:after{display:none}.product-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:38px}.product-cta span{color:var(--muted);font-size:.66rem}
.faq-part>.shell{display:block;max-width:820px}.faq-part>.shell>div:first-child{position:relative;top:auto;margin-bottom:55px}.faq-part .accordion{max-width:none}

/* Final CRO refinement */
.hero-difference{max-width:570px;margin:-20px 0 30px;padding-left:14px;border-left:2px solid var(--o);color:var(--ink);font-size:.78rem;font-weight:700;line-height:1.55}.hero-flow-simple{height:575px;position:relative;background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden}.hero-flow-simple:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(9,16,43,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,16,43,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(120deg,#000,transparent 85%)}.simple-phone{position:absolute;z-index:2;left:40px;top:72px;width:218px;height:405px;padding:21px 17px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px rgba(9,16,43,.1);font-size:.58rem}.simple-phone h3{font-size:1rem;line-height:1.15;margin:6px 0 16px}.simple-phone>small{color:var(--muted)}.simple-phone label{display:block;margin-top:15px;font-weight:700}.simple-phone textarea{width:100%;height:70px;resize:none;margin-top:6px;padding:8px;border:1px solid var(--line);font-size:.52rem}.hero-comment{position:absolute;z-index:3;left:235px;right:35px;top:155px;min-height:145px;padding:23px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 22px 60px rgba(9,16,43,.11);display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}.hero-comment>small{position:absolute;left:23px;top:17px;color:var(--o);font-size:.48rem;font-weight:800;letter-spacing:.1em}.hero-comment .comment-mood{width:38px;height:38px;display:grid;place-items:center;margin-top:18px;border-radius:50%;background:#fff0e6;color:var(--o)}.hero-comment>div{margin-top:18px}.hero-comment b{font-size:.66rem}.hero-comment p{margin:5px 0 0;color:var(--muted);font-size:.57rem;line-height:1.45}.hero-comment em{margin-top:18px;padding:7px 9px;background:#fff1df;color:#925f00;border-radius:99px;font-style:normal;font-size:.48rem;font-weight:800}.hero-follow{position:absolute;z-index:4;left:315px;right:50px;bottom:65px;padding:23px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 24px 65px rgba(9,16,43,.12);font-size:.62rem}.hero-follow .drawer-head small{color:var(--o);font-size:.46rem}.hero-follow .drawer-head b{display:block;color:var(--ink);font-size:.8rem}.hero-follow blockquote{margin:15px 0;padding:12px;background:var(--paper);border-left:2px solid var(--o);color:var(--muted)}.follow-state{display:flex;align-items:center;gap:9px;margin-bottom:14px}.follow-state span{color:var(--muted)}.follow-state i{font-style:normal;color:var(--o)}.follow-state strong{color:var(--green)}.hero-flow-simple .replay{right:20px;top:18px;z-index:6}.hero-flow-simple .demo-label{right:20px;bottom:17px}.hero-flow-simple.playing .simple-phone{animation:simplePhone 1s .4s var(--ease) both}.hero-flow-simple.playing .hero-comment{animation:simpleComment 1s 2.5s var(--ease) both}.hero-flow-simple.playing .hero-follow{animation:simpleFollow 1s 4.3s var(--ease) both}.hero-flow-simple.playing .hero-follow strong,.hero-flow-simple.playing .hero-comment em{animation:simpleResolved .7s 6.45s both}@keyframes simplePhone{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes simpleComment{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes simpleFollow{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes simpleResolved{50%,100%{color:var(--green);background:#ebfaef}}
.outcomes-clean{padding-block:105px}.outcomes-heading{margin-bottom:50px}.benefit-editorial article{min-height:365px}.benefit-product{height:135px}.coverage-note{display:block;margin-top:13px;color:var(--muted);font-size:.6rem}.calc-result>strong{display:block}.pricing-reassurance span:first-child{color:var(--ink);font-weight:800}.product-heading h2{max-width:900px}
@media(max-width:1100px){.hero-flow-simple{max-width:720px;width:100%;margin:auto}.hero-comment{left:250px}.hero-follow{left:330px}}
@media(max-width:620px){.hero-difference{margin-top:-12px}.hero-flow-simple{height:700px}.simple-phone{left:14px;top:62px;width:205px}.hero-comment{left:84px;right:12px;top:340px}.hero-follow{left:20px;right:12px;bottom:48px}.hero-comment p{font-size:.53rem}.benefit-editorial article{min-height:330px}.hero-flow-simple.playing .simple-phone,.hero-flow-simple.playing .hero-comment,.hero-flow-simple.playing .hero-follow,.hero-flow-simple.playing .hero-follow strong,.hero-flow-simple.playing .hero-comment em{animation:none}}
@media(prefers-reduced-motion:reduce){.hero-flow-simple *{animation:none!important}}

/* Hero recovery outcome */
.recovery-card{padding:20px 22px}.compensation{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;margin:15px 0;padding:13px;background:#fff8f2;border:1px solid #ffe0cc;border-radius:9px}.compensation>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--o);color:#fff;font-size:1.15rem}.compensation small,.compensation strong,.compensation p{display:block}.compensation small{color:var(--o);font-size:.45rem;font-weight:800;letter-spacing:.08em}.compensation strong{margin-top:2px;color:var(--ink);font-size:.68rem}.compensation p{margin:1px 0 0;color:var(--muted);font-size:.52rem}.recovery-card .follow-state{margin-bottom:12px}.recovery-card .resolve-button{background:var(--ink);color:#fff}.hero-flow-simple.playing .recovery-card .compensation{animation:compensationIn .75s 5.15s var(--ease) both}@keyframes compensationIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.recovery-card .compensation{animation:none!important}}

/* Hero prominence and explanatory motion */
.hero .shell{width:min(1380px,calc(100% - 64px))}.hero-grid{grid-template-columns:minmax(390px,.76fr) minmax(720px,1.24fr);gap:55px}.hero h1{max-width:610px;font-size:clamp(4rem,5.5vw,4.85rem)}.hero-flow-simple{height:670px;border-radius:26px;box-shadow:0 30px 85px rgba(9,16,43,.08)}.hero-flow-simple:after{content:"";position:absolute;z-index:1;inset:-35% auto -35% -28%;width:42%;background:linear-gradient(100deg,transparent,rgba(255,90,0,.06),transparent);transform:translateX(-120%) skewX(-12deg)}.simple-phone{left:42px;top:92px;width:245px;height:470px;padding:24px 19px;border-radius:26px}.simple-phone h3{font-size:1.14rem}.simple-phone textarea{height:84px}.simple-phone .moods button{width:58px;height:51px}.simple-phone .phone-submit{padding:13px}.hero-comment{left:270px;right:32px;top:174px;min-height:164px;padding:27px;grid-template-columns:46px 1fr auto}.hero-comment>small{left:27px;top:20px}.hero-comment .comment-mood{width:44px;height:44px}.hero-comment b{font-size:.72rem}.hero-comment p{font-size:.62rem}.hero-follow{left:372px;right:44px;bottom:64px;padding:25px 27px}.hero-follow .drawer-head b{font-size:.96rem}.compensation{grid-template-columns:48px 1fr;padding:16px;margin:18px 0}.compensation>span{width:46px;height:46px}.compensation strong{font-size:.75rem}.compensation p{font-size:.57rem}.recovery-card .follow-state{font-size:.66rem;margin:15px 0}.recovery-card .resolve-button{padding:13px}.hero-flow-simple .replay{right:25px;top:22px;font-size:.7rem}.hero-flow-simple .demo-label{right:25px;bottom:20px}.hero-connector{position:absolute;z-index:2;pointer-events:none}.hero-connector i{display:block;background:linear-gradient(90deg,var(--o),#ff9f66);box-shadow:0 0 12px rgba(255,90,0,.35);transform-origin:left}.hero-connector b{position:absolute;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--o);color:#fff;font:700 .52rem var(--sora);box-shadow:0 0 0 7px rgba(255,90,0,.09)}.connector-one{left:245px;top:242px;width:72px}.connector-one i{width:100%;height:2px}.connector-one b{right:-10px;top:-12px}.connector-two{left:67%;top:315px;height:72px}.connector-two i{width:2px;height:100%;transform-origin:top}.connector-two b{left:-12px;bottom:-8px}.hero-flow-simple.playing:after{animation:heroSweep 1.25s 1.15s var(--ease) both}.hero-flow-simple.playing .connector-one i{animation:pathX .7s 1.8s var(--ease) both}.hero-flow-simple.playing .connector-one b{animation:nodePop .45s 2.2s var(--ease) both}.hero-flow-simple.playing .connector-two i{animation:pathY .7s 3.55s var(--ease) both}.hero-flow-simple.playing .connector-two b{animation:nodePop .45s 3.95s var(--ease) both}@keyframes heroSweep{from{transform:translateX(-120%) skewX(-12deg)}to{transform:translateX(420%) skewX(-12deg)}}@keyframes pathX{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pathY{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes nodePop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.hero .shell{width:min(100% - 48px,860px)}.hero-grid{grid-template-columns:1fr}.hero h1{max-width:760px}.hero-flow-simple{max-width:800px;height:670px}}
@media(max-width:650px){.hero .shell{width:calc(100% - 28px)}.hero-flow-simple{height:760px;border-radius:20px}.simple-phone{left:14px;top:70px;width:220px;height:430px;padding:20px 16px}.simple-phone .moods button{width:53px;height:47px}.simple-phone textarea{height:70px}.hero-comment{left:72px;right:10px;top:365px;min-height:150px;padding:22px}.hero-follow{left:16px;right:10px;bottom:45px;padding:20px}.connector-one{display:none}.connector-two{left:52%;top:496px;height:48px}.compensation{padding:12px;margin:13px 0}.hero h1{font-size:clamp(3.15rem,14vw,4rem)}}
@media(prefers-reduced-motion:reduce){.hero-flow-simple:after,.hero-connector i,.hero-connector b{animation:none!important;transform:none!important}}

/* Simplified problem narrative */
.problem-simplified{padding-block:clamp(105px,9vw,145px);background:var(--paper);overflow:hidden}.problem-simple-heading{max-width:900px}.problem-simple-heading h2{max-width:850px}.problem-simple-heading>p:last-child{max-width:700px;margin:27px 0 0;color:var(--muted);font-size:1.06rem}.signal-strip{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:stretch;margin-top:68px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:255px}.signal-strip>article{padding:38px clamp(24px,3vw,44px);display:flex;flex-direction:column;justify-content:center;min-width:0}.strip-connector{width:1px;background:var(--line);position:relative}.strip-connector:after{content:"";position:absolute;left:-4px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--paper);border:1px solid #c9c5bf}.signal-title{display:flex;align-items:center;gap:12px}.signal-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:1.1rem}.signal-title b{font-size:.72rem}.signal-strip article>small{margin-top:20px;color:var(--muted);font-size:.62rem}.fade-route{display:flex;align-items:center;gap:14px;height:40px;margin-top:23px}.fade-route:before{content:"";width:48%;height:2px;background:linear-gradient(90deg,var(--o),rgba(255,90,0,0))}.fade-route i{width:7px;height:7px;border-radius:50%;background:var(--o)}.fade-route i:nth-child(2){opacity:.65}.fade-route i:nth-child(3){opacity:.32}.fade-route i:nth-child(4){opacity:.08}.unanswered-comment{display:flex;align-items:center;gap:13px;margin-top:23px}.unanswered-comment span{padding:11px 13px;background:#fff;border:1px solid var(--line);font-size:.62rem}.unanswered-comment i{width:32px;height:32px;position:relative;border-radius:50%;border:1px solid #d8d4ce}.unanswered-comment i:before{content:"";position:absolute;left:7px;right:7px;top:15px;height:1px;background:#aaa}.unanswered-comment i:after{content:"";position:absolute;width:38px;height:1px;background:var(--o);left:-4px;top:15px;transform:rotate(-45deg)}.comment-cloud{height:110px;position:relative}.comment-cloud span{position:absolute;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:6px;font-size:.55rem;white-space:nowrap;transition:transform 1s var(--ease),opacity 1s}.comment-cloud span:nth-child(1){left:0;top:0;transform:translate(-16px,-8px) rotate(-3deg)}.comment-cloud span:nth-child(2){right:0;top:34px;transform:translate(18px,0) rotate(2deg)}.comment-cloud span:nth-child(3){left:18%;bottom:0;transform:translate(-8px,10px) rotate(-1deg)}.scattered-signals strong{width:max-content;max-width:100%;padding:9px 12px;background:#fff4ec;color:var(--o);font-size:.62rem;opacity:0;transform:translateY(8px);transition:opacity .6s 1.5s,transform .6s 1.5s}.signal-strip.visible .fade-route i{animation:signalFade 1.1s .35s both}.signal-strip.visible .unanswered-comment{animation:unanswered 1s .85s var(--ease) both}.signal-strip.visible .comment-cloud span{transform:translate(0,0) rotate(0)}.signal-strip.visible .scattered-signals strong{opacity:1;transform:none}@keyframes signalFade{0%{opacity:1;transform:translateX(0)}100%{opacity:.06;transform:translateX(12px)}}@keyframes unanswered{0%{opacity:0;transform:translateY(8px)}50%,100%{opacity:1;transform:none}}.problem-conclusion{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px}.problem-conclusion p{max-width:760px;margin:0;color:var(--ink);font:600 clamp(1.25rem,2vw,1.65rem)/1.35 var(--sora);letter-spacing:-.035em}.problem-conclusion .text-link{flex:0 0 auto}
@media(max-width:800px){.signal-strip{grid-template-columns:1fr;margin-top:48px}.strip-connector{width:100%;height:1px}.strip-connector:after{left:50%;top:-4px}.signal-strip>article{min-height:210px;padding:30px 20px}.comment-cloud{max-width:360px}.problem-conclusion{display:block}.problem-conclusion .text-link{margin-top:25px}}
@media(max-width:500px){.problem-simplified{padding-block:85px}.problem-simple-heading>p:last-child{font-size:1rem}.signal-strip>article{min-height:195px}.problem-conclusion p{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.fade-route i,.unanswered-comment,.comment-cloud span,.scattered-signals strong{animation:none!important;transition:none!important}.signal-strip .comment-cloud span{transform:none}.signal-strip .scattered-signals strong{opacity:1;transform:none}}

/* Honest experience classification in hero */
.hero-filter-proof{display:flex;gap:6px;flex-wrap:wrap;margin:-16px 0 30px}.hero-filter-proof span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted);font-size:.56rem;font-weight:700}.hero-filter-proof i{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#eaf9ef;color:var(--green);font-style:normal}.hero-filter-proof span:nth-child(2) i{background:#fff4ec;color:var(--o)}.hero-filter-proof span:nth-child(3) i{background:#fff0e3;color:#a8561d}.hero-copy .hero-difference{margin-bottom:28px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor-light{display:none}}

/* Final commercial direction: light, quiet and product-led. */
:root{--sora:'Sora',sans-serif;--inter:'Inter',sans-serif;--paper:#fffcf8;--white:#fff;--line:#e8e5e0;--muted:#626775;--ink:#0b1230;--black:#1a1e28}
body{background:var(--paper);background-image:none}.cursor-light{display:none!important}.section{padding:clamp(96px,8vw,140px) 0}.section-index{display:none}h1{font-size:clamp(3.7rem,6vw,6rem);line-height:.98}h2{font-size:clamp(2.8rem,4.8vw,4.8rem);line-height:1}.hero:after{display:none}.hero:before{opacity:.18;background-size:64px 64px}.product-story,.dashboard-card,.phone-card,.case-drawer{transform:none!important}.story-glow{filter:none;background:radial-gradient(circle,rgba(255,90,0,.09),transparent 68%)}.dashboard-card{border-radius:18px;box-shadow:0 32px 90px rgba(11,18,48,.12)}.phone-card{border-radius:24px;box-shadow:0 25px 65px rgba(11,18,48,.14)}.case-drawer{background:#fff;color:var(--black);border:1px solid var(--line);box-shadow:0 25px 65px rgba(11,18,48,.14)}.case-drawer .drawer-head b{color:var(--ink)}.case-drawer>p{color:var(--muted)}.resolve-button{background:var(--ink);color:#fff}.trust-strip{transform:none;margin:0;background:var(--ink)}.trust-strip .shell{animation:none;min-height:92px}.problem:before{display:none}.problem-sequence article:after{background:var(--ink)}.how{border-radius:0;background:var(--ink)}.mini{clip-path:none;border-radius:18px}.step>b{box-shadow:0 0 0 10px var(--ink)}.recovery:before,.platforms:after,.pro:before{display:none}.recovery-ui{transform:none;box-shadow:0 30px 80px rgba(11,18,48,.12);border-radius:20px}.orbit,.platform{animation:none}.orbit-center{clip-path:none;border-radius:24px}.platform{box-shadow:0 14px 40px rgba(11,18,48,.1)}.team-board{transform:none;box-shadow:0 35px 90px rgba(0,0,0,.2);border-radius:20px}.pro-context-cta{display:flex;width:max-content;margin:28px auto 0;background:#fff;color:var(--ink);border-color:#fff}.sector-stage{clip-path:none;border-radius:22px}.location-card,.insight{transform:none}.compare-table{box-shadow:0 25px 70px rgba(11,18,48,.1);border-color:var(--line)}.roi{background:var(--ink)}.calculator{box-shadow:0 30px 80px rgba(0,0,0,.18);border-radius:18px}.pricing-reassurance{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:48px auto 0;color:var(--muted);font-size:.75rem}.pricing-reassurance span:before{content:'✓';color:var(--green);font-weight:800;margin-right:7px}.price-card{box-shadow:0 25px 70px rgba(11,18,48,.08);border-color:var(--line)}.pro-price{box-shadow:0 30px 80px rgba(11,18,48,.16)}
.product-wow{background:#fff;overflow:hidden}.product-heading{max-width:930px;margin-bottom:60px}.product-heading>p:last-child{max-width:650px;color:var(--muted);font-size:1.08rem}.product-panorama{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 40px 100px rgba(11,18,48,.12)}.panorama-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:.76rem}.panorama-top>div{display:flex;align-items:center;gap:10px}.panorama-top img{object-fit:contain}.panorama-top>span{color:var(--muted);border:1px solid var(--line);padding:7px 10px;border-radius:7px}.panorama-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.panorama-metrics article{padding:18px;background:#faf8f5;border:1px solid #f2efeb;border-radius:12px}.panorama-metrics small,.panorama-metrics span{display:block;color:var(--muted);font-size:.68rem}.panorama-metrics strong{display:block;font:600 1.8rem var(--sora);color:var(--ink);margin:3px 0}.panorama-main{display:grid;grid-template-columns:1.65fr .85fr;gap:14px}.panorama-chart,.panorama-feed{border:1px solid var(--line);border-radius:14px;padding:20px}.chart-title,.feed-head{display:flex;justify-content:space-between;font-size:.76rem}.chart-title span,.feed-head span{color:var(--muted);font-size:.67rem}.panorama-chart svg{width:100%;height:250px;margin-top:15px}.p-grid{stroke:#eee;stroke-width:1}.p-area{fill:rgba(255,90,0,.07)}.p-line{fill:none;stroke:var(--o);stroke-width:3}.distribution{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.67rem}.distribution i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--o);margin-right:6px}.distribution span:nth-child(2) i{background:#0b1230}.distribution span:nth-child(3) i{background:#f59e0b}.panorama-feed article{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.panorama-feed article:last-child{border:0}.panorama-feed .mood{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eafff0;color:var(--green);font-style:normal}.panorama-feed .mood.wait{background:#fff1dd;color:#a76400}.panorama-feed b{font-size:.72rem}.panorama-feed p{font-size:.65rem;color:var(--muted);margin:2px 0}.panorama-feed article>small{font-size:.57rem;color:var(--muted)}.panorama-locations{display:flex;align-items:center;gap:10px;margin-top:14px;padding:14px;background:#faf8f5;border-radius:10px;font-size:.68rem}.panorama-locations>b{margin-right:auto}.panorama-locations span{padding-left:12px;border-left:1px solid var(--line)}.panorama-locations em{font-style:normal;color:var(--muted);margin-left:4px}.product-panorama>.example-note{text-align:right}
.trust-faq{background:#fff}.trust-part{padding-bottom:100px;border-bottom:1px solid var(--line)}.trust-part .confidence>.shell,.trust-part>.shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.trust-part .confidence-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-part .confidence-grid article{min-height:220px;border:1px solid var(--line)!important;border-right:0!important}.trust-part .confidence-grid article:last-child{border-right:1px solid var(--line)!important}.faq-part{padding-top:100px}.faq-part>.shell{display:grid;grid-template-columns:.68fr 1.32fr;gap:100px;align-items:start}.faq-part>.shell>div:first-child{position:sticky;top:120px}.faq-part .accordion details{background:transparent}.faq-part .accordion details[open]{background:#faf8f5}.final-cta{background:#fff;padding-bottom:120px}.final-cta>.shell{background:#fff7f1;border:1px solid #ffe0cc;clip-path:none;border-radius:24px;color:var(--black);min-height:560px}.final-cta>.shell:before{display:none}.final-cta h2,.final-cta .eyebrow{color:var(--ink)}.final-cta .eyebrow>span{background:var(--o)}.final-cta p{color:var(--muted)}.final-cta .button{background:var(--o);border-color:var(--o)}.final-cta .button-secondary{background:#fff;color:var(--ink);border-color:var(--line)}.final-phone,.final-panel{transform:none;border-color:var(--line);box-shadow:0 25px 65px rgba(11,18,48,.12)}
@media(max-width:900px){.panorama-metrics{grid-template-columns:1fr 1fr}.panorama-main{grid-template-columns:1fr}.trust-part .confidence-grid{grid-template-columns:1fr 1fr}.trust-part .confidence-grid article{border-right:1px solid var(--line)!important}.faq-part>.shell{grid-template-columns:1fr;gap:45px}.faq-part>.shell>div:first-child{position:relative;top:auto}}
@media(max-width:560px){.section{padding:82px 0}h1{font-size:clamp(3rem,13vw,4rem)}h2{font-size:clamp(2.45rem,11vw,3.4rem)}.panorama-metrics{grid-template-columns:1fr}.product-panorama{padding:14px;border-radius:15px}.panorama-chart,.panorama-feed{padding:14px}.panorama-chart svg{height:180px}.panorama-locations{display:grid}.panorama-locations span{border-left:0;padding-left:0}.trust-part{padding-bottom:75px}.faq-part{padding-top:75px}.trust-part .confidence-grid{grid-template-columns:1fr}.pricing-reassurance{justify-content:flex-start;gap:10px 18px}.final-cta>.shell{padding:38px 22px}}

/* High-impact problem triptych */
.problem-simplified{background:#fff}.signal-strip{grid-template-columns:1fr 48px 1fr 48px 1fr;gap:0;border:0;min-height:410px;overflow:visible}.signal-strip>article{min-height:410px;padding:36px;border-radius:24px;position:relative;overflow:hidden;justify-content:flex-start;box-shadow:0 24px 60px rgba(9,16,43,.09);transition:transform .65s var(--ease),box-shadow .65s}.signal-strip>article:hover{transform:translateY(-10px);box-shadow:0 34px 75px rgba(9,16,43,.15)}.signal-strip>article:before{content:"";position:absolute;width:240px;height:240px;right:-105px;top:-105px;border:1px solid currentColor;border-radius:50%;opacity:.12;box-shadow:0 0 0 32px currentColor,0 0 0 64px currentColor}.lost-experience{background:var(--o);color:#fff}.silent-problem{background:var(--ink);color:#fff}.scattered-signals{background:#e6f0ff;color:var(--ink)}.signal-icon{width:104px;height:104px;display:grid;place-items:center;margin-bottom:auto;border-radius:26px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);position:relative;z-index:2}.scattered-signals .signal-icon{background:#fff;border-color:#d7e2f2}.signal-icon svg{width:68px;height:68px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.silent-problem .signal-icon .slash{stroke:var(--o);stroke-width:4}.signal-strip .signal-title{margin-top:28px;position:relative;z-index:2}.signal-strip .signal-title b{font:600 1.35rem/1.2 var(--sora);letter-spacing:-.035em}.signal-strip article>small{margin-top:18px;color:inherit;opacity:.75;font-size:.68rem;position:relative;z-index:2}.signal-strip .fade-route{margin-top:23px}.lost-experience .fade-route:before{background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.lost-experience .fade-route i{background:#fff}.silent-problem .unanswered-comment{position:relative;z-index:2}.silent-problem .unanswered-comment span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.silent-problem .unanswered-comment i{border-color:rgba(255,255,255,.25)}.comment-cloud{margin-top:20px;height:115px;z-index:2}.comment-cloud span{border:0;box-shadow:0 8px 25px rgba(35,53,92,.12);font-size:.59rem}.scattered-signals>strong{background:var(--ink);color:#fff;border-radius:7px;padding:11px 13px;position:relative;z-index:3}.strip-connector{width:48px;height:auto;background:transparent;display:grid;place-items:center;position:relative}.strip-connector:before{content:"";position:absolute;left:6px;right:6px;top:50%;height:2px;background:linear-gradient(90deg,var(--o),rgba(255,90,0,.2))}.strip-connector:after{display:none}.strip-connector span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #ffd7bf;color:var(--o);font-style:normal;font-weight:800;position:relative;z-index:2}.problem-conclusion{margin-top:55px;padding:30px 0;border-top:1px solid var(--line)}.problem-conclusion p{font-size:clamp(1.5rem,2.5vw,2.15rem)}.problem-conclusion em{font-style:normal;color:var(--o)}.signal-strip.visible>article{animation:triptychIn .8s var(--ease) both}.signal-strip.visible>article:nth-of-type(2){animation-delay:.18s}.signal-strip.visible>article:nth-of-type(3){animation-delay:.36s}.signal-strip.visible .signal-icon{animation:iconPulse .8s .45s var(--ease) both}@keyframes triptychIn{from{opacity:0;transform:translateY(38px) scale(.97)}to{opacity:1;transform:none}}@keyframes iconPulse{from{opacity:0;transform:scale(.65) rotate(-8deg)}to{opacity:1;transform:none}}
@media(max-width:1000px){.signal-strip{grid-template-columns:1fr;gap:18px}.signal-strip>article{min-height:360px}.strip-connector{width:100%;height:28px}.strip-connector:before{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto}.strip-connector span{transform:rotate(90deg)}.signal-icon{width:92px;height:92px}.problem-conclusion{margin-top:40px}}
@media(max-width:520px){.signal-strip>article{min-height:330px;padding:28px}.signal-icon{width:82px;height:82px;border-radius:22px}.signal-icon svg{width:56px;height:56px}.signal-strip .signal-title{margin-top:23px}.problem-conclusion p{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.signal-strip.visible>article,.signal-strip.visible .signal-icon{animation:none!important}}

/* Branching product flow */
.how-branch{background:var(--paper);overflow:hidden}.branch-heading{max-width:930px;margin-bottom:75px}.branch-heading>p:last-child{max-width:720px;margin:26px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.65}.branch-flow{min-height:720px;display:grid;grid-template-columns:330px minmax(150px,220px) minmax(580px,1fr);align-items:center;position:relative}.flow-entry{position:relative;z-index:3}.entry-label{margin-bottom:20px}.entry-label b,.entry-label span{display:block}.entry-label b{font:600 .82rem var(--sora);color:var(--ink)}.entry-label span{margin-top:4px;color:var(--muted);font-size:.67rem}.flow-phone{width:280px;padding:23px 20px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(11,18,48,.11)}.flow-phone-brand{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:.61rem}.flow-phone-brand img{object-fit:contain}.flow-phone>small{color:var(--muted);font-size:.54rem}.flow-phone h3{margin:6px 0 18px;font-size:1.1rem;line-height:1.12}.flow-moods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.flow-moods button{min-width:0;height:77px;padding:8px 4px;border:1px solid var(--line);background:#fff;color:var(--ink)}.flow-moods i,.flow-moods span{display:block}.flow-moods i{font-style:normal;font-size:1.2rem}.flow-moods span{margin-top:5px;color:var(--muted);font-size:.42rem;line-height:1.2}.flow-moods .chosen{border-color:var(--o);background:#fff5ef;color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}.flow-phone label{display:block;margin-top:17px;color:var(--ink);font-size:.58rem;font-weight:700}.flow-phone textarea{width:100%;height:72px;resize:none;margin-top:6px;padding:9px;border:1px solid var(--line);background:#fff;font-size:.55rem}.flow-submit{width:100%;height:42px;margin-top:10px;border:0;background:var(--o);color:#fff;font-size:.61rem;font-weight:800}.branch-lines{width:100%;height:620px;overflow:visible}.branch-lines path{fill:none;stroke-width:2}.branch-base{stroke:#d9d5cf}.branch-positive-line,.branch-attention-line{stroke:var(--o);stroke-dasharray:620;stroke-dashoffset:620}.branch-lines circle{fill:#fff;stroke:var(--o);stroke-width:2}.flow-paths{display:grid;gap:28px}.flow-paths article{min-height:315px;display:grid;grid-template-columns:minmax(180px,.65fr) minmax(310px,1.35fr);gap:28px;align-items:center;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);opacity:.38;transition:opacity .5s}.path-copy small{color:var(--o);font-size:.53rem;font-weight:800;letter-spacing:.12em}.path-copy h3{margin:10px 0;font-size:1.7rem;line-height:1.08}.path-copy p{margin:0;color:var(--muted);font-size:.68rem}.public-opinion-ui,.incident-ui{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 18px 50px rgba(11,18,48,.07)}.opinion-score{display:flex;align-items:center;gap:12px}.opinion-score>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff4ec;color:var(--o);font-size:1.2rem}.opinion-score small,.opinion-score strong{display:block}.opinion-score small{color:var(--muted);font-size:.52rem}.opinion-score strong{font-size:.72rem}.destination-list{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.destination-list span{padding:7px 9px;border:1px solid var(--line);border-radius:6px;font-size:.51rem;font-weight:700;color:var(--ink);opacity:.35;transform:translateY(5px)}.public-opinion-ui button,.incident-ui>button{width:100%;height:39px;border:0;background:var(--ink);color:#fff;font-size:.58rem;font-weight:800}.incident-top{display:flex;align-items:center;justify-content:space-between;font-size:.58rem;font-weight:800}.incident-top>span{display:flex;align-items:center;gap:7px}.incident-top img{object-fit:contain}.incident-top em{position:relative;width:62px;height:23px;font-style:normal}.incident-top em i{position:absolute;inset:0;display:grid;place-items:center;border-radius:99px;font-style:normal;font-size:.48rem}.status-pending{background:#fff0e2;color:#a7561e}.status-resolved{background:#e9f9ee;color:var(--green);opacity:0}.incident-ui blockquote{margin:15px 0;padding:12px;background:#fff8f2;border-left:2px solid var(--o);color:var(--muted);font-size:.58rem}.incident-ui dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0}.incident-ui dl>div{padding:9px;border:1px solid var(--line)}.incident-ui dt{color:var(--muted);font-size:.46rem}.incident-ui dd{margin:2px 0 0;font-size:.55rem;font-weight:700}.incident-note{display:flex;gap:9px;margin:8px 0;padding:9px;background:#faf8f5;font-size:.5rem}.incident-note small{color:var(--o);font-weight:800}.incident-sequence{display:flex;align-items:center;gap:5px;margin:12px 0;color:var(--muted);font-size:.43rem;white-space:nowrap}.incident-sequence i{font-style:normal;color:var(--o)}.incident-sequence strong{color:var(--green)}.incident-ui>button{background:var(--o)}.branch-outcome{margin-top:70px;text-align:center}.branch-outcome h3{font-size:clamp(2.1rem,4vw,3.5rem)}.branch-outcome>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:28px}.branch-outcome span{padding:11px 15px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);font-size:.63rem;font-weight:700}.branch-outcome span:before{content:"✓";margin-right:7px;color:var(--o)}.branch-legal{max-width:820px;margin:30px auto 0;text-align:center;color:var(--muted);font-size:.65rem}.branch-flow.visible .flow-moods .chosen{animation:moodChoose .55s .45s var(--ease) both}.branch-flow.visible .flow-submit{animation:submitPress .5s 1.1s var(--ease) both}.branch-flow.visible .branch-positive-line{animation:branchDraw 1.2s 1.55s var(--ease) forwards}.branch-flow.visible .positive-path{animation:pathReveal .75s 2.45s var(--ease) forwards}.branch-flow.visible .positive-path .destination-list span{animation:destinationIn .45s var(--ease) forwards}.branch-flow.visible .positive-path .destination-list span:nth-child(1){animation-delay:3s}.branch-flow.visible .positive-path .destination-list span:nth-child(2){animation-delay:3.12s}.branch-flow.visible .positive-path .destination-list span:nth-child(3){animation-delay:3.24s}.branch-flow.visible .positive-path .destination-list span:nth-child(4){animation-delay:3.36s}.branch-flow.visible .positive-path .destination-list span:nth-child(5){animation-delay:3.48s}.branch-flow.visible .positive-path .destination-list span:nth-child(6){animation-delay:3.6s}.branch-flow.visible .branch-attention-line{animation:branchDraw 1.2s 3.85s var(--ease) forwards}.branch-flow.visible .attention-path{animation:pathReveal .75s 4.7s var(--ease) forwards}.branch-flow.visible .incident-ui{animation:incidentIn .65s 5.2s var(--ease) both}.branch-flow.visible .status-pending{animation:pendingOut .45s 7.1s forwards}.branch-flow.visible .status-resolved{animation:resolvedIn .45s 7.15s forwards}.branch-flow.visible .incident-sequence strong{animation:resultPulse .5s 7.35s both}@keyframes moodChoose{50%{transform:scale(.94)}100%{transform:none;box-shadow:0 0 0 5px rgba(255,90,0,.09)}}@keyframes submitPress{50%{transform:scale(.97)}100%{transform:none}}@keyframes branchDraw{to{stroke-dashoffset:0}}@keyframes pathReveal{to{opacity:1}}@keyframes destinationIn{to{opacity:1;transform:none}}@keyframes incidentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pendingOut{to{opacity:0}}@keyframes resolvedIn{to{opacity:1}}@keyframes resultPulse{50%{color:var(--o);transform:scale(1.06)}}
@media(max-width:1080px){.branch-flow{grid-template-columns:300px 120px minmax(520px,1fr)}.flow-paths article{grid-template-columns:1fr;gap:15px}.path-copy h3{font-size:1.45rem}.branch-lines{height:720px}.flow-paths article{min-height:350px}}
@media(max-width:820px){.branch-heading{margin-bottom:55px}.branch-flow{display:block;min-height:0}.flow-entry{max-width:340px;margin:auto}.flow-phone{width:100%}.branch-lines{display:block;width:2px;height:90px;margin:auto;background:linear-gradient(var(--o),rgba(255,90,0,.18))}.branch-lines>*{display:none}.flow-paths{gap:22px}.flow-paths article{min-height:0;display:grid;grid-template-columns:1fr;gap:22px;padding:28px 0;opacity:1}.branch-outcome{margin-top:55px}.incident-sequence{white-space:normal;flex-wrap:wrap}.branch-flow.visible .flow-paths article,.branch-flow.visible .incident-ui{animation:none}.destination-list span{opacity:1;transform:none}.status-pending{opacity:0}.status-resolved{opacity:1}}
@media(max-width:480px){.branch-heading>p:last-child{font-size:1rem}.flow-phone{padding:20px 16px}.flow-moods button{height:72px}.flow-paths article{padding:24px 0}.public-opinion-ui,.incident-ui{padding:16px}.incident-ui dl{grid-template-columns:1fr}.branch-outcome h3{font-size:2.2rem}.branch-outcome>div{display:grid}.branch-legal{text-align:left}}
@media(prefers-reduced-motion:reduce){.branch-flow *,.branch-flow path{animation:none!important;transition:none!important}.branch-positive-line,.branch-attention-line{stroke-dashoffset:0}.flow-paths article,.destination-list span,.status-resolved{opacity:1;transform:none}.status-pending{opacity:0}}

/* Problem distribution chart */
.scattered-signals .signal-icon{width:76px;height:76px;margin-bottom:0;border-radius:20px}.scattered-signals .signal-icon svg{width:49px;height:49px}.scattered-signals .signal-title{margin-top:16px}.problem-chart{display:grid;grid-template-columns:124px 1fr;gap:15px;align-items:center;margin:17px 0 14px;position:relative;z-index:3}.problem-donut{width:124px;height:124px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--o) 0 40%,#5b38ff 40% 60%,#f59e0b 60% 75%,#00bcd4 75% 85%,#b9c5d9 85% 100%);box-shadow:0 15px 35px rgba(35,53,92,.15);position:relative}.problem-donut:before{content:"";position:absolute;inset:19px;border-radius:50%;background:#fff}.problem-donut>span{position:relative;z-index:2;text-align:center}.problem-donut b,.problem-donut small{display:block}.problem-donut b{font:700 1.35rem var(--sora);color:var(--ink)}.problem-donut small{margin:0!important;color:var(--muted)!important;font-size:.48rem!important}.problem-chart ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.problem-chart li{display:grid;grid-template-columns:7px 1fr auto;gap:6px;align-items:center;font-size:.48rem;color:#536079}.problem-chart li i{width:7px;height:7px;border-radius:50%;background:var(--o)}.problem-chart li:nth-child(2) i{background:#5b38ff}.problem-chart li:nth-child(3) i{background:#f59e0b}.problem-chart li:nth-child(4) i{background:#00bcd4}.problem-chart li:nth-child(5) i{background:#b9c5d9}.problem-chart li b{color:var(--ink);font-size:.5rem}.scattered-signals>strong{font-size:.56rem}.signal-strip .scattered-signals>.chart-disclaimer{margin-top:8px;color:#65738b;opacity:1;font-size:.46rem}.signal-strip.visible .problem-donut{animation:donutIn .9s .75s var(--ease) both}.signal-strip.visible .problem-chart li{animation:legendIn .45s var(--ease) both}.signal-strip.visible .problem-chart li:nth-child(1){animation-delay:1.1s}.signal-strip.visible .problem-chart li:nth-child(2){animation-delay:1.2s}.signal-strip.visible .problem-chart li:nth-child(3){animation-delay:1.3s}.signal-strip.visible .problem-chart li:nth-child(4){animation-delay:1.4s}.signal-strip.visible .problem-chart li:nth-child(5){animation-delay:1.5s}@keyframes donutIn{from{opacity:0;transform:scale(.65) rotate(-80deg)}to{opacity:1;transform:none}}@keyframes legendIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px) and (min-width:1001px){.problem-chart{grid-template-columns:100px 1fr}.problem-donut{width:100px;height:100px}.problem-donut:before{inset:16px}}
@media(max-width:1000px){.problem-chart{max-width:390px;grid-template-columns:140px 1fr}.problem-donut{width:140px;height:140px}.scattered-signals .signal-icon{width:88px;height:88px}.signal-strip>article.scattered-signals{min-height:440px}}
@media(max-width:420px){.problem-chart{grid-template-columns:112px 1fr;gap:10px}.problem-donut{width:112px;height:112px}.problem-donut:before{inset:17px}}
@media(prefers-reduced-motion:reduce){.problem-donut,.problem-chart li{animation:none!important}}

/* Editorial problem journey — premium asymmetric composition */
.problem-simplified{padding-block:clamp(115px,10vw,160px);background:#fbfaf7}.problem-simple-heading{max-width:800px}.problem-simple-heading h2{max-width:760px;font-size:clamp(2.8rem,4.2vw,4rem);line-height:1.04;letter-spacing:-.055em}.problem-simple-heading>p:last-child{max-width:620px;font-size:1rem;line-height:1.7}.signal-strip{min-height:590px;grid-template-columns:minmax(190px,.78fr) 82px minmax(205px,.86fr) 82px minmax(340px,1.38fr);align-items:start;margin-top:75px;position:relative}.signal-strip:before{content:"";position:absolute;left:4%;right:3%;top:47%;height:1px;background:linear-gradient(90deg,rgba(11,18,48,.12),rgba(255,90,0,.42),rgba(11,18,48,.12));z-index:0}.signal-strip>article{min-height:0!important;padding:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;overflow:visible!important;position:relative;z-index:2}.signal-strip>article:hover{transform:none!important;box-shadow:none!important}.signal-strip>article:before{display:none!important}.lost-experience{margin-top:105px}.silent-problem{margin-top:30px}.scattered-signals{margin-top:0;padding:0 0 25px!important}.signal-icon,.scattered-signals .signal-icon{width:82px;height:82px;margin:0 0 34px;border-radius:50%;background:transparent;border:1px solid rgba(11,18,48,.16);color:var(--ink)}.lost-experience .signal-icon{color:var(--o);border-color:rgba(255,90,0,.32)}.signal-icon svg,.scattered-signals .signal-icon svg{width:50px;height:50px;stroke-width:2}.silent-problem .signal-icon .slash{stroke-width:3}.signal-strip .signal-title{margin:0}.signal-strip .signal-title b{font-size:clamp(1.25rem,1.7vw,1.55rem)}.signal-strip article>small{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:22px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:99px;color:var(--muted)!important;opacity:1;font-size:.58rem}.signal-strip article>small:before{content:"";width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--o)}.fade-route{height:55px;margin-top:32px}.fade-route:before{width:58%;background:linear-gradient(90deg,var(--o),transparent)!important}.lost-experience .fade-route i{background:var(--o)}.silent-problem .unanswered-comment{margin-top:34px}.silent-problem .unanswered-comment span{padding:13px 14px;background:#fff;color:var(--ink);border:1px solid var(--line)}.silent-problem .unanswered-comment i{border-color:var(--line)}.strip-connector{width:82px;min-height:420px;background:transparent}.strip-connector:before{left:9px;right:9px;top:47%;height:1px;background:repeating-linear-gradient(90deg,rgba(11,18,48,.22) 0 5px,transparent 5px 10px)}.strip-connector span{width:25px;height:25px;border:0;background:#fbfaf7;color:var(--o);font-size:.75rem}.scattered-signals:after{content:"";position:absolute;z-index:-1;width:390px;height:390px;left:50%;top:43%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(230,240,255,.82),rgba(230,240,255,0) 70%)}.pattern-comments{height:76px;position:relative;margin:22px 0 8px}.pattern-comments span{position:absolute;padding:7px 9px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 20px rgba(11,18,48,.05);color:var(--muted);font-size:.5rem;white-space:nowrap}.pattern-comments span:nth-child(1){left:0;top:0;transform:translate(-16px,-5px) rotate(-3deg)}.pattern-comments span:nth-child(2){right:2%;top:13px;transform:translate(15px,-4px) rotate(2deg)}.pattern-comments span:nth-child(3){left:23%;bottom:0;transform:translate(-8px,9px) rotate(-1deg)}.problem-chart{grid-template-columns:116px 1fr;gap:18px;margin:12px 0 14px}.problem-donut{width:116px;height:116px;box-shadow:none}.problem-donut:before{inset:18px}.problem-chart li{font-size:.47rem}.scattered-signals>strong{display:inline-flex!important;width:max-content;max-width:100%;padding:9px 12px;background:var(--ink);color:#fff;font-size:.55rem}.signal-strip .scattered-signals>.chart-disclaimer{padding:0;border:0;background:transparent}.signal-strip .scattered-signals>.chart-disclaimer:before{display:none}.problem-conclusion{max-width:760px;margin:20px 0 0 auto;padding:26px 0 0 28px;border:0;border-left:2px solid var(--o);display:block}.problem-conclusion p{font-size:clamp(1.35rem,2vw,1.85rem)}.problem-conclusion .text-link{margin-top:20px}.signal-strip.visible>article{animation:editorialScene .8s var(--ease) both}.signal-strip.visible>article:nth-of-type(2){animation-delay:.2s}.signal-strip.visible>article:nth-of-type(3){animation-delay:.42s}.signal-strip.visible .signal-icon{animation:editorialIcon .65s .35s var(--ease) both}.signal-strip.visible .pattern-comments span{animation:gatherComment .8s var(--ease) forwards}.signal-strip.visible .pattern-comments span:nth-child(1){animation-delay:.8s}.signal-strip.visible .pattern-comments span:nth-child(2){animation-delay:1s}.signal-strip.visible .pattern-comments span:nth-child(3){animation-delay:1.2s}.signal-strip.visible .problem-donut{animation:donutIn .8s 1.55s var(--ease) both}@keyframes editorialScene{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes editorialIcon{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:none}}@keyframes gatherComment{to{transform:translate(0,0) rotate(0);border-color:rgba(255,90,0,.25)}}
@media(max-width:1050px){.signal-strip{grid-template-columns:1fr 52px 1fr 52px 1.2fr}.strip-connector{width:52px}.problem-chart{grid-template-columns:100px 1fr}.problem-donut{width:100px;height:100px}.problem-donut:before{inset:16px}}
@media(max-width:820px){.signal-strip{grid-template-columns:1fr;min-height:0;gap:0}.signal-strip:before{left:40px;right:auto;top:20px;bottom:20px;width:1px;height:auto}.signal-strip>article{margin:0!important;padding:35px 0 35px 85px!important;min-height:280px!important}.strip-connector{width:1px;height:42px;min-height:42px;margin-left:40px;background:rgba(11,18,48,.14)}.strip-connector:before{display:none}.strip-connector span{margin-left:-12px;transform:rotate(90deg)}.scattered-signals:after{left:62%;width:330px;height:330px}.problem-conclusion{margin-top:35px;max-width:none}.problem-chart{max-width:390px;grid-template-columns:120px 1fr}.problem-donut{width:120px;height:120px}}
@media(max-width:520px){.signal-strip>article{padding-left:68px!important}.signal-strip:before,.strip-connector{margin-left:0;left:28px}.strip-connector{margin-left:28px}.signal-icon,.scattered-signals .signal-icon{width:72px;height:72px;margin-bottom:25px}.signal-icon svg,.scattered-signals .signal-icon svg{width:44px;height:44px}.problem-chart{grid-template-columns:105px 1fr;gap:12px}.problem-donut{width:105px;height:105px}.pattern-comments{height:90px}.problem-conclusion{padding-left:20px}}
@media(prefers-reduced-motion:reduce){.signal-strip.visible>article,.signal-strip.visible .signal-icon,.signal-strip.visible .pattern-comments span,.signal-strip.visible .problem-donut{animation:none!important}}

/* Commercial branching flow */
.how-branch{background:#fff}.branch-heading{margin-bottom:65px}.branch-heading h2{max-width:880px}.branch-heading>p:last-child{max-width:690px;font-size:1.15rem}.branch-flow-commercial{min-height:820px;grid-template-columns:350px 185px minmax(610px,1fr);gap:0}.branch-flow-commercial .flow-phone{width:330px;padding:28px 24px;border-radius:26px}.branch-flow-commercial .entry-label b{font-size:1rem}.branch-flow-commercial .entry-label span{font-size:.95rem}.branch-flow-commercial .flow-phone-brand{font-size:.88rem}.branch-flow-commercial .flow-phone h3{font-size:1.45rem;margin:24px 0}.branch-flow-commercial .flow-moods{gap:9px}.branch-flow-commercial .flow-moods button{height:96px}.branch-flow-commercial .flow-moods i{font-size:1.6rem}.branch-flow-commercial .flow-moods span{font-size:.78rem;line-height:1.2}.branch-flow-commercial .flow-phone label{font-size:.9rem}.branch-flow-commercial .flow-phone textarea{height:82px;font-size:.9rem}.branch-flow-commercial .flow-submit{height:50px;font-size:.92rem}.commercial-fork{height:680px;position:relative;align-self:center}.fork-origin{position:absolute;z-index:3;left:9px;top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;background:var(--o);color:#fff;font-weight:800;box-shadow:0 0 0 12px rgba(255,90,0,.09)}.fork-line{position:absolute;left:42px;top:50%;width:155px;height:3px;background:linear-gradient(90deg,var(--o),rgba(255,90,0,.35));transform-origin:left}.fork-top{transform:rotate(-48deg)}.fork-bottom{transform:rotate(48deg)}.commercial-fork b{position:absolute;right:6px;padding:7px 9px;border-radius:99px;background:#fff;color:var(--o);font-size:.72rem;letter-spacing:.08em}.fork-positive{top:21%}.fork-attention{bottom:20%}.commercial-paths{gap:24px}.commercial-paths article{min-height:385px;grid-template-columns:minmax(220px,.72fr) minmax(350px,1.28fr);gap:30px;padding:36px;border:0;border-radius:22px;opacity:.45;overflow:hidden;position:relative}.commercial-paths article:after{content:"";position:absolute;width:250px;height:250px;right:-110px;top:-115px;border-radius:50%;border:35px solid rgba(255,90,0,.06)}.commercial-paths .positive-path{background:#fff2e9}.commercial-paths .attention-path{background:#fff8e8}.commercial-paths .path-copy{position:relative;z-index:2}.commercial-paths .path-copy small{font-size:.82rem}.commercial-paths .path-copy h3{font-size:clamp(1.8rem,2.4vw,2.35rem);margin:13px 0;line-height:1.06}.commercial-paths .path-copy p{font-size:1rem;line-height:1.5}.positive-action,.attention-action{position:relative;z-index:2}.selected-rating{display:flex;align-items:center;gap:10px;margin-bottom:18px}.selected-rating>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--o);color:#fff;font-size:1.35rem}.selected-rating b{font-size:1rem}.selected-rating i{margin-left:auto;color:var(--o);font-style:normal;font-size:1.5rem}.review-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.review-destinations>span{min-height:66px;display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border-radius:10px;color:var(--ink);opacity:.25;transform:translateY(7px)}.review-destinations i{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:#fff;font-style:normal;font-weight:800}.review-destinations b{font-size:.82rem}.review-google i{color:#4285f4;background:#fff;border:1px solid #e1ddd7}.review-trip i{background:#34e0a1;color:var(--ink)}.review-booking i{background:#003b95}.review-fork i{background:#00a88f}.review-url i{background:var(--o)}.positive-action>button,.attention-action>button{width:100%;min-height:49px;border:0;border-radius:8px;background:var(--o);color:#fff;font-size:.9rem;font-weight:800}.attention-action blockquote{margin:0 0 20px;padding:17px;background:#fff;border-left:3px solid var(--o);color:var(--ink);font-size:.92rem;line-height:1.45}.recovery-stages{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;margin-bottom:15px}.recovery-stages>span{min-height:92px;padding:12px 8px;background:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px}.recovery-stages span i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff0e4;color:var(--o);font-style:normal;font-weight:800}.recovery-stages span b{font-size:.75rem;line-height:1.2}.recovery-stages>em{text-align:center;color:var(--o);font-style:normal}.recovery-stages .resolved-stage i{background:#e8f9ee;color:var(--green)}.attention-status{height:27px;position:relative;margin-bottom:12px}.attention-status span{position:absolute;left:0;top:0;padding:5px 10px;border-radius:99px;font-size:.78rem;font-weight:800}.attention-status .status-pending{background:#fff0df;color:#9a5e13}.attention-status .status-resolved{background:#e8f9ee;color:var(--green);opacity:0}.branch-flow-commercial.visible .flow-moods .chosen{animation:moodChoose .55s .4s var(--ease) both}.branch-flow-commercial.visible .flow-submit{animation:submitPress .45s 1s var(--ease) both}.branch-flow-commercial.visible .fork-top{animation:forkDraw .75s 1.45s var(--ease) both}.branch-flow-commercial.visible .positive-path{animation:commercialPath .65s 2s var(--ease) forwards}.branch-flow-commercial.visible .review-destinations>span{animation:destinationIn .4s var(--ease) forwards}.branch-flow-commercial.visible .review-destinations>span:nth-child(1){animation-delay:2.45s}.branch-flow-commercial.visible .review-destinations>span:nth-child(2){animation-delay:2.58s}.branch-flow-commercial.visible .review-destinations>span:nth-child(3){animation-delay:2.71s}.branch-flow-commercial.visible .review-destinations>span:nth-child(4){animation-delay:2.84s}.branch-flow-commercial.visible .review-destinations>span:nth-child(5){animation-delay:2.97s}.branch-flow-commercial.visible .positive-action>button{animation:ctaFocus .6s 3.2s both}.branch-flow-commercial.visible .fork-bottom{animation:forkDraw .75s 3.65s var(--ease) both}.branch-flow-commercial.visible .attention-path{animation:commercialPath .65s 4.15s var(--ease) forwards}.branch-flow-commercial.visible .attention-action blockquote{animation:incidentIn .55s 4.65s var(--ease) both}.branch-flow-commercial.visible .recovery-stages>span:nth-of-type(1){animation:stageIn .4s 5.15s both}.branch-flow-commercial.visible .recovery-stages>span:nth-of-type(2){animation:stageIn .4s 5.55s both}.branch-flow-commercial.visible .recovery-stages>span:nth-of-type(3){animation:stageIn .4s 5.95s both}.branch-flow-commercial.visible .attention-status .status-pending{animation:pendingOut .35s 6.45s forwards}.branch-flow-commercial.visible .attention-status .status-resolved{animation:resolvedIn .35s 6.48s forwards}.branch-flow-commercial.visible .attention-action>button{animation:ctaFocus .55s 6.7s both}@keyframes forkDraw{from{transform:scaleX(0) rotate(var(--fork-angle));opacity:0}to{opacity:1}}@keyframes commercialPath{to{opacity:1}}@keyframes ctaFocus{50%{box-shadow:0 0 0 7px rgba(255,90,0,.12);transform:translateY(-2px)}}@keyframes stageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fork-top{--fork-angle:-48deg}.fork-bottom{--fork-angle:48deg}
@media(max-width:1120px){.branch-flow-commercial{grid-template-columns:330px 120px minmax(520px,1fr)}.commercial-paths article{grid-template-columns:1fr;padding:28px;gap:20px}.commercial-fork{height:850px}.review-destinations{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.branch-flow-commercial{display:block}.branch-flow-commercial .flow-entry{max-width:390px}.branch-flow-commercial .flow-phone{width:100%}.commercial-fork{height:120px}.fork-origin{left:50%;top:15px;transform:translateX(-50%)}.fork-line{left:50%;top:55px;width:85px}.fork-top{transform:rotate(145deg)}.fork-bottom{transform:rotate(35deg)}.commercial-fork b{top:auto;bottom:3px}.fork-positive{left:15%;right:auto!important}.fork-attention{right:15%}.commercial-paths{gap:18px}.commercial-paths article{opacity:1}.review-destinations>span{opacity:1;transform:none}.branch-flow-commercial.visible .commercial-paths article,.branch-flow-commercial.visible .fork-line{animation:none}.branch-flow-commercial.visible .attention-status .status-pending{opacity:0}.branch-flow-commercial.visible .attention-status .status-resolved{opacity:1}}
@media(max-width:540px){.branch-flow-commercial .flow-phone{padding:22px 17px}.branch-flow-commercial .flow-moods button{height:88px}.commercial-paths article{padding:23px 17px;border-radius:16px}.commercial-paths .path-copy h3{font-size:1.75rem}.review-destinations{grid-template-columns:1fr 1fr}.review-destinations>span{min-height:58px}.recovery-stages{grid-template-columns:1fr;gap:7px}.recovery-stages>em{transform:rotate(90deg)}.recovery-stages>span{min-height:72px}.branch-outcome h3{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.branch-flow-commercial *{animation:none!important;transition:none!important}.commercial-paths article,.review-destinations>span,.attention-status .status-resolved{opacity:1;transform:none}.attention-status .status-pending{opacity:0}}
.branch-flow-commercial .path-copy small,.branch-flow-commercial .flow-moods span,.branch-flow-commercial .review-destinations b,.branch-flow-commercial .recovery-stages span b,.branch-flow-commercial .attention-status span{font-size:15px}.how-branch .branch-outcome span,.how-branch .branch-legal{font-size:15px}

/* Immersive problem canvas */
.problem-simplified>.shell{width:min(1340px,calc(100% - 56px))}.problem-simple-heading{max-width:760px}.problem-simple-heading h2{font-size:clamp(3rem,4.3vw,4.4rem)}.signal-strip{display:block!important;height:710px;min-height:710px;margin-top:55px;position:relative;border:0;isolation:isolate}.signal-strip:before{content:"";position:absolute;inset:20px 0 15px;height:auto;width:auto;background-image:radial-gradient(circle,rgba(11,18,48,.08) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);opacity:.42}.signal-strip:after{content:"";position:absolute;z-index:-1;width:480px;height:480px;right:0;top:45px;border-radius:50%;background:radial-gradient(circle,rgba(230,240,255,.92),rgba(230,240,255,0) 70%)}.signal-strip>article{position:absolute!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;align-items:flex-start;background:transparent!important;overflow:visible!important;color:var(--ink)!important}.signal-strip .lost-experience{left:0;top:100px;width:29%}.signal-strip .silent-problem{left:30%;top:260px;width:29%}.signal-strip .scattered-signals{right:0;top:25px;width:40%}.scene-word{display:block;margin-bottom:-8px;font:700 clamp(3.2rem,5.3vw,5.8rem)/.82 var(--sora);letter-spacing:-.085em;color:rgba(11,18,48,.055);white-space:nowrap;position:relative;z-index:-1}.lost-experience .scene-word{color:rgba(255,90,0,.11)}.scattered-signals .scene-word{color:rgba(91,56,255,.08)}.signal-icon,.scattered-signals .signal-icon{width:128px;height:128px;margin:0 0 25px;background:#fff;border:1px solid var(--line);box-shadow:none}.lost-experience .signal-icon{border-color:rgba(255,90,0,.35);color:var(--o)}.signal-icon svg,.scattered-signals .signal-icon svg{width:76px;height:76px;stroke-width:1.8}.signal-strip .signal-title b{font-size:clamp(1.7rem,2.3vw,2.25rem);line-height:1}.fade-route{width:85%;height:55px;margin-top:28px}.fade-route:before{height:3px}.fade-route i{width:10px;height:10px}.signal-strip article>small{font-size:15px;padding:10px 13px;margin-top:18px}.silent-problem .unanswered-comment{margin-top:26px}.silent-problem .unanswered-comment span{font-size:15px;padding:15px 17px}.silent-problem .unanswered-comment i{width:44px;height:44px}.pattern-comments{width:100%;height:88px;margin:20px 0 4px}.pattern-comments span{font-size:13px;padding:9px 11px}.problem-chart{width:100%;grid-template-columns:190px 1fr;gap:25px;margin:8px 0 18px}.problem-donut{width:190px;height:190px}.problem-donut:before{inset:30px}.problem-donut b{font-size:2.25rem}.problem-donut small{font-size:13px!important}.problem-chart ul{gap:10px}.problem-chart li{grid-template-columns:10px 1fr auto;font-size:14px}.problem-chart li i{width:10px;height:10px}.problem-chart li b{font-size:14px}.scattered-signals>strong{font-size:15px;padding:13px 15px}.signal-strip .scattered-signals>.chart-disclaimer{font-size:13px}.strip-connector{position:absolute!important;z-index:5!important;width:150px!important;height:34px!important;min-height:34px!important;margin:0!important}.strip-connector:nth-of-type(1){left:23%;top:295px}.strip-connector:nth-of-type(2){left:54%;top:390px}.strip-connector:before{display:block!important;left:0!important;right:0!important;top:16px!important;width:auto!important;height:2px!important;background:repeating-linear-gradient(90deg,rgba(255,90,0,.65) 0 7px,transparent 7px 14px)!important}.strip-connector span{margin:0!important;position:absolute;right:-2px;top:3px;width:28px;height:28px;background:#fff;color:var(--o);border:1px solid #ffd8c0;transform:none!important}.problem-conclusion{max-width:850px;margin:-25px 0 0 auto;padding:28px 0 0 32px}.problem-conclusion p{font-size:clamp(1.65rem,2.7vw,2.35rem)}.signal-strip.visible .scene-word{animation:wordReveal .8s var(--ease) both}.signal-strip.visible .lost-experience .scene-word{animation-delay:.1s}.signal-strip.visible .silent-problem .scene-word{animation-delay:.4s}.signal-strip.visible .scattered-signals .scene-word{animation-delay:.75s}.signal-strip.visible .strip-connector:before{animation:routeReveal .8s var(--ease) both}.signal-strip.visible .strip-connector:nth-of-type(1):before{animation-delay:.75s}.signal-strip.visible .strip-connector:nth-of-type(2):before{animation-delay:1.35s}@keyframes wordReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes routeReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:1100px){.signal-strip{height:680px;min-height:680px}.signal-strip .lost-experience{width:28%}.signal-strip .silent-problem{left:29%;width:29%}.signal-strip .scattered-signals{width:41%}.scene-word{font-size:clamp(2.8rem,5vw,4.6rem)}.signal-icon,.scattered-signals .signal-icon{width:105px;height:105px}.signal-icon svg,.scattered-signals .signal-icon svg{width:62px;height:62px}.problem-chart{grid-template-columns:150px 1fr}.problem-donut{width:150px;height:150px}.problem-donut:before{inset:24px}.strip-connector:nth-of-type(1){left:21%;width:135px!important}.strip-connector:nth-of-type(2){left:52%;width:120px!important}}
@media(max-width:900px){.problem-simplified>.shell{width:min(100% - 36px,760px)}.signal-strip{height:auto;min-height:0;display:grid!important;grid-template-columns:1fr!important;gap:0}.signal-strip:before{left:46px;right:auto;top:50px;bottom:50px;width:1px;height:auto;background:rgba(11,18,48,.12);mask-image:none}.signal-strip>article{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;padding:50px 0 50px 105px!important;min-height:380px!important}.strip-connector{position:relative!important;left:auto!important;top:auto!important;width:1px!important;height:58px!important;min-height:58px!important;margin-left:46px!important;background:rgba(255,90,0,.35)!important}.strip-connector:before{display:none!important}.strip-connector span{right:auto;left:-14px;top:15px;transform:rotate(90deg)!important}.scene-word{font-size:clamp(3.5rem,12vw,5.5rem)}.signal-icon,.scattered-signals .signal-icon{width:112px;height:112px}.problem-chart{max-width:470px;grid-template-columns:180px 1fr}.problem-donut{width:180px;height:180px}.problem-conclusion{margin-top:35px}}
@media(max-width:540px){.signal-strip>article{padding-left:74px!important}.signal-strip:before{left:28px}.strip-connector{margin-left:28px!important}.scene-word{font-size:3.25rem}.signal-icon,.scattered-signals .signal-icon{width:92px;height:92px}.signal-icon svg,.scattered-signals .signal-icon svg{width:55px;height:55px}.problem-chart{grid-template-columns:130px 1fr;gap:13px}.problem-donut{width:130px;height:130px}.problem-donut:before{inset:21px}.problem-chart li{font-size:11px}.problem-chart li b{font-size:11px}.pattern-comments{height:105px}.problem-conclusion{padding-left:22px}}
@media(prefers-reduced-motion:reduce){.scene-word,.strip-connector:before{animation:none!important}}

/* Clarity-first problem sequence */
.signal-strip{display:grid!important;grid-template-columns:minmax(220px,1fr) 110px minmax(230px,1fr) 110px minmax(360px,1.25fr);height:auto;min-height:560px;align-items:start;padding:48px 0 36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signal-strip:before{content:"";position:absolute;left:3%;right:3%;top:300px;width:auto;height:2px;background:linear-gradient(90deg,rgba(11,18,48,.12),rgba(255,90,0,.5),rgba(11,18,48,.12));mask-image:none;opacity:1}.signal-strip:after{width:410px;height:410px;right:-30px;top:60px}.signal-strip>article{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;margin:0!important;padding:0 18px!important;min-height:470px!important;display:flex!important;align-items:flex-start}.scene-number{font:600 clamp(4.8rem,7vw,7rem)/.8 var(--sora);letter-spacing:-.08em;color:rgba(11,18,48,.07)}.scene-word{margin:14px 0 30px;font:700 13px/1 var(--inter);letter-spacing:.15em;color:var(--o);white-space:normal}.signal-strip .signal-icon,.signal-strip .scattered-signals .signal-icon{width:100px;height:100px;margin-bottom:28px}.signal-strip .signal-icon svg,.signal-strip .scattered-signals .signal-icon svg{width:60px;height:60px}.signal-strip .signal-title b{font-size:clamp(1.55rem,2vw,1.95rem);line-height:1.08}.signal-strip .fade-route{width:100%;margin-top:26px}.signal-strip article>small{font-size:14px}.signal-strip .silent-problem .unanswered-comment{margin-top:27px}.signal-strip .silent-problem .unanswered-comment span{font-size:14px}.strip-connector{position:relative!important;left:auto!important;top:auto!important;width:110px!important;height:470px!important;min-height:470px!important;margin:0!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:13px}.strip-connector:before{content:"";display:block!important;position:absolute;left:5px!important;right:5px!important;top:256px!important;width:auto!important;height:2px!important;background:repeating-linear-gradient(90deg,rgba(255,90,0,.55) 0 7px,transparent 7px 13px)!important}.strip-connector small{position:absolute;top:205px;width:130px;text-align:center;color:var(--muted);font:600 12px/1.35 var(--inter);font-style:normal}.strip-connector span{position:absolute;right:0;top:244px}.pattern-comments{margin-top:20px}.problem-chart{grid-template-columns:165px 1fr;gap:20px}.problem-donut{width:165px;height:165px}.problem-donut:before{inset:26px}.problem-donut b{font-size:1.9rem}.problem-chart li{font-size:12px}.problem-chart li b{font-size:12px}.scattered-signals>strong{font-size:14px}.problem-conclusion{max-width:760px;margin:38px 0 0 auto}.signal-strip.visible .scene-number{animation:numberIn .65s var(--ease) both}.signal-strip.visible>article:nth-of-type(2) .scene-number{animation-delay:.25s}.signal-strip.visible>article:nth-of-type(3) .scene-number{animation-delay:.5s}@keyframes numberIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.signal-strip{grid-template-columns:1fr 75px 1fr 75px 1.18fr}.signal-strip>article{padding-inline:10px!important}.strip-connector{width:75px!important}.strip-connector small{width:100px;font-size:10px}.problem-chart{grid-template-columns:135px 1fr}.problem-donut{width:135px;height:135px}.problem-donut:before{inset:22px}}
@media(max-width:850px){.signal-strip{display:grid!important;grid-template-columns:1fr!important;padding:30px 0;border:0}.signal-strip:before{left:48px;right:auto;top:35px;bottom:35px;width:2px;height:auto;background:linear-gradient(rgba(11,18,48,.12),rgba(255,90,0,.5),rgba(11,18,48,.12))}.signal-strip>article{min-height:0!important;padding:38px 0 38px 105px!important}.strip-connector{width:2px!important;height:90px!important;min-height:90px!important;margin-left:48px!important;background:rgba(255,90,0,.35)!important}.strip-connector:before{display:none!important}.strip-connector small{left:28px;top:27px;width:170px;text-align:left;font-size:12px}.strip-connector span{left:-13px;right:auto;top:48px;transform:rotate(90deg)!important}.scene-number{font-size:5rem}.scene-word{margin-bottom:22px}.problem-chart{max-width:430px;grid-template-columns:160px 1fr}.problem-donut{width:160px;height:160px}.problem-conclusion{margin-top:30px}}
@media(max-width:520px){.signal-strip:before{left:28px}.signal-strip>article{padding-left:70px!important}.strip-connector{margin-left:28px!important}.scene-number{font-size:4.3rem}.problem-chart{grid-template-columns:120px 1fr;gap:12px}.problem-donut{width:120px;height:120px}.problem-donut:before{inset:19px}.problem-chart li,.problem-chart li b{font-size:10px}.pattern-comments{height:105px}}
@media(prefers-reduced-motion:reduce){.scene-number{animation:none!important}}

/* Compact, typography-led problem sequence */
.problem-simplified{
  padding-block:clamp(56px,5vw,76px);
  background:
    radial-gradient(circle at 82% 48%,rgba(230,240,255,.55),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fdfbf8 100%);
}
.problem-simplified>.shell{width:min(1380px,calc(100% - 56px))}
.problem-simple-heading{
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);
  column-gap:clamp(54px,7vw,110px);
  align-items:end;
}
.problem-simple-heading .eyebrow{grid-column:1/-1;margin-bottom:17px}
.problem-simple-heading h2{
  grid-column:1;
  max-width:800px;
  margin:0;
  font-size:clamp(2.65rem,3.8vw,3.65rem);
  line-height:.98;
  letter-spacing:-.058em;
}
.problem-simple-heading>p:last-child{
  grid-column:2;
  max-width:430px;
  margin:0 0 4px;
  font-size:1rem;
  line-height:1.55;
}
.signal-strip{
  display:grid!important;
  grid-template-columns:minmax(210px,1fr) 72px minmax(220px,1fr) 72px minmax(390px,1.48fr);
  height:auto!important;
  min-height:318px!important;
  margin-top:32px;
  padding:0!important;
  align-items:stretch;
  overflow:hidden!important;
  border:1px solid rgba(11,18,48,.1)!important;
  border-radius:26px;
  background:rgba(255,255,255,.76);
  box-shadow:0 24px 70px rgba(11,18,48,.055);
  backdrop-filter:blur(12px);
}
.signal-strip:before{
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  background-image:
    linear-gradient(rgba(11,18,48,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,18,48,.025) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
  opacity:.7;
  pointer-events:none;
}
.signal-strip:after{
  width:350px;
  height:350px;
  right:-120px;
  top:-95px;
  background:radial-gradient(circle,rgba(255,90,0,.11),rgba(255,90,0,0) 69%);
}
.signal-strip>article{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  min-height:318px!important;
  margin:0!important;
  padding:26px 24px 23px!important;
  display:block!important;
  overflow:visible!important;
  background:transparent!important;
  color:var(--ink)!important;
}
.signal-strip .scene-number{
  position:absolute;
  z-index:1;
  top:23px;
  right:22px;
  font:600 3rem/.8 var(--sora);
  letter-spacing:-.08em;
  color:rgba(11,18,48,.075);
}
.signal-strip .scene-word{
  position:relative;
  z-index:2;
  margin:0 0 18px;
  max-width:72%;
  font:750 10px/1.2 var(--inter);
  letter-spacing:.16em;
  color:var(--o);
  white-space:normal;
}
.signal-motif{
  position:relative;
  z-index:2;
  height:68px;
  margin-bottom:15px;
  display:flex;
  align-items:flex-end;
  gap:14px;
}
.signal-motif>span{
  font:600 clamp(2.7rem,3.5vw,3.65rem)/.8 var(--sora);
  letter-spacing:-.075em;
  color:var(--ink);
}
.signal-motif>small{
  margin:0 0 4px;
  color:var(--muted);
  font:700 9px/1 var(--inter);
  letter-spacing:.15em;
}
.signal-motif-lost>div{
  flex:1;
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:8px;
}
.signal-motif-lost i{
  display:block;
  height:2px;
  background:var(--o);
  transform-origin:left;
}
.signal-motif-lost i:nth-child(1){width:34px}
.signal-motif-lost i:nth-child(2){width:22px;opacity:.58}
.signal-motif-lost i:nth-child(3){width:13px;opacity:.27}
.signal-motif-lost i:nth-child(4){width:6px;opacity:.1}
.signal-motif-silent>span{font-size:4.8rem;font-weight:350;color:rgba(11,18,48,.22)}
.signal-motif-pattern>span{color:var(--o)}
.signal-motif-pattern>small{color:var(--ink)}
.signal-strip .signal-title{position:relative;z-index:2;margin:0}
.signal-strip .signal-title b{
  font:600 clamp(1.25rem,1.6vw,1.55rem)/1.08 var(--sora);
  letter-spacing:-.04em;
}
.signal-strip .fade-route{
  width:100%;
  height:26px;
  margin:13px 0 0;
  gap:9px;
}
.signal-strip .fade-route:before{height:2px}
.signal-strip .fade-route i{width:6px;height:6px}
.signal-strip article>small{
  position:relative;
  z-index:2;
  display:inline-flex;
  margin-top:9px;
  padding:7px 9px;
  border:1px solid rgba(11,18,48,.09);
  border-radius:99px;
  background:rgba(255,255,255,.75);
  color:var(--muted);
  font-size:11px;
  line-height:1;
}
.signal-strip .silent-problem .unanswered-comment{
  margin-top:16px;
  gap:8px;
}
.signal-strip .silent-problem .unanswered-comment span{
  padding:9px 11px;
  border-radius:8px;
  background:rgba(11,18,48,.035);
  border-color:rgba(11,18,48,.1);
  color:var(--ink);
  font-size:12px;
}
.signal-strip .silent-problem .unanswered-comment i{
  width:30px;
  height:30px;
  border:0;
  background:linear-gradient(135deg,rgba(11,18,48,.08),transparent);
}
.signal-strip .silent-problem .unanswered-comment i:before{
  left:7px;
  right:7px;
  top:14px;
  background:rgba(11,18,48,.25);
}
.signal-strip .silent-problem .unanswered-comment i:after{display:none}
.strip-connector{
  position:relative!important;
  inset:auto!important;
  width:72px!important;
  height:auto!important;
  min-height:318px!important;
  margin:0!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
}
.strip-connector:before{
  content:"";
  display:block!important;
  position:absolute;
  left:7px!important;
  right:7px!important;
  top:52%!important;
  width:auto!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,90,0,.16),rgba(255,90,0,.72))!important;
}
.strip-connector small{
  position:absolute;
  top:calc(52% - 33px);
  left:50%;
  width:102px;
  transform:translateX(-50%);
  text-align:center;
  color:var(--muted);
  font:650 9px/1.25 var(--inter);
  font-style:normal;
}
.strip-connector span{
  position:absolute;
  z-index:3;
  top:calc(52% - 13px);
  right:0;
  width:26px;
  height:26px;
  margin:0!important;
  border:1px solid rgba(255,90,0,.23);
  background:#fff;
  color:var(--o);
  font-size:13px;
  box-shadow:0 8px 20px rgba(11,18,48,.08);
}
.signal-strip .scattered-signals{
  display:grid!important;
  grid-template-columns:minmax(120px,.78fr) minmax(220px,1.22fr);
  grid-template-rows:auto 68px 1fr auto;
  column-gap:18px;
  align-content:start;
}
.scattered-signals .scene-word{grid-column:1/-1}
.scattered-signals .signal-motif{grid-column:1;grid-row:2;margin:0}
.scattered-signals .signal-title{grid-column:1;grid-row:3;padding-top:7px}
.scattered-signals .pattern-comments{
  grid-column:2;
  grid-row:2;
  width:100%;
  height:54px;
  margin:0;
}
.scattered-signals .pattern-comments span{
  padding:6px 8px;
  border-color:rgba(11,18,48,.09);
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 18px rgba(11,18,48,.055);
  font-size:9px;
}
.scattered-signals .pattern-comments span:nth-child(1){left:0;top:0}
.scattered-signals .pattern-comments span:nth-child(2){right:0;top:4px}
.scattered-signals .pattern-comments span:nth-child(3){left:22%;bottom:0}
.signal-strip .problem-chart{
  grid-column:2;
  grid-row:3;
  width:100%;
  align-self:start;
  grid-template-columns:112px minmax(130px,1fr);
  gap:14px;
  margin:0;
}
.signal-strip .problem-donut{width:112px;height:112px}
.signal-strip .problem-donut:before{inset:18px}
.signal-strip .problem-donut b{font-size:1.45rem}
.signal-strip .problem-donut small{font-size:9px!important}
.signal-strip .problem-chart ul{gap:4px}
.signal-strip .problem-chart li{
  grid-template-columns:7px minmax(0,1fr) auto;
  gap:6px;
  font-size:9px;
}
.signal-strip .problem-chart li i{width:7px;height:7px}
.signal-strip .problem-chart li b{font-size:9px}
.signal-strip .scattered-signals>strong{
  grid-column:1/-1;
  grid-row:4;
  width:max-content;
  max-width:calc(100% - 105px);
  margin-top:8px;
  padding:8px 10px;
  border-radius:7px;
  background:var(--ink);
  color:#fff;
  font-size:10px;
}
.signal-strip .scattered-signals>.chart-disclaimer{
  position:absolute;
  right:24px;
  bottom:25px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  font-size:9px;
}
.problem-conclusion{
  max-width:none;
  margin:17px 0 0;
  padding:15px 0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border-top:1px solid rgba(11,18,48,.09);
}
.problem-conclusion p{
  max-width:810px;
  font-size:clamp(1.25rem,1.8vw,1.55rem);
  line-height:1.2;
}
.problem-conclusion .text-link{margin:0;flex:0 0 auto}
.signal-strip.visible .signal-motif-lost i{animation:premiumSignalFade 1.1s var(--ease) both}
.signal-strip.visible .signal-motif-lost i:nth-child(2){animation-delay:.12s}
.signal-strip.visible .signal-motif-lost i:nth-child(3){animation-delay:.24s}
.signal-strip.visible .signal-motif-lost i:nth-child(4){animation-delay:.36s}
.signal-strip.visible .signal-motif-silent span{animation:premiumSilence .75s .45s var(--ease) both}
.signal-strip.visible .signal-motif-pattern span{animation:premiumPattern .7s .9s var(--ease) both}
@keyframes premiumSignalFade{from{opacity:0;transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes premiumSilence{from{opacity:0;letter-spacing:.2em}to{opacity:1;letter-spacing:-.075em}}
@keyframes premiumPattern{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}

@media(max-width:1180px){
  .signal-strip{grid-template-columns:1fr 52px 1fr 52px 1.35fr}
  .signal-strip>article{padding-inline:18px!important}
  .strip-connector{width:52px!important}
  .strip-connector small{width:82px;font-size:8px}
  .signal-strip .scattered-signals{grid-template-columns:105px minmax(190px,1fr);column-gap:12px}
  .signal-strip .problem-chart{grid-template-columns:98px minmax(120px,1fr);gap:10px}
  .signal-strip .problem-donut{width:98px;height:98px}
  .signal-strip .problem-donut:before{inset:16px}
}
@media(max-width:900px){
  .problem-simple-heading{display:block}
  .problem-simple-heading h2{font-size:clamp(2.7rem,8vw,3.5rem)}
  .problem-simple-heading>p:last-child{margin-top:20px}
  .signal-strip{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px;
    margin-top:34px;
    overflow:visible!important;
    border:0!important;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .signal-strip:before{display:none}
  .signal-strip>article{
    min-height:260px!important;
    padding:25px!important;
    border:1px solid rgba(11,18,48,.09);
    border-radius:20px;
    background:rgba(255,255,255,.82)!important;
  }
  .strip-connector{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
  }
  .strip-connector:before{left:50%!important;right:auto!important;top:0!important;width:1px!important;height:42px!important}
  .strip-connector small{top:12px;left:calc(50% + 24px);width:160px;transform:none;text-align:left;font-size:10px}
  .strip-connector span{left:calc(50% - 13px);right:auto;top:8px;transform:rotate(90deg)!important}
  .signal-strip .scattered-signals{grid-template-columns:minmax(125px,.7fr) minmax(230px,1.3fr)}
  .signal-strip .problem-chart{grid-template-columns:112px minmax(140px,1fr)}
  .signal-strip .problem-donut{width:112px;height:112px}
}
@media(max-width:560px){
  .problem-simplified>.shell{width:min(100% - 32px,1380px)}
  .problem-simple-heading h2{font-size:clamp(2.45rem,11vw,3rem)}
  .signal-strip>article{min-height:0!important}
  .signal-strip .scattered-signals{display:block!important}
  .scattered-signals .signal-motif{margin-bottom:15px}
  .scattered-signals .pattern-comments{margin:14px 0 8px}
  .signal-strip .problem-chart{max-width:340px;grid-template-columns:104px 1fr}
  .signal-strip .problem-donut{width:104px;height:104px}
  .signal-strip .scattered-signals>strong{max-width:100%}
  .signal-strip .scattered-signals>.chart-disclaimer{position:static;margin-top:8px}
  .problem-conclusion{display:block}
  .problem-conclusion .text-link{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
  .signal-motif-lost i,.signal-motif-silent span,.signal-motif-pattern span{animation:none!important}
}

/* Live branching demonstration */
.how-branch{
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 20%,rgba(255,90,0,.07),transparent 24%),
    radial-gradient(circle at 12% 72%,rgba(91,56,255,.05),transparent 27%),
    #fff;
}
.how-branch .branch-heading{position:relative;max-width:none;margin-bottom:46px;padding-right:310px}
.how-branch .branch-heading h2{max-width:900px}
.how-branch .branch-heading>p:last-of-type{max-width:690px}
.branch-demo-control{
  position:absolute;
  right:0;
  bottom:4px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 9px 8px 13px;
  border:1px solid rgba(11,18,48,.1);
  border-radius:99px;
  background:rgba(255,255,255,.9);
  box-shadow:0 15px 40px rgba(11,18,48,.07);
  backdrop-filter:blur(12px);
}
.branch-demo-control>span{display:flex;align-items:center;gap:8px;min-width:180px}
.branch-demo-control>span i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--o);
  box-shadow:0 0 0 0 rgba(255,90,0,.3);
  animation:branchLiveDot 1.8s ease-out infinite;
}
.branch-demo-control>span b{color:var(--ink);font-size:11px;line-height:1.2}
.branch-demo-control button{
  min-height:34px;
  padding:0 13px;
  border:0;
  border-radius:99px;
  background:var(--ink);
  color:#fff;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
  transition:background .3s,transform .3s;
}
.branch-demo-control button:hover{background:var(--o);transform:translateY(-1px)}
.branch-flow-commercial{
  min-height:830px;
  padding:34px 30px;
  border:1px solid rgba(11,18,48,.1);
  border-radius:34px;
  background:
    linear-gradient(rgba(11,18,48,.027) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,18,48,.027) 1px,transparent 1px),
    rgba(249,248,245,.72);
  background-size:34px 34px,34px 34px,auto;
  box-shadow:0 30px 90px rgba(11,18,48,.07);
  isolation:isolate;
  overflow:hidden;
}
.branch-flow-commercial:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:620px;
  height:620px;
  right:-210px;
  top:-205px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,90,0,.12),rgba(255,90,0,0) 68%);
  transition:transform 1.2s var(--ease),opacity 1.2s;
}
.branch-flow-commercial[data-demo-state="attention-input"]:before,
.branch-flow-commercial[data-demo-state="attention"]:before,
.branch-flow-commercial[data-demo-state="tracking"]:before,
.branch-flow-commercial[data-demo-state="resolved"]:before{
  transform:translateY(420px) scale(.92);
  opacity:.72;
}
.branch-flow-commercial .flow-entry,.branch-flow-commercial .commercial-fork,.branch-flow-commercial .commercial-paths{position:relative;z-index:2}
.branch-flow-commercial .flow-phone{
  position:relative;
  overflow:hidden;
  border-color:rgba(11,18,48,.11);
  box-shadow:0 28px 80px rgba(11,18,48,.13);
  transition:transform .75s var(--ease),box-shadow .75s,border-color .5s;
}
.branch-flow-commercial .flow-phone:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid transparent;
  pointer-events:none;
  transition:border-color .4s,box-shadow .4s;
}
.branch-flow-commercial.demo-playing .flow-phone{animation:branchPhoneFloat 5s ease-in-out infinite}
.branch-flow-commercial[data-demo-state="positive"] .flow-phone:after{border-color:rgba(255,90,0,.55);box-shadow:inset 0 0 0 4px rgba(255,90,0,.045)}
.branch-flow-commercial[data-demo-state="attention-input"] .flow-phone:after{border-color:rgba(245,158,11,.65);box-shadow:inset 0 0 0 4px rgba(245,158,11,.06)}
.branch-flow-commercial .flow-moods button{
  opacity:.42;
  transform:scale(.96);
  border-radius:13px;
  transition:opacity .35s,transform .45s var(--ease),background .35s,border-color .35s,box-shadow .35s;
}
.branch-flow-commercial .flow-moods button i{font-style:normal;font-weight:750}
.branch-flow-commercial .flow-moods button.chosen{
  opacity:1;
  transform:translateY(-5px) scale(1.02);
  border-color:var(--o);
  background:#fff5ef;
  color:var(--o);
  box-shadow:0 15px 30px rgba(255,90,0,.15),inset 0 0 0 1px var(--o);
}
.branch-flow-commercial[data-demo-state="attention-input"] .flow-moods button.chosen,
.branch-flow-commercial[data-demo-state="attention"] .flow-moods button.chosen,
.branch-flow-commercial[data-demo-state="tracking"] .flow-moods button.chosen,
.branch-flow-commercial[data-demo-state="resolved"] .flow-moods button.chosen{
  border-color:#f59e0b;
  background:#fff8e7;
  color:#9a5e13;
  box-shadow:0 15px 30px rgba(245,158,11,.14),inset 0 0 0 1px #f59e0b;
}
.branch-flow-commercial .flow-phone textarea{transition:background .35s,border-color .35s,color .35s}
.branch-flow-commercial[data-demo-state="attention-input"] .flow-phone textarea,
.branch-flow-commercial[data-demo-state="attention"] .flow-phone textarea,
.branch-flow-commercial[data-demo-state="tracking"] .flow-phone textarea,
.branch-flow-commercial[data-demo-state="resolved"] .flow-phone textarea{background:#fffaf0;border-color:#f2c879}
.branch-flow-commercial .flow-submit{position:relative;overflow:hidden}
.branch-flow-commercial .flow-submit:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.42) 50%,transparent 75%);
  transform:translateX(-120%);
}
.branch-flow-commercial[data-demo-state="entry"] .flow-submit:after,
.branch-flow-commercial[data-demo-state="attention-input"] .flow-submit:after{animation:branchSubmitSweep 1.2s .25s var(--ease) both}
.branch-flow-commercial.visible .flow-moods .chosen,
.branch-flow-commercial.visible .flow-submit,
.branch-flow-commercial.visible .fork-line,
.branch-flow-commercial.visible .commercial-paths article,
.branch-flow-commercial.visible .review-destinations>span,
.branch-flow-commercial.visible .attention-action blockquote,
.branch-flow-commercial.visible .recovery-stages>span,
.branch-flow-commercial.visible .attention-status span,
.branch-flow-commercial.visible .attention-action>button{animation:none!important}
.branch-flow-commercial .fork-line{
  opacity:.18;
  filter:saturate(.4);
  transition:opacity .5s,filter .5s,box-shadow .5s;
}
.branch-flow-commercial[data-demo-state="positive"] .fork-top{
  opacity:1;
  filter:none;
  box-shadow:0 0 16px rgba(255,90,0,.4);
}
.branch-flow-commercial[data-demo-state="attention"] .fork-bottom,
.branch-flow-commercial[data-demo-state="tracking"] .fork-bottom,
.branch-flow-commercial[data-demo-state="resolved"] .fork-bottom{
  opacity:1;
  filter:none;
  box-shadow:0 0 16px rgba(255,90,0,.4);
}
.commercial-fork b{opacity:.36;transition:opacity .35s,transform .45s var(--ease),background .35s,color .35s}
.branch-flow-commercial[data-demo-state="positive"] .fork-positive,
.branch-flow-commercial[data-demo-state="attention"] .fork-attention,
.branch-flow-commercial[data-demo-state="tracking"] .fork-attention,
.branch-flow-commercial[data-demo-state="resolved"] .fork-attention{
  opacity:1;
  transform:translateY(-3px);
  background:var(--o);
  color:#fff;
}
.fork-pulse{
  position:absolute;
  z-index:5;
  left:43px;
  top:50%;
  width:10px;
  height:10px;
  margin-top:-5px;
  border-radius:50%;
  background:#fff;
  border:3px solid var(--o);
  box-shadow:0 0 0 7px rgba(255,90,0,.12),0 0 24px rgba(255,90,0,.55);
  opacity:0;
  transform-origin:0 50%;
}
.branch-flow-commercial[data-demo-state="positive"] .fork-pulse-positive{animation:branchPulsePositive 1.25s var(--ease) infinite}
.branch-flow-commercial[data-demo-state="attention"] .fork-pulse-attention,
.branch-flow-commercial[data-demo-state="tracking"] .fork-pulse-attention,
.branch-flow-commercial[data-demo-state="resolved"] .fork-pulse-attention{animation:branchPulseAttention 1.25s var(--ease) infinite}
.commercial-paths article{
  opacity:.22!important;
  transform:translateX(16px) scale(.975);
  filter:saturate(.65);
  box-shadow:none;
  transition:opacity .7s,transform .85s var(--ease),filter .7s,box-shadow .7s;
}
.branch-flow-commercial[data-demo-state="positive"] .positive-path,
.branch-flow-commercial[data-demo-state="attention"] .attention-path,
.branch-flow-commercial[data-demo-state="tracking"] .attention-path,
.branch-flow-commercial[data-demo-state="resolved"] .attention-path{
  opacity:1!important;
  transform:none;
  filter:none;
  box-shadow:0 24px 65px rgba(11,18,48,.11);
}
.branch-flow-commercial[data-demo-state="positive"] .positive-path{box-shadow:0 24px 65px rgba(255,90,0,.13)}
.review-destinations>span{
  opacity:.2!important;
  transform:translateY(8px) scale(.96);
  transition:opacity .45s,transform .55s var(--ease),box-shadow .45s;
}
.branch-flow-commercial[data-demo-state="positive"] .review-destinations>span{opacity:1!important;transform:none}
.branch-flow-commercial[data-demo-state="positive"] .review-destinations>span:nth-child(1){transition-delay:.08s}
.branch-flow-commercial[data-demo-state="positive"] .review-destinations>span:nth-child(2){transition-delay:.16s}
.branch-flow-commercial[data-demo-state="positive"] .review-destinations>span:nth-child(3){transition-delay:.24s}
.branch-flow-commercial[data-demo-state="positive"] .review-destinations>span:nth-child(4){transition-delay:.32s}
.branch-flow-commercial[data-demo-state="positive"] .review-destinations>span:nth-child(5){transition-delay:.4s}
.branch-flow-commercial[data-demo-state="positive"] .positive-action>button{animation:branchCtaBreathe 1.8s 1s ease-in-out infinite!important}
.recovery-stages>span{
  opacity:.28;
  transform:translateY(7px);
  transition:opacity .45s,transform .55s var(--ease),box-shadow .45s;
}
.branch-flow-commercial[data-demo-state="attention"] [data-recovery-stage="received"],
.branch-flow-commercial[data-demo-state="tracking"] [data-recovery-stage="received"],
.branch-flow-commercial[data-demo-state="tracking"] [data-recovery-stage="tracking"],
.branch-flow-commercial[data-demo-state="resolved"] .recovery-stages>span{
  opacity:1;
  transform:none;
  box-shadow:0 12px 30px rgba(11,18,48,.08);
}
.branch-flow-commercial[data-demo-state="resolved"] [data-recovery-stage="resolved"]{
  box-shadow:0 12px 30px rgba(34,197,94,.16),inset 0 0 0 1px rgba(34,197,94,.18);
}
.branch-flow-commercial .attention-status .status-pending{opacity:0}
.branch-flow-commercial .attention-status .status-resolved{opacity:0}
.branch-flow-commercial[data-demo-state="attention"] .attention-status .status-pending,
.branch-flow-commercial[data-demo-state="tracking"] .attention-status .status-pending{opacity:1}
.branch-flow-commercial[data-demo-state="resolved"] .attention-status .status-resolved{opacity:1;transform:scale(1.04)}
.branch-flow-commercial[data-demo-state="resolved"] .attention-action>button{background:var(--green);animation:branchResolvedPulse 1.8s ease-in-out infinite!important}
.branch-outcome{position:relative;overflow:hidden}
.branch-outcome:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.08) 47%,transparent 74%);
  transform:translateX(-120%);
  animation:branchOutcomeSweep 5.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes branchLiveDot{70%,100%{box-shadow:0 0 0 9px rgba(255,90,0,0)}}
@keyframes branchPhoneFloat{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-8px) rotate(.35deg)}}
@keyframes branchSubmitSweep{to{transform:translateX(120%)}}
@keyframes branchPulsePositive{0%{opacity:0;transform:rotate(-48deg) translateX(0) scale(.55)}18%{opacity:1}82%{opacity:1}100%{opacity:0;transform:rotate(-48deg) translateX(150px) scale(.8)}}
@keyframes branchPulseAttention{0%{opacity:0;transform:rotate(48deg) translateX(0) scale(.55)}18%{opacity:1}82%{opacity:1}100%{opacity:0;transform:rotate(48deg) translateX(150px) scale(.8)}}
@keyframes branchCtaBreathe{50%{box-shadow:0 0 0 7px rgba(255,90,0,.1);transform:translateY(-2px)}}
@keyframes branchResolvedPulse{50%{box-shadow:0 0 0 7px rgba(34,197,94,.11);transform:translateY(-2px)}}
@keyframes branchOutcomeSweep{0%,45%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}

@media(max-width:1120px){
  .how-branch .branch-heading{padding-right:0}
  .branch-demo-control{position:relative;right:auto;bottom:auto;width:max-content;margin-top:24px}
  .branch-flow-commercial{padding:28px 22px}
}
@media(max-width:860px){
  .branch-flow-commercial{padding:28px 20px;border-radius:24px}
  .commercial-fork .fork-pulse{display:none}
  .commercial-fork b{opacity:.55}
  .branch-flow-commercial[data-demo-state="positive"] .fork-positive,
  .branch-flow-commercial[data-demo-state="attention"] .fork-attention,
  .branch-flow-commercial[data-demo-state="tracking"] .fork-attention,
  .branch-flow-commercial[data-demo-state="resolved"] .fork-attention{transform:none}
  .commercial-paths article{opacity:.4!important;transform:scale(.985)}
}
@media(max-width:560px){
  .branch-demo-control{width:100%;justify-content:space-between;border-radius:18px}
  .branch-demo-control>span{min-width:0}
  .branch-demo-control>span b{font-size:10px}
  .branch-demo-control button{padding-inline:10px}
  .branch-flow-commercial{padding:20px 14px;border-radius:20px;background-size:28px 28px,28px 28px,auto}
}
@media(prefers-reduced-motion:reduce){
  .branch-demo-control>span i,.branch-flow-commercial .flow-phone,.fork-pulse,.positive-action>button,.attention-action>button,.branch-outcome:after{animation:none!important}
  .commercial-paths article,.review-destinations>span,.recovery-stages>span{transition:none!important}
}

/* Binary experience choice */
.branch-flow-commercial .flow-moods{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.branch-flow-commercial .flow-moods button{height:92px}
.branch-flow-commercial .flow-moods button i{
  width:34px;
  height:34px;
  margin:0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:1.3rem;
  line-height:1;
}
.branch-flow-commercial .flow-moods button[data-flow-mood="attention"]{color:#dc2626}
.branch-flow-commercial .flow-moods button[data-flow-mood="attention"] i{background:#fff0f0;color:#dc2626}
.branch-flow-commercial .flow-moods button[data-flow-mood="positive"]{color:var(--green)}
.branch-flow-commercial .flow-moods button[data-flow-mood="positive"] i{background:#eaf9ef;color:#15803d}
.branch-flow-commercial .flow-moods button[data-flow-mood="positive"].chosen{
  border-color:var(--green);
  background:#effbf3;
  color:#15803d;
  box-shadow:0 15px 30px rgba(34,197,94,.14),inset 0 0 0 1px var(--green);
}
.branch-flow-commercial[data-demo-state="entry"] .flow-phone:after,
.branch-flow-commercial[data-demo-state="positive"] .flow-phone:after{
  border-color:rgba(34,197,94,.55);
  box-shadow:inset 0 0 0 4px rgba(34,197,94,.045);
}
.branch-flow-commercial[data-demo-state="attention-input"] .flow-moods button[data-flow-mood="attention"].chosen,
.branch-flow-commercial[data-demo-state="attention"] .flow-moods button[data-flow-mood="attention"].chosen,
.branch-flow-commercial[data-demo-state="tracking"] .flow-moods button[data-flow-mood="attention"].chosen,
.branch-flow-commercial[data-demo-state="resolved"] .flow-moods button[data-flow-mood="attention"].chosen{
  border-color:#ef4444;
  background:#fff1f1;
  color:#b91c1c;
  box-shadow:0 15px 30px rgba(239,68,68,.14),inset 0 0 0 1px #ef4444;
}
.branch-flow-commercial[data-demo-state="attention-input"] .flow-phone:after,
.branch-flow-commercial[data-demo-state="attention"] .flow-phone:after,
.branch-flow-commercial[data-demo-state="tracking"] .flow-phone:after,
.branch-flow-commercial[data-demo-state="resolved"] .flow-phone:after{
  border-color:rgba(239,68,68,.58);
  box-shadow:inset 0 0 0 4px rgba(239,68,68,.045);
}

/* Route color follows the selected experience */
.branch-flow-commercial .fork-origin{
  transition:background .45s,box-shadow .45s,transform .45s var(--ease);
}
.branch-flow-commercial .fork-line{
  background:linear-gradient(90deg,rgba(11,18,48,.12),rgba(11,18,48,.035))!important;
  box-shadow:none!important;
}
.branch-flow-commercial .commercial-fork b{
  background:rgba(255,255,255,.92);
  color:var(--muted);
}
.branch-flow-commercial[data-demo-state="entry"] .fork-origin,
.branch-flow-commercial[data-demo-state="positive"] .fork-origin{
  background:var(--green);
  box-shadow:0 0 0 12px rgba(34,197,94,.1),0 12px 30px rgba(34,197,94,.2);
}
.branch-flow-commercial[data-demo-state="entry"] .fork-top,
.branch-flow-commercial[data-demo-state="positive"] .fork-top{
  opacity:1;
  filter:none;
  background:linear-gradient(90deg,var(--green),rgba(34,197,94,.28))!important;
  box-shadow:0 0 16px rgba(34,197,94,.38)!important;
}
.branch-flow-commercial[data-demo-state="entry"] .fork-positive,
.branch-flow-commercial[data-demo-state="positive"] .fork-positive{
  opacity:1;
  background:var(--green);
  color:#fff;
}
.branch-flow-commercial[data-demo-state="entry"] .fork-pulse-positive,
.branch-flow-commercial[data-demo-state="positive"] .fork-pulse-positive{
  border-color:var(--green);
  box-shadow:0 0 0 7px rgba(34,197,94,.12),0 0 24px rgba(34,197,94,.52);
}
.branch-flow-commercial[data-demo-state="entry"] .fork-pulse-positive{animation:branchPulsePositive 1.25s var(--ease) infinite}
.branch-flow-commercial[data-demo-state="attention-input"] .fork-origin,
.branch-flow-commercial[data-demo-state="attention"] .fork-origin,
.branch-flow-commercial[data-demo-state="tracking"] .fork-origin,
.branch-flow-commercial[data-demo-state="resolved"] .fork-origin{
  background:#ef4444;
  box-shadow:0 0 0 12px rgba(239,68,68,.1),0 12px 30px rgba(239,68,68,.2);
}
.branch-flow-commercial[data-demo-state="attention-input"] .fork-bottom,
.branch-flow-commercial[data-demo-state="attention"] .fork-bottom,
.branch-flow-commercial[data-demo-state="tracking"] .fork-bottom,
.branch-flow-commercial[data-demo-state="resolved"] .fork-bottom{
  opacity:1;
  filter:none;
  background:linear-gradient(90deg,#ef4444,rgba(239,68,68,.28))!important;
  box-shadow:0 0 16px rgba(239,68,68,.38)!important;
}
.branch-flow-commercial[data-demo-state="attention-input"] .fork-attention,
.branch-flow-commercial[data-demo-state="attention"] .fork-attention,
.branch-flow-commercial[data-demo-state="tracking"] .fork-attention,
.branch-flow-commercial[data-demo-state="resolved"] .fork-attention{
  opacity:1;
  background:#ef4444;
  color:#fff;
}
.branch-flow-commercial[data-demo-state="attention-input"] .fork-pulse-attention,
.branch-flow-commercial[data-demo-state="attention"] .fork-pulse-attention,
.branch-flow-commercial[data-demo-state="tracking"] .fork-pulse-attention,
.branch-flow-commercial[data-demo-state="resolved"] .fork-pulse-attention{
  border-color:#ef4444;
  box-shadow:0 0 0 7px rgba(239,68,68,.12),0 0 24px rgba(239,68,68,.52);
}
.branch-flow-commercial[data-demo-state="attention-input"] .fork-pulse-attention{animation:branchPulseAttention 1.25s var(--ease) infinite}

/* Interactive outcome theatre */
.outcomes-live{
  padding-block:clamp(92px,9vw,138px);
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 8% 22%,rgba(91,56,255,.2),transparent 26%),
    radial-gradient(circle at 91% 82%,rgba(255,90,0,.14),transparent 28%),
    #070d25;
  color:rgba(255,255,255,.68);
}
.outcomes-live:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(120deg,#000,transparent 72%);
  opacity:.35;
}
.outcomes-live:after{
  content:"RESULTADOS";
  position:absolute;
  z-index:-1;
  right:-.04em;
  top:1.2em;
  color:rgba(255,255,255,.025);
  font:650 clamp(7rem,15vw,15rem)/.8 var(--sora);
  letter-spacing:-.09em;
  pointer-events:none;
}
.outcomes-live>.shell{width:min(1380px,calc(100% - 56px))}
.outcomes-live .outcomes-heading{
  max-width:none;
  margin-bottom:52px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.55fr);
  column-gap:clamp(55px,8vw,120px);
  align-items:end;
}
.outcomes-live .outcomes-heading .eyebrow{grid-column:1/-1;color:#fff;margin-bottom:22px}
.outcomes-live .outcomes-heading h2{
  grid-column:1;
  max-width:850px;
  color:#fff;
  font-size:clamp(3rem,4.5vw,4.45rem);
  line-height:.98;
}
.outcomes-live .outcomes-heading>p:last-child{
  grid-column:2;
  max-width:470px;
  margin:0 0 5px;
  color:rgba(255,255,255,.6);
  font-size:1.05rem;
  line-height:1.6;
}
.outcome-console{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:30px;
  background:
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),
    rgba(12,20,54,.9);
  background-size:32px 32px,32px 32px,auto;
  box-shadow:0 55px 130px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);
}
.outcome-console:before{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  right:-230px;
  top:-260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,90,0,.16),transparent 68%);
  transition:transform 1.2s var(--ease),background 1.2s;
  pointer-events:none;
}
.outcome-console[data-outcome-active="1"]:before{transform:translate(-90px,410px);background:radial-gradient(circle,rgba(34,197,94,.15),transparent 68%)}
.outcome-console[data-outcome-active="2"]:before{transform:translate(-440px,290px);background:radial-gradient(circle,rgba(91,56,255,.24),transparent 68%)}
.outcome-console[data-outcome-active="3"]:before{transform:translate(-280px,20px);background:radial-gradient(circle,rgba(0,229,255,.14),transparent 68%)}
.outcome-console-top{
  position:relative;
  z-index:5;
  min-height:58px;
  padding:0 20px;
  display:grid;
  grid-template-columns:auto minmax(160px,1fr) auto;
  align-items:center;
  gap:20px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(7,13,37,.58);
  backdrop-filter:blur(14px);
}
.outcome-console-top>span{display:flex;align-items:center;gap:9px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.14em}
.outcome-console-top>span i{width:8px;height:8px;border-radius:50%;background:var(--o);box-shadow:0 0 0 6px rgba(255,90,0,.11)}
.outcome-progress{height:2px;overflow:hidden;background:rgba(255,255,255,.11)}
.outcome-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--o),#ff9f6d);transform:scaleX(0);transform-origin:left}
.outcome-console.is-cycling .outcome-progress i{animation:outcomeProgress 5.2s linear both}
.outcome-console-top button{
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:99px;
  background:rgba(255,255,255,.055);
  color:#fff;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
  transition:background .3s,border-color .3s,transform .3s;
}
.outcome-console-top button:hover{background:var(--o);border-color:var(--o);transform:translateY(-1px)}
.outcome-stage{position:relative;z-index:2;display:grid;grid-template-columns:310px minmax(0,1fr);min-height:570px}
.outcome-nav{
  position:relative;
  z-index:4;
  display:grid;
  align-content:center;
  padding:28px 18px;
  border-right:1px solid rgba(255,255,255,.1);
  background:rgba(7,13,37,.26);
}
.outcome-nav button{
  position:relative;
  min-height:108px;
  padding:20px 18px 18px 62px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:transparent;
  color:rgba(255,255,255,.42);
  text-align:left;
  cursor:pointer;
  transition:background .45s,color .45s,transform .55s var(--ease);
}
.outcome-nav button:last-child{border-bottom:0}
.outcome-nav button:before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:3px;
  border-radius:3px;
  background:var(--o);
  transform:scaleY(0);
  transition:transform .5s var(--ease);
}
.outcome-nav button>span{
  position:absolute;
  left:18px;
  top:22px;
  color:rgba(255,255,255,.22);
  font:600 1.35rem/1 var(--sora);
  letter-spacing:-.05em;
  transition:color .45s,transform .55s var(--ease);
}
.outcome-nav button b,.outcome-nav button small{display:block}
.outcome-nav button b{color:inherit;font:600 1rem/1.15 var(--sora);letter-spacing:-.035em}
.outcome-nav button small{margin-top:7px;color:rgba(255,255,255,.34);font-size:10px}
.outcome-nav button[aria-selected="true"]{
  background:linear-gradient(90deg,rgba(255,90,0,.13),transparent 86%);
  color:#fff;
  transform:translateX(5px);
}
.outcome-nav button[aria-selected="true"]:before{transform:scaleY(1)}
.outcome-nav button[aria-selected="true"]>span{color:var(--o);transform:translateX(3px)}
.outcome-nav button[aria-selected="true"] small{color:rgba(255,255,255,.58)}
.outcome-panels{position:relative;min-height:570px;overflow:hidden}
.outcome-panel{
  position:absolute;
  inset:0;
  padding:48px clamp(34px,4vw,62px);
  display:grid;
  grid-template-columns:minmax(210px,.58fr) minmax(430px,1.42fr);
  gap:clamp(35px,5vw,76px);
  align-items:center;
  opacity:0;
  visibility:hidden;
  transform:translateY(22px) scale(.985);
  transition:opacity .65s,visibility .65s,transform .9s var(--ease);
  pointer-events:none;
}
.outcome-panel.is-active{z-index:2;opacity:1;visibility:visible;transform:none;pointer-events:auto}
.outcome-copy>span{display:block;margin-bottom:17px;color:var(--o);font-size:10px;font-weight:750;letter-spacing:.15em}
.outcome-copy h3{max-width:360px;color:#fff;font-size:clamp(2.5rem,3.7vw,4rem);line-height:.95;letter-spacing:-.065em}
.outcome-copy p{max-width:350px;margin:24px 0 0;color:rgba(255,255,255,.58);font-size:1rem;line-height:1.6}
.outcome-visual{
  position:relative;
  min-height:430px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    rgba(255,255,255,.045);
  background-size:28px 28px,28px 28px,auto;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 30px 70px rgba(0,0,0,.2);
}
.outcome-alert-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,90,0,.09),transparent);
  transform:translateX(-110%);
}
.outcome-panel.is-active .outcome-alert-visual:after{animation:outcomeScan 2.8s .3s var(--ease) both}
.alert-radar{position:absolute;left:38px;top:36px;width:154px;height:154px;display:grid;place-items:center}
.alert-radar i{position:absolute;border:1px solid rgba(255,90,0,.28);border-radius:50%;opacity:0}
.alert-radar i:nth-child(1){inset:48px}.alert-radar i:nth-child(2){inset:25px}.alert-radar i:nth-child(3){inset:2px}
.outcome-panel.is-active .alert-radar i{animation:alertRadar 2.2s ease-out infinite}
.outcome-panel.is-active .alert-radar i:nth-child(2){animation-delay:.35s}.outcome-panel.is-active .alert-radar i:nth-child(3){animation-delay:.7s}
.alert-radar b{position:relative;z-index:2;color:#fff;font:650 .72rem var(--sora);letter-spacing:.1em}
.live-signal-card{
  position:absolute;
  z-index:3;
  left:27%;
  right:7%;
  top:31%;
  padding:24px 26px;
  border:1px solid rgba(255,90,0,.32);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  color:var(--ink);
  box-shadow:0 28px 65px rgba(0,0,0,.28),0 0 60px rgba(255,90,0,.08);
}
.live-signal-card>small{color:var(--o);font-size:9px;font-weight:800;letter-spacing:.13em}
.live-signal-card>span{display:flex;align-items:center;gap:11px;margin-top:13px}
.live-signal-card>span i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff0e7;color:var(--o);font-style:normal;font-weight:800}
.live-signal-card>span b{font:600 1.1rem var(--sora)}
.live-signal-card p{margin:13px 0;color:var(--muted);font-size:.8rem}
.live-signal-card em{color:var(--green);font-size:10px;font-style:normal;font-weight:750}
.outcome-panel.is-active .live-signal-card{animation:liveSignalIn .8s .25s var(--ease) both}
.signal-trace{position:absolute;left:8%;right:8%;bottom:34px;height:80px;display:flex;align-items:end;gap:8px}
.signal-trace i{flex:1;height:20%;border-radius:3px 3px 0 0;background:linear-gradient(var(--o),rgba(255,90,0,.13));transform-origin:bottom}
.signal-trace i:nth-child(2){height:38%}.signal-trace i:nth-child(3){height:31%}.signal-trace i:nth-child(4){height:64%}.signal-trace i:nth-child(5){height:88%}
.outcome-panel.is-active .signal-trace i{animation:traceGrow .7s var(--ease) both}.outcome-panel.is-active .signal-trace i:nth-child(2){animation-delay:.1s}.outcome-panel.is-active .signal-trace i:nth-child(3){animation-delay:.2s}.outcome-panel.is-active .signal-trace i:nth-child(4){animation-delay:.3s}.outcome-panel.is-active .signal-trace i:nth-child(5){animation-delay:.4s}
.follow-ticket{position:absolute;left:8%;right:8%;top:35px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.065)}
.follow-ticket small{color:var(--o);font-size:9px;font-weight:800}.follow-ticket b{color:#fff;font-size:.9rem}.follow-ticket span{padding:6px 9px;border-radius:99px;background:#fff3df;color:#d08a00;font-size:9px;font-weight:800}
.follow-route{position:absolute;left:9%;right:9%;top:41%;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center}
.follow-route>span{display:grid;justify-items:center;gap:8px;color:rgba(255,255,255,.38)}
.follow-route>span i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-style:normal;font-weight:800}
.follow-route>span b{font-size:10px}.follow-route>em{height:2px;background:rgba(255,255,255,.1);transform-origin:left}
.follow-route .done{color:#fff}.follow-route .done i{background:var(--o);border-color:var(--o)}
.follow-route .active{color:#fff}.follow-route .active i{border-color:var(--o);color:var(--o);box-shadow:0 0 0 7px rgba(255,90,0,.1)}
.outcome-panel.is-active .follow-route>em{animation:followLine 1s .45s var(--ease) both}
.outcome-panel.is-active .follow-route>span:nth-of-type(2){animation:followStage 1s 1.15s var(--ease) both}
.outcome-panel.is-active .follow-route>span:nth-of-type(3){animation:followResolve .75s 2.25s var(--ease) both}
.follow-result{position:absolute;left:14%;right:14%;bottom:38px;min-height:72px;padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:25px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.follow-result span,.follow-result strong{padding:8px 11px;border-radius:7px;font-size:.78rem}.follow-result span{background:#fff3df;color:#a66500}.follow-result i{color:var(--o);font-style:normal}.follow-result strong{background:#ebfaef;color:#18843d}
.outcome-panel.is-active .follow-result strong{animation:followResult 1s 2.6s var(--ease) both}
.pattern-word{position:absolute;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.7);font-size:11px;box-shadow:0 15px 30px rgba(0,0,0,.16)}
.word-one{left:7%;top:17%}.word-two{right:7%;top:25%}.word-three{left:12%;bottom:20%}
.pattern-core{position:absolute;left:50%;top:48%;width:190px;height:190px;display:grid;place-items:center;align-content:center;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(91,56,255,.24),rgba(91,56,255,.03) 67%,transparent 69%)}
.pattern-core:before,.pattern-core:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(138,117,255,.26)}
.pattern-core:before{inset:12px}.pattern-core:after{inset:32px}
.pattern-core i{position:absolute;inset:48px;border-radius:50%;background:conic-gradient(var(--o) 0 40%,#5b38ff 40% 68%,#00c7d9 68% 84%,rgba(255,255,255,.15) 84%);mask:radial-gradient(circle,transparent 52%,#000 54%)}
.pattern-core b{position:relative;z-index:2;color:#fff;font:650 2.5rem/.9 var(--sora);letter-spacing:-.06em}.pattern-core small{position:relative;z-index:2;margin-top:7px;color:rgba(255,255,255,.55);font-size:8px;letter-spacing:.12em}
.outcome-panel.is-active .pattern-core{animation:patternCoreIn .9s .35s var(--ease) both}.outcome-panel.is-active .pattern-core i{animation:patternRotate 6s linear infinite}
.outcome-panel.is-active .pattern-word{animation:patternConverge 1.25s var(--ease) both}.outcome-panel.is-active .word-two{animation-delay:.12s}.outcome-panel.is-active .word-three{animation-delay:.24s}
.pattern-meter{position:absolute;right:6%;bottom:7%;width:180px;display:grid;gap:6px}
.pattern-meter span{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;color:rgba(255,255,255,.55);font-size:9px}.pattern-meter i{width:7px;height:7px;border-radius:50%;background:var(--o)}.pattern-meter span:nth-child(2) i{background:#5b38ff}.pattern-meter span:nth-child(3) i{background:#00c7d9}.pattern-meter b{color:#fff}
.improve-before,.improve-after{position:absolute;top:27%;width:36%;min-height:145px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.075);box-shadow:0 25px 55px rgba(0,0,0,.2)}
.improve-before{left:6%}.improve-after{right:6%;background:rgba(255,255,255,.96);color:var(--ink)}
.improve-before small,.improve-after small{font-size:9px;font-weight:800;letter-spacing:.12em}.improve-before small{color:var(--o)}.improve-after small{color:var(--green)}
.improve-before b,.improve-after b{display:block;margin:18px 0 12px;font:600 1rem/1.2 var(--sora)}.improve-before b{color:#fff}.improve-before span,.improve-after span{font-size:10px}.improve-before span{color:rgba(255,255,255,.5)}.improve-after span{color:var(--green);font-weight:750}
.improve-arrow{position:absolute;z-index:3;left:50%;top:42%;display:grid;justify-items:center;gap:7px;transform:translate(-50%,-50%)}
.improve-arrow i{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--o);color:#fff;font-style:normal;font-size:1.5rem;box-shadow:0 0 0 10px rgba(255,90,0,.1)}
.improve-arrow span{color:rgba(255,255,255,.55);font-size:8px;font-weight:800;letter-spacing:.14em}
.outcome-panel.is-active .improve-before{animation:improveBefore .8s .2s var(--ease) both}.outcome-panel.is-active .improve-arrow{animation:improveArrow .75s .85s var(--ease) both}.outcome-panel.is-active .improve-after{animation:improveAfter .85s 1.35s var(--ease) both}
.outcome-improve-visual svg{position:absolute;left:8%;right:8%;bottom:28px;width:84%;height:90px;overflow:visible}.outcome-improve-visual svg path{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-dasharray:520;stroke-dashoffset:520}.outcome-panel.is-active .outcome-improve-visual svg path{animation:improveGraph 1.5s 1.85s var(--ease) forwards}
.outcome-console-bottom{position:relative;z-index:5;min-height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.1);background:rgba(7,13,37,.44)}
.outcome-console-bottom span{color:rgba(255,255,255,.48);font-size:11px}.outcome-console-bottom a{color:#fff;font-size:11px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:3px;transition:color .3s,border-color .3s}.outcome-console-bottom a:hover{color:var(--o);border-color:var(--o)}
@keyframes outcomeProgress{to{transform:scaleX(1)}}
@keyframes outcomeScan{to{transform:translateX(110%)}}
@keyframes alertRadar{0%{opacity:0;transform:scale(.45)}25%{opacity:1}100%{opacity:0;transform:scale(1.1)}}
@keyframes liveSignalIn{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}
@keyframes traceGrow{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
@keyframes followLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes followStage{from{opacity:.25;transform:scale(.82)}to{opacity:1;transform:none}}
@keyframes followResolve{from{opacity:.25;transform:scale(.82)}to{opacity:1;transform:none;color:#fff}}
@keyframes followResult{0%,35%{opacity:.2;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes patternCoreIn{from{opacity:0;transform:translate(-50%,-50%) scale(.72)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes patternRotate{to{transform:rotate(360deg)}}
@keyframes patternConverge{from{opacity:0;filter:blur(5px);transform:translateY(12px)}to{opacity:1;filter:none;transform:none}}
@keyframes improveBefore{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes improveArrow{from{opacity:0;transform:translate(-62%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes improveAfter{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}
@keyframes improveGraph{to{stroke-dashoffset:0}}

@media(max-width:1080px){
  .outcome-stage{grid-template-columns:265px minmax(0,1fr)}
  .outcome-panel{grid-template-columns:minmax(180px,.5fr) minmax(370px,1.5fr);padding:40px 30px;gap:32px}
  .outcome-copy h3{font-size:clamp(2.25rem,3.5vw,3rem)}
}
@media(max-width:820px){
  .outcomes-live .outcomes-heading{display:block}
  .outcomes-live .outcomes-heading>p:last-child{margin-top:24px}
  .outcome-stage{display:block}
  .outcome-nav{grid-template-columns:repeat(4,minmax(180px,1fr));overflow-x:auto;align-content:normal;padding:10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .outcome-nav button{min-height:86px;padding:16px 14px 14px 48px;border-bottom:0;border-right:1px solid rgba(255,255,255,.08)}
  .outcome-nav button>span{left:12px;top:18px;font-size:1.1rem}
  .outcome-panels{min-height:680px}
  .outcome-panel{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;padding:38px 30px;gap:28px}
  .outcome-copy h3{font-size:2.75rem}.outcome-copy p{margin-top:15px}
  .outcome-visual{min-height:390px}
}
@media(max-width:560px){
  .outcomes-live>.shell{width:calc(100% - 28px)}
  .outcomes-live .outcomes-heading h2{font-size:clamp(2.5rem,11vw,3.15rem)}
  .outcome-console{border-radius:20px}
  .outcome-console-top{grid-template-columns:1fr auto;gap:10px;padding:10px 13px}
  .outcome-console-top>span{font-size:8px}.outcome-progress{grid-column:1/-1;grid-row:2}.outcome-console-top button{grid-column:2;grid-row:1}
  .outcome-nav{grid-template-columns:repeat(4,160px)}
  .outcome-nav button{min-height:76px}.outcome-nav button small{display:none}
  .outcome-panels{min-height:640px}
  .outcome-panel{padding:28px 16px;gap:22px}
  .outcome-copy h3{font-size:2.35rem}.outcome-copy p{font-size:.9rem}
  .outcome-visual{min-height:380px;border-radius:17px}
  .live-signal-card{left:8%;right:8%;top:30%;padding:19px}
  .alert-radar{left:18px;top:18px;width:120px;height:120px}
  .follow-ticket{grid-template-columns:1fr}.follow-ticket span{width:max-content}
  .follow-route{left:4%;right:4%}.follow-route>span b{font-size:8px}.follow-route>span i{width:34px;height:34px}
  .follow-result{left:6%;right:6%;gap:10px;padding-inline:10px}
  .pattern-core{width:160px;height:160px}.pattern-meter{right:5%;bottom:5%;width:150px}
  .pattern-word{font-size:9px}.word-two{top:18%}.word-three{left:5%;bottom:15%}
  .improve-before,.improve-after{top:18%;width:42%;padding:16px}.improve-before{left:4%}.improve-after{right:4%}.improve-arrow{top:38%}.improve-arrow i{width:46px;height:46px}
  .outcome-console-bottom{padding:13px 15px;align-items:flex-start;flex-direction:column;gap:7px}
}
@media(prefers-reduced-motion:reduce){
  .outcome-progress i,.outcome-panel *,.outcome-panel svg path{animation:none!important;transition:none!important}
  .outcome-progress i{transform:scaleX(1)}
}

/* Recovery theatre */
.product-wow.recovery-enhanced{
  padding-block:clamp(92px,9vw,140px);
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 14%,rgba(255,90,0,.1),transparent 22%),
    radial-gradient(circle at 5% 72%,rgba(91,56,255,.06),transparent 28%),
    #fbfaf7;
}
.product-wow.recovery-enhanced:before{
  content:"RECUPERAR";
  position:absolute;
  right:-.04em;
  top:1.15em;
  color:rgba(11,18,48,.035);
  font:650 clamp(7rem,15vw,14rem)/.8 var(--sora);
  letter-spacing:-.09em;
  pointer-events:none;
}
.recovery-enhanced>.shell{width:min(1380px,calc(100% - 56px))}
.recovery-enhanced .product-heading{
  position:relative;
  z-index:2;
  max-width:none;
  margin-bottom:48px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.55fr);
  column-gap:clamp(55px,8vw,120px);
  align-items:end;
}
.recovery-enhanced .product-heading .eyebrow{grid-column:1/-1;margin-bottom:22px}
.recovery-enhanced .product-heading h2{grid-column:1;max-width:880px;font-size:clamp(3rem,4.5vw,4.5rem);line-height:.98}
.recovery-enhanced .product-heading>p:last-child{grid-column:2;max-width:450px;margin:0 0 5px;color:var(--muted);font-size:1.02rem;line-height:1.6}
.recovery-showcase{
  position:relative;
  min-height:760px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:32px;
  background:
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),
    #09102b;
  background-size:34px 34px,34px 34px,auto;
  box-shadow:0 45px 110px rgba(11,18,48,.2),inset 0 1px rgba(255,255,255,.05);
  isolation:isolate;
}
.recovery-showcase:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:660px;
  height:660px;
  right:-250px;
  top:-280px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,90,0,.2),transparent 68%);
  transition:transform 1.2s var(--ease),background 1.2s;
}
.recovery-showcase[data-recovery-stage="1"]:before{transform:translate(-280px,250px);background:radial-gradient(circle,rgba(255,137,61,.18),transparent 68%)}
.recovery-showcase[data-recovery-stage="2"]:before{transform:translate(-520px,400px);background:radial-gradient(circle,rgba(34,197,94,.18),transparent 68%)}
.recovery-showcase-top{
  position:relative;
  z-index:10;
  min-height:58px;
  padding:0 20px;
  display:grid;
  grid-template-columns:auto minmax(180px,1fr) auto;
  align-items:center;
  gap:22px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(7,13,37,.58);
  backdrop-filter:blur(14px);
}
.recovery-showcase-top>span{display:flex;align-items:center;gap:9px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.14em}
.recovery-showcase-top>span i{width:8px;height:8px;border-radius:50%;background:var(--o);box-shadow:0 0 0 6px rgba(255,90,0,.12)}
.recovery-showcase-progress{height:2px;overflow:hidden;background:rgba(255,255,255,.1)}
.recovery-showcase-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--o),#ffad7d);transform:scaleX(0);transform-origin:left}
.recovery-showcase.is-playing .recovery-showcase-progress i{animation:recoveryProgress 4.8s linear both}
.recovery-showcase-top button{
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:99px;
  background:rgba(255,255,255,.055);
  color:#fff;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
  transition:background .3s,border-color .3s,transform .3s;
}
.recovery-showcase-top button:hover{background:var(--o);border-color:var(--o);transform:translateY(-1px)}
.recovery-tabs{
  position:relative;
  z-index:9;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(7,13,37,.32);
}
.recovery-tabs button{
  position:relative;
  min-height:82px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  border:0;
  border-right:1px solid rgba(255,255,255,.08);
  background:transparent;
  color:rgba(255,255,255,.35);
  cursor:pointer;
  transition:background .4s,color .4s;
}
.recovery-tabs button:last-child{border-right:0}
.recovery-tabs button:after{content:"";position:absolute;left:25%;right:25%;bottom:-1px;height:2px;background:var(--o);transform:scaleX(0);transition:transform .5s var(--ease)}
.recovery-tabs button span{font:600 1.45rem/1 var(--sora);letter-spacing:-.06em;color:rgba(255,255,255,.2);transition:color .4s,transform .5s var(--ease)}
.recovery-tabs button b{font:600 1rem var(--sora);letter-spacing:-.035em}
.recovery-tabs button[aria-selected="true"]{color:#fff;background:linear-gradient(180deg,rgba(255,90,0,.08),transparent)}
.recovery-tabs button[aria-selected="true"]:after{transform:scaleX(1)}
.recovery-tabs button[aria-selected="true"] span{color:var(--o);transform:translateY(-2px)}
.recovery-showcase[data-recovery-stage="2"] .recovery-tabs button[aria-selected="true"]:after{background:var(--green)}
.recovery-showcase[data-recovery-stage="2"] .recovery-tabs button[aria-selected="true"] span{color:var(--green)}
.recovery-canvas{position:relative;min-height:620px;overflow:hidden}
.recovery-words{position:absolute;z-index:0;inset:0;pointer-events:none}
.recovery-words span{position:absolute;left:4%;top:11%;color:rgba(255,255,255,.035);font:650 clamp(5rem,10vw,10rem)/.8 var(--sora);letter-spacing:-.08em;opacity:0;transform:translateY(18px);transition:opacity .7s,transform .9s var(--ease)}
.recovery-words span:nth-child(2){left:auto;right:5%;top:58%}.recovery-words span:nth-child(3){left:10%;top:55%;color:rgba(34,197,94,.055)}
.recovery-showcase[data-recovery-stage="0"] .recovery-words span:nth-child(1),.recovery-showcase[data-recovery-stage="1"] .recovery-words span:nth-child(2),.recovery-showcase[data-recovery-stage="2"] .recovery-words span:nth-child(3){opacity:1;transform:none}
.recovery-route{position:absolute;z-index:1;left:3%;right:3%;bottom:4%;width:94%;height:78%;overflow:visible}
.recovery-route path{fill:none;stroke:rgba(255,90,0,.68);stroke-width:3;stroke-linecap:round;stroke-dasharray:1100;stroke-dashoffset:790;transition:stroke-dashoffset 1.2s var(--ease),stroke .8s;filter:drop-shadow(0 0 8px rgba(255,90,0,.28))}
.recovery-showcase[data-recovery-stage="1"] .recovery-route path{stroke-dashoffset:390}
.recovery-showcase[data-recovery-stage="2"] .recovery-route path{stroke-dashoffset:0;stroke:var(--green);filter:drop-shadow(0 0 8px rgba(34,197,94,.28))}
.recovery-route circle{fill:#09102b;stroke:rgba(255,255,255,.28);stroke-width:3;transition:fill .5s,stroke .5s,filter .5s}
.recovery-showcase[data-recovery-stage="0"] .recovery-route circle:nth-of-type(1),.recovery-showcase[data-recovery-stage="1"] .recovery-route circle:nth-of-type(-n+2){fill:var(--o);stroke:#fff;filter:drop-shadow(0 0 10px rgba(255,90,0,.75))}
.recovery-showcase[data-recovery-stage="2"] .recovery-route circle{fill:var(--green);stroke:#fff;filter:drop-shadow(0 0 10px rgba(34,197,94,.72))}
.recovery-showcase .case-product{
  position:absolute;
  z-index:5;
  left:7%;
  top:70px;
  width:min(620px,56%);
  max-width:none;
  margin:0;
  padding:30px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:rgba(255,255,255,.97);
  box-shadow:0 34px 90px rgba(0,0,0,.33);
  opacity:1;
  transform:rotate(-.7deg);
  transition:opacity .7s,transform .95s var(--ease),left .9s var(--ease),top .9s var(--ease),width .9s var(--ease);
}
.recovery-showcase .case-summary h3{font-size:1.75rem}.recovery-showcase .case-summary>span{border-radius:99px}
.recovery-showcase .case-product blockquote{margin:24px 0;font-size:.9rem;line-height:1.55}
.recovery-showcase[data-recovery-stage="0"] .case-timeline,.recovery-showcase[data-recovery-stage="0"] .case-note,.recovery-showcase[data-recovery-stage="0"] .case-actions{display:none}
.recovery-showcase[data-recovery-stage="1"] .case-product{left:13%;top:34px;width:74%;transform:none}
.recovery-showcase[data-recovery-stage="1"] .case-meta{display:none}
.recovery-showcase[data-recovery-stage="1"] .case-product blockquote{margin:16px 0;padding:16px}
.recovery-showcase[data-recovery-stage="1"] .case-timeline{margin:24px 0 18px}
.recovery-showcase[data-recovery-stage="1"] .case-note{padding:14px 16px}
.recovery-showcase[data-recovery-stage="1"] .case-actions{margin-top:14px}
.recovery-showcase[data-recovery-stage="1"] .case-actions button{border-radius:7px;font-size:.65rem}
.recovery-showcase[data-recovery-stage="1"] .case-actions .resolve{animation:recoveryResolveBreathe 1.7s ease-in-out infinite}
.recovery-showcase[data-recovery-stage="2"] .case-product{opacity:0;transform:translateX(-55px) scale(.95);pointer-events:none}
.recovery-showcase .product-panorama{
  position:absolute;
  z-index:4;
  left:4%;
  right:4%;
  top:28px;
  width:auto;
  min-height:525px;
  margin:0;
  padding:26px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:rgba(255,255,255,.97);
  box-shadow:0 36px 95px rgba(0,0,0,.34);
  opacity:0;
  visibility:hidden;
  transform:translateY(30px) scale(.97);
  transition:opacity .75s,visibility .75s,transform 1s var(--ease);
}
.recovery-showcase[data-recovery-stage="2"] .product-panorama{opacity:1;visibility:visible;transform:none}
.recovery-showcase .panorama-metrics{margin-top:17px}
.recovery-showcase .panorama-main{grid-template-columns:1fr;margin-top:15px}
.recovery-showcase .panorama-feed,.recovery-showcase .panorama-locations{display:none}
.recovery-showcase .panorama-chart{min-height:285px}
.recovery-showcase .panorama-chart svg{height:210px}
.recovery-showcase[data-recovery-stage="2"] .panorama-metrics article{animation:recoveryMetricIn .55s var(--ease) both}
.recovery-showcase[data-recovery-stage="2"] .panorama-metrics article:nth-child(2){animation-delay:.1s}.recovery-showcase[data-recovery-stage="2"] .panorama-metrics article:nth-child(3){animation-delay:.2s}.recovery-showcase[data-recovery-stage="2"] .panorama-metrics article:nth-child(4){animation-delay:.3s}
.recovery-result-card{
  position:absolute;
  z-index:8;
  right:6%;
  bottom:42px;
  width:280px;
  padding:22px;
  display:grid;
  grid-template-columns:52px 1fr;
  gap:5px 14px;
  border:1px solid rgba(34,197,94,.26);
  border-radius:17px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 28px 70px rgba(0,0,0,.28),0 0 50px rgba(34,197,94,.11);
  opacity:0;
  transform:translateY(18px) scale(.94);
  transition:opacity .6s .6s,transform .8s .6s var(--ease);
}
.recovery-result-card>span{grid-column:1/-1;color:var(--green);font-size:9px;font-weight:800;letter-spacing:.13em}
.recovery-result-card i{grid-row:2/4;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#eaf9ef;color:var(--green);font-style:normal;font-size:1.4rem;font-weight:800}
.recovery-result-card strong{align-self:end;font:600 1.15rem var(--sora);letter-spacing:-.035em}.recovery-result-card small{color:var(--muted);font-size:9px}
.recovery-showcase[data-recovery-stage="2"] .recovery-result-card{opacity:1;transform:none}
.recovery-enhanced .product-cta{position:relative;z-index:3;margin-top:35px}.recovery-enhanced .product-cta .button{min-width:180px}.recovery-enhanced .product-cta span{font-size:.75rem}
@keyframes recoveryProgress{to{transform:scaleX(1)}}
@keyframes recoveryResolveBreathe{50%{box-shadow:0 0 0 7px rgba(255,90,0,.11);transform:translateY(-2px)}}
@keyframes recoveryMetricIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(max-width:980px){
  .recovery-enhanced .product-heading{display:block}.recovery-enhanced .product-heading>p:last-child{margin-top:24px}
  .recovery-showcase .case-product{width:68%}.recovery-showcase[data-recovery-stage="1"] .case-product{left:7%;width:86%}
}
@media(max-width:760px){
  .recovery-showcase{min-height:800px;border-radius:24px}
  .recovery-tabs button{min-height:72px;padding:0 12px}.recovery-tabs button span{font-size:1.15rem}.recovery-tabs button b{font-size:.85rem}
  .recovery-canvas{min-height:660px}
  .recovery-route{display:none}
  .recovery-showcase .case-product,.recovery-showcase[data-recovery-stage="1"] .case-product{left:5%;top:34px;width:90%;padding:22px}
  .recovery-showcase[data-recovery-stage="1"] .case-timeline{grid-template-columns:1fr 1fr;gap:18px}
  .recovery-showcase .product-panorama{left:3%;right:3%;padding:18px}
  .recovery-showcase .panorama-metrics{grid-template-columns:1fr 1fr}.recovery-showcase .panorama-chart svg{height:170px}
  .recovery-result-card{right:7%;bottom:22px}
}
@media(max-width:560px){
  .recovery-enhanced>.shell{width:calc(100% - 28px)}
  .recovery-enhanced .product-heading h2{font-size:clamp(2.5rem,11vw,3.15rem)}
  .recovery-showcase{min-height:850px;border-radius:20px}
  .recovery-showcase-top{grid-template-columns:1fr auto;gap:10px;padding:10px 13px}.recovery-showcase-top>span{font-size:8px}.recovery-showcase-progress{grid-column:1/-1;grid-row:2}.recovery-showcase-top button{grid-column:2;grid-row:1}
  .recovery-tabs button{display:grid;justify-items:center;gap:5px;padding-block:11px}.recovery-tabs button b{font-size:.72rem}
  .recovery-canvas{min-height:690px}
  .recovery-showcase .case-summary{display:block}.recovery-showcase .case-summary>span{display:inline-block;margin-top:10px}.recovery-showcase .case-summary h3{font-size:1.4rem}
  .recovery-showcase[data-recovery-stage="1"] .case-timeline{grid-template-columns:1fr}.recovery-showcase[data-recovery-stage="1"] .case-actions button{padding:8px 9px}
  .recovery-showcase .product-panorama{top:18px}.recovery-showcase .panorama-top{display:flex}.recovery-showcase .panorama-metrics article{padding:12px}.recovery-showcase .panorama-metrics strong{font-size:1.5rem}.recovery-showcase .panorama-chart{padding:12px}.recovery-showcase .panorama-chart svg{height:145px}
  .recovery-result-card{left:7%;right:7%;bottom:18px;width:auto}
}
@media(prefers-reduced-motion:reduce){
  .recovery-showcase *,.recovery-route path{animation:none!important;transition:none!important}
  .recovery-showcase-progress i{transform:scaleX(1)}
}

/* Recovery visual simplification */
.recovery-canvas:after{
  content:"";
  position:absolute;
  z-index:2;
  width:340px;
  height:340px;
  right:8%;
  top:18%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,90,0,.14),rgba(255,90,0,0) 68%);
  transition:transform 1s var(--ease),background 1s,opacity 1s;
  pointer-events:none;
}
.recovery-showcase[data-recovery-stage="1"] .recovery-canvas:after{transform:translate(-80%,20%) scale(.75)}
.recovery-showcase[data-recovery-stage="2"] .recovery-canvas:after{transform:translate(-110%,45%) scale(1.15);background:radial-gradient(circle,rgba(34,197,94,.18),rgba(34,197,94,0) 68%)}
.recovery-showcase .case-product{overflow:visible}
.recovery-showcase[data-recovery-stage="0"] .case-product{
  top:105px;
  width:min(570px,52%);
  min-height:300px;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.recovery-showcase[data-recovery-stage="0"] .case-product:before{
  content:"!";
  position:absolute;
  z-index:0;
  right:-210px;
  top:50%;
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border-radius:50%;
  background:var(--o);
  color:#fff;
  font:650 3.2rem var(--sora);
  box-shadow:0 0 0 20px rgba(255,90,0,.09),0 0 0 48px rgba(255,90,0,.045),0 28px 70px rgba(0,0,0,.22);
  animation:recoverySignalPulse 2s ease-in-out infinite;
}
.recovery-showcase[data-recovery-stage="0"] .case-meta,
.recovery-showcase[data-recovery-stage="0"] .case-product>.example-note{display:none}
.recovery-showcase[data-recovery-stage="0"] .case-summary small{font-size:10px;letter-spacing:.11em}
.recovery-showcase[data-recovery-stage="0"] .case-summary h3{max-width:370px;margin-top:10px;font-size:2rem;line-height:1.05}
.recovery-showcase[data-recovery-stage="0"] .case-product blockquote{
  max-width:430px;
  margin:28px 0 0;
  padding:18px 20px;
  border-left-width:3px;
  font-size:1rem;
  line-height:1.45;
}
.recovery-showcase[data-recovery-stage="1"] .case-product{
  top:72px;
  min-height:390px;
  padding:28px 34px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  align-content:center;
}
.recovery-showcase[data-recovery-stage="1"] .case-summary h3,
.recovery-showcase[data-recovery-stage="1"] .case-product blockquote,
.recovery-showcase[data-recovery-stage="1"] .case-note,
.recovery-showcase[data-recovery-stage="1"] .case-product>.example-note{display:none}
.recovery-showcase[data-recovery-stage="1"] .case-summary{align-items:center}
.recovery-showcase[data-recovery-stage="1"] .case-summary small{font-size:10px;letter-spacing:.11em}
.recovery-showcase[data-recovery-stage="1"] .case-summary>span{background:#fff0e4;color:var(--o);font-size:10px;font-weight:800}
.recovery-showcase[data-recovery-stage="1"] .case-timeline{
  position:relative;
  z-index:2;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin:58px 0 44px;
}
.recovery-showcase[data-recovery-stage="1"] .case-timeline:after{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:linear-gradient(90deg,var(--o) 0 66%,rgba(11,18,48,.1) 66%);
  transform-origin:left;
}
.recovery-showcase[data-recovery-stage="1"] .case-timeline>span{
  z-index:1;
  min-height:74px;
  padding:34px 12px 0;
  border-top:0;
  color:var(--ink);
  font-size:12px;
  font-weight:700;
  line-height:1.25;
}
.recovery-showcase[data-recovery-stage="1"] .case-timeline i{
  top:-23px;
  width:46px;
  height:46px;
  border-width:2px;
  font-size:14px;
  box-shadow:0 0 0 8px #fff;
}
.recovery-showcase[data-recovery-stage="1"] .case-timeline small{display:none}
.recovery-showcase[data-recovery-stage="1"] .case-actions{justify-content:flex-end;gap:10px}
.recovery-showcase[data-recovery-stage="1"] .case-actions button:nth-child(1),
.recovery-showcase[data-recovery-stage="1"] .case-actions button:nth-child(3){display:none}
.recovery-showcase[data-recovery-stage="1"] .case-actions button{
  min-height:44px;
  padding:0 18px;
  border-radius:9px;
  font-size:11px;
}
.recovery-showcase[data-recovery-stage="1"] .case-actions .resolve{margin-left:0;min-width:180px}
.recovery-showcase .product-panorama>.example-note{display:none}
.recovery-showcase[data-recovery-stage="2"] .product-panorama{padding:30px}
.recovery-showcase[data-recovery-stage="2"] .panorama-top>span,
.recovery-showcase[data-recovery-stage="2"] .panorama-metrics article>span,
.recovery-showcase[data-recovery-stage="2"] .chart-title>span,
.recovery-showcase[data-recovery-stage="2"] .distribution{display:none}
.recovery-showcase[data-recovery-stage="2"] .panorama-top{min-height:36px}
.recovery-showcase[data-recovery-stage="2"] .panorama-top b{font-size:1rem}
.recovery-showcase[data-recovery-stage="2"] .panorama-metrics{gap:10px}
.recovery-showcase[data-recovery-stage="2"] .panorama-metrics article{
  min-height:104px;
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:12px;
  background:#faf8f5;
}
.recovery-showcase[data-recovery-stage="2"] .panorama-metrics small{font-size:10px}
.recovery-showcase[data-recovery-stage="2"] .panorama-metrics strong{margin-top:7px;font-size:2rem;line-height:1}
.recovery-showcase[data-recovery-stage="2"] .panorama-chart{
  min-height:270px;
  border:0;
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#f9fbf9);
}
.recovery-showcase[data-recovery-stage="2"] .chart-title b{font-size:.9rem}
.recovery-result-card{
  width:310px;
  grid-template-columns:66px 1fr;
  padding:24px;
}
.recovery-result-card i{width:66px;height:66px;font-size:1.8rem;box-shadow:0 0 0 12px rgba(34,197,94,.08)}
.recovery-result-card strong{font-size:1.3rem}
.recovery-result-card small{display:none}
@keyframes recoverySignalPulse{50%{transform:translateY(-50%) scale(1.05);box-shadow:0 0 0 28px rgba(255,90,0,.07),0 0 0 58px rgba(255,90,0,.025),0 32px 80px rgba(0,0,0,.24)}}

@media(max-width:900px){
  .recovery-showcase[data-recovery-stage="0"] .case-product:before{right:-145px;width:110px;height:110px;font-size:2.4rem}
}
@media(max-width:760px){
  .recovery-showcase[data-recovery-stage="0"] .case-product{top:55px;width:78%}
  .recovery-showcase[data-recovery-stage="0"] .case-product:before{right:-100px;width:80px;height:80px;font-size:1.8rem;box-shadow:0 0 0 14px rgba(255,90,0,.08),0 0 0 30px rgba(255,90,0,.035)}
  .recovery-showcase[data-recovery-stage="1"] .case-product{top:45px}
}
@media(max-width:560px){
  .recovery-showcase[data-recovery-stage="0"] .case-product{left:5%;top:45px;width:90%;min-height:330px;padding:24px}
  .recovery-showcase[data-recovery-stage="0"] .case-product:before{right:24px;top:auto;bottom:-110px;transform:none}
  .recovery-showcase[data-recovery-stage="0"] .case-summary h3{font-size:1.55rem}
  .recovery-showcase[data-recovery-stage="1"] .case-product{min-height:510px;padding:22px}
  .recovery-showcase[data-recovery-stage="1"] .case-timeline{grid-template-columns:1fr 1fr;gap:32px 8px;margin:48px 0 30px}
  .recovery-showcase[data-recovery-stage="1"] .case-timeline:after{display:none}
  .recovery-showcase[data-recovery-stage="1"] .case-timeline>span{border-top:2px solid rgba(11,18,48,.1)}
  .recovery-showcase[data-recovery-stage="1"] .case-actions{display:grid;grid-template-columns:1fr}.recovery-showcase[data-recovery-stage="1"] .case-actions .resolve{min-width:0}
  .recovery-showcase[data-recovery-stage="2"] .product-panorama{padding:18px}.recovery-showcase[data-recovery-stage="2"] .panorama-metrics article{min-height:85px;padding:12px}.recovery-showcase[data-recovery-stage="2"] .panorama-metrics strong{font-size:1.55rem}
  .recovery-result-card{width:auto;grid-template-columns:52px 1fr}.recovery-result-card i{width:52px;height:52px}
}
@media(prefers-reduced-motion:reduce){
  .recovery-showcase[data-recovery-stage="0"] .case-product:before{animation:none!important}
}

/* Purpose-built recovery story: signal -> action -> recovered client */
.recovery-source{display:none!important}
.recovery-canvas:after{display:none}
.recovery-canvas{
  min-height:600px;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.045),transparent 34%),
    linear-gradient(115deg,rgba(255,255,255,.018),transparent 44%);
}
.recovery-scene{
  position:absolute;
  z-index:3;
  inset:0;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  transform:translateY(18px) scale(.985);
  transition:opacity .55s ease,visibility .55s,transform .85s var(--ease);
  pointer-events:none;
}
.recovery-scene.is-active{
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto;
}
.scene-watermark{
  position:absolute;
  z-index:-1;
  right:-.04em;
  bottom:-.14em;
  color:rgba(255,255,255,.025);
  font:650 clamp(6rem,13vw,12rem)/.8 var(--sora);
  letter-spacing:-.085em;
  white-space:nowrap;
  user-select:none;
}

/* Scene 01: Detect */
.recovery-detect-scene{
  display:grid;
  grid-template-columns:minmax(260px,.78fr) minmax(460px,1.22fr);
  align-items:center;
  gap:5%;
  padding:48px 8% 58px 7%;
}
.detect-beacon{
  position:relative;
  width:min(25vw,285px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  justify-self:center;
}
.detect-beacon:before,.detect-beacon:after,.detect-beacon>i{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,90,0,.24);
}
.detect-beacon:before{inset:2%;background:radial-gradient(circle,rgba(255,90,0,.17),rgba(255,90,0,.03) 43%,transparent 70%)}
.detect-beacon:after{inset:18%;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.025);backdrop-filter:blur(4px)}
.detect-beacon>i:nth-child(1){inset:0}
.detect-beacon>i:nth-child(2){inset:12%}
.detect-beacon>i:nth-child(3){inset:28%;border-color:rgba(255,90,0,.38)}
.detect-beacon>span{
  position:relative;
  z-index:2;
  width:96px;
  height:96px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--o);
  color:#fff;
  font:650 2.8rem/1 var(--sora);
  box-shadow:0 0 0 15px rgba(255,90,0,.08),0 24px 70px rgba(255,90,0,.26);
}
.recovery-detect-scene.is-active .detect-beacon>i:nth-child(1){animation:detectWave 2.6s .2s ease-out infinite}
.recovery-detect-scene.is-active .detect-beacon>i:nth-child(2){animation:detectWave 2.6s .75s ease-out infinite}
.detect-card{
  position:relative;
  width:min(100%,620px);
  padding:clamp(28px,4vw,52px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:4px 28px 28px 28px;
  background:linear-gradient(145deg,rgba(255,255,255,.995),rgba(250,247,243,.96));
  color:var(--ink);
  box-shadow:0 42px 100px rgba(0,0,0,.3);
}
.detect-card:before{
  content:"";
  position:absolute;
  left:-1px;
  top:0;
  width:5px;
  height:42%;
  background:var(--o);
}
.detect-card small,.action-choice small,.success-copy small{
  color:var(--o);
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
}
.detect-card h3{
  margin:16px 0 26px;
  font:600 clamp(2.4rem,4.2vw,4.7rem)/.94 var(--sora);
  letter-spacing:-.075em;
}
.detect-card blockquote{
  margin:0;
  color:#596174;
  font-size:clamp(1rem,1.5vw,1.25rem);
  line-height:1.48;
}
.detect-card>div{
  margin-top:34px;
  padding-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid rgba(11,18,48,.09);
}
.detect-card>div span{
  padding:9px 13px;
  border-radius:99px;
  background:#fff0e8;
  color:var(--o);
  font-size:11px;
  font-weight:800;
}
.detect-card>div b{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.recovery-detect-scene.is-active .detect-card{animation:detectCardIn .9s .12s var(--ease) both}

/* Scene 02: Act */
.recovery-act-scene{
  display:grid;
  grid-template-columns:minmax(240px,.65fr) minmax(540px,1.35fr);
  grid-template-rows:1fr auto;
  align-items:center;
  gap:10px 7%;
  padding:44px 7% 62px;
}
.action-core{
  position:relative;
  grid-row:1/3;
  width:min(23vw,255px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  justify-self:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.2);
  background:radial-gradient(circle,rgba(255,90,0,.2),rgba(255,90,0,.035) 60%,transparent 61%);
}
.action-core:before,.action-core:after{
  content:"";
  position:absolute;
  inset:14%;
  border-radius:50%;
  border:1px dashed rgba(255,255,255,.22);
}
.action-core:after{inset:31%;border-style:solid;border-color:rgba(255,90,0,.55);background:var(--o);box-shadow:0 20px 60px rgba(255,90,0,.22)}
.action-core span{position:relative;z-index:2;color:#fff;font:700 clamp(1.1rem,1.8vw,1.45rem)/1 var(--sora);letter-spacing:-.035em}
.action-core i{
  position:absolute;
  z-index:3;
  width:12px;
  height:12px;
  top:9%;
  left:50%;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 7px rgba(255,90,0,.28);
  transform-origin:0 105px;
}
.recovery-act-scene.is-active .action-core i{animation:actionOrbit 4s linear infinite}
.action-track{
  position:relative;
  align-self:end;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:start;
  gap:14px;
  color:rgba(255,255,255,.42);
}
.action-track span{display:grid;justify-items:center;gap:11px;min-width:85px}
.action-track span i{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  color:rgba(255,255,255,.65);
  font-style:normal;
  font-size:13px;
  font-weight:800;
}
.action-track span b{font:600 .9rem var(--sora)}
.action-track span.done i,.action-track span.active i{border-color:var(--o);background:var(--o);color:#fff;box-shadow:0 0 0 8px rgba(255,90,0,.08)}
.action-track span.active{color:#fff}.action-track span.done{color:rgba(255,255,255,.7)}
.action-track em{position:relative;height:1px;margin-top:26px;background:rgba(255,255,255,.12);overflow:hidden}
.action-track em:after{content:"";position:absolute;inset:0;background:var(--o);transform:scaleX(0);transform-origin:left}
.recovery-act-scene.is-active .action-track em:first-of-type:after{animation:actionLine .8s .3s var(--ease) forwards}
.recovery-act-scene.is-active .action-track em:last-of-type:after{animation:actionLine .8s 1s var(--ease) forwards}
.action-choice{
  align-self:start;
  justify-self:center;
  width:min(100%,430px);
  margin-top:38px;
  padding:21px 22px 21px 25px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:7px 20px;
  border-left:3px solid var(--o);
  border-radius:2px 16px 16px 2px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 28px 70px rgba(0,0,0,.26);
}
.action-choice small{grid-column:1}.action-choice strong{grid-column:1;font:600 1.2rem var(--sora);letter-spacing:-.035em}
.action-choice button{
  grid-column:2;
  grid-row:1/3;
  min-height:44px;
  padding:0 17px;
  border:0;
  border-radius:9px;
  background:var(--ink);
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.recovery-act-scene.is-active .action-choice{animation:actionChoiceIn .75s .75s var(--ease) both}

/* Scene 03: Recover */
.recovery-success-scene{
  display:grid;
  grid-template-columns:minmax(260px,.75fr) minmax(460px,1.25fr);
  grid-template-rows:auto auto 120px;
  align-items:center;
  column-gap:7%;
  padding:38px 7% 44px;
}
.success-orbit{
  position:relative;
  grid-row:1/4;
  width:min(25vw,290px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  justify-self:center;
  border-radius:50%;
  border:1px solid rgba(34,197,94,.36);
  background:radial-gradient(circle,rgba(34,197,94,.19),rgba(34,197,94,.035) 58%,transparent 59%);
}
.success-orbit:before,.success-orbit:after,.success-orbit>i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(34,197,94,.2)}
.success-orbit:before{inset:12%}.success-orbit:after{inset:26%;background:rgba(34,197,94,.06)}
.success-orbit>i:nth-child(1){inset:-8%;border-style:dashed}.success-orbit>i:nth-child(2){inset:20%;border-color:rgba(255,255,255,.15)}
.success-orbit>span{
  position:relative;
  z-index:2;
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--green);
  color:#fff;
  font-size:2.4rem;
  font-weight:800;
  box-shadow:0 0 0 16px rgba(34,197,94,.08),0 25px 70px rgba(34,197,94,.22);
}
.recovery-success-scene.is-active .success-orbit>i:nth-child(1){animation:successSpin 14s linear infinite}
.recovery-success-scene.is-active .success-orbit>span{animation:successPop .8s .15s var(--ease) both}
.success-copy{align-self:end;display:grid;gap:8px}
.success-copy small{color:var(--green)}
.success-copy strong{color:#fff;font:600 clamp(2.7rem,5vw,5rem)/.92 var(--sora);letter-spacing:-.075em}
.success-copy>span{color:rgba(255,255,255,.5);font-size:.95rem}
.success-metrics{
  align-self:center;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:24px;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.success-metrics>span{min-height:94px;padding:18px 20px;border-right:1px solid rgba(255,255,255,.1);display:grid;align-content:center;gap:5px}
.success-metrics>span:last-child{border-right:0}.success-metrics b{color:#fff;font:600 1.8rem/1 var(--sora);letter-spacing:-.06em}
.success-metrics small{color:rgba(255,255,255,.42);font-size:10px}.success-metrics .highlight b{color:var(--green)}
.success-graph{align-self:end;width:100%;height:100px;overflow:visible}
.success-graph path{fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round;stroke-dasharray:650;stroke-dashoffset:650;filter:drop-shadow(0 0 7px rgba(34,197,94,.4))}
.recovery-success-scene.is-active .success-graph path{animation:successGraph 1.7s .4s var(--ease) forwards}

@keyframes detectWave{0%{opacity:.9;transform:scale(.72)}85%,100%{opacity:0;transform:scale(1.08)}}
@keyframes detectCardIn{from{opacity:0;transform:translateX(35px) rotate(.8deg)}to{opacity:1;transform:none}}
@keyframes actionOrbit{to{transform:rotate(360deg)}}
@keyframes actionLine{to{transform:scaleX(1)}}
@keyframes actionChoiceIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes successSpin{to{transform:rotate(360deg)}}
@keyframes successPop{from{opacity:0;transform:scale(.55) rotate(-18deg)}to{opacity:1;transform:none}}
@keyframes successGraph{to{stroke-dashoffset:0}}

@media(max-width:900px){
  .recovery-detect-scene,.recovery-act-scene,.recovery-success-scene{grid-template-columns:220px 1fr;padding-inline:5%;column-gap:5%}
  .detect-beacon,.action-core,.success-orbit{width:210px}
  .action-core i{transform-origin:0 86px}
}
@media(max-width:760px){
  .recovery-showcase{min-height:820px}
  .recovery-canvas{min-height:680px}
  .recovery-detect-scene,.recovery-act-scene,.recovery-success-scene{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:32px;padding:34px 7% 48px}
  .detect-beacon,.action-core,.success-orbit{grid-row:auto;width:170px;justify-self:center}
  .detect-beacon>span,.success-orbit>span{width:70px;height:70px;font-size:1.8rem}
  .detect-card{justify-self:center;padding:28px;border-radius:3px 20px 20px 20px}.detect-card h3{font-size:2.5rem}.detect-card>div{margin-top:22px}
  .action-core{width:155px}.action-core i{display:none}
  .action-track{align-self:center;width:100%;gap:6px}.action-track span{min-width:64px;gap:8px}.action-track span i{width:40px;height:40px}.action-track em{margin-top:20px}.action-track span b{font-size:.72rem}
  .action-choice{margin-top:0;width:100%}
  .success-orbit{width:170px}.success-copy{align-self:center;text-align:center}.success-copy strong{font-size:2.8rem}.success-metrics{margin-top:0}.success-metrics>span{padding:13px 10px;min-height:76px}.success-metrics b{font-size:1.45rem}.success-graph{display:none}
  .scene-watermark{font-size:6rem}
}
@media(max-width:560px){
  .recovery-showcase{min-height:780px}
  .recovery-canvas{min-height:640px}
  .recovery-tabs button{min-height:66px}.recovery-tabs button span{font-size:1rem}.recovery-tabs button b{font-size:.78rem}
  .recovery-detect-scene,.recovery-act-scene,.recovery-success-scene{gap:24px;padding:25px 20px 36px}
  .detect-beacon{width:135px}.detect-card h3{margin:12px 0 17px;font-size:2.2rem}.detect-card blockquote{font-size:.93rem}.detect-card>div b{display:none}
  .action-choice{grid-template-columns:1fr;padding:18px}.action-choice button{grid-column:1;grid-row:auto;margin-top:7px;width:100%}
  .success-orbit{width:145px}.success-copy strong{font-size:2.35rem}.success-copy>span{font-size:.82rem}
  .success-metrics small{font-size:8px}.success-metrics b{font-size:1.3rem}
}
@media(prefers-reduced-motion:reduce){
  .recovery-scene *{animation:none!important}
  .recovery-success-scene .success-graph path{stroke-dashoffset:0}
}

/* Rankex Pro — people and locations as one visual system */
.pro.pro-experience{
  position:relative;
  padding-block:clamp(110px,10vw,170px);
  overflow:hidden;
  background:
    radial-gradient(circle at 95% 7%,rgba(255,90,0,.09),transparent 25%),
    radial-gradient(circle at 2% 68%,rgba(91,56,255,.055),transparent 24%),
    #f7f5f1;
  color:var(--muted);
}
.pro.pro-experience:before{
  content:"PRO";
  display:block;
  position:absolute;
  right:-.04em;
  top:.08em;
  color:rgba(11,18,48,.022);
  font:700 clamp(11rem,28vw,28rem)/.75 var(--sora);
  letter-spacing:-.1em;
  -webkit-text-stroke:0;
  pointer-events:none;
}
.pro-experience>.shell{width:min(1380px,calc(100% - 56px))}
.pro-experience h2,.pro-experience h3{color:var(--ink)}
.pro-experience-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);
  align-items:end;
  gap:clamp(50px,8vw,130px);
  margin-bottom:72px;
}
.pro-experience-head>div:first-child{max-width:900px}
.pro-experience-head h2{margin-top:18px;font-size:clamp(3.5rem,6vw,6.4rem);line-height:.92;letter-spacing:-.075em}
.pro-experience-head h2 em{display:block;color:var(--o);font-style:normal}
.pro-head-copy{padding-bottom:7px}
.pro-head-copy p{max-width:410px;margin:0 0 28px;color:#626a7c;font-size:1.05rem;line-height:1.65}
.pro-orange-button,.pro.pro-experience .pro-orange-button{
  width:max-content;
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:25px;
  padding-inline:23px;
  border-color:var(--o);
  border-radius:8px;
  background:var(--o);
  color:#fff;
  box-shadow:0 12px 32px rgba(255,90,0,.15);
  transition:transform .35s var(--ease),box-shadow .35s,background .35s;
}
.pro-orange-button:hover,.pro.pro-experience .pro-orange-button:hover{background:#e94f00;color:#fff;transform:translateY(-3px);box-shadow:0 18px 42px rgba(255,90,0,.25)}
.pro-orange-button span{font-size:1rem;transition:transform .35s var(--ease)}
.pro-orange-button:hover span{transform:translate(3px,-2px)}

.pro-feature{
  position:relative;
  min-height:700px;
  display:grid;
  grid-template-columns:minmax(360px,.72fr) minmax(620px,1.28fr);
  align-items:center;
  gap:clamp(50px,7vw,110px);
  margin-bottom:38px;
  padding:clamp(34px,5vw,74px);
  overflow:hidden;
  border:1px solid rgba(11,18,48,.09);
  border-radius:34px;
  background:rgba(255,255,255,.92);
  box-shadow:0 28px 90px rgba(11,18,48,.06);
  isolation:isolate;
  transition:transform .65s var(--ease),box-shadow .65s,border-color .65s;
}
.pro-feature:hover{transform:translateY(-6px);border-color:rgba(255,90,0,.18);box-shadow:0 42px 110px rgba(11,18,48,.11)}
.pro-feature:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:520px;
  height:520px;
  left:-250px;
  bottom:-300px;
  border-radius:50%;
  border:1px solid rgba(255,90,0,.1);
  box-shadow:0 0 0 55px rgba(255,90,0,.028),0 0 0 110px rgba(255,90,0,.018);
}
.pro-locations-feature{grid-template-columns:minmax(620px,1.28fr) minmax(360px,.72fr)}
.pro-locations-feature:before{left:auto;right:-250px;bottom:auto;top:-300px}
.pro-feature-copy{position:relative;z-index:3}
.pro-feature-index{display:block;margin-bottom:25px;color:var(--o);font-size:11px;font-weight:800;letter-spacing:.16em}
.pro-feature-copy h3{font-size:clamp(2.55rem,4.3vw,4.7rem);line-height:.93;letter-spacing:-.07em}
.pro-feature-copy>p{max-width:480px;margin:25px 0 0;color:#646c7d;font-size:1rem;line-height:1.65}
.pro-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin:31px 0 34px}
.pro-capabilities span{
  padding:9px 12px;
  border:1px solid #e1ddd7;
  border-radius:99px;
  background:#fbfaf8;
  color:var(--ink);
  font-size:11px;
  font-weight:700;
}

.pro-team-visual,.pro-location-visual{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border:1px solid #dee4ef;
  border-radius:25px;
  background:
    linear-gradient(rgba(11,18,48,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,18,48,.04) 1px,transparent 1px),
    #eef3fb;
  background-size:32px 32px,32px 32px,auto;
  box-shadow:0 30px 80px rgba(11,18,48,.12);
  color:var(--ink);
}
.pro-team-visual:after,.pro-location-visual:after{
  content:"";
  position:absolute;
  z-index:0;
  width:330px;
  height:330px;
  right:-150px;
  top:-155px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,90,0,.18),rgba(255,90,0,0) 70%);
  pointer-events:none;
}
.pro-visual-top{
  position:relative;
  z-index:5;
  min-height:58px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(11,18,48,.1);
  background:rgba(255,255,255,.65);
  backdrop-filter:blur(13px);
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
}
.pro-visual-top span{display:flex;align-items:center;gap:9px}.pro-visual-top span i{width:7px;height:7px;border-radius:50%;background:var(--o);box-shadow:0 0 0 5px rgba(255,90,0,.1)}
.pro-visual-top b{font-size:10px;color:#747c8e}
.participation-orbit{
  position:absolute;
  z-index:2;
  left:38px;
  top:95px;
  width:250px;
  height:250px;
}
.participation-orbit>svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.participation-orbit circle{fill:rgba(255,255,255,.55);stroke:rgba(11,18,48,.09);stroke-width:14}
.participation-orbit .orbit-value{fill:none;stroke:var(--o);stroke-linecap:round;stroke-dasharray:584;stroke-dashoffset:584;filter:drop-shadow(0 7px 10px rgba(255,90,0,.18))}
.participation-orbit>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.participation-orbit strong{font:650 3.4rem/.9 var(--sora);letter-spacing:-.07em}
.participation-orbit small{margin-top:8px;color:#6e7687;font-size:11px}.participation-orbit em{width:max-content;margin:10px auto 0;padding:5px 8px;border-radius:99px;background:#e6f8ec;color:var(--green);font-size:9px;font-style:normal;font-weight:800}
.orbit-person{position:absolute;width:38px;height:38px;display:grid;place-items:center;border:4px solid #eef3fb;border-radius:50%;background:var(--ink);color:#fff;font-size:9px;font-weight:800;box-shadow:0 9px 22px rgba(11,18,48,.16)}
.person-one{right:8px;top:28px;background:var(--o)}.person-two{left:-2px;bottom:46px}.person-three{right:16px;bottom:28px;background:var(--green)}
.people-evolution{
  position:absolute;
  z-index:3;
  left:320px;
  right:28px;
  top:104px;
  display:grid;
  gap:10px;
}
.people-evolution>div{min-height:72px;padding:12px 14px;display:grid;grid-template-columns:minmax(100px,1fr) 38px minmax(65px,.85fr) 30px;align-items:center;gap:10px;border:1px solid rgba(11,18,48,.08);border-radius:13px;background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(11,18,48,.05)}
.people-evolution>div>span{display:flex;align-items:center;gap:8px}.people-evolution .avatar{width:32px;height:32px;font-size:8px}.people-evolution b{font-size:11px}.people-evolution>div>strong{font:650 1.1rem var(--sora)}
.people-evolution>div>em{height:5px;overflow:hidden;border-radius:99px;background:#e5e7ed}.people-evolution>div>em i{display:block;width:var(--score);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--o),#ff9a61);transform:scaleX(0);transform-origin:left}
.people-evolution>div>small{color:var(--green);font-size:9px;font-weight:800}
.individual-qr{
  position:absolute;
  z-index:4;
  left:34px;
  bottom:28px;
  width:330px;
  min-height:118px;
  padding:18px;
  display:grid;
  grid-template-columns:82px 1fr auto;
  align-items:center;
  gap:16px;
  border:1px solid rgba(11,18,48,.1);
  border-radius:17px;
  background:#fff;
  box-shadow:0 25px 55px rgba(11,18,48,.15);
}
.individual-qr:after{content:"";position:absolute;left:18px;top:18px;width:82px;height:2px;background:var(--o);box-shadow:0 0 12px rgba(255,90,0,.5);opacity:.7}
.qr-symbol{position:relative;width:82px;height:82px;overflow:hidden;border:7px solid var(--ink);background:repeating-conic-gradient(var(--ink) 0 25%,#fff 0 50%) 50%/17px 17px}
.qr-symbol i{position:absolute;width:20px;height:20px;border:5px solid #fff;background:var(--ink)}
.qr-symbol i:nth-child(1){left:1px;top:1px}.qr-symbol i:nth-child(2){right:1px;top:1px}.qr-symbol i:nth-child(3){left:1px;bottom:1px}.qr-symbol i:nth-child(n+4){width:7px;height:7px;border:0;background:#fff}.qr-symbol i:nth-child(4){left:34px;top:30px}.qr-symbol i:nth-child(5){right:8px;bottom:9px}.qr-symbol i:nth-child(6){left:35px;bottom:10px}.qr-symbol i:nth-child(7){right:8px;top:32px}
.individual-qr>div{display:grid;gap:5px}.individual-qr small{color:var(--o);font-size:8px;font-weight:800;letter-spacing:.1em}.individual-qr strong{font-size:13px}.individual-qr em{color:#788092;font-size:10px;font-style:normal}.individual-qr>b{color:var(--o);font-size:1.2rem}
.pro-live-pill{position:absolute;z-index:4;right:29px;bottom:55px;padding:10px 13px;border-radius:99px;background:var(--ink);color:#fff;font-size:9px;font-weight:800;box-shadow:0 12px 25px rgba(11,18,48,.2)}
.pro-live-pill i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--o)}

.pro-location-visual{min-height:570px;background-color:#f3f5fa;background-image:linear-gradient(rgba(11,18,48,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,18,48,.035) 1px,transparent 1px);background-size:34px 34px}
.location-score-head{position:relative;z-index:2;padding:28px 30px 20px;display:flex;align-items:center;justify-content:space-between}
.location-score-head>div{display:grid;gap:5px}.location-score-head small{color:#70788a;font-size:8px;font-weight:800;letter-spacing:.12em}.location-score-head strong{font:650 3.3rem/.9 var(--sora);letter-spacing:-.07em}.location-score-head sup{font-size:1rem;color:var(--o)}
.location-score-head>span{padding:7px 10px;border-radius:99px;background:#e7f8ec;color:var(--green);font-size:10px;font-weight:800}
.location-compare{position:relative;z-index:3;margin:0 26px;overflow:hidden;border:1px solid #dde1ea;border-radius:15px;background:rgba(255,255,255,.9);box-shadow:0 20px 50px rgba(11,18,48,.08)}
.location-row{min-height:77px;padding:12px 15px;display:grid;grid-template-columns:105px 100px 1fr 72px;align-items:center;gap:13px;border-bottom:1px solid #e8e9ee}
.location-row:last-child{border-bottom:0}.location-row>span{display:flex;align-items:center;gap:9px}.location-row>span i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eef0f5;color:var(--ink);font-style:normal;font-size:10px;font-weight:800}.location-row.is-leading>span i{background:#fff0e8;color:var(--o)}
.location-row>span b{font-size:10px}.location-row>strong{font:650 1rem var(--sora)}.location-row>strong small{display:block;margin-top:3px;color:#8a90a0;font:400 8px var(--inter)}
.location-row>em{height:6px;overflow:hidden;border-radius:99px;background:#e8e9ee}.location-row>em i{display:block;width:var(--location-score);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--o),#ff9b63);transform:scaleX(0);transform-origin:left}
.location-row>small{color:#737b8c;font-size:8px;text-align:right}
.location-insight{position:absolute;z-index:5;left:45px;bottom:33px;width:315px;padding:15px 45px 15px 17px;display:grid;gap:5px;border-left:3px solid var(--o);border-radius:3px 12px 12px 3px;background:var(--ink);color:#fff;box-shadow:0 20px 45px rgba(11,18,48,.2)}
.location-insight span{color:#ff9b64;font-size:7px;font-weight:800;letter-spacing:.12em}.location-insight strong{font-size:11px}.location-insight i{position:absolute;right:17px;top:50%;color:var(--o);font-size:1.2rem;font-style:normal;transform:translateY(-50%)}
.location-graph{position:absolute;z-index:1;right:18px;bottom:22px;width:55%;height:125px;overflow:visible}
.location-graph .graph-grid{fill:none;stroke:rgba(11,18,48,.09);stroke-width:1}.location-graph .graph-area{fill:rgba(255,90,0,.06)}.location-graph .graph-line{fill:none;stroke:var(--o);stroke-width:3;stroke-linecap:round;stroke-dasharray:750;stroke-dashoffset:750;filter:drop-shadow(0 4px 8px rgba(255,90,0,.16))}

.pro-experience-close{
  min-height:115px;
  margin-top:70px;
  padding:25px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(17px,3vw,42px);
  border-top:1px solid rgba(11,18,48,.1);
  border-bottom:1px solid rgba(11,18,48,.1);
  color:#8b91a0;
  font:650 clamp(1.2rem,2.7vw,2.5rem)/1 var(--sora);
  letter-spacing:-.05em;
}
.pro-experience-close i{color:var(--o);font-style:normal}.pro-experience-close strong{color:var(--ink)}

.pro-feature.visible .orbit-value{animation:proOrbit 1.5s .35s var(--ease) forwards}
.pro-feature.visible .orbit-person{animation:proPersonIn .65s var(--ease) both}.pro-feature.visible .person-one{animation-delay:.7s}.pro-feature.visible .person-two{animation-delay:.86s}.pro-feature.visible .person-three{animation-delay:1.02s}
.pro-feature.visible .people-evolution>div>em i,.pro-feature.visible .location-row>em i{animation:proBar 1s var(--ease) forwards}
.pro-feature.visible .people-evolution>div:nth-child(1)>em i{animation-delay:.6s}.pro-feature.visible .people-evolution>div:nth-child(2)>em i{animation-delay:.75s}.pro-feature.visible .people-evolution>div:nth-child(3)>em i{animation-delay:.9s}
.pro-feature.visible .individual-qr:after{animation:qrScan 2.2s 1s ease-in-out infinite}
.pro-feature.visible .location-row:nth-child(1)>em i{animation-delay:.35s}.pro-feature.visible .location-row:nth-child(2)>em i{animation-delay:.55s}.pro-feature.visible .location-row:nth-child(3)>em i{animation-delay:.75s}
.pro-feature.visible .location-graph .graph-line{animation:proGraph 1.8s .7s var(--ease) forwards}
.pro-feature.visible .location-insight{animation:proInsight .8s 1.15s var(--ease) both}
@keyframes proOrbit{to{stroke-dashoffset:105}}
@keyframes proPersonIn{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes proBar{to{transform:scaleX(1)}}
@keyframes qrScan{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(79px);opacity:1}}
@keyframes proGraph{to{stroke-dashoffset:0}}
@keyframes proInsight{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

@media(max-width:1120px){
  .pro-feature,.pro-locations-feature{grid-template-columns:minmax(320px,.78fr) minmax(520px,1.22fr);gap:45px;padding:42px}
  .pro-team-visual,.pro-location-visual{min-height:530px}.participation-orbit{left:24px;width:210px;height:210px}.people-evolution{left:250px}.individual-qr{left:24px;width:290px}.pro-live-pill{right:20px}
}
@media(max-width:900px){
  .pro-experience-head{grid-template-columns:1fr;gap:28px}.pro-head-copy{display:flex;align-items:center;justify-content:space-between;gap:30px}.pro-head-copy p{margin:0}
  .pro-feature,.pro-locations-feature{grid-template-columns:1fr;min-height:0;gap:48px;padding:45px}.pro-locations-feature .pro-location-visual{order:2}.pro-locations-feature .pro-feature-copy{order:1}
  .pro-feature-copy{max-width:650px}.pro-feature-copy>p{max-width:620px}.pro-team-visual,.pro-location-visual{width:100%;min-height:560px}
}
@media(max-width:660px){
  .pro-experience>.shell{width:calc(100% - 28px)}.pro-experience-head h2{font-size:clamp(3rem,14vw,4.7rem)}.pro-head-copy{display:block}.pro-head-copy p{margin-bottom:23px}
  .pro-feature,.pro-locations-feature{padding:25px 18px 18px;border-radius:22px;gap:35px}.pro-feature-copy{padding-inline:7px}.pro-feature-copy h3{font-size:clamp(2.5rem,11vw,3.6rem)}
  .pro-orange-button,.pro.pro-experience .pro-orange-button{width:100%}.pro-capabilities{margin-block:25px}
  .pro-team-visual{min-height:720px}.participation-orbit{left:50%;top:86px;width:220px;height:220px;transform:translateX(-50%)}.people-evolution{left:16px;right:16px;top:330px}.people-evolution>div{grid-template-columns:minmax(90px,1fr) 32px 60px 24px;padding-inline:10px}
  .individual-qr{left:16px;right:16px;bottom:20px;width:auto;grid-template-columns:68px 1fr auto}.qr-symbol{width:68px;height:68px;background-size:14px 14px}.individual-qr:after{width:68px}.pro-live-pill{top:72px;right:14px;bottom:auto}
  .pro-location-visual{min-height:635px}.location-score-head{padding:24px 18px 18px}.location-compare{margin-inline:12px}.location-row{grid-template-columns:88px 68px 1fr;padding-inline:10px}.location-row>small{display:none}.location-row>span i{width:27px;height:27px}.location-row>strong small{display:none}
  .location-insight{left:15px;right:15px;bottom:22px;width:auto}.location-graph{right:10px;bottom:95px;width:90%}
  .pro-experience-close{flex-wrap:wrap;gap:12px 18px;text-align:center}.pro-experience-close strong{width:100%}
}
@media(max-width:410px){
  .pro-team-visual{min-height:735px}.people-evolution>div{grid-template-columns:minmax(75px,1fr) 28px 48px 22px}.people-evolution b{font-size:9px}.individual-qr{grid-template-columns:58px 1fr auto}.qr-symbol{width:58px;height:58px;border-width:5px;background-size:12px 12px}.individual-qr:after{width:58px}.individual-qr strong{font-size:11px}
  .location-row{grid-template-columns:80px 56px 1fr;gap:8px}.location-row>span b{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .pro-experience *{animation:none!important;transition:none!important}.participation-orbit .orbit-value{stroke-dashoffset:105}.people-evolution>div>em i,.location-row>em i{transform:scaleX(1)}.location-graph .graph-line{stroke-dashoffset:0}
}

/* Comparison — where a direct QR ends and Rankex begins */
.comparison.comparison-experience{
  position:relative;
  overflow:hidden;
  padding-block:clamp(110px,10vw,170px);
  background:#fff;
}
.comparison-experience:before{
  content:"VS";
  position:absolute;
  right:-.06em;
  top:.03em;
  color:rgba(11,18,48,.025);
  font:700 clamp(15rem,36vw,35rem)/.75 var(--sora);
  letter-spacing:-.12em;
  pointer-events:none;
}
.comparison-experience>.shell{width:min(1380px,calc(100% - 56px))}
.comparison-v2-head{position:relative;z-index:2;max-width:930px}
.comparison-v2-head h2{margin-top:18px;font-size:clamp(3.5rem,6vw,6.4rem);line-height:.92;letter-spacing:-.075em}
.comparison-v2-head h2 em{color:var(--o);font-style:normal}
.comparison-v2-head>p:last-child{max-width:680px;margin:30px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.65}
.comparison-story{
  position:relative;
  display:grid;
  grid-template-columns:minmax(400px,.85fr) 125px minmax(550px,1.15fr);
  align-items:center;
  margin-top:75px;
}
.comparison-story>article{position:relative;min-height:610px;overflow:hidden;border-radius:28px}
.direct-qr-story{padding:39px;background:#f5f2ed;color:var(--ink);border:1px solid #e3dfd8}
.direct-qr-story:after{content:"";position:absolute;width:380px;height:380px;right:-210px;bottom:-220px;border-radius:50%;border:1px solid rgba(11,18,48,.08);box-shadow:0 0 0 45px rgba(11,18,48,.025),0 0 0 90px rgba(11,18,48,.015)}
.rankex-story{padding:39px;background:var(--ink);color:#fff;box-shadow:0 35px 90px rgba(11,18,48,.22)}
.rankex-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,#000,transparent 88%)}
.rankex-story:after{content:"";position:absolute;width:420px;height:420px;right:-170px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,0,.24),rgba(255,90,0,0) 70%)}
.comparison-story-label{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;color:#777e8e;font-size:10px;font-weight:800;letter-spacing:.13em}
.comparison-story-label span{color:var(--o)}.rankex-story .comparison-story-label{color:rgba(255,255,255,.55)}.rankex-story .comparison-story-label img{filter:brightness(0) invert(1);object-fit:contain}
.big-qr{position:relative;width:190px;height:190px;margin:58px auto 40px;border:15px solid var(--ink);background:repeating-conic-gradient(var(--ink) 0 25%,#fff 0 50%) 50%/37px 37px;box-shadow:0 24px 55px rgba(11,18,48,.12)}
.big-qr:after{content:"";position:absolute;left:-15px;right:-15px;top:-15px;height:4px;background:var(--o);box-shadow:0 0 17px rgba(255,90,0,.55);opacity:.8}
.big-qr i{position:absolute;width:45px;height:45px;border:10px solid #fff;background:var(--ink)}.big-qr i:nth-child(1){left:0;top:0}.big-qr i:nth-child(2){right:0;top:0}.big-qr i:nth-child(3){left:0;bottom:0}.big-qr i:nth-child(n+4){width:16px;height:16px;border:0;background:#fff}.big-qr i:nth-child(4){right:16px;bottom:16px}.big-qr i:nth-child(5){left:76px;top:74px}
.direct-qr-story h3,.rankex-story h3{position:relative;z-index:3;font-size:clamp(2.3rem,3.4vw,3.8rem);line-height:.94;letter-spacing:-.065em}
.rankex-story h3{margin-top:32px;color:#fff}.rankex-story h3 em{color:var(--o);font-style:normal}
.direct-route{position:relative;z-index:3;margin:26px 0 20px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800}.direct-route span,.direct-route strong{padding:8px 10px;border:1px solid #dad6cf;border-radius:99px;background:#fff}.direct-route i{color:#a2a5ae;font-style:normal}.direct-route strong{border-color:#ead9cd;color:#b85c25}
.direct-qr-story>p,.rankex-story>p{position:absolute;z-index:3;left:39px;right:39px;bottom:35px;margin:0;color:#707787;font-size:.88rem;line-height:1.55}.rankex-story>p{color:rgba(255,255,255,.55)}
.comparison-shift{position:relative;z-index:5;display:grid;justify-items:center;gap:10px;color:var(--o)}
.comparison-shift>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--o);color:#fff;font:500 1.6rem var(--sora);box-shadow:0 0 0 14px #fff,0 15px 40px rgba(255,90,0,.2)}
.comparison-shift>i{width:1px;height:105px;background:linear-gradient(transparent,rgba(255,90,0,.5),transparent)}
.comparison-shift>b{font-size:8px;letter-spacing:.14em;writing-mode:vertical-rl}
.rankex-action-orbit{position:relative;z-index:3;width:330px;height:330px;margin:25px auto 20px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.018)}
.rankex-action-orbit:before,.rankex-action-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.13)}.rankex-action-orbit:before{inset:35px}.rankex-action-orbit:after{inset:98px;border-style:solid;border-color:rgba(255,90,0,.3)}
.action-center{position:absolute;z-index:3;left:50%;top:50%;width:86px;height:86px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--o);color:#fff;font:700 2.1rem var(--sora);box-shadow:0 0 0 15px rgba(255,90,0,.09),0 20px 45px rgba(255,90,0,.18)}
.action-node{position:absolute;z-index:4;min-width:96px;padding:10px 12px;display:grid;gap:3px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.16)}.action-node i{color:var(--o);font-size:8px;font-style:normal}.action-node b{color:#fff;font-size:10px}.node-listen{left:-12px;top:56px}.node-detect{right:-18px;top:53px}.node-act{right:-12px;bottom:48px}.node-measure{left:-18px;bottom:48px}
.comparison-story.visible .big-qr:after{animation:comparisonScan 2.5s .4s ease-in-out infinite}.comparison-story.visible .comparison-shift>span{animation:comparisonPulse 2s .8s ease-in-out infinite}.comparison-story.visible .rankex-action-orbit:before{animation:comparisonSpin 12s linear infinite}.comparison-story.visible .rankex-action-orbit:after{animation:comparisonSpin 8s linear infinite reverse}.comparison-story.visible .action-node{animation:comparisonNode .6s var(--ease) both}.comparison-story.visible .node-listen{animation-delay:.55s}.comparison-story.visible .node-detect{animation-delay:.72s}.comparison-story.visible .node-act{animation-delay:.89s}.comparison-story.visible .node-measure{animation-delay:1.06s}
.compare-matrix-v2{margin-top:38px;border-top:1px solid var(--line)}
.compare-matrix-v2>div{min-height:67px;display:grid;grid-template-columns:minmax(250px,1fr) 180px 220px;align-items:center;border-bottom:1px solid var(--line)}
.compare-matrix-v2>div>span{font-size:.84rem;font-weight:650;color:var(--ink)}.compare-matrix-v2>div>i{text-align:center;color:#b8bbc3;font-style:normal;font-size:1rem}.compare-matrix-v2>div>.yes{color:var(--ink)}.compare-matrix-v2>div>.rankex-yes{width:38px;height:38px;display:grid;place-items:center;justify-self:center;border-radius:50%;background:#fff0e8;color:var(--o);font-weight:800}
.compare-matrix-v2 .matrix-header{min-height:78px;background:#faf9f7}.compare-matrix-v2 .matrix-header>span{padding-left:20px;color:#7d8391;font-size:10px;letter-spacing:.12em}.matrix-header b,.matrix-header strong{text-align:center;font:650 .85rem var(--sora)}.matrix-header strong{color:var(--o)}
.compare-matrix-v2 .pro-check{width:auto!important;padding:0 12px;grid-auto-flow:column;gap:6px;border-radius:99px}.pro-check small{font-size:7px;letter-spacing:.08em}
.compare-matrix-v2.visible>div:not(.matrix-header){animation:matrixRow .55s var(--ease) both}.compare-matrix-v2.visible>div:nth-child(2){animation-delay:.1s}.compare-matrix-v2.visible>div:nth-child(3){animation-delay:.18s}.compare-matrix-v2.visible>div:nth-child(4){animation-delay:.26s}.compare-matrix-v2.visible>div:nth-child(5){animation-delay:.34s}.compare-matrix-v2.visible>div:nth-child(6){animation-delay:.42s}.compare-matrix-v2.visible>div:nth-child(7){animation-delay:.5s}.compare-matrix-v2.visible>div:nth-child(8){animation-delay:.58s}
.comparison-conclusion{min-height:125px;padding:28px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.comparison-conclusion strong{font:650 1.2rem var(--sora);color:var(--ink)}.comparison-conclusion>span{color:var(--muted);font-size:.9rem}.comparison-cta{background:var(--o);border-color:var(--o);color:#fff}.comparison-cta:hover{background:#e94f00;color:#fff}.comparison-cta i{font-style:normal}
@keyframes comparisonScan{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(186px);opacity:1}}
@keyframes comparisonPulse{50%{transform:scale(1.08);box-shadow:0 0 0 20px #fff,0 18px 45px rgba(255,90,0,.27)}}
@keyframes comparisonSpin{to{transform:rotate(360deg)}}
@keyframes comparisonNode{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:none}}
@keyframes matrixRow{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* Pricing — Base plus a flexible Pro layer */
.pricing.pricing-experience{position:relative;overflow:hidden;padding-block:clamp(110px,10vw,170px);background:#f7f5f1}
.pricing-experience:before{content:"24";position:absolute;right:-.04em;top:-.05em;color:rgba(11,18,48,.025);font:700 clamp(16rem,35vw,34rem)/.8 var(--sora);letter-spacing:-.11em}
.pricing-experience>.shell{position:relative;z-index:2;width:min(1380px,calc(100% - 56px))}
.pricing-v2-head{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:80px;margin-bottom:70px}.pricing-v2-head h2{margin-top:18px;font-size:clamp(3.5rem,6vw,6.2rem);line-height:.92;letter-spacing:-.075em}.pricing-v2-head h2 em{color:var(--o);font-style:normal}.pricing-v2-head>p{max-width:410px;margin:0 0 8px;color:var(--muted);font-size:1.05rem;line-height:1.65}
.pricing-system{display:grid;grid-template-columns:minmax(470px,1fr) 96px minmax(470px,1fr);align-items:stretch}
.price-card-v2{position:relative;min-width:0;padding:clamp(30px,4vw,54px);overflow:hidden;border:1px solid #ddd9d2;border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 30px 85px rgba(11,18,48,.07);transition:transform .6s var(--ease),box-shadow .6s,border-color .6s}
.price-card-v2:hover{transform:translateY(-8px);border-color:rgba(255,90,0,.28);box-shadow:0 45px 110px rgba(11,18,48,.13)}
.price-card-v2:after{content:"";position:absolute;z-index:0;width:430px;height:430px;right:-240px;top:-250px;border-radius:50%;border:1px solid rgba(255,90,0,.12);box-shadow:0 0 0 50px rgba(255,90,0,.03),0 0 0 100px rgba(255,90,0,.018)}
.plan-top,.plan-main,.price-card-v2>.button,.feature-grid-v2{position:relative;z-index:2}.plan-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #e5e2dc}.plan-top span{color:var(--o);font-size:9px;font-weight:800;letter-spacing:.15em}.plan-top i{color:#868c99;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.1em}
.plan-main{min-height:330px;padding:40px 0 32px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.plan-main h3{font-size:clamp(2.7rem,4.3vw,4.6rem);line-height:.86;letter-spacing:-.075em}.plan-main h3 em{color:var(--o);font-style:normal}.plan-main p{max-width:290px;margin:24px 0 0;color:var(--muted);font-size:.88rem;line-height:1.55}
.price-v2{align-self:end;display:grid;justify-items:end;padding-bottom:2px}.price-v2 strong{display:flex;align-items:flex-start;font:650 clamp(2.8rem,4vw,4.2rem)/.85 var(--sora);letter-spacing:-.08em;white-space:nowrap}.price-v2 strong small,.price-v2 strong sup{margin:3px 4px 0 0;color:var(--o);font-size:1rem;letter-spacing:0}.price-v2 span{margin-top:12px;color:#7f8593;font-size:9px;line-height:1.4;text-align:right}
.pricing-orange-button,.pricing-experience .pricing-orange-button{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding-inline:21px;border-color:var(--o);border-radius:8px;background:var(--o);color:#fff;box-shadow:0 13px 30px rgba(255,90,0,.14)}.pricing-orange-button:hover,.pricing-experience .pricing-orange-button:hover{background:#e94f00;color:#fff;transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,90,0,.23)}
.feature-grid-v2{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e6e3de}.feature-grid-v2>span{min-height:74px;padding:14px 13px 14px 0;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;border-bottom:1px solid #ece9e4}.feature-grid-v2>span:nth-child(odd){border-right:1px solid #ece9e4}.feature-grid-v2>span:nth-child(even){padding-left:14px}.feature-grid-v2 i{color:var(--o);font-size:8px;font-style:normal;font-weight:800}.feature-grid-v2 b{font-size:10px;line-height:1.35}
.plan-plus{position:relative;z-index:5;display:grid;place-content:center;justify-items:center;gap:19px}.plan-plus:before{content:"";position:absolute;z-index:-1;left:50%;top:7%;bottom:7%;width:1px;background:linear-gradient(transparent,rgba(255,90,0,.45),transparent)}.plan-plus span{width:56px;height:56px;display:grid;place-items:center;border:1px solid #ffd0b5;border-radius:50%;background:#fff;color:var(--o);font:500 1.7rem var(--sora);box-shadow:0 12px 35px rgba(11,18,48,.09)}.plan-plus small{padding:8px 6px;background:#f7f5f1;color:#8b909c;font-size:7px;font-weight:800;line-height:1.35;text-align:center;letter-spacing:.1em}
.pro-addon-plan{background:#fffaf7;border-color:#f1d9c9}.pro-addon-mark{position:absolute;z-index:0;right:-.06em;top:80px;color:rgba(255,90,0,.055);font:700 clamp(6rem,10vw,10rem)/.8 var(--sora);letter-spacing:-.09em}.pro-addon-plan .plan-main,.pro-addon-plan .feature-grid-v2,.pro-addon-plan>.button{position:relative;z-index:2}
.pricing-system.visible .base-plan{animation:planIn .8s var(--ease) both}.pricing-system.visible .plan-plus span{animation:planPlus 1s .65s var(--ease) both}.pricing-system.visible .pro-addon-plan{animation:planIn .8s .25s var(--ease) both}
.pricing-proof{min-height:90px;margin-top:45px;display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,38px);flex-wrap:wrap;border-top:1px solid #dedad4;border-bottom:1px solid #dedad4}.pricing-proof span{color:#656d7d;font-size:10px;font-weight:650}.pricing-proof span:before{content:"✓";margin-right:8px;color:var(--green);font-weight:900}
.pricing-close{min-height:155px;margin-top:55px;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:40px}.pricing-close>div{display:grid;gap:7px}.pricing-close small{color:var(--o);font-size:8px;font-weight:800;letter-spacing:.14em}.pricing-close strong{font:650 clamp(1.8rem,3vw,2.8rem)/1 var(--sora);letter-spacing:-.055em}.pricing-close>div>span{color:#828896;font-size:9px}.pricing-close>.button{width:auto;min-width:220px;gap:35px}.pricing-close>.button i{font-style:normal}
@keyframes planIn{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes planPlus{from{opacity:0;transform:scale(.4) rotate(-90deg)}to{opacity:1;transform:none}}

@media(max-width:1080px){
  .comparison-story{grid-template-columns:minmax(350px,.9fr) 90px minmax(480px,1.1fr)}.rankex-action-orbit{width:300px;height:300px}.comparison-shift>i{height:80px}
  .pricing-system{grid-template-columns:minmax(410px,1fr) 76px minmax(410px,1fr)}.price-card-v2{padding:34px}.plan-main{grid-template-columns:1fr}.price-v2{justify-items:start}.price-v2 span{text-align:left}.plan-main{min-height:390px}
}
@media(max-width:900px){
  .comparison-story{grid-template-columns:1fr;gap:0}.comparison-story>article{min-height:570px}.comparison-shift{height:110px;grid-auto-flow:column;place-content:center;gap:14px}.comparison-shift>i{width:90px;height:1px}.comparison-shift>b{writing-mode:horizontal-tb}.rankex-action-orbit{width:330px;height:330px}
  .pricing-v2-head{grid-template-columns:1fr;gap:25px}
  .pricing-system{grid-template-columns:1fr}.plan-plus{min-height:130px;grid-auto-flow:column;gap:18px}.plan-plus:before{left:7%;right:7%;top:50%;bottom:auto;width:auto;height:1px}.plan-plus small{background:#f7f5f1}.plan-main{min-height:300px;grid-template-columns:1fr auto}.price-v2{justify-items:end}.price-v2 span{text-align:right}
}
@media(max-width:650px){
  .comparison-experience>.shell,.pricing-experience>.shell{width:calc(100% - 28px)}.comparison-v2-head h2,.pricing-v2-head h2{font-size:clamp(3rem,14vw,4.6rem)}
  .comparison-story{margin-top:48px}.comparison-story>article{min-height:555px;padding:25px}.direct-qr-story>p,.rankex-story>p{left:25px;right:25px}.big-qr{width:160px;height:160px;background-size:31px 31px}.rankex-action-orbit{width:270px;height:270px}.action-node{min-width:82px;padding:8px}.node-listen{left:-9px}.node-detect{right:-10px}.node-act{right:-7px}.node-measure{left:-10px}.action-center{width:70px;height:70px}
  .compare-matrix-v2>div{grid-template-columns:minmax(160px,1fr) 70px 78px;min-height:61px}.compare-matrix-v2 .matrix-header>span{padding-left:8px}.compare-matrix-v2>div>span{font-size:.72rem}.compare-matrix-v2>div>.rankex-yes{width:32px;height:32px}.pro-check small{display:none}.comparison-conclusion{grid-template-columns:1fr}.comparison-conclusion>.button{width:100%}
  .price-card-v2{padding:25px 18px;border-radius:20px}.plan-main{min-height:0;grid-template-columns:1fr;padding-top:35px}.price-v2{margin-top:25px;justify-items:start}.price-v2 span{text-align:left}.feature-grid-v2{grid-template-columns:1fr}.feature-grid-v2>span:nth-child(odd){border-right:0}.feature-grid-v2>span:nth-child(even){padding-left:0}.pricing-close{display:grid}.pricing-close>.button{width:100%;min-width:0}
}
@media(max-width:390px){.rankex-action-orbit{width:240px;height:240px}.action-node{min-width:74px}.action-node b{font-size:8px}.compare-matrix-v2>div{grid-template-columns:minmax(140px,1fr) 55px 65px}.matrix-header b,.matrix-header strong{font-size:.65rem}.direct-route{gap:5px}.direct-route span,.direct-route strong{padding:7px;font-size:8px}}
@media(prefers-reduced-motion:reduce){
  .comparison-experience *,.pricing-experience *{animation:none!important;transition:none!important}.location-graph .graph-line{stroke-dashoffset:0}
}

/* Global contrast and interaction safety */
.button{
  isolation:isolate;
  color:#fff;
  text-shadow:none;
  transition:background-color .35s,color .35s,transform .35s,border-color .35s,box-shadow .35s;
}
.button:before{display:none!important}
.button>*,.button:hover>*,.button:focus-visible>*{color:inherit}
.button:hover,.button:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff}
.button-secondary{background:#fff;border-color:rgba(9,16,43,.2);color:var(--ink)}
.button-secondary:hover,.button-secondary:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff}
.button-dark{background:var(--ink);border-color:var(--ink);color:#fff}
.button-dark:hover,.button-dark:focus-visible{background:var(--o);border-color:var(--o);color:#fff}
.pro.pro-experience .pro-orange-button,
.pro.pro-experience .pro-orange-button:hover,
.pro.pro-experience .pro-orange-button:focus-visible,
.pricing-experience .pricing-orange-button,
.pricing-experience .pricing-orange-button:hover,
.pricing-experience .pricing-orange-button:focus-visible{
  color:#fff;
}
.comparison-experience .comparison-cta,
.comparison-experience .comparison-cta:hover,
.comparison-experience .comparison-cta:focus-visible{
  color:#fff;
}
.final-cta .button{background:var(--o);border-color:var(--o);color:#fff}
.final-cta .button:hover,.final-cta .button:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff}
.final-cta .button-secondary{background:#fff;border-color:rgba(9,16,43,.2);color:var(--ink)}
.final-cta .button-secondary:hover,.final-cta .button-secondary:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff}
.flow-submit,.phone-submit,.resolve,.resolve-button,.action-choice button{color:#fff}
.flow-submit:hover,.phone-submit:hover,.resolve:hover,.resolve-button:hover,.action-choice button:hover{filter:brightness(.9)}
.mobile-menu a{color:#fff}
.mobile-menu a:hover,.mobile-menu a:focus-visible{background:rgba(255,255,255,.1);color:#fff}
@media(forced-colors:active){
  .button,.flow-submit,.phone-submit,.resolve,.resolve-button{border:2px solid ButtonText}
}

/* Pricing conversion and filtering emphasis */
.feature-grid-v2 .featured-filter{
  position:relative;
  background:#fff4ec;
  border-bottom-color:#ffd7bf;
  box-shadow:inset 3px 0 0 var(--o);
}
.feature-grid-v2 .featured-filter b{color:var(--ink)}
.feature-grid-v2 .featured-filter small{
  grid-column:2;
  display:block;
  margin-top:-7px;
  color:#a34a17;
  font-size:8px;
  line-height:1.25;
}
.pricing-close{
  position:relative;
  min-height:230px;
  margin-top:62px;
  padding:46px clamp(30px,5vw,68px);
  overflow:hidden;
  border-radius:25px;
  background:var(--ink);
  box-shadow:0 34px 90px rgba(11,18,48,.16);
  isolation:isolate;
}
.pricing-close:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:480px;
  height:480px;
  right:-210px;
  top:-270px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,90,0,.3),rgba(255,90,0,0) 70%);
}
.pricing-close:after{
  content:"EMPIEZA";
  position:absolute;
  z-index:-1;
  left:38%;
  bottom:-.18em;
  color:rgba(255,255,255,.035);
  font:700 clamp(5rem,10vw,10rem)/.8 var(--sora);
  letter-spacing:-.08em;
}
.pricing-close small{color:#ff9562}
.pricing-close strong{color:#fff;font-size:clamp(2.2rem,3.5vw,3.6rem)}
.pricing-close>div>span{color:rgba(255,255,255,.48);font-size:10px}
.pricing-close>.pricing-orange-button{
  width:min(100%,390px);
  min-width:340px;
  min-height:76px;
  padding-inline:30px;
  border-radius:12px;
  color:#fff;
  font-size:1rem;
  box-shadow:0 20px 55px rgba(255,90,0,.32),0 0 0 9px rgba(255,90,0,.08);
}
.pricing-close.visible>.pricing-orange-button{animation:pricingCtaPulse 2.5s 1s ease-in-out infinite}
@keyframes pricingCtaPulse{50%{transform:translateY(-4px);box-shadow:0 27px 65px rgba(255,90,0,.42),0 0 0 15px rgba(255,90,0,.05)}}
@media(max-width:650px){
  .pricing-close{padding:34px 22px;border-radius:20px}.pricing-close>.pricing-orange-button{width:100%;min-width:0;min-height:68px}.pricing-close:after{left:5%}
}
@media(prefers-reduced-motion:reduce){.pricing-close.visible>.pricing-orange-button{animation:none!important}}

/* Hero conversion emphasis */
.hero h1 em{
  color:var(--o)!important;
}

/* Branch decision symbol */
.branch-flow-commercial .fork-origin{
  font-size:1.25rem;
  line-height:1;
}
.branch-flow-commercial[data-demo-state="attention-input"] .fork-origin,
.branch-flow-commercial[data-demo-state="attention"] .fork-origin,
.branch-flow-commercial[data-demo-state="tracking"] .fork-origin,
.branch-flow-commercial[data-demo-state="resolved"] .fork-origin{
  font-size:1.55rem;
}

/* Larger pattern donut with a clear central label */
.outcome-pattern-visual .pattern-core{
  width:250px;
  height:250px;
}
.outcome-pattern-visual .pattern-core:before{inset:8px}
.outcome-pattern-visual .pattern-core:after{inset:28px}
.outcome-pattern-visual .pattern-core i{
  inset:40px;
  mask:radial-gradient(circle,transparent 60%,#000 61%);
}
.outcome-pattern-visual .pattern-core b{
  font-size:2.7rem;
  line-height:.82;
}
.outcome-pattern-visual .pattern-core small{
  max-width:105px;
  margin-top:12px;
  text-align:center;
  line-height:1.25;
}
@media(max-width:560px){
  .outcome-pattern-visual .pattern-core{width:190px;height:190px}
  .outcome-pattern-visual .pattern-core:before{inset:7px}
  .outcome-pattern-visual .pattern-core:after{inset:22px}
  .outcome-pattern-visual .pattern-core i{inset:30px}
  .outcome-pattern-visual .pattern-core b{font-size:2.15rem}
  .outcome-pattern-visual .pattern-core small{margin-top:9px;font-size:7px}
}

/* Subtle Rankex Pro badge in the team visual */
.pro-team-visual .pro-visual-top>b{
  padding:7px 11px;
  border:1px solid rgba(255,90,0,.2);
  border-radius:99px;
  background:#fff2e9;
  color:#d84b00;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:0 6px 18px rgba(255,90,0,.08);
}

/* Positive / negative mix by location */
.location-row>em i{
  position:relative;
  background:linear-gradient(
    90deg,
    var(--green) 0 var(--positive-share),
    #ef4444 var(--positive-share) 100%
  );
  box-shadow:0 2px 8px rgba(11,18,48,.08);
}
.location-bar-legend{
  min-height:38px;
  padding:0 15px;
  display:flex;
  align-items:center;
  gap:18px;
  border-top:1px solid #e8e9ee;
  background:#fafbfc;
  color:#697183;
  font-size:8px;
  font-weight:700;
}
.location-bar-legend>span{display:flex;align-items:center;gap:6px}
.location-bar-legend>span>i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
}
.location-bar-legend>span:nth-child(2)>i{background:#ef4444}
.location-bar-legend>small{
  margin-left:auto;
  color:#9a9fab;
  font-size:7px;
}
@media(max-width:460px){
  .location-bar-legend{gap:11px;padding-inline:10px}
  .location-bar-legend>small{display:none}
}

/* Four-variable business pattern */
.outcome-pattern-visual .pattern-core i{
  background:conic-gradient(
    var(--o) 0 40%,
    #5b38ff 40% 60%,
    #f59e0b 60% 75%,
    #00c7d9 75% 100%
  );
}
.outcome-pattern-visual .pattern-meter span:nth-child(3) i{background:#f59e0b}
.outcome-pattern-visual .pattern-meter span:nth-child(4) i{background:#00c7d9}

/* Larger monthly team goal */
.pro-live-pill{
  width:190px;
  min-height:56px;
  padding:10px 15px;
  display:grid;
  grid-template-columns:8px 1fr;
  align-items:center;
  gap:2px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
}
.pro-live-pill i{
  grid-row:1/3;
  align-self:center;
}
.pro-live-pill span{
  color:rgba(255,255,255,.58);
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pro-live-pill strong{
  color:#fff;
  font:650 13px/1 var(--sora);
  letter-spacing:-.02em;
}
@media(max-width:410px){
  .pro-live-pill{width:170px;min-height:51px;padding:8px 12px}
}

/* Consistent three-state experience scale */
.mood-face-svg{
  width:29px;
  height:29px;
  display:block;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mood-face-svg .face-eye{
  fill:currentColor;
  stroke:none;
}
.moods button,
.demo-moods span{
  position:relative;
  display:grid;
  place-items:center;
  border-radius:10px;
  transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.moods .mood-bad,
.demo-moods .mood-bad{
  color:#e84444;
  border-color:rgba(232,68,68,.28);
  background:#fff8f8;
}
.moods .mood-neutral,
.demo-moods .mood-neutral{
  color:#ff5a00;
  border-color:rgba(255,90,0,.3);
  background:#fff8f3;
}
.moods .mood-good,
.demo-moods .mood-good{
  color:#22a95a;
  border-color:rgba(34,169,90,.28);
  background:#f5fcf7;
}
.moods .mood-bad.selected,
.demo-moods .mood-bad.selected{
  color:#d93232;
  border-color:#e84444;
  background:#fff0f0;
  box-shadow:0 0 0 2px rgba(232,68,68,.12),0 9px 20px rgba(232,68,68,.12);
}
.moods .mood-neutral.selected,
.demo-moods .mood-neutral.selected{
  color:#ff5a00;
  border-color:#ff5a00;
  background:#fff2e9;
  box-shadow:0 0 0 2px rgba(255,90,0,.12),0 9px 20px rgba(255,90,0,.12);
}
.moods .mood-good.selected,
.demo-moods .mood-good.selected{
  color:#168b48;
  border-color:#22a95a;
  background:#edfaf2;
  box-shadow:0 0 0 2px rgba(34,169,90,.12),0 9px 20px rgba(34,169,90,.12);
}
.moods button:hover,
.demo-moods span:hover{
  transform:translateY(-2px);
}
.demo-moods .mood-face-svg{
  width:31px;
  height:31px;
}
.hero-filter-proof .state-good{
  background:#eaf9ef;
  color:#168b48;
}
.hero-filter-proof .state-neutral{
  background:#fff4ec;
  color:#ff5a00;
}
.hero-filter-proof .state-bad{
  background:#fff0f0;
  color:#d93232;
}
@media(prefers-reduced-motion:reduce){
  .moods button,
  .demo-moods span{transition:none}
}

/* Problem section: opinions become a visible pattern */
.problem-split-v2{
  display:grid;
  grid-template-columns:minmax(0,.95fr) 86px minmax(0,1.05fr);
  min-height:430px;
  margin-top:52px;
  border:1px solid rgba(9,16,43,.12);
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 80px rgba(9,16,43,.08);
  overflow:hidden;
}
.problem-split-v2>article{
  min-width:0;
  padding:30px 32px 26px;
}
.problem-opinions-v2{
  color:#fff;
  background:
    radial-gradient(circle at 0 0,rgba(255,90,0,.16),transparent 35%),
    linear-gradient(145deg,#0b1435,#09102b 72%);
}
.problem-pattern-v2{
  position:relative;
  color:var(--ink);
  background:
    radial-gradient(circle at 100% 0,rgba(255,90,0,.1),transparent 30%),
    linear-gradient(145deg,#f8fbff,#fff);
}
.problem-pattern-v2:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(9,16,43,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,16,43,.035) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(120deg,#000,transparent 82%);
}
.problem-v2-head{
  min-height:54px;
  display:grid;
  grid-template-columns:1fr auto;
  align-content:start;
  position:relative;
  z-index:2;
  padding-bottom:15px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.problem-pattern-v2 .problem-v2-head{border-color:rgba(9,16,43,.1)}
.problem-v2-head>span{
  color:var(--o);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}
.problem-v2-head>strong{
  grid-column:1;
  margin-top:5px;
  color:inherit;
  font:650 1.15rem/1.15 var(--sora);
  letter-spacing:-.035em;
}
.problem-v2-head>small{
  grid-column:2;
  grid-row:1/3;
  align-self:center;
  color:inherit;
  opacity:.45;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
.opinion-stream-v2{
  display:grid;
  gap:9px;
  margin-top:18px;
}
.opinion-v2{
  min-height:58px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:9px 13px 9px 10px;
  border:1px solid rgba(255,255,255,.1);
  border-left:3px solid var(--mood);
  border-radius:12px;
  background:rgba(255,255,255,.065);
  backdrop-filter:blur(8px);
}
.opinion-v2>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:var(--mood);
  background:color-mix(in srgb,var(--mood) 14%,transparent);
  font:750 .65rem var(--sora);
}
.opinion-v2 p{
  margin:0;
  color:#fff;
  font:600 .8rem/1.25 var(--sora);
  letter-spacing:-.02em;
}
.opinion-v2 small{
  color:rgba(255,255,255,.4);
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
}
.opinion-v2.is-negative{--mood:#ef4444}
.opinion-v2.is-warning{--mood:#f59e0b}
.opinion-v2.is-neutral{--mood:#00bcd4}
.opinion-v2.is-positive{--mood:#22c55e}
.opinion-stream-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:16px;
  color:rgba(255,255,255,.5);
  font-size:10px;
}
.opinion-stream-footer span{display:flex;align-items:center;gap:7px}
.opinion-stream-footer i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--o);
  box-shadow:0 0 0 5px rgba(255,90,0,.12);
}
.opinion-stream-footer b{color:#fff;font-size:10px}
.problem-v2-bridge{
  position:relative;
  display:grid;
  place-items:center;
  align-content:center;
  gap:13px;
  background:#f4f1eb;
  color:var(--o);
}
.problem-v2-bridge:before,
.problem-v2-bridge:after{
  content:"";
  position:absolute;
  left:50%;
  width:1px;
  height:calc(50% - 48px);
  background:linear-gradient(transparent,rgba(255,90,0,.35));
}
.problem-v2-bridge:before{top:0}
.problem-v2-bridge:after{bottom:0;transform:rotate(180deg)}
.problem-v2-bridge small{
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
  writing-mode:vertical-rl;
}
.problem-v2-bridge i{
  width:1px;
  height:38px;
  background:repeating-linear-gradient(var(--o) 0 5px,transparent 5px 10px);
}
.problem-v2-bridge span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #ffd2b8;
  background:#fff;
  font:800 .85rem var(--sora);
  box-shadow:0 8px 20px rgba(255,90,0,.12);
}
.pattern-visual-v2{
  min-height:230px;
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  align-items:center;
  gap:32px;
  position:relative;
  z-index:2;
  padding:20px 4px 13px;
}
.pattern-donut-v2{
  width:198px;
  height:198px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(#ff5a00 0 40%,#5b38ff 40% 65%,#00bcd4 65% 85%,#22c55e 85% 100%);
  box-shadow:0 22px 45px rgba(34,45,90,.16);
  position:relative;
}
.pattern-donut-v2:before{
  content:"";
  position:absolute;
  inset:29px;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(9,16,43,.06);
}
.pattern-donut-v2:after{
  content:"";
  position:absolute;
  inset:-12px;
  border:1px solid rgba(91,56,255,.12);
  border-radius:50%;
}
.pattern-donut-v2>span{position:relative;z-index:2;text-align:center}
.pattern-donut-v2 b,
.pattern-donut-v2 small{display:block}
.pattern-donut-v2 b{
  color:var(--ink);
  font:700 2.2rem/.9 var(--sora);
  letter-spacing:-.06em;
}
.pattern-donut-v2 small{
  margin-top:8px;
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}
.pattern-bars-v2{display:grid;gap:15px}
.pattern-bars-v2>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 12px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.pattern-bars-v2>div b{color:var(--ink);font-size:11px}
.pattern-bars-v2 i{
  grid-column:1/-1;
  height:7px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--tone) var(--value),rgba(9,16,43,.08) var(--value));
}
.pattern-insight-v2{
  min-height:58px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  position:relative;
  z-index:2;
  padding:10px 15px;
  border-left:3px solid var(--o);
  border-radius:0 12px 12px 0;
  background:var(--ink);
  color:#fff;
}
.pattern-insight-v2 span{
  display:flex;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.55);
  font-size:8px;
  font-weight:800;
  letter-spacing:.11em;
}
.pattern-insight-v2 span i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--o);
}
.pattern-insight-v2 strong{
  grid-column:1;
  font:650 .9rem var(--sora);
}
.pattern-insight-v2>b{
  grid-column:2;
  grid-row:1/3;
  color:#fff;
  font-size:11px;
}
.pattern-note-v2{
  display:block;
  position:relative;
  z-index:2;
  margin-top:8px;
  color:var(--muted);
  text-align:right;
  font-size:8px;
}
.problem-split-v2.visible .opinion-v2{animation:problemOpinionIn .55s var(--ease) both}
.problem-split-v2.visible .opinion-v2:nth-child(2){animation-delay:.1s}
.problem-split-v2.visible .opinion-v2:nth-child(3){animation-delay:.2s}
.problem-split-v2.visible .opinion-v2:nth-child(4){animation-delay:.3s}
.problem-split-v2.visible .problem-v2-bridge span{animation:problemBridgePulse 1.8s .45s ease-in-out infinite}
.problem-split-v2.visible .pattern-donut-v2{animation:problemDonutIn .9s .35s var(--ease) both}
.problem-split-v2.visible .pattern-bars-v2 i{animation:problemBarIn .8s .65s var(--ease) both;transform-origin:left}
@keyframes problemOpinionIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes problemBridgePulse{50%{transform:translateX(5px);box-shadow:0 8px 28px rgba(255,90,0,.28)}}
@keyframes problemDonutIn{from{opacity:0;transform:scale(.65) rotate(-70deg)}to{opacity:1;transform:none}}
@keyframes problemBarIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1050px){
  .problem-split-v2{grid-template-columns:minmax(0,.9fr) 64px minmax(0,1.1fr)}
  .problem-split-v2>article{padding-inline:24px}
  .pattern-visual-v2{grid-template-columns:165px 1fr;gap:22px}
  .pattern-donut-v2{width:160px;height:160px}
  .pattern-donut-v2:before{inset:24px}
}
@media(max-width:820px){
  .problem-split-v2{grid-template-columns:1fr;margin-top:38px}
  .problem-v2-bridge{min-height:64px;grid-auto-flow:column;gap:10px}
  .problem-v2-bridge:before,.problem-v2-bridge:after{top:50%;width:calc(50% - 70px);height:1px}
  .problem-v2-bridge:before{left:0;background:linear-gradient(90deg,transparent,rgba(255,90,0,.35))}
  .problem-v2-bridge:after{left:auto;right:0;bottom:auto;transform:none;background:linear-gradient(90deg,rgba(255,90,0,.35),transparent)}
  .problem-v2-bridge small{writing-mode:initial}
  .problem-v2-bridge i{width:38px;height:1px;background:repeating-linear-gradient(90deg,var(--o) 0 5px,transparent 5px 10px)}
  .problem-v2-bridge span{transform:rotate(90deg)}
  .pattern-visual-v2{grid-template-columns:190px 1fr}
  .pattern-donut-v2{width:180px;height:180px}
}
@media(max-width:560px){
  .problem-split-v2{border-radius:20px}
  .problem-split-v2>article{padding:24px 18px 20px}
  .opinion-v2{grid-template-columns:34px minmax(0,1fr)}
  .opinion-v2 small{display:none}
  .opinion-v2 p{font-size:.74rem}
  .pattern-visual-v2{grid-template-columns:130px 1fr;gap:15px}
  .pattern-donut-v2{width:126px;height:126px}
  .pattern-donut-v2:before{inset:19px}
  .pattern-donut-v2 b{font-size:1.55rem}
  .pattern-bars-v2{gap:10px}
  .pattern-bars-v2>div,.pattern-bars-v2>div b{font-size:9px}
  .pattern-insight-v2>b{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .problem-split-v2.visible .opinion-v2,
  .problem-split-v2.visible .problem-v2-bridge span,
  .problem-split-v2.visible .pattern-donut-v2,
  .problem-split-v2.visible .pattern-bars-v2 i{animation:none}
}

/* Hero destination ticker */
.hero-filter-proof{margin-bottom:14px}
.hero-platform-switch{
  max-width:570px;
  min-height:62px;
  position:relative;
  margin:0 0 22px;
  padding:10px 48px 11px 18px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:11px;
  background:linear-gradient(105deg,#09102b,#111b42);
  color:#fff;
  box-shadow:0 15px 34px rgba(9,16,43,.13);
  overflow:hidden;
}
.hero-platform-switch:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--o);
}
.hero-platform-switch:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-80px;
  top:-80px;
  border:1px solid rgba(255,90,0,.25);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(255,90,0,.035);
}
.hero-platform-switch>small{
  display:block;
  color:var(--o2);
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
}
.hero-platform-switch p{
  position:relative;
  z-index:2;
  margin:2px 0 0;
  color:#fff;
  font:650 .78rem/1.35 var(--sora);
  letter-spacing:-.02em;
}
.hero-platform-switch strong{
  display:inline-block;
  min-width:84px;
  margin-left:3px;
  color:#ff8a4c;
  transition:opacity .14s ease,transform .14s ease;
}
.hero-platform-switch strong.is-changing{
  opacity:0;
  transform:translateY(-5px);
}
.hero-platform-switch i{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  margin-left:7px;
  border-radius:50%;
  background:var(--o);
  color:#fff;
  font-style:normal;
  font-size:9px;
}

/* More breathing room beside the problem conclusion rule */
.problem-conclusion{padding-left:24px}

@media(max-width:560px){
  .hero-platform-switch{padding-right:18px}
  .hero-platform-switch p{font-size:.7rem}
  .hero-platform-switch strong{min-width:73px}
  .problem-conclusion{padding-left:18px}
}
@media(prefers-reduced-motion:reduce){
  .hero-platform-switch strong{transition:none}
}

/* Keep every positive destination visible */
.commercial-paths .positive-path{
  grid-template-columns:minmax(170px,.62fr) minmax(0,1.38fr);
  gap:22px;
}
.positive-action{min-width:0}
.review-destinations{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.review-destinations>span{
  min-width:0;
  min-height:54px;
  gap:5px;
  padding:7px;
}
.review-destinations i{
  width:27px;
  height:27px;
  flex:0 0 27px;
  border-radius:7px;
  font-size:11px;
}
.branch-flow-commercial .review-destinations b{
  min-width:0;
  font-size:11px;
  line-height:1.1;
  white-space:nowrap;
}
.review-trustpilot i{background:#00b67a;color:#fff}
.review-doctoralia i{background:#00a6a6;color:#fff}
.branch-flow-commercial.visible .review-destinations>span:nth-child(6){animation-delay:3.1s}
.branch-flow-commercial.visible .review-destinations>span:nth-child(7){animation-delay:3.22s}
.branch-flow-commercial[data-demo-state="positive"] .review-destinations>span:nth-child(6){transition-delay:.48s}
.branch-flow-commercial[data-demo-state="positive"] .review-destinations>span:nth-child(7){transition-delay:.56s}
@media(max-width:1120px){
  .commercial-paths .positive-path{grid-template-columns:1fr}
}
@media(max-width:540px){
  .review-destinations{grid-template-columns:1fr 1fr}
  .branch-flow-commercial .review-destinations b{font-size:12px}
}

/* Rebalance the positive route without changing its visual language */
@media(min-width:1121px){
  .commercial-paths .positive-path{
    grid-template-columns:minmax(240px,.9fr) minmax(300px,1.1fr);
    gap:28px;
  }
  .commercial-paths .positive-path .review-destinations{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .commercial-paths .positive-path .review-url{
    grid-column:1 / -1;
  }
}

/* Prevent outcome headlines from entering the visual column */
.outcome-copy{min-width:0;max-width:100%;position:relative;z-index:3}
@media(min-width:1081px){
  .outcome-panel{
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
    gap:clamp(28px,3vw,48px);
  }
  .outcome-copy h3{
    width:100%;
    max-width:100%;
    font-size:clamp(2.5rem,3vw,3.4rem);
  }
}
@media(min-width:821px) and (max-width:1080px){
  .outcome-panel{
    grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);
    gap:24px;
  }
  .outcome-copy h3{width:100%;max-width:100%;font-size:2.65rem}
}

/* Discreet conversion focus below the recovery demo */
.recovery-enhanced .product-cta{
  isolation:isolate;
  gap:9px;
}
.recovery-enhanced .product-cta:before{
  content:"●  EMPIEZA AQUÍ";
  color:var(--o);
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}
.recovery-enhanced .product-cta .button{
  min-width:220px;
  min-height:60px;
  padding-right:62px;
  border-radius:10px;
  box-shadow:0 16px 34px rgba(255,90,0,.2);
  animation:productCtaBreathe 3.2s ease-in-out infinite;
}
.recovery-enhanced .product-cta .button:after{
  content:"↗";
  position:absolute;
  z-index:2;
  right:15px;
  top:50%;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.17);
  color:#fff;
  transform:translateY(-50%);
  transition:transform .35s var(--ease),background .35s;
}
.recovery-enhanced .product-cta .button:hover:after{
  background:rgba(255,255,255,.25);
  transform:translate(3px,-53%);
}
.recovery-enhanced .product-cta>span{
  color:var(--ink);
  font-size:.72rem;
  font-weight:650;
}
@keyframes productCtaBreathe{
  50%{box-shadow:0 19px 42px rgba(255,90,0,.3);transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
  .recovery-enhanced .product-cta .button{animation:none}
}

/* Clear yes/no comparison language */
.compare-matrix-v2>div>.yes,
.compare-matrix-v2>div>.no,
.compare-matrix-v2>div>.rankex-yes{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  justify-self:center;
  border-radius:50%;
  font-style:normal;
  font-weight:850;
}
.compare-matrix-v2>div>.yes,
.compare-matrix-v2>div>.rankex-yes{
  background:#eaf9ef;
  color:#168b48;
}
.compare-matrix-v2>div>.no{
  background:#fff0f0;
  color:#dc3434;
  font-size:1.15rem;
}
.compare-matrix-v2 .matrix-header b{
  color:#9b3e3e;
  letter-spacing:.035em;
}
.compare-matrix-v2 .matrix-header strong{
  color:#168b48;
  letter-spacing:.035em;
}
.compare-matrix-v2 .pro-check{
  width:auto!important;
  background:#eaf9ef!important;
  color:#168b48!important;
}
.compare-matrix-v2.visible>div:nth-child(9){animation-delay:.66s}
.compare-matrix-v2.visible>div:nth-child(10){animation-delay:.74s}
@media(max-width:560px){
  .compare-matrix-v2>div>.yes,
  .compare-matrix-v2>div>.no,
  .compare-matrix-v2>div>.rankex-yes{width:32px;height:32px}
  .compare-matrix-v2 .matrix-header b,
  .compare-matrix-v2 .matrix-header strong{font-size:.62rem;line-height:1.15}
}

/* Comparison journey — one source, two outcomes */
.comparison-story-v3{
  display:block;
  min-height:0;
  margin-top:72px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  background:
    radial-gradient(circle at 77% 73%,rgba(255,90,0,.16),transparent 28%),
    linear-gradient(125deg,#09112f 0%,#0b1435 62%,#15132e 100%);
  color:#fff;
  box-shadow:0 34px 90px rgba(11,18,48,.18);
  position:relative;
  isolation:isolate;
}
.comparison-story-v3:before{
  content:"";
  position:absolute;
  inset:66px 0 0;
  z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.8),transparent);
}
.compare-livebar{
  min-height:66px;
  padding:0 24px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.compare-livebar>span{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}
.compare-livebar>span i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--o);
  box-shadow:0 0 0 7px rgba(255,90,0,.12);
}
.compare-livebar>b{
  font:650 1rem var(--sora);
  letter-spacing:-.025em;
}
.compare-livebar>button{
  justify-self:end;
  min-height:36px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:99px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:9px;
  font-weight:750;
  cursor:pointer;
}
.compare-journey{
  min-height:570px;
  padding:42px;
  display:grid;
  grid-template-columns:300px 100px minmax(0,1fr);
  align-items:stretch;
  gap:0;
}
.compare-source{
  padding:28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
}
.compare-source .comparison-story-label{
  width:100%;
}
.compare-source .comparison-story-label b{
  color:rgba(255,255,255,.52);
}
.comparison-story-v3 .big-qr{
  width:176px;
  height:176px;
  margin:15px auto;
  border:12px solid #fff;
  background-color:#fff;
  box-shadow:0 22px 55px rgba(0,0,0,.25);
}
.source-copy{
  width:100%;
  display:grid;
  gap:5px;
}
.source-copy small{
  color:var(--o);
  font-size:8px;
  font-weight:850;
  letter-spacing:.14em;
}
.source-copy strong{
  font:650 1.3rem/1.12 var(--sora);
}
.compare-switch{
  display:grid;
  place-content:center;
  justify-items:center;
  position:relative;
}
.compare-switch:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.12),var(--o),rgba(255,90,0,.16));
}
.compare-switch span{
  width:54px;
  height:54px;
  z-index:2;
  display:grid;
  place-items:center;
  border:9px solid #101735;
  border-radius:50%;
  background:var(--o);
  color:#fff;
  font:600 1.35rem var(--sora);
  box-sizing:content-box;
}
.compare-switch i{
  position:absolute;
  z-index:3;
  width:8px;
  height:8px;
  top:calc(50% - 4px);
  left:4px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 18px rgba(255,255,255,.85);
}
.compare-lanes{
  display:grid;
  grid-template-rows:1fr 1.08fr;
  gap:18px;
  min-width:0;
}
.compare-lane{
  min-width:0;
  padding:27px 30px;
  display:grid;
  grid-template-columns:minmax(190px,.72fr) minmax(360px,1.28fr);
  grid-template-areas:"heading route" "status route";
  align-items:center;
  gap:12px 28px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(255,255,255,.045);
  position:relative;
  overflow:hidden;
}
.compare-lane:after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-145px;
  top:-120px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  box-shadow:0 0 0 35px rgba(255,255,255,.018),0 0 0 75px rgba(255,255,255,.012);
}
.lane-rankex{
  border-color:rgba(255,90,0,.34);
  background:linear-gradient(105deg,rgba(255,90,0,.13),rgba(255,255,255,.055));
}
.lane-heading{
  grid-area:heading;
  display:grid;
  gap:7px;
}
.lane-heading span{
  color:rgba(255,255,255,.52);
  font-size:8px;
  font-weight:850;
  letter-spacing:.15em;
}
.lane-rankex .lane-heading span{
  color:#ff9b65;
}
.lane-heading strong{
  max-width:240px;
  color:#fff;
  font:650 clamp(1.35rem,2vw,2rem)/1.05 var(--sora);
  letter-spacing:-.045em;
}
.lane-route{
  grid-area:route;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  position:relative;
}
.lane-route:before{
  content:"";
  position:absolute;
  z-index:0;
  left:7%;
  right:7%;
  top:31px;
  height:1px;
  background:rgba(255,255,255,.16);
}
.lane-route>span{
  min-width:72px;
  min-height:72px;
  z-index:2;
  padding:9px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;
  background:#121a3b;
  color:rgba(255,255,255,.78);
  font-size:10px;
  font-weight:750;
}
.lane-route>span i{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.52);
  font-size:8px;
  font-style:normal;
}
.lane-route>em{
  z-index:2;
  color:rgba(255,255,255,.3);
  font-style:normal;
}
.lane-direct .route-end{
  border-color:rgba(239,68,68,.35);
  color:#ffb1b1;
}
.lane-direct .route-end i{
  background:rgba(239,68,68,.16);
  color:#ff7474;
}
.lane-rankex .lane-route:before{
  background:linear-gradient(90deg,rgba(255,90,0,.2),var(--o),rgba(34,197,94,.55));
}
.lane-rankex .lane-route>span{
  border-color:rgba(255,90,0,.3);
  background:#141a38;
  color:#fff;
}
.lane-rankex .lane-route>span i{
  background:var(--o);
  color:#fff;
}
.lane-rankex .route-value{
  border-color:rgba(34,197,94,.4);
  box-shadow:inset 0 -2px 0 rgba(34,197,94,.65);
}
.lane-rankex .route-value i{
  background:#22c55e;
}
.compare-lane>small{
  grid-area:status;
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.5);
  font-size:10px;
}
.compare-lane>small i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ef4444;
}
.lane-rankex>small i{
  background:#22c55e;
  box-shadow:0 0 0 6px rgba(34,197,94,.08);
}
.comparison-story-v3.visible .compare-livebar>span i{
  animation:compareLivePulse 1.8s ease-in-out infinite;
}
.comparison-story-v3.visible .compare-switch i{
  animation:compareSignalTravel 2.4s .35s var(--ease) infinite;
}
.comparison-story-v3.visible .lane-rankex .lane-route>span{
  animation:compareNodeIn .55s var(--ease) both;
}
.comparison-story-v3.visible .lane-rankex .lane-route>span:nth-of-type(1){animation-delay:.35s}
.comparison-story-v3.visible .lane-rankex .lane-route>span:nth-of-type(2){animation-delay:.52s}
.comparison-story-v3.visible .lane-rankex .lane-route>span:nth-of-type(3){animation-delay:.69s}
.comparison-story-v3.visible .lane-rankex .lane-route>span:nth-of-type(4){animation-delay:.86s}
.comparison-story-v3.visible .lane-rankex .route-value{
  animation:compareNodeIn .55s .86s var(--ease) both,compareValuePulse 2.4s 1.6s ease-in-out infinite;
}
@keyframes compareLivePulse{50%{box-shadow:0 0 0 11px rgba(255,90,0,0)}}
@keyframes compareSignalTravel{
  0%{left:4px;opacity:0}
  15%,80%{opacity:1}
  100%{left:calc(100% - 12px);opacity:0}
}
@keyframes compareNodeIn{
  from{opacity:0;transform:translateY(10px) scale(.94)}
  to{opacity:1;transform:none}
}
@keyframes compareValuePulse{
  50%{box-shadow:0 0 0 8px rgba(34,197,94,.07),inset 0 -2px 0 rgba(34,197,94,.65);transform:translateY(-2px)}
}

/* Keep both pricing columns on the same horizontal rhythm */
@media(min-width:1081px){
  .pricing-system .price-card-v2{
    display:grid;
    grid-template-rows:auto 420px auto 1fr;
  }
  .pricing-system .price-card-v2 .plan-main{
    width:100%;
    height:420px;
    min-height:420px;
    box-sizing:border-box;
  }
  .pricing-system .price-card-v2>.button{
    align-self:start;
  }
}

@media(max-width:1080px){
  .compare-journey{grid-template-columns:250px 76px minmax(0,1fr);padding:30px}
  .compare-lane{grid-template-columns:1fr;grid-template-areas:"heading" "route" "status"}
  .lane-heading strong{max-width:none}
}
@media(max-width:820px){
  .compare-livebar{grid-template-columns:1fr auto}
  .compare-livebar>b{display:none}
  .compare-journey{display:block;padding:22px}
  .compare-source{min-height:350px}
  .compare-switch{height:90px}
  .compare-switch:before{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto}
  .compare-switch i{top:4px;left:calc(50% - 4px)}
  .compare-lanes{gap:14px}
  .compare-lane{padding:24px}
  .comparison-story-v3.visible .compare-switch i{animation:compareSignalTravelVertical 2.2s .35s var(--ease) infinite}
  @keyframes compareSignalTravelVertical{
    0%{top:4px;opacity:0}
    15%,80%{opacity:1}
    100%{top:calc(100% - 12px);opacity:0}
  }
}
@media(max-width:560px){
  .comparison-story-v3{border-radius:22px}
  .compare-livebar{padding:0 15px}
  .compare-livebar>button{padding:0 10px}
  .compare-journey{padding:14px}
  .compare-source{min-height:320px;padding:22px}
  .comparison-story-v3 .big-qr{width:150px;height:150px}
  .compare-lane{padding:20px 16px}
  .lane-route{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .lane-route:before,.lane-route>em{display:none}
  .lane-route>span{min-height:66px}
}
@media(prefers-reduced-motion:reduce){
  .comparison-story-v3 *{animation:none!important;transition:none!important}
}

/* Authentic QR artwork */
.comparison-story-v3 .big-qr{
  width:190px;
  height:190px;
  padding:8px;
  overflow:hidden;
  border:0;
  background:#fff;
  box-sizing:border-box;
}
.comparison-story-v3 .big-qr img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  image-rendering:pixelated;
}
.comparison-story-v3 .big-qr:after{
  left:8px;
  right:8px;
  width:auto;
}

/* FAQ — editorial header above a full-width accordion */
.faq-part{padding-top:0}
.faq-layout-v2{
  display:block!important;
  width:min(1260px,calc(100% - 56px));
  max-width:none!important;
}
.faq-header-v2{
  margin-bottom:58px;
  padding-bottom:48px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:70px;
  border-bottom:1px solid var(--line);
}
.faq-header-v2 h2{
  max-width:860px;
  margin-top:18px;
  font-size:clamp(3.2rem,5.7vw,5.9rem);
  line-height:.92;
  letter-spacing:-.075em;
}
.faq-header-v2>p{
  margin:0 0 8px;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.65;
  text-align:right;
}
.faq-header-v2>p a{
  display:inline-block;
  margin-top:6px;
  color:var(--ink);
  font-weight:800;
  border-bottom:1px solid var(--ink);
}
.accordion-v2{
  max-width:none!important;
  counter-reset:faq-item;
  border-bottom:1px solid var(--line);
}
.accordion-v2 details{
  counter-increment:faq-item;
  border-top:1px solid var(--line);
  background:transparent!important;
  transition:background .35s,border-color .35s;
}
.accordion-v2 details:last-child{border-bottom:0}
.accordion-v2 details[open]{
  padding-inline:0!important;
  background:#faf8f5!important;
  border-color:#ddd8d0;
}
.accordion-v2 summary{
  min-height:104px;
  padding:0 24px;
  display:grid;
  grid-template-columns:62px minmax(0,1fr) 42px;
  align-items:center;
  gap:18px;
  font:650 clamp(1.05rem,1.6vw,1.35rem)/1.25 var(--sora);
  letter-spacing:-.025em;
  transition:color .3s,padding .35s;
}
.accordion-v2 summary:before{
  content:counter(faq-item,decimal-leading-zero);
  color:var(--o);
  font:750 10px var(--inter);
  letter-spacing:.13em;
}
.accordion-v2 summary:hover{
  color:var(--o);
  padding-left:32px;
}
.accordion-v2 summary span{
  width:38px;
  height:38px;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fff;
}
.accordion-v2 summary span:before,
.accordion-v2 summary span:after{
  left:11px;
  top:17px;
  width:14px;
}
.accordion-v2 details[open] summary span{
  border-color:var(--o);
  background:var(--o);
}
.accordion-v2 details[open] summary span:before,
.accordion-v2 details[open] summary span:after{
  background:#fff;
}
.accordion-v2 details p{
  max-width:960px;
  margin:0;
  padding:0 82px 34px 104px;
  color:var(--muted);
  font-size:1rem;
  line-height:1.7;
}

/* Closing conversion stage */
.final-cta-v2{
  padding:45px 0 110px;
  background:#fff;
}
.final-cta-v2>.final-cta-stage{
  width:min(1380px,calc(100% - 56px));
  min-height:720px;
  padding:clamp(48px,6vw,88px);
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:clamp(45px,6vw,90px);
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  clip-path:none;
  background:
    radial-gradient(circle at 78% 42%,rgba(255,90,0,.2),transparent 25%),
    radial-gradient(circle at 66% 92%,rgba(91,56,255,.13),transparent 30%),
    #08102d;
  color:#fff;
  box-shadow:0 38px 100px rgba(11,18,48,.2);
  isolation:isolate;
}
.final-cta-v2>.final-cta-stage:before{
  content:"";
  display:block;
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,transparent,#000 45%,#000);
}
.final-cta-v2>.final-cta-stage:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:540px;
  height:540px;
  right:4%;
  top:12%;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(255,255,255,.01);
}
.final-cta-stage>div{position:relative;z-index:2}
.final-cta-copy .eyebrow{color:#fff}
.final-cta-copy .eyebrow>span{background:var(--o)}
.final-cta-copy h2{
  margin:22px 0 28px;
  color:#fff;
  font-size:clamp(3.5rem,5.9vw,6.2rem);
  line-height:.89;
  letter-spacing:-.08em;
}
.final-cta-copy h2 em{
  color:var(--o);
  font-style:normal;
}
.final-cta-copy>p:not(.eyebrow){
  max-width:570px;
  color:rgba(255,255,255,.64);
  font-size:1.08rem;
  line-height:1.65;
}
.final-cta-copy .button-row{
  margin-top:34px;
}
.final-cta-v2 .final-primary{
  min-width:190px;
  overflow:hidden;
  position:relative;
  background:var(--o);
  border-color:var(--o);
  color:#fff;
  box-shadow:0 18px 42px rgba(255,90,0,.25);
}
.final-cta-v2 .final-primary:before{
  content:"";
  position:absolute;
  inset:-20% auto -20% -40%;
  width:30%;
  transform:skewX(-18deg);
  background:rgba(255,255,255,.28);
}
.final-cta-v2 .final-primary i{
  margin-left:auto;
  font-style:normal;
}
.final-cta-v2 .button-secondary{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.2);
  color:#fff;
}
.final-cta-v2 .button-secondary:hover,
.final-cta-v2 .button-secondary:focus-visible{
  background:#fff;
  border-color:#fff;
  color:var(--ink);
}
.final-proof{
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
}
.final-proof span{
  color:rgba(255,255,255,.48);
  font-size:10px;
  font-weight:650;
}
.final-proof span:before{
  content:"✓";
  margin-right:6px;
  color:#43d477;
}
.final-flow-v2{
  height:520px;
  position:relative;
}
.final-orbit{
  position:absolute;
  left:50%;
  top:50%;
  width:310px;
  height:310px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
}
.final-orbit:before,
.final-orbit:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px dashed rgba(255,255,255,.12);
}
.final-orbit:before{inset:36px}
.final-orbit:after{inset:92px;border-style:solid;border-color:rgba(255,90,0,.32)}
.final-orbit>span{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:88px;
  height:88px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:var(--o);
  color:#fff;
  font:700 2.1rem var(--sora);
  box-shadow:0 0 0 17px rgba(255,90,0,.1),0 20px 48px rgba(255,90,0,.22);
}
.final-orbit>i{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 22px rgba(255,255,255,.8);
}
.final-orbit>i:first-child{left:35px;top:54px}
.final-orbit>i:nth-child(2){right:28px;bottom:68px;background:#43d477}
.final-flow-v2 article{
  width:230px;
  min-height:112px;
  padding:18px 19px;
  display:grid;
  align-content:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(17,26,59,.88);
  backdrop-filter:blur(14px);
  box-shadow:0 22px 55px rgba(0,0,0,.24);
  position:absolute;
  z-index:5;
}
.final-flow-v2 article small{
  color:var(--o);
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
}
.final-flow-v2 article strong{
  color:#fff;
  font:650 1.05rem/1.15 var(--sora);
}
.final-flow-v2 article span{
  color:rgba(255,255,255,.5);
  font-size:9px;
}
.final-signal{left:0;top:42px}
.final-action{right:0;top:205px}
.final-success{
  left:38px;
  bottom:20px;
  border-color:rgba(67,212,119,.38)!important;
}
.final-success small,
.final-success span{color:#54dc84!important}
.final-flow-line{
  position:absolute!important;
  z-index:3!important;
  inset:70px 90px;
  border:1px solid rgba(255,90,0,.24);
  border-radius:50%;
  transform:rotate(16deg);
}
.final-flow-line i{
  position:absolute;
  width:11px;
  height:11px;
  left:8%;
  top:8%;
  border-radius:50%;
  background:var(--o);
  box-shadow:0 0 22px rgba(255,90,0,.9);
}
.final-wordmark{
  position:absolute!important;
  z-index:0!important;
  right:-.03em;
  bottom:-.17em;
  color:rgba(255,255,255,.025);
  font:700 clamp(8rem,14vw,13rem)/.8 var(--sora);
  letter-spacing:-.08em;
  pointer-events:none;
}
.final-cta-stage.visible .final-primary:before{
  animation:finalButtonShine 3.8s 1.2s ease-in-out infinite;
}
.final-cta-stage.visible .final-orbit:before{
  animation:finalOrbitSpin 14s linear infinite;
}
.final-cta-stage.visible .final-orbit:after{
  animation:finalOrbitSpin 9s linear infinite reverse;
}
.final-cta-stage.visible .final-flow-line i{
  animation:finalSignalOrbit 5s linear infinite;
}
.final-cta-stage.visible .final-flow-v2 article{
  animation:finalCardIn .7s var(--ease) both,finalCardFloat 4.8s 1.7s ease-in-out infinite;
}
.final-cta-stage.visible .final-action{animation-delay:.35s,2.05s}
.final-cta-stage.visible .final-success{animation-delay:.7s,2.4s}
@keyframes finalButtonShine{
  0%,55%{left:-40%}
  80%,100%{left:130%}
}
@keyframes finalOrbitSpin{to{transform:rotate(360deg)}}
@keyframes finalSignalOrbit{
  0%{left:8%;top:8%}
  25%{left:88%;top:12%}
  50%{left:90%;top:85%}
  75%{left:4%;top:82%}
  100%{left:8%;top:8%}
}
@keyframes finalCardIn{
  from{opacity:0;transform:translateY(18px) scale(.96)}
  to{opacity:1;transform:none}
}
@keyframes finalCardFloat{
  50%{transform:translateY(-7px)}
}

@media(max-width:980px){
  .faq-header-v2{grid-template-columns:1fr;gap:24px}
  .faq-header-v2>p{text-align:left}
  .final-cta-v2>.final-cta-stage{
    grid-template-columns:1fr;
    padding:60px;
  }
  .final-flow-v2{max-width:620px;width:100%;margin:20px auto 0}
}
@media(max-width:620px){
  .faq-layout-v2{width:calc(100% - 28px)}
  .faq-header-v2{margin-bottom:35px;padding-bottom:32px}
  .accordion-v2 summary{
    min-height:88px;
    padding:0 10px;
    grid-template-columns:38px minmax(0,1fr) 36px;
    gap:10px;
    font-size:1rem;
  }
  .accordion-v2 summary:hover{padding-left:10px}
  .accordion-v2 summary span{width:34px;height:34px}
  .accordion-v2 summary span:before,
  .accordion-v2 summary span:after{left:9px;top:15px}
  .accordion-v2 details p{padding:0 48px 28px;font-size:.9rem}
  .final-cta-v2{padding-bottom:82px}
  .final-cta-v2>.final-cta-stage{
    width:calc(100% - 28px);
    padding:40px 22px;
    border-radius:22px;
  }
  .final-cta-copy h2{font-size:clamp(3.1rem,15vw,4.5rem)}
  .final-cta-copy .button-row{display:grid}
  .final-cta-copy .button{width:100%}
  .final-flow-v2{height:500px}
  .final-orbit{width:250px;height:250px}
  .final-flow-v2 article{width:190px;min-height:100px;padding:15px}
  .final-signal{left:0;top:30px}
  .final-action{right:0;top:195px}
  .final-success{left:15px;bottom:18px}
  .final-flow-line{inset:70px 50px}
}
@media(prefers-reduced-motion:reduce){
  .final-cta-stage *{animation:none!important;transition:none!important}
}

/* Make Pro unmistakably an add-on to Base */
.pro-price-v2{
  position:relative;
}
.pro-price-v2>.addon-label{
  position:absolute;
  right:0;
  bottom:calc(100% + 69px);
  color:var(--o);
  font-size:7px;
  font-weight:850;
  letter-spacing:.14em;
  white-space:nowrap;
}
.pro-price-v2>em{
  position:absolute;
  right:0;
  bottom:calc(100% + 17px);
  min-width:178px;
  padding:9px 11px;
  display:grid;
  justify-items:end;
  gap:3px;
  border:1px solid #ffd5bc;
  border-radius:10px;
  background:#fff5ef;
  font-style:normal;
  box-shadow:0 10px 26px rgba(255,90,0,.08);
}
.pro-price-v2>em small{
  color:#a76037;
  font-size:7px;
  font-weight:850;
  letter-spacing:.1em;
}
.pro-price-v2>em b{
  color:var(--ink);
  font:700 1rem var(--sora);
}
.plan-plus small{
  min-width:76px;
  padding:9px 7px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 9px 24px rgba(11,18,48,.07);
}
@media(max-width:1080px) and (min-width:901px){
  .pro-price-v2>.addon-label,
  .pro-price-v2>em{
    position:relative;
    right:auto;
    bottom:auto;
    justify-self:start;
  }
  .pro-price-v2>em{margin:12px 0 5px;justify-items:start}
}
@media(max-width:900px){
  .pro-price-v2>.addon-label,
  .pro-price-v2>em{
    position:relative;
    right:auto;
    bottom:auto;
    justify-self:start;
  }
  .pro-price-v2>em{margin:12px 0 5px;justify-items:start}
}

/* Pricing legibility */
.pricing-experience .plan-top span{
  font-size:11px;
}
.pricing-experience .plan-top i{
  font-size:9px;
}
.pricing-experience .plan-main p{
  max-width:330px;
  font-size:1rem;
}
.pricing-experience .price-v2>span{
  font-size:.72rem;
  font-weight:600;
}
.pricing-experience .feature-grid-v2>span{
  min-height:82px;
}
.pricing-experience .feature-grid-v2 i{
  font-size:10px;
}
.pricing-experience .feature-grid-v2 b{
  font-size:12px;
}
.pricing-experience .feature-grid-v2 .featured-filter small{
  margin-top:-4px;
  font-size:10px;
  line-height:1.3;
}
.pricing-experience .pro-price-v2>.addon-label{
  font-size:9px;
}
.pricing-experience .pro-price-v2>em small{
  font-size:8px;
}
.pricing-experience .plan-plus small{
  font-size:9px;
  line-height:1.35;
}
@media(max-width:620px){
  .pricing-experience .plan-top span{font-size:9px}
  .pricing-experience .plan-top i{font-size:8px}
  .pricing-experience .feature-grid-v2 b{font-size:11px}
}

/* Comparison visual v4 — intentionally simpler than the table below */
.comparison-story-v4{
  display:block;
  min-height:0;
  margin-top:68px;
  overflow:hidden;
  border:1px solid #ddd9d2;
  border-radius:28px;
  background:#f8f6f2;
  box-shadow:0 30px 85px rgba(11,18,48,.09);
}
.compare-v4-top{
  min-height:62px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e1ddd7;
}
.compare-v4-top>span{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}
.compare-v4-top>span i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--o);
  box-shadow:0 0 0 7px rgba(255,90,0,.1);
}
.compare-v4-top>button{
  min-height:36px;
  padding:0 14px;
  border:1px solid #d8d4cd;
  border-radius:99px;
  background:#fff;
  color:var(--ink);
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.compare-v4-stage{
  min-height:470px;
  padding:38px;
  display:grid;
  grid-template-columns:285px minmax(140px,.45fr) minmax(480px,1.55fr);
  align-items:stretch;
}
.compare-v4-entry{
  padding:27px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  border:1px solid #dfdbd4;
  border-radius:20px;
  background:#fff;
  box-shadow:0 20px 55px rgba(11,18,48,.07);
}
.compare-v4-entry>small{
  width:100%;
  color:var(--o);
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}
.comparison-story-v4 .big-qr{
  width:176px;
  height:176px;
  padding:8px;
  overflow:hidden;
  border:0;
  background:#fff;
  box-sizing:border-box;
  box-shadow:0 18px 45px rgba(11,18,48,.12);
}
.comparison-story-v4 .big-qr img{
  display:block;
  width:100%;
  height:100%;
  image-rendering:pixelated;
}
.comparison-story-v4 .big-qr:after{
  left:8px;
  right:8px;
  width:auto;
}
.compare-v4-entry>strong{
  width:100%;
  color:var(--ink);
  font:650 1.18rem/1.2 var(--sora);
  letter-spacing:-.035em;
}
.compare-v4-transit{
  display:grid;
  place-content:center;
  position:relative;
}
.compare-v4-transit>span{
  margin-bottom:22px;
  color:#8a8e98;
  font-size:8px;
  font-weight:850;
  letter-spacing:.13em;
}
.compare-v4-transit>i{
  width:100%;
  height:2px;
  display:block;
  overflow:visible;
  background:linear-gradient(90deg,#d6d2cc,var(--o),rgba(255,90,0,.25));
  position:absolute;
  left:0;
  top:50%;
}
.compare-v4-transit>i:before,
.compare-v4-transit>i:after{
  content:"";
  position:absolute;
  top:50%;
  width:13px;
  height:13px;
  border-radius:50%;
  transform:translateY(-50%);
}
.compare-v4-transit>i:before{
  left:-2px;
  background:#fff;
  border:2px solid var(--o);
}
.compare-v4-transit>i:after{
  right:-2px;
  background:var(--o);
  box-shadow:0 0 0 10px rgba(255,90,0,.08);
}
.compare-v4-transit b{
  position:absolute;
  left:0;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 18px rgba(255,90,0,.85);
  transform:translateY(-50%);
}
.compare-v4-result{
  padding:38px 42px;
  display:grid;
  grid-template-columns:minmax(260px,.85fr) minmax(260px,1.15fr);
  grid-template-areas:"brand brand" "title actions" "note actions";
  align-items:center;
  gap:18px 35px;
  overflow:hidden;
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 10%,rgba(255,90,0,.2),transparent 30%),
    #0b1230;
  color:#fff;
  position:relative;
}
.compare-v4-result:after{
  content:"R";
  position:absolute;
  right:-.06em;
  bottom:-.28em;
  color:rgba(255,255,255,.035);
  font:700 16rem/1 var(--sora);
}
.compare-v4-brand{
  grid-area:brand;
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
  z-index:2;
}
.compare-v4-brand img{
  width:36px;
  height:36px;
  object-fit:contain;
}
.compare-v4-brand span{
  color:#fff;
  font:650 1.35rem/1 var(--sora);
  letter-spacing:-.045em;
}
.compare-v4-result h3{
  grid-area:title;
  margin:0;
  color:#fff;
  font-size:clamp(2.5rem,3.8vw,4rem);
  line-height:.92;
  letter-spacing:-.07em;
  position:relative;
  z-index:2;
}
.compare-v4-result h3 em{
  color:var(--o);
  font-style:normal;
}
.compare-v4-actions{
  grid-area:actions;
  display:grid;
  gap:10px;
  position:relative;
  z-index:2;
}
.compare-v4-actions>span{
  min-height:72px;
  padding:13px 17px;
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
}
.compare-v4-actions i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border-radius:50%;
  background:var(--o);
  color:#fff;
  font-size:9px;
  font-style:normal;
  font-weight:850;
}
.compare-v4-actions b{
  color:#fff;
  font:650 1rem var(--sora);
}
.compare-v4-result>small{
  grid-area:note;
  color:rgba(255,255,255,.48);
  font-size:10px;
  position:relative;
  z-index:2;
}
.comparison-story-v4.visible .compare-v4-top>span i{
  animation:compareLivePulse 1.8s ease-in-out infinite;
}
.comparison-story-v4.visible .compare-v4-transit b{
  animation:compareV4Signal 2.3s .3s var(--ease) infinite;
}
.comparison-story-v4.visible .compare-v4-actions>span{
  animation:compareNodeIn .55s var(--ease) both;
}
.comparison-story-v4.visible .compare-v4-actions>span:nth-child(1){animation-delay:.45s}
.comparison-story-v4.visible .compare-v4-actions>span:nth-child(2){animation-delay:.65s}
.comparison-story-v4.visible .compare-v4-actions>span:nth-child(3){animation-delay:.85s}
.comparison-story-v4.visible .compare-v4-actions>span:nth-child(3){
  box-shadow:inset 0 -2px 0 #22c55e;
}
@keyframes compareV4Signal{
  0%{left:0;opacity:0}
  15%,80%{opacity:1}
  100%{left:calc(100% - 10px);opacity:0}
}
@media(max-width:1050px){
  .compare-v4-stage{
    grid-template-columns:240px 100px minmax(0,1fr);
    padding:28px;
  }
  .compare-v4-result{
    grid-template-columns:1fr;
    grid-template-areas:"brand" "title" "actions" "note";
    padding:30px;
  }
  .compare-v4-actions{grid-template-columns:repeat(3,1fr)}
  .compare-v4-actions>span{
    min-width:0;
    padding:10px;
    display:grid;
    justify-items:center;
  }
}
@media(max-width:760px){
  .comparison-story-v4{border-radius:20px}
  .compare-v4-stage{display:block;padding:18px}
  .compare-v4-entry{min-height:360px}
  .compare-v4-transit{height:100px}
  .compare-v4-transit>i{
    left:50%;
    top:0;
    width:2px;
    height:100%;
    background:linear-gradient(#d6d2cc,var(--o),rgba(255,90,0,.25));
  }
  .compare-v4-transit>i:before,
  .compare-v4-transit>i:after{
    left:50%;
    top:auto;
    transform:translateX(-50%);
  }
  .compare-v4-transit>i:before{top:-2px}
  .compare-v4-transit>i:after{right:auto;bottom:-2px}
  .compare-v4-transit b{
    left:50%;
    top:0;
    transform:translateX(-50%);
  }
  .compare-v4-transit>span{
    margin:0 0 0 28px;
    align-self:center;
  }
  .comparison-story-v4.visible .compare-v4-transit b{
    animation:compareV4SignalVertical 2.3s .3s var(--ease) infinite;
  }
  .compare-v4-result{min-height:460px}
  @keyframes compareV4SignalVertical{
    0%{top:0;opacity:0}
    15%,80%{opacity:1}
    100%{top:calc(100% - 10px);opacity:0}
  }
}
@media(max-width:480px){
  .compare-v4-top{padding:0 13px}
  .compare-v4-stage{padding:12px}
  .compare-v4-result{padding:24px 18px}
  .compare-v4-actions{grid-template-columns:1fr}
  .compare-v4-actions>span{
    min-height:58px;
    grid-auto-flow:column;
    justify-content:start;
  }
}
@media(prefers-reduced-motion:reduce){
  .comparison-story-v4 *{animation:none!important;transition:none!important}
}

/* ==========================================================
   MOBILE MASTER LAYER
   All rules below are intentionally isolated from desktop.
   ========================================================== */
@media(max-width:820px){
  html{scroll-padding-top:78px}
  body{overflow-x:hidden}
  .shell,
  .hero .shell,
  .pro-experience>.shell,
  .comparison-experience>.shell,
  .faq-layout-v2,
  .final-cta-v2>.final-cta-stage{
    width:min(100% - 32px,720px);
  }
  .section{padding-block:88px}
  h2{overflow-wrap:anywhere}
  .eyebrow{font-size:.62rem;letter-spacing:.13em}
  .button{min-height:52px}

  /* Navigation */
  .site-header{height:72px}
  .nav-shell{width:calc(100% - 28px)}
  .brand{width:112px}
  .nav-actions .button-small{min-height:42px;padding-inline:14px}
  .mobile-menu{
    left:14px;
    right:14px;
    top:72px;
    padding:18px;
    border-radius:0 0 18px 18px;
    box-shadow:0 18px 50px rgba(7,12,32,.22);
  }

  /* Hero */
  .hero{padding:112px 0 76px}
  .hero-grid{display:grid;grid-template-columns:1fr;gap:56px}
  .hero-copy{max-width:680px}
  .hero h1{
    max-width:680px;
    font-size:clamp(3.5rem,12.5vw,5.3rem);
    line-height:.9;
  }
  .hero-lead{max-width:620px;font-size:1.05rem;line-height:1.6}
  .hero-difference{max-width:620px;font-size:.82rem;line-height:1.55}
  .hero-filter-proof{flex-wrap:wrap}
  .hero-platform-switch{max-width:620px}
  .hero-flow-simple{
    width:100%;
    max-width:680px;
    height:620px;
    margin-inline:auto;
    border-radius:24px;
  }
  .simple-phone{left:22px;top:64px;width:230px}
  .hero-comment{left:180px;right:18px;top:270px}
  .hero-follow{left:auto;right:18px;bottom:42px;width:min(390px,78%)}
  .trust-strip .shell{
    min-height:0;
    padding-block:24px;
    display:grid;
    gap:16px;
  }
  .trust-strip .shell>div{display:flex;flex-wrap:wrap;gap:8px 16px}

  /* How it works */
  .branch-heading{margin-bottom:46px}
  .branch-heading h2{font-size:clamp(3rem,9.8vw,4.5rem)}
  .branch-demo-control{margin-top:26px}
  .branch-flow-commercial{display:block}
  .branch-flow-commercial .flow-entry{max-width:390px;margin-inline:auto}
  .commercial-fork{height:112px}
  .commercial-paths{display:grid;gap:18px}
  .commercial-paths article{
    min-height:0;
    padding:30px 26px;
    grid-template-columns:1fr;
    gap:24px;
    border-radius:22px;
  }
  .commercial-paths .path-copy h3{font-size:clamp(2rem,7vw,3rem)}
  .positive-action,.attention-action{min-width:0}
  .review-destinations{grid-template-columns:repeat(3,minmax(0,1fr))}
  .review-destinations>span{min-width:0}
  .branch-outcome{margin-top:42px}
  .branch-outcome>div{display:flex;flex-wrap:wrap;gap:8px}

  /* The problem */
  .problem-simple-heading{display:block}
  .problem-simple-heading h2{max-width:690px}
  .problem-simple-heading>p:last-child{max-width:610px;margin-top:22px}
  .problem-split-v2{grid-template-columns:1fr;margin-top:38px}
  .problem-split-v2>article{padding:28px}
  .problem-v2-bridge{min-height:66px;grid-auto-flow:column}
  .pattern-visual-v2{grid-template-columns:180px minmax(0,1fr)}
  .pattern-donut-v2{width:170px;height:170px}
  .problem-conclusion{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}

  /* Recovery and product */
  .product-heading{margin-bottom:46px}
  .product-heading h2{font-size:clamp(3rem,9vw,4.5rem)}
  .case-product{padding:26px;border-radius:22px}
  .case-summary{gap:16px}
  .case-summary h3{font-size:1.45rem}
  .case-meta{grid-template-columns:1fr 1fr}
  .case-timeline{grid-template-columns:1fr 1fr}
  .case-actions{display:grid;grid-template-columns:1fr 1fr}
  .case-actions .resolve{grid-column:1/-1;margin:0}
  .product-panorama{padding:20px;border-radius:22px}
  .panorama-metrics{grid-template-columns:1fr 1fr}
  .panorama-main{grid-template-columns:1fr}
  .panorama-locations{display:grid;grid-template-columns:1fr 1fr}
  .product-cta{margin-top:28px}

  /* Pro */
  .pro-experience-head{grid-template-columns:1fr;gap:28px;margin-bottom:48px}
  .pro-experience-head h2{font-size:clamp(3.3rem,10vw,5rem)}
  .pro-head-copy{max-width:620px}
  .pro-feature{
    min-height:0;
    padding:34px;
    display:grid;
    grid-template-columns:1fr;
    gap:40px;
    border-radius:24px;
  }
  .pro-feature-copy h3{font-size:clamp(3rem,10vw,4.7rem)}
  .pro-capabilities{display:flex;flex-wrap:wrap}
  .pro-team-visual,.pro-location-visual{
    width:100%;
    min-height:560px;
    transform:none;
  }
  .pro-locations-feature .pro-feature-copy{order:1}
  .pro-locations-feature .pro-location-visual{order:2}

  /* Sectors */
  .sectors-upgrade .section-heading{display:block}
  .sectors-upgrade .section-heading>p{max-width:620px;margin-top:22px}
  .sectors-upgrade .sector-tabs{
    margin-right:-16px;
    padding-right:16px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
  }
  .sectors-upgrade .sector-tabs button{min-width:138px;scroll-snap-align:start}
  .sectors-upgrade .sector-stage{
    grid-template-columns:1fr;
    gap:38px;
    min-height:0;
    padding:34px;
  }
  .sectors-upgrade .sector-copy h3{font-size:clamp(3rem,9vw,4.5rem)}
  .sector-demo{width:100%;height:560px}

  /* Comparison */
  .comparison-heading{display:block}
  .comparison-story-v4{margin-top:42px}
  .compare-v4-stage{display:block;padding:20px}
  .compare-v4-entry{min-height:340px}
  .compare-v4-transit{height:88px}
  .compare-v4-result{
    min-height:0;
    padding:32px;
    grid-template-columns:1fr;
    grid-template-areas:"brand" "title" "actions" "note";
  }
  .compare-v4-actions{grid-template-columns:repeat(3,1fr)}
  .compare-matrix-v2{overflow:hidden;border:1px solid var(--line);border-radius:20px}
  .compare-matrix-v2>div{
    grid-template-columns:minmax(0,1fr) 90px 90px;
    min-height:70px;
    padding-inline:12px;
  }
  .compare-matrix-v2>div>span{font-size:.76rem}
  .comparison-conclusion{display:grid;grid-template-columns:1fr;gap:10px}
  .comparison-conclusion .button{margin-top:12px;width:100%}

  /* Pricing */
  .pricing-v2-head{grid-template-columns:1fr;gap:24px;margin-bottom:46px}
  .pricing-v2-head h2{font-size:clamp(3.3rem,10vw,4.9rem)}
  .pricing-v2-head>p{max-width:620px}
  .pricing-system{grid-template-columns:1fr;gap:20px}
  .price-card-v2{padding:34px;border-radius:24px}
  .plan-plus{
    min-height:76px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:14px;
  }
  .plan-plus:before{width:100%;height:1px}
  .plan-plus small{position:relative;writing-mode:initial}
  .plan-main{grid-template-columns:1fr auto}
  .feature-grid-v2>span{min-height:76px}
  .pricing-proof{flex-wrap:wrap;justify-content:center}
  .pricing-close{grid-template-columns:1fr auto;gap:28px}

  /* Outcomes */
  .outcomes-live .outcomes-heading{display:block}
  .outcomes-live .outcomes-heading>p:last-child{max-width:650px;margin-top:22px}
  .outcome-console{border-radius:22px}
  .outcome-stage{display:block;min-height:0}
  .outcome-nav{
    grid-template-columns:repeat(4,180px);
    overflow-x:auto;
    padding:10px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.1);
    scroll-snap-type:x mandatory;
  }
  .outcome-nav button{scroll-snap-align:start}
  .outcome-panels{min-height:690px}
  .outcome-panel{
    padding:34px 28px;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
    gap:25px;
  }
  .outcome-copy h3{max-width:620px;font-size:clamp(2.8rem,8vw,4rem)}
  .outcome-copy p{max-width:620px;margin-top:14px}
  .outcome-visual{min-height:410px}

  /* FAQ, close and footer */
  .faq-header-v2{grid-template-columns:1fr;gap:20px;margin-bottom:36px;padding-bottom:34px}
  .faq-header-v2>p{text-align:left}
  .accordion-v2 summary{padding-inline:12px}
  .final-cta-v2>.final-cta-stage{
    grid-template-columns:1fr;
    min-height:0;
    padding:48px 38px;
  }
  .final-flow-v2{width:100%;max-width:610px;margin:0 auto}
  .site-footer{padding-top:76px}
  .site-footer>.shell{grid-template-columns:1fr}
  .footer-brand{max-width:520px}
  .footer-links{margin-top:46px}
}

@media(max-width:560px){
  .shell,
  .hero .shell,
  .pro-experience>.shell,
  .comparison-experience>.shell,
  .faq-layout-v2,
  .final-cta-v2>.final-cta-stage{
    width:calc(100% - 26px);
  }
  .section{padding-block:72px}
  h2{font-size:clamp(2.55rem,11vw,3.4rem)}
  .eyebrow{line-height:1.45}
  .button-row{display:grid;gap:10px}
  .button-row .button{width:100%}

  /* Mobile navigation */
  .brand{width:104px}
  .nav-actions .button-small{padding-inline:11px;font-size:.72rem}
  .menu-toggle{width:40px;padding-inline:8px}

  /* Hero: concise, legible and above the fold */
  .hero{padding:98px 0 62px}
  .hero-grid{gap:42px}
  .hero h1{font-size:clamp(3.2rem,15.5vw,4.35rem)}
  .hero-lead{margin:24px 0 20px;font-size:1rem}
  .hero-difference{padding-left:14px;font-size:.76rem}
  .hero-filter-proof{gap:7px}
  .hero-filter-proof span{padding:8px 10px;font-size:.66rem}
  .hero-platform-switch{min-height:68px;padding:12px 14px}
  .hero-platform-switch p{font-size:.74rem;line-height:1.35}
  .hero-platform-switch strong{display:inline}
  .assurance{font-size:.68rem;line-height:1.6}
  .hero-flow-simple{height:590px;border-radius:20px}
  .hero-flow-simple .replay{top:16px;right:14px}
  .simple-phone{
    left:14px;
    top:60px;
    width:205px;
    height:390px;
    padding:18px 14px;
  }
  .simple-phone h3{font-size:1.25rem}
  .simple-phone .moods button{width:48px;height:46px}
  .simple-phone textarea{height:62px}
  .hero-comment{
    left:68px;
    right:10px;
    top:325px;
    min-height:132px;
    padding:18px;
    grid-template-columns:34px 1fr;
  }
  .hero-comment>small{grid-column:1/-1}
  .hero-comment p{font-size:.58rem}
  .hero-comment em{grid-column:2;width:max-content}
  .hero-follow{
    left:14px;
    right:10px;
    bottom:34px;
    width:auto;
    padding:18px;
  }
  .compensation{margin:10px 0;padding:10px}
  .demo-label{right:14px;bottom:10px}
  .trust-strip .shell>p{font-size:.72rem}
  .trust-strip .shell>div span{font-size:.62rem}

  /* How it works */
  .branch-heading h2{font-size:clamp(2.8rem,12vw,3.7rem)}
  .branch-demo-control{display:grid;gap:10px}
  .branch-demo-control button{width:100%}
  .branch-flow-commercial .flow-entry{max-width:100%}
  .branch-flow-commercial .flow-phone{padding:20px 16px}
  .commercial-fork{height:100px}
  .commercial-paths article{padding:24px 18px}
  .commercial-paths .path-copy h3{font-size:2rem}
  .review-destinations{grid-template-columns:1fr 1fr}
  .review-destinations>span{min-height:56px;padding:9px}
  .review-destinations b{font-size:.72rem}
  .positive-action>button,.attention-action>button{width:100%}
  .recovery-stages{grid-template-columns:1fr;gap:8px}
  .recovery-stages>em{transform:rotate(90deg)}
  .branch-outcome h3{font-size:2.25rem}
  .branch-outcome>div{display:grid}
  .branch-legal{font-size:.68rem;text-align:left}

  /* Problem */
  .problem-simple-heading h2{font-size:clamp(2.65rem,11vw,3.45rem)}
  .problem-split-v2{border-radius:20px}
  .problem-split-v2>article{padding:22px 16px}
  .problem-v2-head{grid-template-columns:1fr}
  .problem-v2-head>small{display:none}
  .opinion-v2{grid-template-columns:34px minmax(0,1fr)}
  .opinion-v2 small{display:none}
  .pattern-visual-v2{grid-template-columns:1fr;justify-items:center;gap:24px}
  .pattern-donut-v2{width:168px;height:168px}
  .pattern-bars-v2{width:100%}
  .pattern-insight-v2{grid-template-columns:1fr}
  .pattern-insight-v2>b{grid-column:1;grid-row:auto;margin-top:5px}
  .problem-conclusion{display:block;padding-left:18px}
  .problem-conclusion .text-link{display:inline-block;margin-top:20px}

  /* Recovery */
  .product-heading h2{font-size:clamp(2.75rem,11vw,3.5rem)}
  .case-product{padding:18px}
  .case-summary{display:grid}
  .case-summary>span{width:max-content}
  .case-product blockquote{font-size:1.05rem}
  .case-meta{grid-template-columns:1fr}
  .case-meta span:nth-child(2){display:none}
  .case-timeline{grid-template-columns:1fr}
  .case-note{padding:15px}
  .case-actions{grid-template-columns:1fr}
  .case-actions button:not(.resolve){display:none}
  .case-actions .resolve{grid-column:1}
  .product-panorama{padding:12px}
  .panorama-top{padding:8px}
  .panorama-metrics{grid-template-columns:1fr 1fr;gap:8px}
  .panorama-metrics article{min-height:110px;padding:14px}
  .panorama-metrics article:nth-child(4){display:none}
  .panorama-chart{display:none}
  .panorama-feed{padding:12px}
  .panorama-feed article{grid-template-columns:34px 1fr}
  .panorama-feed article>small{display:none}
  .panorama-locations{display:none}
  .product-cta{display:grid;gap:10px;text-align:center}

  /* Pro */
  .pro-experience-head h2{font-size:clamp(3rem,12vw,4rem)}
  .pro-head-copy .button{width:100%}
  .pro-feature{padding:24px 16px;gap:28px}
  .pro-feature-copy h3{font-size:clamp(2.9rem,13vw,4rem)}
  .pro-capabilities{gap:7px}
  .pro-capabilities span{font-size:.65rem}
  .pro-feature-copy>.button{width:100%}
  .pro-team-visual,.pro-location-visual{min-height:510px;border-radius:18px}
  .participation-orbit{transform:scale(.82);transform-origin:left top}
  .people-evolution{left:42%;right:12px}
  .people-evolution>div{padding-inline:10px}
  .people-evolution b{display:none}
  .individual-qr{left:16px;right:16px;bottom:22px}
  .pro-live-pill{right:14px;bottom:140px}
  .location-overview{transform:scale(.86);transform-origin:left top}
  .location-list-card{left:14px;right:14px}

  /* Sectors */
  .sectors-upgrade .sector-stage{padding:24px 16px;border-radius:20px}
  .sectors-upgrade .sector-copy h3{font-size:clamp(2.8rem,12vw,3.7rem)}
  .sector-copy>a{width:100%}
  .sector-demo{height:535px;padding:14px;border-radius:18px}
  .demo-top small{display:none}
  .demo-question{left:14px;right:14px;top:72px;width:auto;padding:20px}
  .demo-result{left:28px;right:14px;top:302px;width:auto}
  .demo-value{left:14px;right:14px;bottom:14px}

  /* Comparison */
  .comparison-heading h2{font-size:clamp(2.8rem,11vw,3.5rem)}
  .compare-v4-top{min-height:56px;padding-inline:12px}
  .compare-v4-top>span{font-size:8px}
  .compare-v4-top>button{padding-inline:10px}
  .compare-v4-stage{padding:12px}
  .compare-v4-entry{min-height:300px;padding:22px}
  .comparison-story-v4 .big-qr{width:150px;height:150px}
  .compare-v4-result{padding:24px 18px;border-radius:18px}
  .compare-v4-result h3{font-size:2.55rem}
  .compare-v4-actions{grid-template-columns:1fr}
  .compare-v4-actions>span{
    min-height:56px;
    display:flex;
    justify-items:initial;
    padding:10px 12px;
  }
  .compare-matrix-v2{border-radius:16px}
  .compare-matrix-v2>div{
    grid-template-columns:minmax(0,1fr) 62px 68px;
    min-height:68px;
    padding-inline:8px;
  }
  .compare-matrix-v2>div>span{font-size:.68rem;line-height:1.25}
  .matrix-header b,.matrix-header strong{font-size:.59rem;line-height:1.2}
  .compare-matrix-v2>div>.rankex-yes{width:32px;height:32px}
  .compare-matrix-v2 .pro-check small{display:none}

  /* Pricing */
  .pricing-v2-head h2{font-size:clamp(3rem,12vw,4rem)}
  .price-card-v2{padding:24px 18px}
  .plan-top{gap:10px}
  .plan-top span,.pricing-experience .plan-top span{font-size:9px}
  .plan-top i,.pricing-experience .plan-top i{font-size:8px;text-align:right}
  .plan-main{display:grid;grid-template-columns:1fr}
  .plan-main h3{font-size:clamp(3rem,14vw,4.2rem)}
  .price-v2{margin-top:24px;justify-self:start;text-align:left}
  .price-v2 strong{font-size:3.6rem}
  .price-v2>span{text-align:left}
  .pro-price-v2>.addon-label{position:static;margin-bottom:7px}
  .pro-price-v2>em{justify-items:start;text-align:left}
  .pricing-orange-button{width:100%}
  .feature-grid-v2{grid-template-columns:1fr}
  .feature-grid-v2>span{min-height:64px}
  .pricing-experience .feature-grid-v2 b{font-size:12px}
  .pricing-proof{justify-content:flex-start}
  .pricing-close{grid-template-columns:1fr;padding:26px 20px}
  .pricing-close .button{width:100%}

  /* Outcomes: one clear panel at a time */
  .outcomes-live .outcomes-heading h2{font-size:clamp(2.7rem,11vw,3.5rem)}
  .outcome-console-top{grid-template-columns:1fr auto;padding:10px 12px}
  .outcome-console-top>span{font-size:8px}
  .outcome-progress{grid-column:1/-1;grid-row:2}
  .outcome-console-top button{grid-column:2;grid-row:1}
  .outcome-nav{grid-template-columns:repeat(4,150px)}
  .outcome-nav button{min-height:74px;padding:14px 10px 12px 42px}
  .outcome-nav button small{display:none}
  .outcome-panels{min-height:620px}
  .outcome-panel{padding:24px 14px;gap:18px}
  .outcome-copy h3{font-size:2.45rem}
  .outcome-copy p{font-size:.88rem}
  .outcome-visual{min-height:370px;border-radius:17px}
  .live-signal-card{left:7%;right:7%;top:30%;padding:18px}
  .alert-radar{left:14px;top:14px;width:118px;height:118px}
  .follow-ticket{left:5%;right:5%;grid-template-columns:1fr;gap:7px}
  .follow-ticket span{width:max-content}
  .follow-route{left:3%;right:3%}
  .follow-route>span i{width:34px;height:34px}
  .follow-route>span b{font-size:8px}
  .follow-result{left:5%;right:5%;gap:8px;padding-inline:8px}
  .pattern-core{width:165px;height:165px}
  .pattern-word{font-size:9px}
  .pattern-meter{right:5%;bottom:5%;width:150px}
  .improve-before,.improve-after{width:39%;padding:14px}
  .improve-before b,.improve-after b{font-size:.8rem}
  .improve-arrow i{width:46px;height:46px}
  .outcome-console-bottom{padding:14px;display:grid;gap:8px}

  /* FAQ */
  .faq-header-v2 h2{font-size:clamp(2.8rem,12vw,3.7rem)}
  .accordion-v2 summary{
    min-height:82px;
    padding:0 8px;
    grid-template-columns:32px minmax(0,1fr) 34px;
    gap:8px;
    font-size:.96rem;
  }
  .accordion-v2 summary:hover{padding-left:8px}
  .accordion-v2 details p{padding:0 42px 26px;font-size:.88rem}

  /* Closing CTA */
  .final-cta-v2{padding:30px 0 70px}
  .final-cta-v2>.final-cta-stage{padding:36px 20px;border-radius:22px}
  .final-cta-copy h2{font-size:clamp(3.1rem,15vw,4.3rem)}
  .final-cta-copy>p:not(.eyebrow){font-size:.96rem}
  .final-proof{gap:8px 12px}
  .final-flow-v2{height:430px}
  .final-orbit{width:220px;height:220px}
  .final-orbit:before{inset:28px}
  .final-orbit:after{inset:68px}
  .final-orbit>span{width:70px;height:70px;font-size:1.7rem}
  .final-flow-v2 article{width:174px;min-height:88px;padding:13px}
  .final-flow-v2 article strong{font-size:.88rem}
  .final-signal{left:0;top:20px}
  .final-action{right:0;top:168px}
  .final-success{left:10px;bottom:10px}
  .final-flow-line{inset:58px 40px}

  /* Footer */
  .site-footer{padding:64px 0 24px}
  .footer-brand img{width:122px}
  .footer-links{grid-template-columns:1fr 1fr;gap:34px 24px}
  .footer-bottom{align-items:flex-start}
}

@media(max-width:390px){
  .nav-actions .button-small{font-size:.67rem;padding-inline:9px}
  .hero h1{font-size:3.15rem}
  .hero-platform-switch p{font-size:.68rem}
  .simple-phone{width:190px}
  .hero-comment{left:52px}
  .review-destinations>span{padding-inline:7px}
  .problem-split-v2>article{padding-inline:13px}
  .opinion-v2{padding-inline:8px}
  .pro-team-visual,.pro-location-visual{min-height:490px}
  .compare-matrix-v2>div{grid-template-columns:minmax(0,1fr) 55px 62px}
  .outcome-panel{padding-inline:10px}
  .final-flow-v2 article{width:160px}
}

/* Targeted mobile corrections from device review */
@media(max-width:560px){
  /* Hero: a true vertical sequence instead of overlapping layers */
  .hero-flow-simple{
    height:770px;
    padding-inline:12px;
  }
  .hero-flow-simple .hero-comment,
  .hero-flow-simple .hero-connector{
    display:none!important;
  }
  .hero-flow-simple .simple-phone,
  .hero-flow-simple.playing .simple-phone{
    left:50%;
    top:62px;
    width:min(230px,calc(100% - 36px));
    height:390px;
    transform:translateX(-50%)!important;
    animation:none!important;
  }
  .hero-flow-simple .hero-follow,
  .hero-flow-simple.playing .hero-follow{
    left:14px;
    right:14px;
    top:475px;
    bottom:auto;
    width:auto;
    min-height:230px;
    transform:none!important;
    animation:none!important;
  }
  .hero-flow-simple .demo-label{bottom:12px}

  /* How it works: the two outcomes are clearer than a compressed diagram */
  .branch-demo-control,
  .branch-flow-commercial>.flow-entry,
  .branch-flow-commercial>.commercial-fork{
    display:none!important;
  }
  .branch-flow-commercial{
    min-height:0!important;
  }
  .branch-flow-commercial .commercial-paths{
    gap:16px;
  }
  .branch-flow-commercial .commercial-paths article,
  .branch-flow-commercial.visible .commercial-paths article,
  .branch-flow-commercial[data-demo-state] .commercial-paths article{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    animation:none!important;
  }
  .branch-flow-commercial .review-destinations>span{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .branch-flow-commercial .attention-status .status-pending{display:none}
  .branch-flow-commercial .attention-status .status-resolved{
    opacity:1!important;
    transform:none!important;
  }

  /* Pro: this auxiliary floating badge duplicated the main objective */
  .pro-team-visual .pro-live-pill{
    display:none!important;
  }
  .pro-team-visual{
    min-height:500px!important;
  }
  .pro-team-visual .participation-orbit{
    left:50%!important;
    top:72px!important;
    width:220px;
    height:220px;
    transform:translateX(-50%) scale(.9)!important;
    transform-origin:top center!important;
  }
  .pro-team-visual .people-evolution{
    display:none!important;
  }
  .pro-team-visual .individual-qr{
    left:16px;
    right:16px;
    top:328px;
    bottom:auto;
    width:auto;
    min-height:118px;
  }
}

@media(max-width:390px){
  .pro-team-visual .participation-orbit{
    transform:translateX(-50%) scale(.84)!important;
  }
  .pro-team-visual .individual-qr{
    top:320px;
    grid-template-columns:62px minmax(0,1fr) auto;
    gap:12px;
  }
}

@media(max-width:560px){
  .hero-flow-simple{
    display:none!important;
  }
  .hero-grid{
    gap:0;
  }
}
