@import url('/assets/store-badges.css');
.platform-skip{position:absolute;left:16px;top:-70px;z-index:100;background:#fff;color:#0759b1;padding:12px}.platform-skip:focus{top:8px}
.platform-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #e2e8ef;background:rgba(255,255,255,.97);backdrop-filter:blur(16px)}
.platform-nav{max-width:1152px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.platform-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#142439;font-weight:750;white-space:nowrap}.platform-brand img{border-radius:9px}.platform-links{display:flex;align-items:center;gap:22px;font-size:14px;white-space:nowrap}.platform-links>a{color:#465b70;text-decoration:none}.platform-links>a:hover{color:#0071e3}.platform-links .nav-download{font-weight:750;color:#0064c7}
.platform-wrap{max-width:1120px;margin:auto;padding:70px 24px}.platform-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:#0064c7;margin:0 0 16px}
.hero-price{color:#d0deec;font-size:16px;line-height:1.7;margin:0 0 8px}.hero-price strong{color:#fff}.hero-store-note{font-size:12px;color:#b3c6dc;margin-top:5px}.hero-scope{font-size:12px;line-height:1.7;color:#afc3d9;max-width:470px;margin-top:20px}.hero-scope a{color:#d1eaff;text-decoration:underline;text-underline-offset:3px}
.gradient-hero>.max-w-6xl{padding-top:64px;padding-bottom:64px}.gradient-hero .inline-flex.rounded-full{font-size:12px;letter-spacing:.06em;margin-bottom:24px}.gradient-hero h1{font-size:clamp(42px,4.3vw,58px);line-height:1.08;letter-spacing:-.045em}.gradient-hero .text-sm.mt-2{font-size:12px}.gradient-hero .hero-visual{gap:12px}.hero-visual .hero-phone{width:clamp(160px,17vw,218px)}
.benefits-section{padding:64px 24px 70px;background:#f4f8fc}.benefits-wrap{max-width:1104px;margin:auto}.benefits-heading h2{font-size:clamp(30px,4vw,43px);font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0 0 36px}.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.benefits-grid article{padding-top:22px;border-top:1px solid #cbdbea}.benefit-value{display:block;color:#0064c7;font-size:clamp(23px,2.4vw,31px);letter-spacing:-.035em;font-weight:750;line-height:1.2;margin-bottom:22px}.benefits-grid h3{font-size:17px;line-height:1.4;font-weight:700;margin:0 0 10px}.benefits-grid p{color:#526174;font-size:15px;line-height:1.7;margin:0 0 14px}.benefits-grid a{font-size:14px;color:#0064c7;text-decoration:underline;text-underline-offset:3px}
.platform-faq{max-width:860px}.platform-faq h2{font-size:clamp(30px,4vw,45px);font-weight:750;letter-spacing:-.035em;line-height:1.15;margin:0 0 22px}.platform-faq details{border-bottom:1px solid #dde5ed;padding:22px 0;scroll-margin-top:100px}.platform-faq summary{cursor:pointer;font-size:18px;font-weight:650;color:#142439;line-height:1.5}.platform-faq details p{color:#526174;line-height:1.8;margin:14px 0 0}.platform-faq a{color:#0064c7;text-decoration:underline;text-underline-offset:3px}.platform-faq details[open] summary{color:#0064c7}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0c9ab9;outline-offset:5px}#app,#demos,#pricing,#features,#compliance-checklist{scroll-margin-top:90px}
@media(min-width:768px){.gradient-hero .store-badges{justify-content:flex-start}}
@media(max-width:1000px){.platform-links{gap:16px}.platform-links .nav-extra{display:none}.platform-nav{gap:12px}.hero-visual .hero-phone{width:clamp(120px,17vw,190px)}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.gradient-hero>.max-w-6xl{padding-top:38px;padding-bottom:46px}.gradient-hero h1{font-size:clamp(36px,9.7vw,50px)}.gradient-hero p.text-lg{font-size:17px;line-height:1.6;margin-bottom:18px}.hero-price{font-size:15px}.hero-scope{margin-left:auto;margin-right:auto}.hero-visual .hero-phone{width:clamp(106px,34vw,210px)}.hero-visual{gap:6px}.gradient-hero .grid{row-gap:30px}.benefits-section{padding:48px 24px}.benefits-grid{gap:28px 22px}.benefit-value{font-size:25px}.benefits-grid p{font-size:14px}.benefits-grid h3{font-size:16px}.platform-wrap{padding:52px 22px}}
@media(max-width:650px){.platform-brand span{display:none}.platform-nav{padding:10px 16px}.platform-links{gap:20px}.platform-faq summary{font-size:17px}}
@media(max-width:380px){.platform-links{gap:16px}.benefits-grid{grid-template-columns:1fr}.gradient-hero .hero-visual{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-arrow,.compliance-row{animation:none!important;opacity:1}.card-hover{transition:none}}