.systems-section{padding:75px 0;background:radial-gradient(ellipse at 85% 0%,#dce8ff,#f7faff 65%);border-bottom:1px solid #dde6f5;overflow:hidden}.systems-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.systems-section h2{font-size:clamp(30px,3.1vw,46px)}.systems-section p{max-width:470px;margin-top:20px}.system-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;perspective:800px}.system-tile{min-width:0;display:flex;flex-direction:column;align-items:center;padding:27px 12px 25px;border:1px solid #fff;border-radius:20px;background:linear-gradient(145deg,#fff,#edf3ff);box-shadow:0 20px 40px #26467e12,0 1px 0 #d6e2fa;transform:rotateY(-8deg)}.system-tile:nth-child(2){transform:translateY(-15px)}.system-tile:nth-child(3){transform:rotateY(8deg)}.system-logo{height:75px;display:grid;place-items:center;margin-bottom:12px}.system-logo img{width:44px;height:44px;object-fit:contain}.system-apple img{height:100px;width:32px}.system-tile strong{font-size:18px}.system-tile>span{font-size:10px;color:#4b658d;margin-top:8px}.system-tile>span:before{content:'✓';color:#00897b;margin-right:5px}
.ecosystem-section{overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 65%,#264997,#111f40 55%,#0a152d);color:#fff}.ecosystem-section .eyebrow{color:#9fbaff}.ecosystem-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:end}.ecosystem-heading h2{font-size:clamp(36px,4.5vw,64px);line-height:1.12}.ecosystem-heading h2 span{color:#acc5ff}.ecosystem-heading p{color:#b6c8e7;font-size:15px;line-height:1.85;max-width:410px}.ecosystem-map{position:relative;padding-top:50px;margin:0 0 35px}.ecosystem-hub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:245px;height:140px;margin:0 auto 72px;border:1px solid #96baff66;border-radius:23px;background:linear-gradient(140deg,#446bd855,#527bdd22);box-shadow:0 0 90px #648af92a,inset 0 1px 0 #ffffff38;z-index:1}.ecosystem-hub:after{content:'';position:absolute;top:100%;left:50%;height:38px;width:1px;background:#7ea2f3}.ecosystem-hub span{font-size:10px;color:#a7c2f5;margin-top:13px}.integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}.integration-grid:before{content:'';position:absolute;left:12%;right:12%;top:-35px;height:1px;background:linear-gradient(90deg,#7396e65c,#a1bfff,#7396e65c)}.integration{min-width:0;padding:17px 17px 23px;border:1px solid #6c91d746;border-radius:17px;background:#172b51;position:relative;box-shadow:0 20px 35px #0002;transition:transform .25s}.integration:hover{transform:translateY(-5px)}.integration:before{content:'';height:35px;position:absolute;bottom:100%;left:50%;width:1px;background:#83a8ee99}.brand-plate{height:105px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;margin-bottom:22px;padding:19px}.brand-plate img{object-fit:contain;max-width:100%;width:150px;height:54px}.integration-entra img,.integration-intune img{width:54px}.integration-google-workspace img{width:185px}.integration h3{font-size:18px;margin-bottom:10px}.integration p{font-size:11px;color:#b8c8e4;line-height:1.6}.ecosystem-section>.wrap>.text-link{color:#c8d9ff}.editorial .ecosystem-section{background:radial-gradient(ellipse at 50% 65%,#294ba0,#142343 75%)}
.inner-rich{background:radial-gradient(ellipse at 90% 30%,#214387,#111d39 52%,#0a1329);color:#fff;position:relative;overflow:hidden;padding:55px 0 65px}.inner-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center}.inner-intro{position:relative;z-index:2;min-width:0}.inner-rich h1{font-size:clamp(38px,4.4vw,65px);line-height:1.09;letter-spacing:-.045em;max-width:none}.inner-rich .lead{color:#b5c6e6;font-size:16px;max-width:620px}.inner-rich .eyebrow{color:#a3bdff}.inner-rich .breadcrumb{color:#8397b9;margin-bottom:40px}.inner-rich .breadcrumb a{color:#bfcef0}.inner-visual{height:430px;position:relative;display:grid;place-items:center;min-width:0;isolation:isolate}.scene-grid{position:absolute;inset:5%;border-radius:50%;background-image:linear-gradient(#88acff12 1px,transparent 1px),linear-gradient(90deg,#88acff12 1px,transparent 1px);background-size:30px 30px;transform:perspective(400px) rotateX(25deg) rotateZ(-12deg);mask-image:radial-gradient(ellipse,#000,transparent 70%);z-index:-1}.inner-visual:before{content:'';position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(ellipse,#678efe30,transparent 68%);box-shadow:0 0 0 45px #88acff05,0 0 0 90px #88acff04;z-index:-1}.scene-caption{position:absolute;bottom:12px;font-size:8px;letter-spacing:.17em;color:#98b4e7;display:flex;gap:13px;align-items:center}.orbit{position:absolute;width:320px;height:130px;border:1px solid #95baff6b;border-radius:50%;transform:rotate(-29deg);box-shadow:0 0 20px #86aaff0c;pointer-events:none}.orbit.o2{transform:rotate(54deg);width:280px;height:210px;border-color:#739fff30}.glass-shield{height:195px;width:162px;display:grid;place-items:center;border-radius:55px 55px 85px 85px;background:linear-gradient(125deg,#83aaff,#315bd5 50%,#19346f);border:1px solid #bfdaff95;box-shadow:inset 6px 4px 12px #cfdeff48,15px 25px 45px #0004;transform:rotate(-10deg)}.glass-shield img{width:80px;height:100px;filter:drop-shadow(0 8px 14px #0019446b)}.scene-spark{width:12px;height:12px;background:#a8fff3;border-radius:50%;position:absolute;translate:135px -75px;box-shadow:0 0 25px #7feade}
.scene-city{display:flex;gap:12px;align-items:end;transform:rotate(-8deg);position:relative;z-index:1}.scene-city i{height:var(--height);width:43px;border:1px solid #aacaff80;border-radius:6px 6px 2px 2px;background:linear-gradient(100deg,#4a72b9,#83aaf04f 65%,#213c70);box-shadow:12px 15px 30px #00153744;position:relative;transform:skewY(-12deg)}.scene-city i:after{content:'';position:absolute;inset:12px 8px;background:repeating-linear-gradient(0deg,transparent 0 13px,#b1ceff90 14px 17px,transparent 18px)}.scene-floor{position:absolute;width:300px;height:150px;border:1px solid #85a9ef52;border-radius:50%;transform:rotateX(50deg);translate:0 100px;background:#93b5ff0a}.scene-layers{width:190px;height:190px;position:relative;transform:rotateX(48deg) rotateZ(-34deg);transform-style:preserve-3d}.scene-layers>i{position:absolute;inset:0;border-radius:22px;border:1px solid #a9caff;background:linear-gradient(140deg,#b8d3ff,#3f6fd04d);box-shadow:10px 15px 35px #04142d44;transform:translate(0,50px)}.scene-layers>i:nth-child(2){transform:translate(0,0);background:linear-gradient(140deg,#b8d3ff,#3668c5)}.scene-layers>i:nth-child(3){transform:translate(0,-50px);background:linear-gradient(140deg,#ecf6ff,#7ba4ed);display:grid;place-items:center;color:#315bc2;font-size:85px}.scene-connect{width:290px;height:220px;position:relative;display:grid;place-items:center}.scene-connect>i{width:160px;height:160px;border-radius:50%;border:1px solid #c0d9ff87;background:linear-gradient(120deg,#a9d7ec88,#3d71c626);position:absolute;left:0;transform:rotateY(25deg);box-shadow:inset 0 0 35px #91b1ff35,0 15px 40px #04163422}.scene-connect>i:nth-child(2){left:auto;right:0;background:linear-gradient(120deg,#7192f5a1,#2b46b250)}.scene-connect>span{z-index:1;width:75px;height:84px;border:1px solid #c4dcff9c;border-radius:20px;display:grid;place-items:center;background:#335cce;box-shadow:0 0 40px #b2d5ff44}.scene-connect img{width:40px;height:52px}.scene-screen{width:245px;height:180px;border-radius:15px;background:linear-gradient(140deg,#f2f7ff,#c5dafa);border:1px solid #c8deff;box-shadow:17px 20px 0 -7px #3864a6,22px 35px 50px #0003;transform:perspective(550px) rotateY(-20deg) rotateZ(-7deg);padding:20px;position:relative;z-index:1}.screen-dots{display:flex;gap:5px}.screen-dots i{width:5px;height:5px;border-radius:50%;background:#8ca9d4}.screen-bars{display:flex;align-items:end;gap:12px;height:100px;margin-top:15px}.screen-bars i{flex:1;height:35%;background:linear-gradient(#91b2ff,#3b5bdb);border-radius:5px}.screen-bars i:nth-child(2){height:48%}.screen-bars i:nth-child(3){height:61%}.screen-bars i:nth-child(4){height:80%}.screen-bars i:nth-child(5){height:100%;background:linear-gradient(#9edacd,#00897b)}.scene-screen>span{position:absolute;right:-19px;top:-18px;display:grid;place-items:center;border-radius:50%;width:52px;height:52px;background:#daf5ed;border:1px solid #82c2b1;color:#00897b;font-size:25px}
.rich-details{gap:24px}.rich-details .detail-feature{padding:0 30px 33px;border:1px solid #dce5f6;border-radius:18px;background:#f4f7fe;overflow:hidden}.detail-art{height:230px;margin:0 -30px 27px;position:relative;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#c2d6fb,#e8f0ff 68%);overflow:hidden}.detail-art>*{scale:.72}.detail-art .orbit{border-color:#4677c66b}.detail-tone-1 .detail-art{background:radial-gradient(ellipse at 50% 70%,#365ab1,#122343 75%)}.detail-tone-2 .detail-art{background:radial-gradient(ellipse,#abd7d4,#edf7f4 80%)}.detail-feature h3{font-size:26px;letter-spacing:-.025em}.detail-feature p{font-size:14px}.detail-feature .eyebrow{color:#5275bd;font-size:10px;margin-bottom:13px}.rich-contact{gap:65px;align-items:start}.rich-contact aside{padding:35px 0;position:sticky;top:105px}.rich-contact aside h2{font-size:clamp(36px,3.7vw,54px)}.rich-contact .form-card{border:1px solid #d7e2f8;border-radius:22px;background:linear-gradient(155deg,#fff,#f3f7ff);box-shadow:0 24px 70px #24477914;padding:40px;position:relative;overflow:hidden}.rich-contact .form-card:before{content:'';height:5px;background:linear-gradient(90deg,#3b5bdb,#78a5f5,#00897b);position:absolute;top:0;left:0;right:0}.rich-contact .checks{padding:20px;border:1px solid #d6e4f8;border-radius:15px;background:#fff;box-shadow:0 12px 30px #2b518310;margin-top:27px}.rich-contact input,.rich-contact select,.rich-contact textarea{background:#fff;border-color:#c9d8f1;border-radius:9px}.rich-contact .step{padding:20px;border:1px solid #d4e0f3;background:#fff;border-radius:13px}.rich-contact .steps{gap:13px;margin-top:30px}.rich-legal{padding:45px;max-width:900px;background:#f5f8ff;border:1px solid #d6e3f5;border-radius:22px;box-shadow:0 25px 70px #2144780b}.rich-legal h2{padding-top:20px;border-top:1px solid #d8e3f5}.rich-legal h2:first-child{border:0;padding-top:0}.resources-stage .search{background:#fff;box-shadow:0 8px 22px #284a8209;border-radius:12px}.editorial .inner-rich{background:radial-gradient(ellipse at 90% 30%,#d3e4ff,#f3f7ff 65%);color:var(--ink)}.editorial .inner-rich .lead{color:#526789}.editorial .inner-rich .eyebrow,.editorial .inner-rich .breadcrumb a{color:#3b5bdb}.editorial .inner-visual{background:radial-gradient(ellipse,#2e509b,#122447 70%);border-radius:28px}.editorial .inner-rich .breadcrumb{color:#6b7c9b}
@media(max-width:1000px){.systems-layout{gap:25px}.system-tiles{gap:10px}.ecosystem-heading{gap:35px}.integration-grid{gap:12px}.integration{padding:12px 12px 22px}.integration h3{font-size:16px}.inner-grid{grid-template-columns:1.3fr 1fr;gap:10px}.inner-visual{height:380px}.inner-visual>*:not(.scene-grid):not(.scene-caption){scale:.83}.rich-contact{gap:35px}.rich-contact .form-card{padding:30px}.scene-caption{font-size:6px}}
@media(max-width:760px){.systems-layout{grid-template-columns:1fr;gap:40px}.system-tiles{max-width:540px;width:100%;margin:auto}.ecosystem-heading{grid-template-columns:1fr;gap:22px}.ecosystem-heading p{max-width:580px}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.integration:before,.integration-grid:before{display:none}.ecosystem-hub{margin-bottom:40px}.ecosystem-hub:after{height:40px}.inner-grid{grid-template-columns:1fr}.inner-rich h1{font-size:clamp(37px,7vw,55px)}.inner-visual{height:300px;margin-top:15px}.inner-visual:before{width:230px;height:230px}.inner-rich .breadcrumb{margin-bottom:30px}.inner-rich{padding:35px 0}.inner-rich .lead{font-size:15px}.scene-caption{bottom:0;font-size:7px}.rich-contact{grid-template-columns:1fr}.rich-contact aside{position:static;padding:0}.rich-legal{padding:30px}.editorial .inner-visual{margin-top:30px}.editorial .scene-caption{bottom:16px}}
@media(max-width:440px){.systems-section{padding:55px 0}.system-tiles{gap:8px}.system-tile{padding:18px 7px;border-radius:14px;transform:none!important}.system-tile strong{font-size:13px}.system-tile>span{font-size:8px}.system-logo img{width:33px;height:33px}.system-apple img{height:82px;width:26px}.system-logo{height:63px;margin-bottom:6px}.ecosystem-heading h2{font-size:37px}.integration-grid{gap:12px}.brand-plate{height:82px;padding:12px}.brand-plate img{height:43px}.integration h3{font-size:14px}.integration p{font-size:10px}.ecosystem-hub{width:220px}.inner-visual{height:280px}.inner-visual>*:not(.scene-grid):not(.scene-caption){scale:.72}.inner-rich h1{font-size:35px}.rich-contact .form-card{padding:24px 18px}.rich-contact .form-card h2{font-size:30px}.rich-legal{padding:23px}.detail-feature h3{font-size:26px}.scene-caption{letter-spacing:.1em;font-size:6px}}
.demo-scene[hidden]{display:none!important}.demo-scene{animation:demo-arrive .55s ease both;min-height:255px}.rollout-scene{border:1px solid #dbe5f5;border-radius:13px;background:linear-gradient(140deg,#fff,#f1f6ff);padding:24px}.rollout-header{display:flex;gap:15px;align-items:center;margin-bottom:22px}.rollout-header h4{font-size:18px;margin:0 0 5px}.rollout-header p{font-size:11px;margin:0;color:#687d9e}.rollout-header>.badge{margin-left:auto}.demo-symbol{display:grid;place-items:center;width:42px;height:42px;background:#e5edff;color:#3b5bdb;border-radius:12px;font-size:25px}.rollout-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #dfe8f7}.rollout-icon{font-size:21px;color:#476bc7}.rollout-row strong{font-size:12px}.rollout-row small{display:block;color:#6c7e9c;font-size:9px;margin-top:4px}.rollout-track{height:7px;background:#dce6f7;border-radius:10px;overflow:hidden;flex:1;margin-left:25px}.rollout-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#3b5bdb,#2aa894);transform-origin:left;animation:rollout-progress 1.5s calc(var(--order)*.3s) both}.rollout-check{color:#00897b;animation:demo-arrive .4s calc(1.2s + var(--order)*.3s) both}.scene-foot{font-size:10px;color:#3e6099;letter-spacing:.07em;margin-top:16px}.proof-scene{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;padding:10px 20px}.proof-document{position:relative;border:1px solid #d6e1f3;border-radius:10px;background:#fff;box-shadow:10px 12px 0 -2px #e5edfa;padding:23px;animation:proof-unfold .65s ease both}.proof-kicker{font-size:8px;letter-spacing:.1em;color:#5778b5}.proof-document h4{font-size:22px;line-height:1.25;margin:18px 0}.proof-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e2e9f6;font-size:10px}.proof-row>span:last-child{color:#00897b}.proof-stamp{position:absolute;right:-14px;top:-10px;background:#def6ee;border:1px solid #9ad3c1;color:#00897b;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:23px;animation:demo-arrive .5s .5s both}.proof-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.proof-ring{width:85px;height:85px;border:8px solid #d5eee8;border-top-color:#00897b;border-right-color:#3b5bdb;border-radius:50%;display:grid;place-items:center;margin-bottom:20px;animation:proof-unfold .9s ease both}.proof-ring span{font-size:28px;color:#00897b}.proof-summary h4{font-size:20px;margin:0 0 10px}.proof-summary p{font-size:12px;max-width:220px;color:#637796}.proof-summary .text-link{font-size:11px;margin-top:17px}.demo-scene[data-scene="0"] svg>path:last-child{stroke-dasharray:650;stroke-dashoffset:650;animation:chart-trace 1.5s ease forwards}.nav a[aria-current=page]{color:#3b5bdb}.article h3 a:hover{text-decoration:underline;text-underline-offset:4px}.feature-card:has(>a),.audience{position:relative}.feature-card>a:after,.audience>a:after{content:'';position:absolute;inset:0}.feature-card:focus-within,.audience:focus-within{outline:2px solid #3b5bdb;outline-offset:4px}
@keyframes demo-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes rollout-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes proof-unfold{from{opacity:0;transform:perspective(800px) rotateX(12deg) translateY(14px)}to{opacity:1;transform:none}}@keyframes chart-trace{to{stroke-dashoffset:0}}
@media(max-width:600px){.rollout-scene{padding:16px}.rollout-header{gap:10px;flex-wrap:wrap}.rollout-header>.badge{display:none}.rollout-row{gap:9px;flex-wrap:wrap}.rollout-track{min-width:55px;margin-left:0}.rollout-row strong{font-size:11px}.rollout-row small{font-size:8px}.proof-scene{grid-template-columns:1fr;padding:10px 5px;gap:30px}.proof-summary{padding:15px}.proof-document{padding:20px}.proof-row{font-size:9px}.proof-ring{width:65px;height:65px;margin-bottom:15px}.demo-scene{min-height:0}}
@media(prefers-reduced-motion:reduce){.demo-scene svg>path:last-child{stroke-dashoffset:0}}
.journey-section .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,80px)}
.journey-section .split>*{min-width:0}
.journey-section .step:nth-child(n){transform:none;min-width:0;grid-template-columns:43px minmax(0,1fr)}
.journey-section .steps:before{display:none}
.journey-section .step:not(:last-child):after{content:'';position:absolute;top:100%;left:44px;width:1px;height:20px;background:#bfd0f5}
.journey-section h2{font-size:clamp(38px,4.1vw,58px);overflow-wrap:break-word}
.journey-section .step h3,.journey-section .step p{overflow-wrap:break-word}
@media(max-width:1100px){.journey-section .step:not(:last-child):after{left:39px}}
@media(max-width:850px){.journey-section .split{grid-template-columns:minmax(0,1fr);gap:45px}.journey-section .steps{max-width:none}}
@media(max-width:540px){.journey-section .step:nth-child(n){grid-template-columns:34px minmax(0,1fr)}.journey-section .step:not(:last-child):after{left:35px}.journey-section h2{font-size:38px}}