:where(.pg-platform){--bg:rgb(var(--n-0a0a0a));--bg2:rgb(var(--n-111111));--card:rgb(var(--n-141414));--text:rgb(var(--n-ffffff));--text2:rgb(var(--n-a0a0a0));--text3:rgb(var(--n-6b6b6b));--accent:#3c82d9;--border:rgb(var(--n-ffffff) / .1);--green:#22c55e}:where(.pg-platform),:where(.pg-platform) *{box-sizing:border-box;margin:0;padding:0}:where(.pg-platform){scroll-behavior:smooth;font-size:16px;font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:clip}:where(.pg-platform) .nav-link-active{color:var(--text)}:where(.pg-platform) .hero{text-align:center;padding:9rem 1.5rem 3rem}:where(.pg-platform) .hero-badge{background:rgb(var(--n-ffffff) / .06);border:1px solid rgb(var(--n-ffffff) / .1);text-transform:uppercase;letter-spacing:.12em;color:var(--text2);border-radius:999px;margin-bottom:2rem;padding:.4rem 1.1rem;font-size:.7rem;font-weight:500;display:inline-block}:where(.pg-platform) .hero h1{letter-spacing:-.02em;max-width:720px;margin:0 auto 1.25rem;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:500;line-height:1.15}:where(.pg-platform) .hero p{color:var(--text2);max-width:580px;margin:0 auto;font-size:clamp(1.0625rem,2vw,1.2rem);line-height:1.7}:where(.pg-platform) .unified-visual{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}:where(.pg-platform) .env-diagram{justify-content:center;align-items:center;gap:0;padding:2rem 0;display:flex;position:relative}:where(.pg-platform) .env-node{flex-direction:column;flex:1;align-items:center;gap:.75rem;max-width:200px;display:flex}:where(.pg-platform) .env-icon{border:1px solid var(--border);background:var(--card);border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;transition:border-color .3s,box-shadow .3s;display:flex}:where(.pg-platform) .env-icon:hover{border-color:#3c82d966;box-shadow:0 0 20px #3c82d914}:where(.pg-platform) .env-icon svg{width:36px;height:36px}:where(.pg-platform) .env-name{letter-spacing:.05em;text-transform:uppercase;color:var(--text2);font-size:.8125rem;font-weight:600}:where(.pg-platform) .env-connector{background:linear-gradient(90deg,#3c82d94d,#3c82d91a);width:60px;height:2px;margin-bottom:1.5rem;position:relative}:where(.pg-platform) .env-connector:after{content:"";background:var(--accent);opacity:.3;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px}:where(.pg-platform) .env-sync{text-align:center;color:var(--text3);letter-spacing:.03em;margin-top:1rem;font-size:.8125rem}:where(.pg-platform) .platforms{max-width:1060px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem)}:where(.pg-platform) .plat-section{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,5vw,4rem);padding:5rem 0;display:grid}:where(.pg-platform) .plat-section:not(:last-child){border-bottom:1px solid rgb(var(--n-ffffff) / .04)}:where(.pg-platform) .plat-section-reverse{direction:rtl}:where(.pg-platform) .plat-section-reverse>*{direction:ltr}:where(.pg-platform) .plat-text{flex-direction:column;gap:.75rem;display:flex}:where(.pg-platform) .plat-label{text-transform:uppercase;letter-spacing:.1em;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.35rem .9rem;font-size:.6875rem;font-weight:600;display:inline-flex}:where(.pg-platform) .plat-label-blue{color:var(--accent);background:#3c82d91a;border:1px solid #3c82d940}:where(.pg-platform) .plat-label-green{color:var(--green);background:#22c55e14;border:1px solid #22c55e40}:where(.pg-platform) .plat-label-dot{background:currentColor;border-radius:50%;width:6px;height:6px}:where(.pg-platform) .plat-text h2{letter-spacing:-.02em;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:600;line-height:1.2}:where(.pg-platform) .plat-text p{color:var(--text2);font-size:1.0625rem;line-height:1.7}:where(.pg-platform) .plat-text .plat-sub{color:var(--text3);margin-top:.25rem;font-size:.9375rem;line-height:1.6}:where(.pg-platform) .cap-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem;display:grid}:where(.pg-platform) .cap-item{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:.6rem;padding:.875rem 1rem;display:flex}:where(.pg-platform) .cap-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.45rem}:where(.pg-platform) .cap-dot-green{background:var(--green)}:where(.pg-platform) .cap-text{color:var(--text2);font-size:.8125rem;line-height:1.45}:where(.pg-platform) .workflow-link{text-align:center;padding:3rem 1.5rem 1rem}:where(.pg-platform) .workflow-link a{color:var(--accent);align-items:center;gap:.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:gap .2s;display:inline-flex}:where(.pg-platform) .workflow-link a:hover{gap:.75rem}:where(.pg-platform) .workflow-link a svg{width:18px;height:18px;transition:transform .2s}:where(.pg-platform) .workflow-link a:hover svg{transform:translate(2px)}:where(.pg-platform) .cta{text-align:center;border-top:1px solid rgb(var(--n-ffffff) / .05);padding:4rem 1.5rem}:where(.pg-platform) .cta h2{margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}:where(.pg-platform) .cta p{color:var(--text2);max-width:500px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1.0625rem;line-height:1.65}:where(.pg-platform) .cta-email{color:var(--accent);font-size:1.25rem;font-weight:500;text-decoration:none}:where(.pg-platform) .cta-email:hover{text-decoration:underline}:where(.pg-platform) a:focus,:where(.pg-platform) button:focus{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:768px){:where(.pg-platform) .hero{padding:7rem 1.25rem 2rem}:where(.pg-platform) .env-diagram{flex-direction:column;gap:1rem}:where(.pg-platform) .env-connector{width:2px;height:30px;margin-bottom:0}:where(.pg-platform) .env-connector:after{top:auto;bottom:-3px;right:-3px}:where(.pg-platform) .plat-section,:where(.pg-platform) .plat-section-reverse{direction:ltr;grid-template-columns:1fr;padding:3rem 0}:where(.pg-platform) .plat-section-reverse>*{direction:ltr}:where(.pg-platform) .cap-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){:where(.pg-platform),:where(.pg-platform) *{transition:none!important;animation:none!important}}