.hero{background:linear-gradient(180deg,#ebf3ff,#f5f9ff 58%,#fff);padding:76px 40px 64px}.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.hero-eyebrow{font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}.hero-heading{font-size:60px;font-weight:800;line-height:1.04;letter-spacing:-.03em;color:var(--text);margin-bottom:22px}.hero-heading .orange{color:var(--orange)}.hero-body{font-size:18px;line-height:1.65;color:var(--text-secondary);max-width:560px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;background:var(--blue);color:#fff;border-radius:8px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.btn-hero-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn-hero-ghost{display:inline-flex;align-items:center;padding:13px 24px;border:1.5px solid #212529;border-radius:8px;font-size:15px;font-weight:600;color:var(--text);transition:background .15s}.btn-hero-ghost:hover{background:#f8fafc}.hero-footnote{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.hero-art{width:100%;height:auto;display:block}.section{padding:80px 40px}.section.alt{background:var(--surface-alt, #f7fafd)}.section-inner{max-width:1200px;margin:0 auto}.section-eyebrow{font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}.section-heading{font-size:40px;font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--text);margin-bottom:14px}.section-body{font-size:17px;line-height:1.65;color:var(--text-secondary);max-width:620px;margin-bottom:44px}.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cap-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;transition:box-shadow .15s,transform .15s,border-color .15s}.cap-card:hover{box-shadow:0 8px 24px #0d2b6614;border-color:#c8d5e8;transform:translateY(-2px)}.cap-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;margin-bottom:16px}.cap-icon svg{width:20px;height:20px}.cap-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}.cap-body{font-size:14px;line-height:1.6;color:var(--text-secondary)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:step}.step{position:relative;padding-top:26px}.step-art{width:100%;height:auto;border-radius:10px;border:1px solid var(--border);margin-bottom:16px;display:block}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:0;left:0;font-family:var(--mono, ui-monospace, monospace);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--blue)}.step-rule{height:3px;border-radius:2px;background:#dbe6f6;margin-bottom:16px}.step:first-child .step-rule{background:var(--blue)}.step-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}.step-body{font-size:14px;line-height:1.6;color:var(--text-secondary)}.compatibility-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,6vw,80px)}.compatibility-copy .section-body{margin-bottom:28px}.compatibility-video{position:relative;padding:clamp(8px,1.5vw,20px)}.compatibility-video video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border:1px solid #d8e5f7;border-radius:14px;background:#f8fafc;box-shadow:0 18px 26px #185bb524}.compatibility-video-play{position:absolute;top:50%;left:50%;display:grid;width:80px;height:80px;place-items:center;padding-left:5px;color:#fff;background:#fff3;border:1px solid rgba(255,255,255,.55);border-radius:999px;box-shadow:0 12px 32px #17396c47,inset 0 1px #ffffff73;backdrop-filter:blur(12px) saturate(140%);cursor:pointer;transform:translate(-50%,-50%);transition:background .15s ease,transform .15s ease}.compatibility-video-play:hover{background:#ffffff52;transform:translate(-50%,-50%) scale(1.05)}.compatibility-video-play:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.compatibility-video-play[hidden]{display:none}.works{display:flex;flex-wrap:wrap;gap:12px}.works-chip{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:99px;padding:10px 18px;font-size:14px;font-weight:600;color:var(--text)}.works-dot{width:9px;height:9px;border-radius:50%;background:#8996a2}.works-logo{width:18px;height:18px;object-fit:contain}.faq-inner{max-width:760px;margin:0 auto}.faq-header{text-align:center;margin-bottom:48px}.faq-item{border-bottom:1px solid var(--border)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;gap:16px;background:none;border:none;font-family:inherit;text-align:left;font-size:16px;font-weight:600;color:var(--text);cursor:pointer}.faq-question:hover{color:var(--blue)}.faq-icon{flex-shrink:0;transition:transform .2s}.faq-answer{font-size:15px;line-height:1.7;color:var(--text-secondary);max-width:780px;padding-bottom:20px;display:none}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-icon{transform:rotate(45deg)}.cta{background:var(--navy, #0a1224);color:#fff;padding:72px 40px;border-radius:24px 24px 0 0;text-align:center}.cta-heading{font-size:40px;font-weight:400;letter-spacing:-.025em;margin-bottom:14px}.cta-body{font-size:17px;color:#9fb4d8;max-width:560px;margin:0 auto 30px}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-cta-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--blue);color:#fff;border-radius:8px;font-size:15px;font-weight:600}.btn-cta-ghost{display:inline-flex;align-items:center;padding:13px 26px;border:1.5px solid rgba(255,255,255,.35);border-radius:8px;font-size:15px;font-weight:600;color:#fff}.btn-cta-ghost:hover{border-color:#fff}@media(max-width:1000px){.cap-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hero{padding:48px 24px}.hero-inner{grid-template-columns:1fr;gap:36px}.compatibility-grid{grid-template-columns:1fr}.hero-heading{font-size:38px}.section{padding:56px 24px}.section-heading,.cta-heading{font-size:28px}.cta{padding:48px 24px;border-radius:16px 16px 0 0}}@media(max-width:560px){.cap-grid,.steps{grid-template-columns:1fr}}.logowall{padding:52px 0 56px;background:#fff;overflow:hidden;border-bottom:1px solid var(--border)}.logowall-heading{text-align:center;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:40px;padding:0 40px}.logowall-track-wrap{overflow:hidden;position:relative}.logowall-track-wrap:before,.logowall-track-wrap:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.logowall-track-wrap:before{left:0;background:linear-gradient(to right,#fff,transparent)}.logowall-track-wrap:after{right:0;background:linear-gradient(to left,#fff,transparent)}.logowall-track{display:flex;align-items:center;gap:56px;width:max-content;animation:marquee 28s linear infinite}.logowall-track:hover{animation-play-state:paused}.logowall-logo{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#c4cdd6;white-space:nowrap;flex-shrink:0;transition:color .2s}.logowall-logo:hover{color:#8996a2}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:900px){.logowall{padding:40px 0}.logowall-heading{margin-bottom:32px;padding:0 24px}.logowall-logo{font-size:20px}.logowall-track{gap:48px;animation-duration:22s}}.hero-back{font-size:16px;color:#fff;display:inline-flex;align-items:center;gap:4px;margin-bottom:16px;font-weight:400}.hero-back:hover{text-decoration:underline}.guide-hero-blue{background:radial-gradient(ellipse 55% 70% at 15% 110%,rgba(140,70,10,.35) 0%,transparent 60%),radial-gradient(ellipse 80% 100% at 55% 20%,#143a7a,#0d2450 45%,#0a1224)}