/* Sophie AI marketing landing page: TechSee palette, stronger contrast. */
body{background:linear-gradient(#e8efeadb,#e8efeadb),url('assets/neural-network-v1.svg') center top/1440px auto repeat-y}body:after{opacity:.035}.cinema{height:800px;min-height:740px;background:radial-gradient(ellipse at 78% 20%,#17616e80,transparent 52%),radial-gradient(ellipse at 15% 85%,#006d553b,transparent 45%),#132643;color:#f8fbfa}.cinema:before{content:'';position:absolute;inset:0;background:url('assets/neural-network-v1.svg') center/1600px auto;opacity:.15;z-index:-1}.campaign-brand{position:absolute;top:26px;left:5%;display:flex;align-items:center;gap:9px;z-index:9}.campaign-brand img{width:45px;height:45px;object-fit:contain}.campaign-brand b{font:750 29px Exo,sans-serif;letter-spacing:-1px}.campaign-brand>span{font-size:11px;margin-left:4px;color:#c3dada}.campaign-label{position:absolute;right:5%;top:45px;font-size:10px;letter-spacing:1.7px;color:#b0cbcd;z-index:9}.hero-orbit{position:absolute;border:1px solid #66c7c91a;border-radius:50%;z-index:-1;pointer-events:none;transform:rotate(-23deg)}.orbit-one{width:1200px;height:650px;left:calc(50% - 600px);top:80px;box-shadow:0 0 100px #38bfca08,inset 0 0 60px #38bfca06}.orbit-two{width:850px;height:460px;left:calc(50% - 425px);top:180px}.film-title{top:155px;transition:top .7s,transform .7s}.film-title h1{font-size:clamp(64px,8vw,120px)}.film-title .eyebrow{color:#a8d6d6}.film-title em{color:#5ad3d2}.title-first{animation-duration:.7s}.title-second{animation-duration:.7s;animation-delay:.15s}.title-description{color:#c9dcdf;font-size:21px}.title-second:after{background:linear-gradient(90deg,#38bfca,#00a959);width:90px;height:4px}.cinema:not([data-scene=intro]) .film-title{top:61px;transform:scale(.34)}.film-grid{background:radial-gradient(ellipse at 50% 60%,#38bfca12,transparent 60%)}.scene-caption{top:165px}.scene-caption span{color:#8cb9c2}.scene-caption b{color:#c2dadd}.chat-bubble{color:#132643;background:linear-gradient(120deg,#fff,#eaf3f4);box-shadow:0 20px 55px #07142655;border:1px solid #d9f0edc9}.chat-two{background:linear-gradient(130deg,#d1efeb,#b9dddd)}.chat-three{background:linear-gradient(110deg,#f4f8f3,#dce9df)}.speaker{color:#536f7a}.chat-bubble p{font-size:clamp(24px,2.4vw,36px)}.activation{color:#132643;border-color:#9dded2;box-shadow:0 0 60px #38bfca26,0 10px 35px #061b2d42;top:217px}.activation>img{width:45px;height:45px}.visual-window{top:316px;border-color:#a5e6e08c;box-shadow:0 20px 70px #040f2159,0 0 40px #38bfca18;color:var(--ink)}.guide-pop{color:var(--ink);box-shadow:0 18px 60px #07162c55;top:425px}.customer-confirm{color:var(--ink);box-shadow:0 25px 80px #06182d66;top:239px}.result-message{top:440px}.result-message em{color:#5ad3d2}.result-message .eyebrow{color:#9ad4cc}.result-message>p:last-child{color:#b7d2d8}.film-controls>button{color:#edf8f7;border-color:#a4c5cc40;background:#ffffff0c}.film-chapters button:before{background:#67878e}.film-chapters button[aria-pressed=true]:before{background:#66ded2}.film-controls #film-time{color:#8eb1ba}.film-cta{background:#e9f4ec;color:var(--ink);padding:14px 21px;border-radius:30px;font-size:13px}.film-cta span{color:var(--teal)}.film-progress{background:#ffffff15}.film-description{background:#102239;color:#95b2bb;border-color:#315064;font-size:10px}.film-description summary{color:#b9d7dc}.film-description p{color:#d3e5e8}.platform-section{padding-top:0;background:#dae8e0}.platform-section>.section-heading{padding:55px 5% 38px;margin-bottom:0;max-width:none;background:radial-gradient(ellipse at 90% 10%,#38bfca25,transparent 50%)}.platform-section h2{font-size:clamp(37px,4.3vw,62px)}.platform-section h2 em{color:#1d6370}.platform-canvas{background:radial-gradient(ellipse at 95% 10%,#239a8c66,transparent 50%),radial-gradient(ellipse at 5% 90%,#38bfca3a,transparent 45%),linear-gradient(120deg,#16394c,#155c61 60%,#154c48);padding-top:32px;padding-bottom:32px}.platform-canvas:before{opacity:.22}.platform-aura{position:absolute;width:720px;height:720px;right:-200px;top:5px;background:url('assets/sophie-eye-s-final.png') center/contain no-repeat;opacity:.08;pointer-events:none;z-index:-1}.stack-label{color:#b9e5e1;font-size:11px}.plate{min-height:103px;box-shadow:0 9px 0 -1px #b0e4db24,0 19px 28px #081e3352;border-color:#b5e5dc70;background:linear-gradient(115deg,#d8f0e72c,#d1eeec19 55%,#3ca5a42f);transform:rotateX(6deg) rotateY(-1deg);transition:transform .4s,box-shadow .4s,border-color .3s}.plate:nth-child(1),.plate:nth-child(5){width:96%;margin-left:2%}.plate:nth-child(2),.plate:nth-child(4){width:98%;margin-left:1%}.plate:nth-child(3){background:linear-gradient(100deg,#38bfca9c,#2f8a91e0 60%,#00a9598c);border-color:#b3f1db}.plate:hover{transform:translateY(-3px);border-color:#cbf4ec;box-shadow:0 9px 0 -1px #b0e4db3a,0 22px 35px #081e334b}.plate.open{transform:none;border-color:#b6ebdd}.plate-toggle{min-height:103px;gap:22px;padding:22px 26px}.plate-glyph{width:55px;height:55px;display:grid;place-items:center;font-size:32px;color:#daffef;background:linear-gradient(130deg,#ffffff27,#ffffff08);border:1px solid #ffffff45;box-shadow:inset 0 1px 2px #ffffff77,0 4px 0 #153a4b2b;border-radius:15px;flex-shrink:0;line-height:1}.plate-num{width:19px;color:#bde7e2}.plate-heading b{font-size:29px;letter-spacing:-.7px}.plate-heading small{font-size:14px;color:#cbe9e7;max-width:360px}.plate:nth-child(3) .plate-glyph{background:#d9f8ea;color:#13606a;box-shadow:0 0 26px #a6f2dc55}.plate-panel{background:linear-gradient(125deg,#e9f3e8,#d0eae5);padding-top:30px;padding-bottom:30px}.panel-main h3{font-size:37px}.panel-main>p{font-size:17px}.panel-explore{background:#ffffff5c;border:1px solid #ffffffa6;border-radius:15px;padding:20px}.panel-bottom{margin-top:25px}.plate-plus{width:39px;height:39px;font-size:25px}.proof-section{background:#e9eee5;border-color:#d1ddd8}.proof-section .eyebrow{color:#536b72}.customer-logos{margin:25px auto}.proof-section .text-link{font-size:12px}.vision-story{position:relative;min-height:720px;color:#fff;display:flex;align-items:center;isolation:isolate;overflow:hidden}.vision-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.vision-story:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b252ce6 0%,#0b252cb5 32%,#0b252c19 73%),linear-gradient(0deg,#0d2632f0,transparent 45%)}.vision-copy{padding:65px 5% 150px;width:58%;max-width:850px}.vision-copy .eyebrow{color:#acdcd4}.vision-copy h2{font-size:clamp(50px,5.5vw,80px);line-height:1.04;letter-spacing:-2px}.vision-copy h2 em{color:#77e1d1}.vision-copy>p:not(.eyebrow){font-size:18px;max-width:490px;color:#deebe8;line-height:1.8;margin:26px 0 30px}.vision-copy .button{background:#ecf4e8;color:#173847;border-color:#ecf4e8}.vision-callout{position:absolute;right:7%;bottom:200px;background:#eef7edee;color:var(--ink);border-radius:19px;padding:23px 28px;display:flex;align-items:center;gap:16px;box-shadow:0 15px 50px #041d3355;backdrop-filter:blur(12px);border:1px solid #fff}.vision-callout>span{font-size:39px;color:#2f8790}.vision-callout small{font-size:9px;letter-spacing:1.6px;color:var(--teal);font-weight:700;display:block;margin-bottom:9px}.vision-callout b{font:650 25px Exo,sans-serif;letter-spacing:-.7px}.vision-bottom{position:absolute;bottom:45px;left:5%;right:5%;border-top:1px solid #ffffff48;padding-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.vision-bottom b{display:block;font:650 25px Exo,sans-serif;letter-spacing:-.5px}.vision-bottom span{display:block;font-size:13px;color:#c9dfdb;margin-top:8px;line-height:1.6}.vision-disclosure{position:absolute;bottom:13px;right:5%;font-size:9px;color:#b9d2cf}.product-theater{padding:65px 5% 60px;background:linear-gradient(135deg,#cce6dd,#d0ebeb 55%,#b9dddf);position:relative;overflow:hidden}.product-theater:before{content:'';position:absolute;inset:0;background:url('assets/neural-network-v1.svg') center/1400px;opacity:.17;pointer-events:none}.theater-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:0 60px;align-items:end;position:relative}.theater-heading .eyebrow{grid-column:1/-1}.theater-heading h2{font-size:clamp(45px,4.7vw,68px)}.theater-heading h2 em{color:#1e6974}.theater-heading>p:last-child{font-size:18px;line-height:1.8;color:#345865;margin-bottom:4px;max-width:480px}.product-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0 25px;position:relative}.product-switch button{background:#ffffff2c;border:1px solid #90b7b4;color:#254a57;padding:18px 22px;border-radius:13px;font-size:18px;font-weight:650;text-align:left;display:flex;gap:18px;align-items:center;transition:background .25s,transform .25s}.product-switch span{font-size:11px;font-weight:500;color:#527b83}.product-switch button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#f3faf5;box-shadow:0 10px 22px #1b4c6020}.product-switch button[aria-pressed=true] span{color:#8fd2cf}.product-switch button:hover{transform:translateY(-2px)}.product-stage{border:1px solid #fff8;background:linear-gradient(120deg,#ffffff66,#eff6edbb);box-shadow:0 18px 50px #1d4c5b16;border-radius:22px;display:grid;grid-template-columns:.9fr 1.1fr;min-height:470px;overflow:hidden;position:relative}.product-stage-copy{padding:45px;display:flex;flex-direction:column;align-items:start;justify-content:center}.product-stage-copy .eyebrow{font-size:11px}.product-stage-copy h3{font-size:clamp(35px,3.3vw,48px);letter-spacing:-1.5px;line-height:1.07}.product-stage-copy>p:not(.eyebrow){font-size:16px;color:#45616b;line-height:1.8;margin:22px 0}.product-points{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 27px}.product-points span{font-size:10px;padding:8px 10px;border:1px solid #a5c5bc;border-radius:25px;color:#35626a;background:#ffffff5c}.product-stage-copy .button{font-size:13px}.product-stage-art{position:relative;min-height:470px;background:#d8e5df;overflow:hidden}.product-stage-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.product-stage-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102f4677,transparent 60%);pointer-events:none}.product-float{position:absolute;bottom:30px;left:25px;right:25px;z-index:1;padding:18px 22px;background:#f5faf1ec;border:1px solid white;border-radius:14px;display:flex;gap:14px;align-items:center;box-shadow:0 15px 30px #17374620}.product-float img{width:38px;height:38px;object-fit:contain}.product-float>span{font-size:11px;color:#526e78}.product-float b{display:block;font:650 24px Exo,sans-serif;color:var(--ink);margin-top:2px}.product-float i{font-size:25px;font-style:normal;margin-left:auto;color:var(--teal)}.ecosystem{background:radial-gradient(ellipse at 80% 35%,#1e657366,transparent 50%),#132643;color:#edf6f2;padding:75px 5% 35px;display:grid;grid-template-columns:1fr 1.15fr;gap:35px;position:relative;overflow:hidden}.ecosystem:before{content:'';position:absolute;inset:0;background:url('assets/neural-network-v1.svg') center/1600px;opacity:.12;pointer-events:none}.ecosystem-copy{align-self:center;position:relative}.ecosystem .eyebrow{color:#91d1ca}.ecosystem h2{font-size:clamp(46px,4.8vw,70px);letter-spacing:-2px;line-height:1.03}.ecosystem em{color:#6fd8cd}.ecosystem-copy>p:not(.eyebrow){font-size:18px;color:#bad4d9;max-width:470px;margin:24px 0 26px;line-height:1.8}.ecosystem-choices{display:flex;gap:7px;flex-wrap:wrap}.ecosystem-choices button{background:#ffffff08;border:1px solid #7aa3ae66;border-radius:30px;padding:11px 15px;color:#b9d5d9;font-size:12px}.ecosystem-choices button[aria-pressed=true]{background:#c8e8dd;border-color:#c8e8dd;color:var(--ink)}.ecosystem-scenario{margin-top:24px;border-left:2px solid var(--cyan);padding:3px 0 3px 18px;max-width:480px}.ecosystem-scenario b{font:600 22px Exo,sans-serif;letter-spacing:-.4px}.ecosystem-scenario p{font-size:14px;color:#a9c6cf;margin:10px 0 0;line-height:1.8}.ecosystem .text-link{color:#9de1d7;margin-top:18px}.ecosystem-art{position:relative;aspect-ratio:600/580;min-width:0;align-self:center}.ecosystem-art>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ecosystem-art circle{fill:none;stroke:#9fdad62b;stroke-width:1;stroke-dasharray:4 8}.ecosystem-art path{fill:none;stroke:url('#connection-line');stroke-width:1.5;opacity:.6;stroke-dasharray:6 7;animation:signal-flow 12s linear infinite}.ecosystem-core{position:absolute;left:35%;top:35%;width:30%;height:30%;border:1px solid #99d7d5a6;background:radial-gradient(circle at 30% 20%,#a6e2d330,#2b68705e);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 12px #7fc6c30b,0 0 70px #38bfca20,inset 0 0 25px #9bdcd425;backdrop-filter:blur(10px)}.ecosystem-core img{width:47%;height:47%;object-fit:contain;margin-top:-8px}.ecosystem-core b{font:700 26px Exo,sans-serif;letter-spacing:-.7px}.ecosystem-core>span{font-size:9px;color:#b9ddd9;margin-top:6px}.eco-node{position:absolute;width:33%;text-align:center;padding:16px 10px;background:linear-gradient(110deg,#32576e9e,#2a50658a);border:1px solid #8cb5c14a;border-radius:15px;box-shadow:0 10px 25px #07162f24;backdrop-filter:blur(8px);transition:background .4s,border-color .4s,box-shadow .4s}.eco-node>span{display:block;font-size:25px;color:#9bd9d4;margin-bottom:9px}.eco-node b{font:650 18px Exo,sans-serif;letter-spacing:-.3px;display:block}.eco-node small{font-size:9px;color:#a5c4cc;display:block;margin-top:6px}.eco-node.knowledge{left:2%;top:8%}.eco-node.customers{right:2%;top:8%}.eco-node.teams{left:-4%;top:43%}.eco-node.workflows{right:-4%;top:43%}.eco-node.spaces{left:2%;bottom:2%}.eco-node.systems{right:2%;bottom:2%}.ecosystem-art[data-setting=care] .customers,.ecosystem-art[data-setting=care] .knowledge,.ecosystem-art[data-setting=care] .teams,.ecosystem-art[data-setting=field] .teams,.ecosystem-art[data-setting=field] .workflows,.ecosystem-art[data-setting=field] .knowledge,.ecosystem-art[data-setting=home] .spaces,.ecosystem-art[data-setting=home] .customers,.ecosystem-art[data-setting=home] .systems{background:linear-gradient(120deg,#3b8a8da8,#2c626f99);border-color:#87d0c6a3;box-shadow:0 0 30px #38bfca15,0 10px 20px #07162f22}.enterprise-assurance{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid #719ba33b;margin-top:25px;padding-top:25px}.enterprise-assurance>span{font:600 19px Exo,sans-serif;color:#d3e7e5}.enterprise-assurance>span:before{content:'✓';font:400 15px Montserrat;color:#80d5be;margin-right:12px}.enterprise-assurance p{width:100%;text-align:center;font-size:10px;color:#88aeb8;margin:2px 0 0}.faq-section{background:transparent;padding-top:50px;padding-bottom:50px}.faq-section h2{font-size:44px}.faq-list summary{font-size:16px}.faq-list p{font-size:14px}.demo-finale{padding:65px 7%;background:radial-gradient(ellipse at 0 40%,#24868180,transparent 60%),linear-gradient(120deg,#17495a,#132643 70%);color:#f4faf5;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.demo-finale>div:first-child>img{width:75px;height:75px;margin-bottom:20px}.demo-finale .eyebrow{color:#9bdad0;font-size:11px}.demo-finale h2{font-size:clamp(44px,4.8vw,70px);letter-spacing:-2px}.demo-finale em{color:#76dbd0}.demo-finale>div:first-child>p:not(.eyebrow){font-size:18px;max-width:520px;line-height:1.8;color:#b9d5d9;margin:25px 0 0}.demo-card{padding:37px;background:linear-gradient(135deg,#f5f5e9,#dceee0);color:var(--ink);border:1px solid #fff;border-radius:21px;box-shadow:0 20px 55px #07162942}.demo-kicker{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--teal)}.demo-card h3{font-size:38px;line-height:1.06;letter-spacing:-1.1px;margin-top:22px}.demo-card p{font-size:15px;color:#46606a;line-height:1.8;margin:23px 0}.demo-card .button{width:100%;padding:17px;font-size:13px}.demo-card small{display:block;text-align:center;font-size:9px;color:#5b757d;margin-top:15px;line-height:1.7}footer{background:#0e2037;color:#9db9c4;border-color:#37536b;padding-bottom:100px}footer img{background:#e5eee8;border-radius:5px;padding:7px;width:145px}.demo-dock{position:fixed;z-index:30;bottom:17px;left:50%;transform:translateX(-50%);padding:10px 11px 10px 22px;background:#f1f6ecef;border:1px solid #fff;border-radius:50px;box-shadow:0 8px 40px #0d2e4a3b;display:flex;align-items:center;gap:28px;max-width:92%;width:max-content;backdrop-filter:blur(14px)}.demo-dock[hidden]{display:none}.demo-dock>span{font-size:12px;color:#385464;font-weight:600}.demo-dock .button{font-size:12px;padding:12px 20px;white-space:nowrap}.product-stage.changing{animation:showcase-in .35s ease-out}@keyframes signal-flow{to{stroke-dashoffset:-156}}@keyframes showcase-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.plate-heading b{font-size:25px}.plate-heading small{font-size:12px}.plate-toggle{gap:15px}.plate-glyph{width:45px;height:45px;font-size:26px}.vision-copy{width:65%}.vision-callout{right:5%;padding:19px;bottom:190px}.vision-callout b{font-size:22px}.theater-heading{gap:0 35px}.theater-heading>p:last-child{font-size:16px}.product-stage-copy{padding:30px}.product-stage-copy>p:not(.eyebrow){font-size:15px}.ecosystem{gap:30px;grid-template-columns:1fr 1fr}.ecosystem-core b{font-size:23px}.eco-node b{font-size:16px}.eco-node small{font-size:8px}.eco-node{padding:14px 8px}.ecosystem-copy>p:not(.eyebrow){font-size:16px}.demo-finale{gap:40px;padding-left:5%;padding-right:5%}.demo-card{padding:30px}.demo-card h3{font-size:34px}}
@media(max-width:760px){.cinema{height:750px;min-height:750px}.campaign-brand{top:20px;left:6%;gap:6px}.campaign-brand img{width:35px;height:35px}.campaign-brand b{font-size:25px}.campaign-brand>span{font-size:9px;margin-left:3px}.campaign-label{display:none}.film-title{top:190px}.film-title h1{font-size:57px;line-height:1.02}.film-title .eyebrow{font-size:8px;letter-spacing:1px}.title-description{font-size:16px}.cinema:not([data-scene=intro]) .film-title{top:62px;transform:scale(.5)}.scene-caption{top:167px}.scene-caption span{font-size:8px}.scene-caption b{font-size:9px;max-width:235px;line-height:1.6}.chat-one{top:218px}.chat-two{top:371px}.chat-three{top:516px}.chat-bubble p{font-size:23px}.chat-three p{font-size:21px}.chat-bubble{padding:18px 21px}.activation{top:219px;padding:12px 15px;gap:9px}.activation>img{width:34px;height:34px}.visual-window{top:325px}.visual-window svg{height:190px}.guide-pop{top:554px;left:7%;right:7%;padding:15px}.guide-pop b{font-size:21px}.guide-pop p{font-size:10px}.guide-pop small{font-size:7px}.customer-confirm{top:241px;padding:23px 19px}.customer-confirm b{font-size:27px}.result-message{top:445px}.result-message h2{font-size:32px}.result-message>p:last-child{font-size:13px}.film-footer{bottom:19px;gap:8px}.film-cta{padding:11px 13px;font-size:10px;max-width:155px;gap:8px}.film-description{font-size:8px}.platform-section{padding-top:0}.platform-section>.section-heading{padding:35px 6% 29px}.platform-section h2{font-size:36px}.platform-section .section-heading>p{font-size:14px}.platform-canvas{padding:24px 3% 27px}.platform-stack{gap:15px}.plate-toggle{padding:18px 14px;gap:10px;min-height:99px}.plate-num{display:none}.plate-glyph{width:38px;height:43px;font-size:25px;border-radius:10px}.plate-heading b{font-size:20px;letter-spacing:-.5px}.plate-heading small{font-size:10px;line-height:1.6;margin-top:5px}.plate-plus{width:26px;height:26px;font-size:19px}.plate-panel{padding:22px 18px}.panel-main h3{font-size:29px}.panel-main>p{font-size:14px}.panel-explore{padding:16px}.panel-layout{gap:21px}.topic-tabs button{font-size:10px;padding:9px 11px}.topic-content h4{font-size:21px}.topic-content p{font-size:13px}.panel-bottom{margin-top:20px}.stack-label{font-size:8px;gap:10px}.stack-label span:last-child{font-size:7px}.proof-section{padding:26px 6%}.vision-story{min-height:840px;display:block}.vision-photo{object-position:62% center}.vision-story:before{background:linear-gradient(180deg,#0b252cf0 0%,#0b252ca8 40%,#0b252c12 60%,#0b252cf5 100%)}.vision-copy{width:100%;padding:40px 6% 0;max-width:100%}.vision-copy .eyebrow{font-size:9px;letter-spacing:1.2px}.vision-copy h2{font-size:53px;letter-spacing:-1.8px}.vision-copy>p:not(.eyebrow){font-size:15px;margin:20px 0 23px;max-width:370px;line-height:1.8}.vision-copy .button{font-size:12px;padding:14px 20px}.vision-callout{right:6%;left:12%;bottom:245px;padding:17px;gap:12px}.vision-callout>span{font-size:30px}.vision-callout small{font-size:7px;letter-spacing:1px;margin-bottom:6px}.vision-callout b{font-size:21px}.vision-bottom{left:6%;right:6%;bottom:36px;padding-top:20px;grid-template-columns:1fr;gap:16px}.vision-bottom>div{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:15px}.vision-bottom b{font-size:20px}.vision-bottom span{font-size:11px;line-height:1.6;margin-top:0}.vision-disclosure{font-size:8px;right:6%;bottom:12px}.product-theater{padding:42px 6%}.theater-heading{display:block}.theater-heading .eyebrow{font-size:9px;letter-spacing:1px}.theater-heading h2{font-size:47px;letter-spacing:-1.8px}.theater-heading>p:last-child{font-size:15px;line-height:1.8;margin:21px 0 0}.theater-heading>p:last-child br{display:none}.product-switch{gap:6px;margin:25px 0 18px}.product-switch button{font-size:11px;line-height:1.5;display:block;padding:12px 10px;border-radius:10px}.product-switch span{display:block;font-size:8px;margin-bottom:4px}.product-stage{grid-template-columns:1fr;border-radius:18px;min-height:0}.product-stage-copy{padding:27px 24px}.product-stage-copy .eyebrow{font-size:10px}.product-stage-copy h3{font-size:37px;letter-spacing:-1.2px}.product-stage-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin:20px 0}.product-points{gap:6px;margin-bottom:23px}.product-points span{font-size:9px;padding:7px 9px}.product-stage-copy .button{font-size:12px;padding:14px 19px}.product-stage-art{min-height:320px}.product-float{left:17px;right:17px;bottom:18px;padding:14px 17px;border-radius:12px}.product-float img{width:33px;height:33px}.product-float>span{font-size:9px}.product-float b{font-size:21px}.ecosystem{padding:44px 6% 27px;grid-template-columns:1fr;gap:24px}.ecosystem .eyebrow{font-size:9px;letter-spacing:1.2px}.ecosystem h2{font-size:49px;letter-spacing:-1.7px}.ecosystem-copy>p:not(.eyebrow){font-size:15px;margin:22px 0;line-height:1.8}.ecosystem-choices{gap:6px}.ecosystem-choices button{font-size:11px;padding:10px 12px}.ecosystem-scenario{padding-left:15px;margin-top:23px}.ecosystem-scenario b{font-size:21px}.ecosystem-scenario p{font-size:13px;line-height:1.8}.ecosystem .text-link{font-size:12px;margin-top:13px}.ecosystem-art{margin:0 -1%;aspect-ratio:600/600}.eco-node{padding:12px 6px;border-radius:11px;width:34%}.eco-node>span{font-size:22px;margin-bottom:6px}.eco-node b{font-size:13px;letter-spacing:-.1px}.eco-node small{font-size:7px;line-height:1.4;margin-top:4px}.eco-node.teams{left:-2%}.eco-node.workflows{right:-2%}.eco-node.knowledge,.eco-node.spaces{left:2%}.eco-node.customers,.eco-node.systems{right:2%}.ecosystem-core{left:34%;top:36%;width:32%;height:29%}.ecosystem-core b{font-size:18px}.ecosystem-core>span{font-size:6px;margin-top:4px}.ecosystem-core img{width:48%;height:45%;margin-top:-5px}.enterprise-assurance{margin-top:0;padding-top:22px;display:grid;grid-template-columns:1fr;gap:15px}.enterprise-assurance>span{font-size:17px}.enterprise-assurance>span:before{font-size:12px}.enterprise-assurance p{text-align:left;font-size:9px;line-height:1.8;margin-top:4px}.faq-section{padding-top:38px;padding-bottom:38px;gap:27px}.faq-section h2{font-size:36px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.demo-finale{padding:42px 6%;grid-template-columns:1fr;gap:30px}.demo-finale>div:first-child>img{width:62px;height:62px;margin-bottom:15px}.demo-finale .eyebrow{font-size:9px;line-height:1.7}.demo-finale h2{font-size:44px;letter-spacing:-1.5px}.demo-finale>div:first-child>p:not(.eyebrow){font-size:15px;margin:23px 0 0}.demo-card{padding:28px}.demo-card h3{font-size:36px}.demo-card p{font-size:14px}.demo-card .button{font-size:12px}.demo-card small{font-size:8px}footer{padding-bottom:95px}.demo-dock{padding:8px 9px 8px 16px;gap:15px;bottom:12px;border-radius:40px;width:90%;max-width:400px;justify-content:space-between}.demo-dock>span{font-size:10px;max-width:165px;line-height:1.6}.demo-dock .button{font-size:10px;padding:11px 15px}}
@media(max-width:370px){.film-title h1{font-size:50px}.campaign-brand b{font-size:23px}.campaign-brand img{width:32px;height:32px}.chat-bubble p{font-size:21px}.chat-three p{font-size:20px}.activation{padding:12px 10px;gap:7px}.activation>img{width:30px;height:30px}.guide-pop b{font-size:19px}.film-cta{font-size:9px;padding:11px 12px;max-width:132px}.plate-toggle{padding:17px 11px;gap:8px}.plate-glyph{width:30px;height:38px;font-size:21px}.plate-heading b{font-size:18px}.plate-heading small{font-size:9px}.plate-plus{width:23px;height:23px;font-size:17px}.panel-explore{padding:13px}.vision-copy h2{font-size:46px}.vision-bottom b{font-size:18px}.vision-callout b{font-size:19px}.product-switch button{font-size:10px;padding:10px 8px}.product-stage-copy{padding:25px 21px}.product-stage-copy h3{font-size:33px}.ecosystem h2{font-size:44px}.eco-node b{font-size:12px}.eco-node small{font-size:6.5px}.ecosystem-core b{font-size:16px}.demo-finale h2{font-size:39px}.demo-card{padding:24px}.demo-dock>span{font-size:9px;max-width:140px}.demo-dock .button{font-size:9px;padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.ecosystem-art path{animation:none}.product-stage.changing{animation:none}}

/* Keep focus and chapter controls from scrolling the clipped film canvas. */
.cinema{overflow:clip}

/* A quieter film backdrop lets the service story carry the motion. */
.cinema{background:radial-gradient(ellipse at 75% 50%,#1c465b 0,transparent 65%),#132643}
.cinema:before,.hero-orbit,.cinema .film-grid{display:none}
.motion-reveal{transition:opacity .8s ease,translate .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-reveal.motion-pending{opacity:0;translate:0 28px}
.vision-story.motion-active .vision-photo{animation:service-drift 16s ease-in-out infinite alternate}
.vision-story.motion-active .vision-callout{animation:service-float 5s ease-in-out infinite}
.ecosystem.motion-active .ecosystem-core:after{content:'';position:absolute;inset:-12px;border:1px solid #60cfbf55;border-radius:50%;animation:signal-pulse 4s ease-out infinite;pointer-events:none}
.ecosystem:not(.motion-active) .ecosystem-art path{animation-play-state:paused}
.plate.open .panel-layout{animation:panel-arrive .45s ease both}
.product-stage-art img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.product-stage:hover .product-stage-art>img{transform:scale(1.025)}
@keyframes service-drift{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes service-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes signal-pulse{0%{transform:scale(.95);opacity:0}25%{opacity:.7}100%{transform:scale(1.22);opacity:0}}
@keyframes panel-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.motion-reveal.motion-pending{opacity:1;translate:none}.motion-reveal{transition:none}.vision-photo,.vision-callout,.ecosystem-core:after,.plate.open .panel-layout{animation:none!important}}

/* Visual intelligence becomes a tangible shared service moment. */
.visual-window{top:310px;width:min(960px,78%);overflow:hidden;background:#102d3c;border-color:#60c9c970;border-radius:20px}
.window-top{background:#163444;color:#d7f4ed;padding:12px 20px}
.window-top>span{color:#c1eee6}.window-top small{color:#a4c3cb}
.visual-scene{height:292px;position:relative;overflow:hidden;background:#173e47}
.hero-camera-photo{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(1.02)}
.camera-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071e2440,transparent 50%,#092330a8),linear-gradient(0deg,#061923b5,transparent 45%)}
.camera-corner{position:absolute;width:18px;height:18px;border-color:#b8f6e9;border-style:solid;opacity:.7}.corner-tl{top:18px;left:18px;border-width:2px 0 0 2px}.corner-br{right:18px;bottom:18px;border-width:0 2px 2px 0}
.scan-line{position:absolute;left:0;right:0;height:50px;top:0;background:linear-gradient(transparent,#56e4cf22);border-bottom:1px solid #79eadca6;opacity:0}
.cinema[data-scene=visual] .scan-line{animation:context-scan 2s .3s both}
.object-focus{position:absolute;left:13%;top:25%;width:33%;height:45%;border:1px solid #91ead681;border-radius:8px;opacity:0;transform:scale(1.06);transition:opacity .6s .5s,transform .7s .5s}
.cinema[data-scene=visual] .object-focus,.cinema[data-scene=guide] .object-focus{opacity:1;transform:scale(1)}
.object-focus>span{position:absolute;top:-25px;left:-1px;white-space:nowrap;background:#c8f5e7;color:#153e49;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:700}
.object-focus i{position:absolute;width:13px;height:13px;border:2px solid #a6ffe5}.object-focus i:nth-of-type(1){top:-1px;left:-1px;border-right:0;border-bottom:0}.object-focus i:nth-of-type(2){top:-1px;right:-1px;border-left:0;border-bottom:0}.object-focus i:nth-of-type(3){bottom:-1px;left:-1px;border-right:0;border-top:0}.object-focus i:nth-of-type(4){bottom:-1px;right:-1px;border-left:0;border-top:0}
.camera-caption{position:absolute;left:23px;bottom:20px;color:#d7efec;font-size:10px}.camera-caption b{display:block;font:600 21px Exo,sans-serif;color:white;margin-top:7px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7bebc6;margin-right:6px}
.vision-insight{position:absolute;top:42px;right:27px;color:white;transition:opacity .35s,transform .35s}.vision-insight>span{font-size:9px;letter-spacing:1.5px;color:#9ce4d6}.vision-insight b{display:block;font:650 29px/1.15 Exo,sans-serif;letter-spacing:-.6px;margin-top:13px}.vision-insight p{font-size:12px;color:#c3deda;line-height:1.6;margin-top:12px}
.cinema[data-scene=guide] .vision-insight{opacity:0;transform:translateX(15px)}
.visual-window .camera-label{background:#163444;justify-content:center;gap:20px;padding:12px 18px}.visual-window .context-chip{font-size:10px;color:#c2ddd9;display:flex;align-items:center;gap:6px}.context-chip:before{content:'✓';color:#70d9be}.context-chip:last-child{opacity:.4;transition:opacity .4s}.cinema[data-scene=guide] .context-chip:last-child{opacity:1}
.connection-marker{position:absolute;left:26%;top:67%;display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .4s .3s}.connection-marker>span{width:16px;height:16px;border:2px solid #c7ffe8;border-radius:50%;box-shadow:0 0 0 6px #77eac044}.connection-marker b{font-size:10px;background:#c8f5e7;color:#153e49;padding:7px 10px;border-radius:5px}.cinema[data-scene=guide] .connection-marker{opacity:1}
.guide-pop{left:auto;right:7%;top:362px;max-width:330px;padding:24px;background:#eff8f2f5;border:1px solid #b9e5d7}.guide-pop b{font-size:28px}.guide-pop p{font-size:13px;line-height:1.6}.guide-source{display:block;border-top:1px solid #bed5cf;margin-top:15px;padding-top:12px;font-size:9px;color:#356467}
@keyframes context-scan{0%{top:-50px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}
@media(max-width:700px){.visual-window{top:306px;width:92%}.visual-scene{height:230px}.window-top{padding:10px 12px}.window-top>span{font-size:7px;letter-spacing:.6px}.window-top small{font-size:7px}.hero-camera-photo{object-position:43% 55%}.vision-insight{right:14px;top:33px;width:125px}.vision-insight b{font-size:20px;line-height:1.2}.vision-insight p{font-size:9px}.vision-insight>span{font-size:7px}.object-focus{left:7%;top:29%;width:42%;height:37%}.object-focus>span{font-size:7px;padding:5px 6px;top:-23px}.camera-caption{left:16px;bottom:15px;font-size:8px}.camera-caption b{font-size:16px}.visual-window .camera-label{gap:10px;padding:10px 7px}.visual-window .context-chip{font-size:7px;gap:3px}.guide-pop{left:auto;right:6%;top:359px;max-width:60%;padding:17px 15px;gap:8px}.guide-icon{display:none}.guide-pop small{font-size:7px;line-height:1.6;margin-bottom:8px}.guide-pop b{font-size:21px}.guide-pop p{font-size:10px;margin-top:10px}.guide-source{font-size:7px;line-height:1.5;margin-top:10px;padding-top:9px}.connection-marker{left:12%;top:70%}.connection-marker b{font-size:7px;padding:6px;max-width:110px}.connection-marker>span{width:12px;height:12px}.cinema[data-scene=guide] .camera-caption{opacity:0}}
@media(prefers-reduced-motion:reduce){.scan-line{display:none}}

/* Playback tools remain available without competing with the story. */
.scene-caption,.film-progress{display:none}
.film-footer{justify-content:flex-end}
.film-menu{position:absolute;left:0;bottom:0;z-index:15}
.film-menu>summary{list-style:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid #b9d9dc35;border-radius:50%;color:#bfd6d9;background:#13264360;cursor:pointer;font-size:23px;line-height:1}
.film-menu>summary::-webkit-details-marker{display:none}
.film-menu>summary:hover,.film-menu[open]>summary{background:#294b5a;color:white;border-color:#82c6c4}
.film-menu>.film-controls{position:absolute;left:0;bottom:46px;display:flex;flex-wrap:wrap;gap:10px;width:315px;padding:15px;border:1px solid #668b9866;border-radius:16px;background:#142d42f5;box-shadow:0 12px 36px #07152355;backdrop-filter:blur(15px)}
.film-menu:not([open])>.film-controls{display:none}
.film-menu #film-time{display:block;font-size:10px;color:#bdd4d8}
.film-menu .film-controls>button span{display:inline}
.film-menu .film-controls>button{padding:8px 12px;font-size:11px}
.film-menu .film-chapters{display:flex;gap:4px}
@media(max-width:700px){.film-menu>.film-controls{width:280px;gap:8px}.film-menu .film-chapters button{width:19px}.film-menu>summary{width:30px;height:30px}.film-menu #film-time{font-size:9px}}

/* Each service setting changes the whole diagram and its example journey. */
.ecosystem-choices button[aria-pressed=true]{background:#c6f3df;color:#132643;border-color:#c6f3df;box-shadow:0 0 0 3px #6bdac61a}
.scenario-label{display:block;font-size:9px;letter-spacing:1.5px;color:#91d9ca;margin-bottom:12px}
.ecosystem-art[data-setting] .eco-node{background:#1b354c;border-color:#769aa63d;box-shadow:none;transition:background .4s,border-color .4s,box-shadow .4s}
.ecosystem-art[data-setting] .eco-node.scenario-highlight{background:linear-gradient(130deg,#357b7c,#244f64);border-color:#99e8ce;box-shadow:0 0 25px #48cdb616}
.ecosystem-art[data-setting] path{opacity:.15;stroke:#81d6c9;stroke-width:1;animation:none}
.ecosystem-art[data-setting] path.connection-active{opacity:.9;stroke-width:2;stroke-dasharray:6 7;animation:scenario-flow 4s linear infinite}
.ecosystem-core>span{font-size:11px;letter-spacing:.3px;color:#b5eddb}
.setting-journey{grid-column:1/-1;padding:25px 30px;border:1px solid #75bdaf50;border-radius:18px;background:linear-gradient(115deg,#2b62665c,#152d4466);display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:-20px}
.journey-steps{display:flex;align-items:center;gap:23px}.journey-steps>span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#effaf6}.journey-steps>span+span:before{content:'→';margin-right:7px;color:#71c9b5}.journey-steps i{font:600 10px Montserrat,sans-serif;color:#90e6ce}.setting-journey>b{font:600 20px/1.3 Exo,sans-serif;color:#afe8d8;max-width:260px}
@keyframes scenario-flow{to{stroke-dashoffset:-52}}
@media(max-width:1000px){.setting-journey{flex-direction:column;align-items:flex-start}.setting-journey>b{max-width:none}}
@media(max-width:700px){.setting-journey{margin-top:0;padding:22px;gap:20px}.journey-steps{align-items:flex-start;flex-direction:column;gap:15px}.journey-steps>span{font-size:13px}.journey-steps>span+span:before{display:none}.setting-journey>b{font-size:23px}.ecosystem-core>span{font-size:7px;letter-spacing:0}.scenario-label{font-size:8px;letter-spacing:1px}.eco-node small{font-size:8px;line-height:1.5}.eco-node b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ecosystem-art[data-setting] path.connection-active{animation:none}}

#rotating-hero-word{display:inline-block;min-width:5.5em;text-align:center}

/* Stable surfaces and a single synchronized dissolve for service settings. */
.ecosystem-scenario{min-height:165px}
.ecosystem-scenario> b{min-height:64px;display:block}
.ecosystem-art .eco-node{min-height:116px;display:flex;flex-direction:column;justify-content:center}
.setting-journey{min-height:110px}
@media(max-width:700px){.ecosystem-scenario{min-height:210px}.ecosystem-scenario> b{min-height:52px}.ecosystem-art .eco-node{min-height:120px}.setting-journey{min-height:225px}}

/* Distinct brand-family colors make each part of the service ecosystem legible. */
.ecosystem-art .eco-node.knowledge{--tile-start:#236c83;--tile-end:#21485e;--tile-edge:#77d2e2;--tile-glow:#38bfca30}
.ecosystem-art .eco-node.customers{--tile-start:#25877d;--tile-end:#205951;--tile-edge:#89e4cc;--tile-glow:#59dabd30}
.ecosystem-art .eco-node.teams{--tile-start:#3e648d;--tile-end:#293e64;--tile-edge:#9ac6ef;--tile-glow:#6baff030}
.ecosystem-art .eco-node.workflows{--tile-start:#426b70;--tile-end:#2d484e;--tile-edge:#c0ded1;--tile-glow:#b3daca30}
.ecosystem-art .eco-node.spaces{--tile-start:#217b54;--tile-end:#20513d;--tile-edge:#90e1ae;--tile-glow:#00a95930}
.ecosystem-art .eco-node.systems{--tile-start:#306b9b;--tile-end:#244964;--tile-edge:#81ceef;--tile-glow:#52bff030}
.ecosystem-art[data-setting] .eco-node{background:linear-gradient(135deg,var(--tile-start),var(--tile-end));border-color:color-mix(in srgb,var(--tile-edge) 55%,transparent);box-shadow:inset 0 1px 0 #ffffff1c,0 10px 25px #071a2920}
.ecosystem-art[data-setting] .eco-node>span{color:var(--tile-edge)}
.ecosystem-art[data-setting] .eco-node b{color:#fff}
.ecosystem-art[data-setting] .eco-node small{color:#e0eeed}
.ecosystem-art[data-setting] .eco-node.scenario-highlight{background:linear-gradient(135deg,var(--tile-start),var(--tile-end));border-color:var(--tile-edge);box-shadow:inset 0 1px 0 #ffffff35,0 0 0 1px var(--tile-edge),0 0 26px var(--tile-glow)}

/* The platform stays anchored while service emphasis changes around it. */
.ecosystem-core{z-index:2;background:radial-gradient(ellipse at 35% 20%,#326270,#1c3c52 75%);isolation:isolate}
.ecosystem-art[data-setting] path{transition:opacity .45s ease,stroke-width .45s ease}
.ecosystem-art[data-setting] path.connection-active{animation:none}
.ecosystem.motion-active .ecosystem-core:after{animation:none;opacity:.25}
.ecosystem-art[data-setting] .eco-node{transition:border-color .4s ease,box-shadow .4s ease}

/* A spacious service journey gives the payoff its own visual weight. */
.setting-journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:0;padding:0;min-height:190px;margin-top:0;overflow:hidden;border-radius:24px;background:linear-gradient(120deg,#20485b,#18354b);border:1px solid #80c9bd50;box-shadow:inset 0 1px 0 #d3f6e517,0 20px 50px #07162622}
.journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;padding:32px 25px}
.journey-steps>span{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;padding:0 25px;font:600 clamp(18px,1.6vw,24px)/1.25 Exo,sans-serif;letter-spacing:-.4px;color:#f1faf7}
.journey-steps>span+span{border-left:1px solid #8abdb739}
.journey-steps>span+span:before{content:'↗';position:absolute;right:17px;top:0;margin:0;color:#82cebd;font-size:19px}
.journey-steps>span:first-child:after{content:'↗';position:absolute;right:17px;top:0;color:#82cebd;font-size:19px}
.journey-steps i{font:500 43px/1 Exo,sans-serif;letter-spacing:-2px;color:#8de2c8;text-shadow:0 0 24px #62cfb52b}
.setting-journey>b{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:17px;max-width:none;padding:30px 34px;background:linear-gradient(135deg,#caeddf,#9edbd4);color:#163c4b;font:650 clamp(23px,2.1vw,31px)/1.18 Exo,sans-serif;letter-spacing:-.6px}
.setting-journey>b:before{content:'THE SOPHIE DIFFERENCE';font:750 9px/1.5 Montserrat,sans-serif;letter-spacing:1.5px;color:#306b70}
@media(max-width:1000px){.setting-journey{grid-template-columns:1fr}.setting-journey>b{padding:27px 38px;gap:10px}.journey-steps{padding:30px 15px}.journey-steps>span{font-size:22px}}
@media(max-width:700px){.setting-journey{border-radius:19px;min-height:0}.journey-steps{grid-template-columns:1fr;padding:10px 22px}.journey-steps>span{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:23px 18px 23px 0;font-size:22px;align-items:center}.journey-steps>span+span{border-left:0;border-top:1px solid #8abdb739}.journey-steps i{font-size:35px}.journey-steps>span+span:before,.journey-steps>span:first-child:after{display:none}.setting-journey>b{padding:28px 25px;font-size:28px;line-height:1.2}}

.journey-steps>span+span:before,.journey-steps>span:first-child:after{display:none}

/* QA: readable service diagram on narrow screens, without overlapping tiles. */
@media(max-width:700px){
 .ecosystem-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;aspect-ratio:auto;margin:0;align-items:stretch}
 .ecosystem-art>svg{display:none}
 .ecosystem-art .eco-node{position:relative;inset:auto!important;width:auto;min-height:130px;padding:18px 12px;border-radius:15px}
 .ecosystem-art .eco-node b{font-size:16px;line-height:1.2}
 .ecosystem-art .eco-node small{font-size:10px;line-height:1.5;margin-top:7px}
 .ecosystem-art .eco-node>span{font-size:24px}
 .ecosystem-art .knowledge{grid-column:1;grid-row:1}.ecosystem-art .customers{grid-column:2;grid-row:1}
 .ecosystem-art .ecosystem-core{position:relative;inset:auto;width:150px;height:150px;grid-column:1/-1;grid-row:2;justify-self:center;margin:7px 0}
 .ecosystem-core>span{font-size:9px}.ecosystem-core b{font-size:23px}
 .ecosystem-art .teams{grid-column:1;grid-row:3}.ecosystem-art .workflows{grid-column:2;grid-row:3}
 .ecosystem-art .spaces{grid-column:1;grid-row:4}.ecosystem-art .systems{grid-column:2;grid-row:4}
}
@media(min-width:701px) and (max-width:1100px){
 .ecosystem{grid-template-columns:1fr;gap:32px}
 .ecosystem-art{width:100%;max-width:760px;justify-self:center}
 .ecosystem-copy>p:not(.eyebrow){max-width:650px}
 .ecosystem-scenario{min-height:150px}
}

.helm-section{padding:100px max(5vw,24px);background:radial-gradient(ellipse at 90% 20%,#265e69 0,transparent 55%),#132643;color:#f4faf8;position:relative;overflow:hidden}
.helm-section:before{content:"";position:absolute;inset:0;background:url('assets/grain.svg');opacity:.12;pointer-events:none}
.helm-heading,.helm-layout{position:relative;max-width:1320px;margin:auto}.helm-heading{margin-bottom:48px}.helm-heading .eyebrow{color:#80d9d3}.helm-heading h2{font-family:Exo,sans-serif;font-size:clamp(36px,5.2vw,72px);line-height:1.08;margin:18px 0 24px;letter-spacing:-.035em}.helm-heading h2 em{color:#8cddc7;font-style:normal}.helm-heading>p:last-child{max-width:760px;font-size:18px;line-height:1.75;color:#d2e5e8}
.helm-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}.helm-offerings{display:grid;gap:16px}.helm-offering{display:block;width:100%;text-align:left;padding:26px 28px;border:1px solid #90d9d43d;border-radius:20px;background:#ffffff08;color:inherit;font:inherit;cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s}.helm-offering[aria-pressed=true]{background:linear-gradient(120deg,#2c6570bb,#1c4d5388);border-color:#80dacb;box-shadow:inset 4px 0 #80dacb,0 18px 40px #08182733}.helm-offering:hover{border-color:#8cddc7}.helm-offering>span{font-size:11px;letter-spacing:.12em;color:#a1e5df;font-weight:700}.helm-offering strong{display:block;font-family:Exo,sans-serif;font-size:30px;margin:12px 0}.helm-offering p{font-size:16px;line-height:1.7;margin:0 0 16px;color:#e0edee}.helm-offering small{font-size:13px;color:#a7e6d1}.helm-scope{font-size:12px;line-height:1.7;color:#b3cbce;margin:4px 8px}
.helm-preview{position:relative;border:1px solid #91ded04d;border-radius:28px;overflow:hidden;min-height:620px;background:#1c3b4f;box-shadow:0 30px 70px #07152555;display:flex;flex-direction:column;justify-content:space-between}.helm-home{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60%;opacity:.58}.helm-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#13264366,transparent 20%,#132643 95%);pointer-events:none}.helm-preview-top,.helm-dialogue,.helm-powered{position:relative;z-index:1}.helm-preview-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px}.helm-preview-top>b{font-family:Exo,sans-serif;font-size:32px;letter-spacing:.12em}.helm-preview-top>span{font-size:10px;letter-spacing:.12em}.helm-dialogue{margin:90px 24px 24px;background:#132643ed;border:1px solid #86cfc75c;box-shadow:0 16px 40px #10213650;border-radius:20px;padding:24px;backdrop-filter:blur(14px)}.helm-status{font-size:10px;font-weight:700;letter-spacing:.12em;color:#8cddc7}.helm-customer{font-family:Exo,sans-serif;font-size:26px;line-height:1.3;margin:20px 0}.helm-response{display:flex;align-items:flex-start;gap:12px}.helm-response>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:linear-gradient(140deg,#38bfca,#00a959);font-weight:700}.helm-response p{margin:0;color:#d1e6e6;font-size:15px;line-height:1.75}.helm-path{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.helm-path span{padding:8px 10px;background:#77d9ca17;border:1px solid #77d9ca40;border-radius:8px;color:#b2e8df;font-size:11px}.helm-powered{display:flex;align-items:center;gap:10px;padding:0 28px 24px;font-size:12px}.helm-powered img{width:40px;height:40px;object-fit:contain}.helm-powered small{margin-left:auto;color:#aac6cc;font-size:10px}.helm-preview[data-mode=premium] .helm-dialogue{border-color:#a0c8ef}.helm-preview[data-mode=premium] .helm-status{color:#a0c8ef}.helm-offering:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:900px){.helm-layout{grid-template-columns:1fr;gap:28px}.helm-preview{min-height:570px}.helm-dialogue{margin-top:100px}.helm-section{padding:64px 24px}.product-switch button{font-size:14px}}
@media(max-width:480px){.helm-section{padding:56px 18px}.helm-heading>p:last-child{font-size:16px}.helm-offering{padding:22px}.helm-offering strong{font-size:27px}.helm-preview-top{padding:20px}.helm-preview-top>span{max-width:120px;line-height:1.7}.helm-dialogue{margin:80px 12px 18px;padding:20px}.helm-customer{font-size:24px}.helm-powered{padding:0 16px 20px;flex-wrap:wrap}.helm-powered small{width:100%;margin:0}.helm-preview{min-height:600px}}
@media(prefers-reduced-motion:reduce){.helm-offering{transition:none}}

/* A quiet vertical wash, with ink that stays readable through every story beat. */
.cinema{background:linear-gradient(180deg,#14777c 0%,#65bdbb 22%,#c9e8e2 50%,#f4faf7 78%,#fff 100%);color:#123c48}
.campaign-brand{color:#fff}.campaign-brand>span,.campaign-label{color:#e0f4ef}
.film-title .eyebrow{color:#164e55}.film-title em{color:#075b61}.title-description{color:#214e58}
.cinema:not([data-scene=intro]) .film-title{color:#fff}.cinema:not([data-scene=intro]) .film-title em{color:#e1fff1}.cinema:not([data-scene=intro]) .film-title .eyebrow{color:#e1fff1}
.result-message em{color:#08676a}.result-message .eyebrow{color:#286267}.result-message>p:last-child{color:#3b6268}
.film-cta{background:#123e49;color:#fff;box-shadow:0 8px 25px #123e4920}.film-cta span{color:#a3eee0}
.film-menu>summary{background:#fff;color:#214e58;border-color:#719e9a}
.film-description{background:#fff;color:#506b70;border-color:#e0eeea}.film-description summary{color:#325c63}.film-description p{color:#325c63}

.cinema:not([data-scene=intro]) .film-title{color:#123c48}.cinema:not([data-scene=intro]) .film-title em{color:#064f56}.cinema:not([data-scene=intro]) .film-title .eyebrow{color:#164e55}

/* Preserve the full TechSee wordmark without a padded, fixed-height squeeze. */
footer{background:#edf3ef;color:#365662;border-top:1px solid #cadbd4}
footer img{display:block;width:170px;height:auto;max-width:100%;padding:0;border-radius:0;background:none;object-fit:contain}
.proof-section{background:#fff;padding:28px 5% 26px}.proof-section .customer-logos{margin:22px auto}.proof-section .eyebrow{margin-top:0}
.helm-unified{padding:0}.helm-feature{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid #b4ddd32a}.helm-feature>span{font-size:11px;color:#8ddfce;padding-top:7px}.helm-feature h3{font:600 28px/1.15 Exo;letter-spacing:-.025em;margin:0 0 10px}.helm-feature p{font-size:15px;line-height:1.7;margin:0;color:#d2e5e8}.helm-preview-column{align-self:center}.helm-preview-column .helm-film-card{width:100%}.helm-preview-note{font-size:11px;color:#b8d1d3;line-height:1.6;margin:14px 0}.helm-provider-note{border-left:2px solid #8ddfce;padding-left:20px;margin-top:28px}.helm-provider-note b{font:600 21px Exo}.helm-provider-note p{font-size:14px;line-height:1.7;color:#c2d9db;margin:10px 0 0}.helm-launch-note{position:relative;max-width:1320px;margin:35px auto 0;padding-top:22px;border-top:1px solid #b4ddd32a;color:#b8d1d3;font-size:12px;line-height:1.8}.helm-launch-note b{color:#e2f4eb}
@media(max-width:760px){footer img{width:160px}.helm-feature h3{font-size:25px}.helm-feature p{font-size:14px}.helm-heading{margin-bottom:28px}}

.helm-heading{display:grid;grid-template-columns:1fr 220px;gap:60px;align-items:center}.helm-intro-copy>p:last-child{max-width:760px;font-size:18px;line-height:1.75;color:#d2e5e8}.helm-brand-plaque{padding:22px;background:#f0f6f2;border:1px solid #fff8;border-radius:24px}.helm-brand-plaque img{display:block;width:100%;height:auto}
@media(max-width:760px){.helm-heading{grid-template-columns:1fr;gap:24px}.helm-brand-plaque{grid-row:1;width:150px;padding:16px;border-radius:18px}.helm-intro-copy>p:last-child{font-size:16px}.helm-heading h2{margin-top:16px}}

/* Soft pigment washes and fine grain keep color behind the story. */
.cinema{isolation:isolate;background:linear-gradient(0deg,#f5f7f3 0%,#f5f7f300 26%),radial-gradient(ellipse at 0% 18%,#38bfca55 0%,#38bfca00 55%),radial-gradient(ellipse at 100% 46%,#78bd9560 0%,#78bd9500 53%),radial-gradient(ellipse at 48% 0%,#dcf0e7 0%,#f5f7f300 58%),#f5f7f3;color:#132643}
.cinema:before{display:block;content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/grain.svg') repeat;opacity:.14;mix-blend-mode:multiply;mask-image:linear-gradient(#000 0%,#000 68%,transparent 100%)}
.campaign-brand{color:#132643}.campaign-brand>span,.campaign-label{color:#48616b}
.film-title .eyebrow{color:#42666b}.title-description{color:#475c66}
.chat-bubble{box-shadow:0 16px 48px #13264320}.chat-two{background:#e1efe9}.chat-three{background:#f7faf5}
.film-description{background:#f5f7f3}.proof-section{background:#f5f7f3;border-bottom:1px solid #dae3dd}
.helm-section.helm-simple{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:6%;padding:72px 5%;background:#f5f7f3;color:#132643}.helm-simple:before{display:none}.helm-identity{display:block;width:125px;height:auto;margin-bottom:26px}.helm-simple h2{font:650 clamp(32px,3.3vw,49px)/1.1 Exo;letter-spacing:-.035em;margin:0}.helm-simple h2 em{color:#19766f;font-style:normal}.helm-simple-copy>p{font-size:17px;line-height:1.75;max-width:490px;color:#4b636b;margin:22px 0 0}.helm-simple-copy .helm-simple-scope{font-size:11px;line-height:1.7;max-width:380px;margin-top:24px;color:#61777c}.helm-simple>.helm-film-card{box-shadow:0 15px 35px #13264315;border-color:#b4c8c0}
@media(max-width:800px){.vision-story.vision-editorial{grid-template-columns:1fr;gap:28px;padding:40px 6% 32px}.vision-editorial .vision-copy h2{font-size:39px}.vision-editorial .vision-copy>p:not(.eyebrow){font-size:15px;margin-top:18px}.vision-editorial .vision-bottom{gap:20px;grid-template-columns:1fr}.vision-editorial .vision-bottom>div{display:flex;justify-content:space-between;gap:18px;align-items:center}.vision-editorial .vision-bottom b{font-size:18px}.vision-editorial .vision-bottom span{font-size:11px;margin:0;text-align:right}.vision-frame figcaption{font-size:13px}.vision-frame figcaption span{font-size:8px}.helm-section.helm-simple{grid-template-columns:1fr;gap:32px;padding:44px 6%}.helm-identity{width:105px;margin-bottom:22px}.helm-simple h2{font-size:35px}.helm-simple-copy>p{font-size:15px}.helm-simple-copy .helm-simple-scope{margin-top:18px}}

/* Buyer clarity, within the existing page rhythm. */
.platform-explore-hint{display:block;font-size:11px;margin-top:10px;color:#526e74}
.customer-evidence{max-width:1400px;margin:30px auto 0;padding:28px 30px 20px;background:#fff;border:1px solid #d8e5dc;border-radius:18px;display:grid;grid-template-columns:auto 1fr auto;gap:12px 28px;align-items:center;color:#132643}
.evidence-number{font:700 82px/1 Exo;letter-spacing:-.06em;color:#19776e}.evidence-number span{font-size:39px;letter-spacing:-.03em}.evidence-copy .eyebrow{font-size:9px;letter-spacing:.12em;margin:0 0 9px;color:#426b6b}.evidence-copy h3{font:600 24px/1.2 Exo;letter-spacing:-.02em;margin:0}.evidence-copy>p:last-child{font-size:13px;line-height:1.65;color:#516970;max-width:550px;margin:9px 0 0}.customer-evidence>a{font-size:12px;font-weight:600;color:#176e6b;text-decoration:underline;text-underline-offset:4px}.customer-evidence>small{grid-column:2/-1;color:#637b7d;font-size:10px;line-height:1.6}
.demo-agenda{list-style:none;padding:0;margin:25px 0 27px}.demo-agenda li{display:flex;gap:14px;padding:15px 0;border-top:1px solid #a6c1b654}.demo-agenda li>span{font-size:10px;color:#33756f;padding-top:4px}.demo-agenda b{font:600 19px/1.3 Exo}.demo-card .demo-agenda p{font-size:13px;line-height:1.6;margin:5px 0 0;color:#4b656b}.demo-card h3{font-size:34px}
@media(max-width:760px){.customer-evidence{grid-template-columns:auto 1fr;padding:22px 20px;gap:15px 18px;margin-top:24px}.evidence-number{font-size:58px}.evidence-number span{font-size:28px}.evidence-copy h3{font-size:21px}.evidence-copy>p:last-child{font-size:12px}.customer-evidence>a,.customer-evidence>small{grid-column:1/-1}.demo-card h3{font-size:30px}}