.platform-page .if-accent-primary{--if-accent:var(--primary-light);--if-accent-rgb:176, 198, 255}.platform-page .if-accent-secondary{--if-accent:var(--secondary-color);--if-accent-rgb:0, 244, 254}.platform-page .if-accent-tertiary{--if-accent:var(--pf-tertiary);--if-accent-rgb:204, 189, 255}.platform-page .if-accent-quaternary{--if-accent:var(--success);--if-accent-rgb:16, 185, 129}.platform-page .if-quicknav{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.platform-page .if-chip{border:1px solid rgba(var(--if-accent-rgb), .35);background:rgba(var(--if-accent-rgb), .06);color:var(--neutral-800);font-family:var(--font-sans);border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s;display:inline-flex}.platform-page .if-chip:hover{background:rgba(var(--if-accent-rgb), .14);box-shadow:0 0 18px rgba(var(--if-accent-rgb), .25);transform:translateY(-2px)}.platform-page .if-chip .material-symbols-outlined{color:var(--if-accent);font-size:18px}.platform-page .if-category{scroll-margin-top:96px}.platform-page .if-category-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:56px;display:grid}.platform-page .if-category:nth-of-type(2n) .if-category-intro{order:2}.platform-page .if-category-intro{position:sticky;top:96px}.platform-page .if-category-icon{width:56px;height:56px;color:var(--if-accent);background:rgba(var(--if-accent-rgb), .1);border:1px solid rgba(var(--if-accent-rgb), .3);border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;font-size:28px;display:inline-flex}.platform-page .if-category-intro h2{margin-bottom:16px}.platform-page .if-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.platform-page .if-card{border-radius:12px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.platform-page .if-card:before{content:"";background:linear-gradient(135deg, rgba(var(--if-accent-rgb), .06), transparent 60%);pointer-events:none;position:absolute;inset:0}.platform-page .if-card:hover{border-color:rgba(var(--if-accent-rgb), .45);box-shadow:0 0 22px rgba(var(--if-accent-rgb), .15)}.platform-page .if-card>*{z-index:1;position:relative}.platform-page .if-card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.platform-page .if-monogram{width:48px;height:48px;font-family:var(--font-display);letter-spacing:-.01em;color:var(--if-accent);background:rgba(var(--if-accent-rgb), .12);border:1px solid rgba(var(--if-accent-rgb), .3);border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex}.platform-page .if-tag{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--if-accent);background:rgba(var(--if-accent-rgb), .1);border:1px solid rgba(var(--if-accent-rgb), .25);border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:500}.platform-page .if-card-title{font-family:var(--font-display);color:var(--neutral-800);margin-bottom:8px;font-size:18px;font-weight:600;line-height:24px}.platform-page .if-card p{margin:0}.platform-page .if-note{border-radius:16px;justify-content:space-between;align-items:center;gap:32px;padding:40px;display:flex}.platform-page .if-note h2{margin-bottom:8px}.platform-page .if-note p{max-width:44rem;margin:0}.platform-page .if-note .pf-btn{flex-shrink:0}@media (width<=900px){.platform-page .if-category-grid{grid-template-columns:1fr;gap:32px}.platform-page .if-category:nth-of-type(2n) .if-category-intro{order:0}.platform-page .if-category-intro{position:static;top:auto}.platform-page .if-note{flex-direction:column;align-items:flex-start}}@media (width<=600px){.platform-page .if-grid{grid-template-columns:1fr 1fr;gap:14px}.platform-page .if-card{padding:18px}.platform-page .if-monogram{width:42px;height:42px;font-size:16px}}@media (width<=400px){.platform-page .if-grid{grid-template-columns:1fr}}
