@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#223747;--muted:#6b7880;--blue:#287ea9;--line:#dce5e7;--paper:#fafcfb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #237daa;outline-offset:6px}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9e970;background:#fafcfbcc;backdrop-filter:blur(16px);position:absolute;top:0;width:100%;z-index:5}.brand img{width:133px;display:block}nav{display:flex;gap:34px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:#258bb5}.button{border:0;border-radius:7px;background:#233e4f;color:white;padding:17px 26px;font-size:14px;font-weight:500;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);background:#2c6179;box-shadow:0 8px 24px #25495e1c}.button.small{padding:13px 21px}.hero{min-height:850px;height:100svh;max-height:1100px;position:relative;overflow:hidden;display:flex;align-items:center}.hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-content{position:relative;z-index:1;margin:0 0 10px 9%;max-width:850px;animation:enter 1.2s both}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.07em;margin:0 0 28px;display:flex;align-items:center;gap:10px}.status{width:6px;height:6px;background:#429a8e;border-radius:50%;box-shadow:0 0 0 5px #70c8b512}h1{font-size:clamp(54px,5.6vw,88px);line-height:1.08;font-weight:450;letter-spacing:-.065em;margin:0 0 30px}h1 span{color:#5e818e}.intro{font-size:18px;line-height:1.65;color:#64757e;margin-bottom:32px}.hero-actions{display:flex;gap:30px;align-items:center}.text-link{background:none;border:0;border-bottom:1px solid #aabac0;padding:0 0 7px;font-size:14px;transition:color .2s,border-color .2s}.text-link:hover{color:#1681b0;border-color:#1681b0}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;color:#73848c;font-size:11px}.trades{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:37px 9%;display:flex;justify-content:space-between;gap:40px;align-items:center}.trades p{font-size:12px;color:var(--muted);max-width:155px;line-height:1.6}.trades>div{display:flex;gap:45px;font-size:16px;align-items:center}.trades span:last-child{font-size:13px;color:var(--muted)}.section{padding:120px 9%}.section-head h2,h2{font-size:clamp(36px,4vw,58px);font-weight:450;line-height:1.12;letter-spacing:-.045em;margin:0 0 25px}h2 span{color:#839399}.section-head>p:last-child,.fit-copy>p:not(.eyebrow),.closing p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted)}.workflow{margin-top:55px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#fff,#f1f7f7);overflow:hidden}.workflow-top{padding:20px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.demo-label{color:#8c989d;font-size:10px}.flow-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:310px;padding:42px;gap:20px}.label{font-size:10px;letter-spacing:.09em;color:#7c8c94}h3{font-size:21px;font-weight:500;letter-spacing:-.03em;margin:22px 0 12px}p{line-height:1.7}.flow-input p,.task p{font-size:12px;color:var(--muted)}.message{padding:18px;margin-top:20px;width:85%;background:#fff;border:1px solid #e2ebee;border-radius:8px}.message-line{display:block;height:5px;background:#dde8ec;margin:7px 0;border-radius:5px}.message-line.short{width:65%}.flow-agent{height:200px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.flow-agent img{width:90px;position:relative}.flow-agent>span{font-size:11px;margin-top:15px;position:absolute;bottom:0}.orbit{position:absolute;border:1px solid #bbdcdf80;width:170px;height:170px;border-radius:50%;animation:breathe 5s infinite}.orbit-two{width:220px;height:220px;animation-delay:-2s}.task{display:flex;gap:13px;margin:23px 0}.task i{width:7px;height:7px;background:#78b7ac;border-radius:50%;margin-top:6px}.task h4{font-size:13px;font-weight:500;margin:0}.task p{margin:3px 0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.benefits article>span{font-size:11px;color:#90a3aa}.benefits p{font-size:14px;color:var(--muted)}.fit{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;background:#eef4f3}.fit-copy .text-link{margin-top:20px}.systems{height:400px;position:relative}.systems svg{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}.systems path{fill:none;stroke:#b4d3d3;stroke-width:1;stroke-dasharray:6 6;animation:flow 30s linear infinite}.system{position:absolute;border:1px solid #d4e1e0;padding:17px 22px;border-radius:7px;background:#f9fcfb;font-size:12px;z-index:2;box-shadow:0 5px 15px #58716d04}.s1{top:40px;left:0}.s2{top:40px;right:0}.s3{bottom:40px;left:0}.s4{bottom:40px;right:0}.system-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:24px;background:#fff;width:105px;height:105px;display:grid;place-items:center;box-shadow:0 10px 70px #659d9220;z-index:2}.system-center img{width:83px}.hosting .section-head{text-align:center}.hosting .eyebrow{justify-content:center}.hosting-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px}.hosting-grid article{border:1px solid var(--line);padding:36px;border-radius:12px}.hosting-grid h3{font-size:28px;margin:12px 0}.hosting-grid article>p:not(.label){font-size:14px;color:var(--muted);margin-bottom:25px}.hosting-art{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;gap:7px}.hosting-art span{display:block;border:1px solid #bfd8dd;background:linear-gradient(120deg,#e1f8f2,#c8e3f9);box-shadow:4px 7px 18px #659da914}.cloud-art span{width:65px;height:65px;border-radius:50%;animation:float 6s ease-in-out infinite}.cloud-art span:nth-child(2){width:90px;height:90px;margin:0 -25px;z-index:1;animation-delay:-2s}.dedicated-art span{width:48px;height:80px;border-radius:6px;transform:skewY(-13deg);animation:float 6s ease-in-out infinite}.dedicated-art span:nth-child(2){animation-delay:-2s}.closing{text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line);padding-top:110px;padding-bottom:110px}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(45px,5vw,74px)}.closing .button{margin-top:20px}.closing-glow{position:absolute;width:700px;height:600px;background:radial-gradient(ellipse,#bce5db60,transparent 67%);left:50%;top:20%;transform:translateX(-50%);z-index:-1;animation:breathe 8s infinite}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer .brand img{width:100px}footer p,footer>span{font-size:11px;color:var(--muted)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}dialog{border:1px solid var(--line);border-radius:16px;padding:50px;max-width:530px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#18303e70;backdrop-filter:blur(8px)}dialog h2{font-size:40px}dialog p:not(.eyebrow){color:var(--muted);font-size:14px}dialog .eyebrow{margin-top:25px}.close{position:absolute;right:24px;top:22px;border:0;background:none;font-size:12px;color:var(--muted)}dialog .button{margin-top:15px}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes breathe{50%{transform:scale(1.07);opacity:.6}}@keyframes flow{to{stroke-dashoffset:-240}}@keyframes float{50%{translate:0 -8px}}@media(min-width:1600px){.hero-content{margin-left:13%}.section{padding-left:13%;padding-right:13%}}@media(max-width:900px){nav{gap:20px}.trades{flex-direction:column;gap:5px;text-align:center}.trades p{max-width:none}.trades>div{gap:30px}.section{padding:80px 7%}.flow-grid{padding:28px;gap:15px}.flow-agent img{width:65px}.orbit{width:120px;height:120px}.orbit-two{width:155px;height:155px}.fit{grid-template-columns:1fr}.systems{max-width:500px;width:100%;margin:auto}.benefits{gap:25px}}@media(max-width:600px){header{height:80px;padding:0 6%}.brand img{width:105px}nav{display:none}.button.small{padding:11px 15px;font-size:12px}.hero{min-height:730px;max-height:850px}.hero-content{margin-left:7%;margin-right:7%;margin-top:-40px}h1{font-size:49px}.eyebrow{font-size:10px}.intro{font-size:15px}.hero-actions{gap:25px}.hero-bottom{left:7%;right:7%;font-size:9px}.hero-bottom span:last-child{display:none}.trades>div{flex-wrap:wrap;justify-content:center;gap:20px;font-size:15px}.trades span:last-child{width:100%;font-size:11px}.section{padding:70px 7%}h2{font-size:36px}.section-head>p:last-child,.fit-copy>p:not(.eyebrow){font-size:14px}.flow-grid{grid-template-columns:1fr;padding:26px}.flow-agent{height:210px}.orbit{width:140px;height:140px}.orbit-two{width:180px;height:180px}.flow-output{border-top:1px solid var(--line);padding-top:10px}.message{width:100%}.workflow-top{padding:18px;font-size:11px}.benefits{grid-template-columns:1fr;gap:15px}.benefits article{border-bottom:1px solid var(--line);padding-bottom:15px}.benefits h3{margin-top:12px}.systems{height:330px}.system{padding:13px;font-size:10px}.hosting-grid{grid-template-columns:1fr;gap:20px}.hosting-grid article{padding:28px}.hosting .section-head{text-align:left}.hosting .eyebrow{justify-content:flex-start}footer{flex-wrap:wrap;gap:20px;padding:30px 7%}footer p{display:none}dialog{padding:35px;max-width:90vw}dialog h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* A more human first impression, with the original moving background. */
.hero-human{height:auto;max-height:none;min-height:860px;padding:160px 7% 115px;display:block}
.hero-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;max-width:1450px;margin:auto;z-index:1}
.hero-human .hero-content{margin:0;max-width:590px;animation:enter 1s both}
.hero-human h1{font-size:clamp(44px,4.7vw,74px);line-height:1.07;letter-spacing:-.055em;margin-bottom:27px}
.hero-human h1 span{color:#647e80}
.hero-human .intro{max-width:360px;font-size:16px;line-height:1.8;margin-bottom:30px}
.hero-note{font-size:11px;color:#78868a;margin:25px 0 0}
.hero-scene{position:relative;min-width:0;padding-bottom:115px;animation:enter 1.2s .15s both}
.worker-photo{position:relative;margin:0 0 0 28px;height:505px;border-radius:9px;overflow:hidden;background:#e7e9e3}
.worker-photo>img{width:100%;height:100%;object-fit:cover;object-position:61% 50%;display:block}
.worker-photo::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#192b2a70)}
.worker-photo figcaption{position:absolute;left:24px;bottom:24px;z-index:1;color:#fff;font-size:13px}
.background-work{position:absolute;left:-25px;bottom:0;width:min(365px,90%);padding:22px 23px 15px;border:1px solid #e5e8e2;border-radius:9px;background:#fffefb;box-shadow:0 16px 55px #2d423019}
.background-work-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #e8ebe5}
.background-work-heading>div{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550}
.background-work-heading img{object-fit:contain}
#motion-toggle{font-size:10px;color:#79857d;background:transparent;border:0;padding:6px 0 6px 6px}
.activity{display:flex;align-items:center;gap:11px;padding-top:17px;color:#8a958e;transition:color .6s,opacity .6s}
.activity-name{font-size:12px;flex:1}.activity-state{font-size:9px;color:#98a29b;min-width:36px;text-align:right}
.activity-mark{width:14px;height:14px;border:1px solid #dbe1d9;border-radius:50%;position:relative;flex-shrink:0}
.activity.is-current{color:#364d42}.is-current .activity-state{color:#658c76}.is-current .activity-mark{border-color:#729b85}
.is-current .activity-mark::after{content:'';position:absolute;inset:3px;background:#729b85;border-radius:50%;animation:activityPulse 1.5s ease-in-out infinite}
.activity.is-done{color:#53685a}.is-done .activity-mark{background:#e6efe6;border-color:#e6efe6}.is-done .activity-mark::after{content:'';position:absolute;width:5px;height:3px;border-left:1px solid #668770;border-bottom:1px solid #668770;transform:rotate(-45deg);left:3px;top:3px}
.activity-progress{height:2px;background:#e9eee7;margin-top:20px;overflow:hidden}.activity-progress span{display:block;width:33.333%;height:100%;background:#8aad96;transform-origin:left;animation:workProgress 3.6s linear infinite}
.activity-caption{font-size:8px;color:#929c94;letter-spacing:.015em;margin:11px 0 0}
.background-work.is-paused *{animation-play-state:paused!important}
@keyframes workProgress{from{transform:translateX(-100%)}to{transform:translateX(300%)}}
@keyframes activityPulse{50%{opacity:.35}}
.work .orbit{display:none}.workflow{background:linear-gradient(120deg,#fffefa,#f5f7f2)}.fit{background:#f1f4ef}.systems path{stroke:#bfcec1;animation:none;stroke-dasharray:none}.system-center{box-shadow:0 10px 45px #72826b13}.system{background:#fdfefa;border-color:#dfe6da}.hosting-art span{animation:none}.cloud-art span,.dedicated-art span{background:linear-gradient(120deg,#f0f4e9,#dce9e4);border-color:#cbd8cc;box-shadow:none}
@media(min-width:1600px){.hero-human{padding-left:10%;padding-right:10%}.hero-human .hero-content{margin:0}}
@media(max-width:1050px){.hero-human{padding:145px 6% 105px;min-height:780px}.hero-layout{gap:5%;grid-template-columns:1fr 1fr}.hero-human h1{font-size:clamp(40px,4.9vw,57px)}.worker-photo{height:460px;margin-left:10px}.background-work{left:-12px;padding:18px;width:310px}.activity-name{font-size:11px}.hero-human .intro{font-size:14px}.hero-human .hero-actions{gap:20px}.hero-human .text-link{font-size:12px}}
@media(max-width:700px){.hero-human{padding:135px 7% 85px;min-height:0}.hero-layout{display:block}.hero-human h1{font-size:clamp(43px,8vw,62px)}.hero-human .hero-content{max-width:550px;margin:0}.hero-human .intro{max-width:355px;font-size:15px}.hero-note{font-size:10px}.hero-scene{margin-top:45px;padding-bottom:118px;max-width:520px}.worker-photo{height:410px;margin-left:20px}.background-work{left:0;bottom:0;width:min(345px,92%);padding:20px}.activity-name{font-size:12px}.hero-bottom{bottom:23px}.hero-human .eyebrow{font-size:10px}.hero-human .hero-actions{gap:25px}.hero-human .text-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.activity-progress span{transform:none;width:100%}.activity.is-current .activity-mark::after{animation:none}}

/* Outcome-first editorial hero. A distinct visual chapter from the sections below. */
.vaea-home>header{color:#e9eee9;background:#202c29;border-color:#ffffff15;backdrop-filter:none;height:96px;padding:0 5.5%}
.hero-brand{display:flex;align-items:center;gap:5px}.hero-brand img{width:43px}.hero-brand span{font-size:39px;letter-spacing:-.07em;font-weight:550;line-height:1}
.vaea-home>header .button{background:#e5ecdf;color:#24392f;border-radius:3px}.vaea-home>header nav{color:#d2dad3;font-size:12px}
.hero-grounded{display:block;position:relative;min-height:0;height:auto;max-height:none;background:#202c29;color:#f1f0e6;padding:159px 5.5% 0;isolation:isolate;overflow:hidden}
.hero-grounded #field{opacity:.42;z-index:-1}.grounded-heading{position:relative;display:grid;grid-template-columns:2.3fr 1fr;gap:5%;align-items:end;max-width:1600px;margin:0 auto 56px}
.hero-grounded .eyebrow{font-size:10px;letter-spacing:.13em;color:#bdc9b6;margin-bottom:25px}
.hero-grounded h1{font-size:clamp(48px,5.2vw,88px);font-weight:450;letter-spacing:-.055em;line-height:1.08;margin:0}.hero-grounded h1 span{color:#b8c7b0}
.grounded-intro{padding-bottom:3px}.grounded-intro>p:first-child{font-size:15px;line-height:1.7;color:#d1d8cf;max-width:290px;margin:0 0 24px}
.hero-grounded .button{background:#dfebd5;color:#24382e;border-radius:3px;padding:16px 26px}.hero-grounded .button:hover{background:#f0f4e8;box-shadow:none}
.hero-grounded .hero-note{color:#9fae9f;font-size:10px;margin-top:18px}
.grounded-stage{position:relative;display:grid;grid-template-columns:1.65fr 1fr;gap:0;max-width:1600px;margin:auto;min-height:430px;background:#18221f;border:1px solid #ffffff13}
.hero-grounded .worker-photo{height:470px;border-radius:0;margin:0;background:#535b4f}.hero-grounded .worker-photo>img{object-position:center 46%;filter:saturate(.83);width:100%;height:100%;object-fit:cover}
.hero-grounded .worker-photo::after{inset:75% 0 0;background:linear-gradient(transparent,#13201b70)}.hero-grounded .worker-photo figcaption{font-size:11px;left:24px;bottom:20px}
.hero-grounded .background-work{position:relative;inset:auto;width:auto;max-width:none;background:transparent;border:0;border-radius:0;box-shadow:none;padding:40px 34px 26px;display:flex;flex-direction:column;justify-content:center}
.hero-grounded .background-work-heading{padding-bottom:24px;border-bottom:1px solid #ffffff1b;gap:10px}.hero-grounded .background-work-heading>div{font-size:11px;gap:10px;color:#e6ecdf}.hero-grounded .status{width:5px;height:5px;background:#a5c2a0;box-shadow:0 0 0 4px #a5c2a010}
.hero-grounded #motion-toggle{font-size:9px;color:#a6b4a7}.hero-grounded .activity{padding:23px 0;gap:13px;border-bottom:1px solid #ffffff12;align-items:flex-start;opacity:.5;color:#d4ddcf;transition:opacity .6s}
.hero-grounded .activity.is-current,.hero-grounded .activity.is-done{opacity:1;color:#ecf0e7}.activity-copy{flex:1}.hero-grounded .activity-name{font-size:17px;letter-spacing:-.025em;display:block}.activity-copy p{font-size:10px;margin:5px 0 0;color:#aeb9ac;line-height:1.5}
.hero-grounded .activity-state{font-size:9px;margin-top:4px;color:#b8cbb1}.hero-grounded .activity-mark{margin-top:5px;width:13px;height:13px;border-color:#667661}.hero-grounded .is-current .activity-mark{border-color:#b7cfaa}.hero-grounded .is-current .activity-mark::after{background:#b7cfaa}.hero-grounded .is-done .activity-mark{background:#a9bfa0;border-color:#a9bfa0}.hero-grounded .is-done .activity-mark::after{border-color:#243329}
.hero-grounded .activity-progress{margin-top:24px;background:#ffffff13;height:1px}.hero-grounded .activity-progress span{background:#a9c09d}.hero-grounded .activity-caption{font-size:8px;color:#829480;margin:13px 0 0;line-height:1.5}
.grounded-bottom{display:flex;align-items:center;justify-content:space-between;padding:26px 0 30px;max-width:1600px;margin:auto;font-size:10px;color:#9eaf9e}.grounded-bottom p{margin:0}.grounded-bottom a{border-bottom:1px solid #64755e;padding-bottom:4px}.grounded-bottom a:hover{color:#fff}
.trades{background:#f7f8f4}.work{padding-top:135px}.section-head h2,h2{font-weight:450}
@media(min-width:1600px){.hero-grounded{padding-left:7%;padding-right:7%}.hero-grounded .worker-photo{height:520px}}
@media(max-width:1100px){.grounded-heading{grid-template-columns:1.8fr 1fr;gap:4%}.hero-grounded h1{font-size:5.5vw}.grounded-intro>p:first-child{font-size:13px}.hero-grounded .background-work{padding:28px 22px}.hero-grounded .activity-name{font-size:15px}.hero-grounded .background-work-heading>div{font-size:10px}.hero-grounded .worker-photo{height:430px}.hero-grounded .activity{padding:22px 0}.hero-grounded .hero-note{font-size:9px}}
@media(max-width:760px){.vaea-home>header{height:80px;padding:0 7%}.hero-brand img{width:33px}.hero-brand span{font-size:32px}.vaea-home>header nav{display:none}.hero-grounded{padding:125px 7% 0}.grounded-heading{display:block;margin-bottom:34px}.hero-grounded h1{font-size:clamp(40px,7.3vw,58px);line-height:1.1}.hero-grounded .eyebrow{font-size:9px;margin-bottom:22px}.grounded-intro{margin-top:25px}.grounded-intro>p:first-child{font-size:14px;max-width:350px;line-height:1.7}.hero-grounded .hero-note{font-size:10px}.grounded-stage{display:block;margin:0 -8.14%;border-left:0;border-right:0}.hero-grounded .worker-photo{height:350px}.hero-grounded .worker-photo>img{object-position:center}.hero-grounded .background-work{padding:28px 7% 30px}.hero-grounded .background-work-heading>div{font-size:11px}.hero-grounded .activity{padding:19px 0}.hero-grounded .activity-name{font-size:17px}.activity-copy p{font-size:11px}.hero-grounded .activity-caption{font-size:9px}.grounded-bottom{padding:24px 0;display:block;font-size:10px}.grounded-bottom>a{display:inline-block;margin-top:13px}.work{padding-top:80px}.hero-grounded .worker-photo figcaption{left:7%}}
@media(max-width:390px){.hero-grounded h1{font-size:37px}.hero-grounded .worker-photo{height:285px}}

/* Blue introduction, clean white content, and a moving paper-trail demonstration. */
:root{--paper:#fff;--ink:#243b51;--muted:#6c7b88;--line:#e0e7ee}body{background:#fff}.vaea-home>header{background:#173a60;color:#f2f7ff;border-color:#ffffff15}.vaea-home>header nav{color:#d4e2f4}.vaea-home>header .button,.hero-grounded .button{background:#eff6ff;color:#173e66}.vaea-home>header .button:hover,.hero-grounded .button:hover{background:#d7eaff}
.hero-grounded{background:#173a60;color:#fff}.hero-grounded h1 span{color:#a9d1f2}.hero-grounded .eyebrow{color:#a9c7e5}.grounded-intro>p:first-child{color:#d3e3f1}.hero-grounded .hero-note,.grounded-bottom{color:#acc3d9}.grounded-bottom a{border-color:#718eac}.hero-grounded #field{opacity:.7}
.grounded-stage{grid-template-columns:1fr 1.23fr;background:#f4f8fc;border:0}.hero-grounded .worker-photo{height:535px}.hero-grounded .worker-photo>img{filter:none;object-position:47% 50%}.hero-grounded .worker-photo::after{background:linear-gradient(transparent,#17334a80)}
.paper-demo{padding:26px 32px 20px;min-width:0;color:#27415b;display:flex;flex-direction:column;background:#f4f8fc}.paper-demo-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;color:#6d87a1;margin-bottom:17px}.hero-grounded .paper-demo #motion-toggle{color:#52789b;font-size:10px}.service-select-label{font-size:9px;color:#6d87a1;margin-bottom:6px}.paper-demo select{appearance:auto;color:#183d60;background:transparent;border:0;border-bottom:1px solid #cddce9;border-radius:0;padding:0 0 10px;font:500 22px 'DM Sans',Arial,sans-serif;letter-spacing:-.035em;width:100%;cursor:pointer}.paper-demo select:focus-visible{outline:2px solid #277cba;outline-offset:4px}.paper-demo select option{font-size:15px;color:#173a60;background:#fff}.service-problem{color:#6a7d8e;font-size:12px;line-height:1.6;margin:14px 0 0;min-height:39px;max-width:95%}.paper-machine{position:relative;margin:17px 0 15px}.scattered-papers{height:58px;position:relative;display:flex;justify-content:center;gap:10px;align-items:center}.paper-piece{display:grid;place-items:center;width:30%;min-height:39px;padding:8px 6px;position:relative;background:#fff;border:1px solid #dbe5ef;border-radius:3px;box-shadow:0 4px 12px #27496908;font-size:9px;text-align:center;color:#5a7288;transition:transform 1s ease,opacity .8s,box-shadow .8s}.paper-piece:nth-child(1){transform:rotate(-6deg) translateY(3px)}.paper-piece:nth-child(2){transform:rotate(4deg) translateY(-5px)}.paper-piece:nth-child(3){transform:rotate(-3deg) translateY(5px)}.phase-1 .paper-piece{transform:rotate(0) translateY(5px);box-shadow:0 3px 9px #27496910}.phase-2 .paper-piece{transform:rotate(0) translateY(8px);opacity:.45}.paper-connector{height:22px;position:relative;width:1px;background:#d5e2ee;margin:auto;overflow:hidden}.paper-connector span{display:block;background:#418abf;width:1px;height:14px;animation:paperTransfer 1.4s linear infinite}.finished-paper{border:1px solid #dce6ee;border-radius:4px;padding:17px 20px 15px;background:#fff;box-shadow:0 8px 24px #173a6007;position:relative;transition:border-color .7s,box-shadow .7s;min-height:133px}.phase-2 .finished-paper{border-color:#8bb5d7;box-shadow:0 8px 24px #173a6010}.paper-result-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#8a9cac}.result-status{color:#4387b8;font-size:8px}.finished-paper h3{font-size:17px;font-weight:500;margin:12px 0 5px;letter-spacing:-.03em;color:#274963}.finished-paper>p{font-size:10px;line-height:1.6;color:#7a8e9e;margin:0;max-width:95%}.paper-lines{display:flex;gap:5px;margin-top:12px}.paper-lines i{height:3px;display:block;width:25%;border-radius:1px;background:#edf2f7;transform-origin:left;transition:background .7s,transform 1s;transform:scaleX(.25)}.paper-lines i:nth-child(2){width:40%;transition-delay:.12s}.paper-lines i:nth-child(3){width:15%;transition-delay:.25s}.phase-1 .paper-lines i{transform:scaleX(.6)}.phase-2 .paper-lines i{transform:scaleX(1);background:#c6dcec}.service-benefit{font-size:16px;line-height:1.45;letter-spacing:-.025em;color:#234e73;font-weight:500}.service-boundary{font-size:9px;line-height:1.6;color:#8296a7;margin:7px 0 12px;min-height:28px}.demo-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce6ee;padding-top:12px;font-size:8px;color:#91a1af}.demo-footer>div{display:flex;gap:15px;align-items:center}.demo-footer button{border:0;background:none;color:#587b99;padding:3px 0;font-size:9px}.demo-footer button:hover{color:#174973}.paper-demo.is-paused *{animation-play-state:paused!important}
@keyframes paperTransfer{from{transform:translateY(-14px)}to{transform:translateY(30px)}}
.trades,.fit,.workflow,.hosting-grid article,.system,.system-center,.closing,footer{background:#fff}.system{border-color:#dce7ee}.systems path{stroke:#b6cfe2}.section-head h2 span,h2 span{color:#879caf}.cloud-art span,.dedicated-art span{background:linear-gradient(120deg,#f4f9fd,#dcebf7);border-color:#c6d9e9}.task i{background:#80adc9}.closing-glow{background:radial-gradient(ellipse,#d4e9fa60,transparent 67%)}.fit{border-top:1px solid #e8eef3;border-bottom:1px solid #e8eef3}
@media(min-width:1600px){.hero-grounded .worker-photo{height:535px}}@media(max-width:1100px){.grounded-stage{grid-template-columns:.9fr 1.1fr}.paper-demo{padding:24px}.hero-grounded .worker-photo{height:555px}.paper-demo select{font-size:20px}.service-problem{font-size:11px}.paper-piece{font-size:8px}.paper-result-top{font-size:7px}.result-status{font-size:7px}.service-benefit{font-size:15px}}
@media(max-width:760px){.grounded-stage{display:block}.hero-grounded .worker-photo{height:330px}.paper-demo{padding:27px 7% 22px;min-height:545px}.paper-demo select{font-size:21px}.service-problem{font-size:12px}.paper-piece{font-size:9px}.service-benefit{font-size:17px}.service-boundary{font-size:10px}.demo-footer{font-size:9px}.finished-paper{min-height:143px}.finished-paper>p{font-size:11px}.finished-paper h3{font-size:18px}.paper-result-top,.result-status{font-size:8px}.paper-machine{margin:20px 0}.paper-demo-top{font-size:9px}.service-select-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.paper-piece,.paper-lines i{transition:none!important}.paper-connector span{animation:none}.phase-2 .paper-piece{opacity:1}}
.phase-1 .paper-piece:nth-child(1){transform:translate(74%,8px) rotate(-2deg);z-index:1}.phase-1 .paper-piece:nth-child(2){transform:translateY(3px) rotate(1deg);z-index:3}.phase-1 .paper-piece:nth-child(3){transform:translate(-74%,11px) rotate(3deg);z-index:2}.phase-2 .paper-piece:nth-child(1){transform:translate(74%,48px) scale(.82);opacity:0}.phase-2 .paper-piece:nth-child(2){transform:translateY(48px) scale(.82);opacity:0}.phase-2 .paper-piece:nth-child(3){transform:translate(-74%,48px) scale(.82);opacity:0}.phase-2 .finished-paper{transform:translateY(-4px);background:#fff}.finished-paper{transition:border-color .7s,box-shadow .7s,transform .7s}
@media(prefers-reduced-motion:reduce){.paper-piece,.phase-1 .paper-piece:nth-child(n),.phase-2 .paper-piece:nth-child(n){transform:none;opacity:1}.finished-paper{transform:none!important}}

/* A single clear composition, with an uninterrupted stream beneath it. */
.hero-simple{height:100svh;min-height:740px;max-height:none;display:grid;grid-template-rows:4fr 1fr;background:#173a60;color:#fff;isolation:isolate;overflow:hidden}
.hero-simple #field{z-index:-1;opacity:.7}.hero-main{padding:128px 7% 40px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;min-height:0;max-width:1700px;width:100%;margin:auto;height:100%}
.hero-photo{margin:0;padding:9px;border:1px solid #9bc8ee65;border-radius:13px;background:#bcd9f010;box-shadow:0 18px 60px #081c2e22;min-height:0;height:min(46vh,460px);max-height:100%;transform:rotate(-1.2deg)}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:6px}
.hero-pitch{padding-bottom:5px}.hero-simple .eyebrow{color:#a9c7e5;font-size:9px;letter-spacing:.12em;margin-bottom:24px}.hero-simple h1{font-size:clamp(43px,4.1vw,70px);line-height:1.09;letter-spacing:-.055em;font-weight:450;margin:0 0 25px}.hero-simple h1 span{color:#acd2f2}.hero-subtitle{font-size:15px;line-height:1.8;max-width:350px;color:#d0e2f2;margin:0 0 27px}.hero-simple .button{background:#f0f7ff;color:#173e66;border-radius:4px;padding:16px 25px}.hero-simple .button:hover{background:#dbeeff}
.service-stream{border-top:1px solid #ffffff22;background:#1434538c;display:flex;flex-direction:column;justify-content:center;min-height:135px;position:relative;overflow:hidden;padding:16px 0 22px;gap:24px}
.stream-header{display:flex;justify-content:space-between;align-items:center;padding:0 7%;font-size:10px;color:#9cbad5}.stream-header p{margin:0;letter-spacing:.025em}.stream-header button{border:0;background:none;color:#9cbad5;font-size:9px;padding:4px 0}
.stream-window{overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.stream-track{display:flex;width:max-content;animation:streamRight 100s linear infinite;will-change:transform}
.stream-group{display:flex;flex-shrink:0;align-items:center;gap:54px;padding-right:54px}
.stream-item{display:flex;gap:13px;align-items:center;white-space:nowrap;color:#e1edf8;font-size:14px;letter-spacing:-.01em}
.stream-item svg{width:27px;height:27px;color:#9fc9e9;flex-shrink:0}.stream-track.is-paused{animation-play-state:paused}
@keyframes streamRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(min-width:1600px){.hero-main{padding-left:9%;padding-right:9%}.hero-photo{height:min(48vh,550px)}}
@media(max-width:1100px){.hero-main{padding-left:6%;padding-right:6%;gap:6%;grid-template-columns:1fr 1fr}.hero-simple h1{font-size:4.7vw}.hero-subtitle{font-size:13px}.hero-photo{height:40vh}.stream-group{gap:40px;padding-right:40px}.stream-item{font-size:12px}}
@media(max-width:700px){.hero-simple{height:auto;min-height:100svh;grid-template-rows:auto auto;display:grid}.hero-main{padding:115px 7% 36px;display:flex;flex-direction:column;gap:29px;align-items:stretch;height:auto}.hero-photo{height:28svh;min-height:190px;max-height:310px;width:100%;padding:6px;border-radius:10px;transform:rotate(-.8deg)}.hero-photo img{object-position:center 44%;border-radius:5px}.hero-simple .eyebrow{font-size:8px;margin-bottom:16px}.hero-simple h1{font-size:clamp(36px,7.4vw,51px);margin-bottom:18px;line-height:1.08}.hero-subtitle{font-size:13px;max-width:370px;line-height:1.7;margin-bottom:21px}.hero-simple .button{padding:14px 22px;font-size:13px}.hero-pitch{padding:0}.service-stream{min-height:145px;gap:23px;padding:19px 0 24px}.stream-header{font-size:9px}.stream-item{font-size:12px;gap:10px}.stream-item svg{width:25px;height:25px}.stream-group{gap:35px;padding-right:35px}}
@media(prefers-reduced-motion:reduce){.stream-window{overflow-x:auto;mask-image:none}.stream-track{animation:none;transform:none}.stream-group[aria-hidden=true]{display:none}.stream-group{padding:0 25px}.hero-photo{transform:none}}

.stream-header h2{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-.02em;color:#d8e9f8;margin:0}.hero-pitch>a.button{display:inline-block}.service-stream:hover .stream-track{animation-play-state:paused}@media(max-width:700px){.stream-header h2{font-size:14px}}

/* Full-photo first impression; keep the issue stream's size and motion. */
.vaea-home>header{background:linear-gradient(180deg,#0b2744c9,#0b27442b);border-bottom-color:#ffffff1c;backdrop-filter:blur(5px)}
.hero-simple{isolation:isolate;position:relative;background:#173a60}.hero-simple #field{z-index:2;opacity:.5;height:80%;pointer-events:none}
.hero-main{position:relative;max-width:none;margin:0;width:100%;height:100%;padding:135px 8% 55px;display:flex;align-items:center;gap:0;overflow:hidden;isolation:isolate}
.hero-background{position:absolute;inset:0;z-index:-3}.hero-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero-main::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,31,55,.94) 0%,rgba(12,42,72,.85) 27%,rgba(14,46,77,.57) 48%,rgba(18,51,80,.12) 70%,rgba(12,38,61,.05) 100%),linear-gradient(0deg,#102f4e66,transparent 28%,transparent 72%,#102f4e33)}
.hero-main::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(112deg,transparent 0%,transparent 53%,#a9dafa0a 53.1%,#a9dafa0a 63%,transparent 63.1%);pointer-events:none;animation:heroLight 18s ease-in-out infinite alternate}
.hero-layer{position:absolute;width:56vw;height:56vw;border:1px solid #cae8ff16;border-radius:50%;right:-12%;bottom:-72%;z-index:0;pointer-events:none;box-shadow:0 0 0 90px #cae8ff04,0 0 0 180px #cae8ff03;animation:heroRing 14s ease-in-out infinite alternate}
.hero-pitch{position:relative;z-index:3;max-width:690px;padding:0}.hero-simple h1{font-size:clamp(48px,4.8vw,79px);line-height:1.07;text-shadow:0 2px 25px #06203916;margin-bottom:28px}.hero-simple h1 span{color:#b9ddf9}.hero-simple .eyebrow{color:#bdd9ee;font-size:10px;letter-spacing:.12em;margin-bottom:25px}.hero-subtitle{max-width:360px;font-size:16px;color:#dbe9f4;line-height:1.75;margin-bottom:30px}.hero-simple .button{padding:17px 29px;font-size:14px;box-shadow:0 5px 20px #061d3210}.service-stream{z-index:3;background:#143453}
.stream-header .problem-signal{display:flex;gap:7px;align-items:center;font-size:16px;flex-wrap:wrap;line-height:1.4}.problem-signal>span:nth-child(2){color:#a8c2da;font-weight:400}.problem-signal .solved-phrase{position:relative;color:#eff7ff;font-weight:500}.solved-phrase::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:#9ecfed;transform-origin:left;animation:solvedUnderline 7s ease-in-out infinite}.solved-mark{display:inline-flex;width:20px;height:20px;margin-right:4px}.solved-mark svg{width:20px;height:20px;stroke:#9fcde9;stroke-width:1.2}.solved-mark circle{stroke:#7eacc761}.solved-mark path{stroke-dasharray:14;stroke-dashoffset:14;animation:solvedCheck 7s ease-in-out infinite}
@keyframes heroLight{to{transform:translateX(3%)}}@keyframes heroRing{to{transform:translate(-2%,-3%) scale(1.03)}}@keyframes solvedUnderline{0%,8%{transform:scaleX(0);opacity:.3}30%,80%{transform:scaleX(1);opacity:.8}100%{transform:scaleX(1);opacity:0}}@keyframes solvedCheck{0%,8%{stroke-dashoffset:14;opacity:.5}30%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@media(min-width:1600px){.hero-main{padding-left:10%;padding-right:10%}.hero-pitch{max-width:780px}}
@media(max-width:1100px){.hero-main{padding-left:7%;padding-right:7%}.hero-simple h1{font-size:5.3vw}.hero-pitch{max-width:60%}.hero-subtitle{font-size:14px;max-width:320px}}
@media(max-width:700px){.hero-simple{height:100svh;min-height:780px;display:grid;grid-template-rows:4fr 1fr}.hero-main{height:100%;padding:125px 7% 45px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0}.hero-pitch{max-width:100%;width:100%}.hero-background img{object-position:70% 35%}.hero-main::before{background:linear-gradient(0deg,#0b2a49fa 0%,#0b2a49e0 25%,#0b2a4970 58%,#0b2a4933 100%),linear-gradient(90deg,#0b2a4944,transparent)}.hero-simple h1{font-size:clamp(37px,8vw,53px);margin-bottom:19px;max-width:480px}.hero-simple .eyebrow{font-size:8px;margin-bottom:18px}.hero-subtitle{font-size:13px;max-width:320px;margin-bottom:22px;line-height:1.7}.hero-simple .button{padding:14px 24px;font-size:13px}.hero-layer{width:100vw;height:100vw;bottom:-40%;right:-50%}.stream-header .problem-signal{font-size:13px;gap:5px}.solved-mark{width:17px;height:17px;margin-right:2px}.solved-mark svg{width:17px;height:17px}.hero-simple #field{height:80%;opacity:.35}}
@media(prefers-reduced-motion:reduce){.solved-mark path{stroke-dashoffset:0}.solved-phrase::after{transform:none;opacity:.8}}
.vaea-home>header{backdrop-filter:none}.hero-background img{object-position:center top}@media(max-width:700px){.hero-background img{object-position:70% top}}
/* Keep navigation available, with a solid fill once the page moves. */
.vaea-home>header{position:fixed;top:0;left:0;right:0;z-index:50;transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease;background-color:transparent}
.vaea-home>header.is-scrolled{background:#173a60;border-bottom-color:#ffffff18;box-shadow:0 4px 22px #0b27441c}
.stream-header{justify-content:center;text-align:center}.stream-header .problem-signal{justify-content:center}

/* Working examples and application integrations. Hero rules stay untouched. */
.working-demo{padding-top:105px;padding-bottom:90px;background:#fff}.demo-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.demo-intro h2{margin:0;font-size:clamp(37px,4vw,58px)}.demo-intro>.demo-intro p{margin:0}.demo-intro>p{font-size:14px;line-height:1.8;color:#788b9b;margin:0 0 5px;max-width:360px}.demo-intro .eyebrow{color:#7692aa;font-size:10px;letter-spacing:.11em;margin-bottom:22px}
.demo-theater{border:1px solid #dce6ef;border-radius:12px;overflow:hidden;background:#f7fafd;position:relative}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:#fff;border-bottom:1px solid #e2ebf2;gap:20px}.demo-choice label{display:block;color:#8c9da9;font-size:9px;letter-spacing:.04em;margin-bottom:5px}.demo-choice select{font-family:inherit;font-size:14px;font-weight:500;color:#294b68;background:transparent;border:0;padding:0 24px 0 0;max-width:100%;cursor:pointer}.demo-controls{display:flex;gap:18px;align-items:center;font-size:10px;color:#8ca0b0}.demo-controls button{font-size:10px;color:#66849b;background:transparent;border:0;padding:8px 0}.demo-controls button:hover{color:#1d6b9c}.demo-controls button:focus-visible,.demo-choice select:focus-visible{outline:2px solid #358bc5;outline-offset:4px}
.demo-story{padding:34px 34px 0;display:flex;justify-content:space-between;align-items:start;gap:25px}.demo-story .label{font-size:8px;color:#8ba0b2;letter-spacing:.12em;margin:0 0 9px}.demo-story h3{font-size:25px;letter-spacing:-.035em;margin:0 0 8px;color:#2a4a65}.demo-story-copy>p:last-child{font-size:12px;color:#7d91a2;max-width:600px;line-height:1.7;margin:0;min-height:41px}.demo-step-state{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:9px;color:#7190a8;margin-top:5px}.demo-state-dot{width:5px;height:5px;background:#6ba3c8;border-radius:50%;box-shadow:0 0 0 4px #6ba3c80d}
.demo-scene{display:grid;grid-template-columns:1fr 160px 1fr;align-items:center;gap:0;padding:30px 34px 32px;min-height:270px}.demo-input-card,.demo-result-card{border:1px solid #dce7ef;background:#fff;border-radius:7px;min-height:218px;box-shadow:0 8px 28px #193d5d04}.demo-input-card{padding:20px}.scene-caption{display:flex;justify-content:space-between;color:#8ca1b1;font-size:9px;margin-bottom:15px}.scene-count{color:#b5c5d2;font-size:8px}.demo-input-item{border:1px solid #e6edf3;background:#fafcfe;border-radius:4px;padding:9px 10px;display:flex;gap:10px;align-items:center;font-size:11px;color:#58758d;margin:7px 0;animation:demoArrival .7s both;animation-delay:calc(var(--arrival) * .18s)}.input-line-icon{display:inline-flex;color:#89a8c0}.input-line-icon svg{width:16px;height:16px}.input-footnote{font-size:8px;color:#acbac5;margin-top:14px}.demo-bridge{display:flex;align-items:center;justify-content:center;position:relative;height:150px}.demo-vaea{width:58px;height:58px;border-radius:16px;border:1px solid #d7e9f5;background:#fff;display:grid;place-items:center;box-shadow:0 4px 25px #4584b00a;position:relative;z-index:2}.demo-vaea img{width:46px;height:46px;object-fit:contain}.bridge-line{height:1px;background:#d0e1ee;flex:1;position:relative;overflow:hidden}.bridge-line::after{content:'';position:absolute;width:22px;height:1px;background:#65a0c9;left:-24px;animation:demoPacket 1.9s linear infinite;opacity:0}.demo-phase-1 .bridge-line::after{opacity:1}.demo-phase-1 .demo-vaea{animation:demoPulse 1.7s ease-in-out infinite}.line-out::after{animation-delay:.65s}.bridge-caption{position:absolute;top:115px;font-size:8px;color:#8aa2b6;white-space:nowrap}
.demo-result-card{padding:20px;transition:border-color .7s,box-shadow .7s,transform .7s}.result-app{display:flex;align-items:center;gap:7px;font-size:10px;color:#6f8ca3}.result-app img{width:20px;height:20px;object-fit:contain}.result-app>span:last-child{margin-left:auto;font-size:8px;background:#edf4fa;color:#7b9bb4;border-radius:3px;padding:4px 6px}.demo-result-card h4{font-size:17px;line-height:1.3;font-weight:500;color:#2f5776;letter-spacing:-.025em;margin:20px 0 8px}.demo-result-card>p{font-size:10px;line-height:1.7;color:#8197a8;margin:0;min-height:34px;opacity:.4;transition:opacity .8s}.record-lines{margin-top:17px;display:flex;gap:5px}.record-lines span{height:3px;width:33%;border-radius:2px;background:#e5eff6;transform-origin:left;transform:scaleX(.15);transition:transform 1s}.record-lines span:nth-child(2){width:25%;transition-delay:.15s}.record-lines span:nth-child(3){width:15%;transition-delay:.3s}.demo-phase-1 .record-lines span{transform:scaleX(.55)}.demo-phase-2 .record-lines span{transform:scaleX(1)}.demo-phase-2 .demo-result-card>p{opacity:1}.demo-phase-2 .demo-result-card{border-color:#a3c7df;box-shadow:0 8px 30px #193d5d0a;transform:translateY(-3px)}.result-ready{display:flex;align-items:center;gap:6px;margin-top:15px;font-size:8px;color:#5e8ca7;opacity:0;transform:translateY(3px);transition:opacity .7s,transform .7s}.demo-phase-2 .result-ready{opacity:1;transform:none}.result-check{width:11px;height:11px;border-radius:50%;background:#e4eff6;position:relative}.result-check::after{content:'';position:absolute;left:3px;top:3px;width:4px;height:2px;border-left:1px solid #6c99b5;border-bottom:1px solid #6c99b5;transform:rotate(-45deg)}
.demo-takeaway{padding:0 34px 26px;display:flex;justify-content:space-between;gap:35px;align-items:start}.demo-takeaway>p:first-child{font-size:17px;font-weight:500;letter-spacing:-.025em;color:#325c7d;margin:0;line-height:1.5;max-width:52%}.demo-takeaway>p:last-child{font-size:9px;color:#91a4b4;line-height:1.7;max-width:38%;margin:0}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#fff;border-top:1px solid #e2ebf2;padding:15px 28px;font-size:8px;color:#98aab8}.demo-timeline{width:110px;height:2px;background:#eef3f7;overflow:hidden}.demo-timeline span{display:block;width:33.33%;height:100%;background:#91bad4;transition:width 2.8s linear}.demo-theater[data-phase="1"] .demo-timeline span{width:66.66%}.demo-theater[data-phase="2"] .demo-timeline span{width:100%}.demo-paused *{animation-play-state:paused!important}.demo-paused .demo-timeline span{transition:none}
.integration-block{text-align:center;padding-top:95px}.integration-block>.eyebrow{justify-content:center;font-size:10px;letter-spacing:.1em;color:#8299ae;margin-bottom:22px}.integration-block h2{font-size:clamp(34px,3.5vw,50px);margin-bottom:23px}.integration-block>p:not(.eyebrow){font-size:14px;color:#8093a2;line-height:1.8}.app-logo-window{margin:45px -10.98% 27px;padding:25px 0;overflow:hidden;border-top:1px solid #edf2f6;border-bottom:1px solid #edf2f6;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.app-logo-track{display:flex;width:max-content;animation:streamRight 42s linear infinite}.app-logo-group{display:flex;gap:75px;padding-right:75px;align-items:center;flex-shrink:0}.app-brand{width:95px;height:44px;display:grid;place-items:center}.app-brand img{max-width:95px;max-height:38px;object-fit:contain;display:block}.app-logo-window:hover .app-logo-track{animation-play-state:paused}.integration-note p:first-child{font-size:12px;color:#7c91a2;margin-bottom:5px}.integration-note p:last-child{font-size:9px;color:#a1b0bd;line-height:1.7;margin-top:0}.integration-block .text-link{margin-top:20px;font-size:12px}
@keyframes demoArrival{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes demoPacket{to{left:calc(100% + 24px)}}@keyframes demoPulse{50%{box-shadow:0 0 0 8px #77add50b,0 4px 25px #4584b00a}}
@media(max-width:1000px){.demo-scene{grid-template-columns:1fr 100px 1fr;padding:26px}.demo-story{padding:26px 26px 0}.demo-input-card,.demo-result-card{padding:16px}.demo-result-card h4{font-size:15px}.demo-input-item{font-size:10px}.demo-step-state{display:none}.bridge-caption{font-size:7px}.demo-takeaway{padding-left:26px;padding-right:26px}.demo-toolbar{padding-left:24px;padding-right:24px}.demo-controls{gap:12px}.demo-choice select{font-size:12px;max-width:260px}.demo-intro>p{font-size:12px;max-width:280px}}
@media(max-width:700px){.working-demo{padding:70px 7%}.demo-intro{display:block;margin-bottom:32px}.demo-intro>p{margin:23px 0 0;font-size:13px;max-width:350px}.demo-toolbar{padding:18px;align-items:start;flex-wrap:wrap;gap:14px}.demo-choice{width:100%}.demo-choice select{max-width:100%;width:100%;font-size:13px}.demo-controls{width:100%;justify-content:flex-end;gap:22px}.demo-controls>span{margin-right:auto}.demo-story{padding:25px 20px 0}.demo-story h3{font-size:23px}.demo-story-copy>p:last-child{font-size:11px;min-height:0}.demo-scene{display:flex;flex-direction:column;padding:23px 20px;min-height:0}.demo-input-card,.demo-result-card{width:100%;min-height:0;padding:18px}.demo-input-item{font-size:11px}.demo-bridge{height:95px;width:100%;flex-direction:column}.bridge-line{width:1px;height:18px;min-height:18px;flex:none}.bridge-line::after{width:1px;height:12px;left:0;top:-12px;animation-name:demoPacketVertical}.demo-vaea{width:43px;height:43px;border-radius:12px}.demo-vaea img{width:35px;height:35px}.bridge-caption{top:36px;left:calc(50% + 35px);font-size:7px}.demo-result-card h4{font-size:17px;margin-top:16px}.demo-result-card>p{font-size:11px;min-height:0}.demo-takeaway{display:block;padding:0 20px 23px}.demo-takeaway>p:first-child{max-width:100%;font-size:16px}.demo-takeaway>p:last-child{max-width:100%;font-size:9px;margin-top:10px}.demo-bottom{padding:15px 20px;flex-wrap:wrap;gap:12px}.demo-timeline{margin-left:auto;width:65px}.demo-bottom>span:last-child{width:100%;font-size:8px}.integration-block{padding-top:70px}.integration-block>p:not(.eyebrow){font-size:13px}.app-logo-window{margin-top:30px;margin-left:-8.14%;margin-right:-8.14%;padding:23px 0}.app-logo-group{gap:40px;padding-right:40px}.app-brand{width:80px;height:35px}.app-brand img{max-width:80px;max-height:31px}.integration-note p:first-child{font-size:11px}.integration-note p:last-child{font-size:9px}}
@keyframes demoPacketVertical{to{top:calc(100% + 12px)}}
@media(prefers-reduced-motion:reduce){.demo-input-item{opacity:1;transform:none}.record-lines span{transform:scaleX(1)}.demo-result-card>p,.result-ready{opacity:1}.app-logo-track{animation:none}.app-logo-window{overflow-x:auto;mask-image:none}.app-logo-group[aria-hidden=true]{display:none}.app-logo-group{padding-left:24px;padding-right:24px}}

/* One section: existing tools first, then a simple half-width visual demo. */
.compact-work{padding-top:80px;padding-bottom:100px;background:#fff}.compact-work>.integration-block{padding-top:0}.compact-work .integration-block>p{font-size:15px;line-height:1.8;color:#7a8f9f}.compact-work .integration-block .composio-copy{font-size:14px;line-height:1.7;color:#8a9dab}.compact-work .app-logo-window{margin-top:34px;margin-bottom:24px}
.split-demo{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-top:85px;padding-top:70px;border-top:1px solid #e9eff4}.split-demo-copy h2{font-size:clamp(35px,3.8vw,54px);margin-bottom:24px}.split-demo-copy>p{font-size:16px;line-height:1.8;color:#7c90a0;max-width:370px;margin:0 0 28px}.split-demo-copy .button{font-size:14px;padding:16px 25px}
.compact-demo{background:radial-gradient(ellipse at center,#eaf4fc,#f5f9fc 75%);border:1px solid #e2edf5;border-radius:16px;padding:35px 32px;min-width:0;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.compact-demo>#compact-example{width:100%}.compact-scene{width:100%;animation:compactEnter .5s ease both}.compact-issue{border:1px solid #e0e9f0;border-radius:8px;padding:22px;background:#fff;box-shadow:0 5px 20px #193d5d04;animation:compactSource 4.6s ease both}.compact-issue-heading{display:flex;gap:12px;align-items:center}.compact-issue-heading svg{width:25px;height:25px;flex-shrink:0;color:#82a9c7}.compact-issue h3{font-size:21px;color:#3f5f78;letter-spacing:-.03em;line-height:1.25;margin:0}.compact-inputs{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.compact-inputs span{font-size:12px;color:#8aa0b2;line-height:1.4;border:1px solid #edf2f6;border-radius:4px;padding:6px 8px;background:#fbfdfe}
.compact-transfer{height:65px;display:flex;align-items:center;justify-content:center;position:relative}.compact-transfer img{width:42px;height:42px;object-fit:contain;padding:7px;background:#fff;border:1px solid #daebf6;border-radius:12px;z-index:1;animation:compactLogo 4.6s ease both}.compact-transfer>span{width:45px;height:1px;background:#d4e5f2;position:relative;overflow:hidden}.compact-transfer>span::after{content:'';height:1px;width:18px;background:#6ba7d1;position:absolute;left:-20px;animation:compactFlow 1s linear 3;animation-delay:.5s}.compact-transfer>span:last-child::after{animation-delay:.9s}
.compact-solution{padding:22px;border:1px solid #a6cde6;border-radius:8px;background:#fff;box-shadow:0 10px 28px #1c4c7108;animation:compactResult 4.6s ease both;min-height:140px}.compact-app{display:flex;align-items:center;gap:8px;font-size:13px;color:#7490a6}.compact-app img{width:24px;height:24px;object-fit:contain}.compact-done{margin-left:auto;width:20px;height:20px;background:#e9f3fb;border-radius:50%;position:relative;animation:compactCheck 4.6s ease both}.compact-done::after{content:'';position:absolute;width:7px;height:4px;border-left:1.4px solid #6a9ec2;border-bottom:1.4px solid #6a9ec2;transform:rotate(-45deg);left:6px;top:6px}.compact-solution h4{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.03em;color:#305d7e;margin:17px 0 0}.compact-result-lines{display:flex;gap:5px;margin-top:17px}.compact-result-lines span{height:3px;width:25%;background:#e4f0f9;border-radius:2px;transform-origin:left;animation:compactWrite 4.6s ease both}.compact-result-lines span:nth-child(2){width:40%;animation-delay:.1s}.compact-result-lines span:nth-child(3){width:15%;animation-delay:.2s}
@keyframes compactEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes compactSource{0%,18%{transform:translateY(8px);opacity:.7}30%,80%{transform:none;opacity:1}100%{opacity:.65}}@keyframes compactLogo{0%,15%{transform:scale(.85);opacity:.6}30%,75%{transform:scale(1);opacity:1}100%{transform:scale(.95)}}@keyframes compactFlow{to{left:calc(100% + 20px)}}@keyframes compactResult{0%,18%{opacity:.12;transform:translateY(15px) scale(.98)}40%,92%{opacity:1;transform:none}100%{opacity:.8;transform:none}}@keyframes compactWrite{0%,28%{transform:scaleX(0)}60%,100%{transform:scaleX(1)}}@keyframes compactCheck{0%,42%{opacity:0;transform:scale(.4)}58%,100%{opacity:1;transform:scale(1)}}
@media(max-width:1000px){.split-demo{gap:6%}.compact-demo{padding:28px 22px}.compact-issue,.compact-solution{padding:18px}.compact-issue h3{font-size:19px}.compact-solution h4{font-size:20px}.compact-inputs span{font-size:11px}.split-demo-copy>p{font-size:14px}}
@media(max-width:700px){.compact-work{padding:60px 7% 70px}.compact-work .integration-block>p{font-size:14px}.compact-work .integration-block .composio-copy{font-size:13px}.split-demo{grid-template-columns:1fr;gap:34px;margin-top:55px;padding-top:50px}.split-demo-copy h2{font-size:36px;margin-bottom:20px}.split-demo-copy>p{font-size:15px;max-width:350px;margin-bottom:24px}.compact-demo{padding:28px 22px;min-height:390px}.compact-issue h3{font-size:21px}.compact-solution h4{font-size:22px}.compact-inputs span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.compact-scene,.compact-issue,.compact-solution,.compact-done,.compact-transfer img{opacity:1!important;transform:none!important}.compact-result-lines span{transform:scaleX(1)}}

.app-logo-track{animation-direction:reverse}

/* Demo follows the logo border without a separate spacer or divider. */
.compact-work .app-logo-window{margin-bottom:0}.compact-work .split-demo{margin-top:0;padding-top:0;border-top:0}.app-logo-track{animation-direction:reverse}

/* Individual scenes, with a steady stage and gentle overlapping transitions. */
.app-count-badge{display:inline-flex;align-items:center;gap:11px;padding:9px 15px 9px 12px;border:1px solid #dbe8f2;border-radius:30px;background:#f7fbfe;color:#7a96aa;font-size:12px;margin-top:15px}.app-count-badge strong{color:#386887;font-weight:550}.app-tile-stack{width:34px;height:20px;position:relative;display:inline-block}.app-tile-stack i{position:absolute;width:17px;height:17px;border-radius:4px;border:1px solid #b9d6ea;background:#eff7fc;top:1px;left:0;transform:rotate(-10deg)}.app-tile-stack i:nth-child(2){left:8px;background:#d9ebf8;transform:rotate(0)}.app-tile-stack i:nth-child(3){left:16px;background:#bcdcf0;transform:rotate(10deg)}
.compact-work .split-demo{margin-top:0;padding-top:55px;padding-bottom:35px}.compact-demo{height:420px;min-height:420px;padding:28px;background:#f2f8fc}.compact-demo>#compact-example{height:100%;position:relative}.motion-example{position:absolute;inset:0;display:flex;flex-direction:column;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);opacity:1;transform:none}.motion-example.is-entering{opacity:0;transform:translateY(15px)}.motion-example.is-leaving{opacity:0;transform:translateY(-12px);pointer-events:none}.motion-title{display:flex;gap:11px;align-items:center;min-height:42px}.motion-title>svg{width:25px;height:25px;color:#86acc8;flex-shrink:0}.motion-title h3{font-size:21px;margin:0;color:#375e7c;letter-spacing:-.03em;line-height:1.2}.motion-visual{position:relative;flex:1;margin:15px 0;min-height:220px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7e97aa}.motion-visual b{font-weight:500;color:#4e738e;font-size:13px}.motion-visual p{margin:6px 0;font-size:11px;line-height:1.6}.motion-outcome{display:flex;align-items:center;gap:10px;min-height:45px;border-top:1px solid #dce9f3;padding-top:15px}.motion-outcome img{width:23px;height:23px;object-fit:contain;flex-shrink:0}.motion-outcome p{font-size:16px;line-height:1.4;color:#376587;margin:0;letter-spacing:-.015em}.motion-visual svg{width:24px;height:24px}.paper-row{display:flex;justify-content:space-between;gap:20px;margin:14px 0}.paper-row span{width:65%;height:4px;background:#e3edf4}.paper-row i{width:18%;height:4px;background:#d8e9f4}
.call-notice{position:absolute;top:9px;left:0;right:20px;background:white;border:1px solid #deebf4;border-radius:9px;padding:15px;display:flex;gap:14px;align-items:center;animation:noticeIn .7s both}.ring-phone{color:#79a5c4;animation:phoneRing .3s .7s 5 alternate}.lead-ticket{position:absolute;bottom:0;right:0;width:75%;border:1px solid #c4dfef;background:#fff;border-radius:8px;padding:17px;animation:recordReveal .7s 1.5s both}.lead-ticket>div{display:flex;justify-content:space-between;margin-top:12px;font-size:11px}.lead-ticket i{height:6px;width:6px;background:#91b9d3;border-radius:50%;animation:checkPop .4s 2.4s both}
.estimate-paper,.invoice-paper{background:#fff;border:1px solid #dce8f2;border-radius:6px;width:82%;padding:20px;position:relative}.paper-title{font-size:14px;color:#547891;margin-bottom:18px}.estimate-item{border-bottom:1px solid #edf3f7;padding:10px 0;font-size:12px;animation:rowWrite .7s 1s both}.estimate-item:nth-child(3){animation-delay:1.5s}.estimate-item:nth-child(4){animation-delay:2s}.review-stamp{font-size:11px;background:#e7f2fa;color:#5e8eae;padding:8px 11px;border-radius:4px;display:inline-block;margin-top:15px;animation:checkPop .6s 2.8s both}.note-slip{position:absolute;top:0;right:0;padding:14px;background:#edf6fd;border:1px solid #cfe4f2;transform:rotate(6deg);animation:noteMerge 2s both}
.email-window{width:100%;background:#fff;border:1px solid #dce8f2;border-radius:7px;padding:15px;animation:emailFade .8s 3.5s both}.email-line{border-bottom:1px solid #edf2f6;padding:9px 0;font-size:11px;color:#66869d}.email-line span{display:inline-block;width:45px;color:#a2b4c1}.email-body{padding:17px 0;min-height:68px}.email-body>span{display:block;white-space:nowrap;overflow:hidden;width:0;font-size:11px;line-height:1.8;animation:typeMail 1s steps(32) .6s forwards}.email-body>span+span{animation-delay:1.7s}.send-button{display:inline-block;padding:8px 13px;background:#e2f0fa;border-radius:4px;color:#5886a6;animation:sendPress .4s 3s both}.flying-envelope{position:absolute;left:calc(50% - 30px);top:calc(50% - 23px);color:#7eaccd;opacity:0;animation:mailFlight 1.6s 3.3s both}.flying-envelope svg{width:60px;height:46px}.email-sent{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:14px;color:#6794b1;animation:recordReveal .6s 4.5s both}
.mini-calendar{width:80%;padding:18px;background:#fff;border:1px solid #dce8f2;border-radius:8px}.calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:16px}.calendar-days span{padding:6px;text-align:center;font-size:11px;color:#a0b3c1;border-radius:4px}.calendar-days span:nth-child(8){animation:calendarPick .6s 1s forwards}.calendar-booking{background:#e8f3fa;padding:8px;margin-top:11px;text-align:center;font-size:11px;animation:recordReveal .5s 2s both}.appointment-slip{position:absolute;right:0;bottom:-2px;background:#fff;border:1px solid #bddcec;border-radius:7px;padding:12px 16px;box-shadow:0 5px 20px #37658708;animation:recordReveal .6s 2.7s both}
.crew-brief{position:absolute;left:0;top:6px;width:69%;background:#fff;border:1px solid #dce8f2;border-radius:7px;padding:18px;animation:briefSlide 2.5s both}.brief-row{border-bottom:1px solid #e8f1f7;padding:13px 0;font-size:11px;animation:rowWrite .5s .4s both}.brief-row:nth-child(3){animation-delay:.9s}.brief-row:nth-child(4){animation-delay:1.4s}.crew-phone{position:absolute;right:0;bottom:0;width:110px;height:195px;border:3px solid #c7dce9;border-radius:17px;background:#fff;padding:35px 11px 10px;box-shadow:0 9px 24px #3765870a;animation:recordReveal .8s 2s both}.phone-speaker{width:30px;height:3px;border-radius:5px;position:absolute;top:12px;left:36px;background:#dce9f2}.crew-phone b{font-size:14px}.crew-phone>span{display:block;font-size:11px;margin-top:13px}.crew-phone i{display:block;height:3px;width:55%;background:#dfedf6;margin-top:16px}
.voice-note{position:absolute;top:15px;left:0;width:70%;padding:15px;background:#fff;border:1px solid #dce8f2;border-radius:9px;animation:voiceFade 1s 2.2s both}.voice-note b{font-size:11px}.waveform{height:45px;display:flex;gap:4px;align-items:center;justify-content:center;margin-bottom:8px}.waveform i{width:3px;height:calc(10px + mod(var(--bar),5) * 5px);height:22px;background:#a3c7df;border-radius:2px;animation:voiceWave .5s calc(var(--bar) * -.06s) 5 alternate}.waveform i:nth-child(3n){height:35px}.waveform i:nth-child(4n){height:13px}.voice-report{position:absolute;right:0;bottom:0;width:73%;background:#fff;border:1px solid #bfdcec;border-radius:6px;padding:19px;animation:recordReveal .8s 2s both}.voice-report .paper-row{animation:rowWrite .8s 2.6s both}.report-ready{font-size:11px;color:#7ba0b9}
.scope-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-self:flex-start;width:100%;margin-top:15px}.scope-columns>div{background:#fff;border:1px solid #dce8f2;border-radius:7px;padding:15px;min-height:135px}.scope-columns>div+div{animation:recordReveal .7s 1s both;border-color:#bcd9ec}.scope-columns p{font-size:10px}.scope-columns span{display:block;height:4px;background:#e3edf5;width:75%;margin-top:14px}.approval-stamp{position:absolute;bottom:9px;right:15px;border:1px solid #91b8d2;color:#6797b5;border-radius:5px;padding:12px 18px;transform:rotate(-5deg);animation:stampDown .6s 2.7s both}
.visual-chat{display:block;padding-top:6px}.progress-track{display:flex;justify-content:space-between;position:relative;padding-bottom:15px;margin-bottom:18px;font-size:10px;color:#83a0b5;border-bottom:2px solid #e0edf5}.progress-track i{position:absolute;left:0;bottom:-2px;width:0;height:2px;background:#8bb8d5;animation:progressFill 2s .4s forwards}.chat-bubble{padding:13px 15px;border-radius:11px;font-size:12px;line-height:1.5;max-width:85%}.chat-bubble.incoming{background:#fff;border:1px solid #e0eaf2;border-bottom-left-radius:2px;animation:recordReveal .6s .4s both}.chat-bubble.outgoing{margin:14px 0 0 auto;background:#dfedf8;color:#6389a5;border-bottom-right-radius:2px;animation:recordReveal .7s 2s both}.chat-delivered{text-align:right;font-size:11px;color:#8faabc;margin-top:12px;animation:recordReveal .5s 3s both}
.invoice-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf2f6;padding:14px 0;animation:rowWrite .8s .5s both}.invoice-row:nth-child(3){animation-delay:1s}.invoice-row:nth-child(4){animation-delay:1.5s}.invoice-row i{height:4px;width:40px;background:#dcebf5}.invoice-total{padding-top:15px;font-size:12px;color:#739ab6;animation:recordReveal .6s 2.5s both}
.balance-card{position:absolute;top:13px;left:15px;right:35px;background:#fff;border:1px solid #e0eaf2;border-radius:8px;padding:17px;animation:balanceSettle 2s both}.balance-card span{display:block;margin-top:9px;font-size:12px;color:#a0b0bc}.reminder-mail{position:absolute;left:0;right:0;bottom:43px;background:#fff;border:1px solid #c4dfef;border-radius:8px;padding:18px;display:flex;gap:15px;align-items:center;animation:mailReminder 1.4s 1.4s both}.reminder-mail svg{width:37px;height:29px;color:#8ab4cf}.reminder-mail p{font-size:10px}.reminder-done{position:absolute;bottom:6px;color:#729db8;font-size:13px;animation:recordReveal .6s 3s both}
.visual-materials{display:flex;flex-direction:column}.supplier-box{display:flex;align-items:center;gap:13px;padding:17px;background:#fff;border:1px solid #deebf4;border-radius:8px;width:70%;justify-content:center}.supplier-box svg{width:34px;height:34px;color:#92b5ce}.delivery-route{display:flex;align-items:center;width:85%;margin-top:36px}.delivery-route>i{width:12px;height:12px;border:1px solid #b5d0e3;border-radius:50%;background:#fff;animation:routeDot .6s .5s both}.delivery-route>i:nth-of-type(2){animation-delay:1.7s}.delivery-route>i:nth-of-type(3){animation-delay:2.9s}.delivery-route>span{flex:1;height:1px;background:#d1e4f1;position:relative;overflow:hidden}.delivery-route>span::after{content:'';position:absolute;left:-20px;height:1px;width:20px;background:#75a7c9;animation:compactFlow 1.2s .5s 2}.delivery-labels{display:flex;justify-content:space-between;width:100%;font-size:10px;margin-top:13px}.delivery-note{margin-top:25px;font-size:12px;animation:recordReveal .6s 3s both}
.scan-receipt{position:absolute;left:12px;top:0;width:54%;background:#fff;border:1px solid #deebf4;padding:18px;border-radius:4px;transform:rotate(-4deg);overflow:hidden}.scan-line{position:absolute;left:0;right:0;top:0;height:2px;background:#9ac4e0;box-shadow:0 0 14px #7cb5dc55;animation:receiptScan 2.3s .4s both}.cost-record{position:absolute;right:0;bottom:6px;background:#fff;border:1px solid #bfdcec;border-radius:7px;padding:18px;width:62%;animation:recordReveal .7s 2.3s both}.cost-record p{border-bottom:1px solid #eef3f7;padding:7px 0}.cost-record>span{font-size:11px;color:#85a8bf;display:block;margin-top:13px}
.fake-sheet{width:100%;border:1px solid #d8e6f1;border-radius:7px;background:#fff;overflow:hidden}.sheet-top{padding:14px;font-size:13px;color:#60849f;border-bottom:1px solid #e5edf4}.sheet-row{display:grid;grid-template-columns:1fr 1fr .8fr;border-bottom:1px solid #e5edf4;min-height:37px}.sheet-row>span{border-right:1px solid #e5edf4;padding:12px 8px;font-size:10px;overflow:hidden}.sheet-head{background:#edf5fb;color:#7f9db2;min-height:34px}.sheet-head>span{padding:10px 8px}.typed-cell{font-style:normal;white-space:nowrap;display:block;overflow:hidden;width:0;animation:sheetType .6s steps(11) .3s forwards}.typed-cell.t2{animation-delay:.9s}.typed-cell.t3{animation-delay:1.5s}.typed-cell.t4{animation-delay:2.1s}.typed-cell.t5{animation-delay:2.7s}.typed-cell.t6{animation-delay:3.3s}.sheet-row.blank{border-bottom:0}.sheet-saved{position:absolute;bottom:-5px;right:10px;font-size:12px;color:#83a7bf;animation:recordReveal .5s 4.2s both}
.renewal-calendar{width:73%;background:white;border:1px solid #dce8f2;border-radius:8px;padding:15px 18px}.renewal-calendar>span{display:block;font-size:11px;margin-bottom:7px}.renewal-calendar>b{display:block;font-size:15px}.renewal-ring{position:relative;width:90px;height:90px;margin:12px auto 0}.renewal-ring svg{width:90px;height:90px;transform:rotate(-90deg)}.renewal-ring circle{fill:none;stroke:#a9ccdf;stroke-width:2;stroke-dasharray:202;stroke-dashoffset:202;animation:renewalDraw 2s .3s forwards}.renewal-ring>span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px}.renewal-invite{position:absolute;right:0;bottom:0;width:72%;padding:14px;background:#eff7fc;border:1px solid #c3dfee;border-radius:7px;animation:recordReveal .8s 2.5s both}
.thank-you-note{position:absolute;top:9px;left:0;width:85%;background:#fff;border:1px solid #dce8f2;border-radius:8px;padding:23px;animation:recordReveal .7s .2s both}.thank-you-note b{font-size:16px}.thank-you-note>span{display:inline-block;margin-top:12px;background:#e6f1fa;color:#7198b3;font-size:11px;padding:8px 12px;border-radius:4px}.feedback-reply{position:absolute;right:0;bottom:4px;background:#fff;border:1px solid #bcd9ec;padding:18px;border-radius:8px;animation:recordReveal .8s 2.8s both}.rating-stars{display:flex;gap:5px;margin-bottom:10px}.rating-stars svg{width:18px;height:18px;fill:#d4e8f5;stroke:#92b7d0;stroke-width:1;animation:checkPop .4s 3.2s both}.rating-stars svg:nth-child(2){animation-delay:3.4s}.rating-stars svg:nth-child(3){animation-delay:3.6s}.rating-stars svg:nth-child(4){animation-delay:3.8s}.rating-stars svg:nth-child(5){animation-delay:4s}
@keyframes noticeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes phoneRing{to{transform:rotate(10deg)}}@keyframes recordReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes checkPop{from{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes rowWrite{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes noteMerge{0%,35%{opacity:1;translate:0 -8px}100%{opacity:0;translate:-35px 50px}}@keyframes typeMail{to{width:100%}}@keyframes sendPress{50%{transform:scale(.96);background:#c4dff0}}@keyframes emailFade{to{opacity:.22;transform:scale(.97)}}@keyframes mailFlight{0%{opacity:0;transform:translate(-10px,35px) rotate(-10deg)}20%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(90px,-65px) rotate(8deg)}}@keyframes calendarPick{to{background:#bcdcee;color:#fff}}@keyframes briefSlide{to{transform:translateX(8px);opacity:.75}}@keyframes voiceWave{to{transform:scaleY(.35)}}@keyframes voiceFade{to{opacity:.35;transform:translateY(-10px)}}@keyframes stampDown{from{opacity:0;scale:1.3}to{opacity:1;scale:1}}@keyframes progressFill{to{width:66%}}@keyframes balanceSettle{to{opacity:.6;transform:translateY(-5px)}}@keyframes mailReminder{from{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:none}}@keyframes routeDot{to{background:#a8cce2;border-color:#a8cce2}}@keyframes receiptScan{0%{top:0;opacity:0}15%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}@keyframes sheetType{to{width:100%}}@keyframes renewalDraw{to{stroke-dashoffset:0}}
@media(max-width:1000px){.compact-demo{height:435px;min-height:435px;padding:23px}.motion-title h3{font-size:19px}.motion-outcome p{font-size:15px}.motion-visual b{font-size:12px}.email-line{font-size:10px}.email-body>span{font-size:10px}.crew-phone{width:95px}.phone-speaker{left:29px}.scope-columns>div{padding:12px}.scope-columns b{font-size:11px}.motion-visual{min-height:230px}}
@media(max-width:700px){.compact-work .split-demo{padding-top:40px;padding-bottom:15px}.compact-demo{height:425px;min-height:425px;padding:25px}.motion-title h3{font-size:21px}.motion-outcome p{font-size:16px}.motion-visual{min-height:220px}.app-count-badge{font-size:12px}.crew-phone{width:105px}.phone-speaker{left:33px}}
@media(prefers-reduced-motion:reduce){.motion-example,.motion-visual *{transition:none!important;animation:none!important;opacity:1;transform:none}.is-entering{opacity:1;transform:none}.motion-example.is-leaving{display:none}.email-body>span,.typed-cell{width:100%}.flying-envelope,.note-slip,.scan-line{display:none}.renewal-ring circle{stroke-dashoffset:0}.sheet-saved{opacity:1}}

/* Deliberate ribbon motion behind the hero copy. */
.hero-simple #field{opacity:.82}@media(max-width:700px){.hero-simple #field{opacity:.65}}

/* Ribbon stays inside the photo layer, underneath all foreground content. */
.hero-simple .hero-main>#field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.56;pointer-events:none}.hero-main::after{z-index:0;pointer-events:none}.hero-layer{z-index:0}.hero-pitch{z-index:3}@media(max-width:700px){.hero-simple .hero-main>#field{opacity:.44}}
/* Line sequences finish one step before starting the next. */
.delivery-route>span::after{animation:compactFlow 1.2s .5s 1 both}.delivery-route>span:nth-of-type(2)::after{animation-delay:1.7s}
.voice-report .paper-row:nth-of-type(1){animation-delay:2.6s}.voice-report .paper-row:nth-of-type(2){animation-delay:3.4s}.voice-report .paper-row:nth-of-type(3){animation-delay:4.2s}
.estimate-item{animation-delay:1s}.estimate-item:nth-child(3){animation-delay:1.8s}.estimate-item:nth-child(4){animation-delay:2.6s}.review-stamp{animation-delay:3.5s}
.invoice-row{animation-delay:.5s}.invoice-row:nth-child(3){animation-delay:1.3s}.invoice-row:nth-child(4){animation-delay:2.1s}.invoice-total{animation-delay:3s}

/* Hosting choices and a concise reassurance notice. */
.hosting-options{border-top:1px solid #e5edf3;padding-top:80px;padding-bottom:70px}.hosting-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.hosting-heading h2{font-size:clamp(35px,3.5vw,50px);margin:0}.hosting-heading>p{font-size:15px;line-height:1.8;color:#8195a5;margin:0}.hosting-tabs{display:flex;gap:28px;border-bottom:1px solid #dce7ef}.hosting-tabs button{border:0;background:none;color:#8a9dab;font-size:15px;padding:15px 0;position:relative}.hosting-tabs button[aria-selected=true]{color:#315d7e}.hosting-tabs button[aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#6d9dc0}.hosting-tabs button:focus-visible{outline:2px solid #7ca8c9;outline-offset:5px}.hosting-panel{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:35px 0 0;animation:hostingReveal .35s ease}.hosting-panel[hidden]{display:none}.hosting-panel h3{font-size:24px;margin:0 0 14px;letter-spacing:-.03em;color:#365d7b}.hosting-panel p{font-size:15px;line-height:1.8;color:#8195a5;max-width:390px;margin:0}.hosting-panel dl{margin:0}.hosting-panel dl>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #edf2f6}.hosting-panel dl>div:last-child{margin-bottom:0;border-bottom:0}.hosting-panel dt{font-size:13px;color:#52758e}.hosting-panel dd{font-size:13px;color:#8a9dab;line-height:1.7;margin:0}.retainer-notice{margin:0 9% 85px;padding:38px 40px;display:grid;grid-template-columns:1fr 1fr;gap:9%;border:1px solid #dfeaf2;border-radius:10px;background:#f6fafe}.retainer-notice h2{font-size:34px;margin:0 0 12px}.retainer-notice p{font-size:14px;line-height:1.8;color:#7b91a2;margin:0}.retainer-notice>div:first-child p{max-width:265px}.retainer-notice .text-link{font-size:12px;margin-top:17px;color:#5c84a1}.close-policy{position:absolute;top:20px;right:23px;border:0;background:none;color:#869ba9;font-size:12px}#policy-dialog h2{font-size:36px;margin-top:15px}#policy-dialog p{margin:20px 0}@keyframes hostingReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.retainer-notice{margin-left:13%;margin-right:13%}}@media(max-width:700px){.hosting-options{padding-top:60px;padding-bottom:45px}.hosting-heading{display:block}.hosting-heading>p{margin-top:20px;font-size:14px}.hosting-tabs{gap:25px}.hosting-tabs button{font-size:14px}.hosting-panel{grid-template-columns:1fr;gap:28px;padding-top:28px}.hosting-panel h3{font-size:23px}.hosting-panel p{font-size:14px}.hosting-panel dl>div{grid-template-columns:90px 1fr}.retainer-notice{margin:0 7% 55px;padding:28px;grid-template-columns:1fr;gap:23px}.retainer-notice h2{font-size:30px}.retainer-notice p{font-size:14px}}

/* A dedicated, quiet statement of the 60-day promise. */
.promise-section{border-top:1px solid #e4edf4;border-bottom:1px solid #e4edf4;background:linear-gradient(110deg,#f6fafe 0%,#fff 68%);padding:95px 9%;overflow:hidden;position:relative}.promise-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:12%;align-items:center;max-width:1300px;margin:0 auto}.promise-visual{position:relative;width:100%;max-width:345px;aspect-ratio:1;margin:auto;display:grid;place-items:center}.promise-glow{position:absolute;inset:-25%;background:radial-gradient(circle,#c7e4f43b,transparent 67%);animation:promiseBreathe 9s ease-in-out infinite}.promise-dial{position:absolute;inset:0;width:100%;height:100%}.promise-ticks{stroke:#c4d8e7;stroke-width:1}.promise-track{stroke:#e2edf5;stroke-width:1}.promise-progress{stroke:#378db8;stroke-width:4;stroke-linecap:round;stroke-dasharray:250 485;stroke-dashoffset:0;animation:promiseOrbit 3.4s cubic-bezier(.45,0,.55,1) infinite;will-change:stroke-dashoffset}.promise-visual.visible .promise-progress{animation:promiseOrbit 3.4s cubic-bezier(.45,0,.55,1) infinite}.promise-number{position:relative;text-align:center;z-index:1}.promise-number>span{font-size:112px;line-height:1;letter-spacing:-.08em;font-weight:450;color:#376181;display:block;margin-left:-7px}.promise-number>p{font-size:12px;color:#88a1b4;margin:13px 0 0}.promise-copy .promise-kicker{font-size:13px;color:#7b99b0;letter-spacing:.015em;margin:0 0 22px}.promise-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.12;margin:0 0 26px;letter-spacing:-.045em}.promise-copy h2 span{color:#89a3b6}.promise-description{font-size:17px;line-height:1.8;color:#708b9e;max-width:445px;margin:0 0 18px}.promise-reassurance{font-size:14px;line-height:1.8;color:#97a9b7;margin:0 0 30px}.promise-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.promise-actions .button{padding:16px 24px;font-size:13px}.promise-actions .text-link{font-size:12px;color:#6f92ab;border-bottom-color:#c5d6e3}
@keyframes promiseOrbit{to{stroke-dashoffset:-735.2}}@keyframes promiseBreathe{50%{opacity:.55;transform:scale(1.08)}}
@media(min-width:1600px){.promise-section{padding-left:13%;padding-right:13%}}@media(max-width:1000px){.promise-inner{gap:8%}.promise-number>span{font-size:96px}.promise-description{font-size:16px}.promise-actions{gap:20px}.promise-actions .text-link{font-size:11px}}
@media(max-width:700px){.promise-section{padding:60px 7%}.promise-inner{grid-template-columns:1fr;gap:35px}.promise-visual{max-width:250px}.promise-number>span{font-size:92px}.promise-number>p{font-size:11px}.promise-copy h2{font-size:39px;margin-bottom:22px}.promise-description{font-size:16px}.promise-reassurance{font-size:14px}.promise-copy .promise-kicker{font-size:12px;margin-bottom:17px}.promise-actions{gap:24px}.promise-actions .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.promise-progress{stroke-dasharray:250 485;stroke-dashoffset:0;animation:promiseOrbit 3.4s cubic-bezier(.45,0,.55,1) infinite!important}.promise-glow{animation:none}}

/* Compact promise, retaining the same animated dial. */
.promise-section{padding-top:38px;padding-bottom:38px}.promise-inner{grid-template-columns:200px 1fr;gap:6%;max-width:900px}.promise-visual{max-width:190px}.promise-number>span{font-size:68px}.promise-number>p{font-size:12px;margin-top:8px}.promise-copy h2{font-size:34px;line-height:1.2;margin-bottom:16px}.promise-description{font-size:16px;line-height:1.7;max-width:560px;margin-bottom:21px}.promise-actions{gap:24px}.promise-actions .button{padding:13px 22px}.promise-actions .text-link{font-size:12px}
@media(max-width:1000px){.promise-inner{grid-template-columns:160px 1fr;gap:6%}.promise-visual{max-width:160px}.promise-number>span{font-size:60px}.promise-copy h2{font-size:29px}.promise-description{font-size:15px}}
@media(max-width:700px){.promise-section{padding:32px 7%}.promise-inner{grid-template-columns:90px 1fr;gap:20px;align-items:start}.promise-visual{max-width:90px;margin-top:3px}.promise-number>span{font-size:36px;margin-left:-3px}.promise-number>p{font-size:10px;margin-top:3px}.promise-copy h2{font-size:25px;margin-bottom:13px}.promise-description{font-size:14px;line-height:1.7;margin-bottom:17px}.promise-actions{gap:17px}.promise-actions .button{font-size:12px;padding:12px 18px}.promise-actions .text-link{font-size:11px}}

/* Bring the 60-day promise closer to the demo above it. */
.compact-work{padding-bottom:40px}
.compact-work .split-demo{padding-bottom:20px}
.promise-section{padding-top:24px}
@media(max-width:700px){.compact-work{padding-bottom:28px}.compact-work .split-demo{padding-bottom:8px}.promise-section{padding-top:18px}}

/* Practical guardrails: clear activity, deliberate approvals, defined scope. */
.guardrail-section{padding:82px 9% 92px;background:#fff;border-top:1px solid #e4edf4;overflow:hidden}.guardrail-intro{max-width:1120px;margin:0 auto 42px;display:flex;align-items:end;justify-content:space-between;gap:50px}.guardrail-kicker{font-size:11px;letter-spacing:.09em;color:#7899b1;margin:0 0 17px}.guardrail-intro h2{font-size:clamp(37px,4.3vw,56px);line-height:1.1;margin:0;letter-spacing:-.05em}.guardrail-intro h2 span{color:#8aa5b9}.guardrail-intro>p{font-size:15px;line-height:1.8;color:#748b9d;max-width:410px;margin:0 0 4px}.guardrail-console{max-width:1120px;margin:0 auto 38px;background:#f8fbfd;border:1px solid #dfeaf2;border-radius:12px;overflow:hidden;box-shadow:0 18px 55px #416c8810;animation:consoleFloat 7s ease-in-out infinite}.console-top{height:47px;background:#f1f7fb;border-bottom:1px solid #e1ebf2;display:flex;align-items:center;gap:14px;padding:0 20px;color:#6d879b;font-size:11px}.console-window-dots{display:flex;gap:5px}.console-window-dots i{width:6px;height:6px;border-radius:50%;background:#c0d2df}.console-window-dots i:nth-child(2){background:#a9c5d8}.console-state{margin-left:auto;font-size:10px;color:#7b99ae;display:flex;align-items:center;gap:7px}.console-state i{width:6px;height:6px;border-radius:50%;background:#8ebcae;box-shadow:0 0 0 3px #8ebcae20}.console-content{display:grid;grid-template-columns:1fr 1px 1fr;gap:0;padding:25px 30px 28px}.console-column{padding:0 24px}.console-column:first-child{padding-left:0}.console-column:last-child{padding-right:0}.console-divider{background:#e2ebf1}.console-label{font-size:9px;letter-spacing:.09em;color:#8aa1b2;margin-bottom:17px}.activity-list{position:relative}.activity-list::before{content:'';position:absolute;top:9px;bottom:15px;left:4px;width:1px;background:#dce9f1;transform-origin:top;animation:timelineDraw 2.6s .3s both}.activity-item{display:grid;grid-template-columns:10px 1fr auto;gap:11px;align-items:start;position:relative;padding:0 0 15px;opacity:0;animation:activityIn .55s ease forwards}.activity-item:nth-child(1){animation-delay:.4s}.activity-item:nth-child(2){animation-delay:1s}.activity-item:nth-child(3){animation-delay:1.6s}.activity-marker{width:9px;height:9px;background:#9bbdd3;border:2px solid #f8fbfd;box-shadow:0 0 0 1px #b4ccdc;border-radius:50%;margin-top:3px;z-index:1}.activity-item:nth-child(3) .activity-marker{background:#7da8c5}.activity-item b{font-size:11px;font-weight:500;color:#496b85;display:block}.activity-item span{font-size:10px;color:#96a8b5;display:block;margin-top:3px}.activity-item time{font-size:9px;color:#9caeb9}.boundary-row{height:39px;display:grid;grid-template-columns:20px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #e8eff4;opacity:0;animation:activityIn .5s ease forwards}.boundary-row:last-child{border:0}.boundary-row:nth-of-type(2){animation-delay:.8s}.boundary-row:nth-of-type(3){animation-delay:1.4s}.boundary-row:nth-of-type(4){animation-delay:2s}.boundary-row>span:nth-child(2){font-size:11px;color:#59768c}.boundary-row em{font-style:normal;font-size:9px;color:#8aa3b5}.boundary-row.needs-review em{color:#628aa6}.boundary-check,.boundary-review{width:17px;height:17px;border-radius:50%;background:#e6f1f6;display:grid;place-items:center;color:#6b9bb4}.boundary-review{background:#eaf2f7;color:#658ba6}.boundary-row svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.guardrail-benefits{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guardrail-card{padding:24px 23px 22px;background:#fbfdfe;border:1px solid #e3edf3;border-radius:9px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.guardrail-card:hover{transform:translateY(-4px);border-color:#cbdfea;box-shadow:0 12px 32px #426b8310}.guardrail-icon{width:39px;height:39px;border-radius:8px;background:#edf5fa;display:grid;place-items:center;color:#7098b3;margin-bottom:18px}.guardrail-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.trace-icon svg{animation:iconTrace 4s ease-in-out infinite}.approval-icon svg{animation:iconApprove 4.8s ease-in-out infinite}.boundary-icon svg{animation:iconBound 5.4s ease-in-out infinite}.guardrail-card h3{font-size:16px;line-height:1.4;letter-spacing:-.02em;color:#3b5f79;margin:0 0 8px}.guardrail-card p{font-size:12px;line-height:1.75;color:#8298a8;margin:0;max-width:285px}@keyframes consoleFloat{50%{transform:translateY(-4px)}}@keyframes timelineDraw{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes activityIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes iconTrace{0%,20%{transform:translateY(0)}30%,45%{transform:translateY(-2px)}55%,100%{transform:translateY(0)}}@keyframes iconApprove{0%,20%{transform:scale(1)}30%{transform:scale(1.06)}45%,100%{transform:scale(1)}}@keyframes iconBound{0%,15%{transform:rotate(0)}24%,34%{transform:rotate(-3deg)}43%,100%{transform:rotate(0)}}
@media(max-width:760px){.guardrail-section{padding:58px 7% 64px}.guardrail-intro{display:block;margin-bottom:30px}.guardrail-intro>p{margin-top:18px;font-size:14px}.guardrail-console{margin-bottom:24px}.console-content{grid-template-columns:1fr;padding:20px}.console-divider{height:1px;margin:14px 0 19px}.console-column{padding:0}.console-column:last-child{padding:0}.guardrail-benefits{grid-template-columns:1fr;gap:12px}.guardrail-card{padding:19px;display:grid;grid-template-columns:42px 1fr;column-gap:13px;align-items:start}.guardrail-icon{grid-row:span 2;margin:0}.guardrail-card h3{font-size:15px;margin:0 0 4px}.guardrail-card p{font-size:12px;max-width:none}}
@media(prefers-reduced-motion:reduce){.guardrail-console,.activity-list::before,.activity-item,.boundary-row,.guardrail-icon svg{animation:none!important;opacity:1;transform:none}}

/* A live, cycling preview of approvals the team keeps in its hands. */
.approval-demo{padding:20px 26px 17px}.approval-stage{position:relative;min-height:245px;overflow:hidden}.approval-scene{position:absolute;inset:0;display:grid;grid-template-columns:1.3fr .9fr;gap:18px;opacity:1;transform:translateY(0);transition:opacity .45s ease,transform .45s ease}.approval-scene.entering{opacity:0;transform:translateY(10px)}.approval-scene.leaving{opacity:0;transform:translateY(-7px)}.draft-pane{border:1px solid #e0eaf1;border-radius:8px;background:#fff;padding:16px 18px;box-shadow:0 6px 18px #456d8710;animation:draftLift .7s ease both}.draft-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf2f6;padding-bottom:12px}.draft-icon{width:30px;height:30px;border-radius:7px;background:#edf5fa;color:#739bb6;display:grid;place-items:center;flex-shrink:0}.draft-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}.draft-header>div{display:flex;flex-direction:column;gap:3px;min-width:0}.draft-caption{font-size:8px;letter-spacing:.08em;color:#8ba3b5}.draft-title{font-size:12px;color:#3f617b;font-weight:500}.draft-tag{margin-left:auto;white-space:nowrap;font-size:8px;color:#7496ae;background:#eff6fa;border-radius:20px;padding:5px 7px}.draft-meta{display:flex;gap:10px;margin-top:11px;font-size:9px}.draft-meta span{width:42px;color:#9aabb8}.draft-meta b{font-weight:450;color:#617d92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-body{margin:16px 0 0;padding:12px 13px;min-height:64px;background:#f8fbfd;border:1px solid #edf2f6;border-radius:5px;font-size:10px;line-height:1.65;color:#748b9d;animation:bodyType .8s .45s both;overflow:hidden}.draft-foot{margin-top:9px;text-align:right;font-size:8px;color:#9bafbd}.review-pane{padding:5px 2px;display:flex;flex-direction:column;align-items:flex-start}.review-label{font-size:8px;letter-spacing:.1em;color:#89a1b2}.review-title{font-size:16px;font-weight:500;line-height:1.3;color:#3d5f79;margin:8px 0 9px}.review-detail{font-size:10px;color:#728b9d;margin:0 0 6px}.review-note{display:flex;align-items:center;gap:7px;padding:7px 9px;margin:8px 0 auto;background:#f1f7fa;border-radius:5px;font-size:9px;color:#7893a7}.review-lock{display:grid;place-items:center;width:14px;height:14px;color:#83a5bc}.review-lock svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.review-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:13px;width:100%;min-height:34px;margin-top:12px}.demo-secondary{font-size:9px;color:#8ea2b1}.demo-approve{background:#335c78;color:#fff;font-size:9px;padding:9px 12px;border-radius:5px;transition:background .25s,transform .25s;box-shadow:0 3px 8px #294d6518}.approved .demo-approve{background:#6f9d92;transform:scale(.97)}.demo-cursor{position:absolute;right:67px;top:0;width:21px;height:27px;z-index:2;opacity:0;filter:drop-shadow(0 1px 2px #314a5b35);animation:cursorArrive 2.9s .5s ease-in-out forwards}.demo-cursor path:first-child{fill:#fff}.cursor-outline{fill:none;stroke:#38546a;stroke-width:1.2;stroke-linejoin:round}.click-ripple{position:absolute;right:73px;top:7px;width:12px;height:12px;border:1px solid #81a9c3;border-radius:50%;opacity:0;transform:scale(.5)}.approved .click-ripple{animation:clickPulse .45s ease-out}.approval-result{min-height:43px;border-top:1px solid #e3edf3;display:flex;align-items:center;gap:9px;padding:10px 4px 0}.result-check{width:21px;height:21px;border-radius:50%;background:#edf4f7;color:#95aebf;display:grid;place-items:center;flex-shrink:0;transition:background .3s,color .3s}.result-check svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.approval-result>div{display:flex;flex-direction:column;gap:2px}.approval-result b{font-size:10px;font-weight:500;color:#6b8598}.approval-result span:not(.result-check){font-size:9px;color:#95a8b5}.approval-result time{margin-left:auto;font-size:9px;color:#97a9b5}.approval-demo.done .result-check{background:#e5f2ee;color:#6e9d8e}.approval-demo.done .approval-result b{color:#668f82}.approval-scene[data-kind="refund"] .draft-icon{background:#eef5f8}.approval-scene[data-kind="scope"] .draft-icon{background:#f1f4f8;color:#7f95a8}.approval-scene[data-kind="estimate"] .draft-icon{background:#eef6f4;color:#759b91}.approval-scene[data-kind="schedule"] .draft-icon{background:#eff4fa;color:#7b97b2}@keyframes draftLift{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bodyType{from{opacity:.3;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes cursorArrive{0%{opacity:0;transform:translate(-58px,39px) scale(1)}12%{opacity:1}72%{opacity:1;transform:translate(0,0) scale(1)}80%{transform:translate(0,0) scale(.84)}88%,100%{opacity:1;transform:translate(0,0) scale(1)}}@keyframes clickPulse{0%{opacity:.65;transform:scale(.45)}100%{opacity:0;transform:scale(1.8)}}
@media(max-width:760px){.approval-demo{padding:16px 15px 14px}.approval-stage{min-height:400px}.approval-scene{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:12px}.draft-pane{padding:14px}.draft-body{min-height:60px}.review-pane{padding:4px 1px}.review-note{margin-top:2px}.review-actions{margin-top:14px}.demo-cursor{right:67px}.approval-result{margin-top:0}}
@media(prefers-reduced-motion:reduce){.approval-scene,.draft-pane,.draft-body,.demo-cursor,.click-ripple{animation:none!important;transition:none!important}.approval-scene.entering,.approval-scene.leaving{opacity:1;transform:none}.demo-cursor,.click-ripple{display:none}}

/* Simplified request card: one draft, one decision, one clear result. */
.console-top{height:45px;padding:0 22px;font-size:12px;color:#66849a}.console-window-dots{display:none}
.approval-demo{padding:23px 34px 19px}.approval-stage{min-height:212px}.approval-scene{display:block;inset:0}.simple-request{max-width:900px;margin:0 auto;padding:8px 7px}.request-label{font-size:10px;letter-spacing:.07em;color:#7f9eb3}.request-person{font-size:15px;font-weight:500;color:#496c85;margin:11px 0 4px}.request-headline{display:block;font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.03em;color:#355b77}.request-body{font-size:14px;line-height:1.65;color:#72899a;max-width:650px;margin:10px 0 21px}.simple-approval{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:18px;min-height:43px;border-top:1px solid #e6eef3;padding-top:14px}.pending-label{margin-right:auto;font-size:12px;color:#8299a8}.demo-approve{font-size:12px;padding:11px 17px;border-radius:5px}.demo-cursor{right:65px;top:2px;width:24px;height:31px;animation:cursorArrive 2.9s .5s ease-in-out forwards}.click-ripple{right:71px;top:11px;width:14px;height:14px}.approval-result{min-height:49px;padding:11px 5px 0;gap:11px}.result-check{width:23px;height:23px}.approval-result b{font-size:12px}.approval-result span:not(.result-check){font-size:11px}.approval-result time{font-size:10px}.approval-demo.done .result-check{background:#e5f2ee;color:#6e9d8e}.approval-demo.done .approval-result b{color:#668f82}.approved .demo-approve{background:#6f9d92;transform:scale(.97)}
@media(max-width:760px){.approval-demo{padding:18px 18px 15px}.approval-stage{min-height:245px}.simple-request{padding:7px 2px}.request-person{font-size:14px}.request-headline{font-size:21px}.request-body{font-size:13px;margin:9px 0 19px}.simple-approval{gap:10px}.pending-label{font-size:11px}.demo-approve{font-size:11px;padding:10px 13px}.demo-cursor{right:51px}.click-ripple{right:57px}.approval-result b{font-size:11px}.approval-result span:not(.result-check){font-size:10px}.console-state{font-size:10px}}

/* Give each approval example its own work-related motion. */
.guardrail-console>.approval-demo{padding:25px 34px 19px}.approval-stage{min-height:230px}.approval-scene{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px;inset:0}.request-content{min-width:0}.request-label{font-size:10px;letter-spacing:.07em;color:#7f9eb3}.request-person{font-size:15px;font-weight:500;color:#496c85;margin:11px 0 4px}.request-headline{display:block;font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.03em;color:#355b77}.request-body{font-size:14px;line-height:1.65;color:#72899a;max-width:620px;margin:10px 0 17px}.simple-approval{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:15px;min-height:41px;border-top:1px solid #e6eef3;padding-top:12px}.pending-label{margin-right:auto;font-size:11px;color:#8299a8}.demo-approve{font-size:11px;padding:10px 15px;border-radius:5px}.demo-cursor{right:58px;top:0;width:23px;height:29px;animation:cursorArrive 2.9s .5s ease-in-out forwards}.click-ripple{right:64px;top:8px;width:14px;height:14px}.approval-visual{height:180px;position:relative;display:grid;place-items:center}.approval-result{min-height:47px;padding:10px 5px 0;gap:10px}.result-check{width:22px;height:22px}.approval-result b{font-size:11px}.approval-result span:not(.result-check){font-size:10px}.approval-demo.done .result-check{background:#e5f2ee;color:#6e9d8e}.approval-demo.done .approval-result b{color:#668f82}.approved .demo-approve{background:#6f9d92;transform:scale(.97)}
/* Refund email travels to the customer after approval. */
.mail-route{position:absolute;left:13%;right:15%;top:50%;height:1px;border-top:1px dashed #d2e1ea}.mail-route span{position:absolute;width:6px;height:6px;top:-4px;border-radius:50%;background:#d5e4ed}.mail-route span:nth-child(1){left:25%}.mail-route span:nth-child(2){left:55%}.mail-route span:nth-child(3){left:85%}.mail-envelope{position:absolute;left:9%;top:calc(50% - 17px);color:#7196ad;transition:transform .8s cubic-bezier(.2,.75,.25,1),opacity .35s}.mail-envelope svg{display:block;width:42px;height:32px;fill:#f8fbfd;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}.approved .mail-envelope{transform:translate(174px,-43px) rotate(12deg);opacity:.35}.mail-recipient{position:absolute;right:2%;top:calc(50% - 17px);display:flex;align-items:center;gap:7px;color:#7894a8;font-size:10px}.mail-recipient span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eaf2f7;color:#5f8198;font-size:13px}.mail-recipient b{font-weight:450}.mail-sent{position:absolute;right:10%;top:20%;font-size:10px;color:#6d9a8c;opacity:0;transform:translateY(5px);transition:opacity .3s .4s,transform .3s .4s}.approved .mail-sent{opacity:1;transform:none}
/* Scope edit appears on the work order after approval. */
.work-card{position:relative;width:205px;padding:15px 17px;background:#fff;border:1px solid #dfeaf1;border-radius:8px;box-shadow:0 9px 22px #416d8610;transform:rotate(-2deg)}.work-card-head{display:flex;align-items:center;gap:9px;color:#6489a1;font-size:11px;padding-bottom:10px;border-bottom:1px solid #edf2f6}.work-card-head svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.work-line{display:flex;justify-content:space-between;align-items:center;padding:12px 0 9px;font-size:10px;color:#8498a7}.work-line i{width:31px;height:4px;border-radius:3px;background:#e6edf2}.work-change{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 8px;background:#f2f7fa;border-radius:5px;font-size:9px;color:#7892a4;opacity:.45;transform:translateY(-4px);transition:opacity .4s .2s,transform .4s .2s}.work-change b{font-weight:500;color:#5a7b92}.approved .work-change{opacity:1;transform:none}.work-updated{display:block;height:0;overflow:hidden;text-align:right;font-size:9px;color:#6d9a8c;transition:height .3s .55s;margin-top:0}.approved .work-updated{height:13px;margin-top:7px}
/* Estimate sheet slides to a dispatch tray and receives a sent stamp. */
.estimate-sheet{position:relative;width:145px;padding:14px 14px 12px;background:#fff;border:1px solid #dfeaf1;border-radius:5px;box-shadow:0 9px 22px #416d8610;transition:transform .7s cubic-bezier(.2,.75,.25,1)}.estimate-sheet>b{display:block;font-size:10px;font-weight:500;color:#597a92;margin-bottom:10px}.estimate-sheet>div{display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid #eef3f6;font-size:9px;color:#91a4b1}.estimate-sheet>div i{font-style:normal;color:#7892a4}.estimate-sheet>strong{display:block;text-align:right;margin-top:7px;font-size:11px;color:#4e7088}.estimate-stamp{position:absolute;right:-42px;top:17px;border:1px solid #8bb2a7;border-radius:4px;padding:5px 7px;color:#70988e;font-size:10px;letter-spacing:.08em;opacity:0;transform:rotate(12deg) scale(1.3);transition:opacity .3s .55s,transform .3s .55s}.approved .estimate-sheet{transform:translateX(-25px)}.approved .estimate-stamp{opacity:1;transform:rotate(12deg) scale(1)}.estimate-route{position:absolute;left:11%;right:10%;bottom:22%;display:flex;align-items:center;gap:8px;color:#8da4b4;font-size:9px}.estimate-route i{height:1px;background:#cbdde8;flex:1;position:relative;overflow:hidden}.estimate-route i::after{content:'';position:absolute;left:-22px;top:-1px;width:22px;height:3px;background:#82a9c2;opacity:0}.approved .estimate-route i::after{opacity:1;animation:routePacket .9s .2s ease-in-out both}@keyframes routePacket{to{transform:translateX(150px)}}
/* The calendar visit moves into the newly approved time slot. */
.calendar-visual{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:112px}.calendar-day{position:relative;width:55px;height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #e1eaf0;border-radius:6px;background:#fff;color:#91a4b2}.calendar-day span{font-size:8px;letter-spacing:.06em}.calendar-day>b{font-size:16px;font-weight:500}.target-day{border-color:#c8dce8;background:#f6fafc;color:#587c95}.target-day i{font-style:normal;font-size:8px;position:absolute;bottom:-18px;white-space:nowrap;color:#7596aa}.calendar-event{position:absolute;left:17%;top:19px;background:#7397ae;color:#fff;border-radius:4px;padding:6px 9px;font-size:9px;box-shadow:0 4px 10px #375a7115;transition:transform .8s cubic-bezier(.2,.75,.25,1),background .3s}.approved .calendar-event{transform:translate(99px,43px);background:#6e9b8e}
/* The four approval actions use distinct positions and cursor approaches. */
.approval-scene[data-kind="scope"] .simple-approval{justify-content:flex-start}.approval-scene[data-kind="scope"] .pending-label{margin-right:0}.approval-scene[data-kind="scope"] .demo-cursor{left:94px;right:auto;animation:cursorFromRight 2.8s .5s ease-in-out forwards}.approval-scene[data-kind="estimate"] .simple-approval{justify-content:center}.approval-scene[data-kind="estimate"] .pending-label{margin-right:0}.approval-scene[data-kind="estimate"] .demo-cursor{right:calc(50% - 46px);top:-23px;animation:cursorFromAbove 2.8s .5s ease-in-out forwards}.approval-scene[data-kind="schedule"] .simple-approval{justify-content:space-between}.approval-scene[data-kind="schedule"] .pending-label{margin-right:0}.approval-scene[data-kind="schedule"] .demo-cursor{left:calc(50% + 34px);right:auto;top:1px;animation:cursorFromLeft 2.8s .5s ease-in-out forwards}@keyframes cursorFromRight{0%{opacity:0;transform:translate(62px,30px)}12%{opacity:1}72%{opacity:1;transform:translate(0,0)}80%{transform:scale(.84)}88%,100%{opacity:1;transform:scale(1)}}@keyframes cursorFromAbove{0%{opacity:0;transform:translate(22px,-45px)}12%{opacity:1}72%{opacity:1;transform:translate(0,0)}80%{transform:scale(.84)}88%,100%{opacity:1;transform:scale(1)}}@keyframes cursorFromLeft{0%{opacity:0;transform:translate(-62px,30px)}12%{opacity:1}72%{opacity:1;transform:translate(0,0)}80%{transform:scale(.84)}88%,100%{opacity:1;transform:scale(1)}}
@media(max-width:760px){.guardrail-console>.approval-demo{padding:18px 18px 15px}.approval-stage{min-height:370px}.approval-scene{grid-template-columns:1fr;grid-template-rows:auto 125px;gap:5px}.request-person{font-size:14px}.request-headline{font-size:21px}.request-body{font-size:13px;margin:9px 0 16px}.approval-visual{height:125px}.simple-approval{gap:10px}.pending-label{font-size:10px}.demo-approve{font-size:10px;padding:9px 12px}.approval-scene[data-kind="scope"] .demo-cursor{left:77px}.approval-scene[data-kind="estimate"] .demo-cursor{right:calc(50% - 45px)}.approval-scene[data-kind="schedule"] .demo-cursor{left:calc(50% + 28px)}.mail-envelope{left:10%}.approved .mail-envelope{transform:translate(135px,-36px) rotate(12deg)}.work-card{transform:scale(.9) rotate(-2deg)}.calendar-visual{transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){.mail-envelope,.mail-sent,.work-change,.work-updated,.estimate-sheet,.estimate-stamp,.calendar-event{transition:none!important;animation:none!important}.approved .mail-envelope{opacity:.5}.approved .mail-sent,.approved .estimate-stamp{opacity:1}.approved .work-change{opacity:1;transform:none}.approved .work-updated{height:13px}.approved .calendar-event{transform:none}}
.approval-scene[data-kind="scope"] .demo-cursor{left:138px}.approval-scene[data-kind="schedule"] .simple-approval{justify-content:center}.approval-scene[data-kind="schedule"] .pending-label{position:absolute;left:0;top:-17px}.approval-scene[data-kind="schedule"] .demo-cursor{left:calc(50% - 54px);right:auto;top:0}.approval-scene[data-kind="estimate"] .demo-cursor{right:calc(50% - 46px)}
@media(max-width:760px){.approval-scene[data-kind="scope"] .demo-cursor{left:122px}.approval-scene[data-kind="schedule"] .demo-cursor{left:calc(50% - 50px)}}

/* Keep the pointer attached to the approval control and remove redundant state copy. */
.simple-approval{border-top:1px solid #e6eef3;padding-top:13px;min-height:43px;display:flex;align-items:center}.demo-approve{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;white-space:nowrap;overflow:visible}.approve-label{display:block;position:relative;z-index:1}.demo-cursor{position:absolute;left:50%;top:50%;right:auto;margin:-3px 0 0 -4px;width:23px;height:29px;z-index:3;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px #314a5b35)}.click-ripple{position:absolute;left:50%;top:50%;right:auto;width:12px;height:12px;margin:-6px 0 0 -6px;z-index:2;opacity:0;pointer-events:none;border:1px solid #81a9c3;border-radius:50%}.approval-scene[data-kind="refund"] .demo-cursor{animation:cursorToTargetFromRight 2.9s .5s ease-in-out forwards}.approval-scene[data-kind="scope"] .demo-cursor{animation:cursorToTargetFromLeft 2.8s .5s ease-in-out forwards}.approval-scene[data-kind="estimate"] .demo-cursor{animation:cursorToTargetFromAbove 2.8s .5s ease-in-out forwards}.approval-scene[data-kind="schedule"] .demo-cursor{animation:cursorToTargetFromBelow 2.8s .5s ease-in-out forwards}.approved .click-ripple{animation:clickPulse .45s ease-out}.approval-scene[data-kind="refund"] .simple-approval{justify-content:flex-end}.approval-scene[data-kind="scope"] .simple-approval{justify-content:flex-start}.approval-scene[data-kind="estimate"] .simple-approval{justify-content:center}.approval-scene[data-kind="schedule"] .request-content{position:relative;padding-top:36px}.approval-scene[data-kind="schedule"] .simple-approval{position:absolute;right:0;top:0;min-height:0;border:0;padding:0}.approval-scene[data-kind="schedule"] .demo-cursor{animation-name:cursorToTargetFromBelow}.approval-result{margin-top:0}
@keyframes cursorToTargetFromRight{0%{opacity:0;transform:translate(44px,29px)}13%{opacity:1}68%{opacity:1;transform:translate(0,0)}76%{transform:translate(0,0) scale(.82)}85%,100%{opacity:1;transform:translate(0,0) scale(1)}}@keyframes cursorToTargetFromLeft{0%{opacity:0;transform:translate(-44px,29px)}13%{opacity:1}68%{opacity:1;transform:translate(0,0)}76%{transform:translate(0,0) scale(.82)}85%,100%{opacity:1;transform:translate(0,0) scale(1)}}@keyframes cursorToTargetFromAbove{0%{opacity:0;transform:translate(20px,-42px)}13%{opacity:1}68%{opacity:1;transform:translate(0,0)}76%{transform:translate(0,0) scale(.82)}85%,100%{opacity:1;transform:translate(0,0) scale(1)}}@keyframes cursorToTargetFromBelow{0%{opacity:0;transform:translate(-20px,42px)}13%{opacity:1}68%{opacity:1;transform:translate(0,0)}76%{transform:translate(0,0) scale(.82)}85%,100%{opacity:1;transform:translate(0,0) scale(1)}}
@media(max-width:760px){.approval-scene[data-kind="schedule"] .request-content{padding-top:30px}.approval-scene[data-kind="schedule"] .simple-approval{top:-1px}.demo-approve{min-height:36px}}
@media(prefers-reduced-motion:reduce){.demo-cursor,.click-ripple{display:none!important}}

/* Hosting choices and a practical checklist of Vaea capabilities. */
.capabilities-section{padding:88px 9% 100px;background:#fff;border-top:1px solid #e4edf4}.hosting-overview,.hosting-compare,.feature-heading,.feature-list,.more-capabilities{max-width:1120px;margin-left:auto;margin-right:auto}.hosting-overview{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:8%;margin-bottom:35px}.hosting-copy{max-width:490px}.hosting-kicker{font-size:11px;letter-spacing:.09em;color:#7899b1;margin:0 0 17px}.hosting-copy h2{font-size:clamp(36px,4.2vw,55px);line-height:1.1;letter-spacing:-.05em;margin:0 0 19px}.hosting-copy h2 span{color:#8aa5b9}.hosting-copy>p:last-child{font-size:15px;line-height:1.8;color:#748b9d;margin:0;max-width:440px}.hosting-illustration{height:260px;overflow:hidden;border-radius:10px;background:#f5f9fc}.hosting-illustration img{width:100%;height:100%;display:block;object-fit:cover}.hosting-compare{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:74px}.hosting-choice{padding:22px 24px 20px;border:1px solid #e1ebf1;border-radius:8px;background:#fcfdfe;transition:border-color .25s,transform .25s,box-shadow .25s}.hosting-choice:hover{border-color:#c6dbe7;transform:translateY(-2px);box-shadow:0 10px 28px #416a8210}.choice-heading{display:flex;align-items:center;gap:12px}.choice-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:#edf5fa;color:#6f98b2}.choice-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.hosting-choice h3{font-size:18px;font-weight:500;color:#426783;letter-spacing:-.02em;margin:0}.hosting-choice>p{font-size:13px;line-height:1.7;color:#8195a4;margin:13px 0 12px;max-width:450px}.choice-note{font-size:11px;color:#7394aa}.feature-heading{margin-bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:30px}.feature-heading h2{font-size:clamp(31px,3.2vw,42px);line-height:1.15;letter-spacing:-.045em;margin:0;color:#2e4d63}.feature-heading p{font-size:13px;line-height:1.7;color:#8499a8;max-width:410px;margin:0}.feature-list{list-style:none;padding:0;margin-top:0;margin-bottom:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;grid-auto-flow:column;grid-template-rows:repeat(10,auto)}.feature-row{min-height:74px;display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;padding:13px 0;border-bottom:1px solid #edf2f5}.feature-check{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e9f5ed;color:#4f9b69;margin-top:2px}.feature-check svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feature-row h3{font-size:14px;line-height:1.35;font-weight:500;color:#49677e;letter-spacing:-.01em;margin:0 0 4px}.feature-row p{font-size:12px;line-height:1.55;color:#879aa8;margin:0}.more-capabilities{font-size:13px;line-height:1.6;color:#7191a7;text-align:center;margin-top:26px;margin-bottom:0}
@media(max-width:760px){.capabilities-section{padding:60px 7% 70px}.hosting-overview{grid-template-columns:1fr;gap:25px;margin-bottom:23px}.hosting-copy h2{font-size:37px;margin-bottom:14px}.hosting-copy>p:last-child{font-size:14px}.hosting-illustration{height:205px}.hosting-compare{grid-template-columns:1fr;gap:12px;margin-bottom:51px}.hosting-choice{padding:19px}.hosting-choice>p{font-size:13px}.feature-heading{display:block;margin-bottom:15px}.feature-heading h2{font-size:32px}.feature-heading p{font-size:13px;margin-top:10px}.feature-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.feature-row{min-height:0;padding:13px 0}.feature-row h3{font-size:13px}.feature-row p{font-size:12px}.more-capabilities{font-size:12px;margin-top:23px}nav{gap:16px;font-size:12px}}
@media(max-width:420px){nav{gap:10px;font-size:11px}.hosting-illustration{height:170px}.feature-row{grid-template-columns:21px 1fr;gap:9px}.feature-row p{font-size:11px}}

/* Hosting choices and a practical checklist of Vaea capabilities. */
.capabilities-section{padding:88px 9% 100px;background:#fff;border-top:1px solid #e4edf4}.hosting-overview,.hosting-compare,.feature-heading,.feature-list,.more-capabilities{max-width:1120px;margin-left:auto;margin-right:auto}.hosting-overview{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:8%;margin-bottom:35px}.hosting-copy{max-width:490px}.hosting-kicker{font-size:11px;letter-spacing:.09em;color:#7899b1;margin:0 0 17px}.hosting-copy h2{font-size:clamp(36px,4.2vw,55px);line-height:1.1;letter-spacing:-.05em;margin:0 0 19px}.hosting-copy h2 span{color:#8aa5b9}.hosting-copy>p:last-child{font-size:15px;line-height:1.8;color:#748b9d;margin:0;max-width:440px}.hosting-illustration{height:260px;overflow:hidden;border-radius:10px;background:#f5f9fc}.hosting-illustration img{width:100%;height:100%;display:block;object-fit:cover}.hosting-compare{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:74px}.hosting-choice{padding:22px 24px 20px;border:1px solid #e1ebf1;border-radius:8px;background:#fcfdfe;transition:border-color .25s,transform .25s,box-shadow .25s}.hosting-choice:hover{border-color:#c6dbe7;transform:translateY(-2px);box-shadow:0 10px 28px #416a8210}.choice-heading{display:flex;align-items:center;gap:12px}.choice-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:#edf5fa;color:#6f98b2}.choice-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.hosting-choice h3{font-size:18px;font-weight:500;color:#426783;letter-spacing:-.02em;margin:0}.hosting-choice>p{font-size:13px;line-height:1.7;color:#8195a4;margin:13px 0 12px;max-width:450px}.choice-note{font-size:11px;color:#7394aa}.feature-heading{margin-bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:30px}.feature-heading h2{font-size:clamp(31px,3.2vw,42px);line-height:1.15;letter-spacing:-.045em;margin:0;color:#2e4d63}.feature-heading p{font-size:13px;line-height:1.7;color:#8499a8;max-width:410px;margin:0}.feature-list{list-style:none;padding:0;margin-top:0;margin-bottom:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;grid-auto-flow:column;grid-template-rows:repeat(10,auto)}.feature-row{min-height:74px;display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;padding:13px 0;border-bottom:1px solid #edf2f5}.feature-check{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e9f5ed;color:#4f9b69;margin-top:2px}.feature-check svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feature-row h3{font-size:14px;line-height:1.35;font-weight:500;color:#49677e;letter-spacing:-.01em;margin:0 0 4px}.feature-row p{font-size:12px;line-height:1.55;color:#879aa8;margin:0}.more-capabilities{font-size:13px;line-height:1.6;color:#7191a7;text-align:center;margin-top:26px;margin-bottom:0}
@media(max-width:760px){.capabilities-section{padding:60px 7% 70px}.hosting-overview{grid-template-columns:1fr;gap:25px;margin-bottom:23px}.hosting-copy h2{font-size:37px;margin-bottom:14px}.hosting-copy>p:last-child{font-size:14px}.hosting-illustration{height:205px}.hosting-compare{grid-template-columns:1fr;gap:12px;margin-bottom:51px}.hosting-choice{padding:19px}.hosting-choice>p{font-size:13px}.feature-heading{display:block;margin-bottom:15px}.feature-heading h2{font-size:32px}.feature-heading p{font-size:13px;margin-top:10px}.feature-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.feature-row{min-height:0;padding:13px 0}.feature-row h3{font-size:13px}.feature-row p{font-size:12px}.more-capabilities{font-size:12px;margin-top:23px}nav{gap:16px;font-size:12px}}
@media(max-width:420px){nav{gap:10px;font-size:11px}.hosting-illustration{height:170px}.feature-row{grid-template-columns:21px 1fr;gap:9px}.feature-row p{font-size:11px}}

/* A clear, side-by-side comparison of hosting options. */
.hosting-title{max-width:780px;text-align:center;margin:0 auto 34px}.hosting-title .hosting-kicker{margin-bottom:13px}.hosting-title h2{font-size:clamp(34px,4vw,48px);line-height:1.12;letter-spacing:-.045em;color:#2e4d63;margin:0 0 12px}.hosting-title>p:last-child{font-size:14px;line-height:1.7;color:#8195a4;max-width:650px;margin:0 auto}.hosting-table-wrap{max-width:1000px;margin:0 auto 72px;border:1px solid #dfe9ef;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 12px 34px #436a8110}.hosting-table{border-collapse:collapse;table-layout:fixed;width:100%;text-align:left}.hosting-table thead th{height:90px;background:#f5f9fc;border-bottom:1px solid #e2ebf1;padding:15px 22px;vertical-align:middle}.hosting-table thead th:first-child{width:20%}.hosting-table thead th:not(:first-child){width:40%;border-left:1px solid #e5edf2}.hosting-table thead th:not(:first-child){display:table-cell}.table-option-icon{display:inline-grid;vertical-align:middle;place-items:center;width:38px;height:38px;margin-right:11px;border-radius:8px;background:#eaf3f8;color:#6d96b0}.table-option-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.table-option-name{display:inline-block;vertical-align:middle;font-size:17px;font-weight:500;color:#426783;letter-spacing:-.02em}.hosting-table tbody th,.hosting-table tbody td{border-bottom:1px solid #edf2f5;padding:16px 22px;vertical-align:middle}.hosting-table tbody tr:last-child th,.hosting-table tbody tr:last-child td{border-bottom:0}.hosting-table tbody th{font-size:12px;line-height:1.4;font-weight:500;color:#59778d;background:#fbfdfe}.hosting-table tbody td{font-size:12px;line-height:1.6;color:#8297a6;border-left:1px solid #edf2f5}.hosting-table tbody tr:hover th,.hosting-table tbody tr:hover td{background:#f8fbfd}
@media(max-width:760px){.hosting-title{margin-bottom:25px}.hosting-title h2{font-size:34px}.hosting-title>p:last-child{font-size:13px}.hosting-table-wrap{margin-bottom:54px}.hosting-table thead th{height:78px;padding:12px 10px}.hosting-table thead th:first-child{width:22%}.hosting-table thead th:not(:first-child){width:39%}.table-option-icon{width:30px;height:30px;margin-right:5px;border-radius:6px}.table-option-icon svg{width:20px;height:20px}.table-option-name{font-size:13px}.hosting-table tbody th,.hosting-table tbody td{padding:13px 10px}.hosting-table tbody th{font-size:11px}.hosting-table tbody td{font-size:11px;line-height:1.5}}
@media(max-width:420px){.hosting-title h2{font-size:30px}.hosting-table thead th{padding:10px 7px}.hosting-table thead th:first-child{width:23%}.hosting-table thead th:not(:first-child){width:38.5%}.table-option-icon{display:grid;margin:0 auto 5px}.table-option-name{display:block;text-align:center;font-size:11px}.hosting-table tbody th,.hosting-table tbody td{padding:11px 7px}.hosting-table tbody th{font-size:10px}.hosting-table tbody td{font-size:10px}}

.hosting-includes{max-width:1000px;margin:0 auto 24px;padding:21px 24px 22px;border:1px solid #e3edf2;border-radius:10px;background:#fbfdfe}.hosting-includes h3{font-size:16px;font-weight:500;color:#426783;letter-spacing:-.02em;margin:0 0 15px}.hosting-benefits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 26px}.hosting-benefits li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:12px;line-height:1.55;color:#8195a4}.hosting-benefits strong{font-weight:500;color:#49677e}.hosting-addon{margin:0;padding:15px 20px;border-top:1px solid #e8eff3;font-size:12px;line-height:1.5;color:#718b9c}.hosting-addon strong{font-weight:500;color:#49677e}
@media(max-width:760px){.hosting-includes{padding:18px;margin-bottom:20px}.hosting-benefits{grid-template-columns:1fr;gap:12px}.hosting-benefits li{font-size:12px}.hosting-addon{padding:14px 12px}.hosting-table-wrap{margin-bottom:54px}.hosting-table tbody th,.hosting-table tbody td{font-size:10px;line-height:1.5}}

.hosting-plan-grid{max-width:1000px;margin:0 auto 72px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.hosting-plan-card{padding:28px 30px 25px;border:1px solid #e1ebf1;border-radius:12px;background:#fff;box-shadow:0 12px 34px #436a810a;transition:transform .25s,border-color .25s,box-shadow .25s}.hosting-plan-card:hover{transform:translateY(-3px);border-color:#c6dbe7;box-shadow:0 16px 36px #436a8114}.hosting-plan-heading{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #eaf0f4;margin-bottom:7px}.hosting-plan-icon{width:62px;height:62px;display:grid;place-items:center;flex:none;border-radius:14px;background:#edf5fa;color:#6191ad}.self-hosted-plan .hosting-plan-icon{background:#eff6f3;color:#66977e}.hosting-plan-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hosting-plan-label{font-size:10px;letter-spacing:.12em;font-weight:600;color:#8198a8;margin:0 0 3px}.hosting-plan-card h3{font-size:25px;font-weight:500;color:#2e4d63;letter-spacing:-.035em;margin:0}.hosting-plan-list{list-style:none;margin:0;padding:0}.hosting-plan-list li{position:relative;padding:13px 0 13px 18px;border-bottom:1px solid #edf2f5;font-size:13px;line-height:1.55;color:#8195a4}.hosting-plan-list li:last-child{border-bottom:0;padding-bottom:0}.hosting-plan-list li:before{content:"";position:absolute;left:1px;top:20px;width:6px;height:6px;border-radius:50%;background:#8cafc2}.self-hosted-plan .hosting-plan-list li:before{background:#83aa92}.hosting-plan-list strong{font-weight:500;color:#49677e}
@media(max-width:760px){.hosting-plan-grid{grid-template-columns:1fr;gap:14px;margin-bottom:54px}.hosting-plan-card{padding:22px 21px}.hosting-plan-heading{gap:13px;padding-bottom:16px}.hosting-plan-icon{width:54px;height:54px}.hosting-plan-icon svg{width:33px;height:33px}.hosting-plan-card h3{font-size:22px}.hosting-plan-list li{font-size:12px;padding:12px 0 12px 16px}.hosting-plan-list li:before{top:18px}}

.next-step-section{padding:44px 9% 50px;background:#f5f9fc;border-top:1px solid #e5edf2}.next-step-card{max-width:1000px;margin:0 auto;padding:38px 42px;border:1px solid #e1ebf1;border-radius:12px;background:#fff;text-align:center}.next-step-card .hosting-kicker{margin:0 0 12px}.next-step-card h2{font-size:clamp(28px,3vw,38px);line-height:1.18;letter-spacing:-.04em;font-weight:450;color:#2e4d63;margin:0 0 11px}.next-step-card>p:not(.hosting-kicker){font-size:14px;line-height:1.6;color:#8195a4;margin:0 auto 20px;max-width:590px}.next-step-card .button{background:#233e4f}.faq-section{padding:76px 9% 92px;background:#fff;border-top:1px solid #e5edf2}.faq-inner{max-width:850px;margin:0 auto}.faq-heading{margin-bottom:27px}.faq-heading .hosting-kicker{margin:0 0 10px}.faq-heading h2{font-size:clamp(32px,3.4vw,44px);line-height:1.15;letter-spacing:-.045em;font-weight:450;color:#2e4d63;margin:0}.faq-list details{border-bottom:1px solid #e7eef2}.faq-list details:first-child{border-top:1px solid #e7eef2}.faq-list summary{position:relative;list-style:none;padding:19px 34px 19px 0;font-size:15px;line-height:1.45;font-weight:500;color:#426783;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"";position:absolute;right:7px;top:23px;width:8px;height:8px;border-right:1.5px solid #7d9aad;border-bottom:1.5px solid #7d9aad;transform:rotate(45deg);transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(225deg);top:27px}.faq-list details p{max-width:730px;margin:0;padding:0 24px 20px 0;font-size:13px;line-height:1.7;color:#8195a4}
@media(max-width:760px){.next-step-section{padding:28px 7% 34px}.next-step-card{padding:28px 20px}.next-step-card h2{font-size:29px}.next-step-card>p:not(.hosting-kicker){font-size:13px}.faq-section{padding:54px 7% 68px}.faq-heading{margin-bottom:18px}.faq-list summary{font-size:14px;padding:17px 30px 17px 0}.faq-list details p{font-size:12px;padding-bottom:17px}}

/* Phone layouts: preserve the desktop composition while making key actions and copy easier to scan. */
.mobile-menu-toggle{display:none}
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:clip}
  html{scroll-padding-top:88px}
  .vaea-home>header{height:78px;padding:0 6%;gap:10px}
  .mobile-menu-toggle{display:grid;place-items:center;order:2;flex:none;width:42px;height:42px;margin-left:10px;padding:0;border:1px solid #ffffff40;border-radius:8px;background:#ffffff10;color:#f2f7ff}
  .mobile-menu-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
  .vaea-home>header .button.small{order:3;margin-left:auto;min-height:42px;padding:10px 14px;font-size:12px;white-space:nowrap}
  .vaea-home>header nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 6% 12px;background:#173a60;color:#edf5ff;font-size:14px;border-bottom:1px solid #ffffff24;box-shadow:0 14px 22px #0b27441c}
  .vaea-home>header.menu-open nav{display:flex}
  .vaea-home>header nav a{padding:14px 0;border-bottom:1px solid #ffffff17}
  .vaea-home>header nav a:last-child{border-bottom:0}
  .hero-simple{height:auto;min-height:700px;grid-template-rows:minmax(0,4fr) minmax(130px,1fr)}
  .hero-main{min-height:570px;padding:118px 7% 35px}
  .hero-simple h1{font-size:clamp(36px,9.2vw,48px);line-height:1.04;max-width:360px;margin-bottom:16px}
  .hero-simple .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:15px}
  .hero-subtitle{font-size:14px;line-height:1.6;max-width:330px;margin:0 0 22px}
  .hero-main .button{min-height:48px;padding:13px 22px}
  .stream-header{padding:0 7%;min-height:46px}
  .stream-header .problem-signal{font-size:12px;gap:6px;line-height:1.35}
  .solved-mark{width:17px;height:17px;margin-right:1px}
  .stream-group{gap:25px;padding-right:25px}
  .stream-item{gap:9px;font-size:12px}
  .stream-item svg{width:22px;height:22px}
  .compact-work{padding:46px 7% 24px}
  .integration-block{padding-top:0}
  .integration-block h2{font-size:clamp(29px,7.8vw,36px);line-height:1.12;margin-bottom:14px}
  .integration-block>p:not(.eyebrow){font-size:13px;line-height:1.65}
  .app-count-badge{margin:18px auto 0;padding:8px 13px;font-size:11px}
  .app-logo-window{margin:25px -7vw 2px;padding:18px 0}
  .app-logo-group{gap:40px;padding-right:40px}
  .app-brand{width:76px;height:38px}
  .app-brand img{max-width:76px;max-height:31px}
  .compact-work .split-demo{grid-template-columns:1fr;gap:20px;margin-top:30px;padding:30px 0 12px;border-top:1px solid #e9eff4}
  .split-demo-copy h2{font-size:31px;line-height:1.12;margin:0 0 13px}
  .split-demo-copy>p{font-size:14px;line-height:1.65;margin:0 0 18px}
  .split-demo-copy .button{min-height:48px;padding:13px 22px}
  .compact-demo{height:380px;min-height:380px;padding:17px;border-radius:12px}
  .motion-title h3{font-size:18px;line-height:1.25}
  .motion-visual{min-height:190px;margin:10px 0}
  .motion-outcome{gap:8px;padding-top:12px}
  .promise-section{padding:32px 7%}
  .promise-inner{display:block;max-width:560px;margin:0 auto}
  .promise-visual{display:none}
  .promise-copy{text-align:center}
  .promise-mobile-kicker{display:block;font-size:10px;letter-spacing:.11em;color:#7899b1;margin:0 0 10px}
  .promise-copy h2{font-size:clamp(26px,7vw,32px);line-height:1.16;margin:0 0 10px}
  .promise-description{font-size:14px;line-height:1.6;max-width:360px;margin:0 auto 16px}
  .promise-actions{justify-content:center;gap:14px}
  .promise-actions .button{min-height:46px;padding:12px 20px;font-size:13px}
  .promise-actions .text-link{font-size:12px}
  .guardrail-section{padding:48px 7% 54px}
  .guardrail-intro{margin-bottom:24px}
  .guardrail-intro h2{font-size:clamp(32px,8vw,38px);line-height:1.08}
  .guardrail-intro>p{font-size:13px;line-height:1.65}
  .guardrail-console{margin-bottom:20px}
  .guardrail-benefits{gap:10px}
  .hosting-title h2{font-size:32px;line-height:1.12}
  .hosting-plan-card{padding:20px 18px}
  .hosting-plan-list li{font-size:12px;line-height:1.55}
  .next-step-card .button{min-height:48px;padding:13px 22px}
  .faq-list summary{min-height:50px;display:flex;align-items:center;padding:14px 34px 14px 0;line-height:1.4}
}
@media(max-width:390px){
  .vaea-home>header{padding:0 5%}
  .vaea-home>header .button.small{padding:9px 11px;font-size:11px}
  .hero-simple{min-height:680px}
  .hero-main{min-height:545px;padding-top:110px}
  .hero-simple h1{font-size:36px}
  .stream-header .problem-signal{font-size:11px}
  .compact-demo{height:360px;min-height:360px;padding:14px}
  .motion-title h3{font-size:17px}
}
@media(min-width:701px){.promise-mobile-kicker{display:none}}

/* Guardrails demo: one stable layout, one anchored approval target, contained motion. */
.guardrail-console>.approval-demo{padding:24px 30px 18px}
.approval-stage{min-height:232px;overflow:hidden}
.approval-scene{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(190px,.85fr);grid-template-rows:1fr;align-items:center;gap:26px}
.request-content{position:static!important;min-width:0;padding:0!important}
.approval-visual{position:relative;height:166px;min-width:0;overflow:hidden;border:1px solid #e5edf2;border-radius:8px;background:#f7fafc}
.simple-approval{position:relative!important;top:auto!important;right:auto!important;display:flex;justify-content:flex-end!important;align-items:center;min-height:46px;padding:12px 0 0!important;border-top:1px solid #e6eef3!important}
.demo-approve{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;white-space:nowrap;transform:none}
.approved .demo-approve{transform:none}
.demo-cursor{position:absolute;left:50%!important;right:auto!important;top:50%!important;margin:-3px 0 0 -4px!important;width:23px;height:29px;z-index:3;opacity:0;pointer-events:none;animation:approvalPointer 2.7s .45s ease-in-out forwards!important}
.click-ripple{position:absolute;left:50%;top:50%;right:auto;margin:-6px 0 0 -6px;width:12px;height:12px;z-index:2}
.approval-scene[data-kind="refund"] .simple-approval,.approval-scene[data-kind="scope"] .simple-approval,.approval-scene[data-kind="estimate"] .simple-approval,.approval-scene[data-kind="schedule"] .simple-approval{justify-content:flex-end!important}
.approval-scene[data-kind="refund"] .demo-cursor,.approval-scene[data-kind="scope"] .demo-cursor,.approval-scene[data-kind="estimate"] .demo-cursor,.approval-scene[data-kind="schedule"] .demo-cursor{left:50%!important;right:auto!important;top:50%!important;animation:approvalPointer 2.7s .45s ease-in-out forwards!important}
.approval-scene[data-kind="schedule"] .request-content{padding-top:0!important}
.approved .mail-envelope{transform:translate(76px,-3px) rotate(5deg);opacity:.55}
.approved .estimate-sheet{transform:translateX(-8px)}
.approved .calendar-event{transform:translate(27px,24px);background:#6e9b8e}
.calendar-event{max-width:calc(100% - 30px);white-space:nowrap}
@keyframes approvalPointer{0%{opacity:0;transform:translate(30px,22px)}14%{opacity:1}66%{opacity:1;transform:translate(0,0)}76%,100%{opacity:1;transform:translate(0,0)}}
@media(max-width:760px){
  .guardrail-console>.approval-demo{padding:18px 18px 15px}
  .approval-stage{min-height:348px}
  .approval-scene{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 124px;gap:8px}
  .request-body{margin-bottom:14px}
  .simple-approval{min-height:42px;padding-top:10px!important}
  .demo-approve{min-height:38px;padding:9px 13px}
  .approval-visual{height:124px}
  .work-card{max-width:calc(100% - 24px);transform:rotate(-1deg)}
  .calendar-visual{transform:scale(.86)}
  .approved .mail-envelope{transform:translate(52px,-2px) rotate(5deg)}
  .approved .calendar-event{transform:translate(14px,22px)}
}
@media(prefers-reduced-motion:reduce){.demo-cursor,.click-ripple{display:none!important}.approval-scene.entering,.approval-scene.leaving{opacity:1;transform:none}}

/* These continuous strips run on every device, including reduced-motion mode. */
.stream-track{animation:streamRight 100s linear infinite!important;will-change:transform}
.app-logo-track{animation:streamRight 42s linear infinite reverse!important;will-change:transform}
.stream-track,.service-stream:hover .stream-track,.app-logo-track,.app-logo-window:hover .app-logo-track{animation-play-state:running!important}
.stream-window,.app-logo-window{overflow:hidden}
.stream-track>.stream-group[aria-hidden=true],.app-logo-track>.app-logo-group[aria-hidden=true]{display:flex}
.stream-track>.stream-group,.app-logo-track>.app-logo-group{padding-left:0}