@font-face{font-family:Albert;src:url('./shared/beepmi-landing-v1/assets/albert-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Albert;src:url('./shared/beepmi-landing-v1/assets/albert-semibold.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Albert;src:url('./shared/beepmi-landing-v1/assets/albert-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--bg:#081321;--panel:#0b1624;--text:#f4f8ff;--muted:#9eafc5;--blue:#58a6ff;--yellow:#fff000;--line:rgba(166,202,255,.15);--width:1200px;--header:82px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Albert,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:5px;border-radius:4px}::selection{background:#fff000;color:#081321}.container{width:min(var(--width),calc(100% - 72px));margin-inline:auto}.skip-link{position:fixed;left:24px;top:16px;padding:12px 20px;background:var(--yellow);color:var(--bg);z-index:300;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
/* One shared night landscape: every station belongs to the same place. */
.world-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 70% 20%,#0d2036 0,transparent 55%),#081321}.world-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(94,157,237,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(94,157,237,.045) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(transparent,#000 30%,transparent 95%)}.world-glow{position:absolute;width:70vw;height:70vw;border-radius:50%;filter:blur(90px);opacity:.13;animation:worldBreath 14s ease-in-out infinite}.glow-one{background:#2689e8;right:-20%;top:-30%}.glow-two{background:#122f54;left:-40%;bottom:-50%;animation-delay:-7s}.world-stars{position:absolute;inset:0;opacity:.43;background-image:radial-gradient(circle,#a1caff 1px,transparent 1.5px),radial-gradient(circle,#fff000 .6px,transparent 1.2px);background-size:247px 291px,367px 379px;background-position:43px 93px,138px 43px}.world-line{position:absolute;height:1px;width:45vw;background:linear-gradient(90deg,transparent,#58a6ff55,transparent);transform:rotate(-25deg);opacity:.65}.line-one{top:36%;left:-20%;animation:beamTravel 12s linear infinite}.line-two{right:-30%;top:67%;animation:beamTravel 12s linear -6s infinite}@keyframes worldBreath{50%{transform:translate(-8%,12%) scale(1.2);opacity:.2}}@keyframes beamTravel{50%{translate:100vw 15vh}}
.site-header{position:sticky;top:0;z-index:100;background:rgba(6,14,25,.86);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.header-inner{height:var(--header);width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:56px}.wordmark{display:inline-flex;flex-shrink:0}.wordmark img{width:142px;height:auto}.desktop-nav{display:flex;gap:30px;align-items:center}.desktop-nav a,.sign-in{color:#a9b8ca;font-size:15px;font-weight:600;transition:color .2s}.desktop-nav a{padding:29px 0}.desktop-nav a:hover,.desktop-nav a.active,.sign-in:hover{color:#fff}.header-actions{margin-left:auto;display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;padding:14px 25px;border-radius:12px;font-weight:600;font-size:16px;border:1px solid transparent;position:relative;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;overflow:hidden}.button::after{content:'';position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 40%,#fff3 50%,transparent 60%);transform:translateX(-35%);transition:transform .75s;z-index:-1}.button:hover::after{transform:translateX(35%)}.button:hover{transform:translateY(-3px)}.button-primary,.button-small{background:linear-gradient(110deg,#61afff,#276beb);box-shadow:0 0 22px #2671e83d,inset 0 1px #a2cdff8a;color:white}.button-primary:hover,.button-small:hover{box-shadow:0 5px 36px #4c9cf85c}.button-small{min-height:46px;padding:10px 20px;font-size:14px;gap:18px;border-radius:10px}.button-ghost{background:rgba(18,32,50,.55);border-color:#a4c8ff24;color:#d8e7fa}.button-ghost:hover{background:#172a42;border-color:#58a6ff80}.button-yellow{background:var(--yellow);color:#071321;box-shadow:0 0 25px #fff00020}.button-yellow:hover{box-shadow:0 6px 40px #fff00036}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:10px;background:#122033;align-items:center;justify-content:center;gap:6px;flex-direction:column}.menu-toggle span{width:18px;height:2px;background:white;transition:transform .2s}.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-nav{padding:12px 24px 24px;border-top:1px solid var(--line)}#mobile-nav a{display:block;min-height:48px;padding:12px;border-bottom:1px solid var(--line)}#mobile-nav[hidden]{display:none}.page-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;overflow:hidden}.page-progress i{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#58a6ff,#fff000);box-shadow:0 0 12px #58a6ff}
.eyebrow{display:flex;align-items:center;gap:10px;color:#93bcf5;font-weight:600;font-size:11px;letter-spacing:2px;line-height:1.4}.eyebrow>i{width:17px;height:1px;background:#58a6ff}.live-dot{display:inline-block;position:relative;width:6px;height:6px;border-radius:50%;background:#5faaff;box-shadow:0 0 12px #58a6ff;flex-shrink:0}.live-dot:after{content:'';position:absolute;inset:-5px;border:1px solid #58a6ff50;border-radius:50%;animation:signalPulse 2.5s infinite}@keyframes signalPulse{to{transform:scale(1.6);opacity:0}}.gradient-text{background:linear-gradient(120deg,#e6f4ff 2%,#94c7ff 45%,#58a6ff 90%);background-clip:text;-webkit-background-clip:text;color:transparent}h2{font-size:clamp(37px,3.8vw,53px);line-height:1.08;letter-spacing:-2.3px}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:600;font-size:13px;color:#99c9ff;border:0;background:transparent;padding:5px 0}.text-link:hover{color:#fff}.text-link>span:last-child{transition:translate .2s}.text-link:hover>span:last-child{translate:3px -3px}.cta-row{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
.journey-world{position:relative}.journey-section{position:relative;isolation:isolate}.hero{padding-top:20px}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;min-height:656px;align-items:center;gap:15px}.hero-copy{position:relative;z-index:3;padding-top:24px;padding-bottom:50px}.hero-eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:26px}.hero h1{font-size:clamp(55px,5.1vw,76px);line-height:1.03;letter-spacing:-3.6px;max-width:650px}.hero-lead{margin-top:25px;color:#adbed4;font-size:18px;line-height:1.65;max-width:530px}.hero .cta-row{margin-top:29px}.hero-product-tags{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;color:#6f87a6;font-size:11px;margin-top:27px}.hero-product-tags>span{display:flex;gap:7px;align-items:center}.hero-product-tags>span+span:before{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#547799}.hero-product-tags i{color:#63b199;font-style:normal}.actor-lane{position:relative;pointer-events:none;min-width:0}.hero-lane{height:580px;width:100%;align-self:end}.atento-anchor{position:absolute;width:1px;height:1px;left:50%;bottom:59px}.actor-floor{position:absolute;bottom:34px;left:50%;width:340px;height:65px;transform:translateX(-50%);border:1px solid #4581c347;border-radius:50%;background:radial-gradient(ellipse,#3497ee28,transparent 65%);box-shadow:0 0 45px #267fe414,inset 0 0 35px #0b4e891c}.actor-floor i:first-child{position:absolute;inset:8px;border:1px solid #427aae1f;border-radius:50%}.actor-floor i:last-child{position:absolute;inset:22px 55px;border-radius:50%;background:#50a9ff14;filter:blur(7px)}.actor-portal{position:absolute;top:23px;left:50%;width:390px;height:450px;translate:-50% 0;border-radius:50%;background:radial-gradient(ellipse,#228be914 10%,transparent 67%)}.actor-portal i{position:absolute;inset:0;border:1px solid #5ca6e924;border-radius:50%;transform:rotate(-20deg);box-shadow:inset 0 0 45px #207ec40d}.actor-portal i:nth-child(2){inset:23px;border-color:#82c2ff13;transform:rotate(20deg)}.actor-portal i:nth-child(3){inset:66px;border-style:dashed;border-color:#71b1ea19;animation:portalSpin 50s linear infinite}@keyframes portalSpin{to{transform:rotate(360deg)}}.orbit-chip{position:absolute;padding:10px 15px 10px 10px;display:flex;gap:10px;align-items:center;border:1px solid #92c7ff29;background:linear-gradient(120deg,#10243ddd,#0c1929ee);border-radius:12px;box-shadow:0 12px 35px #0005;backdrop-filter:blur(10px);color:#7f9cbf;font-size:10px;line-height:1.6;z-index:1;animation:chipFloat 5s ease-in-out infinite}.orbit-chip b{font-size:11px;color:#c2ddff;font-weight:600}.chip-symbol{display:grid;place-items:center;min-width:31px;height:34px;border-radius:8px;background:#163f6526;border:1px solid #70b6ff26;color:var(--blue);font-size:18px}.orbit-chip-one{right:0;top:156px;animation-delay:-1s}.orbit-chip-two{left:1px;top:399px;animation-delay:-3s}.actor-caption{position:absolute;left:50%;bottom:2px;translate:-50% 0;white-space:nowrap;display:flex;align-items:center;gap:8px;color:#647f9f;letter-spacing:1.2px;font-size:8px}@keyframes chipFloat{50%{transform:translateY(-10px)}}.scroll-invitation{width:100%;display:flex;gap:12px;align-items:center;justify-content:center;position:relative;margin:17px auto 39px;color:#7496b9;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.scroll-invitation i{font-style:normal;display:grid;place-items:center;width:27px;height:34px;border:1px solid #7cadde2a;border-radius:15px;font-size:16px;color:#a5cfff;animation:cue 2s ease-in-out infinite}@keyframes cue{50%{transform:translateY(5px)}}
.overview-section{padding-bottom:54px}.overview-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:30px}.overview-heading .eyebrow{margin-bottom:16px}.overview-heading h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.8px}.real-tour{white-space:nowrap;margin-bottom:4px}.play-circle{display:grid;place-items:center;border:1px solid #70baff55;border-radius:50%;width:28px;height:28px;font-size:15px}.overview-stage{position:relative;isolation:isolate;perspective:1600px;padding:3px;transform-origin:50% 90%}.overview-stage .demo-mount{position:relative;z-index:2;box-shadow:0 40px 90px #0007,0 -10px 100px #4099f211;border-radius:18px;transition:transform .9s var(--ease)}.dashboard-halo{position:absolute;inset:-30px -60px;background:radial-gradient(ellipse at 20% 15%,#358bec32,transparent 50%),radial-gradient(ellipse at 83% 75%,#b2ac2012,transparent 50%);filter:blur(30px);z-index:-1}.overview-stage:before{content:'';position:absolute;top:-1px;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#64b8ff,#fff000,transparent);box-shadow:0 0 22px #58a6ff;z-index:3}.overview-stage-floor{position:absolute;left:8%;right:8%;height:75px;bottom:-30px;border-radius:50%;background:#4f9fe70a;filter:blur(16px);z-index:-1}.workflow-navigation{margin:45px auto 0;display:flex;align-items:center;justify-content:center;max-width:890px;gap:26px}.workflow-navigation a{display:flex;gap:14px;align-items:center;min-height:60px;color:#c9dbf2;padding:7px 15px;border-radius:12px;border:1px solid transparent;transition:.3s}.workflow-navigation a>span{color:#6090bd;font-size:10px;letter-spacing:1px}.workflow-navigation a>strong{font-size:17px;font-weight:600}.workflow-navigation a>i{font-style:normal;color:#659cd0;font-size:14px;margin-left:9px}.workflow-navigation a:hover,.workflow-navigation a.active{border-color:#6db8ff33;background:#3d8ed416}.flow-connector{height:1px;min-width:40px;flex:1;position:relative;background:linear-gradient(90deg,#4383b645,#599bd754,#4383b645)}.flow-connector i{display:block;width:5px;height:5px;background:#58a6ff;border-radius:50%;position:absolute;top:-2px;animation:flowTravel 3s linear infinite;box-shadow:0 0 13px #58a6ff}@keyframes flowTravel{to{left:100%}}
.chapter{padding:98px 0 107px;min-height:810px;overflow:clip}.chapter+.chapter{border-top:1px solid #61a7ee08}.chapter-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:52px;align-items:center;position:relative}.chapter-right .chapter-grid{grid-template-columns:minmax(0,1fr) 300px}.chapter-right .actor-lane{grid-column:2;grid-row:1}.chapter-right .chapter-content{grid-column:1;grid-row:1}.chapter-lane{height:510px;align-self:center}.chapter-lane .atento-anchor{bottom:64px}.chapter-lane .actor-floor{width:305px;bottom:37px;height:65px}.lane-orbit{width:265px;height:265px;position:absolute;top:76px;left:50%;translate:-50% 0;border:1px solid #8cc9ff0c;border-radius:50%;box-shadow:0 0 80px #1977c11f,inset 0 0 65px #2257841c;transition:border-color .8s,box-shadow .8s}.lane-label{position:absolute;bottom:0;left:50%;translate:-50% 0;font-size:8px;letter-spacing:1.1px;white-space:nowrap;color:#587b9d}.chapter-number{position:absolute;top:68px;left:calc(50% - 560px);font-size:320px;font-weight:700;line-height:1;color:#78b9ff02;-webkit-text-stroke:1px #85c5ff07;z-index:-1;letter-spacing:-24px;transition:color 1s}.chapter-right .chapter-number{left:auto;right:calc(50% - 590px)}.chapter-beam{position:absolute;width:850px;height:530px;left:-280px;top:150px;border-radius:50%;background:radial-gradient(ellipse,#17579713,transparent 70%);z-index:-1;transition:background 1s}.chapter-right .chapter-beam{left:auto;right:-280px}.chapter-heading{margin-bottom:27px}.chapter-heading .eyebrow{margin-bottom:19px;font-size:10px;letter-spacing:1.6px}.chapter-heading h2{font-size:clamp(37px,3.7vw,50px)}.chapter-heading>p{margin-top:20px;color:var(--muted);max-width:600px;font-size:16px;line-height:1.65}.chapter-demo-wrap{position:relative;border-radius:18px;scroll-margin-top:120px}.chapter-demo-wrap:before{content:'';position:absolute;inset:-14px;z-index:-1;background:radial-gradient(ellipse at 20% 0,#398cd91b,transparent 70%);opacity:0;transition:opacity 1s}.chapter-demo-wrap .demo-mount{transition:box-shadow .7s,border-color .7s;box-shadow:0 28px 55px #0003;border-radius:16px}.chapter.is-active .chapter-demo-wrap:before{opacity:1}.chapter.is-active .lane-orbit{border-color:#8cc9ff28;box-shadow:0 0 85px #1977c12e,inset 0 0 65px #22578422}.chapter.is-active .chapter-number{color:#78b9ff04}.chapter.is-active .chapter-demo-wrap .demo-mount{box-shadow:0 28px 65px #0005,0 0 40px #397ad315}.chapter-bottom{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:20px}.chapter-value{display:flex;gap:12px;align-items:center;color:#7f98b7;font-size:11px;max-width:300px}.chapter-value>span{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid #60a7d923;border-radius:9px;color:#6dadde;font-size:17px}.chapter-bottom>.text-link{font-size:11px;white-space:nowrap}
.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{margin-top:21px;color:var(--muted);font-size:16px;line-height:1.65}.how-section{padding-top:95px;padding-bottom:100px;border-top:1px solid var(--line)}.how-section .section-heading{display:grid;grid-template-columns:1fr .75fr;gap:12px 40px}.how-section .section-heading>.eyebrow{grid-column:1/-1}.how-section .section-heading>p{align-self:end;margin-bottom:4px}.setup-path{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:59px;position:relative}.setup-path:before{content:'';position:absolute;top:29px;left:15px;right:95px;height:1px;background:linear-gradient(90deg,#458ec755,#458ec777,#458ec722);z-index:-1}.setup-step{position:relative;min-width:0}.setup-icon{width:70px;height:66px;display:grid;place-items:center;background:linear-gradient(140deg,#16314f,#0d1a2b);border:1px solid #67b1f647;border-radius:15px;position:relative;box-shadow:0 0 25px #3279b412;margin-bottom:26px}.setup-icon svg{width:33px;height:33px;stroke:#80b9f4;stroke-width:1.5;fill:none}.setup-icon span{position:absolute;right:-7px;top:-9px;background:#0b1929;color:#61a6dc;border:1px solid #4687b15a;min-width:25px;height:24px;display:grid;place-items:center;font-size:9px;border-radius:7px}.setup-step h3{font-size:21px;letter-spacing:-.5px;margin-bottom:14px}.setup-step p{color:#8da4c0;font-size:14px;line-height:1.65}.setup-step .text-link{margin-top:17px;font-size:12px}.resources-section{padding-top:70px;padding-bottom:90px}.resources-grid{display:grid;grid-template-columns:1.17fr .83fr;gap:21px;margin-top:43px}.resource-card{background:linear-gradient(150deg,#101f32,#0a1522);border:1px solid #72b4ef26;border-radius:20px;position:relative;overflow:hidden;min-height:420px;display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .5s,box-shadow .5s}.resource-card:hover{transform:translateY(-5px);border-color:#71baff55;box-shadow:0 22px 45px #0003}.resource-copy{position:relative;padding:28px 33px 25px;z-index:2;margin-top:auto}.resource-copy h3{font-size:27px;letter-spacing:-.8px;line-height:1.18;margin:9px 0 12px}.resource-copy p{color:#8da4bf;font-size:14px;line-height:1.65;max-width:430px}.resource-copy .text-link{font-size:12px;margin-top:16px}.resource-kicker{font-size:9px;letter-spacing:1.6px;color:#6b99c9;font-weight:600}.creative-stack{height:164px;position:relative;margin:31px 46px 0;perspective:800px}.creative-stack>div{position:absolute;border:1px solid #67a1dc45;background:linear-gradient(135deg,#19344f,#12233a);border-radius:11px;box-shadow:0 20px 20px #0003;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;height:81px;width:90%;transform:rotateX(24deg) rotateZ(-6deg);transition:transform .7s var(--ease)}.creative-stack>div:nth-child(1){left:0;top:0;opacity:.35}.creative-stack>div:nth-child(2){left:16px;top:31px;opacity:.62}.creative-stack>div:nth-child(3){left:31px;top:61px;background:linear-gradient(135deg,#214369,#102036);border-color:#71b8f867}.creative-stack span{font-size:9px;letter-spacing:1.5px;color:#9fc3e9}.creative-stack i{font-style:normal;width:29px;height:29px;border-radius:8px;background:#5dacfd20;display:grid;place-items:center;color:#99c7ff}.resource-card:hover .creative-stack>div:first-child{transform:translateY(-12px) rotateX(14deg) rotateZ(-8deg)}.resource-card:hover .creative-stack>div:nth-child(3){transform:translateY(5px) rotateX(14deg) rotateZ(-3deg)}.balance-visual{height:164px;position:relative;margin:31px 30px 0;display:flex;gap:14px;align-items:end;justify-content:center;max-width:330px}.balance-visual>span{width:18%;border:1px solid #74baff3b;background:linear-gradient(0deg,#13355999,#25679b30);border-radius:7px 7px 0 0;height:68%;box-shadow:inset 0 1px #76bbff59;animation:balanceBreath 7s ease-in-out infinite}.balance-visual>span:nth-child(2){height:90%;animation-delay:-2s}.balance-visual>span:nth-child(3){height:76%;animation-delay:-4s}.balance-visual>div{position:absolute;bottom:10px;left:7%;right:7%;background:#0b1729f5;border:1px solid #5b99cb55;border-radius:8px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;color:#8daecc;font-size:9px;letter-spacing:.8px;box-shadow:0 9px 20px #0005}.balance-visual i{font-style:normal;color:#7ed7c0;font-size:8px;letter-spacing:.3px}@keyframes balanceBreath{50%{transform:scaleY(.92);transform-origin:bottom}}.platform-note{margin-top:23px;border:1px solid #5e9bc425;border-radius:13px;padding:24px 30px;display:flex;align-items:center;gap:22px;background:#0e1d2d78}.platform-mark{width:49px;height:49px;display:grid;place-items:center;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;color:#bfd8ef;font-weight:bold;font-size:27px;flex-shrink:0}.platform-note h3{font-size:17px;letter-spacing:-.2px}.platform-note p{font-size:12px;color:#8197b1;margin-top:5px}.platform-note>.text-link{white-space:nowrap;margin-left:auto;font-size:12px}
.plans-section{padding-top:74px;padding-bottom:105px;border-top:1px solid var(--line)}.plans-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}.plans-heading .eyebrow{margin-bottom:20px}.plans-heading>p{max-width:370px;color:#8ea6c2;font-size:14px;line-height:1.7;margin-bottom:5px}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.plan-card{padding:25px 23px 20px;background:linear-gradient(160deg,#10203499,#0a172699);border:1px solid #739dc126;border-radius:16px;transition:transform .45s,border-color .45s;position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-5px);border-color:#7dafdd59}.plan-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.plan-symbol{font-size:28px;color:#7ca7d3;line-height:1}.plan-range{font-size:9px;letter-spacing:1px;color:#567491}.plan-card h3{font-size:26px;letter-spacing:-.7px}.plan-card>p{color:#849cb8;font-size:11px;margin-top:5px}.plan-card ul{list-style:none;padding:0;margin:25px 0 20px}.plan-card li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #6a9bd118;font-size:11px}.plan-card li strong{color:#cee4fa;font-size:20px;letter-spacing:-.5px;line-height:1.2;font-weight:600}.plan-card li span{color:#7e96b2;text-align:right}.plan-card:last-child li strong{font-size:13px;letter-spacing:0}.plan-action{display:flex;align-items:center;justify-content:space-between;border:1px solid #6399c544;border-radius:9px;padding:11px 13px;min-height:44px;color:#aed4f7;font-size:12px;font-weight:600;transition:background .2s}.plan-action:hover{background:#21466c66}.plan-featured{border-color:#58a6ff64;background:linear-gradient(160deg,#173a6199,#0b192c);box-shadow:0 0 60px #337fc211}.plan-featured:before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:#b7dfff;box-shadow:0 0 20px #58a6ff}.plan-featured .plan-symbol{color:#a9cfff}.plan-featured .plan-action{background:#2765a650;border-color:#65afff64;color:#dbedff}.plan-notes{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.plan-notes summary{font-size:12px;color:#8facce;min-height:44px;padding-block:8px;display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none}.plan-notes summary span{color:#5895c5}.plan-notes details[open] summary span{transform:rotate(45deg)}.plan-notes p{color:#657f9c;font-size:11px;line-height:1.7}.plan-notes>p{padding-top:13px}.plan-notes details div{max-width:560px}
.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding-block:65px 110px}.faq-heading .eyebrow{margin-bottom:20px}.faq-heading .text-link{margin-top:24px;font-size:12px}.faq-list details{border-bottom:1px solid #6c9bc429}.faq-list details:first-child{border-top:1px solid #6c9bc429}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;min-height:76px;font-size:15px;font-weight:600;color:#bed1e7}.faq-list summary::-webkit-details-marker,.plan-notes summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:24px;line-height:1;color:#709ec5;transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg);color:#d2edff}.faq-list details div{padding:0 38px 23px 0;animation:answerReveal .3s ease both}.faq-list p{font-size:13px;line-height:1.75;color:#8ea6c2}.faq-list p>a{color:#aecff4;text-decoration:underline;text-underline-offset:3px}@keyframes answerReveal{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
.finish-section{overflow:clip;border-top:1px solid #80b1e825;border-bottom:1px solid #80b1e818;background:radial-gradient(ellipse at 75% 65%,#1e50862b,transparent 54%),linear-gradient(135deg,#0a182b,#081321)}.finish-inner{display:grid;grid-template-columns:1.2fr .8fr;min-height:620px;align-items:center;gap:30px}.finish-copy{z-index:3;padding-bottom:30px}.finish-copy .eyebrow{margin-bottom:22px}.finish-copy h2{font-size:clamp(40px,4.3vw,61px);letter-spacing:-2.7px}.finish-copy>p{margin-top:23px;color:#96aec9;font-size:17px}.finish-copy .cta-row{margin-top:30px}.finish-lane{height:560px;align-self:end}.finish-lane .atento-anchor{bottom:76px}.finish-lane .actor-floor{bottom:50px}.finish-lane .actor-portal{top:50px;width:380px;height:390px}.site-footer{padding-top:45px;padding-bottom:30px}.footer-top{display:flex;align-items:center;gap:37px;padding-bottom:35px;border-bottom:1px solid #70a8d821}.footer-top>p{font-size:12px;color:#64819f}.footer-top>.text-link{margin-left:auto;font-size:11px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;font-size:11px;color:#526f8b}.footer-bottom nav{display:flex;align-items:center;gap:23px}.footer-bottom a{min-height:44px;display:flex;align-items:center}.footer-bottom a:hover{color:#99bbde}.motion-toggle{position:fixed;bottom:17px;right:17px;z-index:110;display:flex;align-items:center;gap:8px;border-radius:25px;background:#081321c9;border:1px solid #5686ad45;padding:8px 13px;min-height:44px;box-shadow:0 3px 20px #0004;backdrop-filter:blur(10px);color:#7b9abd;font-size:10px}.motion-icon{font-size:15px;width:16px;text-align:center}.motion-toggle:hover{color:#d4e9ff;border-color:#619fca77}dialog{background:#0e1b2a;color:var(--text);border:1px solid #7cb5ec55;border-radius:20px;width:min(1040px,calc(100vw - 42px));max-height:calc(100dvh - 64px);padding:26px;overflow:auto;box-shadow:0 25px 120px #000a}dialog::backdrop{background:#03080eee;backdrop-filter:blur(14px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.dialog-top .eyebrow{font-size:9px;margin-bottom:10px}.dialog-top h2{font-size:28px;letter-spacing:-1px}.dialog-close{display:grid;place-items:center;min-width:44px;height:44px;border-radius:11px;border:1px solid #7ca8d138;background:#15273b;color:#8cb9e6;font-size:27px}.dialog-close:hover{background:#244264;color:#fff}dialog video{width:100%;border:1px solid #70a5d326;border-radius:10px;display:block}dialog>p{font-size:10px;color:#5d7d9e;margin-top:13px}
/* Reveal rhythm follows each scene's arrival. */
.js-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .95s var(--ease);will-change:opacity,transform}.js-ready .reveal.in-view{opacity:1;transform:none}.hero-copy{animation:heroArrive .9s var(--ease) both}.hero-copy h1{animation:heroArrive 1.1s .08s var(--ease) both}.hero-copy .hero-lead{animation:heroArrive 1.1s .18s var(--ease) both}.hero-copy .cta-row{animation:heroArrive 1.1s .27s var(--ease) both}.hero-lane{animation:heroArrive 1.5s .1s var(--ease) both}@keyframes heroArrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{transition-duration:.01ms!important}.motion-paused .reveal.in-view{transform:none}
@media(min-width:1500px){:root{--width:1280px}.hero-inner{min-height:715px}.hero-lane{height:625px}.chapter-grid{grid-template-columns:330px minmax(0,1fr);gap:65px}.chapter-right .chapter-grid{grid-template-columns:minmax(0,1fr) 330px}.hero h1{font-size:82px}.hero-portal{height:500px}.hero .atento-anchor{bottom:67px}.hero .actor-floor{bottom:43px}}
@media(max-width:1150px){:root{--header:76px}.header-inner{gap:35px}.desktop-nav{gap:22px}.header-actions{gap:20px}.hero h1{font-size:66px;letter-spacing:-3px}.hero-inner{min-height:620px}.hero-lane{height:550px}.orbit-chip{font-size:9px;padding:8px 11px}.orbit-chip b{font-size:10px}.orbit-chip-one{right:-10px}.orbit-chip-two{left:-5px;top:384px}.chapter-grid{grid-template-columns:255px minmax(0,1fr);gap:31px}.chapter-right .chapter-grid{grid-template-columns:minmax(0,1fr) 255px}.chapter-lane .actor-floor{width:270px}.chapter-heading h2{font-size:43px}.chapter-bottom{flex-wrap:wrap;gap:4px}.chapter-value{max-width:100%}.setup-path{gap:34px}.plans-grid{gap:11px}.plan-card{padding:22px 17px 17px}.plan-card li{font-size:10px}.plan-card li strong{font-size:18px}.faq-section{gap:60px}.finish-copy h2{font-size:50px}.finish-inner{min-height:550px}.finish-lane{height:505px}.finish-lane .actor-floor{width:280px}.finish-lane .actor-portal{width:315px;height:370px}.resource-copy{padding-inline:27px}}
@media(max-width:920px){.desktop-nav{gap:18px}.header-inner{gap:30px;width:calc(100% - 42px)}.wordmark img{width:128px}.header-actions{gap:17px}.sign-in{font-size:13px}.button-small{font-size:12px;padding:10px 14px;gap:12px}.desktop-nav a{font-size:12px}.container{width:calc(100% - 52px)}.hero h1{font-size:58px}.hero-eyebrow{font-size:8px;letter-spacing:1.3px}.hero-lead{font-size:16px}.hero .button{min-height:50px;padding:12px 17px;font-size:14px;gap:18px}.hero-inner{min-height:595px;grid-template-columns:1.1fr .9fr;gap:0}.hero-lane{height:505px}.hero-lane .actor-portal{width:310px;height:390px;top:40px}.actor-floor{width:280px}.orbit-chip-one{right:-10px;top:112px;max-width:165px}.orbit-chip-two{left:-8px;top:364px;max-width:170px}.chip-symbol{min-width:25px;width:25px;height:28px}.actor-caption{font-size:6px;letter-spacing:1px}.overview-heading h2{font-size:34px}.chapter{padding-block:70px;min-height:750px}.chapter-grid{grid-template-columns:220px minmax(0,1fr);gap:24px}.chapter-right .chapter-grid{grid-template-columns:minmax(0,1fr) 220px}.chapter-heading h2{font-size:38px;letter-spacing:-1.7px}.chapter-heading>p{font-size:14px}.chapter-lane{height:445px}.chapter-lane .actor-floor{width:240px}.lane-orbit{width:220px;height:220px}.chapter-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.plans-grid{grid-template-columns:repeat(2,1fr);gap:16px}.plan-card{padding:24px}.plan-card>p{font-size:12px}.plan-card li{font-size:13px}.plan-card li strong{font-size:25px}.plan-card:last-child li strong{font-size:15px}.plan-action{font-size:13px}.plans-heading>p{max-width:310px}.setup-step h3{font-size:19px}.setup-step p{font-size:13px}.setup-path{gap:30px}.resource-copy h3{font-size:24px}.platform-note{padding:20px;gap:18px}.platform-note>.text-link{font-size:10px}.faq-section{gap:50px;grid-template-columns:.8fr 1.2fr}.finish-copy h2{font-size:45px;letter-spacing:-2px}.finish-copy .button{font-size:13px;padding:12px 18px;gap:18px}.finish-lane{height:470px}.finish-copy>p{font-size:15px}.finish-inner{grid-template-columns:1.2fr .8fr}.finish-lane .actor-portal{width:275px}.footer-top{gap:22px}}
@media(max-width:740px){:root{--header:70px}.container{width:calc(100% - 38px)}.header-inner{height:70px;width:calc(100% - 32px);gap:16px}.wordmark img{width:112px}.desktop-nav,.sign-in{display:none}.header-actions{gap:10px}.button-small{min-height:44px;font-size:11px;padding:10px 13px;gap:11px;border-radius:9px}.menu-toggle{display:flex}.hero{padding-top:28px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}.hero-copy{text-align:center;padding-top:8px;padding-bottom:0;z-index:3}.hero-eyebrow{justify-content:center;font-size:8px;letter-spacing:1.2px;margin-bottom:22px}.hero h1{font-size:clamp(48px,10.8vw,67px);line-height:1.02;letter-spacing:-2.8px;max-width:none}.desktop-break{display:none}.hero-lead{font-size:15px;line-height:1.65;max-width:380px;margin:22px auto 0}.hero .cta-row{justify-content:center;margin-top:25px;gap:10px}.hero .button{font-size:13px;padding:12px 18px;min-height:50px}.hero-product-tags{justify-content:center;gap:8px 14px;font-size:9px;margin-top:22px}.hero-lane{width:min(420px,100%);height:350px;align-self:center;margin-top:27px}.hero-lane .atento-anchor{bottom:40px}.hero-lane .actor-floor{bottom:16px;width:270px;height:54px}.hero-lane .actor-portal{width:285px;height:315px;top:0}.hero-lane .actor-caption{display:none}.orbit-chip{transform:scale(.86);transform-origin:center;font-size:8px;max-width:160px;z-index:1}.orbit-chip b{font-size:9px}.orbit-chip-one{right:-5px;top:78px}.orbit-chip-two{left:-7px;top:229px}.scroll-invitation{margin:22px auto 37px;font-size:8px;letter-spacing:1.3px}.overview-section{padding-bottom:28px}.overview-heading{flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:24px}.overview-heading .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.4px;margin-bottom:14px}.overview-heading h2{font-size:31px;letter-spacing:-1.5px;line-height:1.12}.real-tour{font-size:11px;min-height:44px;gap:9px}.play-circle{width:23px;height:23px;font-size:12px}.overview-stage{padding:0}.dashboard-halo{inset:-15px -10px}.workflow-navigation{gap:7px;margin-top:24px;justify-content:space-between}.workflow-navigation a{gap:6px;min-height:54px;padding:7px 10px}.workflow-navigation a>strong{font-size:12px}.workflow-navigation a>span{font-size:8px}.workflow-navigation a>i{font-size:11px;margin-left:1px}.flow-connector{min-width:6px}.chapter{padding:62px 0 65px;min-height:0}.chapter-grid,.chapter-right .chapter-grid{display:flex;flex-direction:column;gap:0}.chapter-content{width:100%;display:contents}.chapter-heading{order:1;text-align:center;margin-bottom:0;width:100%}.chapter-heading .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.1px;margin-bottom:17px}.chapter-heading h2{font-size:clamp(34px,8vw,43px);letter-spacing:-1.8px;line-height:1.1}.chapter-heading>p{font-size:14px;line-height:1.7;margin:19px auto 0;max-width:440px}.chapter-lane{order:2;width:min(340px,100%);height:325px;margin:30px auto 16px;align-self:center}.chapter-lane .atento-anchor{bottom:37px}.chapter-lane .actor-floor{bottom:13px;width:260px;height:50px}.chapter-lane .lane-orbit{top:35px;width:240px;height:240px}.lane-label{font-size:6px;letter-spacing:.8px;bottom:-6px}.chapter-demo-wrap{order:3;width:100%}.chapter-bottom{order:4;width:100%;flex-direction:column;align-items:center;text-align:center;margin-top:19px;gap:6px}.chapter-value{font-size:10px;max-width:100%}.chapter-value>span{width:27px;height:27px;min-width:27px;font-size:14px}.chapter-bottom>.text-link{font-size:11px}.chapter-number{font-size:220px;left:0;top:113px;letter-spacing:-15px}.chapter-right .chapter-number{right:4px}.chapter-beam{width:650px;left:-320px;top:200px}.chapter-right .chapter-beam{right:-320px}.how-section{padding-top:61px;padding-bottom:65px}.how-section .section-heading{display:block;text-align:center}.section-heading .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.3px;margin-bottom:18px}.section-heading h2{font-size:35px;letter-spacing:-1.8px}.section-heading>p{font-size:14px}.setup-path{grid-template-columns:1fr;gap:28px;margin-top:36px;max-width:490px;margin-inline:auto}.setup-path:before{top:15px;bottom:110px;left:27px;width:1px;height:auto;right:auto;background:linear-gradient(#448dbe50,#448dbe20)}.setup-step{padding-left:86px;min-height:142px}.setup-icon{position:absolute;left:0;top:0;width:57px;height:57px;margin:0;border-radius:13px}.setup-icon svg{width:27px;height:27px}.setup-icon span{height:21px;min-width:22px;font-size:8px;top:-8px;right:-6px}.setup-step h3{font-size:21px;margin:2px 0 11px}.setup-step p{font-size:13px}.setup-step .text-link{margin-top:8px;font-size:11px}.resources-section{padding-top:45px;padding-bottom:62px}.resources-section .section-heading{text-align:center}.resources-grid{grid-template-columns:1fr;gap:17px;margin-top:30px}.resource-card{min-height:365px}.creative-stack{margin:27px 32px 0;height:153px;max-width:400px}.resource-copy{padding:21px 25px 19px}.resource-copy h3{font-size:27px}.resource-copy p{font-size:13px}.resource-copy .text-link{font-size:11px;margin-top:12px}.balance-visual{height:146px;margin:27px auto 0;width:80%}.balance-card{min-height:335px}.balance-card .resource-copy h3{font-size:25px}.platform-note{padding:20px 18px;align-items:start;gap:13px;flex-wrap:wrap;margin-top:17px}.platform-mark{width:37px;height:37px;font-size:22px;border-radius:10px}.platform-note>div{flex:1;min-width:190px}.platform-note h3{font-size:15px}.platform-note p{font-size:11px;line-height:1.7;margin-top:5px}.platform-note>.text-link{margin-left:50px;font-size:11px;min-height:38px}.plans-section{padding-top:59px;padding-bottom:61px}.plans-heading{display:block;text-align:center}.plans-heading .eyebrow{justify-content:center;font-size:8px;margin-bottom:17px}.plans-heading h2{font-size:35px;letter-spacing:-1.8px}.plans-heading>p{font-size:13px;max-width:340px;margin:20px auto 0}.plans-grid{margin-top:31px;gap:12px}.plan-card{padding:19px 15px 14px;border-radius:13px}.plan-top{margin-bottom:14px}.plan-symbol{font-size:23px}.plan-range{font-size:8px}.plan-card h3{font-size:24px;letter-spacing:-.6px}.plan-card>p{font-size:9px;min-height:28px;margin-top:4px;line-height:1.5}.plan-card ul{margin:18px 0}.plan-card li{font-size:9px;padding:12px 0;gap:8px}.plan-card li strong{font-size:21px}.plan-card:last-child li strong{font-size:11px}.plan-card li span{max-width:73px;line-height:1.4}.plan-action{font-size:10px;padding:10px;min-height:44px}.plan-notes{display:block;margin-top:17px}.plan-notes summary{font-size:11px;justify-content:center}.plan-notes p{font-size:10px}.plan-notes>p{text-align:center;padding-top:10px;max-width:350px;margin:auto}.faq-section{display:block;padding-top:37px;padding-bottom:64px}.faq-heading{text-align:center;margin-bottom:27px}.faq-heading .eyebrow{justify-content:center;font-size:8px;margin-bottom:17px}.faq-heading h2{font-size:35px;letter-spacing:-1.8px}.faq-heading .text-link{font-size:11px;margin-top:15px}.faq-list summary{font-size:14px;min-height:70px;gap:10px}.faq-list summary>span{font-size:22px}.faq-list p{font-size:12px}.faq-list details div{padding-right:25px;padding-bottom:19px}.finish-inner{display:flex;flex-direction:column;min-height:0;gap:0;padding-top:66px}.finish-copy{text-align:center;padding-bottom:0}.finish-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.2px;margin-bottom:18px}.finish-copy h2{font-size:clamp(36px,8.2vw,48px);letter-spacing:-1.8px}.finish-copy>p{font-size:14px;max-width:280px;margin:21px auto 0}.finish-copy .cta-row{justify-content:center;margin-top:24px;gap:10px}.finish-copy .button{font-size:11px;padding:12px 17px;min-height:48px;gap:13px}.finish-lane{width:min(360px,100%);height:360px;align-self:center;margin-top:28px}.finish-lane .atento-anchor{bottom:59px}.finish-lane .actor-floor{bottom:35px;width:270px;height:52px}.finish-lane .actor-portal{top:15px;width:290px;height:290px}.site-footer{padding-top:30px;padding-bottom:76px}.footer-top{gap:15px;flex-wrap:wrap;padding-bottom:22px}.footer-top .wordmark img{width:112px}.footer-top>p{font-size:10px;order:3;width:100%}.footer-top>.text-link{font-size:10px;min-height:38px}.footer-bottom{align-items:start;flex-direction:column;gap:10px;padding-top:19px;font-size:10px}.footer-bottom nav{gap:16px;flex-wrap:wrap;font-size:10px}.footer-bottom a{min-height:36px}.motion-toggle{bottom:12px;right:12px;padding:7px 11px;min-height:44px;font-size:9px}.world-grid{background-size:54px 54px}.world-glow{width:130vw;height:130vw;filter:blur(60px)}dialog{width:calc(100vw - 24px);padding:16px;border-radius:15px;max-height:calc(100dvh - 32px)}.dialog-top{margin-bottom:17px}.dialog-top h2{font-size:21px;letter-spacing:-.7px}.dialog-top .eyebrow{font-size:7px;letter-spacing:1.3px}.dialog-close{min-width:40px;height:40px}.js-ready .reveal{transform:translateY(18px);transition-duration:.7s}.overview-stage.reveal.in-view{transform:none}}
@media(max-width:380px){.hero h1{font-size:46px}.hero-eyebrow{font-size:7px;letter-spacing:1px}.hero-lead{font-size:14px}.hero .button{font-size:12px;padding:12px 15px;gap:14px}.hero-product-tags{font-size:8px;gap:8px 12px}.hero-lane{height:325px}.orbit-chip-one{right:-11px;top:70px}.orbit-chip-two{left:-12px;top:214px}.hero-lane .actor-portal{height:285px}.workflow-navigation a{padding:6px 8px}.workflow-navigation a>i{display:none}.workflow-navigation{gap:8px}.plan-card{padding:17px 12px 13px}.plan-card h3{font-size:22px}.plan-card li{font-size:8px}.plan-card li strong{font-size:19px}.plan-card:last-child li strong{font-size:10px}.plan-action{font-size:9px;padding-inline:8px}.plans-grid{gap:10px}.chapter-heading h2{font-size:32px}.finish-copy h2{font-size:34px}.finish-copy .button{font-size:10px;padding-inline:13px;gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-ready .reveal{opacity:1;transform:none}.world-glow{opacity:.13}.motion-toggle{display:none}}

/* Space for the native actor and its contextual speech, above the shared 3D floor. */
.journey-section{isolation:auto}.hero-inner{min-height:730px}.hero-lane{height:670px}.chapter-lane{height:610px}.finish-lane{height:650px}.finish-inner{min-height:650px}.hero-copy,.chapter-content,.finish-copy{position:relative;z-index:10}.overview-heading,.overview-stage,.workflow-navigation,.how-section,.resources-section,.plans-section,.faq-section,.site-footer{position:relative;z-index:10}.chapter-lane,.hero-lane,.finish-lane{z-index:1}.chapter-number,.chapter-beam{z-index:0}.finish-section{background:radial-gradient(ellipse at 75% 65%,#1e50861b,transparent 54%)}.scroll-invitation{z-index:10}.overview-stage-floor{pointer-events:none}.native-world-ready .actor-floor{opacity:0}.demo-mount{position:relative;z-index:10}
@media(min-width:1500px){.hero-lane{height:710px}.hero-inner{min-height:760px}}
@media(max-width:1150px) and (min-width:741px){.hero-lane{height:640px}.hero-inner{min-height:680px}.chapter-lane{height:590px}.finish-lane{height:610px}.finish-inner{min-height:610px}}
@media(max-width:740px){.hero-inner{min-height:0}.hero-lane{height:435px}.hero-lane .actor-portal{top:65px}.orbit-chip-one{top:160px}.orbit-chip-two{top:320px}.chapter-content{display:contents}.chapter-heading,.chapter-demo-wrap,.chapter-bottom{position:relative;z-index:10}.chapter-lane{height:435px}.chapter-lane .lane-orbit{top:136px}.finish-lane{height:435px}.finish-lane .actor-portal{top:100px}.finish-inner{min-height:0}.hero-lane,.chapter-lane,.finish-lane{z-index:1}.chapter-number{z-index:0}.finish-copy{z-index:10}}
/* Mobile content remains readable while the guide keeps a dedicated stage. */
@media(max-width:740px){
 .hero-eyebrow,.overview-heading .eyebrow,.chapter-heading .eyebrow,.section-heading .eyebrow,.plans-heading .eyebrow,.faq-heading .eyebrow,.finish-copy .eyebrow{font-size:10px;letter-spacing:1px}
 .hero-product-tags{font-size:12px;line-height:1.6;gap:7px 12px}.hero-product-tags>span:first-child{width:100%;justify-content:center}
 .hero .button{font-size:14px}.orbit-chip{font-size:10px;padding:8px;transform:none}.orbit-chip b{font-size:11px}.orbit-chip-one{right:-5px;top:165px;max-width:172px}.orbit-chip-two{left:-5px;top:325px;max-width:180px}
 .scroll-invitation{font-size:10px}.real-tour,.chapter-bottom>.text-link,.resource-copy .text-link,.setup-step .text-link,.platform-note>.text-link,.faq-heading .text-link{font-size:12px}
 .workflow-navigation a>strong{font-size:14px}.workflow-navigation a>span{font-size:10px}.workflow-navigation a>i{font-size:12px}.workflow-navigation a{gap:8px;padding:7px 10px}
 .lane-label{font-size:10px;letter-spacing:.4px}.chapter-value{font-size:12px}.resource-kicker{font-size:10px}.platform-note p{font-size:12px}
 .plan-card>p{font-size:13px;min-height:0}.plan-card li{font-size:13px;padding:15px 0}.plan-card li strong{font-size:25px}.plan-card li span{max-width:none}.plan-card:last-child li strong{font-size:16px}.plan-card h3{font-size:29px}.plan-range{font-size:11px}.plan-action{font-size:14px;min-height:48px;padding:12px 15px}.plan-card{padding:25px 24px 23px}.plan-card ul{margin:26px 0 22px}.plan-notes summary,.plan-notes p{font-size:12px}
 .finish-copy .button{font-size:14px;padding:12px 17px}.footer-top>p,.footer-top>.text-link,.footer-bottom,.footer-bottom nav{font-size:12px}.motion-toggle{font-size:12px;padding:8px 13px}.dialog-top .eyebrow{font-size:10px}dialog>p{font-size:12px}
}
@media(max-width:680px){.plans-grid{grid-template-columns:1fr;gap:15px;max-width:450px;margin-inline:auto;margin-top:31px}.plan-card{border-radius:16px}.plan-top{margin-bottom:14px}.plan-symbol{font-size:28px}.plans-heading>p{font-size:14px}}
@media(max-width:380px){.hero .button{font-size:13px;padding:12px 15px}.hero-eyebrow{font-size:9px}.hero-product-tags{font-size:12px}.orbit-chip-one{right:-8px}.orbit-chip-two{left:-8px}.workflow-navigation a{padding:7px 8px;gap:6px}.workflow-navigation a>strong{font-size:13px}.finish-copy .button{font-size:13px;padding-inline:15px}}
@media(max-width:740px){.workflow-navigation{width:100%;gap:10px}.workflow-navigation a{flex:1;min-width:0;padding:7px 12px;justify-content:center;gap:8px}.workflow-navigation a>i,.workflow-navigation .flow-connector{display:none}}
.actor-portal{overflow:clip}.dashboard-halo{inset:-30px 0}
@media(max-width:380px){.workflow-navigation a{padding:7px 6px;gap:5px}.workflow-navigation a>strong{font-size:12px}}
@media(max-width:740px){.motion-toggle{left:12px;right:auto;width:44px;height:44px;padding:0;justify-content:center}.motion-toggle .motion-label{display:none}.motion-toggle .motion-icon{font-size:16px}}
.site-header.scrolled{background:rgba(6,14,25,.95);box-shadow:0 12px 35px #02071322;transition:background .3s,box-shadow .3s}

.motion-toggle{left:18px;right:auto}@media(max-width:740px){.motion-toggle{left:12px;right:auto;width:44px;padding:8px}.motion-toggle .motion-label{display:none}}
/* Ambient depth is a soft gradient, so large blurred surfaces do not repaint
   while the native actor and product previews do their work. */
.world-glow{filter:none;background:radial-gradient(ellipse,#2689e84d 0%,#2689e81a 40%,transparent 70%);animation:worldDrift 18s ease-in-out infinite;opacity:.38}
.glow-two{background:radial-gradient(ellipse,#122f5459 0%,#122f541a 40%,transparent 70%);animation-delay:-9s}
@keyframes worldDrift{50%{transform:translate(-5%,8%)}}
.site-header{backdrop-filter:blur(12px)}
.js-ready .reveal{will-change:auto}.js-ready .reveal:not(.in-view){will-change:opacity,transform}
.page-hidden *, .page-hidden *:before,.page-hidden *:after,.tour-open .world-bg *,.tour-open .journey-world *,.tour-open .resources-section *{animation-play-state:paused!important}
@media(max-width:740px){
 .world-glow{filter:none;animation:none;opacity:.32}
 .world-line{animation:none;opacity:.35}
 .site-header,.site-header.scrolled{backdrop-filter:none;background:rgba(6,14,25,.97)}
 .motion-toggle{backdrop-filter:none;background:#081321f5}
 .orbit-chip{backdrop-filter:none;background:linear-gradient(120deg,#10243df5,#0c1929f5)}
}
/* Final content layer: decision steps, honest demos and readable small screens. */
.overview-description{max-width:720px;margin:22px auto 0;color:#b7c8dc;font-size:17px;text-align:center;line-height:1.65}
.demo-caption{font-size:13px;line-height:1.6;color:#9eafc5;margin-top:13px}.overview-demo-caption{text-align:center}
.proof-section{position:relative;z-index:10;padding-block:70px 100px}
.proof-heading>p{color:#b7c8dc;font-size:17px;line-height:1.65;margin-top:23px}
.proof-steps{list-style:none;margin:42px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.proof-step{position:relative;border-top:1px solid #6baaff52;padding:27px 20px 27px 0;min-width:0}
.proof-step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #6baaff45;border-radius:50%;background:#58a6ff0a;color:#87beff;font-weight:700;font-size:13px}
.proof-step h3{font-size:22px;letter-spacing:-.5px;line-height:1.25;margin:22px 0 12px}.proof-step p{font-size:15px;line-height:1.7;color:#aebed2}
.proof-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:28px;flex-wrap:wrap}.proof-note{max-width:760px;margin:22px auto 0;font-size:13px;line-height:1.7;color:#9eafc5;text-align:center}
.faq-list details>div a{color:#90c2ff;text-decoration:underline;text-underline-offset:4px}.faq-list summary{min-height:58px}.footer-bottom nav a,.sign-in,.text-link{min-height:44px;display:inline-flex;align-items:center}
.hero h1{overflow-wrap:normal}.hero h1 .desktop-break{display:block}
.native-atento-poster:not(.atento-fallback){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none}
@media(max-width:1050px){.proof-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-step{padding-right:25px}.proof-section{padding-block:50px 75px}}
@media(max-width:740px){
 .hero h1{font-size:clamp(35px,9.8vw,58px);letter-spacing:-1.9px;line-height:1.04}.hero h1 .desktop-break{display:block}
 .hero-eyebrow,.overview-heading .eyebrow,.chapter-heading .eyebrow,.section-heading .eyebrow,.plans-heading .eyebrow,.faq-heading .eyebrow,.finish-copy .eyebrow,.resource-kicker,.lane-label,.actor-caption,.dialog-top .eyebrow{font-size:12px;letter-spacing:.65px}
 .hero-eyebrow{line-height:1.5;white-space:normal;justify-content:center}.scroll-invitation,.workflow-navigation a>span,.orbit-chip,.orbit-chip b{font-size:12px}
 .overview-description{font-size:15px;line-height:1.65;margin-top:20px}.demo-caption{font-size:12px}.proof-heading>p{font-size:15px}.proof-heading>p br{display:none}
 .proof-section{padding-block:40px 65px}.proof-steps{gap:0 18px;margin-top:28px}.proof-step{padding:23px 0;min-width:0}.proof-step h3{font-size:20px;margin-top:16px}.proof-step p{font-size:14px;line-height:1.65}.proof-actions{gap:15px;margin-top:15px;align-items:center;flex-direction:column}.proof-actions .text-link{text-align:center;line-height:1.6}.proof-note{font-size:12px;text-align:left}
 .footer-bottom nav a{min-height:44px}.faq-list summary{font-size:16px;line-height:1.4}.faq-list details>div{font-size:15px;line-height:1.7}.setup-step p,.resource-copy p{font-size:15px;line-height:1.65}
 .hero .button,.finish-copy .button{font-size:14px}.workflow-navigation a{min-height:44px}.sign-in{min-height:44px}
}
@media(max-width:380px){.hero h1{font-size:36px;letter-spacing:-1.6px}.hero-eyebrow{font-size:12px}.proof-steps{grid-template-columns:1fr}.proof-step{padding:23px 0}.proof-step h3{margin-top:12px}.proof-note{font-size:12px}}
/* A phone rotated sideways still needs a reading flow and a real actor lane. */
@media(orientation:landscape) and (max-height:500px) and (max-width:1024px){
 :root{--header:64px}.site-header,.site-header.scrolled{background:#060e19f7;backdrop-filter:none}.header-inner{height:64px;gap:16px;width:calc(100% - 36px)}.wordmark img{width:118px}.desktop-nav,.sign-in{display:none}.header-actions{gap:12px}.button-small{min-height:44px;font-size:13px;padding:10px 15px;gap:12px}.menu-toggle{display:flex}
 .hero{padding-top:35px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}.hero-copy{text-align:center;padding-block:0}.hero-eyebrow{justify-content:center;font-size:12px}.hero h1{font-size:46px;letter-spacing:-2px;line-height:1.06;max-width:none}.hero-lead{font-size:16px;max-width:570px;margin:22px auto 0}.hero .cta-row{justify-content:center;margin-top:25px}.hero-product-tags{justify-content:center;font-size:12px}.hero-lane{width:100%;height:340px;margin-top:35px;align-self:center}.hero-lane .atento-anchor{bottom:38px}.hero-lane .actor-portal{width:310px;height:280px;top:15px}.orbit-chip-one{right:8%;top:60px}.orbit-chip-two{left:8%;top:245px}.actor-caption{display:none}.scroll-invitation{font-size:12px;margin:22px auto 35px}
 .chapter{padding:65px 0;min-height:0}.chapter-grid,.chapter-right .chapter-grid{display:flex;flex-direction:column;gap:0}.chapter-content{display:contents;width:100%}.chapter-heading{order:1;text-align:center;width:100%}.chapter-heading .eyebrow{justify-content:center}.chapter-heading h2{font-size:43px}.chapter-lane,.chapter-right .chapter-lane{order:2;width:100%;height:340px;margin:25px 0 20px}.chapter-lane .atento-anchor{bottom:32px}.chapter-demo-wrap{order:3;width:100%}.chapter-bottom{order:4;width:100%}.chapter-heading,.chapter-demo-wrap,.chapter-bottom{position:relative;z-index:10}.chapter-lane .lane-orbit{top:70px}.chapter-number{font-size:150px;top:45px}.lane-label{font-size:12px}
 .finish-inner{display:flex;flex-direction:column;min-height:0}.finish-copy{text-align:center;width:100%}.finish-copy .eyebrow{justify-content:center}.finish-copy .cta-row{justify-content:center}.finish-lane{width:100%;height:340px}.finish-lane .atento-anchor{bottom:30px}.finish-lane .actor-portal{top:50px}
 .world-glow,.world-line{animation:none}.orbit-chip{backdrop-filter:none}.atento-speech .atento-speech-head{font-size:12px}.dialog-top h2{font-size:22px}
}
.noscript-note{padding-block:25px;line-height:1.6}.noscript-note a{text-decoration:underline;color:#90c2ff}
/* Locale links remain readable, and the primary header CTA never shrinks. */
.locale-nav{display:inline-flex;align-items:center;gap:5px;margin-left:4px}
.desktop-nav .locale-nav .locale-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:44px;padding:8px 7px;border:1px solid transparent;border-radius:8px;font-size:12px;line-height:1}
.locale-nav .locale-link[aria-current=page]{color:#e6f3ff;background:#58a6ff17;border-color:#82beff43}
.locale-nav .locale-link:hover{background:#58a6ff20}.locale-nav .locale-link:focus-visible{outline:2px solid #fff000;outline-offset:3px}
.header-actions{flex:0 0 auto}.header-actions .button-small{flex:0 0 auto;white-space:nowrap}.menu-toggle{flex:0 0 46px}
#mobile-nav .locale-nav{display:flex;gap:8px;margin:12px 0 0}
#mobile-nav .locale-nav .locale-link{display:flex;align-items:center;justify-content:center;min-width:66px;min-height:44px;padding:10px 15px;border:1px solid #82beff35;border-radius:9px;font-size:13px}
@media(max-width:1080px){.desktop-nav{display:none}.menu-toggle{display:flex}}

/* Product explanation: real recordings and task-oriented detail, shared by all locales. */
.audience-section{position:relative;z-index:10;padding-block:50px 72px}
.audience-section .section-heading>p,.resources-section .section-heading>p{max-width:690px;margin:22px auto 0;color:#b7c8dc;font-size:17px;line-height:1.65}
.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}
.use-case{min-width:0;border-top:1px solid #6baaff45;padding-top:22px}
.use-case-index{font-size:12px;color:#80baff;letter-spacing:2px}.use-case h3{font-size:22px;margin:12px 0;color:#eff6ff}.use-case p{color:#afc0d5;font-size:15px;line-height:1.7}
.workflow-checkpoints{list-style:none;display:flex;flex-wrap:wrap;gap:12px 20px;margin:22px 0 0;padding:0;color:#b7cbe4;font-size:12px}
.workflow-checkpoints li{display:flex;align-items:center;gap:7px}.workflow-checkpoints span{color:#78b8fa;font-size:10px}
.recording-frame{margin:38px 0 0;border:1px solid #70b4ff3b;border-radius:16px;overflow:hidden;background:#07141f}
.recording-preview{position:relative;display:block;width:100%;padding:0;background:transparent;border:0;color:#fff;text-align:center;cursor:pointer}
.recording-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.recording-play{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 24px;border:1px solid #78b8ff73;background:#102d4f;border-radius:30px;position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:14px;white-space:nowrap;box-shadow:0 4px 24px #0007}.recording-play>span{font-size:23px}.recording-preview:hover .recording-play{background:#194879}
.recording-frame figcaption{padding:14px 22px;color:#a9bfd8;font-size:13px;border-top:1px solid #70b4ff22}
.recording-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}.recording-chapter{min-width:0;border-bottom:1px solid #70b4ff20;padding-bottom:15px}.recording-chapter h3{font-size:21px;margin-top:11px}.recording-chapter p{font-size:15px;line-height:1.7;color:#afc0d5;margin-top:11px}.recording-chapter .text-link{margin-top:10px}
.depth-list{margin-top:36px;border-top:1px solid #70b4ff38}.depth-row{display:grid;grid-template-columns:36px minmax(150px,.75fr) minmax(0,1.4fr) minmax(130px,.5fr);gap:24px;align-items:center;border-bottom:1px solid #70b4ff24;padding:25px 0;min-width:0}.depth-number{font-size:12px;color:#80baff}.depth-row h3{font-size:22px;line-height:1.25}.depth-row p{font-size:15px;line-height:1.7;color:#b2c3d9}.depth-row .text-link{justify-self:end}.feature-eligibility{font-size:13px;line-height:1.7;color:#a6bad2;padding-top:22px;max-width:920px}
.control-section{position:relative;z-index:10;padding-block:60px 80px}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:35px}.control-grid article{min-width:0}.control-tick{display:block;color:#83c5ff;font-size:22px;margin-bottom:12px}.control-grid h3{font-size:21px;line-height:1.3}.control-grid p{font-size:15px;line-height:1.7;color:#b2c3d9;margin-top:12px}.control-link{text-align:center;margin-top:22px}
.depth-links{display:flex;flex-direction:column;align-items:flex-start;justify-self:end;min-width:0}.depth-links .text-link{font-size:12px;white-space:normal}
@media(max-width:1050px){.depth-links{grid-column:2/4;justify-self:start;flex-direction:row;flex-wrap:wrap;gap:8px 20px}}
@media(max-width:740px){.depth-links{grid-column:2}.depth-links .text-link{font-size:13px}}
@media(max-width:1050px){.depth-row{grid-template-columns:28px minmax(140px,.7fr) minmax(0,1.3fr);gap:18px}.depth-row .text-link{grid-column:2/4;justify-self:start;padding-top:0}.hero h1{font-size:clamp(46px,5.8vw,67px)}}
@media(max-width:740px){.audience-section{padding-block:30px 50px}.audience-section .section-heading>p,.resources-section .section-heading>p{font-size:15px;line-height:1.7}.use-case-grid,.recording-chapters,.control-grid{grid-template-columns:1fr;gap:23px}.use-case-grid{margin-top:28px}.use-case h3{font-size:22px}.use-case p,.recording-chapter p,.depth-row p,.control-grid p{font-size:15px}.workflow-checkpoints{font-size:13px;gap:10px 16px}.recording-frame{margin-top:26px;border-radius:12px}.recording-play{position:static;transform:none;margin:12px auto 16px;white-space:normal;max-width:calc(100% - 24px);font-size:13px;min-height:48px;padding:10px 16px}.recording-frame figcaption{font-size:12px;padding:12px 16px;line-height:1.6}.recording-chapters{margin-top:25px}.depth-row{grid-template-columns:24px minmax(0,1fr);gap:10px 14px;padding:23px 0}.depth-row h3{font-size:23px}.depth-row p{grid-column:2}.depth-row .text-link{grid-column:2;font-size:13px;justify-self:start}.feature-eligibility{font-size:13px}.control-section{padding-block:45px 60px}.control-grid{margin-top:30px}.hero h1{font-size:clamp(34px,9.5vw,55px);letter-spacing:-1.7px}.hero-lead{font-size:16px;line-height:1.65}}
@media(max-width:740px){.header-actions .sign-in{display:none}}
@media(orientation:landscape) and (max-height:500px) and (max-width:1024px){.header-actions .sign-in{display:none}}