.platform-page{--pf-on-primary:#002d6e;--pf-tertiary:#ccbdff;background-color:var(--background);color:var(--neutral-800);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}.platform-page .pf-container{width:var(--container-width);margin-left:auto;margin-right:auto}.platform-page .glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);background:#14171cb3;transition:transform .3s,box-shadow .3s}.platform-page .glass-panel:hover{transform:translateY(-2px)}.platform-page .glow-accent{box-shadow:0 0 24px #558dff26}.platform-page .text-gradient{background:linear-gradient(135deg, var(--primary-light), var(--secondary-color));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.platform-page .pf-display{font-family:var(--font-display);letter-spacing:-.02em;color:var(--neutral-800);font-size:48px;font-weight:700;line-height:56px}.platform-page .pf-headline-lg{font-family:var(--font-display);letter-spacing:-.01em;color:var(--neutral-800);font-size:32px;font-weight:600;line-height:40px}.platform-page .pf-headline-md{font-family:var(--font-display);color:var(--neutral-800);font-size:24px;font-weight:500;line-height:32px}.platform-page .pf-body-lg{color:var(--neutral-600);font-size:18px;line-height:28px}.platform-page .pf-body{color:var(--neutral-600);font-size:16px;line-height:24px}.platform-page .pf-body-sm{color:var(--neutral-600);font-size:14px;line-height:20px}.platform-page .pf-eyebrow{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--neutral-800);font-size:12px;font-weight:500;line-height:16px}.platform-page .pf-btn{font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;transition:all .3s;display:inline-flex}.platform-page .pf-btn-primary{background-color:var(--primary-light);color:var(--pf-on-primary);padding:12px 32px}.platform-page .pf-btn-primary:hover{color:var(--pf-on-primary);box-shadow:0 0 15px #b0c6ff66}.platform-page .pf-btn-ghost{border-color:var(--border-subtle-strong);color:var(--neutral-800);background-color:#0000;padding:12px 32px}.platform-page .pf-btn-ghost:hover{background-color:#ffffff0d}.platform-page .pf-btn-lg{padding:16px 40px}.platform-page .pf-link-arrow{color:var(--primary-light);align-items:center;gap:.25rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.platform-page .pf-link-arrow:hover{color:var(--primary-color)}.platform-page .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}.platform-page .pf-hero{text-align:center;flex-direction:column;align-items:center;padding-top:96px;padding-bottom:128px;display:flex;position:relative}.platform-page .pf-hero:before{content:"";z-index:-1;background:radial-gradient(ellipse at top, #558dff1a, var(--background) 55%);position:absolute;inset:0}.platform-page .pf-hero h1{max-width:56rem;font-family:var(--font-display);letter-spacing:-.02em;color:var(--neutral-800);margin:0 auto 24px;font-size:64px;font-weight:700;line-height:72px}.platform-page .pf-hero-sub{max-width:42rem;margin:0 auto 40px}.platform-page .pf-hero-actions{flex-direction:row;gap:16px;margin-bottom:80px;display:flex}.platform-page .pf-mockup{z-index:10;border-radius:12px;width:100%;max-width:72rem;margin:0 auto;padding:8px;position:relative}.platform-page .pf-mockup-inner{background-color:var(--surface);border:1px solid #ffffff0d;border-radius:8px;position:relative;overflow:hidden}.platform-page .pf-mockup-bar{background-color:var(--surface-container-low);border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;width:100%;height:40px;padding:0 16px;display:flex;position:absolute;top:0;left:0}.platform-page .pf-dot{border-radius:9999px;width:12px;height:12px}.platform-page .pf-dot--error{background-color:var(--error)}.platform-page .pf-dot--warn{background-color:var(--pf-tertiary)}.platform-page .pf-dot--ok{background-color:var(--success)}.platform-page .pf-mockup-inner img{width:100%;height:auto;margin-top:40px;display:block}.platform-page .pf-section{padding-top:96px;padding-bottom:96px}.platform-page .pf-section-head{text-align:center;margin-bottom:64px}.platform-page .pf-section-head h2{margin-bottom:16px}.platform-page .pf-section-head p{max-width:42rem;margin-left:auto;margin-right:auto}.platform-page .pf-compare-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.platform-page .pf-compare-card{border-radius:12px;padding:32px}.platform-page .pf-compare-card--problem{border-color:#ffb4ab33}.platform-page .pf-compare-card--solution{border-color:#b0c6ff4d}.platform-page .pf-compare-card h3{align-items:center;gap:8px;margin-bottom:24px;display:flex}.platform-page .pf-compare-card--problem h3{color:var(--error)}.platform-page .pf-compare-card--solution h3{color:var(--primary-light)}.platform-page .pf-checklist{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.platform-page .pf-checklist li{align-items:flex-start;gap:12px;display:flex}.platform-page .pf-checklist li p{margin:0}.platform-page .pf-icon-error{color:#ffb4abb3;margin-top:4px}.platform-page .pf-icon-ok{color:var(--primary-light);margin-top:4px}.platform-page .pf-bento-section{background-color:#1a1c2080;padding-top:96px;padding-bottom:96px}.platform-page .pf-bento-head{margin-bottom:64px}.platform-page .pf-bento-head h2{margin-bottom:16px}.platform-page .pf-bento-head p{max-width:42rem}.platform-page .pf-bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:24px;display:grid}.platform-page .pf-bento-cell{border-radius:12px;padding:32px;position:relative;overflow:hidden}.platform-page .pf-bento-cell--wide{grid-column:span 2}.platform-page .pf-bento-cell .pf-bento-overlay{z-index:0;position:absolute;inset:0}.platform-page .pf-overlay-primary{background:linear-gradient(135deg,#b0c6ff0d,#0000)}.platform-page .pf-overlay-primary-strong{background:linear-gradient(135deg,#b0c6ff1a,#0000)}.platform-page .pf-overlay-secondary{background:linear-gradient(135deg,#00f4fe0d,#0000)}.platform-page .pf-overlay-tertiary{background:linear-gradient(135deg,#ccbdff0d,#0000)}.platform-page .pf-bento-content{z-index:1;flex-direction:column;justify-content:flex-start;height:100%;display:flex;position:relative}.platform-page .pf-bento-content .pf-bento-icon{margin-bottom:16px;font-size:30px;display:block}.platform-page .pf-bento-icon--primary{color:var(--primary-light)}.platform-page .pf-bento-icon--secondary{color:var(--secondary-color)}.platform-page .pf-bento-icon--tertiary{color:var(--pf-tertiary)}.platform-page .pf-bento-content h3{margin-bottom:8px}.platform-page .pf-split{grid-template-columns:repeat(2,1fr);align-items:center;gap:64px;display:grid}.platform-page .pf-split h2{margin-bottom:24px}.platform-page .pf-split .pf-body-lg{margin-bottom:32px}.platform-page .pf-feature-list{flex-direction:column;gap:16px;margin:0 0 32px;padding:0;list-style:none;display:flex}.platform-page .pf-feature-list li{align-items:center;gap:12px;display:flex}.platform-page .pf-feature-badge{width:32px;height:32px;color:var(--primary-light);background-color:#b0c6ff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.platform-page .pf-feature-badge .material-symbols-outlined{font-size:18px}.platform-page .pf-feature-list li span:last-child{color:var(--neutral-800)}.platform-page .pf-split-media{position:relative}.platform-page .pf-split-media:before{content:"";filter:blur(20px);background:#b0c6ff0d;border-radius:16px;position:absolute;inset:-16px}.platform-page .pf-split-media img{border:1px solid #ffffff1a;border-radius:12px;width:100%;display:block;position:relative;box-shadow:0 25px 50px -12px #0009}.platform-page .pf-metrics{background-color:var(--surface-container-lowest);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding-top:96px;padding-bottom:96px}.platform-page .pf-metrics-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.platform-page .pf-metric-value{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:8px;font-size:48px;font-weight:700;line-height:56px}.platform-page .pf-metric-value--primary{color:var(--primary-light)}.platform-page .pf-metric-value--secondary{color:var(--secondary-color)}.platform-page .pf-metric-value--tertiary{color:var(--pf-tertiary)}.platform-page .pf-metric-label{margin-bottom:8px}.platform-page .pf-cta{text-align:center;padding-top:128px;padding-bottom:128px;position:relative;overflow:hidden}.platform-page .pf-cta:before{content:"";z-index:-1;background:radial-gradient(ellipse at center, #558dff1a, var(--background) 55%);position:absolute;inset:0}.platform-page .pf-cta h2{margin-bottom:24px}.platform-page .pf-cta p{max-width:36rem;margin:0 auto 40px}.platform-page .pf-cta .pf-btn-primary{box-shadow:0 0 20px #b0c6ff4d}.platform-page .pf-reveal{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(2rem)}.platform-page .pf-reveal.pf-visible{opacity:1;transform:translateY(0)}@media (width<=900px){.platform-page .pf-hero h1{font-size:44px;line-height:52px}.platform-page .pf-compare-grid{grid-template-columns:1fr}.platform-page .pf-bento{grid-template-columns:1fr;grid-auto-rows:auto}.platform-page .pf-bento-cell{min-height:260px}.platform-page .pf-bento-cell--wide{grid-column:auto}.platform-page .pf-split,.platform-page .pf-metrics-grid{grid-template-columns:1fr;gap:40px}}@media (width<=600px){.platform-page .pf-hero{padding-top:56px;padding-bottom:80px}.platform-page .pf-hero h1,.platform-page .pf-display{font-size:34px;line-height:42px}.platform-page .pf-headline-lg{font-size:26px;line-height:34px}.platform-page .pf-hero-actions{flex-direction:column;width:100%}.platform-page .pf-hero-actions .pf-btn{width:100%}}
