/* Source: cloudsystems-products-20260911-141755/styles.css */
:root{--ink:#f3f8fb;--muted:#91a4b0;--subtle:#627581;--line:rgba(164,207,220,.16);--line-strong:rgba(164,207,220,.28);--green:#59e39a;--cyan:#54d8e4;--blue:#4388ff;--paper:#071016;--panel:#0c171e;--panel-2:#101f28;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:radial-gradient(circle at 18% 9%,rgba(44,122,112,.16),transparent 33%),radial-gradient(circle at 89% 3%,rgba(82,64,135,.15),transparent 30%),var(--paper);color:var(--ink);font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit}
.skip-link{position:fixed;left:16px;top:10px;z-index:100;transform:translateY(-150%);padding:9px 13px;border-radius:6px;background:var(--green);color:#06100b;font-weight:800;text-decoration:none}.skip-link:focus{transform:none}
.site-header{height:78px;display:flex;align-items:center;gap:40px;position:sticky;z-index:20;top:0;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(7,16,22,.88);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#247ef6,#1860cc);box-shadow:0 8px 24px rgba(38,113,225,.26);font-size:11px;font-weight:850}.brand-name{display:flex;flex-direction:column;font-size:15px;font-weight:780;letter-spacing:-.025em}.brand-name small{margin-top:1px;color:#70828f;font:7px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.primary-nav{display:flex;gap:28px}.primary-nav a{color:#a4b5bf;text-decoration:none;font-size:12px;font-weight:650}.primary-nav a:hover,.primary-nav a:focus-visible{color:white}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:0 19px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:#06110b;text-decoration:none;font:800 12px/1 Inter,Manrope,"Segoe UI",Arial,sans-serif;cursor:pointer;transition:transform .18s ease,background .18s ease}.button:hover,.button:focus-visible{transform:translateY(-2px);background:#76eba9;outline:none}.button-small{min-height:38px;padding:0 14px;font-size:10px}.button-outline{border-color:rgba(89,227,154,.36);background:rgba(89,227,154,.07);color:#dff9e9}.button-outline:hover,.button-outline:focus-visible{background:var(--green);color:#06110b}
.login-menu{position:relative}.login-menu summary{list-style:none;user-select:none}.login-menu summary::-webkit-details-marker{display:none}.login-menu[open] summary{border-color:var(--green);background:rgba(89,227,154,.12);color:#f1fff7}.login-chevron{font-size:15px;line-height:1;transition:transform .18s ease}.login-menu[open] .login-chevron{transform:rotate(180deg)}.login-popover{position:absolute;top:calc(100% + 13px);right:0;width:min(360px,calc(100vw - 32px));padding:24px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(10,23,30,.98);box-shadow:0 24px 70px rgba(0,0,0,.54);backdrop-filter:blur(22px)}.login-popover:before{content:"";position:absolute;right:22px;top:-6px;width:10px;height:10px;transform:rotate(45deg);border-left:1px solid var(--line-strong);border-top:1px solid var(--line-strong);background:#0a171e}.login-popover-head .eyebrow{margin-bottom:11px}.login-popover-head h2{margin:0;color:var(--ink);font-size:22px;line-height:1.15;letter-spacing:-.035em}.login-popover-head>p:last-child{margin:8px 0 20px;color:var(--muted);font-size:12px}.login-form{display:grid}.login-form label{margin:12px 0 6px;color:#c7d5db;font-size:11px;font-weight:700}.login-form input:not([type="hidden"]){width:100%;height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:7px;outline:none;background:#071218;color:var(--ink);font:500 14px Inter,Manrope,"Segoe UI",Arial,sans-serif}.login-form input:hover{border-color:rgba(164,207,220,.42)}.login-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(84,216,228,.11)}.login-error{margin:12px 0 0;padding:9px 11px;border:1px solid rgba(255,115,115,.28);border-radius:6px;background:rgba(150,36,36,.15);color:#ffb0b0;font-size:11px}.login-submit{width:100%;margin-top:18px}.login-trigger{border:0}.text-link.login-trigger{padding:0;background:transparent;font-family:inherit;cursor:pointer}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--cyan);font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}.eyebrow span{width:23px;height:1px;background:var(--cyan)}
.hero{width:min(var(--max),calc(100% - 48px));min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:68px;margin:0 auto;padding:88px 0 82px}.hero h1{max-width:690px;margin:0;font-size:clamp(56px,6.3vw,94px);line-height:.94;letter-spacing:-.067em;font-weight:620}.hero h1 em{display:inline-block;color:#a9ecf3;font-style:normal}.hero-intro{max-width:610px;margin:30px 0 0;color:#a4b3bd;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.text-link{display:inline-flex;align-items:center;gap:10px;color:#dce8ed;text-decoration:none;font-size:12px;font-weight:750}.text-link:hover,.text-link:focus-visible{color:var(--green)}.trust-list{display:flex;flex-wrap:wrap;gap:12px 25px;margin:37px 0 0;padding:0;list-style:none}.trust-list li{position:relative;padding-left:15px;color:#81939e;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.trust-list li:before{content:"";position:absolute;left:0;top:.52em;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(89,227,154,.55)}
.gateway-card{border:1px solid var(--line-strong);border-radius:14px;background:linear-gradient(145deg,rgba(16,31,40,.94),rgba(8,18,24,.94));box-shadow:0 28px 80px rgba(0,0,0,.34);overflow:hidden}.gateway-card-head{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);color:#b9c8d0;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.gateway-card-head>div{display:flex;align-items:center;gap:8px}.gateway-card-head>span{color:#718590}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(89,227,154,.1),0 0 14px rgba(89,227,154,.55)}
.flow{display:grid;grid-template-columns:1fr 45px 1.12fr 45px .9fr;align-items:center;padding:30px 20px}.flow-node{min-width:0;padding:16px 14px;border:1px solid var(--line);border-radius:9px;background:#09141a}.flow-node.core{border-color:rgba(84,216,228,.38);background:#0c2028;box-shadow:inset 0 0 24px rgba(42,153,165,.07)}.flow-node small,.flow-node strong,.flow-node span{display:block}.flow-node small{color:#69808e;font:700 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.flow-node strong{margin:7px 0 3px;font-size:12px}.flow-node span{color:#78909c;font-size:8px}.flow-connector{display:flex;align-items:center;color:var(--cyan)}.flow-connector i{height:1px;flex:1;background:linear-gradient(90deg,var(--line-strong),var(--cyan))}.flow-connector b{font-size:12px}.provider-stack{display:grid;gap:6px}.provider-stack span{padding:7px 8px;border:1px solid var(--line);border-radius:5px;background:#0a151b;color:#91a5b0;font-size:8px}.provider-stack span:first-child{border-color:rgba(89,227,154,.32);color:#bcebd0}.gateway-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.gateway-metrics div{padding:14px;border-right:1px solid var(--line)}.gateway-metrics div:last-child{border-right:0}.gateway-metrics span,.gateway-metrics strong{display:block}.gateway-metrics span{color:#637784;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.gateway-metrics strong{margin-top:4px;color:#c3d1d8;font-size:10px}
.signal-bar{display:flex;align-items:center;justify-content:center;gap:30px;min-height:78px;padding:18px 24px;border-block:1px solid var(--line);background:rgba(10,21,27,.72);color:#738792;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}.signal-bar i{width:4px;height:4px;border-radius:50%;background:#39505d}
.section{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:120px 0}.section-heading{max-width:760px}.section-heading h2,.control-copy h2,.security-panel h2,.cta-section h2{margin:0;font-size:clamp(39px,4.8vw,66px);line-height:1.02;letter-spacing:-.055em;font-weight:620}.section-heading>p:last-child,.control-copy>p:not(.eyebrow){max-width:610px;margin:22px 0 0;color:var(--muted);font-size:15px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px}.feature-card{position:relative;min-height:330px;padding:28px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,rgba(15,30,38,.86),rgba(8,18,24,.7))}.feature-card:hover{border-color:rgba(84,216,228,.35)}.feature-index{color:#59707c;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace}.feature-card h3{margin:42px 0 12px;font-size:21px;letter-spacing:-.03em}.feature-card p{margin:0;color:#91a4af;font-size:13px;line-height:1.7}.feature-card ul{display:grid;gap:8px;margin:28px 0 0;padding:20px 0 0;border-top:1px solid var(--line);list-style:none}.feature-card li{position:relative;padding-left:15px;color:#aab9c1;font-size:10px}.feature-card li:before{content:"+";position:absolute;left:0;color:var(--green);font-weight:800}
.control-section{display:grid;grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);gap:100px;align-items:start;border-top:1px solid var(--line)}.control-copy{position:sticky;top:115px}.control-copy .text-link{margin-top:30px}.control-list{display:grid}.control-list>div{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid var(--line)}.control-list>div:first-child{padding-top:0}.control-list>div>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--cyan);font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace}.control-list p{margin:0;color:#8396a1;font-size:12px;line-height:1.65}.control-list strong{display:block;margin-bottom:6px;color:#dce6eb;font-size:14px}
.security-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:52px;border:1px solid rgba(84,216,228,.23);border-radius:15px;background:linear-gradient(135deg,rgba(12,37,44,.9),rgba(13,22,31,.9))}.security-points{display:grid}.security-points p{margin:0;padding:18px 0;border-bottom:1px solid var(--line)}.security-points p:first-child{padding-top:0}.security-points p:last-child{padding-bottom:0;border-bottom:0}.security-points strong,.security-points span{display:block}.security-points strong{font-size:13px}.security-points span{margin-top:5px;color:#89a0ac;font-size:11px;line-height:1.6}
.cta-section{width:min(880px,calc(100% - 48px));margin:0 auto;padding:110px 0 130px;text-align:center}.cta-section .eyebrow{justify-content:center}.cta-section>p:not(.eyebrow){max-width:590px;margin:22px auto 30px;color:var(--muted);font-size:15px}.cta-section .button{min-width:150px}
.site-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:30px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);background:#081118}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand .brand-mark{width:32px;height:32px;font-size:9px}.footer-brand p,.footer-brand strong,.footer-brand span{display:block;margin:0}.footer-brand strong{font-size:11px}.footer-brand span{color:#687b86;font-size:8px}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.site-footer nav a{color:#8fa0aa;text-decoration:none;font-size:9px}.site-footer nav a:hover{color:var(--green)}.copyright{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid var(--line);color:#526671;font-size:8px}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;gap:55px}.gateway-card{max-width:680px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-card h3{margin-top:25px}.control-section{grid-template-columns:1fr;gap:50px}.control-copy{position:static}.security-panel{grid-template-columns:1fr;gap:45px}.primary-nav{display:none}}
@media(max-width:620px){.site-header{height:70px;padding-inline:18px}.brand-name small{display:none}.button-small{padding:0 11px}.login-popover{position:fixed;top:82px;right:16px;left:16px;width:auto;max-height:calc(100vh - 98px);overflow:auto}.login-popover:before{right:27px}.hero{width:min(100% - 34px,var(--max));padding:66px 0}.hero h1{font-size:clamp(48px,15vw,68px)}.hero-intro{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-list{gap:10px 18px}.flow{grid-template-columns:1fr;gap:8px;padding:20px}.flow-connector{height:18px;justify-content:center;transform:rotate(90deg)}.flow-connector i{max-width:18px}.gateway-metrics{grid-template-columns:1fr}.gateway-metrics div{border-right:0;border-bottom:1px solid var(--line)}.gateway-metrics div:last-child{border-bottom:0}.signal-bar{justify-content:flex-start;overflow:hidden;white-space:nowrap}.section{width:min(100% - 34px,var(--max));padding:82px 0}.section-heading h2,.control-copy h2,.security-panel h2,.cta-section h2{font-size:42px}.feature-grid{margin-top:38px}.feature-card{padding:23px}.control-section{gap:40px}.security-panel{padding:28px 23px}.cta-section{width:min(100% - 34px,880px);padding:80px 0 95px}.site-footer{grid-template-columns:1fr;padding:26px 18px}.site-footer nav{justify-content:flex-start}.copyright{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
+
/* Prominent, compact direct-contact routes shared by public pages. */
.header-contact-quick{display:flex;align-items:center;overflow:hidden;border:1px solid rgba(84,216,228,.32);border-radius:999px;background:rgba(4,31,43,.72)}
.header-contact-quick a{padding:8px 10px;color:#a8dce6;text-decoration:none;font:750 9px/1 Inter,Manrope,"Segoe UI",Arial,sans-serif;letter-spacing:.025em}
.header-contact-quick a+a{border-left:1px solid rgba(84,216,228,.22)}
.header-contact-quick a:hover,.header-contact-quick a:focus-visible{background:rgba(84,216,228,.14);color:#effeff;outline:none}
.site-footer nav .footer-contact-link{color:#65dff1;font-weight:750}
.legal-header{min-height:78px;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:rgba(7,16,22,.92)}
.legal-header .back-link{color:#a4b5bf;text-decoration:none;font-size:12px;font-weight:700}
.legal-main{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:72px 0 96px}
.legal-kicker{color:var(--cyan);font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}
.legal-main h1{margin:18px 0 12px;font:500 clamp(48px,7vw,80px)/1 Georgia,serif;letter-spacing:-.04em}
.legal-intro{max-width:720px;color:var(--muted)}
.policy-content{margin-top:44px;color:#b8c8d0}.policy-content h3,.policy-content h4{color:var(--ink)}
.legal-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);color:#718590;font-size:9px}
.legal-footer nav{display:flex;gap:18px}.legal-footer a{color:#65dff1;text-decoration:none;font-weight:750}
@media(max-width:1450px){.header-contact-quick{display:none}}
@media(max-width:620px){.legal-header{padding-inline:18px}.legal-main{width:calc(100% - 36px);padding-block:52px 72px}.legal-footer{align-items:flex-start;flex-direction:column;padding-inline:18px}}
/* Source: cloudsystems-products-20260911-141755/editorial.css */
:root{--max:1320px;--paper:#0a0d12;--ink:#f3f5f7;--muted:#a2aab8;--cyan:#a4b9fa;--green:#afc0ff;--line:rgba(181,193,220,.15)}
body{background:#0a0d12;font-size:16px}::selection{background:#b4c6ff;color:#111}
.site-header{height:92px;background:rgba(10,13,18,.93);gap:40px}.brand-mark{background:#eaeef7;color:#172947;box-shadow:none;border-radius:12px;width:44px;height:44px;font-size:14px}.brand-name{font-size:20px}.brand-name small{font:10px/1.5 'Segoe UI',sans-serif;letter-spacing:.08em;color:#b4bac7}.primary-nav a{font-size:14px}.button{font-size:14px;border-radius:8px;min-height:52px;padding-inline:24px;background:#becaff;border-color:#becaff;color:#101626}.button:hover{background:#d6dfff}.button-outline{background:transparent;color:#eef1ff;border-color:#454c5c}.text-link{font-size:14px}.eyebrow{font-size:12px;color:#b6c5f4;letter-spacing:.12em}
.hero{min-height:0;padding:90px 0 85px;gap:60px;grid-template-columns:1.05fr 1fr;position:relative}.hero:before{content:'';position:absolute;inset:-50px -60px;z-index:-1;background:radial-gradient(ellipse at 80% 50%,#17203f66,transparent 60%);pointer-events:none}.hero h1{font-size:clamp(55px,5.4vw,82px);font-weight:500;line-height:1.04;letter-spacing:-.06em}.hero h1 em{color:#becaff}.hero-intro{font-size:18px;line-height:1.8;max-width:540px;margin-top:26px}.hero-actions{gap:25px;margin-top:32px}.trust-list{margin-top:32px;gap:16px}.trust-list li{font-size:12px;text-transform:none;letter-spacing:0;color:#acb5c6}.trust-list li:before{background:#a4b9fa;box-shadow:none}
.workflow{border:1px solid #333b4f;border-radius:16px;overflow:hidden;background:linear-gradient(130deg,#171e30,#0e121b 70%);box-shadow:0 32px 100px #0006;transform:rotate(-1deg)}.workflow-top,.workflow-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 20px;font:11px/1.4 ui-monospace,monospace;color:#a1acc0;border-bottom:1px solid var(--line)}.window-dots{font-size:10px;color:#707b99;letter-spacing:3px}.example-label{color:#d7ad87}.workflow-stage{padding:25px 32px 28px}.request-chip{display:flex;gap:12px;align-items:center;justify-content:center}.mini-icon{display:grid;place-items:center;width:40px;height:40px;background:#263047;border-radius:10px;color:#c1cbff}.request-chip small,.engine small{display:block;font:10px ui-monospace,monospace;letter-spacing:.12em;color:#8794ac}.request-chip strong{font-size:14px;font-weight:500}.connection{height:35px;width:1px;background:#455575;margin:auto;position:relative;overflow:hidden}.connection i{position:absolute;width:3px;height:12px;background:#d6dfff;left:-1px;animation:travel 2.5s linear infinite}.engine{display:flex;align-items:center;gap:14px;border:1px solid #68749b;background:linear-gradient(110deg,#303e62,#1b2338);border-radius:12px;padding:22px;box-shadow:0 0 48px #829cfb18}.engine-monogram{border:1px solid #9dace4;background:#b9c8ff;color:#16203c;border-radius:10px;padding:12px;font-weight:800}.engine strong{display:block;font-size:20px;font-weight:500;margin-top:4px}.engine-spark{margin-left:auto;font-size:30px;color:#b9c8ff}.workflow-checks{display:flex;justify-content:space-between;padding:16px 2px;font:11px ui-monospace,monospace;color:#aebbd7}.workflow-checks span{animation:check-pulse 9s infinite}.workflow-checks span:nth-child(2){animation-delay:3s}.workflow-checks span:nth-child(3){animation-delay:6s}.route-lines{height:26px;border:1px solid #455575;border-bottom:0;border-radius:10px 10px 0 0;margin:0 16%;position:relative}.route-lines:before{content:'';position:absolute;left:50%;height:26px;width:1px;background:#455575}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.destinations>div{padding:15px 10px;border:1px solid #354158;border-radius:8px;background:#101723;text-align:center}.destinations strong,.destinations small{display:block}.destinations>div>span{color:#aebeff;font-size:22px}.destinations strong{font-size:14px;margin:4px 0}.destinations small{font-size:11px;color:#9ca9bd}.workflow-bottom{border-top:1px solid var(--line);border-bottom:0;color:#bfcae3}.workflow-bottom button{font:11px inherit;background:none;border:0;color:#a8b4d0;cursor:pointer;text-decoration:underline}.workflow.paused *{animation-play-state:paused!important}
.signal-bar{justify-content:space-between;padding:25px max(24px,calc((100vw - var(--max))/2));background:#10141d;color:#8f9bb1;font-size:12px;min-height:76px}.signal-bar i{background:#bd987a}
.section{padding:100px 0}.section-heading{max-width:none}.section-heading h2,.control-copy h2,.security-panel h2,.cta-section h2{font-size:clamp(36px,4vw,58px);font-weight:450;line-height:1.12;letter-spacing:-.045em}h2 em{font-style:normal;color:#8e9cb9}.section-heading>p:last-child,.control-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:650px}.explorer{display:grid;grid-template-columns:360px 1fr;gap:40px;margin-top:45px}.explorer-options{display:grid;gap:8px}.explorer-options button{text-align:left;position:relative;padding:23px 25px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a0aabd;cursor:pointer}.explorer-options button[aria-selected=true]{background:#181f2e;border-color:#465371;color:#f2f5ff}.explorer-options button>span{font:11px ui-monospace,monospace;letter-spacing:.1em;color:#9aaad0}.explorer-options strong{display:block;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:13px 0 10px}.explorer-options small{display:block;font-size:14px;line-height:1.5;color:#9caac2}.explorer-options b{position:absolute;right:25px;top:20px;font-size:20px}.explorer-preview{min-width:0;align-self:center;border:1px solid #343e55;border-radius:16px;background:radial-gradient(ellipse at 80% 0,#27325188,transparent 65%),#111722;box-shadow:0 30px 80px #0004;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;padding:20px 26px;border-bottom:1px solid var(--line);font:11px ui-monospace,monospace;color:#a6b4d1}.preview-content{padding:35px;min-height:340px}.preview-content h3{font-size:28px;font-weight:500;letter-spacing:-.03em;margin:0 0 6px}.preview-content p{font-size:14px;color:#94a2b9;margin:0 0 28px}.sample-row{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid #303c53;border-radius:9px;margin:10px 0;background:#151e2d;font-size:14px;gap:15px}.sample-row span{color:#a5b6e8;font-size:12px}.sample-row b{font-weight:500}.sample-tag{display:inline-block;border:1px solid #4c665c!important;color:#b5d4c6!important;padding:4px 10px;border-radius:20px}.sample-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sample-metrics div{padding:20px 12px;background:#1b263b;border-radius:10px;font-size:12px;color:#a3b1ca}.sample-metrics strong{display:block;font-size:26px;color:#e5ebff;margin-top:10px}.sample-bars{height:95px;display:flex;align-items:end;gap:8px;margin-top:24px}.sample-bars i{flex:1;background:linear-gradient(#bac9ff,#455c9b);border-radius:4px 4px 0 0}.preview-footnote{margin:0;padding:16px 26px;border-top:1px solid var(--line);font-size:12px;color:#8190aa}.feature-grid{gap:35px;margin-top:65px}.feature-card{padding:27px 0;background:none;border:0;border-top:1px solid #354057;border-radius:0;min-height:0}.feature-card h3{margin-top:25px;font-size:23px}.feature-index{font-size:12px;color:#bd987a}.feature-card p{font-size:16px}.feature-card li{font-size:14px}.feature-card ul{margin-top:20px}.control-section{gap:90px}.control-copy{position:static}.control-list strong{font-size:20px;font-weight:500}.control-list p{font-size:16px}.control-list>div>span{font-size:12px;width:36px;height:36px;color:#c1cfff}.security-panel{background:linear-gradient(125deg,#252536,#151a24);border-color:#454054;border-radius:18px;padding:50px;gap:60px}.security-points strong{font-size:18px;font-weight:500}.security-points span{font-size:15px;line-height:1.7;color:#a5acbc}.cta-section{padding:50px 0 100px;width:min(1000px,calc(100% - 48px))}.cta-section>p:not(.eyebrow){font-size:17px}.site-footer{background:#10141c}.footer-brand strong{font-size:18px}.footer-brand span{font-size:13px;color:#9aa7bd}.site-footer nav a{font-size:13px}.copyright{font-size:12px;color:#8c99ad}.login-popover-head>p:last-child,.login-form label,.login-error{font-size:14px}.login-popover{background:#141c2a}.login-form input:not([type=hidden]){font-size:16px}.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #d4dfff;outline-offset:5px}
@keyframes travel{from{top:-12px}to{top:40px}}@keyframes check-pulse{0%,30%{color:#e2e9ff}35%,100%{color:#7786a3}}
@media(min-width:1600px){.hero{padding-block:110px}}
@media(max-width:1100px){.hero{gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:58px}.workflow-stage{padding:22px 18px}.workflow-checks{font-size:10px}.explorer{grid-template-columns:300px 1fr;gap:20px}.primary-nav{gap:18px}.site-header{gap:22px}.hero-actions{flex-wrap:wrap}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:55px 0;gap:45px}.hero h1{font-size:clamp(48px,8vw,70px)}.workflow{transform:none;max-width:650px;width:100%}.explorer{grid-template-columns:1fr}.explorer-options{grid-template-columns:repeat(3,1fr)}.explorer-options strong{font-size:19px}.explorer-options button{padding:18px 12px}.explorer-options small,.explorer-options b{display:none}.explorer-options button>span{font-size:10px}.control-section{gap:40px}.signal-bar{gap:25px;overflow:auto;justify-content:flex-start}.feature-grid{gap:20px}}
@media(max-width:550px){.site-header{height:78px;padding-inline:16px;gap:10px}.brand-name{font-size:16px}.brand-mark{width:36px;height:36px}.button-small{font-size:12px;padding-inline:12px;min-height:42px}.hero h1{font-size:52px}.hero-intro{font-size:17px}.hero-actions{flex-direction:row;gap:22px}.hero-actions .button{padding-inline:16px}.workflow-top{font-size:9px;padding:15px}.engine{padding:16px;gap:10px}.engine strong{font-size:18px}.engine-spark{display:none}.workflow-bottom{font-size:10px}.destinations small{font-size:10px}.section{padding-block:65px}.explorer-options strong{font-size:16px}.preview-content{padding:24px 18px}.sample-metrics{gap:6px}.sample-metrics strong{font-size:22px}.sample-row{padding:14px 12px}.security-panel{padding:30px 22px;gap:28px}.site-footer{gap:25px}.section-heading h2,.control-copy h2,.security-panel h2,.cta-section h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Source: cloudsystems-products-20260911-141755/expressive.css */
/* A removable presentation layer. Authentication and routing are unchanged. */
:root{--paper:#101015;--ink:#faf5ed;--muted:#bbb5c2;--cyan:#ffd08a;--green:#ffd08a;--line:#ffffff24}
body{background:#101015;color:var(--ink)}
.site-header{background:#101015f5;border-bottom:1px solid #ffffff18}
.brand-mark{background:#ffd08a;color:#251628;border-radius:50% 50% 50% 12%;width:48px;height:48px}
.brand-name small{font-size:12px;letter-spacing:.035em}
.primary-nav a{color:#d6cedb}
.button{background:#ffd08a;border-color:#ffd08a;color:#251628;border-radius:50px;font-size:15px;padding-inline:26px;box-shadow:0 5px 0 #8b5736;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{background:#ffe1b2;transform:translateY(-3px);box-shadow:0 8px 0 #8b5736}
.button-outline{background:transparent;color:#ffe0b0;border:1px solid #a87b4e;box-shadow:none}
.button-outline:hover{background:#302332;color:#fff;box-shadow:none}
.text-link{font-size:15px;color:#efe8f4}
.eyebrow{color:#ffd08a;font-size:13px}
.hero{isolation:isolate;grid-template-columns:1.08fr 1fr;gap:65px;padding:75px 0 80px;align-items:center}
.hero:before{inset:0 calc((min(1320px,100vw - 48px) - 100vw)/2);z-index:-1;background:linear-gradient(115deg,#15121c 0%,#21162b 52%,#37233b 100%);border-bottom:1px solid #624264}
.hero h1{font-size:clamp(64px,6.5vw,100px);font-weight:650;line-height:.96;letter-spacing:-.065em;max-width:none}
.hero-word{display:block;color:#ffd08a;white-space:nowrap}
.hero-word>span{display:inline-block;font-size:.65em;vertical-align:middle;margin-left:.06em;color:#ffd08a}
.hero h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-size:.61em;font-weight:400;font-style:italic;letter-spacing:-.055em;color:#efc5ff;margin-top:22px;line-height:1.15}
.hero-intro{font-size:18px;line-height:1.7;color:#d3c9d6;max-width:510px}
.hero-actions{gap:24px}.trust-list{gap:16px;flex-wrap:wrap}.trust-list li{font-size:13px;color:#d0bdce}.trust-list li:before{background:#ffd08a}
.workflow{transform:rotate(2deg);border-radius:28px 28px 12px 28px;border:1px solid #ac819d;background:#1a1623;box-shadow:14px 16px 0 #a770af24,0 30px 70px #0005;position:relative;transition:transform .35s}
.workflow:hover{transform:rotate(0deg)}
.workflow-top{background:#edd4f2;color:#33203e;padding:20px;font-size:12px;border:0;gap:12px}
.window-dots{font-size:14px;letter-spacing:0;color:#55355e}.example-label{font-size:12px;color:#624267;border:1px solid #a77ba9;padding:4px 8px;border-radius:20px}
.workflow-stage{padding:30px 26px}.request-chip small,.engine small{font-size:12px;color:#cebdd5;letter-spacing:.06em}.request-chip strong{font-size:16px}
.mini-icon{background:#4b2f53;color:#f2caff;width:46px;height:46px;border-radius:50%;font-size:24px}
.connection{height:38px;background:#bd87b4}.connection i{background:#ffd08a}
.engine{background:#ffd08a;color:#28192b;border-color:#ffd08a;border-radius:16px;padding:25px 20px;box-shadow:0 8px 0 #8b583f}
.engine small{color:#684431}.engine strong{font-size:24px;letter-spacing:-.04em}.engine-monogram{background:#2b1b2f;color:#ffe6c4;border:0;border-radius:50%;font-size:18px}.engine-spark{color:#754329}
.workflow-checks{padding-top:27px;font-size:12px;gap:10px;line-height:1.5}.workflow-checks span{color:#d6c1d9;animation:none}
.route-lines,.route-lines:before{border-color:#ba81ad}.route-lines:before{background:#ba81ad}
.destinations{gap:10px}.destinations>div{background:#292031;border-color:#63445f;border-radius:12px;padding:18px 8px}.destinations>div:nth-child(2){background:#312335}.destinations>div:nth-child(3){background:#292b31}.destinations>div>span{color:#ffcf88}.destinations strong{font-size:15px}.destinations small{font-size:12px;color:#c9bace;line-height:1.5}
.workflow-bottom{font-size:12px;color:#e4cde7;padding:20px;gap:12px;flex-wrap:wrap}.workflow-bottom button{font-family:inherit;font-size:12px;color:#ffda9f}
.signal-bar{background:#ffd08a;color:#372032;border:0;font-size:13px;letter-spacing:.07em;font-weight:700;min-height:68px;padding-block:22px}.signal-bar i{background:#57304e;width:6px;height:6px;transform:rotate(45deg);border-radius:0}
.section{padding-block:90px}.section-heading h2,.control-copy h2,.security-panel h2,.cta-section h2{font-weight:550;letter-spacing:-.045em}
h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#deb6e8;font-weight:400}
.section-heading>p:last-child,.control-copy>p:not(.eyebrow){color:#bbb3c1}
.explorer{grid-template-columns:1fr 1.7fr;gap:0;border:1px solid #61466a;border-radius:22px;overflow:hidden;background:#211928;margin-top:40px}
.explorer-options{gap:0;background:#17141e;padding:14px}
.explorer-options button{border-radius:10px;padding:24px;color:#ddd0e2;border-bottom:1px solid #ffffff15;transition:background .2s,color .2s}
.explorer-options button[aria-selected=true]{background:#edd4f2;color:#301d36;border-color:#edd4f2}
.explorer-options button>span{font-size:12px;color:#c7a7d5}.explorer-options button[aria-selected=true]>span{color:#624064}.explorer-options button[aria-selected=true] small{color:#664b6d}
.explorer-options strong{font-size:25px}.explorer-options small{color:#bcaac5}.explorer-preview{margin:35px;border-color:#71567e;background:#181520;box-shadow:10px 12px 0 #78588633;transform:rotate(-1deg);border-radius:14px}.preview-toolbar{font-size:12px;background:#362640;color:#dec8e8}.preview-content{padding:30px;min-height:335px}.preview-content h3{font-family:Georgia,'Times New Roman',serif;font-size:31px;color:#fae6ff}
.sample-row{background:#251d30;border-color:#4b365b;font-size:15px}.sample-row span{font-size:13px;color:#dfc6ee}.sample-tag{background:#233a33}.sample-metrics div{background:#342442}.sample-metrics strong{color:#ffd08a}.sample-bars i{background:linear-gradient(#ffd08a,#a16bb5)}.preview-footnote{color:#b9a5c1;font-size:12px}
.feature-grid{gap:0;border-bottom:1px solid #69516b}.feature-card{padding:30px;border-color:#69516b;position:relative}.feature-card+.feature-card{border-left:1px solid #69516b}.feature-index{font:italic 42px Georgia,serif;color:#d5a8de}.feature-card:nth-child(2) .feature-index{color:#ffd08a}.feature-card:nth-child(3) .feature-index{color:#a4d9c6}.feature-card h3{font-size:24px;letter-spacing:-.03em}.feature-card p,.feature-card li{color:#c2b6c8}
.control-section{gap:70px}.control-list>div{border-color:#514054;padding-block:25px}.control-list>div>span{background:#32223b;border:1px solid #936ca0;color:#ebc4f6;border-radius:50%;font-size:14px}.control-list strong{color:#ffe0ad;font-size:22px}.control-list p{color:#c5bacb}
.security-panel{background:#e7cfee;color:#2a1933;border:0;border-radius:12px 65px 12px 12px;padding:55px;box-shadow:10px 10px 0 #684f7338}.security-panel .eyebrow{color:#6b3777}.security-panel h2{color:#301d36}.security-points p{border-color:#ac8db5}.security-points strong{color:#39223f}.security-points span{color:#644e6a;font-size:16px}
.cta-section{width:min(1320px,calc(100% - 48px));padding:70px 30px 90px}.cta-section h2{font-size:clamp(40px,5vw,76px)}.cta-section h2 em{color:#ffcf88}.cta-section>p:not(.eyebrow){color:#c3b2ca}
.site-footer{background:#19131f;border-top:1px solid #523a5d}.site-footer nav a{font-size:14px}.footer-brand span{color:#cbb8d4}.copyright{color:#b5a6be}
@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:72px}.workflow-stage{padding:24px 18px}.engine strong{font-size:21px}.workflow-checks{font-size:12px}.explorer-preview{margin:24px}.preview-content{padding:24px}.hero-actions{flex-wrap:wrap}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-block:55px;gap:50px}.hero h1{font-size:clamp(64px,11vw,92px)}.hero-intro{max-width:580px}.workflow{width:100%;max-width:650px;transform:none}.workflow:hover{transform:none}.explorer{grid-template-columns:1fr}.explorer-options{grid-template-columns:repeat(3,1fr);gap:6px}.explorer-options button{padding:18px 12px}.explorer-options strong{font-size:19px}.explorer-preview{transform:none}.feature-card{padding:24px 18px}.security-panel{padding:35px;border-radius:12px 40px 12px 12px}}
@media(max-width:550px){.brand-name small{font-size:10px}.brand-mark{width:36px;height:36px}.hero h1{font-size:clamp(56px,13vw,72px)}.hero-word>span{font-size:.55em}.hero h1 em{font-size:.65em}.hero-actions{gap:25px}.workflow-top{padding:16px 12px;font-size:12px}.window-dots{display:none}.engine{padding:20px 14px}.engine strong{font-size:20px}.workflow-checks{font-size:12px;gap:8px}.destinations strong{font-size:14px}.destinations small{font-size:12px}.workflow-bottom{padding:16px}.explorer-options strong{font-size:16px}.explorer-options button>span{font-size:12px;letter-spacing:0}.explorer-preview{margin:15px}.preview-toolbar{padding:16px 12px;gap:12px}.preview-content{padding:22px 14px}.preview-content h3{font-size:26px}.sample-row{flex-wrap:wrap}.feature-card+.feature-card{border-left:0}.feature-card{padding:25px 0}.feature-grid{gap:0}.section{padding-block:60px}.cta-section{padding-inline:0}.sample-metrics strong{font-size:22px}.button-small{padding-inline:14px}.security-panel{padding:30px 22px}}
.explorer-preview{transform:none}
@media(prefers-reduced-motion:reduce){.workflow,.button{transform:none!important;transition:none!important}}
/* Source: cloudsystems-carousel-20260915a/hero-product-orbit.css */
.hero-product-orbit{--orbit-radius:330px;--orbit-spread:330px;--orbit-card-width:190px;--orbit-card-scale:1;position:absolute;z-index:3;right:0;top:50%;width:min(57vw,790px);height:650px;transform:translateY(-50%);isolation:isolate;overflow:hidden;touch-action:pan-y;cursor:grab;outline-offset:-5px;pointer-events:auto}
.hero-product-orbit.is-dragging{cursor:grabbing}.hero-product-orbit.is-dragging .hero-orbit-card{pointer-events:none}
.hero-orbit-tunnel{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 39%,#087bc4a8 0,#07355f75 28%,#020918ed 67%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,#000e 58%,transparent 89%);mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,#000e 58%,transparent 89%)}
.hero-orbit-tunnel:before{content:"";position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg at 50% 39%,transparent 0 6deg,#169ccc4d 6.2deg 6.45deg,transparent 6.7deg 13deg);animation:hero-tunnel-breathe 8s ease-in-out infinite alternate}
.hero-orbit-tunnel:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,transparent 22%,#01061155 82%)}
.hero-orbit-vanishing{position:absolute;left:37%;top:25%;width:26%;height:24%;background:radial-gradient(ellipse,#d9fbff 0 2%,#43bcff75 7%,#43bcff25 25%,transparent 70%);box-shadow:0 0 65px #39bfff4d}
.hero-orbit-identity{position:absolute;z-index:4;top:42px;left:50%;display:flex;align-items:center;gap:13px;transform:translateX(-50%);color:#dcfaff;font:600 16px/1 ui-monospace,monospace;letter-spacing:.12em;text-shadow:0 0 22px #31bbff70;pointer-events:none}.hero-orbit-identity>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid #258fb7;border-radius:50%;background:linear-gradient(145deg,#071d31,#030b17);box-shadow:inset 0 0 15px #1fc9ff1f,0 0 22px #29caff45;letter-spacing:0}.hero-orbit-identity>span img{width:100%;height:100%;object-fit:contain;transform:scale(1.12)}
.hero-orbit-camera{position:absolute;inset:0;perspective:var(--orbit-perspective,1250px);perspective-origin:50% 43%;pointer-events:none}.hero-orbit-world{position:absolute;left:50%;top:45%;width:0;height:0;transform-style:flat;pointer-events:none}
.hero-orbit-ring{position:absolute;left:0;top:0;width:0;height:0;transform-style:flat;pointer-events:none}
.hero-orbit-card{position:absolute;left:0;top:0;width:var(--orbit-card-width);height:270px;margin-left:calc(var(--orbit-card-width) / -2);margin-top:-112px;transform-style:preserve-3d;pointer-events:auto;will-change:transform,opacity;transition:opacity .2s linear}
.hero-orbit-card-face,.hero-orbit-card-back{position:absolute;inset:0;display:flex;flex-direction:column;padding:17px 15px;border:1px solid #55ddffe0;border-radius:11px;overflow:hidden;background:linear-gradient(125deg,#124567ed,#08233bf5 35%,#02172deb);box-shadow:inset 0 0 0 3px #08263c,inset 0 0 22px #166bb51a,0 0 18px #22bfff55;backface-visibility:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.hero-orbit-card-face{color:inherit;text-decoration:none}.hero-orbit-card.has-link{cursor:pointer}.hero-orbit-card.has-link .hero-orbit-card-footer{display:flex;align-items:center;justify-content:space-between;border-color:#71dfff;background:linear-gradient(120deg,#145077,#082a45);color:#e7fbff;font-weight:700}.hero-orbit-card.has-link .hero-orbit-card-footer span{font-size:14px;transition:transform .2s ease}.hero-orbit-card.has-link:hover .hero-orbit-card-footer span,.hero-orbit-card.has-link:focus-within .hero-orbit-card-footer span{transform:translateX(3px)}.hero-orbit-card.has-link:focus-within .hero-orbit-card-face{outline:2px solid #d8f9ff;outline-offset:4px}
.hero-orbit-card-back{align-items:center;justify-content:center;background:linear-gradient(120deg,#031628,#06111e);color:#2872a0;opacity:0}.hero-orbit-card-back>span{font-size:42px;opacity:.4}.hero-orbit-card.is-rear .hero-orbit-card-face{opacity:0}.hero-orbit-card.is-rear .hero-orbit-card-back{opacity:1}.hero-orbit-card.is-hovered .hero-orbit-card-face{transform:translateZ(28px) scale(1.055);border-color:#d8f9ff;box-shadow:inset 0 0 0 3px #0a3853,0 0 25px #3bceff66}.hero-orbit-card.is-active .hero-orbit-card-face{border-color:#b2f3ff}
.hero-orbit-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-orbit-state{color:#58deff;font:700 8px/1.4 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.hero-orbit-state:before{content:"●";margin-right:5px;font-size:7px}.hero-orbit-number{color:#4c8ba8;font:500 9px/1 ui-monospace,monospace;letter-spacing:.15em}.hero-orbit-card h2{min-height:38px;margin:17px 0 7px;color:#f1fbff;font-size:18px;line-height:1.08;letter-spacing:-.035em}.hero-orbit-card p{min-height:62px;margin:0;color:#b9d8e7;font-size:10px;line-height:1.5}.hero-orbit-card dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:auto 0 0;padding-top:12px;border-top:1px solid #204b69}.hero-orbit-card dt{color:#89bad1;font-size:8px;line-height:1.25}.hero-orbit-card dd{margin:4px 0 0;color:#e6f8ff;font-size:11px}.hero-orbit-card-footer{margin-top:12px;padding:9px 10px;border:1px solid #397c9f;border-radius:5px;background:linear-gradient(120deg,#10334f,#062034);color:#bdefff;font-size:9px}
.hero-orbit-pillar{position:absolute;left:-72px;top:-190px;width:144px;height:230px;transform-style:preserve-3d;pointer-events:none}.hero-orbit-pillar-faces{position:absolute;inset:0;transform-style:preserve-3d}.hero-orbit-pillar-faces>i{position:absolute;left:calc(50% - 8px);top:0;width:16px;height:230px;transform:rotateY(var(--face)) translateZ(20px);background:repeating-linear-gradient(0deg,transparent 0 32px,#41b8e35c 33px,#010811 36px,transparent 39px),linear-gradient(90deg,#010913,#09273e 25%,#174665 55%,#051422 95%);border-inline:1px solid #24709a55;box-shadow:inset 0 0 8px #010b1c}.hero-orbit-pillar-top{position:absolute;left:50px;top:-22px;width:44px;height:44px;border:2px solid #80ebff;border-radius:50%;transform:rotateX(90deg);background:repeating-radial-gradient(circle,#083451 0 4px,#37caff 5px,#051321 7px,#0d3147 10px);box-shadow:0 0 18px #44cdff88}.hero-orbit-core{position:absolute;left:-52px;top:-86px;width:248px;height:147px;transform:translateZ(74px) rotateX(13deg);background:radial-gradient(ellipse at 50% 51%,#fff 0 3%,#e3fdffed 5%,#74e7ffae 12%,#158ff553 29%,transparent 65%)}.hero-orbit-core:before{content:"";position:absolute;left:-55px;right:-55px;top:50%;height:2px;background:linear-gradient(90deg,transparent,#4fdcff88,#fff,#4fdcff88,transparent);box-shadow:0 0 9px #56cbff}.hero-orbit-core:after{content:"";position:absolute;left:50%;top:10%;width:2px;height:80%;background:linear-gradient(transparent,#baf8ff,#fff,transparent);box-shadow:0 0 12px #8be8ff}.hero-orbit-core i{position:absolute;left:48%;top:38%;width:4%;height:28%;background:#eaffff;filter:blur(6px)}
.hero-orbit-halo{position:absolute;left:-166px;top:-205px;width:332px;height:332px;transform:translateY(-19px) rotateX(90deg);border:3px solid #b2f5ff;border-radius:50%;box-shadow:0 0 8px #e0fbff,0 0 20px #20c6ff,inset 0 0 10px #16b4ff;pointer-events:none}.hero-orbit-halo:after{content:"";position:absolute;inset:8px;border:1px solid #159ddd;border-radius:50%}
.hero-orbit-controls{position:absolute;z-index:150;right:0;bottom:38px;left:0;display:flex;align-items:center;justify-content:center;gap:16px;pointer-events:auto}.hero-orbit-controls>button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #35bee5;border-radius:50%;background:#031422d9;color:#8ceeff;font-size:16px;cursor:pointer;box-shadow:inset 0 0 12px #20cfff12,0 0 15px #08bdec17}.hero-orbit-controls>button:hover,.hero-orbit-controls>button:focus-visible{border-color:#d6fbff;color:#fff;outline:none;box-shadow:0 0 18px #36d8ff4a}.hero-orbit-pagination{display:flex;align-items:center;gap:6px}.hero-orbit-pagination button{width:22px;height:10px;padding:0;border:0;border-radius:9px;background:linear-gradient(180deg,transparent 42%,#39768f 42% 58%,transparent 58%);cursor:pointer;transition:width .25s ease,background .25s ease}.hero-orbit-pagination button.is-active{width:34px;background:linear-gradient(180deg,transparent 39%,#abf7ff 39% 61%,transparent 61%);filter:drop-shadow(0 0 5px #27d8ff)}.hero-orbit-pagination button:focus-visible{outline:1px solid #b7f4ff;outline-offset:2px}
.hero-orbit-help{position:absolute;right:0;bottom:14px;left:0;margin:0;color:#5e839a;font:8px/1 ui-monospace,monospace;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.hero-product-orbit:focus-visible{outline:2px solid #b7f4ff}.hero-product-orbit.is-reduced .hero-orbit-card{display:none;transform:none!important}.hero-product-orbit.is-reduced .hero-orbit-card.is-active{display:block;opacity:1!important;transform:translateZ(var(--orbit-radius)) scale(var(--orbit-card-scale))!important}.hero-product-orbit.is-reduced .hero-orbit-pillar,.hero-product-orbit.is-reduced .hero-orbit-halo{display:none}
@keyframes hero-tunnel-breathe{to{opacity:.62;transform:scale(1.035)}}
@media(min-width:1600px){.hero-product-orbit{right:-2.5vw;width:min(72vw,1360px);height:min(820px,calc(100vh - 96px))}}
@media(max-width:1100px){.hero-product-orbit{right:-4vw;width:59vw;transform:translateY(-50%) scale(.9)}}
@media(max-width:850px){.hero-product-orbit{top:5px;right:50%;width:min(100vw,760px);height:350px;transform:translateX(50%) scale(.72);transform-origin:top center}.hero-orbit-identity{top:12px}.hero-orbit-world{top:49%}.hero-orbit-controls{bottom:15px}.hero-orbit-help{display:none}}
@media(max-width:550px){.hero-product-orbit{width:138vw;transform:translateX(50%) scale(.55)}}
@media(prefers-reduced-motion:reduce){.hero-product-orbit *,.hero-product-orbit *:before,.hero-product-orbit *:after{animation:none!important;transition:none!important}}
/* Source: cloudsystems-carousel-20260915a/cinematic.css */
:root{--paper:#060814;--cyan:#a7c8ff;--green:#adcdff}
body{background:#060814}.site-header{background:#060814f2;border-color:#6276ae33}.brand-mark{background:white;box-shadow:0 0 25px #608cff33;border-radius:10px;padding:4px}.brand-mark img{width:100%;height:100%;object-fit:contain}.hero{min-height:720px;display:grid;grid-template-columns:1fr;padding:80px 0 75px;position:relative;isolation:isolate;gap:0}.hero:before{display:none}.hero-copy{position:relative;z-index:2;max-width:630px}.hero h1{font-size:clamp(64px,6vw,92px)}.hero-word{color:#eef3ff}.hero-word>span{color:#7fbdff}.hero h1 em{color:#a8bdff}.hero-intro{color:#d1daed;max-width:510px;text-shadow:0 2px 20px #000}.cinema-stage{position:absolute;inset:0 calc((min(1320px,100vw - 48px) - 100vw)/2);overflow:hidden;z-index:0;pointer-events:none;background:#050713}.cinema-art{position:absolute;inset:-3%;background:url('/assets/cloudsystems-products-20260911-141755/izwi-cinematic.png') center center/cover no-repeat;animation:cinema-drift 18s ease-in-out infinite alternate;will-change:transform}.cinema-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#040611f5 0%,#040611da 27%,#04061155 51%,transparent 72%),linear-gradient(0deg,#060814,transparent 23%)}.cinema-light{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 50%,#7664ff24,transparent 40%);animation:cinema-breathe 6s ease-in-out infinite alternate;mix-blend-mode:screen}.cinematic .hero>.workflow{display:none}.button{background:#c8dbff;border-color:#c8dbff;color:#101a35;box-shadow:0 4px 0 #415e97}.button:hover{background:#e0eaff;box-shadow:0 7px 0 #415e97}.button-outline{background:#151e38;color:#e1ebff;border-color:#6c84b0;box-shadow:none}.button-outline:hover{background:#26385c;box-shadow:none}.eyebrow{color:#a4c4ff}.trust-list li{color:#c4d0e8}.trust-list li:before{background:#92baff}.izwi-signature{display:flex;align-items:center;gap:13px;margin-top:30px;color:#adbbd6;font-size:12px;line-height:1.5}.izwi-signature img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.izwi-signature strong{color:#e7efff;font-weight:500;font-size:14px}.backdrop-motion{position:absolute;right:0;bottom:30px;z-index:3;background:#080f24d9;color:#dce7ff;border:1px solid #577199;border-radius:30px;padding:11px 17px;font-size:13px;cursor:pointer}.backdrop-paused .cinema-art,.backdrop-paused .cinema-light{animation-play-state:paused}.signal-bar{background:#101d3c;color:#d0e0ff;border-block:1px solid #688bc64d}.signal-bar i{background:#7fc9ff}.cinematic .security-panel{background:#c8d7f3}.cinematic .site-footer{background:#0c1325}.cinematic .cta-section h2 em{color:#a8c7ff}
.cube-logo{position:absolute;height:auto;transform:translate(-50%,-50%) scaleY(.68);filter:drop-shadow(0 0 12px #9ccfff);border-radius:10%;pointer-events:none}
@keyframes cinema-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(-.7%,.5%,0)}}@keyframes cinema-breathe{from{opacity:.2}to{opacity:.9}}
@media(min-width:1600px){.hero{min-height:780px}}
@media(max-width:850px){.hero{padding-top:330px;min-height:0;padding-bottom:65px}.hero-copy{max-width:650px}.cinema-art{background-position:70% top;background-size:auto 590px;background-repeat:no-repeat}.cinema-stage:after{background:linear-gradient(0deg,#060814 0%,#060814 20%,#060814bd 45%,transparent 80%)}.hero h1{font-size:68px}.backdrop-motion{top:25px;bottom:auto}.cinema-stage{inset-inline:-24px}}
@media(max-width:550px){.hero{padding-top:280px}.hero h1{font-size:clamp(54px,12vw,68px)}.cinema-art{background-size:auto 450px}.hero-intro{font-size:17px}.izwi-signature{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.cinema-art,.cinema-light{animation:none!important}}

/* ICE CUBE revision: upright mark, blue-only backdrop and automatic motion. */
.cinema-art{background:none;animation:cube-float 9s ease-in-out infinite;transform-origin:75% 55%}
.cinema-art:before{content:'';position:absolute;inset:0;background:url('/assets/cloudsystems-products-20260911-141755/izwi-cinematic.png') center center/cover no-repeat;filter:hue-rotate(-22deg) saturate(.8)}
.cinema-light{background:radial-gradient(ellipse at 73% 50%,#459ee92b,transparent 40%)}
.cinematic h2 em,.cinematic .hero h1 em{color:#a8d3f4}
.cinematic .explorer-options{background:#0d1823}.cinematic .explorer-options button{color:#d5e4f0}.cinematic .explorer-options button[aria-selected=true]{background:#c4dded;color:#193246;border-color:#c4dded}.cinematic .explorer-options button>span,.cinematic .explorer-options small{color:#9fb8cb}.cinematic .explorer-options button[aria-selected=true]>span,.cinematic .explorer-options button[aria-selected=true] small{color:#42637c}
.cinematic .explorer-preview{background:#101c29;border-color:#3b5d78;box-shadow:10px 12px 0 #5889ae22}.cinematic .preview-toolbar{background:#20374c;color:#c9dfef}.cinematic .preview-content h3{color:#e6f2fa}.cinematic .sample-row{background:#172b3c;border-color:#36516c}.cinematic .sample-row span{color:#bfd7e9}.cinematic .sample-metrics div{background:#21394d}.cinematic .sample-metrics strong{color:#a3dcff}.cinematic .sample-bars i{background:linear-gradient(#99d9f6,#426f9a)}.cinematic .preview-footnote{color:#a4bdce}
.cinematic .feature-grid,.cinematic .feature-card,.cinematic .feature-card+.feature-card,.cinematic .control-list>div{border-color:#3c5369}.cinematic .feature-index{color:#9dcce9}.cinematic .feature-card p,.cinematic .feature-card li,.cinematic .control-list p,.cinematic .section-heading>p:last-child,.cinematic .control-copy>p:not(.eyebrow),.cinematic .cta-section>p:not(.eyebrow){color:#b6c7d5}.cinematic .control-list>div>span{background:#20364a;border-color:#597b99;color:#c7e4f8}
.cinematic .security-panel{background:#c8deeb;color:#193448;box-shadow:10px 10px 0 #405e7830}.cinematic .security-panel h2,.cinematic .security-points strong{color:#193448}.cinematic .security-panel .eyebrow,.cinematic .security-points span{color:#42647d}.cinematic .security-points p{border-color:#94b3c7}.cinematic .site-footer{border-color:#344d65}.cinematic .footer-brand span,.cinematic .copyright{color:#aebfd0}
@keyframes cube-float{0%,100%{transform:scale(1.025) translate3d(0,5px,0)}50%{transform:scale(1.045) translate3d(0,-10px,0)}}
@media(max-width:850px){.cinema-art:before{background-position:70% top;background-size:auto 590px}}
@media(max-width:550px){.cinema-art:before{background-size:auto 450px}}
@media(prefers-reduced-motion:reduce){.cinema-art{animation:none!important;transform:none}}

/* STATIC CUBE: shared coordinates keep the logo, cube and floor aligned. */
.cinema-art{animation:none!important;transform:none!important;will-change:auto}
.cinema-art:before{display:none}
.cube-plane{position:absolute;background:transparent}
.cube-ground,.cube-well,.cube-lift,.cube-cutout{position:absolute;inset:0}
.cube-ground{background:url('/assets/cloudsystems-products-20260911-141755/izwi-floor-clean.png') center/100% 100% no-repeat;transform:none;animation:floor-breathe 16s ease-in-out infinite;isolation:isolate;overflow:hidden}
/* Overlapping light waves flutter across the floor, below the static cube. */
.cube-ground:before,.cube-ground:after{content:'';position:absolute;inset:-20%;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(115deg,transparent 0%,transparent 12%,#80bfff08 18%,#90d8ff32 24%,#80bfff08 30%,transparent 38%,transparent 50%);background-size:160% 160%;animation:floor-light-wave 19s ease-in-out infinite;will-change:transform,opacity}
.cube-ground:after{background:repeating-linear-gradient(65deg,transparent 0%,transparent 20%,#75c9ff08 27%,#a0dcff24 34%,transparent 43%,transparent 60%);background-size:140% 140%;animation:floor-light-counterwave 23s ease-in-out infinite;animation-delay:-8s}
@keyframes floor-light-wave{0%,100%{transform:translate3d(-9%,2%,0);opacity:.18}25%{opacity:.45}50%{transform:translate3d(9%,-2%,0);opacity:.65}75%{opacity:.32}}
@keyframes floor-light-counterwave{0%,100%{transform:translate3d(8%,-3%,0);opacity:.15}35%{opacity:.5}50%{transform:translate3d(-8%,3%,0);opacity:.35}75%{opacity:.6}}
.cube-cutout{background:url('/assets/cloudsystems-products-20260911-141755/izwi-cinematic.png') center/100% 100% no-repeat;filter:hue-rotate(-22deg) saturate(.8)}
/* Scale the cube and its upright logo together around their floor contact. */
.cube-well{transform:scale(.7);transform-origin:74% 77.5%;clip-path:none;background:none}
.cube-well:before{display:none}
@keyframes floor-breathe{0%,100%{filter:brightness(.88) saturate(.9)}50%{filter:brightness(1.12) saturate(1.04)}}
.cube-cutout{clip-path:polygon(53.3% 31.7%,75.2% 21.2%,96.3% 32.4%,96.3% 62.8%,74% 77.5%,52.7% 62.8%)}
.cube-lift{animation:none;transform:none;will-change:auto;backface-visibility:hidden}
.cinema-light{animation:none;opacity:.2}
.backdrop-paused .cube-lift{animation-play-state:paused}
.backdrop-paused .cube-ground{animation-play-state:paused}
.backdrop-paused .cube-ground:before,.backdrop-paused .cube-ground:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.cube-ground:before,.cube-ground:after{animation:none!important;opacity:.15;will-change:auto}}
@media(prefers-reduced-motion:reduce){.cube-ground{animation:none!important}}
@media(prefers-reduced-motion:reduce){.cube-lift{animation:none!important;transform:none!important}}
.products-placeholder{min-height:calc(100vh - 92px);overflow:hidden}
.product-hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(60px,9vw,150px);align-items:center;padding:68px 0 92px;position:relative}
.product-hero:after{content:'';position:absolute;width:720px;height:720px;right:-360px;top:-270px;border:1px solid #8dbcf726;border-radius:50%;box-shadow:0 0 0 90px #8dbcf70c,0 0 0 210px #8dbcf708;pointer-events:none}
.product-hero-copy{position:relative;z-index:1;max-width:780px}
.products-title{margin:18px 0 28px;font-size:clamp(62px,7vw,106px);font-weight:500;line-height:.92;letter-spacing:-.065em}
.products-title em{font-family:Georgia,serif;font-weight:400;color:var(--cyan);font-size:.78em}
.product-lead{max-width:700px;color:#bacbdd;font-size:clamp(18px,1.5vw,22px);line-height:1.65}
.product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:38px}.product-actions .button{display:inline-flex;gap:16px;align-items:center;text-decoration:none}.tutorial-trigger{border:0;background:none;color:#e7efff;cursor:pointer;font:inherit;font-weight:700;padding:12px 0}.tutorial-trigger:hover{color:var(--cyan)}
.product-hero-panel{position:relative;z-index:1;min-height:390px;padding:42px;border:1px solid #6684a65c;background:linear-gradient(145deg,#132235e8,#090d19e8);box-shadow:20px 24px 0 #557ba212;display:flex;flex-direction:column;justify-content:space-between}
.product-panel-label{margin:0;color:#e9f2ff;font-size:15px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.product-panel-mark{display:flex;align-items:flex-end;gap:10px;height:100px}.product-panel-mark span{display:block;width:22%;background:#9dcdf2}.product-panel-mark span:nth-child(1){height:35%}.product-panel-mark span:nth-child(2){height:68%}.product-panel-mark span:nth-child(3){height:100%}.product-hero-panel>p:not(.product-panel-label){max-width:390px;color:#bed0df;font-size:19px;line-height:1.55}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.product-tags li{padding:8px 11px;border:1px solid #58789a;color:#b9d7ed;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.product-overview{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:clamp(60px,8vw,130px);padding:100px 0;border-top:1px solid var(--line)}
.product-section-intro h2,.product-flow-heading h2,.product-close h2{margin:20px 0 28px;font-size:clamp(40px,4.8vw,70px);font-weight:500;line-height:1.02;letter-spacing:-.055em}.product-section-intro>p:last-child{color:#b6c7d5;font-size:17px;line-height:1.75;max-width:560px}
.capability-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3c5369;border-left:1px solid #3c5369}.capability-grid article{min-height:245px;padding:30px;border-right:1px solid #3c5369;border-bottom:1px solid #3c5369}.capability-grid span{color:#9dcce9;font-family:monospace;font-size:12px}.capability-grid h3{margin:42px 0 12px;color:#eef4ff;font-size:22px;font-weight:500}.capability-grid p{margin:0;color:#aebfd0;line-height:1.65}
.product-flow{padding:90px clamp(28px,5vw,76px);background:linear-gradient(120deg,#111b2c,#0b101d);border:1px solid #3b536c}.product-flow-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:start}.product-flow-heading h2{margin-top:0;max-width:790px}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:55px 0 0;padding:0;list-style:none;border-top:1px solid #49637c}.flow-steps li{position:relative;padding:30px 28px 8px 0}.flow-steps li:not(:last-child){border-right:1px solid #354a60;margin-right:28px}.flow-steps span{display:block;color:#8dbfe6;font:12px monospace}.flow-steps strong{display:block;margin:30px 0 8px;color:#eff5ff;font-size:21px}.flow-steps small{display:block;max-width:210px;color:#aebfd0;font-size:14px;line-height:1.55}
.embedded-product{margin-top:110px;padding-top:90px;border-top:1px solid var(--line)}
.embedded-product-heading{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;margin-bottom:32px}
.embedded-product-heading h2{margin:0;font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.05;letter-spacing:-.05em}
.embedded-product-heading>p{max-width:560px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.tutorial-heading-copy>p{max-width:560px;margin:0 0 22px;color:var(--muted);font-size:16px;line-height:1.75}.tutorial-heading-copy .button{box-shadow:none}
.embedded-demo-frame{overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;background:#fff;box-shadow:0 28px 80px #0006}
.embedded-demo-frame iframe{display:block;width:100%;height:780px;border:0;background:#fff}
.product-close{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,9vw,150px);margin-top:110px;padding:100px 0 30px;border-top:1px solid var(--line)}.product-close h2 em{font-family:Georgia,serif;font-weight:400}.product-close-copy>p{margin:0 0 28px;color:#b6c7d5;font-size:18px;line-height:1.75}.product-close-copy ul{margin:0 0 32px;padding:0;list-style:none;border-top:1px solid #3c5369}.product-close-copy li{padding:14px 0;border-bottom:1px solid #3c5369;color:#d7e3ed}.product-close-copy li:before{content:'—';margin-right:14px;color:#9dcce9}.product-close-copy .text-link{color:#dcecff;text-decoration:none;font-weight:700}
@media(max-width:950px){.product-hero,.product-overview,.product-close{grid-template-columns:1fr}.product-hero{gap:50px}.product-hero-panel{min-height:320px}.product-flow-heading{grid-template-columns:1fr}.flow-steps{grid-template-columns:1fr 1fr}.flow-steps li:nth-child(2){border-right:0}.embedded-product-heading{grid-template-columns:1fr}.embedded-demo-frame iframe{height:900px}}
@media(max-width:600px){.product-hero{padding-top:42px}.products-title{font-size:clamp(52px,16vw,72px)}.product-hero-panel{padding:28px}.capability-grid,.flow-steps{grid-template-columns:1fr}.flow-steps li{border-right:0!important;border-bottom:1px solid #354a60;margin-right:0!important}.product-flow{padding:55px 24px}.product-overview,.product-close{padding-block:72px}.embedded-product{margin-top:75px;padding-top:70px}}

/* Products page — clearer product-led reading flow. */
.product-hero{min-height:560px;padding-bottom:70px;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}
.product-panel-list{margin:30px 0;padding:0;list-style:none;border-top:1px solid #54718c}.product-panel-list li{display:flex;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid #3a5269;color:#e4eef8;font-size:16px}.product-panel-list span{color:#9dcce9;font:12px monospace}.product-hero-panel{min-height:480px;justify-content:flex-start;gap:18px}.product-hero-panel>p:not(.product-panel-label){font-size:16px;margin:0}.product-hero-panel .product-tags{margin-top:auto}
.product-page-nav{position:sticky;top:91px;z-index:8;display:grid;grid-template-columns:1.25fr repeat(4,auto);align-items:center;gap:26px;margin:0 0 12px;padding:18px 22px;border:1px solid #38536c;background:#090f1df2;box-shadow:0 14px 32px #03050c80;backdrop-filter:blur(14px)}.product-page-nav span{color:#8fa7bb;font:12px monospace;letter-spacing:.08em;text-transform:uppercase}.product-page-nav a{position:relative;color:#c8d5e1;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.product-page-nav a:after{content:'';position:absolute;right:0;bottom:-7px;left:0;height:1px;background:#9dcce9;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.product-page-nav a:hover{color:#fff}.product-page-nav a:hover:after,.product-page-nav a:focus-visible:after{transform:scaleX(1)}
.product-overview{padding-top:88px}.product-section-intro h2{max-width:620px}.capability-grid article{transition:background .2s ease,transform .2s ease}.capability-grid article:hover{background:#101a2a;transform:translateY(-3px)}
#platform-overview-title,#recruitment-demo-title,#recruitment-tutorial-title,#product-close-title{scroll-margin-top:175px}
@media(max-width:950px){.product-hero{grid-template-columns:1fr}.product-page-nav{top:78px;display:flex;overflow-x:auto;gap:24px}.product-page-nav span{display:none}.product-hero-panel{min-height:360px}.product-overview{padding-top:72px}}
@media(max-width:600px){.product-page-nav{margin-inline:-24px;padding-inline:24px;border-inline:0}.product-hero{min-height:0}.product-hero-panel{min-height:340px}}
.embedded-demo-frame,.embedded-demo-frame iframe{background:#0a1117}

/* Product-only showcase stages: echo the main site's grid and blue-lit depth. */
.embedded-product{position:relative;isolation:isolate;margin-inline:-44px;padding:92px 44px 72px;border:1px solid #334c62;overflow:hidden;background:linear-gradient(145deg,#0d1726f5,#070b15f7 62%,#0b1521f5)}
.embedded-product:before{content:'';position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(#76b8ee0a 1px,transparent 1px),linear-gradient(90deg,#76b8ee0a 1px,transparent 1px),radial-gradient(circle at 82% 24%,#69b9f11f,transparent 32%),radial-gradient(circle at 12% 86%,#426eae18,transparent 28%);background-size:46px 46px,46px 46px,auto,auto}
.embedded-product:after{content:'';position:absolute;z-index:-1;width:520px;height:520px;right:-250px;top:-280px;border:1px solid #88c8f326;border-radius:50%;box-shadow:0 0 0 70px #74bdf00a,0 0 0 150px #74bdf007;pointer-events:none}
.embedded-product-heading{position:relative;padding-bottom:28px;border-bottom:1px solid #38546b}.embedded-product-heading:before{content:'';position:absolute;left:0;bottom:-1px;width:96px;height:2px;background:#94cdf3;box-shadow:0 0 18px #7ec8fb80}.embedded-demo-frame{position:relative;border-color:#4a6980;box-shadow:0 34px 90px #0009,0 0 0 8px #6fa8d509}
.tutorial-product{background:linear-gradient(215deg,#0d1a28f5,#070b15f8 58%,#101928f5)}.tutorial-product:after{right:auto;left:-260px;top:auto;bottom:-300px}
@media(max-width:950px){.embedded-product{margin-inline:-24px;padding-inline:24px}}
@media(max-width:600px){.embedded-product{padding-block:66px 48px}}

/* Shared CloudSystems/Skylight orbital mark in the public header and footer. */
.cinematic .brand-mark{background:linear-gradient(145deg,#071d31,#030b17);border:1px solid #258fb7;box-shadow:inset 0 0 15px #1fc9ff1f,0 0 22px #29caff30;border-radius:50%;padding:3px;overflow:visible}
.cinematic .brand-mark img{width:100%;height:100%;object-fit:contain;transform:scale(1.12)}
/* Source: cloudsystems-products-20260911-141755/grounded-scene.css */
/* A single rendered scene preserves perspective, contact shadows and reflections. */
/* Wide-screen content with full-bleed artwork rather than boxed backdrops. */
@media(min-width:1101px){
  html.cinematic{--max:92vw}
  .cinematic .hero,.cinematic .section{width:92vw}
  .cinematic .site-header{padding-inline:4vw}
  .cinematic .hero-copy{max-width:630px}
  .cinematic .product-wall{left:42%;width:clamp(1400px,64vw,2400px);grid-template-columns:repeat(3,minmax(0,1fr))}
}
.cinematic .cinema-stage{inset-inline:calc(50% - 50vw)}
.cinematic .product-wall-scene{left:calc(50% - 50vw);right:calc(50% - 50vw);width:auto}
.cinematic .product-wall-scene:after{background:linear-gradient(90deg,#060814b3 0%,#060814cc 20%,#06081480 43%,transparent 72%,#06081433 100%),linear-gradient(0deg,#060814,transparent 35%,transparent 75%,#06081499)}
/* Fade the complete artwork, including its light effect, into the page canvas. */
.cinematic .cinema-stage{background:#060814;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,#000e 65%,#0008 80%,#0003 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,#000e 65%,#0008 80%,#0003 91%,transparent 100%)}
.cinematic .signal-bar{position:relative;z-index:2;display:block;width:100%;margin:-45px 0 -35px;padding:30px 0;background:none;border:0;box-shadow:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.cinematic .signal-bar{background:linear-gradient(90deg,#14294108,#14294166 18%,#14294188 50%,#14294166 82%,#14294108);border-block:1px solid #8fcaff24;box-shadow:0 -24px 42px -30px #73baff33,0 24px 42px -30px #73baff33;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding-block:25px}
.capabilities-track{display:flex;width:max-content;animation:capabilities-scroll 42s linear infinite}
.capabilities-group{display:flex;align-items:center;justify-content:space-around;flex:none;width:max(100vw,1000px);gap:44px;padding:0 36px;box-sizing:border-box}
.capabilities-group>span{white-space:nowrap;color:#c6e5ff;font:600 12px ui-monospace,monospace;letter-spacing:.1em;text-shadow:0 2px 8px #060814,0 0 18px #060814}
.cinematic .capabilities-group>i{display:block;flex:0 0 6px;width:6px;height:6px;background:#83cfff;transform:rotate(45deg);box-shadow:none}
@keyframes capabilities-scroll{to{transform:translateX(-50%)}}
.signal-bar.backdrop-paused .capabilities-track,.signal-bar:hover .capabilities-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.capabilities-track{animation:none}.capabilities-group{width:100vw;min-width:0;flex-wrap:wrap;gap:14px 25px;padding-inline:24px}.capabilities-group[aria-hidden=true]{display:none}}
.cinematic .signal-bar>span{font-size:11px;letter-spacing:.06em;color:#a1b8cb;text-shadow:0 2px 12px #060814}
.cinematic .signal-bar>i{display:none}
.cinematic #platform{padding-top:42px}
.cinematic #platform>.section-heading{min-height:0;padding-top:0;padding-bottom:28px;justify-content:flex-start}
.cinematic .product-wall-scene{top:-110px;height:730px;border-radius:0;-webkit-mask-image:radial-gradient(ellipse 75% 48% at 78% 53%,#000 15%,#000b 47%,#0003 77%,transparent 100%);mask-image:radial-gradient(ellipse 75% 48% at 78% 53%,#000 15%,#000b 47%,#0003 77%,transparent 100%)}
.cinematic .product-wall-scene:after{background:linear-gradient(90deg,#060814 0%,#060814eb 24%,#060814a6 43%,#06081426 72%,#06081440 100%)}
@media(max-width:850px){.cinematic #platform{padding-top:210px}.cinematic #platform>.section-heading{min-height:0}.cinematic .product-wall-scene{top:-45px;height:650px}.cinematic .signal-bar{gap:8px 16px}}
.cinema-art{background:none!important;animation:none!important;transform:none!important}
.cinema-art:before{display:none}
.cube-plane{position:absolute;background:none}
.grounded-scene{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.floor-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,57% 32.5%,72.6% 22.7%,89% 32%,89% 63%,73% 78%,57% 63%,57% 32.5%)}
.floor-atmosphere:before,.floor-atmosphere:after{content:'';position:absolute;inset:-20%;mix-blend-mode:screen;background:repeating-linear-gradient(115deg,transparent 0%,transparent 12%,#80bfff08 18%,#90d8ff32 24%,#80bfff08 30%,transparent 38%,transparent 50%);background-size:160% 160%;animation:floor-light-wave 19s ease-in-out infinite;will-change:transform,opacity}
.floor-atmosphere:after{background:repeating-linear-gradient(65deg,transparent 0%,transparent 20%,#75c9ff08 27%,#a0dcff24 34%,transparent 43%,transparent 60%);background-size:140% 140%;animation:floor-light-counterwave 23s ease-in-out infinite;animation-delay:-8s}
.cube-plane>.cube-logo{position:absolute;z-index:1;height:auto;pointer-events:none;filter:drop-shadow(0 0 8px #9ccfff66);transform:translate(-50%,-50%) scaleY(.62);border-radius:12%}
.backdrop-paused .floor-atmosphere:before,.backdrop-paused .floor-atmosphere:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.floor-atmosphere:before,.floor-atmosphere:after{animation:none!important;opacity:.12;will-change:auto}}
/* Source: cloudsystems-products-20260911-141755/product-wall.css */
/* Alternate local preview only. Decorative UI cards have no interactive controls. */
.cinematic #platform{position:relative;isolation:isolate;padding-top:100px}
.cinematic #platform>.section-heading{position:relative;z-index:1;max-width:690px;min-height:400px;padding:35px 40px 35px 0;display:flex;flex-direction:column;justify-content:center}
.cinematic #platform>.section-heading h2{font-size:clamp(36px,3.7vw,56px);text-shadow:0 2px 25px #060814}
.cinematic #platform>.section-heading>p:last-of-type{color:#d5dbee;max-width:500px}
.product-wall-scene{position:absolute;inset:25px -24px auto;height:640px;overflow:hidden;z-index:-1;border-radius:30px;background:radial-gradient(ellipse at 85% 40%,#56518188,#16182e 65%,#060814);pointer-events:none}
.product-wall-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060814 0%,#060814f0 25%,#06081494 48%,transparent 75%),linear-gradient(0deg,#060814,transparent 30%,transparent 80%,#06081488);z-index:2}
.product-wall{position:absolute;width:1400px;left:34%;top:-250px;display:grid;grid-template-columns:repeat(3,450px);gap:25px;transform:perspective(1600px) rotateY(-15deg) rotateZ(13deg);transform-origin:35% 50%;opacity:.9}
.product-wall-rail{display:flex;flex-direction:column;gap:25px;animation:wall-drift 24s ease-in-out infinite alternate;will-change:transform}
.product-wall-rail:nth-child(2){margin-top:150px;animation-direction:alternate-reverse;animation-duration:29s}.product-wall-rail:nth-child(3){margin-top:-45px;animation-duration:27s}
.product-wall-card{height:285px;overflow:hidden;border:1px solid #e2d8ff66;border-radius:10px;background:#c8d7f3;color:#152240;box-shadow:0 20px 35px #0005}.product-wall-card:nth-child(2){background:#dfd4f0}
.wall-card-top{display:flex;justify-content:space-between;padding:14px 20px;font:12px ui-monospace,monospace;color:#435579;border-bottom:1px solid #20365c25;background:#ffffff40}
.wall-card-body{padding:21px}.wall-card-body h3{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:0 0 8px}.wall-card-body>p{font-size:13px;color:#596783;margin:0 0 15px}.wall-card-body .sample-row{padding:9px 12px;margin:6px 0;background:#ffffff70;border:1px solid #718bbc44;color:#233250;border-radius:5px}.wall-card-body .sample-row span{color:#425d88}.wall-card-body .sample-tag{background:#e5f2ec!important;color:#3b6657!important;border-color:#a0bdb0!important}.wall-card-body .sample-metrics div{background:#ffffff80;color:#53688b;padding:10px}.wall-card-body .sample-metrics strong{font-size:21px;color:#21375b;margin-top:5px}.wall-card-body .sample-bars{height:50px;margin-top:12px}.wall-card-body .sample-bars i{background:linear-gradient(#ad85d3,#6886c9)}
.product-wall-motion{align-self:flex-start;cursor:pointer;margin-top:20px;padding:10px 15px;font-size:13px;color:#d9e3ff;background:#101b32;border:1px solid #58749e;border-radius:25px}
.cinematic #platform .explorer{position:relative;z-index:1;margin-top:25px;background:#111827;border-color:#586c9255;box-shadow:0 -15px 65px #06081488}
.wall-paused .product-wall-rail{animation-play-state:paused}
@keyframes wall-drift{from{transform:translateY(0)}to{transform:translateY(-90px)}}
@media(max-width:850px){.cinematic #platform{padding-top:260px}.cinematic #platform>.section-heading{max-width:none;min-height:0;padding:25px 0}.product-wall-scene{height:640px;top:0}.product-wall{left:-10%;top:-340px;transform:perspective(1600px) rotateY(-10deg) rotateZ(12deg);opacity:.75}.product-wall-scene:after{background:linear-gradient(0deg,#060814 0%,#060814f0 30%,#06081460 65%,transparent)}.cinematic #platform .explorer{margin-top:25px}}
@media(max-width:550px){.cinematic #platform{padding-top:200px}.product-wall{left:-50%;top:-390px;transform:scale(.85) rotateZ(12deg)}.product-wall-scene{height:590px}.cinematic #platform>.section-heading h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.product-wall-rail{animation:none!important}}

/* Blue/steel showcase palette, no lavender panels. */
.product-wall-scene{background:radial-gradient(ellipse at 85% 40%,#305e8188,#101e2d 65%,#060814)}
.product-wall-card,.product-wall-card:nth-child(2){background:#c8deed;border-color:#d8ecff66}
.wall-card-body .sample-bars i{background:linear-gradient(#99cbea,#537eaa)}
/* Source: option-b-transformation.css */
.transformation-showcase{position:relative;z-index:2;width:min(1780px,calc(100vw - 112px));min-height:940px;margin-left:50%;padding:54px 56px 46px;transform:translateX(-50%);border:1px solid rgba(71,173,214,.34);border-radius:24px;background:radial-gradient(ellipse at 50% 49%,rgba(0,128,255,.22),transparent 30%),radial-gradient(circle at 9% 7%,rgba(17,140,237,.19),transparent 22%),radial-gradient(circle at 90% 30%,rgba(8,89,171,.14),transparent 25%),linear-gradient(145deg,#020b16 0%,#061a2a 51%,#020b16 100%);box-shadow:0 34px 105px rgba(0,0,0,.55),inset 0 0 90px rgba(22,158,235,.065);overflow:hidden;isolation:isolate}
.transformation-showcase.transformation-workspace{padding-top:54px}
.transformation-showcase:before{content:"";position:absolute;z-index:-3;inset:0;background-image:linear-gradient(rgba(47,163,226,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(47,163,226,.035) 1px,transparent 1px),radial-gradient(circle,rgba(91,220,255,.22) 0 1px,transparent 1.5px);background-size:58px 58px,58px 58px,110px 110px;mask-image:linear-gradient(to bottom,#000 0 73%,transparent 96%);pointer-events:none}
.transformation-showcase:after{content:"";position:absolute;z-index:-2;inset:16% -12% 8%;background:radial-gradient(ellipse at 50% 48%,rgba(20,141,255,.2),transparent 29%),radial-gradient(ellipse at 8% 72%,rgba(0,127,235,.15),transparent 26%),radial-gradient(ellipse at 93% 68%,rgba(0,153,255,.13),transparent 26%);filter:blur(10px);pointer-events:none}
.transformation-starts{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.transformation-start{position:relative;height:180px;padding:26px 25px;display:grid;grid-template-columns:58px minmax(0,1fr) 46px;gap:21px;align-items:center;border:1px solid rgba(74,184,236,.47);border-radius:18px;background:linear-gradient(145deg,rgba(8,36,58,.84),rgba(3,16,29,.88));backdrop-filter:blur(14px);color:var(--ink);text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(179,240,255,.035),0 15px 34px rgba(0,0,0,.18);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.transformation-start:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(115deg,rgba(83,230,255,.7),transparent 20% 71%,rgba(25,169,255,.28));opacity:.12;filter:blur(1px);pointer-events:none;transition:opacity .25s ease}.transformation-start:after{content:"";position:absolute;left:1%;right:43%;top:-2px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#81f3ff 40%,#18bdff 72%,transparent);opacity:0;filter:drop-shadow(0 0 8px #20d2ff);pointer-events:none}.transformation-start:hover,.transformation-start:focus-visible{transform:translateY(-3px);border-color:rgba(99,229,255,.88);outline:none}.transformation-start:hover:before,.transformation-start:focus-visible:before{opacity:.5}.transformation-start.is-active{border-color:#66ecff;background:radial-gradient(circle at 12% 52%,rgba(20,144,232,.31),transparent 27%),radial-gradient(circle at 96% 15%,rgba(14,109,190,.19),transparent 34%),linear-gradient(145deg,rgba(7,44,70,.95),rgba(3,20,35,.94));box-shadow:-4px -2px 18px rgba(96,236,255,.28),0 0 0 1px rgba(108,238,255,.2),0 0 26px rgba(0,210,255,.36),0 0 68px rgba(0,137,255,.2),inset 0 0 30px rgba(0,190,255,.1)}.transformation-start.is-active:before{opacity:.8}.transformation-start.is-active:after{opacity:1}
.transformation-start-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(52,202,249,.22);border-radius:50%;background:radial-gradient(circle,rgba(15,119,192,.72),rgba(4,35,64,.74) 68%);color:#67efff;box-shadow:0 0 24px rgba(41,191,246,.28),inset 0 0 16px rgba(70,218,255,.12)}.transformation-start-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(80,231,255,.65))}.transformation-start-copy,.transformation-start-copy>span,.transformation-start-copy strong,.transformation-start-copy small{display:block}.transformation-start-copy>span{color:#65e9f9;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}.transformation-start-copy strong{margin-top:15px;font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:500;line-height:1.1;color:#f8fbff}.transformation-start-copy small{margin-top:10px;color:#afcce1;font-size:16px;line-height:1.4}.transformation-start-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid #39d6ff;border-radius:50%;color:#d8faff;font-size:27px;line-height:1;box-shadow:0 0 16px rgba(43,190,238,.22),inset 0 0 13px rgba(56,205,255,.08)}.transformation-start:hover .transformation-start-arrow,.transformation-start:focus-visible .transformation-start-arrow{box-shadow:0 0 22px rgba(56,216,255,.55)}
.transformation-flow{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.25fr) minmax(0,.95fr);gap:46px;align-items:center;margin-top:28px}.transformation-connectors{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}.transformation-connectors path{fill:none;stroke-linecap:round}.connector-base{stroke:rgba(31,146,220,.6);stroke-width:1.8}.connector-thread{stroke:rgba(42,173,238,.28);stroke-width:1}.connector-glow{stroke:#4de7ff;stroke-width:2;stroke-dasharray:38 180;filter:url(#transformation-line-glow)}.transformation-connectors circle{fill:#d2fdff;stroke:#39dcff;stroke-width:2;filter:url(#transformation-line-glow)}
.transformation-card{position:relative;z-index:2;width:100%;min-height:430px;padding:36px 46px 34px;display:flex;flex-direction:column;border:1px solid rgba(77,181,223,.56);border-radius:18px;background:linear-gradient(150deg,rgba(8,38,58,.74),rgba(3,18,31,.84));backdrop-filter:blur(16px);box-shadow:0 24px 44px rgba(0,0,0,.2),inset 0 1px rgba(183,243,255,.045),inset 0 0 32px rgba(33,156,218,.045)}.transformation-card:before{content:"";position:absolute;left:46px;top:67px;width:25px;height:2px;background:#65e9fb;box-shadow:0 0 10px #48dcf2}.transformation-card:after{content:"";position:absolute;top:50%;width:13px;height:13px;border:3px solid #d2fdff;border-radius:50%;background:#3ee0f6;box-shadow:0 0 0 8px rgba(40,202,232,.17),0 0 24px #3ddced}.transformation-source:after{right:-8px}.transformation-outcome:after{left:-8px}.transformation-card-label{color:#62e8f8;font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em;text-transform:uppercase}.transformation-card>div{margin-top:53px}.transformation-kicker{margin:0 0 18px;color:#97c3dd;font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.16em}.transformation-card h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,2.45vw,49px);font-weight:500;line-height:1.06;letter-spacing:-.035em;color:#f6f9fd;text-shadow:0 2px 22px rgba(112,209,255,.08)}.transformation-card>p:not(.transformation-kicker){margin:28px 0 0;color:#b1cbe0;font-size:18px;line-height:1.55}.transformation-card-foot{display:block;margin-top:auto;padding-top:18px;border-top:1px solid rgba(67,157,199,.38);color:#83cdea;font:700 10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}.transformation-outcome{border-color:rgba(78,225,255,.88);background:radial-gradient(circle at 88% 10%,rgba(29,151,218,.22),transparent 42%),linear-gradient(145deg,rgba(7,46,68,.88),rgba(4,25,40,.9));box-shadow:0 0 26px rgba(43,201,255,.28),0 0 65px rgba(0,142,255,.12),inset 0 0 38px rgba(44,180,231,.09)}
.transformation-engine{position:relative;z-index:2;min-height:500px;display:grid;place-items:center}.engine-atmosphere{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(12,136,228,.3) 0,rgba(5,81,154,.16) 35%,transparent 70%);filter:blur(14px);box-shadow:0 0 90px rgba(0,141,255,.18);pointer-events:none}.transformation-engine:before,.transformation-engine:after{content:"";position:absolute;top:50%;width:49%;height:230px;transform:translateY(-50%);opacity:.48;background:repeating-radial-gradient(ellipse at 100% 50%,transparent 0 29px,rgba(38,183,247,.47) 30px 31px,transparent 32px 45px);pointer-events:none}.transformation-engine:before{right:50%}.transformation-engine:after{left:50%;transform:translateY(-50%) scaleX(-1)}.engine-orbit{position:absolute;border:1px solid rgba(46,189,248,.6);border-radius:50%;pointer-events:none;box-shadow:0 0 18px rgba(35,178,244,.13)}.orbit-one{width:430px;height:360px;transform:rotate(-8deg)}.orbit-two{width:370px;height:430px;transform:rotate(18deg)}.orbit-three{width:415px;height:415px;border-style:dotted;border-color:rgba(71,209,255,.46)}.engine-node{position:absolute;z-index:4;width:8px;height:8px;border-radius:50%;background:#e0feff;box-shadow:0 0 5px #fff,0 0 16px 5px #17ccff}.node-one{top:55px;left:50%}.node-two{right:20px;top:50%}.node-three{bottom:54px;left:41%}.node-four{left:22px;top:52%}
.engine-core{position:relative;z-index:3;width:360px;height:360px;display:grid;place-items:center;align-content:center;text-align:center;border:2px solid #67eaff;border-radius:50%;background:radial-gradient(circle at 35% 24%,rgba(95,217,255,.18),transparent 18%),radial-gradient(circle at 46% 38%,rgba(13,77,111,.98),rgba(3,24,40,.99) 69%);box-shadow:0 0 0 10px rgba(20,124,202,.09),0 0 0 25px rgba(11,113,195,.06),0 0 44px rgba(50,205,255,.56),0 0 95px rgba(0,126,255,.24),inset -24px -32px 56px rgba(0,4,13,.52),inset 14px 16px 42px rgba(74,216,255,.13)}.engine-core:before,.engine-core:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.engine-core:before{inset:11px;border:1px solid rgba(159,243,255,.22);background:linear-gradient(145deg,rgba(210,252,255,.11),transparent 31% 72%,rgba(0,111,208,.14));box-shadow:inset 0 0 24px rgba(28,175,235,.13)}.engine-core:after{left:20%;right:20%;bottom:13px;height:15px;background:radial-gradient(ellipse,rgba(58,219,255,.5),transparent 70%);filter:blur(5px)}.engine-core svg{position:relative;z-index:1;width:67px;height:46px;margin-bottom:12px;fill:none;stroke:#d2fcff;stroke-width:2;filter:drop-shadow(0 0 10px #43d9ff)}.engine-core strong{position:relative;z-index:1;font-family:Georgia,"Times New Roman",serif;font-size:45px;font-weight:500;line-height:.93;color:#f8fbff;text-shadow:0 0 25px rgba(140,230,255,.18)}.engine-core i{position:relative;z-index:1;width:30px;height:1px;margin:16px 0 11px;background:#87efff;box-shadow:0 0 8px #49e5ff}.engine-core small{position:relative;z-index:1;display:block;color:#b9d8e5;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.2em}.engine-step{position:absolute;z-index:5;min-width:142px;padding:11px 18px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #38d4f8;border-radius:999px;background:linear-gradient(180deg,rgba(7,47,78,.96),rgba(3,28,50,.96));backdrop-filter:blur(10px);color:#d9f4fa;font-size:14px;box-shadow:0 8px 21px rgba(0,0,0,.3),0 0 17px rgba(41,197,239,.15),inset 0 0 16px rgba(38,160,217,.1)}.engine-step b{color:#7cefff;font-size:22px;font-weight:500}.engine-discover{left:0;top:11%}.engine-design{right:0;top:12%}.engine-build{left:0;bottom:12%}.engine-refine{right:0;bottom:11%}
.transformation-details{position:relative;z-index:5;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px;padding-top:31px;border-top:1px solid rgba(73,181,226,.38)}.transformation-details span{height:44px;padding:0 19px;display:flex;align-items:center;border:1px solid rgba(48,209,249,.86);border-radius:999px;background:linear-gradient(180deg,rgba(10,49,73,.88),rgba(5,27,44,.88));box-shadow:0 7px 19px rgba(0,0,0,.19),inset 0 0 13px rgba(33,171,230,.08);color:#c8e2ee;font-size:13px}.transformation-details span:before{content:"+";margin-right:9px;color:#79f1ff;font-weight:800}.transformation-wave{position:absolute;z-index:1;left:0;right:0;bottom:0;width:100%;height:170px;pointer-events:none}.wave-fill{fill:url(#transformation-wave-fill)}.wave-back{fill:none;stroke:rgba(18,120,228,.42);stroke-width:1.3}.wave-crest{fill:none;stroke:#27bdff;stroke-width:2;filter:url(#transformation-wave-glow)}.transformation-signature{position:relative;z-index:5;display:flex;justify-content:space-between;margin-top:24px;color:#8abbcf;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.26em}
@media(max-width:1500px){.transformation-showcase{width:min(1410px,calc(100vw - 56px));padding:42px 38px}.transformation-start{height:158px;grid-template-columns:52px minmax(0,1fr) 40px;gap:15px}.transformation-start-icon{width:50px;height:50px}.transformation-start-copy strong{font-size:24px}.transformation-start-copy small{font-size:14px}.transformation-flow{grid-template-columns:minmax(0,.95fr) minmax(370px,1.25fr) minmax(0,.95fr);gap:32px}.transformation-card{min-height:390px;padding:32px}.transformation-card:before{left:32px}.transformation-card h3{font-size:36px}.transformation-card>p:not(.transformation-kicker){font-size:15px}.transformation-engine{min-height:450px}.engine-atmosphere{width:410px;height:410px}.engine-core{width:300px;height:300px}.engine-core strong{font-size:38px}.orbit-one{width:370px;height:315px}.orbit-two{width:315px;height:380px}.orbit-three{width:355px;height:355px}.engine-step{min-width:118px;padding:9px 13px;font-size:12px}.node-one{top:45px}.node-three{bottom:45px}}
@media(max-width:1080px){.transformation-showcase{width:calc(100vw - 34px);min-height:0;padding:30px 24px 44px}.transformation-starts{gap:12px}.transformation-start{height:140px;padding:18px 16px;grid-template-columns:44px 1fr 34px}.transformation-start-icon{width:44px;height:44px}.transformation-start-icon svg{width:28px;height:28px}.transformation-start-copy strong{font-size:19px}.transformation-start-copy small{font-size:12px}.transformation-start-arrow{width:34px;height:34px;font-size:21px}.transformation-flow{grid-template-columns:1fr;gap:27px}.transformation-connectors{display:none}.transformation-card{min-height:315px}.transformation-card:after{display:none}.transformation-engine{min-height:430px}.transformation-details{margin-top:18px}}
@media(max-width:700px){.transformation-showcase{padding:18px 14px 34px;border-radius:17px}.transformation-starts{grid-template-columns:1fr}.transformation-start{height:auto;min-height:110px}.transformation-card{padding:28px 22px}.transformation-card:before{left:22px}.transformation-card h3{font-size:32px}.transformation-card>p:not(.transformation-kicker){font-size:15px}.transformation-engine{min-height:355px}.engine-atmosphere{width:300px;height:300px}.orbit-one{width:275px;height:232px}.orbit-two{width:232px;height:282px}.orbit-three{width:260px;height:260px}.engine-core{width:200px;height:200px}.engine-core strong{font-size:27px}.engine-core svg{width:46px;height:32px}.engine-step{min-width:auto;padding:7px 9px;font-size:9px}.engine-step b{font-size:14px}.transformation-details span{height:38px;padding-inline:12px;font-size:10px}.transformation-signature{display:none}}
@media(prefers-reduced-motion:no-preference){.transformation-showcase:not(.is-in-view) .transformation-start{opacity:0;transform:translateY(14px)}.transformation-showcase.is-in-view .transformation-start{animation:solution-card-in .65s ease both}.transformation-showcase.is-in-view .transformation-start:nth-child(2){animation-delay:.08s}.transformation-showcase.is-in-view .transformation-start:nth-child(3){animation-delay:.16s}.transformation-showcase:not(.is-in-view) .engine-core{opacity:0;transform:scale(.96)}.transformation-showcase.is-in-view .engine-core{animation:solution-core-in .8s .22s ease both,solution-core-pulse 5s 1.1s ease-in-out infinite}.transformation-showcase:not(.is-in-view) .transformation-connectors path{stroke-dasharray:1000;stroke-dashoffset:1000}.transformation-showcase.is-in-view .transformation-connectors path{animation:solution-line-in 1.15s .35s ease forwards}.transformation-showcase.is-in-view .connector-glow{animation:solution-line-in 1.15s .35s ease forwards,solution-line-travel 5s 1.6s linear infinite}.orbit-one{animation:engine-orbit-one 18s linear infinite}.orbit-two{animation:engine-orbit-two 22s linear infinite reverse}.orbit-three{animation:engine-orbit-three 25s linear infinite}.engine-node{animation:engine-node-pulse 3.6s ease-in-out infinite}.node-two{animation-delay:.7s}.node-three{animation-delay:1.3s}.node-four{animation-delay:2s}.transformation-start.is-active{animation:start-glow 3.8s ease-in-out infinite}.transformation-wave{animation:solution-wave 12s ease-in-out infinite alternate}}
@keyframes solution-card-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes solution-core-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes solution-line-in{to{stroke-dashoffset:0}}@keyframes solution-line-travel{to{stroke-dashoffset:-218}}@keyframes solution-core-pulse{50%{box-shadow:0 0 0 10px rgba(20,124,202,.13),0 0 0 25px rgba(11,113,195,.08),0 0 65px rgba(50,205,255,.7),0 0 112px rgba(0,126,255,.3),inset -24px -32px 56px rgba(0,4,13,.52),inset 14px 16px 48px rgba(74,216,255,.18)}}@keyframes engine-orbit-one{to{transform:rotate(352deg)}}@keyframes engine-orbit-two{to{transform:rotate(378deg)}}@keyframes engine-orbit-three{to{transform:rotate(360deg)}}@keyframes engine-node-pulse{50%{transform:scale(1.45);box-shadow:0 0 7px #fff,0 0 23px 8px #17ccff}}@keyframes start-glow{50%{border-color:#9af5ff;box-shadow:-4px -2px 22px rgba(96,236,255,.34),0 0 0 1px rgba(108,238,255,.25),0 0 34px rgba(0,210,255,.43),0 0 78px rgba(0,137,255,.24),inset 0 0 34px rgba(0,190,255,.12)}}@keyframes solution-wave{to{transform:translateX(1.4%) scaleY(1.06)}}
/* Source: option-b-hybrid.css */
/* Working template: original introduction above the Option B transformation workspace. */
html,body{overflow-x:hidden}
.cinematic #platform>.section-heading{position:relative;z-index:2}
.transformation-workspace{margin-top:25px;padding-top:32px}
.transformation-workspace .transformation-starts{margin-top:0}
@media(max-width:620px){.transformation-workspace{margin-top:15px;padding-top:18px}}
/* Source: security-concept.css */
.cinematic .security-concept-section{width:min(1780px,calc(100vw - 64px));padding:110px 0;margin-inline:auto}
.security-timeline{position:relative;height:730px;display:grid;grid-template-columns:51% 49%;overflow:hidden;border:1px solid rgba(50,180,225,.4);border-radius:24px;background:radial-gradient(circle at 55% 48%,rgba(0,190,255,.13),transparent 55%),linear-gradient(180deg,#061827 0%,#04111d 58%,#020b13 100%);box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 34px rgba(0,159,245,.08),inset 0 0 74px rgba(44,191,236,.035);isolation:isolate}
.security-timeline:before{content:"";position:absolute;z-index:-3;inset:0;background-image:linear-gradient(rgba(63,176,224,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(63,176,224,.026) 1px,transparent 1px),radial-gradient(circle,rgba(142,226,255,.22) 0 1px,transparent 1.4px);background-size:60px 60px,60px 60px,137px 121px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.62) 58%,transparent 94%);pointer-events:none}
.security-timeline:after{content:"";position:absolute;z-index:6;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent 66%,rgba(41,195,255,.45) 84%,#8ef4ff 96%,transparent);filter:drop-shadow(0 0 8px #14c9ff);pointer-events:none}
.security-timeline-copy,.security-timeline-points{position:relative;z-index:2}.security-timeline-copy{grid-column:1;display:flex;flex-direction:column;padding:62px 60px 42px 96px;overflow:hidden}.security-timeline .eyebrow{position:relative;z-index:4;margin:0;color:#55e5fa;font:700 14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase}.security-timeline .eyebrow span{display:inline-block;width:36px;height:1px;margin:0 23px 4px 0;background:#42def4;box-shadow:0 0 6px rgba(66,222,244,.4)}
.security-timeline h2{position:relative;z-index:4;margin:37px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:82px;font-weight:500;line-height:.98;letter-spacing:-.045em;color:#f4f7fa;text-shadow:0 2px 25px rgba(147,218,255,.08)}.security-timeline h2 em{display:inline;font-family:inherit;font-style:normal;font-weight:500;color:#25dfff;text-shadow:0 0 24px rgba(0,207,255,.3)}.security-timeline-intro{position:relative;z-index:4;max-width:620px;margin:29px 0 0;color:#91b7cd;font-size:21px;line-height:1.5}.security-timeline-note{position:relative;z-index:4;margin-top:auto;margin-bottom:1px;color:#51dff2;font:700 13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.security-timeline-note:before{content:"";display:block;width:36px;height:1px;margin-bottom:17px;background:#4de6f8;box-shadow:0 0 7px rgba(61,224,247,.45)}
.security-timeline-microcopy{position:absolute;z-index:7;top:34px;right:38px;margin:0;color:#64e8fb;text-align:right;font:700 13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}
.security-planet{position:absolute;z-index:1;left:-200px;bottom:-780px;width:1150px;height:1150px;border-radius:50%;border-top:2px solid rgba(106,226,255,.9);background:radial-gradient(ellipse at 70% 11%,rgba(62,169,221,.28) 0 1%,transparent 8%),radial-gradient(ellipse at 56% 16%,rgba(17,91,137,.32),transparent 34%),repeating-radial-gradient(ellipse at 50% 24%,rgba(52,150,195,.08) 0 2px,transparent 3px 17px),radial-gradient(ellipse at 45% 35%,rgba(16,73,108,.5) 0%,rgba(5,25,42,.96) 45%,rgba(2,12,22,1) 76%);box-shadow:0 -5px 8px rgba(135,239,255,.65),0 -17px 42px rgba(0,163,255,.42),0 -50px 100px rgba(0,110,215,.17),inset 0 18px 46px rgba(34,141,202,.24);transform:rotate(5deg);pointer-events:none}
.security-planet:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(17deg,transparent 0 31px,rgba(50,166,221,.045) 32px 34px),radial-gradient(ellipse at 54% 15%,rgba(32,149,206,.18),transparent 27%),radial-gradient(ellipse at 30% 21%,rgba(6,42,70,.1),rgba(0,5,12,.34) 67%);mix-blend-mode:screen;opacity:.75}.security-planet:after{content:"";position:absolute;left:4%;right:4%;top:-11px;height:40px;border-radius:50%;background:radial-gradient(ellipse,rgba(92,222,255,.32),transparent 67%);filter:blur(9px)}.security-planet-flare{position:absolute;z-index:3;top:-10px;right:17%;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px #eaffff,0 0 23px 9px #62dcff,0 0 56px 18px rgba(0,142,255,.65)}
.security-timeline-axis{position:absolute;z-index:5;left:51%;top:0;bottom:0;width:120px;transform:translateX(-50%);pointer-events:none}.security-timeline-axis svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.security-axis-halo{fill:none;stroke:rgba(0,190,255,.23);stroke-width:11;filter:url(#security-axis-glow)}.security-axis-line{fill:none;stroke:url(#security-axis-line);stroke-width:1.6}.security-axis-travel{fill:none;stroke:#c8fbff;stroke-width:2.2;stroke-dasharray:48 682;filter:url(#security-axis-glow);opacity:.72}.security-timeline-axis i{position:absolute;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:3px solid #c8fbff;border-radius:50%;background:#f0ffff;box-shadow:0 0 0 7px rgba(48,211,241,.25),0 0 12px 5px rgba(108,237,255,.9),0 0 31px 13px rgba(0,199,255,.58),0 0 48px 20px rgba(0,133,255,.25)}.security-timeline-axis i:nth-of-type(1){top:24%}.security-timeline-axis i:nth-of-type(2){top:52%}.security-timeline-axis i:nth-of-type(3){top:80%}
.security-timeline-points{grid-column:2;display:grid;grid-template-rows:repeat(3,1fr);padding:80px 52px 44px 86px}.security-timeline-point{position:relative;display:grid;grid-template-columns:74px 45px minmax(0,1fr);gap:20px;align-items:center}.security-timeline-point:before{content:"";position:absolute;left:-86px;top:50%;width:86px;height:1px;background:linear-gradient(90deg,#66e8fa 0 72%,#c6fbff);box-shadow:0 0 8px rgba(63,220,245,.5)}.security-timeline-point:after{content:"";position:absolute;left:-5px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#e4feff;box-shadow:0 0 8px #60e9ff}.security-timeline-icon{width:74px;height:74px;display:grid;place-items:center;border:1px solid rgba(35,210,255,.78);border-radius:50%;background:radial-gradient(circle at 42% 35%,rgba(17,77,112,.82),rgba(5,24,39,.9) 72%);color:#bdf8ff;box-shadow:0 0 22px rgba(0,190,255,.16),inset 0 0 18px rgba(66,207,229,.08)}.security-timeline-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #37dfff)}.security-timeline-index{color:#48ddff;font:500 21px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.security-timeline-point p{margin:0}.security-timeline-point strong{display:block;color:#f4f7f9;font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1.18;font-weight:500;letter-spacing:-.025em}.security-timeline-point span{display:block;max-width:540px;margin-top:8px;color:#94b8cf;font-size:18px;line-height:1.5}
.security-timeline{grid-template-columns:52.5% 47.5%}.security-timeline-axis{left:52.5%}.security-timeline h2{margin-top:37px}.security-timeline-intro{margin-top:22px}.security-planet{bottom:-805px;background:radial-gradient(ellipse at 62% 8%,rgba(72,178,224,.22) 0 2%,transparent 10%),radial-gradient(ellipse at 48% 12%,rgba(41,127,175,.19),transparent 12%),radial-gradient(ellipse at 34% 16%,rgba(29,106,154,.2),transparent 14%),radial-gradient(ellipse at 72% 18%,rgba(12,76,119,.28),transparent 18%),linear-gradient(158deg,rgba(35,116,164,.13),transparent 29%),radial-gradient(ellipse at 45% 35%,rgba(16,73,108,.5) 0%,rgba(5,25,42,.96) 45%,rgba(2,12,22,1) 76%)}.security-planet:before{background:repeating-linear-gradient(14deg,transparent 0 44px,rgba(50,166,221,.035) 45px 46px),radial-gradient(ellipse at 54% 15%,rgba(32,149,206,.16),transparent 27%),radial-gradient(ellipse at 30% 21%,rgba(6,42,70,.08),rgba(0,5,12,.36) 67%);opacity:.72}.security-planet-flare{top:35px;right:20%}.security-axis-halo{stroke:rgba(0,190,255,.28)}.security-axis-line{stroke:#6fe8ff;opacity:.78}.security-axis-travel{stroke:#e0feff;opacity:.78}.security-timeline-points{padding-right:30px;padding-left:101px}.security-timeline-point{gap:35px}.security-timeline-point:before{left:-101px;width:101px}
@media(max-width:1500px){.cinematic .security-concept-section{width:min(1410px,calc(100vw - 56px));padding:90px 0}.security-timeline{height:650px}.security-timeline-copy{padding:54px 40px 38px 70px}.security-timeline h2{margin-top:40px;font-size:68px}.security-timeline-intro{font-size:18px}.security-planet{left:-230px;bottom:-730px;width:1050px;height:1050px}.security-timeline-points{padding:73px 32px 39px 70px}.security-timeline-point{grid-template-columns:64px 38px 1fr;gap:14px}.security-timeline-point:before{left:-70px;width:70px}.security-timeline-icon{width:64px;height:64px}.security-timeline-icon svg{width:36px;height:36px}.security-timeline-index{font-size:18px}.security-timeline-point strong{font-size:25px}.security-timeline-point span{font-size:15px}}
@media(max-width:980px){.cinematic .security-concept-section{width:calc(100vw - 34px);padding:70px 0}.security-timeline{height:610px;grid-template-columns:48% 52%}.security-timeline-axis{left:48%}.security-timeline-copy{padding:45px 26px 34px 36px}.security-timeline h2{font-size:58px}.security-timeline-intro{font-size:16px}.security-planet{left:-330px;bottom:-690px;width:1000px;height:1000px}.security-timeline-points{padding:72px 20px 35px 52px}.security-timeline-point{grid-template-columns:56px 30px 1fr;gap:10px}.security-timeline-point:before{left:-52px;width:52px}.security-timeline-icon{width:56px;height:56px}.security-timeline-icon svg{width:31px;height:31px}.security-timeline-index{font-size:15px}.security-timeline-point strong{font-size:21px}.security-timeline-point span{font-size:13px}.security-timeline-microcopy{font-size:10px}}
@media(max-width:700px){.cinematic .security-concept-section{width:calc(100vw - 28px);padding:60px 0}.security-timeline{height:auto;min-height:940px;display:block}.security-timeline-copy{height:470px;padding:38px 24px 28px}.security-timeline h2{margin-top:32px;font-size:48px}.security-timeline-intro{font-size:15px}.security-timeline-note{font-size:10px}.security-planet{left:-360px;bottom:-695px;width:930px;height:930px}.security-timeline-microcopy{top:25px;right:22px}.security-timeline-axis{left:38px;top:475px;bottom:30px;width:50px;height:auto}.security-timeline-points{height:450px;display:grid;padding:0 18px 25px 92px}.security-timeline-point{grid-template-columns:52px 26px 1fr;gap:8px}.security-timeline-point:before{left:-54px;width:54px}.security-timeline-icon{width:52px;height:52px}.security-timeline-icon svg{width:28px;height:28px}.security-timeline-index{font-size:14px}.security-timeline-point strong{font-size:18px}.security-timeline-point span{font-size:12px}.security-timeline-point span br{display:none}}
@media(prefers-reduced-motion:no-preference){.security-timeline:not(.is-in-view) .security-timeline-copy>*:not(.security-planet){opacity:0;transform:translateY(14px)}.security-timeline.is-in-view .security-timeline-copy>*:not(.security-planet){animation:security-copy-in .6s cubic-bezier(.22,.61,.36,1) both}.security-timeline:not(.is-in-view) .security-planet{opacity:0}.security-timeline.is-in-view .security-planet{animation:security-planet-in 1s .12s cubic-bezier(.22,.61,.36,1) both,security-atmosphere-drift 14s 1.2s ease-in-out infinite alternate}.security-timeline:not(.is-in-view) .security-timeline-axis svg{clip-path:inset(0 0 100% 0)}.security-timeline.is-in-view .security-timeline-axis svg{animation:security-line-draw .9s .18s cubic-bezier(.22,.61,.36,1) both}.security-timeline:not(.is-in-view) .security-timeline-axis i{opacity:0}.security-timeline.is-in-view .security-timeline-axis i{animation:security-node-in .45s .56s cubic-bezier(.22,.61,.36,1) both,security-node-pulse 5.2s 1.3s ease-in-out infinite}.security-timeline.is-in-view .security-timeline-axis i:nth-of-type(2){animation-delay:.74s,1.48s}.security-timeline.is-in-view .security-timeline-axis i:nth-of-type(3){animation-delay:.92s,1.66s}.security-timeline:not(.is-in-view) .security-timeline-point{opacity:0;transform:translateX(14px)}.security-timeline.is-in-view .security-timeline-point{animation:security-row-in .55s .62s cubic-bezier(.22,.61,.36,1) both}.security-timeline.is-in-view .security-timeline-point:nth-child(2){animation-delay:.8s}.security-timeline.is-in-view .security-timeline-point:nth-child(3){animation-delay:.98s}.security-timeline.is-in-view .security-axis-travel{animation:security-line-travel 8s 1.2s linear infinite}}
@keyframes security-copy-in{to{opacity:1;transform:none}}@keyframes security-planet-in{from{opacity:0;filter:brightness(.6)}to{opacity:1;filter:none}}@keyframes security-line-draw{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes security-node-in{from{opacity:0;transform:translate(-50%,-50%) scale(.64)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes security-row-in{to{opacity:1;transform:none}}@keyframes security-node-pulse{50%{box-shadow:0 0 0 8px rgba(48,211,241,.2),0 0 15px 6px rgba(108,237,255,.95),0 0 37px 15px rgba(0,199,255,.62),0 0 54px 22px rgba(0,133,255,.27)}}@keyframes security-line-travel{to{stroke-dashoffset:-730}}@keyframes security-atmosphere-drift{to{transform:rotate(5deg) translate3d(8px,-4px,0)}}
.security-reference-plate,.security-reference-motion{display:none}
@media(min-width:701px){.cinematic .security-concept-section{position:relative;width:min(1780px,calc(100vw - 64px));padding:110px 0}.cinematic .security-concept-section:before{content:"";position:absolute;z-index:-1;left:-6%;right:-6%;top:15%;bottom:12%;background:radial-gradient(ellipse at 50% 52%,rgba(0,148,235,.15),transparent 61%);filter:blur(40px);pointer-events:none}.security-timeline{height:auto;aspect-ratio:1819/608;display:block;border:0;border-radius:24px;background:#020b13;box-shadow:0 34px 85px rgba(0,0,0,.5),0 0 52px rgba(0,149,238,.1);overflow:hidden}.security-reference-plate{position:absolute;z-index:20;left:-1.705%;top:-5.43%;display:block;width:103.41%;max-width:none;height:auto;animation:security-reference-enter .8s cubic-bezier(.22,.61,.36,1) both}.security-reference-motion{position:absolute;z-index:22;inset:0;display:block;pointer-events:none}.security-reference-motion .reference-node{position:absolute;left:51.4%;width:13px;height:13px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(226,254,255,.72);box-shadow:0 0 12px 4px rgba(151,246,255,.82),0 0 29px 12px rgba(0,201,255,.32);animation:security-reference-node 5.4s ease-in-out infinite}.reference-node-one{top:23.5%}.reference-node-two{top:51.8%;animation-delay:.7s!important}.reference-node-three{top:79.8%;animation-delay:1.4s!important}.security-reference-motion .reference-flare{position:absolute;left:39.15%;top:76%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.62);box-shadow:0 0 12px 5px rgba(226,253,255,.7),0 0 35px 15px rgba(42,179,255,.28);animation:security-reference-flare 7s ease-in-out infinite}.security-reference-motion .reference-line-travel{position:absolute;left:51.4%;top:-18%;width:2px;height:17%;background:linear-gradient(transparent,#d9fdff,transparent);filter:drop-shadow(0 0 6px #41dfff);opacity:.7;animation:security-reference-travel 9s linear infinite}.security-timeline:before{content:"";position:absolute;z-index:21;inset:0;display:block;background:radial-gradient(circle at 51.4% 50%,rgba(0,184,255,.06),transparent 31%),linear-gradient(180deg,rgba(2,11,19,.08),transparent 16% 83%,rgba(2,11,19,.15));pointer-events:none}.security-timeline:after{content:"";position:absolute;z-index:23;inset:-30% -40%;display:block;background:linear-gradient(112deg,transparent 43%,rgba(157,241,255,.07) 49%,transparent 55%);transform:translateX(-42%);mix-blend-mode:screen;pointer-events:none;animation:security-reference-sheen 13s ease-in-out infinite}.security-timeline>:not(.security-reference-plate):not(.security-reference-motion){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}}
@keyframes security-reference-enter{from{opacity:0;transform:scale(1.008)}to{opacity:1;transform:scale(1)}}@keyframes security-reference-node{50%{opacity:.7;transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 15px 5px rgba(179,250,255,.9),0 0 35px 14px rgba(0,201,255,.38)}}@keyframes security-reference-flare{50%{opacity:.72;transform:translate(-50%,-50%) scale(1.12)}}@keyframes security-reference-travel{0%{transform:translateY(0);opacity:0}10%,85%{opacity:.65}100%{transform:translateY(700%);opacity:0}}@keyframes security-reference-sheen{0%,52%{transform:translateX(-42%);opacity:0}61%{opacity:1}76%,100%{transform:translateX(42%);opacity:0}}
@media(prefers-reduced-motion:reduce){.security-reference-plate,.security-reference-motion *,.security-timeline:after{animation:none!important}}
/* Source: architectural-section-reference.css */
/* Homepage / Architectural & Distinctive — reference-matched, component-scoped. */
.architectural-section {
  width: min(1800px, calc(100% - 48px));
  margin: 34px auto 96px;
  color: #f3f7f9;
}

.architectural-shell {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 18px 44px 30px;
  border: 0;
  border-radius: 34px;
  background:
    radial-gradient(ellipse 48% 48% at 50% 65%,rgba(18,111,151,.13),transparent 76%),
    linear-gradient(180deg,rgba(7,24,39,.74),rgba(3,15,26,.46) 62%,rgba(2,11,19,.06));
  box-shadow: none;
}

.architectural-shell::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.13;
  background-image:linear-gradient(rgba(102,204,237,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(102,204,237,.07) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent);
}

.architectural-shell::after{content:"";position:absolute;z-index:-1;inset:auto 7% -11% 7%;height:42%;border-radius:50%;background:radial-gradient(ellipse,rgba(38,180,224,.1),transparent 68%);filter:blur(26px);pointer-events:none}

.architectural-section-label {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  margin-bottom:15px;
  color:#71def6;
  font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.architectural-section-label span:first-child{color:#c0d7e0}.architectural-section-label span:last-child{justify-self:end;font-size:8px}

.architectural-section .architectural-principles {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(14px,1.7vw,30px);
  margin:2px 0 30px;
  border:0;
  background:none;
}
.architectural-section .architectural-principles .feature-card {
  min-height:134px;
  margin:0;
  padding:18px 20px 15px;
  border:0;
  border-top:1px solid rgba(101,214,241,.25);
  border-radius:0 0 18px 18px;
  background:linear-gradient(180deg,rgba(12,43,61,.22),rgba(4,17,29,0) 82%);
  box-shadow:0 -10px 30px rgba(21,148,190,.025);
  transition:background .3s ease,box-shadow .3s ease,transform .3s ease;
}
.architectural-section .architectural-principles .feature-card:last-child{border-right:0}
.architectural-section .architectural-principles .feature-card:hover{background:linear-gradient(180deg,rgba(14,58,78,.38),rgba(4,17,29,.02) 88%);box-shadow:0 -10px 32px rgba(47,220,255,.07);transform:translateY(-3px)}
.architectural-section .feature-index{float:left;margin:2px 15px 0 0;color:#5de5ff;font:italic 400 20px/1 Georgia,serif}
.architectural-section .architectural-principles h3{margin:0 0 7px;color:#f3f7f9;font:500 20px/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.architectural-section .architectural-principles p{margin:0 0 9px;color:#8fb5c7;font-size:10.5px;line-height:1.45}
.architectural-section .architectural-principles ul{display:flex;flex-wrap:wrap;gap:5px 18px;clear:both;margin:0;padding:9px 0 0;border-top:1px solid rgba(113,167,190,.16);list-style:none}
.architectural-section .architectural-principles li{color:#8fb5c7;font-size:9px;line-height:1.35}.architectural-section .architectural-principles li::before{content:"+";margin-right:6px;color:#45e4ff}

.architectural-main {
  position:relative;
  display:grid;
  grid-template-columns:42% 58%;
  min-height:430px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
}
.architectural-main::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,10,17,.97) 0%,rgba(3,14,23,.78) 25%,rgba(3,14,23,.08) 43%,rgba(2,12,21,.32) 58%,rgba(2,12,21,.78) 100%);
  -webkit-mask-image:radial-gradient(ellipse 98% 92% at 50% 50%,#000 58%,rgba(0,0,0,.86) 74%,transparent 100%);
  mask-image:radial-gradient(ellipse 98% 92% at 50% 50%,#000 58%,rgba(0,0,0,.86) 74%,transparent 100%);
}
.architectural-main::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,8,14,.64),transparent 17%,transparent 73%,rgba(0,8,14,.78));
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
}

.architectural-portal{position:absolute;inset:-8% -3%;z-index:0;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 72% 80% at 45% 51%,#000 34%,rgba(0,0,0,.92) 55%,transparent 100%);mask-image:radial-gradient(ellipse 72% 80% at 45% 51%,#000 34%,rgba(0,0,0,.92) 55%,transparent 100%)}
.architectural-portal img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.02) brightness(.8);transform:scale(1.04);animation:architectural-light 7s ease-in-out infinite alternate}

.architectural-section .architectural-copy {
  position:relative;
  top:auto;
  z-index:3;
  align-self:center;
  padding:38px 34px 34px 0;
}
.architectural-section .architectural-copy .eyebrow{margin:0 0 17px;color:#68dbf5;font-size:9px}
.architectural-section .architectural-copy h2{max-width:630px;margin:0;color:#f3f7f9;font:500 clamp(42px,2.8vw,54px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.045em}
.architectural-section .architectural-copy h2 em{color:#45e4ff;font-style:italic;font-weight:400}
.architectural-section .architectural-copy>p:not(.eyebrow){max-width:540px;margin:17px 0 0;color:#a6c0cc;font-size:12px;line-height:1.55}
.architectural-cta{display:inline-flex;align-items:center;gap:20px;min-height:43px;margin-top:18px;padding:0 18px;border:1px solid #2fdcff;border-radius:999px;background:rgba(1,25,37,.78);color:#e6fcff;font-size:11px;font-weight:750;text-decoration:none;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
.architectural-cta:hover{background:#063449;box-shadow:0 0 26px rgba(47,220,255,.24);transform:translateY(-2px)}

.architectural-section .architectural-process {
  position:relative;
  z-index:3;
  display:grid;
  grid-column:2;
  grid-template-columns:repeat(4,1fr);
  align-self:stretch;
  min-width:0;
  margin-left:9%;
  padding:72px 0 24px;
}
.architectural-section .architectural-process::after{content:"SAME FOUNDATIONS.\A A BRIGHTER TOMORROW.";position:absolute;top:18px;right:0;color:#61d9f4;font:700 8px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;text-align:right;white-space:pre}
.architectural-section .architectural-process::before{content:"";position:absolute;top:70px;right:0;left:0;height:1px;background:linear-gradient(90deg,rgba(47,220,255,.22),#79edff 48%,rgba(47,220,255,.24));box-shadow:0 0 8px rgba(47,220,255,.2);transform:scaleX(.04);transform-origin:left}
.architectural-section.is-visible .architectural-process::before{animation:architectural-line 1.25s .2s ease forwards}
.architectural-section .architectural-process>div{position:relative;display:block;min-width:0;padding:55px 22px 12px;border:0;border-radius:0 0 18px 18px;background:linear-gradient(180deg,rgba(8,35,50,.12),transparent 72%);transition:background .3s ease,transform .3s ease}
.architectural-section .architectural-process>div:last-child{border-right:0}
.architectural-section .architectural-process>div>i{position:absolute;top:-6px;left:16px;width:7px;height:7px;border-radius:50%;background:#e5feff;box-shadow:0 0 7px #fff,0 0 18px #2fdcff}
.architectural-section .architectural-process>div>span{display:block;width:auto;height:auto;margin:0 0 8px;border:0;border-radius:0;background:none;color:#54e4ff;font:italic 400 24px/1 Georgia,serif}
.architectural-section .architectural-process p{margin:0;color:#91b3c1;font-size:10.5px;line-height:1.48}
.architectural-section .architectural-process strong{display:block;min-height:42px;margin:0 0 8px;color:#f3f7f9;font:500 17px/1.12 Georgia,"Times New Roman",serif}
.architectural-section .architectural-process>div:hover{background:linear-gradient(180deg,rgba(13,56,75,.28),transparent 78%);transform:translateY(-4px)}
.architectural-section .architectural-process>div:hover>i{transform:scale(1.3);box-shadow:0 0 9px #fff,0 0 27px #2fdcff}

.architectural-microcopy{display:block;margin-top:16px;color:#68cae3;font:700 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.22em;text-transform:uppercase}

.architectural-section.is-ready .architectural-principles .feature-card,.architectural-section.is-ready .architectural-copy,.architectural-section.is-ready .architectural-portal,.architectural-section.is-ready .architectural-process>div{opacity:0;transform:translateY(12px)}
.architectural-section.is-ready.is-visible .architectural-principles .feature-card,.architectural-section.is-ready.is-visible .architectural-copy,.architectural-section.is-ready.is-visible .architectural-portal,.architectural-section.is-ready.is-visible .architectural-process>div{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}
.architectural-section.is-visible .architectural-principles .feature-card:nth-child(2){transition-delay:.08s}.architectural-section.is-visible .architectural-principles .feature-card:nth-child(3){transition-delay:.16s}.architectural-section.is-visible .architectural-copy{transition-delay:.14s}.architectural-section.is-visible .architectural-portal{transition-delay:.2s}.architectural-section.is-visible .architectural-process>div:nth-child(1){transition-delay:.3s}.architectural-section.is-visible .architectural-process>div:nth-child(2){transition-delay:.4s}.architectural-section.is-visible .architectural-process>div:nth-child(3){transition-delay:.5s}.architectural-section.is-visible .architectural-process>div:nth-child(4){transition-delay:.6s}
@keyframes architectural-line{to{transform:scaleX(1)}}@keyframes architectural-light{from{filter:saturate(.82) contrast(1.03) brightness(.77)}to{filter:saturate(.94) contrast(1.05) brightness(.9)}}

@media(max-width:1100px){.architectural-main{grid-template-columns:1fr;min-height:0}.architectural-section .architectural-copy{min-height:360px;width:58%;align-self:start;padding:45px 24px}.architectural-section .architectural-process{grid-column:1;margin-left:0;padding:72px 20px 28px;background:linear-gradient(180deg,rgba(2,12,21,.34),rgba(2,12,21,.72))}.architectural-section .architectural-process::after{right:20px}.architectural-section .architectural-process::before{right:20px;left:20px}}
@media(max-width:760px){.architectural-section{width:min(100% - 34px,1800px)}.architectural-shell{padding:16px 20px 30px}.architectural-section-label{grid-template-columns:auto 1fr}.architectural-section-label span:last-child{display:none}.architectural-section .architectural-principles{grid-template-columns:1fr;gap:10px}.architectural-section .architectural-principles .feature-card{min-height:0;padding:20px 18px;border-right:0;border-bottom:0;border-radius:0 0 14px 14px}.architectural-section .architectural-principles .feature-card:last-child{border-bottom:0}.architectural-section .architectural-principles ul{display:grid;gap:7px}.architectural-main{display:block}.architectural-main::before{background:linear-gradient(180deg,rgba(2,10,17,.97) 0,rgba(3,14,23,.78) 29%,rgba(3,14,23,.05) 45%,rgba(2,12,21,.18) 62%,rgba(2,12,21,.95) 76%)}.architectural-section .architectural-copy{width:auto;min-height:390px;padding:50px 0 40px}.architectural-section .architectural-copy h2{font-size:clamp(43px,13vw,57px)}.architectural-section .architectural-copy>p:not(.eyebrow){font-size:12px}.architectural-portal{position:relative;height:320px;margin-top:-90px}.architectural-portal img{object-position:43% center}.architectural-section .architectural-process{display:grid;grid-template-columns:1fr;padding:30px 0 12px;background:linear-gradient(180deg,rgba(3,16,27,.32),rgba(3,16,27,.78))}.architectural-section .architectural-process::after{display:none}.architectural-section .architectural-process::before{top:30px;bottom:22px;left:3px;width:1px;height:auto;transform:scaleY(.04);transform-origin:top}.architectural-section.is-visible .architectural-process::before{animation:architectural-line-y 1.25s .2s ease forwards}.architectural-section .architectural-process>div,.architectural-section .architectural-process>div:last-child{padding:17px 12px 24px 34px;border:0;background:transparent}.architectural-section .architectural-process>div>i{top:25px;left:0}.architectural-section .architectural-process strong{min-height:0}.architectural-microcopy{padding-top:14px;border-top:1px solid rgba(113,167,190,.12)}}
@keyframes architectural-line-y{to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.architectural-section *,.architectural-section *::before,.architectural-section *::after{animation:none!important;transition:none!important}.architectural-section.is-ready .architectural-principles .feature-card,.architectural-section.is-ready .architectural-copy,.architectural-section.is-ready .architectural-portal,.architectural-section.is-ready .architectural-process>div{opacity:1;transform:none}.architectural-section .architectural-process::before{transform:none}}
/* Source: cloud-signal-field.css */
.cloud-signal-field {
  position: fixed;
  inset: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .72;
  mix-blend-mode: screen;
}

@media (max-width: 899px), (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .cloud-signal-field {
    display: none;
  }
}
/* Source: responsive-scale.css */
/* Fluid scaling pass shared by the homepage and Solutions candidate. */
:root {
  --cs-fluid-edge: clamp(34px, 4.25vw, 96px);
  --cs-feature-gap: clamp(56px, 4vw, 76px);
}

/* Keep navigation and contact controls usable on tablets and phones. */
@media (max-width: 980px) {
  .site-header {
    height: auto;
    min-height: 78px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding: 14px 18px 10px;
  }
  .site-header .brand { min-width: 0; margin-right: auto; }
  .site-header .brand-name { font-size: 14px; }
  .site-header .primary-nav {
    order: 3;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 8px 0 2px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .site-header .primary-nav a { font-size: 12px; min-height: 40px; display: inline-flex; align-items: center; }
  .site-header .primary-nav .nav-home { min-height: 36px; width: 36px; height: 36px; margin: 0; display: inline-grid; }
  .site-header .login-popover { position: fixed; top: 134px; left: 16px; right: 16px; width: auto; max-height: calc(100svh - 150px); overflow: auto; }
  .site-footer, .cinematic .site-footer {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 28px 20px 88px;
  }
  .site-footer nav, .cinematic .site-footer nav { justify-content: flex-start; gap: 12px 20px; }
  .site-footer nav a, .cinematic .site-footer nav a { font-size: 12px; min-height: 36px; display: inline-flex; align-items: center; }
  .site-footer .copyright, .cinematic .site-footer .copyright { grid-column: 1; max-width: 100%; overflow-wrap: anywhere; }
}
@media (max-width: 380px) {
  .site-header { padding-inline: 12px; gap: 8px; }
  .site-header .brand-name { font-size: 12px; }
  .site-header .primary-nav { gap: 7px; }
  .site-header .primary-nav a { font-size: 11px; }
}

@media (max-width: 760px) {
  .product-design-one .design-one-pending { opacity: 1; transform: none; }
  .product-design-one .product-section-intro h2 { font-size: 36px; }
  .product-design-one .product-flow, .product-design-one .embedded-product:not(.tutorial-product) { width: 100%; margin-inline: 0; padding-inline: 16px; }
}

/* A clear, compact route back to the homepage in the shared desktop header. */
.primary-nav .nav-home {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-grid;
  place-items: center;
  margin-block: -7px;
  border: 1px solid rgba(74, 211, 232, .28);
  border-radius: 7px;
  background: rgba(25, 151, 178, .14);
  color: #78dce9;
  transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.primary-nav .nav-home svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.primary-nav .nav-home:hover,
.primary-nav .nav-home:focus-visible,
.primary-nav .nav-home[aria-current="page"] {
  color: #e8fdff;
  border-color: rgba(90, 224, 242, .62);
  background: rgba(22, 151, 180, .42);
  box-shadow: 0 0 18px rgba(45, 202, 226, .14);
}

/* The previous product-wall introduction has been intentionally removed. */
.cinematic #platform > .product-wall-scene {
  display: none;
}

.cinematic #platform {
  padding-top: var(--cs-feature-gap);
}

.transformation-workspace {
  margin-top: 0;
}

/* Remove fixed desktop caps so feature compositions continue to fill the viewport
   when the browser is zoomed out or used on an ultrawide display. */
@media (min-width: 1081px) {
  .cinematic #platform {
    width: 100%;
    padding-bottom: 0;
  }

  .transformation-showcase,
  .architectural-section,
  .cinematic .security-concept-section {
    width: calc(100vw - var(--cs-fluid-edge));
    max-width: none;
  }

  .architectural-section {
    margin: var(--cs-feature-gap) auto 0;
  }

  .cinematic .security-concept-section {
    padding: var(--cs-feature-gap) 0 0;
  }
}

/* The carousel grows with the available right-hand canvas instead of stopping at
   the old 1360px ceiling. Its card spacing is recalculated by the carousel script. */
@media (min-width: 1600px) {
  .hero-product-orbit {
    right: -2.5vw;
    width: 76vw;
    max-width: none;
    height: min(820px, calc(100vh - 96px));
  }
}

/* Solutions uses the same fluid edge instead of a hard 1780px content ceiling. */
@media (min-width: 951px) {
  .product-design-one {
    --max: calc(100vw - var(--cs-fluid-edge));
  }

  .product-design-one .products-placeholder {
    width: calc(100vw - var(--cs-fluid-edge));
    max-width: none;
  }
}

/* On large and zoomed-out canvases, keep the Solutions copy track tied to the
   amount of text it contains. The preview then consumes every remaining pixel
   instead of inheriting an increasingly large fractional blank column. */
@media (min-width: 1251px) {
  .product-design-one .product-hero {
    grid-template-columns: clamp(440px, 26vw, 660px) minmax(0, 1fr);
    gap: clamp(26px, 2vw, 48px);
  }

  .product-design-one .product-hero-copy {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 1080px) {
  :root {
    --cs-feature-gap: clamp(42px, 7vw, 64px);
  }

  .cinematic #platform {
    padding: var(--cs-feature-gap) 0 0;
  }

  .architectural-section {
    margin: var(--cs-feature-gap) auto 0;
  }

  .cinematic .security-concept-section {
    padding: var(--cs-feature-gap) 0 0;
  }
}

@media (max-width: 700px) {
  :root {
    --cs-fluid-edge: 28px;
    --cs-feature-gap: 44px;
  }

  .cinematic #platform {
    width: 100%;
    padding-block: var(--cs-feature-gap) 0;
  }

  .architectural-section {
    margin-block: var(--cs-feature-gap) 0;
  }

  .cinematic .security-concept-section {
    padding-block: var(--cs-feature-gap) 0;
  }

  /* Keep the headline, paragraph and calls to action inside the mobile canvas.
     Earlier theme layers allowed the grid's min-content width to win here. */
  .cinematic .hero-copy {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .cinematic .hero h1,
  .cinematic .hero-intro,
  .cinematic .hero-actions {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .cinematic .hero h1 {
    font-size: clamp(42px, 13vw, 54px);
  }

  .cinematic .hero-word {
    white-space: normal;
  }

  .cinematic .hero-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }
}
/* Source: home-showcase-deck.css */
/* Homepage visual flow: one shared CloudSystems frame for the three existing showcases. */
.cinematic .hero {
  isolation: isolate;
}

.cinematic .hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 calc((min(1320px, 100vw - 48px) - 100vw) / 2);
  pointer-events: none;
  background:
    linear-gradient(rgba(55, 181, 235, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(55, 181, 235, .035) 1px, transparent 1px),
    radial-gradient(ellipse at 68% 49%, rgba(0, 160, 255, .13), transparent 42%),
    linear-gradient(180deg, transparent 74%, rgba(9, 97, 153, .1));
  background-size: 72px 72px, 72px 72px, auto, auto;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12% 96%, transparent), linear-gradient(180deg, transparent 4%, #000 23% 100%);
  mask-image: linear-gradient(90deg, transparent, #000 12% 96%, transparent), linear-gradient(180deg, transparent 4%, #000 23% 100%);
}

.cinematic .hero-copy::before {
  content: "";
  position: absolute;
  top: -72px;
  bottom: -76px;
  left: calc(-1 * clamp(56px, 9.5vw, 180px));
  width: min(920px, 68vw);
  z-index: -1;
  border-left: 0;
  background: linear-gradient(90deg, rgba(2, 13, 25, .76) 0%, rgba(2, 13, 25, .62) 24%, rgba(2, 13, 25, .24) 62%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
  box-shadow: none;
}

.cinematic .hero-word { color: #50e4f8; text-shadow: 0 0 30px rgba(30, 210, 255, .12); }
.cinematic .hero-word > span { color: #a8dcff; }
.cinematic .hero h1 em { color: #b8d4f6; }

.home-showcase-deck {
  --deck-height: clamp(720px, 42vw, 820px);
  position: relative;
  width: calc(100vw - var(--cs-fluid-edge, 64px));
  max-width: none;
  margin: clamp(54px, 5vw, 88px) auto 0;
  padding: 18px;
  overflow: hidden;
  border: 1px solid rgba(61, 195, 240, .35);
  border-radius: 28px;
  background:
    linear-gradient(rgba(57, 171, 220, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57, 171, 220, .035) 1px, transparent 1px),
    radial-gradient(ellipse at 50% 42%, rgba(0, 137, 238, .13), transparent 55%),
    linear-gradient(145deg, rgba(3, 17, 29, .98), rgba(2, 10, 20, .99));
  background-size: 62px 62px, 62px 62px, auto, auto;
  box-shadow: 0 40px 110px rgba(0, 0, 0, .48), inset 0 0 86px rgba(27, 169, 230, .035);
  isolation: isolate;
  scroll-margin-top: 96px;
}

.home-showcase-deck::before,
.home-showcase-deck::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}

.home-showcase-deck::before {
  inset: -30% 16% 65%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(39, 208, 255, .17), transparent 67%);
  filter: blur(32px);
}

.home-showcase-deck::after {
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #21cffa 26%, #8df4ff 50%, #21cffa 74%, transparent);
  box-shadow: 0 0 20px rgba(28, 206, 255, .55);
}

.showcase-deck-heading {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 8px 14px;
  color: #7fa9bb;
  font: 700 9px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .19em;
  text-transform: uppercase;
}

.showcase-deck-heading p { margin: 0; }
.showcase-deck-heading p span { margin-right: 18px; color: #62e9fb; }
.showcase-deck-progress { width: min(320px, 30vw); height: 1px; overflow: hidden; background: rgba(86, 167, 199, .24); }
.showcase-deck-progress i { display: block; width: 33.333%; height: 100%; background: #69eaff; box-shadow: 0 0 12px #2ddcff; transition: transform .7s cubic-bezier(.22, .61, .36, 1); }

.showcase-deck-viewport {
  position: relative;
  height: var(--deck-height);
  overflow: hidden;
  border: 1px solid rgba(75, 177, 216, .28);
  border-radius: 20px;
  background: #020b15;
  outline: none;
  margin-right: 118px;
}

.showcase-deck-viewport:focus-visible { box-shadow: 0 0 0 2px #66e9ff, 0 0 30px rgba(41, 205, 255, .22); }
.showcase-deck-track {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr) 88px 88px;
  gap: 10px;
  transition: grid-template-rows .72s cubic-bezier(.22, .61, .36, 1);
}
.home-showcase-deck[data-active="1"] .showcase-deck-track { grid-template-rows: 88px minmax(0, 1fr) 88px; }
.home-showcase-deck[data-active="2"] .showcase-deck-track { grid-template-rows: 88px 88px minmax(0, 1fr); }

.home-showcase-deck .showcase-deck-slide {
  position: relative;
  inset: auto;
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  opacity: .48;
  visibility: visible;
  pointer-events: none;
  transform: translate3d(0, 0, 0) scale(.992);
  overflow: hidden;
  border: 1px solid rgba(54, 174, 216, .24);
  border-radius: 15px;
  background: linear-gradient(100deg, rgba(5, 31, 48, .96), rgba(3, 17, 29, .9));
  transition: transform .72s cubic-bezier(.22, .61, .36, 1), opacity .45s ease, border-color .45s ease, box-shadow .45s ease;
  will-change: transform, opacity;
}

.home-showcase-deck .showcase-deck-slide::before,
.home-showcase-deck .showcase-deck-slide::after {
  position: absolute;
  z-index: 80;
  left: 28px;
  pointer-events: none;
  transition: opacity .25s ease;
}
.home-showcase-deck .showcase-deck-slide::before {
  content: attr(data-showcase-label);
  top: 21px;
  color: #5de6fa;
  font: 700 9px/1 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .15em;
}
.home-showcase-deck .showcase-deck-slide::after {
  content: attr(data-showcase-description);
  top: 41px;
  color: #f1f8fb;
  font: 500 20px/1.15 Georgia, "Times New Roman", serif;
}
.home-showcase-deck .showcase-deck-slide.is-before { transform: translate3d(0, 0, 0) scale(.992); }
.home-showcase-deck .showcase-deck-slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  border-color: rgba(70, 218, 249, .58);
  box-shadow: inset 0 0 42px rgba(25, 165, 215, .035), 0 0 24px rgba(17, 179, 231, .1);
  transition-delay: 0s;
}
.home-showcase-deck .showcase-deck-slide.is-active::before,
.home-showcase-deck .showcase-deck-slide.is-active::after { opacity: 0; }
.home-showcase-deck .showcase-deck-slide:not(.is-active) > * {
  opacity: .1;
  filter: saturate(.72);
  transition: opacity .42s ease, filter .42s ease;
}
.home-showcase-deck .showcase-deck-slide.is-active > * {
  opacity: 1;
  filter: none;
  transition: opacity .42s ease, filter .42s ease;
}

/* Equal outer dimensions, while retaining each component's original internals. */
.home-showcase-deck #platform { display: grid; place-items: center; }
.home-showcase-deck .transformation-showcase {
  position: absolute;
  top: 0;
  left: 0;
  width: 120.49%;
  height: 120.49%;
  min-height: 0;
  margin: 0;
  transform: scale(.83);
  transform-origin: top left;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.home-showcase-deck .architectural-section { background: transparent; }
.home-showcase-deck .architectural-shell {
  position: absolute;
  top: 0;
  left: 0;
  width: 105.27%;
  height: 105.27%;
  min-height: 0;
  transform: scale(.95);
  transform-origin: top left;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.home-showcase-deck .security-concept-section { display: grid; place-items: center; }
.home-showcase-deck .security-timeline {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  display: grid;
  grid-template-columns: 52.5% 47.5%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.home-showcase-deck .security-reference-plate,
.home-showcase-deck .security-reference-motion { display: none !important; }
.home-showcase-deck .security-timeline::after { content: none !important; }

/* Restore the live security component: the legacy reference layer hid these
   elements on desktop. Every visible word, icon and timeline item is now DOM. */
.home-showcase-deck .security-timeline > .security-timeline-copy {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  grid-column: 1;
  flex-direction: column;
  margin: 0 !important;
  padding: 44px 38px 30px 58px !important;
  overflow: hidden !important;
  clip: auto !important;
  white-space: normal !important;
  border: 0 !important;
}
.home-showcase-deck .security-timeline > .security-timeline-points {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  display: grid !important;
  grid-column: 2;
  grid-template-rows: repeat(3, 1fr);
  margin: 0 !important;
  padding: 68px 30px 34px 82px !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  border: 0 !important;
}
.home-showcase-deck .security-timeline > .security-timeline-axis {
  position: absolute !important;
  z-index: 5;
  left: 52.5%;
  top: 0 !important;
  bottom: 0;
  width: 100px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  border: 0 !important;
  transform: translateX(-50%);
}
.home-showcase-deck .security-timeline > .security-timeline-microcopy {
  position: absolute !important;
  z-index: 7;
  top: 28px !important;
  right: 30px;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  border: 0 !important;
}
.home-showcase-deck .security-timeline h2 { margin-top: 30px; font-size: clamp(50px, 3.6vw, 68px); }
.home-showcase-deck .security-timeline-intro { margin-top: 20px; font-size: 17px; }
.home-showcase-deck .security-timeline-point { grid-template-columns: 62px 38px minmax(0, 1fr); gap: 14px; }
.home-showcase-deck .security-timeline-point::before { left: -82px; width: 82px; }
.home-showcase-deck .security-timeline-icon { width: 62px; height: 62px; }
.home-showcase-deck .security-timeline-icon svg { width: 34px; height: 34px; }
.home-showcase-deck .security-timeline-index { font-size: 17px; }
.home-showcase-deck .security-timeline-point strong { font-size: clamp(21px, 1.55vw, 27px); }
.home-showcase-deck .security-timeline-point span { font-size: 14px; }
.home-showcase-deck .security-planet { left: -240px; bottom: -760px; width: 1080px; height: 1080px; }

.showcase-deck-controls {
  position: absolute;
  z-index: 12;
  top: 72px;
  right: 15px;
  bottom: 18px;
  width: 104px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
  padding: 0;
}

.showcase-deck-controls button {
  min-width: 0;
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 10px 16px;
  border: 1px solid rgba(78, 171, 205, .24);
  border-radius: 14px;
  background: rgba(5, 24, 39, .4);
  color: #aec6d1;
  text-align: left;
  cursor: pointer;
  transition: border-color .25s ease, background .25s ease, color .25s ease, transform .25s ease;
}

.showcase-deck-controls button:hover,
.showcase-deck-controls button:focus-visible { border-color: rgba(92, 226, 255, .68); color: #f2fbff; outline: none; transform: translateY(-2px); }
.showcase-deck-controls button.is-active { border-color: #50dff8; background: linear-gradient(145deg, rgba(7, 53, 78, .84), rgba(4, 27, 43, .84)); color: #f2fbff; box-shadow: inset 0 0 25px rgba(38, 195, 237, .08), 0 0 20px rgba(20, 185, 240, .13); }
.showcase-deck-controls b { color: #5ce7fa; font: 700 11px/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.showcase-deck-controls span { font-size: 12px; line-height: 1.2; }
.showcase-deck-controls small { color: #7295a5; font-size: 9px; font-weight: 500; }
.showcase-deck-counter { color: #64e9fb; font: 700 9px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .14em; text-align: center; }
.showcase-deck-arrow { width: 48px; min-height: 48px !important; align-self: center; justify-content: center; padding: 0 !important; border-radius: 50% !important; color: #73edff !important; font-size: 20px; }
.showcase-deck-arrow:disabled { opacity: .22; cursor: default; transform: none !important; border-color: rgba(78, 171, 205, .16) !important; }
.showcase-deck-motion { width: 42px; min-height: 34px !important; align-self: center; justify-content: center; padding: 6px !important; opacity: .72; }
.showcase-deck-motion .showcase-motion-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }

.cta-studio-section {
  position: relative;
  width: calc(100vw - var(--cs-fluid-edge, 64px));
  max-width: none;
  min-height: clamp(430px, 26vw, 500px);
  display: grid;
  place-items: center;
  margin-top: clamp(54px, 5vw, 88px);
  padding: clamp(58px, 6vw, 92px) clamp(34px, 6vw, 110px);
  overflow: hidden;
  border: 0;
  border-top: 1px solid rgba(63, 191, 234, .2);
  border-radius: 0;
  background:
    linear-gradient(rgba(56, 174, 221, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56, 174, 221, .035) 1px, transparent 1px),
    radial-gradient(ellipse at 9% 122%, rgba(0, 137, 224, .11), transparent 34%),
    linear-gradient(130deg, #03111c, #020914 72%);
  background-size: 58px 58px, 58px 58px, auto, auto;
  box-shadow: inset 0 0 70px rgba(31, 172, 225, .025);
  text-align: center;
}

.cta-studio-section::after { content: "BUILT AROUND YOUR BUSINESS"; position: absolute; right: 30px; bottom: 24px; color: #62cfe7; font: 700 8px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .24em; }
.cta-studio-copy { position: relative; z-index: 2; max-width: 760px; }
.cta-studio-section .eyebrow { justify-content: center; }
.cta-studio-section > .cta-studio-copy > p:not(.eyebrow) { max-width: 590px; margin: 22px auto 30px; color: #9bb8c7; font-size: 15px; line-height: 1.7; }
.cta-studio-section h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; }
.cta-studio-section h2 em { color: #45e4ff; font-weight: 400; }
.cta-studio-orbit { position: absolute; left: -15%; bottom: -122%; width: min(76vw, 1080px); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(73, 222, 255, .3); border-radius: 50%; background: radial-gradient(circle at 58% 8%, rgba(57, 185, 231, .13), transparent 12%), radial-gradient(circle, rgba(9, 66, 101, .24), rgba(2, 14, 25, .98) 68%); box-shadow: 0 -3px 11px rgba(119, 231, 255, .2), 0 -24px 60px rgba(0, 141, 236, .11), inset 0 28px 58px rgba(46, 175, 225, .04); opacity: .46; }
.cta-studio-orbit::before,
.cta-studio-orbit::after,
.cta-studio-orbit i { content: ""; position: absolute; inset: -21%; border: 1px solid rgba(65, 203, 244, .25); border-radius: 50%; transform: rotate(18deg) scaleY(.65); }
.cta-studio-orbit::after { transform: rotate(-24deg) scaleY(.72); }
.cta-studio-orbit i:nth-child(1) { inset: -9%; transform: none; border-style: dotted; }
.cta-studio-orbit i:nth-child(2) { width: 7px; height: 7px; inset: 2% auto auto 18%; border: 0; background: #d8feff; box-shadow: 0 0 18px 5px #23d7ff; }
.cta-studio-orbit i:nth-child(3) { width: 1px; height: 180%; inset: -40% auto auto 50%; border: 0; border-radius: 0; background: linear-gradient(transparent, #42dff8, transparent); transform: rotate(58deg); opacity: .35; }
.cta-studio-orbit b { display: none; }

@media (max-width: 1500px) {
  .home-showcase-deck { --deck-height: 720px; }
  .home-showcase-deck .transformation-showcase { width: 125%; height: 125%; transform: scale(.8); }
  .home-showcase-deck .architectural-shell { width: 108.7%; height: 108.7%; transform: scale(.92); }
}

@media (max-width: 1080px) {
  .home-showcase-deck { --deck-height: 900px; width: calc(100vw - 34px); padding: 12px; border-radius: 21px; }
  .showcase-deck-viewport { margin-right: 0; margin-bottom: 76px; }
  .home-showcase-deck .transformation-showcase,
  .home-showcase-deck .architectural-shell { position: relative; width: 100%; height: 100%; transform: none; }
  .showcase-deck-controls { top: auto; right: 12px; bottom: 12px; left: 12px; width: auto; height: 62px; flex-direction: row; justify-content: center; }
  .showcase-deck-controls button[data-showcase-target] { min-height: 58px; flex: 1; }
  .showcase-deck-arrow,.showcase-deck-counter { display: none; }
  .showcase-deck-motion { position: absolute; top: -71px; right: 5px; width: 40px; z-index: 8; }
  .showcase-deck-track { grid-template-rows: minmax(0, 1fr) 72px 72px; }
  .home-showcase-deck[data-active="1"] .showcase-deck-track { grid-template-rows: 72px minmax(0, 1fr) 72px; }
  .home-showcase-deck[data-active="2"] .showcase-deck-track { grid-template-rows: 72px 72px minmax(0, 1fr); }
  .cta-studio-section { width: calc(100vw - 34px); }
}

@media (max-width: 760px) {
  .cinematic .hero-copy::before { left: -17px; width: calc(100% + 34px); }
  .home-showcase-deck { --deck-height: min(920px, 82svh); min-height: 720px; margin-top: 44px; padding: 9px; }
  .showcase-deck-heading { height: 38px; font-size: 7px; }
  .showcase-deck-progress { display: none; }
  .home-showcase-deck .showcase-deck-slide { overflow: hidden; }
  .home-showcase-deck .showcase-deck-slide.is-active { overflow-y: auto; overflow-x: hidden; }
  .home-showcase-deck .showcase-deck-slide::before { top: 16px; left: 18px; font-size: 7px; }
  .home-showcase-deck .showcase-deck-slide::after { top: 33px; left: 18px; font-size: 15px; }
  .showcase-deck-controls { grid-template-columns: repeat(3, 1fr); gap: 5px; }
  .showcase-deck-controls button { min-height: 58px; justify-content: center; padding: 8px 5px; text-align: center; }
  .showcase-deck-controls button span { font-size: 9px; }
  .showcase-deck-controls button small { display: none; }
  .showcase-deck-controls b { display: none; }
  .home-showcase-deck .architectural-shell { overflow-y: auto; }
  .cta-studio-section { min-height: 480px; padding: 54px 26px 68px; text-align: center; }
  .cta-studio-section .eyebrow { justify-content: center; }
  .cta-studio-section > .cta-studio-copy > p:not(.eyebrow) { margin-inline: auto; }
  .cta-studio-orbit { left: -52%; bottom: -72%; width: 520px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-showcase-deck .showcase-deck-slide,
  .showcase-deck-progress i,
  .showcase-deck-controls button { transition: none !important; }
  .cta-studio-orbit *, .cta-studio-orbit::before, .cta-studio-orbit::after { animation: none !important; }
}
/* Source: home-reference-build.css */
/* Reference-led homepage composition. All interface content is live DOM; imagery is decorative only. */
.cinematic .home-showcase-deck,
.cinematic .cta-studio-section,
.cinematic .signal-bar { display: none !important; }
.cinematic .hero-planet,.cinematic .hero-microcopy { display: none; }

@media (min-width: 851px) {
  .cinematic .site-header { height: clamp(50px, 3.7vw, 58px); padding-inline: clamp(56px, 9.5vw, 180px); }
  .cinematic .site-header .brand-mark { width: 36px; height: 36px; }
  .cinematic .site-header .brand-name { font-size: 15px; }
  .cinematic .site-header .brand-name small { font-size: 8px; }
  .cinematic .site-header .primary-nav { margin-left: clamp(120px, 10vw, 160px); margin-right: auto; }
  .cinematic .hero {
    width: 100%;
    height: clamp(390px, 27vw, 460px);
    min-height: 0;
    overflow: hidden;
    padding: clamp(30px, 2.6vw, 44px) clamp(56px, 9.5vw, 180px) 30px;
    background:radial-gradient(circle at 7% 68%,rgba(73,225,255,.5) 0 1px,transparent 2px),radial-gradient(circle at 15% 34%,rgba(73,225,255,.32) 0 1px,transparent 2px),radial-gradient(circle at 35% 18%,rgba(145,240,255,.28) 0 1px,transparent 2px),radial-gradient(ellipse at 64% 31%,rgba(0,143,223,.2),transparent 43%),linear-gradient(110deg,#020b13 0%,#031321 54%,#020a12 100%);
  }
  .cinematic .hero::after {
    content:"";
    position:absolute;
    z-index:1;
    inset:auto 0 0;
    height:86px;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 0%,rgba(3,17,31,.32) 48%,#03111f 100%);
    -webkit-mask-image:none;
    mask-image:none;
  }
  .cinematic .hero::before { content:""; display:block; position:absolute; z-index:0; inset:0; pointer-events:none; opacity:.42; background-image:radial-gradient(circle,rgba(150,240,255,.65) 0 1px,transparent 1.5px),linear-gradient(rgba(76,192,225,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(76,192,225,.09) 1px,transparent 1px); background-size:97px 79px,58px 58px,58px 58px; background-position:11px 17px,0 0,0 0; mask-image:linear-gradient(90deg,transparent 3%,#000 33%,#000 92%,transparent); }
  .cinematic .hero-copy { z-index:4; align-self:start; max-width: 500px; transform:none; }
  .cinematic .hero .eyebrow { margin-bottom:12px; }
  .cinematic .hero h1 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(44px, 3.45vw, 60px); font-weight: 500; line-height: .94; letter-spacing: -.045em; }
  .cinematic .hero h1 .hero-word { display: inline-block; }
  .cinematic .hero h1 em { display: block; margin-top: 8px; font-family: Georgia, "Times New Roman", serif; font-size: .58em; font-style: italic; letter-spacing: -.035em; }
  .cinematic .hero-intro { max-width: 440px; margin-top: 13px; font-size: 12px; line-height: 1.45; }
  .cinematic .hero-actions { margin-top: 13px; }
  .cinematic .hero-actions .button { padding:9px 18px; }
  .cinematic .trust-list { margin-top: 10px; font-size:11px; }
  .cinematic .izwi-signature { display: none; }
  .cinematic .hero-product-orbit { right: 9.5vw; width: 61vw; height: 100%; }
  .cinematic .hero-orbit-camera { z-index:2; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 17%,#000 100%); }
  .cinematic .hero-product-orbit::before { content:""; position:absolute; z-index:0; top:-4%; bottom:25%; left:50%; width:10px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,rgba(121,239,255,.32),rgba(239,255,255,.95),rgba(121,239,255,.32),transparent); box-shadow:0 0 12px #43ddff,0 0 48px 12px rgba(0,178,255,.25); opacity:.75; pointer-events:none; }
  .cinematic .hero-product-orbit::after { content:""; position:absolute; z-index:1; left:50%; top:6%; width:112px; height:112px; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,#f1ffff 0 2%,#62e8ff 4%,rgba(0,174,255,.24) 21%,transparent 66%); pointer-events:none; }
  .cinematic .hero-orbit-tunnel { opacity:1; background:radial-gradient(ellipse at 50% 38%,rgba(0,172,255,.58) 0,rgba(4,77,118,.38) 27%,rgba(1,11,22,.82) 66%,transparent 89%); }
  .cinematic .hero-orbit-tunnel::before { opacity:.78; }
  .cinematic .hero-orbit-identity { display:none; }
  .cinematic .hero-orbit-world { top: 45%; }
  .cinematic .hero-orbit-controls { bottom: 54px; }
  .cinematic .hero-orbit-help { display: none; }
  .cinematic .hero-orbit-card { height: 208px; margin-top: -104px; }
  .cinematic .hero-orbit-card-face,.cinematic .hero-orbit-card-back { padding: 14px 16px; background:linear-gradient(135deg,#0d3653 0%,#082a44 42%,#03192d 100%); }
  .cinematic .hero-orbit-card-face::after { content:"→"; position:absolute; top:12px; right:12px; width:30px; height:30px; display:grid; place-items:center; border:1px solid #37dcfa; border-radius:50%; background:#041d30; color:#74edff; font-size:17px; line-height:1; box-shadow:inset 0 0 13px rgba(31,197,242,.1),0 0 17px rgba(29,207,255,.22); }
  .cinematic .hero-orbit-state { color:#63e9fb; font-size:8px; letter-spacing:.14em; }
  .cinematic .hero-orbit-state::before { display:none; }
  .cinematic .hero-orbit-number { display:none; }
  .cinematic .hero-orbit-card h2 { min-height: 30px; margin: 14px 40px 6px 0; font-family:Georgia,"Times New Roman",serif; font-size:18.5px; font-weight:500; line-height:1.03; letter-spacing:-.035em; }
  .cinematic .hero-orbit-card p { min-height: 46px; font-size:9.5px; line-height:1.42; }
  .cinematic .hero-orbit-card-face > ul { display:grid; gap:5px; margin:7px 0 0; padding:7px 0 0; border-top:1px solid rgba(86,207,240,.2); list-style:none; }
  .cinematic .hero-orbit-card-face > ul li { display:grid; grid-template-columns:14px 1fr; align-items:center; gap:7px; color:#a8cad8; font-size:8.5px; line-height:1.15; }
  .cinematic .hero-orbit-card-face > ul li::before { display:none; }
  .cinematic .hero-orbit-feature-icon { width:13px; height:13px; fill:none; stroke:#43e2fa; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
  .cinematic .hero-orbit-card-footer { display:none !important; }
  .cinematic .hero-orbit-card.is-active .hero-orbit-card-face { border-color:#73eaff; box-shadow:inset 0 0 0 2px rgba(21,87,121,.72),inset 0 0 34px rgba(22,142,194,.12),0 0 24px rgba(25,205,255,.46); }
  .cinematic .hero-microcopy { display: block; position: absolute; z-index: 4; right: clamp(56px, 8vw, 130px); bottom: 19px; margin: 0; color: #55dff5; text-align: right; font: 700 8px/1.5 ui-monospace, monospace; letter-spacing: .18em; text-transform: uppercase; }
  .cinematic .solution-journey#platform { transform: translateX(-2vw); }
  .cinematic .cinema-stage::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: -8%;
    bottom: -73%;
    width: 78%;
    aspect-ratio: 1;
    border: 1px solid rgba(84, 222, 255, .56);
    border-radius: 50%;
    background: radial-gradient(circle at 67% 8%, rgba(130, 240, 255, .45), transparent 3%), radial-gradient(circle at 48% 20%, rgba(14, 90, 132, .5), rgba(2, 15, 26, .98) 65%);
    box-shadow: 0 -5px 20px rgba(61, 213, 255, .48), 0 -35px 90px rgba(0, 136, 226, .2);
    opacity: .74;
  }
  .cinematic .cinema-stage::before { display:none; }
  .cinematic .hero-planet {
    display: block;
    position: absolute;
    z-index: 1;
    left: -5%;
    bottom: -25%;
    width: 68%;
    height: 70%;
    background:url('/assets/cloudsystems-planet-horizon-v1.png') left bottom/100% auto no-repeat;
    filter:drop-shadow(0 -12px 30px rgba(0,137,220,.28));
    opacity:.9;
    pointer-events: none;
  }
}

@media (min-width: 1600px) {
  .cinematic .hero { height: clamp(430px, 27vw, 560px); }
}

.cinematic .solution-journey#platform {
  --compact-row: clamp(132px, 8.9vw, 188px);
  position: relative;
  width: min(70vw, 1800px);
  height: clamp(520px, 34vw, 740px);
  margin: 14px auto;
  padding: 0;
  color: #eaf8fc;
  isolation: isolate;
  background:radial-gradient(circle at 20% 18%,rgba(100,235,255,.28) 0 1px,transparent 2px),radial-gradient(circle at 84% 61%,rgba(68,213,255,.2) 0 1px,transparent 2px),radial-gradient(ellipse at 50% 24%,rgba(0,142,220,.14),transparent 58%);
}
.solution-journey::before { content:""; position:absolute; z-index:-2; top:-14px; bottom:-14px; left:calc((100vw - 100%) / -2 - 12px); right:calc((100vw - 100%) / -2 + 12px); background:radial-gradient(ellipse at 50% 18%,rgba(0,119,195,.12),transparent 62%),radial-gradient(ellipse at 4% 48%,rgba(0,112,183,.09),transparent 30%),radial-gradient(ellipse at 96% 48%,rgba(0,112,183,.09),transparent 30%),linear-gradient(180deg,#03111f 0%,#03111f 18%,#020d19 67%,#020914 100%); }
.solution-journey::after { content:""; position:absolute; z-index:-1; top:-170px; bottom:-14px; left:calc((100vw - 100%) / -2 - 12px); right:calc((100vw - 100%) / -2 + 12px); pointer-events:none; background:radial-gradient(ellipse at 50% 5%,rgba(0,166,238,.17),transparent 43%),linear-gradient(rgba(63,181,216,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(63,181,216,.05) 1px,transparent 1px); background-size:auto,44px 44px,44px 44px; -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 18%,#000 34%,#000 100%); mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 18%,#000 34%,#000 100%); }
.journey-stack { height: 100%; display: grid; grid-template-rows: minmax(0, 1fr) var(--compact-row) var(--compact-row); outline: none; perspective: 1300px; transition: grid-template-rows 1.35s cubic-bezier(.22,.61,.36,1); }
.solution-journey[data-active="1"] .journey-stack { grid-template-rows: var(--compact-row) minmax(0, 1fr) var(--compact-row); }
.solution-journey[data-active="2"] .journey-stack { grid-template-rows: var(--compact-row) var(--compact-row) minmax(0, 1fr); }
.solution-journey.is-vertical-orbit .journey-stack { position:relative; display:block; overflow:visible; perspective:1300px; transition:none; }
.solution-journey.is-vertical-orbit .journey-card { position:absolute; top:50%; left:0; width:100%; height:calc(100% - var(--compact-row) - var(--compact-row)); margin-inline:0; transform-style:preserve-3d; will-change:transform,opacity; transition:border-color .45s ease,box-shadow .45s ease; }
.solution-journey.is-vertical-orbit.is-hover-paused .journey-card { transition:transform .72s cubic-bezier(.22,.61,.36,1),opacity .5s ease,border-color .45s ease,box-shadow .45s ease; }
.solution-journey.is-vertical-orbit .journey-card-summary { display:none; }
.solution-journey.is-vertical-orbit .journey-card .journey-card-panel { opacity:var(--journey-panel-opacity,1); transition:opacity .55s ease; }
.solution-journey.is-vertical-orbit .journey-card .journey-copy { padding:clamp(18px,1.35vw,28px); }
.solution-journey.is-vertical-orbit .journey-card .journey-copy > span,
.solution-journey.is-vertical-orbit .journey-card .journey-copy p,
.solution-journey.is-vertical-orbit .journey-card .journey-copy a,
.solution-journey.is-vertical-orbit .journey-card .journey-copy > small { display:block; opacity:var(--journey-detail-opacity,1); transition:opacity .55s ease; }
.solution-journey.is-vertical-orbit .journey-card .journey-copy h2 { margin:8px 0 3px; font-size:clamp(28px,2vw,40px); }
.solution-journey.is-vertical-orbit .journey-card .journey-copy h3 { font-size:clamp(15px,1.15vw,21px); }
.solution-journey.is-vertical-orbit .journey-card .journey-steps { grid-template-columns:1fr; padding:clamp(8px,.8vw,16px) clamp(16px,1.7vw,30px) clamp(8px,.8vw,16px) 8px; gap:0; }
.solution-journey.is-vertical-orbit .journey-card .journey-steps li { min-height:clamp(44px,2.6vw,58px); grid-template-columns:40px 1fr; gap:10px; border-bottom:1px solid rgba(68,177,215,.24); }
.solution-journey.is-vertical-orbit .journey-card .journey-steps li:last-child { border-bottom:0; }
.solution-journey.is-vertical-orbit .journey-card .journey-steps i { width:clamp(34px,2.5vw,42px); height:clamp(34px,2.5vw,42px); }
.solution-journey.is-vertical-orbit .journey-card .journey-steps svg { width:21px; }
.solution-journey.is-vertical-orbit .journey-card .journey-steps strong { font-size:12px; }
.solution-journey.is-vertical-orbit .journey-card .journey-steps small { display:block; opacity:var(--journey-detail-opacity,1); font-size:10.5px; transition:opacity .55s ease; }
.journey-card { position: relative; min-height: 0; margin-inline: calc(var(--journey-depth, 0) * 12px); overflow: hidden; border: 1px solid rgba(64, 188, 229, .25); border-radius: 11px; background: linear-gradient(110deg, rgba(5, 26, 42, .98), rgba(2, 13, 24, .96)); opacity: .64; transform: scale(calc(1 - var(--journey-depth, 0) * .012)); transition: opacity .45s ease, transform .72s cubic-bezier(.22,.61,.36,1), border-color .45s ease, box-shadow .45s ease; }
.journey-card:nth-child(2) { --journey-depth: 1; }
.journey-card:nth-child(3) { --journey-depth: 2; }
.journey-card.is-active { z-index: 4; margin-inline: 0; opacity: 1; transform: none; border-color: #3ddfff; box-shadow: 0 0 0 1px rgba(86, 232, 255, .25), 0 0 28px rgba(0, 192, 255, .26), inset 0 0 55px rgba(18, 160, 218, .05); }
.journey-card.is-active::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:radial-gradient(ellipse at 51% 50%,rgba(0,164,238,.19),transparent 40%),linear-gradient(rgba(83,194,226,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(83,194,226,.045) 1px,transparent 1px); background-size:auto,32px 32px,32px 32px; }
.journey-card.is-active .journey-card-panel { position:relative; z-index:1; }
.journey-card-summary { position: absolute; z-index: 8; inset: 0; width: 100%; display: grid; grid-template-columns: minmax(200px, .8fr) 1.1fr 44px; align-items: center; gap: 20px; padding: 24px 44px; border: 0; background: linear-gradient(90deg, rgba(5, 31, 48, .9), rgba(2, 14, 25, .62)); color: inherit; text-align: left; cursor: pointer; }
.journey-card-summary .journey-number { position: absolute; top: 18px; left: 44px; color: #4fe3f8; font: 700 9px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .18em; text-transform: uppercase; }
.journey-card-summary strong { align-self: end; font: 500 clamp(26px, 2vw, 34px)/1 Georgia, "Times New Roman", serif; }
.journey-card-summary small { align-self: end; color: #8ec5db; font-size: 14px; }
.journey-card-summary i { width: 38px; height: 38px; display: grid; place-items: center; justify-self: end; border: 1px solid #34d8f7; border-radius: 50%; color: #86f0ff; font-style: normal; font-size: 20px; }
.journey-card.is-active .journey-card-summary { opacity: 0; visibility: hidden; pointer-events: none; }
.journey-card-panel { position:relative; height:100%; display:grid; grid-template-columns:35% 35% 30%; opacity:.6; isolation:isolate; transition:opacity .32s ease .12s; }
.journey-card-panel::before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(2,18,31,.97) 0%,rgba(2,21,35,.83) 24%,rgba(2,18,31,.18) 44%,rgba(2,17,29,.28) 60%,rgba(2,16,28,.88) 78%,rgba(2,14,25,.97) 100%); }
.journey-card.is-active .journey-card-panel { opacity: 1; }
.journey-card:not(.is-active) .journey-card-summary { background: linear-gradient(90deg, rgba(3, 23, 37, .2), transparent); }
.journey-card:not(.is-active) .journey-card-summary strong,
.journey-card:not(.is-active) .journey-card-summary small { visibility: hidden; }
.journey-card:not(.is-active) .journey-copy { padding: 22px 44px; }
.journey-card:not(.is-active) .journey-copy > span,
.journey-card:not(.is-active) .journey-copy p,
.journey-card:not(.is-active) .journey-copy a,
.journey-card:not(.is-active) .journey-copy > small { display: none; }
.journey-card:not(.is-active) .journey-copy h2 { margin: 0 0 7px; font-size: 29px; }
.journey-card:not(.is-active) .journey-copy h3 { font-size: 15px; }
.journey-card:not(.is-active) .journey-steps { grid-template-columns: 1fr 1fr; padding: 12px 28px 12px 8px; gap: 3px 13px; }
.journey-card:not(.is-active) .journey-steps li { min-height: 42px; grid-template-columns: 25px 1fr; gap: 6px; border: 0; }
.journey-card:not(.is-active) .journey-steps i { width: 22px; height: 22px; }
.journey-card:not(.is-active) .journey-steps svg { width: 13px; }
.journey-card:not(.is-active) .journey-steps strong { font-size: 9px; }
.journey-card:not(.is-active) .journey-steps small { display: none; }
.solution-journey.is-vertical-orbit .journey-card .journey-card-panel { opacity:1 !important; }
.solution-journey.is-vertical-orbit .journey-card .journey-copy > span,
.solution-journey.is-vertical-orbit .journey-card .journey-copy p,
.solution-journey.is-vertical-orbit .journey-card .journey-copy a,
.solution-journey.is-vertical-orbit .journey-card .journey-copy > small,
.solution-journey.is-vertical-orbit .journey-card .journey-steps small { display:block !important; opacity:1 !important; visibility:visible !important; }
.journey-copy { position:relative; z-index:2; grid-column:1; display:flex; flex-direction:column; justify-content:center; padding:clamp(18px,1.35vw,28px); }
.journey-copy > span { color: #52e5fa; font: 700 10px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .18em; text-transform: uppercase; }
.journey-copy h2 { margin: 8px 0 3px; font: 500 clamp(28px, 2vw, 40px)/.98 Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
.journey-copy h3 { margin: 0; color: #8eddf3; font: 400 clamp(15px, 1.15vw, 21px)/1.2 Georgia, "Times New Roman", serif; }
.journey-copy p { max-width: 420px; margin: 10px 0; color: #9bbdcb; font-size: 11.5px; line-height: 1.45; }
.journey-copy a { width: fit-content; padding: 9px 15px; border: 1px solid #27d9f7; border-radius: 999px; color: #eafbff; font-size: 10px; font-weight: 700; text-decoration: none; }
.journey-copy a:hover,.journey-copy a:focus-visible { background: rgba(32, 203, 241, .12); outline: 1px solid #c9fbff; }
.journey-copy > small { margin-top: auto; color: #55dbef; font: 700 8px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .17em; text-transform: uppercase; }
.journey-visual { position:absolute; z-index:0; inset:0; overflow:hidden; background:radial-gradient(ellipse at 50% 48%,rgba(8,106,158,.38),rgba(2,13,23,.25) 48%,rgba(2,13,23,.88) 100%); }
.journey-visual-orbit { background:radial-gradient(circle at 50% 50%,rgba(1,20,34,.05) 0 15%,rgba(0,151,228,.2) 36%,transparent 58%),url('/assets/cloudsystems-orbital-globe-v1.png') 50% 50%/62% auto no-repeat; }
.journey-visual-orbit > i { position: absolute; inset: 14% 0; border: 1px solid rgba(44, 200, 246, .35); border-radius: 50%; transform: rotate(18deg) scaleY(.48); }
.journey-visual-orbit > i:nth-child(2) { inset: 10% -13%; transform: rotate(-20deg) scaleY(.55); }
.journey-visual-orbit > i:nth-child(3) { inset: 20% -20%; transform: rotate(0) scaleY(.36); border-style: dotted; }
.journey-visual-orbit > div { position:absolute; top:50%; left:50%; width:clamp(150px,18%,210px); aspect-ratio:1; transform:translate(-50%,-50%); display:grid; place-items:center; align-content:center; justify-items:center; text-align:center; border:0; border-radius:50%; background:radial-gradient(circle at 50% 44%,rgba(3,37,57,.7) 0%,rgba(2,24,39,.56) 50%,rgba(2,16,28,.24) 70%,transparent 82%); box-shadow:inset 0 0 42px rgba(26,158,207,.16),0 0 34px rgba(25,203,255,.2); }
.journey-visual-orbit > div::before { content:""; position:absolute; inset:2%; border:1px solid rgba(112,235,255,.38); border-radius:50%; box-shadow:inset 0 0 24px rgba(40,199,244,.12),0 0 16px rgba(36,211,255,.16); -webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,.9),rgba(0,0,0,.18) 48%,rgba(0,0,0,.75)); mask-image:linear-gradient(135deg,rgba(0,0,0,.9),rgba(0,0,0,.18) 48%,rgba(0,0,0,.75)); }
.journey-visual-orbit > div > * { position:relative; z-index:1; }
.journey-visual-orbit svg { width: 54px; fill: none; stroke: #8ff4ff; stroke-width: 1.5; filter:drop-shadow(0 0 7px rgba(81,226,255,.32)); }
.journey-visual-orbit strong { width:100%; margin-top: 8px; font: 600 23px/1 Georgia, "Times New Roman", serif; white-space:nowrap; }
.journey-visual-orbit small { margin-top: 8px; color: #5fe6fb; font: 700 8px/1 ui-monospace, monospace; letter-spacing: .18em; text-transform: uppercase; }
.journey-door { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,14,24,.74), transparent 45%, rgba(2,14,24,.72)), url('/assets/architectural-portal-background.png') center/cover no-repeat; }
.journey-door::after { content: none; }
.journey-planet { position:absolute; inset:0; background:url('/assets/cloudsystems-planet-horizon-v1.png') 52% bottom/105% auto no-repeat; filter:drop-shadow(0 -8px 20px rgba(44,199,255,.36)); }
.journey-steps { position:relative; z-index:2; grid-column:3; margin:0; padding:clamp(8px,.8vw,16px) clamp(16px,1.7vw,30px) clamp(8px,.8vw,16px) 8px; display:grid; align-content:center; gap:0; list-style:none; }
.journey-steps li { min-height: clamp(44px,2.6vw,58px); display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 10px; border-bottom: 1px solid rgba(68, 177, 215, .24); }
.journey-steps li:last-child { border-bottom: 0; }
.journey-steps i { width: clamp(34px,2.5vw,42px); height: clamp(34px,2.5vw,42px); display: grid; place-items: center; border: 1px solid #31d9f8; border-radius: 50%; color: #6feaff; }
.journey-steps svg { width: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.journey-steps strong,.journey-steps small { display: block; }
.journey-steps strong { color: #eaf8fb; font-size: 12px; }
.journey-steps small { margin-top: 3px; color: #8fb4c3; font-size: 10.5px; }
.journey-rail { position: absolute; right: calc(100% + 38px); top: 12%; bottom: 12%; width: 52px; display: grid; grid-template-rows: repeat(3, 1fr); }
.journey-rail::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 34px; width: 1px; background: linear-gradient(#35ddfa, #286783); }
.journey-rail button { position: relative; z-index: 1; display: grid; grid-template-columns: 22px 22px; align-items: center; gap: 8px; padding: 0; border: 0; background: transparent; color: #7f9daa; font: 700 10px/1 ui-monospace, monospace; cursor: pointer; }
.journey-rail button i { width: 10px; height: 10px; justify-self: center; border: 1px solid #3ab8e7; border-radius: 50%; background: #06131f; transition: background .3s ease, box-shadow .3s ease; }
.journey-rail button[aria-current="step"] { color: #70eafa; }
.journey-rail button[aria-current="step"] i { width: 16px; height: 16px; background: #dffeff; box-shadow: 0 0 0 4px rgba(49, 215, 250, .24), 0 0 15px #34d9ff; }
.journey-controls { position: absolute; left: calc(100% + 32px); top: 23%; bottom: 23%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 18px; color: #55ddf5; text-align: center; font: 700 8px/1.45 ui-monospace, monospace; letter-spacing: .18em; text-transform: uppercase; }
.journey-controls button { width: 50px; height: 50px; border: 1px solid #2bd8f7; border-radius: 50%; background: rgba(3, 20, 33, .88); color: #6cecff; font-size: 21px; cursor: pointer; }
.journey-controls button:disabled { opacity: .25; cursor: default; }
.journey-controls button:not(:disabled):hover,.journey-controls button:focus-visible { background: rgba(22, 133, 173, .25); outline: 1px solid #bff8ff; }

.cinematic .site-footer { position:relative; z-index:5; min-height: 76px; padding: 12px max(54px, 8vw); grid-template-columns: 1fr auto auto; gap: 32px; background: rgba(2, 12, 22, .98); }
.cinematic .site-footer .footer-brand span { font-size: 10px; }
.cinematic .site-footer nav { gap: 22px; }
.cinematic .site-footer nav a { font-size: 10px; }
.cinematic .site-footer .copyright { grid-column: auto; border: 0; padding: 0; font: 700 8px/1.5 ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; }

@media (max-width: 1100px) {
  .cinematic .solution-journey#platform { width: calc(100vw - 170px); padding: 0; }
  .journey-card-panel { grid-template-columns: 42% 28% 30%; }
  .journey-controls { left: calc(100% + 12px); }
  .journey-rail { right: calc(100% + 12px); }
}
@media (max-width: 760px) {
  .cinematic .home-showcase-deck,.cinematic .cta-studio-section,.cinematic .signal-bar { display: none !important; }
  .cinematic .solution-journey#platform { --compact-row: 84px; width: calc(100vw - 28px); height: min(860px, 88svh); margin-block: 22px 30px; padding: 0; }
  .journey-stack { gap: 6px; }
  .journey-rail { display: none; }
  .journey-controls { position: absolute; left: 50%; top: auto; bottom: 12px; flex-direction: row; transform: translateX(-50%); z-index: 20; }
  .journey-controls span { display: none; }
  .journey-controls button { width: 40px; height: 40px; transform: rotate(-90deg); }
  .journey-card-summary { grid-template-columns: 1fr 34px; padding: 18px; }
  .journey-card-summary .journey-number { top: 13px; left: 18px; font-size: 7px; }
  .journey-card-summary strong { font-size: 20px; }
  .journey-card-summary small { display: none; }
  .journey-card:not(.is-active) .journey-card-summary strong { visibility: visible; }
  .journey-card:not(.is-active) .journey-card-panel { opacity: 0; }
  .journey-card-summary i { grid-column: 2; grid-row: 1; width: 32px; height: 32px; }
  .journey-card-panel { display: block; overflow-y: auto; padding-bottom: 72px; }
  .journey-copy { min-height: 420px; padding: 28px 24px; }
  .journey-copy h2 { font-size: 38px; }
  .journey-visual { min-height: 320px; }
  .journey-steps { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .journey-stack,.journey-card,.journey-card-panel { transition: none !important; }
}

@media (min-width: 761px) and (max-width: 980px) {
  .cinematic .site-header { height: auto; padding: 14px 18px 10px; }
  .cinematic .site-header .primary-nav { margin: 0; }
  .cinematic .site-footer { grid-template-columns: minmax(0,1fr); padding: 28px 24px 88px; }
}

/* Phone layout: keep every journey readable instead of projecting large desktop
   cards into a short, clipped touch viewport. The desktop wheel is unchanged. */
@media (max-width: 760px) {
  .cinematic .hero { display: flex; flex-direction: column; width: calc(100% - 36px); height: auto; min-height: 0; padding: 36px 0 24px; gap: 28px; }
  .cinematic .hero-copy { order: -1; padding: 0; }
  .cinematic .hero .cinema-stage { position: relative; inset: auto; order: 1; width: 100%; height: 390px; overflow: hidden; }
  .cinematic .hero .workflow { display: none; }
  .cinematic .hero h1 { font-size: clamp(42px, 11.8vw, 64px); }
  .cinematic .hero-intro { font-size: 15px; line-height: 1.7; }
  .cinematic .hero-product-orbit { order: 1; position: relative; top: auto; right: auto; width: 100%; height: 390px; transform: none; margin: 0; }
  .cinematic .hero-product-orbit .hero-orbit-card { height: 340px; margin-top: -170px; }
  .cinematic .hero-product-orbit .hero-orbit-card-face { padding: 18px 16px; }
  .cinematic .hero-product-orbit .hero-orbit-card h2 { font-family: Georgia,serif; font-size: 24px; line-height: 1.1; min-height: 0; margin: 18px 0 14px; }
  .cinematic .hero-product-orbit .hero-orbit-card p { font-size: 12px; line-height: 1.5; min-height: 0; }
  .cinematic .hero-product-orbit .hero-orbit-card-face > ul { display: grid; gap: 10px; margin: auto 0 0; padding: 14px 0 0; border-top: 1px solid rgba(86,207,240,.2); list-style: none; }
  .cinematic .hero-product-orbit .hero-orbit-card li { display: grid; grid-template-columns: 15px 1fr; gap: 8px; align-items: start; font-size: 12px; line-height: 1.3; }
  .cinematic .hero-product-orbit .hero-orbit-feature-icon { width: 15px; height: 15px; fill: none; stroke: #43e2fa; stroke-width: 1.6; }
  .cinematic .hero-product-orbit .hero-orbit-card-footer { display: none !important; }
  .cinematic .hero-product-orbit .hero-orbit-identity { display: none; }
  .cinematic .hero-product-orbit .hero-orbit-world { top: 44%; }
  .cinematic .hero-product-orbit .hero-orbit-controls { bottom: 4px; }
  .cinematic .hero-product-orbit .hero-orbit-controls > button { width: 44px; height: 44px; }
  .cinematic .hero-product-orbit .hero-orbit-pagination { gap: 4px; }
  .cinematic .hero-product-orbit .hero-orbit-pagination button { min-height: 36px; width: 17px; }
  .cinematic .hero-product-orbit .hero-orbit-pagination button.is-active { width: 23px; }
  .cinematic .hero .izwi-signature { display: none; }
  .cinematic .solution-journey#platform { width: calc(100% - 28px); height: auto; margin: 24px auto 36px; padding: 0; }
  .solution-journey .journey-stack, .solution-journey.is-vertical-orbit .journey-stack { display: grid; grid-template-rows: none !important; grid-auto-rows: auto; height: auto; gap: 20px; perspective: none; }
  .solution-journey .journey-card, .solution-journey.is-vertical-orbit .journey-card { position: relative; top: auto; left: auto; width: 100%; height: auto; min-height: 0; margin: 0; transform: none !important; opacity: 1 !important; pointer-events: auto !important; border-color: rgba(64,188,229,.65); }
  .solution-journey .journey-card-summary, .solution-journey .journey-controls, .solution-journey .journey-rail { display: none; }
  .solution-journey .journey-card-panel { display: flex; flex-direction: column; height: auto; overflow: visible; padding: 0; opacity: 1 !important; }
  .solution-journey .journey-card-panel::before { background: linear-gradient(180deg,rgba(2,18,31,.84),rgba(2,18,31,.42) 48%,rgba(2,18,31,.94)); }
  .solution-journey .journey-card .journey-copy, .solution-journey.is-vertical-orbit .journey-card .journey-copy { min-height: 0; padding: 26px 22px; }
  .solution-journey .journey-card .journey-copy h2, .solution-journey.is-vertical-orbit .journey-card .journey-copy h2 { font-size: 32px; line-height: 1.05; margin: 14px 0 8px; }
  .solution-journey .journey-card .journey-copy h3, .solution-journey.is-vertical-orbit .journey-card .journey-copy h3 { font-size: 20px; line-height: 1.25; }
  .solution-journey .journey-card .journey-copy p { display: block; font-size: 14px; margin: 18px 0; }
  .solution-journey .journey-card .journey-copy a { display: inline-flex !important; align-items: center; gap: 8px; min-height: 44px; padding: 10px 16px; font-size: 12px; }
  .solution-journey .journey-card .journey-copy > span { display: block; }
  .solution-journey .journey-card .journey-copy > small { display: block; margin-top: 20px; }
  .solution-journey .journey-visual { min-height: 0; background-size: auto 75%; opacity: .65; }
  .solution-journey .journey-visual-orbit > div { display: none; }
  .solution-journey .journey-card .journey-steps, .solution-journey.is-vertical-orbit .journey-card .journey-steps { display: grid; grid-template-columns: 1fr; padding: 0 22px 24px; gap: 0; }
  .solution-journey .journey-card .journey-steps li, .solution-journey.is-vertical-orbit .journey-card .journey-steps li { min-height: 62px; grid-template-columns: 40px 1fr; gap: 12px; border-bottom: 1px solid rgba(68,177,215,.24); }
  .solution-journey .journey-card .journey-steps i { width: 38px; height: 38px; }
  .solution-journey .journey-card .journey-steps svg { width: 20px; }
  .solution-journey .journey-card .journey-steps strong, .solution-journey.is-vertical-orbit .journey-card .journey-steps strong { font-size: 13px; }
  .solution-journey .journey-card .journey-steps small, .solution-journey.is-vertical-orbit .journey-card .journey-steps small { display: block; font-size: 12px; }
  .cinematic .site-footer { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 28px 20px 88px; }
  .cinematic .site-footer nav { justify-content: flex-start; gap: 12px 20px; }
  .cinematic .site-footer nav a { font-size: 12px; min-height: 36px; display: inline-flex; align-items: center; }
  .cinematic .site-footer .copyright { grid-column: 1; max-width: 100%; overflow-wrap: anywhere; }
}
/* Source: home-seamless-background.css */
/* Development background-only treatment. Card geometry, content and motion
   remain in their existing styles/scripts, without changes. */
.cinematic .home-seamless main {
  position: relative;
  isolation: isolate;
  background: linear-gradient(180deg,#03111f 0%,#03111f 42%,#020d18 73%,#020b15 100%);
}
.cinematic .home-seamless main::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg,transparent 0%,transparent 42%,#000 65%,#000 100%);
  mask-image: linear-gradient(180deg,transparent 0%,transparent 42%,#000 65%,#000 100%);
  background:
    radial-gradient(circle at 7% 48%,#67d8ee55 0 .7px,transparent 1.6px),
    radial-gradient(circle at 92% 54%,#65cce839 0 .7px,transparent 1.6px),
    radial-gradient(circle at 14% 79%,#65cce82b 0 .7px,transparent 1.6px),
    radial-gradient(circle at 81% 88%,#65cce82b 0 .7px,transparent 1.6px),
    radial-gradient(ellipse 64% 36% at 51% 43%,#0076aa16,transparent 80%),
    radial-gradient(ellipse 48% 30% at 4% 62%,#07537e12,transparent 82%);
}
.cinematic .home-seamless .solution-journey#platform {
  background: none;
}
.cinematic .home-seamless .solution-journey::before,
.cinematic .home-seamless .solution-journey::after {
  content: none;
  background: none;
}
/* Continue the hero's existing bottom fade into the shared atmosphere. */
@media(min-width:851px) {
  .cinematic .home-seamless .hero::after {
    z-index: 3;
    background: linear-gradient(180deg,transparent 0%,rgba(3,17,31,.32) 48%,#03111f 100%);
  }
}
/* The phone hero has different source backdrops; fade them into the same base. */
@media(max-width:850px) {
  .cinematic .home-seamless .hero {
    background: transparent;
  }
}
/* Source: home-cosmic-scene.css */
/* Responsive procedural scene. All light is behind the existing cards. */
.cinematic .home-seamless main {
  background:linear-gradient(180deg,#03111f 0%,#03111f 39%,#020c16 63%,#020b15 100%);
}
.home-cosmic-scene {
  position:absolute;
  z-index:-1;
  left:0;
  width:100%;
  pointer-events:none;
  display:block;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 82%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 82%,transparent 100%);
}
@media(max-width:760px){.home-cosmic-scene{opacity:.65;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 75%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 75%,transparent)}}