.platform-hero{position:relative;overflow:hidden;padding:80px 0 100px;background:radial-gradient(circle at 90% 10%,rgba(24,183,167,.19),transparent 27%),radial-gradient(circle at 5% 90%,rgba(103,75,246,.13),transparent 25%),linear-gradient(180deg,#f4f8fc,#fff)}.platform-hero>.container{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:52px;align-items:center}.platform-hero h1{font-size:clamp(48px,6vw,76px)}.platform-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.platform-chips span{padding:7px 11px;border:1px solid #d7e1ec;border-radius:30px;background:rgba(255,255,255,.75);color:#43516a;font-size:12px}.platform-hero-product{position:relative;min-height:560px}.platform-window{position:absolute;inset:30px 0 25px;border:1px solid #d7e1ec;border-radius:24px;background:#fff;box-shadow:0 40px 85px rgba(14,32,68,.2);overflow:hidden;transform:perspective(1400px) rotateY(-3deg)}.platform-window-top{height:43px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #dfe6ef;background:#f0f4f8}.platform-window-top i{width:9px;height:9px;border-radius:50%;background:#c8d3df}.platform-window-top b{margin:auto;color:#8a96a9;font-size:10px;font-weight:500}.platform-ui{display:grid;grid-template-columns:116px 1fr;height:calc(100% - 43px)}.platform-ui aside{padding:19px 12px;background:#0b1739}.platform-ui aside img{margin-bottom:25px}.platform-ui aside span{display:block;width:84%;height:8px;margin:18px 0;border-radius:5px;background:rgba(255,255,255,.15)}.platform-dashboard{padding:27px 24px;background:#f8fafc}.platform-dashboard-head{display:flex;justify-content:space-between;align-items:center}.platform-dashboard-head small,.platform-dashboard-head strong{display:block}.platform-dashboard-head small{color:#7d899d;font-size:9px;letter-spacing:.08em}.platform-dashboard-head strong{font-size:22px}.platform-dashboard-head em{width:62px;height:62px;display:grid;place-items:center;border:7px solid #22b5a6;border-left-color:#d8e5e9;border-radius:50%;color:#0a776d;font-style:normal;font-size:15px}.platform-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.platform-kpis div{padding:14px;border:1px solid #e0e7ef;border-radius:10px;background:#fff}.platform-kpis small,.platform-kpis b{display:block}.platform-kpis small{color:#78859a;font-size:9px}.platform-kpis b{margin-top:6px;font-size:22px}.platform-progress,.platform-tasks{padding:15px;border:1px solid #e0e7ef;border-radius:11px;background:#fff}.platform-progress>b,.platform-tasks>b{display:block;font-size:11px}.platform-progress>span{display:block;height:8px;margin-top:13px;border-radius:8px;background:#e7edf4;overflow:hidden}.platform-progress>span i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#20b5a6,#6651e9)}.platform-tasks{margin-top:11px}.platform-tasks>span{display:flex;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:9px}.platform-tasks>span:last-child{border-bottom:0}.platform-tasks span i{width:12px;height:12px;border:3px solid #20b5a6;border-radius:50%}.platform-tasks em{margin-left:auto;color:#8a95a6;font-style:normal}.platform-float{position:absolute;z-index:4;padding:14px 17px;border:1px solid #dae3ed;border-radius:13px;background:#fff;box-shadow:0 18px 38px rgba(14,32,68,.16)}.platform-float.one{left:-22px;bottom:5px}.platform-float.two{right:-20px;top:60px}.platform-float b,.platform-float span{display:block}.platform-float b{color:#0b8c80;font-size:25px}.platform-float span{color:#647189;font-size:10px}.platform-change .section-heading{max-width:850px}.before-after{display:grid;grid-template-columns:1fr 65px 1fr;align-items:center}.before-after article{padding:34px;border:1px solid #dce4ed;border-radius:20px}.before-after h3{font-size:25px}.before-after p{display:flex;gap:11px;margin:13px 0;color:#5c6980}.before-after p span{font-weight:650}.before p span{color:#d14f54}.after{background:#effaf8;border-color:#bee5df!important}.after p span{color:#0c8d81}.change-arrow{width:48px;height:48px;display:grid;place-items:center;justify-self:center;border-radius:50%;background:var(--purple);color:#fff;font-size:22px}.platform-model{background:radial-gradient(circle at 90%,rgba(26,189,172,.16),transparent 30%),#0b1739}.platform-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13);border-radius:20px;overflow:hidden}.platform-pillars article{min-height:350px;padding:38px;background:#101e3e}.platform-pillars article:nth-child(2){background:#142646}.platform-pillars article>span{color:#65ded2;font-size:12px}.platform-pillars h3{margin-top:70px;color:#fff;font-size:28px}.platform-pillars p{color:#b9c5d8}.platform-tour>.container{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:center}.platform-tour-copy ul{margin:32px 0 0;padding:0;list-style:none}.platform-tour-copy li{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #dfe5ed;color:#35445e}.platform-tour-copy li span{color:var(--teal);font-size:12px}.platform-screen{position:relative;padding:20px;border-radius:24px;background:linear-gradient(145deg,#e6f6f3,#eeeafe)}.platform-screen img{display:block;width:100%;border:1px solid #d6dfea;border-radius:15px;box-shadow:0 24px 50px rgba(16,35,69,.16)}.screen-callout{position:absolute;right:-18px;bottom:-22px;padding:16px 20px;border:1px solid #dbe3ec;border-radius:13px;background:#fff;box-shadow:0 18px 35px rgba(16,35,69,.15)}.screen-callout b,.screen-callout span{display:block}.screen-callout b{font-size:12px}.screen-callout span{margin-top:5px;color:#7a879a;font-size:10px}.platform-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.platform-module-grid>a{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:25px;border:1px solid #dce3ec;border-radius:16px;background:#fff;transition:.2s}.platform-module-grid>a:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(15,34,69,.09)}.platform-module-grid .icon{margin:0}.platform-module-grid h3{margin-bottom:8px}.platform-module-grid p{margin-bottom:14px;color:var(--muted);font-size:13px}.platform-module-grid a span{color:var(--purple);font-size:13px;font-weight:650}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.outcome-grid article{padding:28px;border-top:3px solid var(--teal);background:#fff}.outcome-grid article>b{color:#98a5b6;font-size:12px}.outcome-grid h3{margin-top:38px}.outcome-grid p{color:var(--muted);font-size:14px}.platform-security .split{align-items:center}.security-visual{position:relative;min-height:390px;padding:52px;border-radius:25px;background:#0b1739}.security-visual>div{width:72%;padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#142544;color:#fff}.security-visual>div:nth-child(2){margin:25px 0 0 auto;background:#18314e}.security-visual span,.security-visual b,.security-visual i{display:block}.security-visual span{color:#6de0d5;font-size:11px;text-transform:uppercase}.security-visual b{margin:7px 0;font-size:19px}.security-visual i{color:#9eabc0;font-size:11px;font-style:normal}.security-visual>strong{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:max-content;padding:9px 13px;border-radius:20px;background:#fff;color:#25344f;font-size:11px}
@media(max-width:1050px){.platform-hero>.container{grid-template-columns:1fr}.platform-hero-product{width:min(720px,100%);margin:auto}.platform-tour>.container{grid-template-columns:1fr}.platform-pillars,.outcome-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.platform-hero{padding-top:55px}.platform-hero-product{min-height:430px}.platform-window{inset:20px 0}.platform-ui{grid-template-columns:72px 1fr}.platform-dashboard{padding:16px 12px}.platform-dashboard-head strong{font-size:16px}.platform-dashboard-head em{width:48px;height:48px}.platform-kpis{gap:5px}.platform-kpis div{padding:9px}.platform-kpis b{font-size:17px}.platform-tasks>span:nth-child(3){display:none}.platform-float{display:none}.before-after{grid-template-columns:1fr}.change-arrow{margin:15px;transform:rotate(90deg)}.platform-pillars,.platform-module-grid,.outcome-grid{grid-template-columns:1fr}.platform-pillars article{min-height:0}.platform-pillars h3{margin-top:35px}.screen-callout{position:static;margin-top:12px}.security-visual{padding:30px 20px}.security-visual>div{width:90%}}
