.platform-page{background:#fff}.platform-page .site-header nav a[aria-current=page]{color:var(--blue)}
.platform-hero{padding:80px 0 92px;overflow:hidden;background:linear-gradient(130deg,#f1f6fc,#fff 54%,#eef9fc)}.platform-hero-grid{display:grid;grid-template-columns:46% 54%;gap:55px;align-items:center}.platform-hero h1{font-size:clamp(50px,5.2vw,72px);line-height:1.03;letter-spacing:-.052em;color:var(--navy);margin:0 0 24px}.platform-hero h1 em{font-style:normal;color:var(--blue)}.platform-hero-grid>div:first-child>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:620px}.real-product-stage{height:500px;position:relative}.real-browser{position:absolute;left:0;top:28px;width:600px;height:385px;background:#fff;border:7px solid var(--navy);border-radius:20px;box-shadow:0 34px 80px rgba(7,43,92,.2);overflow:hidden}.browser-bar{height:35px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:6px;color:#7a899e;font-size:8px}.browser-bar i,.screen-top i{width:7px;height:7px;border-radius:50%;background:#cfd9e6}.browser-bar i:first-child,.screen-top i:first-child{background:#ff806d}.browser-bar span{margin-left:8px}.real-browser img{width:100%;height:calc(100% - 35px);object-fit:cover;object-position:center 12%}.real-phone{position:absolute;right:-20px;bottom:0;z-index:3;width:168px;height:330px;background:#fff;border:7px solid var(--navy);border-radius:29px;overflow:hidden;box-shadow:0 28px 60px rgba(7,43,92,.25)}.real-phone:before{content:"";position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);width:64px;height:14px;border-radius:0 0 10px 10px;background:var(--navy)}.real-phone img{width:100%;height:100%;object-fit:cover}.real-tag{position:absolute;z-index:4;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;box-shadow:0 14px 35px rgba(7,43,92,.15)}.real-tag b{font-size:9px;color:var(--blue)}.real-tag small{font-size:7px;color:#72839a}.tag-live{left:-25px;top:2px}.tag-offline{right:45px;bottom:2px}
.platform-nav{position:sticky;top:82px;z-index:50;background:rgba(255,255,255,.94);border-block:1px solid var(--line);backdrop-filter:blur(15px)}.platform-nav .container{display:flex;justify-content:center;gap:55px}.platform-nav a{padding:16px 4px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#576b84}.platform-nav a:hover{color:var(--blue)}
.platform-intro{padding:100px 0;text-align:center}.platform-intro h2,.feature-copy h2,.platform-heading h2,.platform-security h2{font-size:clamp(38px,4.2vw,54px);line-height:1.08;letter-spacing:-.045em;color:var(--navy);margin:0 0 18px}.platform-intro>.container>p:last-of-type{font-size:17px;color:var(--muted);max-width:720px;margin:0 auto}.journey{margin-top:55px;display:flex;justify-content:center;align-items:center;gap:18px}.journey span{width:145px;height:74px;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:850;color:var(--navy);background:#fff;box-shadow:0 10px 28px rgba(7,43,92,.06)}.journey span b{font-size:9px;color:var(--blue)}.journey i{font-style:normal;color:#9cb0c8}
.platform-feature{padding:110px 0}.platform-feature.alt{background:var(--soft)}.feature-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:center}.feature-grid.reverse{grid-template-columns:1.18fr .82fr}.feature-copy{position:relative}.feature-number{display:block;font-size:70px;line-height:1;color:#e6edf6;font-weight:900;margin-bottom:-30px}.feature-copy>p:not(.eyebrow){font-size:16px;color:var(--muted)}.feature-copy ul{list-style:none;padding:0;margin:25px 0}.feature-copy li{position:relative;padding-left:27px;margin:11px 0;color:#536981;font-size:14px}.feature-copy li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}.feature-copy>a{font-size:12px;font-weight:850;color:var(--blue);text-transform:uppercase;letter-spacing:.05em}.screen-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:0 27px 70px rgba(7,43,92,.14)}.screen-top{height:36px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid var(--line);color:#78899e;font-size:8px}.screen-top span{margin-left:8px}.screen-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 9%}.screen-card figcaption{padding:11px 16px;color:#6f8197;font-size:9px;border-top:1px solid var(--line)}.map-screen>img{object-position:center 8%}
.mobile-showcase{height:590px;position:relative;background:radial-gradient(circle,#d8f7fb 0,transparent 63%)}.mobile-shot{position:absolute;width:190px;height:410px;border:7px solid var(--navy);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 30px 65px rgba(7,43,92,.2)}.mobile-shot:before{content:"";position:absolute;z-index:2;left:50%;top:0;transform:translateX(-50%);width:70px;height:15px;background:var(--navy);border-radius:0 0 10px 10px}.mobile-shot img{width:100%;height:100%;object-fit:cover}.shot-one{left:20px;top:90px;transform:rotate(-7deg)}.shot-two{left:50%;top:20px;transform:translateX(-50%);z-index:3}.shot-three{right:20px;top:100px;transform:rotate(7deg)}
.analytics-stack{position:relative;min-height:470px}.analytics-stack>.screen-card:first-child{width:94%}.analytics-stack .small-screen{position:absolute;width:58%;right:0;bottom:0;border:5px solid #fff}.analytics-stack .small-screen img{aspect-ratio:16/9;object-fit:cover;object-position:center 10%}
.platform-capabilities{padding:105px 0;background:linear-gradient(120deg,var(--navy),#0b4fa8);color:#fff}.platform-heading{text-align:center;max-width:750px;margin:0 auto 50px}.platform-heading h2{color:#fff}.platform-heading>p:last-child{color:#c9d7e8}.platform-cap-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(255,255,255,.18);border-radius:20px;overflow:hidden}.platform-cap-grid article{min-height:205px;padding:27px 20px;border-right:1px solid rgba(255,255,255,.18)}.platform-cap-grid article:last-child{border:0}.platform-cap-grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(32,200,220,.16);color:#8cebf5;font-style:normal;font-size:21px}.platform-cap-grid h3{font-size:16px;margin:30px 0 8px}.platform-cap-grid p{font-size:11px;color:#bdcce0;margin:0}.platform-security{padding:90px 0;background:#eef5fb}.platform-security>.container{display:grid;grid-template-columns:1fr 1.15fr auto;gap:55px;align-items:center}.platform-security h2{font-size:38px}.platform-security>div>div:first-child>p:last-child{color:var(--muted)}.security-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.security-points span{background:#fff;border:1px solid var(--line);padding:14px;border-radius:12px;display:flex;flex-direction:column}.security-points b{font-size:12px;color:var(--navy)}.security-points small{font-size:9px;color:#718299}
@media(max-width:1050px){.platform-hero-grid{grid-template-columns:1fr}.real-product-stage{width:min(100%,680px);margin:auto}.feature-grid,.feature-grid.reverse{grid-template-columns:1fr;gap:55px}.platform-cap-grid{grid-template-columns:repeat(3,1fr)}.platform-cap-grid article{border-bottom:1px solid rgba(255,255,255,.18)}.platform-cap-grid article:nth-child(3n){border-right:0}.platform-cap-grid article:nth-child(n+4){border-bottom:0}.platform-security>.container{grid-template-columns:1fr 1fr}.platform-security .button{grid-column:1/3;width:max-content}.platform-nav .container{gap:30px}}
@media(max-width:650px){.platform-hero{padding:55px 0 70px}.platform-hero h1{font-size:43px}.real-product-stage{height:390px;transform:scale(.72);transform-origin:left top;width:139%;margin-bottom:-105px}.platform-nav{top:72px;overflow-x:auto}.platform-nav .container{justify-content:flex-start;gap:27px;width:max-content;padding-inline:18px}.platform-intro{padding:72px 0}.journey{justify-content:flex-start;overflow-x:auto;padding-bottom:12px}.journey span{flex:0 0 130px}.platform-feature{padding:75px 0}.feature-number{font-size:58px}.mobile-showcase{height:480px;transform:scale(.78);transform-origin:left top;width:128%;margin-bottom:-105px}.mobile-shot{width:170px;height:370px}.shot-one{left:0}.shot-three{right:0}.analytics-stack{min-height:340px}.platform-cap-grid{grid-template-columns:1fr 1fr}.platform-cap-grid article{border-right:1px solid rgba(255,255,255,.18)!important;border-bottom:1px solid rgba(255,255,255,.18)!important}.platform-cap-grid article:nth-child(2n){border-right:0!important}.platform-cap-grid article:nth-child(n+5){border-bottom:0!important}.platform-security>.container{grid-template-columns:1fr}.platform-security .button{grid-column:auto}.security-points{grid-template-columns:1fr}.platform-intro h2,.feature-copy h2,.platform-heading h2,.platform-security h2{font-size:37px}}
@media(max-width:420px){.real-product-stage{transform:scale(.62);width:161%;margin-bottom:-150px}.mobile-showcase{transform:scale(.68);width:147%;margin-bottom:-150px}.platform-cap-grid{grid-template-columns:1fr}.platform-cap-grid article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important}.platform-cap-grid article:last-child{border-bottom:0!important}}