.f12p-page { --fp-ink:#132c49; --fp-muted:#52657b; --fp-teal:#007f91; --fp-line:#dbe5ef; color:var(--fp-ink); background:#fff; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.f12p-page *, .f12p-page *::before, .f12p-page *::after { box-sizing:border-box; }
.f12p-page .f12p-inner { width:min(1180px,90%); margin-inline:auto; }
.f12p-page p { line-height:1.7; margin:0 0 20px; }
.f12p-page h1, .f12p-page h2, .f12p-page h3 { color:var(--fp-ink); font-weight:650; letter-spacing:-.035em; }
.f12p-page h1 { font-size:clamp(38px,4.1vw,52px); line-height:1.1; margin:0 0 24px; }
.f12p-page h2 { font-size:clamp(29px,3.2vw,43px); line-height:1.17; margin:0 0 22px; }
.f12p-page h3 { font-size:22px; line-height:1.3; margin:0 0 16px; }
.f12p-page .f12p-eyebrow { color:var(--fp-teal); font-size:12px; font-weight:750; letter-spacing:.12em; margin:0 0 22px; }
.f12p-page .f12p-section { padding-block:86px; }
.f12p-page .f12p-lead { font-size:19px; line-height:1.65; color:var(--fp-muted); max-width:620px; }
.f12p-page .f12p-intro { max-width:760px; color:var(--fp-muted); font-size:18px; }
.f12p-page .f12p-hero { padding:65px 0 70px; color:#e1eaf5; background:radial-gradient(ellipse at 100% 0%,#233955 0%,transparent 58%),#122032; position:relative; }
.f12p-page .f12p-hero::after { content:""; position:absolute; height:3px; bottom:0; left:5%; width:100px; background:linear-gradient(90deg,#21b7c6,#8a57d1); }
.f12p-page .f12p-hero h1 { color:#f3f7fc; }
.f12p-page .f12p-hero .f12p-eyebrow { color:#8ddde4; }
.f12p-page .f12p-hero .f12p-lead { color:#c3cfdf; }
.f12p-page .wp-block-columns { display:flex; gap:40px; margin:0; }
.f12p-page .wp-block-column { flex:1 1 0; min-width:0; }
.f12p-page .f12p-hero-columns { align-items:center; gap:52px; }
.f12p-page .f12p-hero-columns>.wp-block-column:first-child { flex:0.95; }
.f12p-page .f12p-hero-columns>.wp-block-column:last-child { flex:1.05; }
.f12p-page .f12p-compatibility { font-size:13px; color:#b8d3ed; margin:0 0 28px; }
.f12p-page .f12p-fine { color:#aebed1; font-size:12px; margin-top:22px; }
.f12p-page .f12p-actions { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 0; }
.f12p-page .wp-block-button__link { display:inline-flex; align-items:center; justify-content:center; border-radius:8px; padding:14px 20px; background:#006b87; color:#fff; border:1px solid transparent; text-decoration:none; font-size:14px; font-weight:650; line-height:1.4; box-shadow:none; transition:background .15s; }
.f12p-page .wp-block-button__link:hover { background:#00566d; color:#fff; }
.f12p-page .f12p-hero .wp-block-button__link { color:#102237; background:#91c4ff; }
.f12p-page .f12p-hero .wp-block-button__link:hover { background:#b3d6ff; }
.f12p-page .f12p-button-secondary .wp-block-button__link { color:#e6effb; background:#23374e; border-color:#45617e; }
.f12p-page .f12p-button-secondary .wp-block-button__link:hover { background:#2c4562; color:#fff; }
.f12p-page .f12p-button-outline .wp-block-button__link { background:transparent; color:#00576e; border-color:#92a9ba; }
.f12p-page a:focus-visible, .f12p-page summary:focus-visible { outline:3px solid #00a2b6; outline-offset:5px; }
.f12p-page figure { margin:0; }
.f12p-page figure img { width:100%; height:auto; display:block; border-radius:10px; border:1px solid #38506c; }
.f12p-page .f12p-app-preview img { box-shadow:0 22px 55px #07111b88; }
.f12p-page figcaption { font-size:12px; line-height:1.5; text-align:left; margin-top:13px; color:#617389; }
.f12p-page .f12p-hero figcaption { color:#aebed1; }
.f12p-page .f12p-strip { background:#f3f7fa; border-bottom:1px solid var(--fp-line); padding:22px 5%; }
.f12p-page .f12p-strip p { margin:0; text-align:center; font-size:11px; font-weight:650; letter-spacing:.055em; line-height:2; color:#526a80; }
.f12p-page .f12p-strip span { color:#b9c6d3; padding:0 22px; }
.f12p-page .f12p-feature-cards { margin-top:40px; gap:24px; }
.f12p-page .f12p-feature-cards>.wp-block-column { padding:28px; border:1px solid var(--fp-line); border-radius:12px; background:#fbfcfd; }
.f12p-page .f12p-number { font-size:11px; letter-spacing:.1em; color:var(--fp-teal); font-weight:750; }
.f12p-page .f12p-feature-cards p:last-child { margin:0; color:var(--fp-muted); font-size:15px; }
.f12p-page .f12p-showcase { background:#f1f5f9; }
.f12p-page .f12p-showcase .f12p-screenshot { margin-top:36px; }
.f12p-page .f12p-screenshot img { border-color:#c9d5e3; box-shadow:0 12px 35px #132c4912; }
.f12p-page .f12p-detail-columns { align-items:center; gap:60px; }
.f12p-page .f12p-detail-columns p:not(.f12p-eyebrow) { color:var(--fp-muted); }
.f12p-page .f12p-detail-columns>.wp-block-column:first-child { flex:.8; }
.f12p-page .f12p-detail-columns>.wp-block-column:last-child { flex:1.2; }
.f12p-page .f12p-detail-reverse { margin-top:88px; }
.f12p-page .f12p-detail-reverse>.wp-block-column:first-child { flex:1.2; }
.f12p-page .f12p-detail-reverse>.wp-block-column:last-child { flex:.8; }
.f12p-page .f12p-small-note { font-size:13px; line-height:1.7; color:var(--fp-muted); margin:20px 0 0; }
.f12p-page .f12p-catalogs { background:#15304c; color:#c6d6e7; }
.f12p-page .f12p-catalogs h2 { color:#f3f7fc; max-width:820px; }
.f12p-page .f12p-catalogs .f12p-eyebrow { color:#8ddde4; }
.f12p-page .f12p-catalogs .f12p-intro { color:#d0dfed; }
.f12p-page .f12p-catalogs p:last-child { max-width:800px; font-size:14px; }
.f12p-page .f12p-download { padding:42px; border:1px solid #cfdeea; background:#f4f8fc; border-radius:14px; align-items:center; gap:48px; }
.f12p-page .f12p-download>.wp-block-column:first-child { flex:1.2; }
.f12p-page .f12p-download>.wp-block-column:last-child { flex:.8; }
.f12p-page .f12p-download h2 { font-size:35px; }
.f12p-page .f12p-requirements { padding-left:30px; border-left:1px solid #c9d8e7; }
.f12p-page .f12p-requirements p { font-size:14px; color:var(--fp-muted); }
.f12p-page .f12p-faq { padding-top:0; }
.f12p-page .wp-block-details { margin:0; padding:22px 0; border-bottom:1px solid var(--fp-line); }
.f12p-page .wp-block-details summary { cursor:pointer; color:var(--fp-ink); font-size:17px; font-weight:600; line-height:1.5; }
.f12p-page .wp-block-details p { max-width:900px; margin:18px 0 0; color:var(--fp-muted); font-size:15px; }
.f12p-page .f12p-trademark { font-size:12px; color:#63758a; margin:40px 0 0; }
.f12p-page .f12p-product-card { align-items:center; padding:38px; border:1px solid var(--fp-line); border-radius:14px; background:#f8fafc; }
.f12p-page .f12p-product-card h2 { font-size:36px; }
.f12p-page .f12p-hub-contact { margin-top:42px; color:var(--fp-muted); }
.f12p-page .f12p-hub-contact a { color:#00667e; font-weight:650; }
.f12p-breadcrumbs { width:min(1180px,90%); margin:0 auto; padding:19px 0; display:flex; flex-wrap:wrap; gap:12px; font-size:12px; line-height:1.5; color:#607388; }
.f12p-breadcrumbs a { color:#365a78; text-decoration:none; }
body.f12-products-page #content>.ast-container { max-width:none; width:100%; padding:0; display:block; }
body.f12-products-page #content #primary { margin:0; padding:0; width:100%; }
body.f12-products-page .f12-mobile-sticky-cta { display:none; }
@media(max-width:960px) { .f12p-page .f12p-hero-columns { flex-direction:column; align-items:stretch; gap:35px; } .f12p-page .f12p-hero h1 br { display:none; } .f12p-page .f12p-section { padding-block:58px; } .f12p-page .f12p-strip span { padding:0 7px; } .f12p-page .f12p-detail-columns { gap:28px; } .f12p-page .f12p-download { padding:28px; gap:28px; } }
@media(max-width:680px) { .f12p-page .wp-block-columns { flex-direction:column; } .f12p-page .f12p-inner { width:90%; } .f12p-page .f12p-hero { padding-block:42px; } .f12p-page h1 { font-size:39px; } .f12p-page .f12p-lead { font-size:17px; } .f12p-page .f12p-actions { flex-direction:column; align-items:stretch; } .f12p-page .f12p-actions .wp-block-button, .f12p-page .f12p-actions .wp-block-button__link { width:100%; } .f12p-page .f12p-feature-cards { gap:16px; } .f12p-page .f12p-feature-cards>.wp-block-column { padding:24px; } .f12p-page .f12p-strip p { font-size:10px; } .f12p-page .f12p-detail-reverse { margin-top:52px; } .f12p-page .f12p-download { padding:25px 22px; } .f12p-page .f12p-download h2 { font-size:30px; } .f12p-page .f12p-requirements { padding:24px 0 0; border-left:0; border-top:1px solid #c9d8e7; } .f12p-page .f12p-product-card { padding:24px; } .f12p-page .f12p-faq { padding-top:0; } }
@media(prefers-reduced-motion:reduce) { .f12p-page * { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }