.platform-hero{padding:62px 0 42px;overflow:hidden}
.platform-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:64px;align-items:center}
.platform-hero h1{font-size:clamp(40px,5.3vw,66px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 20px}
.platform-hero p{color:var(--ink-2);font-size:18px;line-height:1.7;max-width:650px;margin:0 0 26px}
.platform-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.platform-note{font-size:12.5px;color:var(--ink-3);margin-top:12px}
.platform-preview{position:relative;width:380px;max-width:100%;margin:0 auto;justify-self:center}
.platform-phone{position:relative;aspect-ratio:9/16;border:10px solid #131722;border-radius:38px;overflow:hidden;background:linear-gradient(155deg,#181b2c 0%,#323b6b 52%,#d96dba 100%);box-shadow:0 28px 70px rgba(32,24,72,.25)}
.platform-phone::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.24),transparent 32%),linear-gradient(180deg,transparent 52%,rgba(4,7,18,.72));}
.phone-top{position:absolute;z-index:2;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:12px;font-weight:700}
.phone-avatar{display:flex;align-items:center;gap:8px}.phone-avatar i{display:block;width:28px;height:28px;border-radius:50%;background:var(--grad)}
.phone-caption{position:absolute;z-index:2;left:20px;right:20px;bottom:27%;text-align:center;color:#fff;font-family:var(--display);font-size:29px;font-weight:900;line-height:1.05;text-transform:uppercase;text-shadow:0 3px 12px rgba(0,0,0,.45)}
.phone-caption mark{color:#ffe45e;background:transparent}
.phone-controls{position:absolute;z-index:2;right:14px;bottom:58px;display:grid;gap:13px}.phone-controls span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.26);color:#fff;font-size:13px}
.platform-float{position:absolute;z-index:4;background:#fff;border:1px solid rgba(28,31,52,.08);border-radius:15px;padding:12px 15px;box-shadow:0 16px 40px rgba(38,28,82,.16);font-size:13px;font-weight:700}.platform-float.one{left:-54px;top:22%}.platform-float.two{right:-48px;bottom:18%}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:var(--ink-2);font-size:13.5px;font-weight:600}.trust-row span::before{content:"✓";color:var(--brand);font-weight:900;margin-right:6px}
.platform-section{padding:72px 0}.platform-section.soft{background:linear-gradient(180deg,rgba(245,243,255,.65),rgba(255,255,255,.2))}
.section-intro{max-width:720px;margin:0 auto 34px;text-align:center}.section-intro h2{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.03em;margin:0 0 12px}.section-intro p{color:var(--ink-2);font-size:17px;margin:0}
.platform-steps,.platform-features,.platform-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.platform-card{background:#fff;border:1px solid rgba(31,36,58,.09);border-radius:22px;padding:26px;box-shadow:0 10px 34px rgba(32,28,60,.06)}
.platform-card .num{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--grad);color:#fff;font-family:var(--display);font-size:13px;font-weight:800;margin-bottom:16px}
.platform-card h3{font-size:19px;margin:0 0 9px}.platform-card p{font-size:14.5px;line-height:1.65;color:var(--ink-2);margin:0}
.platform-checks{max-width:820px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-check{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid rgba(31,36,58,.09);border-radius:16px;padding:17px 18px}.platform-check b{display:block;font-size:15px;margin-bottom:3px}.platform-check p{color:var(--ink-2);font-size:13.5px;line-height:1.5;margin:0}.platform-check i{font-style:normal;width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:8px;background:#eeeaff;color:var(--brand);font-weight:900}
.platform-faq{max-width:820px;margin:0 auto}.platform-faq details{background:#fff;border:1px solid rgba(31,36,58,.1);border-radius:15px;padding:0 20px;margin-bottom:11px}.platform-faq summary{cursor:pointer;list-style:none;font-family:var(--display);font-size:15px;font-weight:700;padding:18px 30px 18px 0;position:relative}.platform-faq summary::-webkit-details-marker{display:none}.platform-faq summary::after{content:"+";position:absolute;right:0;top:14px;font-size:23px;color:var(--brand)}.platform-faq details[open] summary::after{content:"−"}.platform-faq details p{color:var(--ink-2);font-size:14.5px;line-height:1.65;margin:0;padding:0 0 18px}
.platform-links a{color:inherit}.platform-links .platform-card{transition:transform .18s,box-shadow .18s}.platform-links .platform-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.platform-link{display:inline-block;color:var(--brand);font-weight:700;font-size:13.5px;margin-top:16px}
.platform-cta{padding:20px 0 82px}
@media(max-width:900px){.platform-hero-grid{grid-template-columns:1fr;gap:38px;text-align:center}.platform-hero p{margin-left:auto;margin-right:auto}.platform-actions,.trust-row{justify-content:center}.platform-preview{max-width:300px}.platform-float.one{left:-22px}.platform-float.two{right:-22px}}
@media(max-width:680px){.platform-hero{padding-top:36px}.platform-hero h1{font-size:40px}.platform-hero p{font-size:16px}.platform-preview{max-width:248px}.platform-float{font-size:11px;padding:9px 11px}.platform-steps,.platform-features,.platform-links,.platform-checks{grid-template-columns:1fr}.platform-section{padding:52px 0}.platform-card{padding:22px}.platform-phone{border-width:7px;border-radius:30px}.phone-caption{font-size:22px}.platform-cta{padding-bottom:56px}}