:root{--cca-navy:#0f1e31;--cca-blue:#1d4ed8;--cca-text:#172033;--cca-muted:#5f6b7a;--cca-line:#e5e7eb;--cca-soft:#f7f9fc;--cca-green:#0f766e;--cca-white:#fff;--cca-radius:18px;--cca-shadow:0 18px 50px rgba(15,30,49,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Roboto,Arial,sans-serif;color:var(--cca-text);background:#fff;line-height:1.65}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--cca-line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px}.brand{font-weight:800;letter-spacing:.03em;color:var(--cca-navy);text-decoration:none;font-size:1.15rem}.nav-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.nav-links a{color:#263445;text-decoration:none;font-size:.95rem}.nav-links a:hover,.nav-links a:focus{color:var(--cca-blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 18px;font-weight:700;text-decoration:none;border:1px solid transparent}.btn-primary{background:var(--cca-navy);color:#fff}.btn-secondary{border-color:#cad2dc;color:var(--cca-navy);background:#fff}.hero{padding:76px 0 64px;background:linear-gradient(180deg,#f7faff 0,#fff 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:64px;align-items:center}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#365b91}.status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-weight:800;font-size:.82rem;margin-bottom:18px}.status.connected{background:#e8f7f0;color:#17623f}.status.available{background:#edf3ff;color:#234e9a}.hero h1{font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.035em;margin:12px 0 22px;color:var(--cca-navy)}.lead{font-size:1.12rem;color:#4a596a;max-width:760px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.logo-card{min-height:290px;border:1px solid var(--cca-line);border-radius:22px;background:#fff;box-shadow:var(--cca-shadow);display:flex;align-items:center;justify-content:center;padding:42px}.logo-card img{width:100%;max-width:300px;max-height:160px;object-fit:contain}.section{padding:72px 0}.section.soft{background:var(--cca-soft)}.section-head{max-width:800px;margin-bottom:34px}.section h2{font-size:clamp(1.85rem,3vw,2.7rem);line-height:1.15;color:var(--cca-navy);margin:0 0 16px;letter-spacing:-.02em}.section h3{font-size:1.15rem;color:var(--cca-navy);margin:0 0 8px}.section p{color:#4e5d6d}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--cca-line);border-radius:var(--cca-radius);padding:26px;background:#fff}.card p{margin-bottom:0}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}.step{position:relative;border:1px solid var(--cca-line);border-radius:16px;padding:52px 22px 22px;background:#fff}.step:before{counter-increment:step;content:counter(step);position:absolute;top:18px;left:22px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--cca-navy);color:#fff;font-weight:800;font-size:.8rem}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.benefit{display:flex;gap:12px;align-items:flex-start;padding:18px;border:1px solid var(--cca-line);border-radius:14px;background:#fff}.benefit:before{content:'✓';font-weight:900;color:var(--cca-green)}.availability{border-left:4px solid var(--cca-blue);background:#f6f9ff;padding:26px 28px;border-radius:12px}.availability.connected-box{border-left-color:var(--cca-green);background:#f1fbf6}.cta-panel{background:var(--cca-navy);color:#fff;border-radius:24px;padding:48px}.cta-panel h2,.cta-panel p{color:#fff}.breadcrumb{font-size:.9rem;color:#65758a;margin-bottom:18px}.breadcrumb a{color:#365b91;text-decoration:none}.site-footer{padding:42px 0;border-top:1px solid var(--cca-line);background:#fff;color:#64748b}.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-row a{color:#526174;text-decoration:none;margin-right:18px}@media(max-width:900px){.hero-grid,.grid-3,.workflow{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.nav-links{display:none}.hero{padding-top:52px}.logo-card{min-height:220px}.cta-panel{padding:34px 26px}}