:root { --ink:#111827; --muted:#5b6678; --line:#dce5ef; --soft:#f5f8fb; --brand:#0f766e; --brand2:#2563eb; --accent:#f97316; --rose:#be123c; --dark:#14161d; --radius:8px; --max:1180px; }
        * { box-sizing:border-box; }
        html { scroll-behavior:smooth; }
        body { margin:0; padding-bottom:82px; font:16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif; color:var(--ink); background:#fff; }
        a { color:inherit; text-decoration:none; }
        .topbar { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.92); backdrop-filter:blur(16px); border-bottom:1px solid rgba(220,229,239,.9); }
        .nav { width:min(var(--max), calc(100% - 36px)); margin:0 auto; min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
        .brand { display:flex; align-items:center; gap:11px; font-weight:900; letter-spacing:0; }
        .brand-mark { width:38px; height:38px; border-radius:8px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg, var(--brand), var(--brand2)); font-weight:950; }
        .nav-links { display:flex; align-items:center; gap:18px; color:#465366; font-weight:750; font-size:14px; }
        .nav-actions { display:flex; align-items:center; gap:10px; }
        .button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 17px; border-radius:8px; border:1px solid transparent; background:var(--brand); color:#fff; font-weight:850; cursor:pointer; box-shadow:0 12px 24px rgba(15,118,110,.16); }
        .button.secondary { background:#fff; color:#111827; border-color:#cbd5e1; box-shadow:none; }
        .button.dark { background:#111827; box-shadow:0 12px 24px rgba(17,24,39,.18); }
        .hero { position:relative; overflow:hidden; min-height:680px; background:#111827; color:#fff; }
        .hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 18%, rgba(249,115,22,.34), transparent 28%), radial-gradient(circle at 62% 72%, rgba(15,118,110,.32), transparent 28%), linear-gradient(135deg, #111827 0%, #172033 54%, #203045 100%); }
        .hero-inner { position:relative; width:min(var(--max), calc(100% - 36px)); margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.78fr); gap:clamp(34px,5vw,72px); align-items:center; padding:86px 0 72px; }
        .eyebrow { margin:0 0 12px; color:#0f766e; text-transform:uppercase; letter-spacing:.12em; font-size:12px; font-weight:950; }
        .hero .eyebrow { color:#7dd3fc; }
        h1 { margin:0; font-size:clamp(42px,6vw,76px); line-height:.96; letter-spacing:0; max-width:820px; }
        h2 { margin:0; font-size:clamp(30px,4vw,48px); line-height:1.05; letter-spacing:0; }
        h3 { margin:0; font-size:20px; }
        p { margin:0; }
        .lead { margin-top:22px; max-width:720px; color:rgba(255,255,255,.78); font-size:clamp(18px,2vw,22px); }
        .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
        .hero-proof { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; max-width:760px; }
        .hero-proof span { border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.09); border-radius:8px; padding:8px 11px; color:rgba(255,255,255,.84); font-weight:750; font-size:13px; }
        .hero-saas-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:24px; max-width:820px; }
        .hero-saas-rail article { border:1px solid rgba(255,255,255,.16); border-radius:8px; background:rgba(255,255,255,.09); padding:13px; min-height:92px; }
        .hero-saas-rail strong { display:block; color:#fff; font-size:18px; margin-bottom:4px; }
        .hero-saas-rail span { display:block; color:rgba(255,255,255,.72); font-size:12px; font-weight:750; }
        .hero-note { margin-top:16px; color:rgba(255,255,255,.68); font-size:14px; max-width:720px; }
        .product-visual { position:relative; border:1px solid rgba(255,255,255,.18); border-radius:8px; background:rgba(255,255,255,.1); box-shadow:0 30px 70px rgba(0,0,0,.28); padding:16px; backdrop-filter:blur(14px); }
        .browser { border-radius:8px; overflow:hidden; background:#f8fafc; color:#111827; min-height:450px; }
        .browser-top { display:flex; gap:7px; padding:13px; background:#e5edf6; border-bottom:1px solid #cbd5e1; }
        .browser-top i { width:10px; height:10px; border-radius:50%; background:#94a3b8; }
        .dash { display:grid; grid-template-columns:150px 1fr; min-height:407px; }
        .side { background:#111827; color:#cbd5e1; padding:18px 14px; display:grid; align-content:start; gap:10px; }
        .side b { color:#fff; margin-bottom:10px; }
        .side span { padding:8px 10px; border-radius:8px; background:rgba(255,255,255,.07); font-size:13px; }
        .main-ui { padding:20px; display:grid; gap:14px; align-content:start; }
        .score-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
        .metric { border:1px solid #dce5ef; border-radius:8px; padding:13px; background:#fff; }
        .metric strong { display:block; font-size:24px; }
        .metric small { color:#64748b; font-weight:750; }
        .banner-mock { border:1px solid #dce5ef; border-radius:8px; background:#fff; padding:16px; box-shadow:0 16px 32px rgba(15,23,42,.08); }
        .banner-mock p { color:#64748b; margin:8px 0 14px; }
        .toggle-line { display:grid; gap:8px; margin:14px 0; }
        .toggle-line span { display:flex; justify-content:space-between; border:1px solid #e2e8f0; border-radius:8px; padding:8px 10px; color:#475569; font-size:13px; }
        .mock-actions { display:flex; gap:8px; }
        .mock-actions button { border:0; border-radius:8px; padding:10px 12px; font-weight:850; color:#fff; background:var(--brand); }
        .mock-actions button:nth-child(2) { background:#f1f5f9; color:#0f172a; }
        .floating-cookie { position:absolute; right:26px; bottom:26px; width:52px; height:52px; border-radius:999px; display:grid; place-items:center; background:#0f766e; color:#fff; font-weight:950; box-shadow:0 14px 30px rgba(15,118,110,.28); }
        .trust-strip { width:min(var(--max), calc(100% - 36px)); margin:-34px auto 0; position:relative; z-index:5; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--line); box-shadow:0 20px 46px rgba(15,23,42,.12); }
        .trust-strip article { background:#fff; padding:18px; min-height:112px; }
        .trust-strip strong { display:block; font-size:28px; line-height:1; margin-bottom:8px; color:#0f172a; }
        .trust-strip span { display:block; color:#5b6678; font-weight:750; font-size:14px; }
        .process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; counter-reset:steps; }
        .process-card { position:relative; border:1px solid var(--line); border-radius:8px; background:#fff; padding:22px; min-height:240px; display:grid; gap:12px; align-content:start; box-shadow:0 16px 36px rgba(15,23,42,.05); counter-increment:steps; }
        .process-card::before { content:"0" counter(steps); width:42px; height:42px; display:grid; place-items:center; border-radius:8px; background:#e6fffb; color:#0f766e; font-weight:950; }
        .process-card p { color:var(--muted); }
        .audit-panel { display:grid; grid-template-columns:minmax(0,.9fr) minmax(340px,.65fr); gap:22px; align-items:stretch; }
        .audit-copy { border-radius:8px; background:#111827; color:#fff; padding:28px; display:grid; align-content:center; gap:14px; }
        .audit-copy p { color:rgba(255,255,255,.74); }
        .audit-list { display:grid; gap:10px; }
        .audit-list article { border:1px solid var(--line); border-radius:8px; background:#fff; padding:16px; display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; }
        .audit-list b { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:#f0fdf4; color:#166534; }
        .audit-list strong { display:block; margin-bottom:4px; }
        .audit-list span { display:block; color:var(--muted); }
        .audience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
        .audience-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:24px; display:grid; gap:14px; align-content:start; min-height:250px; box-shadow:0 16px 36px rgba(15,23,42,.05); }
        .audience-card ul { margin:0; padding:0; display:grid; gap:8px; }
        .audience-card li { list-style:none; color:#475569; }
        .audience-card .tag { width:max-content; max-width:100%; border-radius:999px; background:#eef6ff; color:#2563eb; padding:6px 10px; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
        .audience-card:nth-child(2) .tag { background:#f0fdfa; color:#0f766e; }
        .audience-card:nth-child(3) .tag { background:#fff7ed; color:#c2410c; }
        .audience-card p { color:var(--muted); }
        .audience-result { border-top:1px solid var(--line); padding-top:12px; color:#0f172a; font-weight:850; }
        .compare-table { border:1px solid var(--line); border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 18px 42px rgba(15,23,42,.06); }
        .compare-row { display:grid; grid-template-columns:minmax(180px,.8fr) repeat(2, minmax(0,1fr)); border-top:1px solid var(--line); }
        .compare-row:first-child { border-top:0; background:#111827; color:#fff; }
        .compare-row > div { padding:16px 18px; border-left:1px solid var(--line); }
        .compare-row:first-child > div { border-left-color:rgba(255,255,255,.14); }
        .compare-row > div:first-child { border-left:0; font-weight:850; }
        .compare-row span { display:block; color:#5b6678; }
        .compare-row:first-child span { color:rgba(255,255,255,.72); }
        .compare-good { color:#0f766e; font-weight:850; }
        .compare-weak { color:#be123c; font-weight:850; }
        .objection-band { max-width:none; width:100%; background:#f8fbff; border-top:1px solid #e5edf6; border-bottom:1px solid #e5edf6; }
        .objection-layout { display:grid; grid-template-columns:minmax(0,.76fr) minmax(360px,1fr); gap:26px; align-items:start; }
        .objection-copy { display:grid; gap:14px; align-content:start; }
        .objection-copy p:not(.eyebrow) { color:var(--muted); font-size:18px; }
        .objection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
        .objection-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:18px; display:grid; gap:8px; min-height:155px; box-shadow:0 14px 32px rgba(15,23,42,.04); }
        .objection-card span { color:#be123c; font-weight:900; font-size:13px; text-transform:uppercase; letter-spacing:.06em; }
        .objection-card:nth-child(2) span, .objection-card:nth-child(4) span { color:#0f766e; }
        .objection-card p { color:var(--muted); }
        .confidence-strip { margin-top:16px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
        .confidence-strip span { border:1px solid var(--line); border-radius:8px; background:#fff; padding:13px 14px; color:#334155; font-weight:850; box-shadow:0 12px 26px rgba(15,23,42,.035); }
        .faq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
        .faq-grid details { border:1px solid var(--line); border-radius:8px; background:#fff; padding:18px 20px; box-shadow:0 16px 36px rgba(15,23,42,.04); }
        .faq-grid summary { cursor:pointer; font-weight:900; color:#111827; }
        .faq-grid p { color:var(--muted); margin-top:12px; }
        .section { width:min(var(--max), calc(100% - 36px)); margin:0 auto; padding:76px 0; }
        .section-head { display:grid; grid-template-columns:minmax(0,.8fr) minmax(280px,.45fr); gap:28px; align-items:end; margin-bottom:30px; }
        .section-head p:not(.eyebrow) { color:var(--muted); font-size:18px; }
        .grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
        .card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:22px; min-height:210px; display:grid; align-content:start; gap:12px; box-shadow:0 16px 36px rgba(15,23,42,.05); }
        .card strong.kicker { color:var(--brand); font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
        .card p { color:var(--muted); }
        .outcome-band { max-width:none; background:#fff; border-top:1px solid #e5edf6; border-bottom:1px solid #e5edf6; }
        .outcome-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
        .outcome-card { border:1px solid var(--line); border-radius:8px; background:#f8fbff; padding:22px; min-height:210px; display:grid; align-content:start; gap:12px; }
        .outcome-card strong { display:block; font-size:30px; color:#0f172a; line-height:1; }
        .outcome-card h3 { font-size:18px; }
        .outcome-card p { color:var(--muted); }
        .outcome-card:nth-child(2) { background:#f0fdfa; }
        .outcome-card:nth-child(3) { background:#fff7ed; }
        .outcome-card:nth-child(4) { background:#f8fafc; }
        .service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
        .service-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:24px; min-height:245px; display:grid; align-content:start; gap:12px; box-shadow:0 18px 42px rgba(15,23,42,.06); }
        .service-card span { width:max-content; max-width:100%; border-radius:999px; background:#eef6ff; color:#2563eb; padding:6px 10px; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
        .service-card:nth-child(2) span, .service-card:nth-child(5) span { background:#f0fdfa; color:#0f766e; }
        .service-card:nth-child(3) span, .service-card:nth-child(6) span { background:#fff7ed; color:#c2410c; }
        .service-card p { color:var(--muted); }
        .service-card ul { margin:0; padding:0; display:grid; gap:8px; }
        .service-card li { list-style:none; color:#475569; }
        .service-levels { margin-top:18px; border:1px solid var(--line); border-radius:8px; background:#111827; color:#fff; overflow:hidden; box-shadow:0 24px 54px rgba(15,23,42,.14); }
        .service-level-row { display:grid; grid-template-columns:minmax(170px,.7fr) repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.12); }
        .service-level-row:first-child { border-top:0; background:rgba(255,255,255,.08); }
        .service-level-row > div { padding:18px; border-left:1px solid rgba(255,255,255,.12); }
        .service-level-row > div:first-child { border-left:0; font-weight:900; }
        .service-level-row span { display:block; color:rgba(255,255,255,.72); margin-top:5px; font-weight:500; }
        .service-note { margin-top:18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
        .service-note article { border:1px solid var(--line); border-radius:8px; background:#f8fbff; padding:18px; display:grid; gap:8px; }
        .service-note article:nth-child(2) { background:#f0fdfa; }
        .service-note article:nth-child(3) { background:#fff7ed; }
        .service-note p { color:var(--muted); }
        .result-pack { margin-top:22px; border:1px solid var(--line); border-radius:8px; background:#f8fbff; padding:22px; display:grid; gap:16px; }
        .result-pack-head { display:grid; grid-template-columns:minmax(0,.8fr) minmax(260px,.45fr); gap:22px; align-items:end; }
        .result-pack-head p:not(.eyebrow) { color:var(--muted); }
        .result-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
        .result-item { border:1px solid var(--line); border-radius:8px; background:#fff; padding:18px; display:grid; gap:8px; min-height:175px; box-shadow:0 14px 30px rgba(15,23,42,.04); }
        .result-item b { width:36px; height:36px; border-radius:8px; display:grid; place-items:center; background:#111827; color:#fff; }
        .result-item p { color:var(--muted); }
        .band { max-width:none; width:100%; background:#f4f8fb; border-top:1px solid #e5edf6; border-bottom:1px solid #e5edf6; }
        .feature-list { display:grid; gap:12px; }
        .feature-list li { list-style:none; border:1px solid var(--line); border-radius:8px; background:#fff; padding:14px 16px; color:#465366; font-weight:750; }
        .purpose-section { width:min(var(--max), calc(100% - 36px)); margin:0 auto; padding:76px 0; }
        .purpose-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
        .purpose-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:20px; min-height:245px; display:grid; gap:10px; align-content:start; box-shadow:0 16px 36px rgba(15,23,42,.05); }
        .purpose-card span { width:max-content; max-width:100%; border-radius:999px; background:#eef6ff; color:#2563eb; padding:6px 10px; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
        .purpose-card:nth-child(2) span { background:#f0fdfa; color:#0f766e; }
        .purpose-card:nth-child(3) span { background:#fff7ed; color:#c2410c; }
        .purpose-card:nth-child(4) span { background:#fff1f2; color:#be123c; }
        .purpose-card p { color:var(--muted); }
        .purpose-card strong { color:#0f172a; }
        .integration-ecosystem { display:grid; grid-template-columns:minmax(0,.8fr) minmax(360px,1fr); gap:28px; align-items:start; }
        .integration-copy { display:grid; gap:14px; align-content:start; }
        .integration-copy p:not(.eyebrow) { color:var(--muted); font-size:18px; }
        .integration-stack { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
        .integration-tile { border:1px solid var(--line); border-radius:8px; background:#fff; padding:18px; min-height:150px; display:grid; gap:9px; align-content:start; box-shadow:0 16px 36px rgba(15,23,42,.05); }
        .integration-tile span { width:40px; height:40px; border-radius:8px; display:grid; place-items:center; background:#eef6ff; color:#2563eb; font-weight:950; }
        .integration-tile:nth-child(2) span { background:#f0fdfa; color:#0f766e; }
        .integration-tile:nth-child(3) span { background:#fff7ed; color:#c2410c; }
        .integration-tile:nth-child(4) span { background:#fff1f2; color:#be123c; }
        .integration-tile p { color:var(--muted); }
        .split { display:grid; grid-template-columns:minmax(0,.78fr) minmax(340px,1fr); gap:42px; align-items:center; }
        .snippet-box { border-radius:8px; background:#111827; color:#e5e7eb; padding:20px; border:1px solid #263247; box-shadow:0 24px 50px rgba(17,24,39,.16); }
        .snippet-box code { display:block; white-space:pre-wrap; word-break:break-word; font:14px/1.65 Consolas, Monaco, monospace; }
        .deliverable-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
        .deliverable-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:20px; min-height:190px; display:grid; gap:10px; align-content:start; box-shadow:0 16px 36px rgba(15,23,42,.05); }
        .deliverable-card b { width:38px; height:38px; display:grid; place-items:center; border-radius:8px; background:#eef6ff; color:#2563eb; }
        .deliverable-card p { color:var(--muted); }
        .security-band { max-width:none; background:#111827; color:#fff; }
        .security-grid { display:grid; grid-template-columns:minmax(0,.82fr) repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; }
        .security-intro { padding:10px 24px 10px 0; display:grid; align-content:center; gap:12px; }
        .security-intro p { color:rgba(255,255,255,.72); }
        .security-card { border:1px solid rgba(255,255,255,.14); border-radius:8px; background:rgba(255,255,255,.08); padding:20px; display:grid; gap:10px; align-content:start; }
        .security-card strong { color:#fff; }
        .security-card span { color:rgba(255,255,255,.72); }
        .pricing { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
        .price { border:1px solid var(--line); border-radius:8px; padding:24px; background:#fff; display:grid; gap:14px; align-content:start; box-shadow:0 18px 40px rgba(15,23,42,.06); }
        .price.highlight { border-color:#0f766e; box-shadow:0 22px 54px rgba(15,118,110,.14); }
        .price b { font-size:34px; }
        .price ul { margin:0; padding:0; display:grid; gap:9px; }
        .price li { list-style:none; color:#475569; }
        .addon-section { width:min(var(--max), calc(100% - 36px)); margin:0 auto; padding:76px 0; }
        .addon-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
        .addon-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:20px; min-height:235px; display:grid; gap:10px; align-content:start; box-shadow:0 16px 36px rgba(15,23,42,.05); }
        .addon-card span { width:max-content; max-width:100%; border-radius:999px; background:#eef6ff; color:#2563eb; padding:6px 10px; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
        .addon-card:nth-child(2) span { background:#f0fdfa; color:#0f766e; }
        .addon-card:nth-child(3) span { background:#fff7ed; color:#c2410c; }
        .addon-card:nth-child(4) span { background:#fff1f2; color:#be123c; }
        .addon-card p { color:var(--muted); }
        .addon-card strong { color:#0f172a; }
        .addon-strip { margin-top:16px; border:1px solid var(--line); border-radius:8px; background:#111827; color:#fff; padding:18px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:center; }
        .addon-strip p { color:rgba(255,255,255,.72); }
        .catalog-panel { margin-top:18px; border:1px solid var(--line); border-radius:8px; background:#fff; overflow:hidden; box-shadow:0 18px 42px rgba(15,23,42,.06); }
        .catalog-row { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1fr) minmax(0,1fr) minmax(150px,.45fr); border-top:1px solid var(--line); }
        .catalog-row:first-child { border-top:0; background:#111827; color:#fff; font-weight:900; }
        .catalog-row > div { padding:16px 18px; border-left:1px solid var(--line); }
        .catalog-row:first-child > div { border-left-color:rgba(255,255,255,.14); }
        .catalog-row > div:first-child { border-left:0; font-weight:900; }
        .catalog-row span { display:block; color:#5b6678; }
        .catalog-row:first-child span { color:rgba(255,255,255,.72); }
        .catalog-badge { width:max-content; max-width:100%; border-radius:999px; background:#eef6ff; color:#2563eb; padding:5px 9px; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.06em; }
        .maturity-grid { margin-top:18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
        .maturity-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:22px; display:grid; gap:12px; align-content:start; min-height:255px; box-shadow:0 16px 36px rgba(15,23,42,.05); }
        .maturity-card.featured { border-color:#0f766e; background:linear-gradient(180deg,#f0fdfa 0%,#fff 74%); box-shadow:0 22px 54px rgba(15,118,110,.14); }
        .maturity-card span { width:max-content; max-width:100%; border-radius:999px; background:#eef6ff; color:#2563eb; padding:6px 10px; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
        .maturity-card.featured span { background:#ccfbf1; color:#0f766e; }
        .maturity-card p { color:var(--muted); }
        .maturity-card ul { margin:0; padding:0; display:grid; gap:8px; }
        .maturity-card li { list-style:none; color:#475569; }
        .maturity-result { border-top:1px solid var(--line); padding-top:12px; color:#0f172a; font-weight:850; }
        .reporting-band { max-width:none; width:100%; background:#111827; color:#fff; }
        .reporting-layout { display:grid; grid-template-columns:minmax(0,.72fr) minmax(380px,1fr); gap:28px; align-items:start; }
        .reporting-copy { display:grid; gap:14px; align-content:start; padding-right:10px; }
        .reporting-copy p:not(.eyebrow) { color:rgba(255,255,255,.72); font-size:18px; }
        .reporting-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
        .reporting-card { border:1px solid rgba(255,255,255,.14); border-radius:8px; background:rgba(255,255,255,.08); padding:18px; min-height:160px; display:grid; gap:8px; align-content:start; }
        .reporting-card b { width:38px; height:38px; border-radius:8px; display:grid; place-items:center; background:#fff; color:#111827; }
        .reporting-card p { color:rgba(255,255,255,.72); }
        .reporting-strip { margin-top:16px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
        .reporting-strip span { border:1px solid rgba(255,255,255,.14); border-radius:8px; padding:12px; background:rgba(255,255,255,.08); color:#fff; font-weight:850; }
        .responsibility-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
        .responsibility-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:24px; min-height:285px; display:grid; align-content:start; gap:13px; box-shadow:0 18px 42px rgba(15,23,42,.06); }
        .responsibility-card span { width:max-content; max-width:100%; border-radius:999px; background:#eef6ff; color:#2563eb; padding:6px 10px; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
        .responsibility-card:nth-child(2) span { background:#f0fdfa; color:#0f766e; }
        .responsibility-card:nth-child(3) span { background:#fff7ed; color:#c2410c; }
        .responsibility-card p { color:var(--muted); }
        .responsibility-card ul { margin:0; padding:0; display:grid; gap:8px; }
        .responsibility-card li { list-style:none; color:#475569; }
        .responsibility-result { border-top:1px solid var(--line); padding-top:12px; color:#0f172a; font-weight:850; }
        .quality-band { max-width:none; width:100%; background:#f4f8fb; border-top:1px solid #e5edf6; border-bottom:1px solid #e5edf6; }
        .quality-layout { display:grid; grid-template-columns:minmax(0,.82fr) minmax(360px,1fr); gap:26px; align-items:start; }
        .quality-copy { display:grid; gap:14px; align-content:start; }
        .quality-copy p:not(.eyebrow) { color:var(--muted); font-size:18px; }
        .quality-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
        .quality-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:18px; min-height:155px; display:grid; gap:8px; box-shadow:0 14px 32px rgba(15,23,42,.04); }
        .quality-card b { width:38px; height:38px; border-radius:8px; display:grid; place-items:center; background:#eef6ff; color:#2563eb; }
        .quality-card:nth-child(2) b { background:#f0fdfa; color:#0f766e; }
        .quality-card:nth-child(3) b { background:#fff7ed; color:#c2410c; }
        .quality-card:nth-child(4) b { background:#fff1f2; color:#be123c; }
        .quality-card p { color:var(--muted); }
        .quality-promise { margin-top:16px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:18px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
        .quality-promise span { color:#334155; font-weight:850; }
        .delivery-flow { display:grid; grid-template-columns:minmax(0,.72fr) minmax(380px,1fr); gap:28px; align-items:start; }
        .delivery-copy { display:grid; gap:14px; align-content:start; }
        .delivery-copy p:not(.eyebrow) { color:var(--muted); font-size:18px; }
        .delivery-steps { display:grid; gap:12px; counter-reset:delivery; }
        .delivery-step { counter-increment:delivery; border:1px solid var(--line); border-radius:8px; background:#fff; padding:18px; display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:start; box-shadow:0 14px 32px rgba(15,23,42,.04); }
        .delivery-step:before { content:counter(delivery, decimal-leading-zero); width:42px; height:42px; border-radius:8px; display:grid; place-items:center; background:#111827; color:#fff; font-weight:950; }
        .delivery-step p { color:var(--muted); margin-top:5px; }
        .delivery-summary { margin-top:14px; border:1px solid var(--line); border-radius:8px; background:#f8fbff; padding:18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
        .delivery-summary article { display:grid; gap:7px; }
        .delivery-summary p { color:var(--muted); }
        .decision-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
        .decision-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:24px; display:grid; gap:14px; align-content:start; min-height:260px; box-shadow:0 18px 40px rgba(15,23,42,.06); }
        .decision-card.featured { border-color:#0f766e; background:linear-gradient(180deg,#f0fdfa 0%,#fff 72%); }
        .decision-card span { width:max-content; max-width:100%; border-radius:999px; background:#eef6ff; color:#2563eb; padding:6px 10px; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
        .decision-card.featured span { background:#ccfbf1; color:#0f766e; }
        .decision-card p { color:var(--muted); }
        .decision-card ul { margin:0; padding:0; display:grid; gap:8px; }
        .decision-card li { list-style:none; color:#475569; }
        .roi-grid { display:grid; grid-template-columns:minmax(0,.9fr) repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; }
        .roi-intro { border-radius:8px; background:#111827; color:#fff; padding:26px; display:grid; align-content:center; gap:12px; }
        .roi-intro p { color:rgba(255,255,255,.72); }
        .roi-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:22px; display:grid; gap:10px; align-content:start; min-height:210px; box-shadow:0 16px 36px rgba(15,23,42,.05); }
        .roi-card strong { font-size:36px; line-height:1; color:#0f766e; }
        .roi-card p { color:var(--muted); }
        .managed-band { max-width:none; width:100%; background:#fff; border-top:1px solid #e5edf6; border-bottom:1px solid #e5edf6; }
        .managed-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(360px,1fr); gap:26px; align-items:start; }
        .managed-intro { display:grid; gap:14px; align-content:start; padding-right:12px; }
        .managed-intro p:not(.eyebrow) { color:var(--muted); font-size:18px; }
        .managed-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
        .managed-check { border:1px solid var(--line); border-radius:8px; background:#f8fbff; padding:18px; display:grid; gap:8px; min-height:150px; }
        .managed-check:nth-child(2) { background:#f0fdfa; }
        .managed-check:nth-child(3) { background:#fff7ed; }
        .managed-check:nth-child(4) { background:#fff1f2; }
        .managed-check strong { color:#0f172a; }
        .managed-check p { color:var(--muted); }
        .handover-panel { margin-top:14px; border:1px solid var(--line); border-radius:8px; background:#111827; color:#fff; padding:22px; display:grid; gap:14px; }
        .handover-panel p { color:rgba(255,255,255,.72); }
        .handover-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
        .handover-list span { border:1px solid rgba(255,255,255,.14); border-radius:8px; padding:12px; background:rgba(255,255,255,.08); font-weight:850; }
        .sticky-cta { position:fixed; left:50%; bottom:18px; transform:translateX(-50%); z-index:40; width:min(720px, calc(100% - 28px)); display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px; border:1px solid rgba(203,213,225,.9); border-radius:8px; background:rgba(255,255,255,.94); box-shadow:0 18px 42px rgba(15,23,42,.18); backdrop-filter:blur(16px); }
        .sticky-cta span { color:#334155; font-weight:850; }
        .sticky-cta-actions { display:flex; gap:8px; }
        .sticky-cta .button { min-height:38px; padding:0 12px; font-size:14px; }
        .proof-grid { display:grid; grid-template-columns:1.1fr .9fr .9fr; gap:16px; }
        .proof-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:24px; min-height:230px; display:grid; gap:14px; align-content:start; box-shadow:0 18px 40px rgba(15,23,42,.06); }
        .proof-card.lead-proof { background:linear-gradient(135deg,#111827,#1f2937); color:#fff; }
        .proof-card.lead-proof p { color:rgba(255,255,255,.76); }
        .proof-card p { color:var(--muted); }
        .proof-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:4px; }
        .proof-metrics span { border:1px solid rgba(255,255,255,.14); border-radius:8px; padding:12px; background:rgba(255,255,255,.08); color:#fff; font-weight:850; }
        .proof-metrics small { display:block; color:rgba(255,255,255,.68); font-weight:700; margin-top:4px; }
        .onboarding-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
        .onboarding-card { border:1px solid var(--line); border-radius:8px; background:#fff; padding:20px; display:grid; gap:10px; align-content:start; min-height:210px; box-shadow:0 16px 36px rgba(15,23,42,.05); }
        .onboarding-card span { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; background:#fff7ed; color:#c2410c; font-weight:950; }
        .onboarding-card p { color:var(--muted); }
        .cta { max-width:none; background:#14161d; color:#fff; }
        .cta .section { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center; }
        .cta p { color:rgba(255,255,255,.74); margin-top:12px; max-width:760px; }
        footer { border-top:1px solid var(--line); padding:28px 0; color:#64748b; }
        .footer-inner { width:min(var(--max), calc(100% - 36px)); margin:0 auto; display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; }
        @media (max-width:980px) { .hero-inner,.section-head,.split,.cta .section,.audit-panel,.security-grid,.roi-grid,.integration-ecosystem { grid-template-columns:1fr; } .product-visual { max-width:640px; } .grid,.pricing,.trust-strip,.process-grid,.audience-grid,.faq-grid,.deliverable-grid,.decision-grid,.addon-grid,.purpose-grid,.proof-grid,.onboarding-grid,.outcome-grid,.service-grid,.maturity-grid,.responsibility-grid { grid-template-columns:1fr; } .hero-saas-rail { grid-template-columns:repeat(2,minmax(0,1fr)); } .service-level-row { grid-template-columns:1fr; } .service-level-row > div { border-left:0; border-top:1px solid rgba(255,255,255,.12); } .service-level-row > div:first-child { border-top:0; } .service-note { grid-template-columns:1fr; } .catalog-row { grid-template-columns:1fr; } .catalog-row > div { border-left:0; border-top:1px solid var(--line); } .catalog-row > div:first-child { border-top:0; } .compare-row { grid-template-columns:1fr; } .compare-row > div { border-left:0; border-top:1px solid var(--line); } .compare-row > div:first-child { border-top:0; } .nav-links { display:none; } .dash { grid-template-columns:1fr; } .side { display:none; } .trust-strip { margin-top:18px; } .security-intro { padding-right:0; } .proof-metrics,.managed-layout,.managed-checks,.handover-list,.result-pack-head,.result-grid,.objection-layout,.objection-grid,.confidence-strip,.quality-layout,.quality-grid,.quality-promise,.delivery-flow,.delivery-summary,.addon-strip,.reporting-layout,.reporting-grid,.reporting-strip { grid-template-columns:1fr; } .delivery-step { grid-template-columns:1fr; } }
        @media (max-width:620px) { .nav { width:min(100% - 24px, var(--max)); } .nav-actions .secondary { display:none; } .hero-inner,.section { width:min(100% - 24px, var(--max)); } .hero { min-height:auto; } .hero-inner { padding:56px 0; } .score-row,.hero-saas-rail,.integration-stack { grid-template-columns:1fr; } .browser { min-height:0; } .mock-actions { flex-direction:column; } .button { width:100%; } h1 { font-size:clamp(36px,12vw,52px); } .sticky-cta { align-items:stretch; flex-direction:column; bottom:10px; } .sticky-cta-actions { width:100%; } .sticky-cta-actions .button { flex:1; width:auto; } }

/* 2026-09 softer compact landing and local CMP preview */
body.landing-home .section:nth-of-type(n+11),body.landing-home .band:nth-of-type(n+11){display:none}.nav-links{font-size:13px;gap:13px}.button{min-height:36px;padding:0 13px;border-radius:7px;font-size:13px}.hero-inner,.section{width:min(100% - 40px,1160px)}.hero-inner{padding:70px 0 48px}.hero{min-height:78vh}h1{font-size:clamp(34px,4.4vw,58px);line-height:1.02}h2{font-size:clamp(24px,2.8vw,36px)}h3{font-size:17px}.lead,.section-head p:not(.eyebrow),.integration-copy p:not(.eyebrow),.objection-copy p:not(.eyebrow),.managed-intro p:not(.eyebrow),.quality-copy p:not(.eyebrow),.delivery-copy p:not(.eyebrow){font-size:15px;line-height:1.55}.section{padding:54px 0}.card,.service-card,.purpose-card,.decision-card,.audience-card,.price{border-radius:8px;padding:18px}.grid,.service-grid,.purpose-grid,.decision-grid{gap:14px}.sticky-cta{border-radius:8px;font-size:13px}
[data-d7-cmp-root]{position:fixed;z-index:2147483647;font:13px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;text-rendering:geometricPrecision}[data-d7-cmp-root] *{box-sizing:border-box}[data-d7-cmp-panel]{background:#fff;border:1px solid #d8e2ee;border-radius:12px;box-shadow:0 22px 60px rgba(19,34,56,.18);padding:16px;max-height:calc(100vh - 28px);overflow:auto}[data-d7-cmp-root].d7-bottom{left:16px;right:16px;bottom:16px;max-width:680px;margin:auto}[data-d7-cmp-root].d7-left{margin-left:0;margin-right:auto}[data-d7-cmp-root].d7-right{margin-left:auto;margin-right:0}[data-d7-cmp-root].d7-bar{left:0;right:0;bottom:0;max-width:none;margin:0}[data-d7-cmp-root].d7-bar [data-d7-cmp-panel]{border-radius:12px 12px 0 0;max-width:none}[data-d7-cmp-root].d7-modal{inset:0;display:grid;place-items:center;background:rgba(12,20,33,.42);padding:16px;backdrop-filter:saturate(120%) blur(4px)}[data-d7-cmp-root].d7-modal [data-d7-cmp-panel]{width:min(660px,100%)}[data-d7-cmp-head]{display:flex;gap:10px;align-items:center;margin-bottom:8px}[data-d7-cmp-head] img{max-width:124px;max-height:34px;object-fit:contain}[data-d7-cmp-title]{font-size:18px;line-height:1.18;margin:0;color:#172033;font-weight:850}[data-d7-cmp-intro],[data-d7-cmp-hint],[data-d7-cmp-footer],[data-d7-cmp-desc]{color:#59677a}[data-d7-cmp-summary]{display:grid;gap:7px;margin:12px 0;padding:10px;border:1px solid #e2e8f0;border-radius:9px;background:#f7fafc}[data-d7-cmp-summary] span{display:flex;justify-content:space-between;gap:12px;font-size:12px}[data-d7-cmp-trust]{display:grid;gap:3px;margin:10px 0;padding:10px;border:1px solid #bae6d0;border-radius:9px;background:#f2fbf7;color:#11644d;font-weight:760}[data-d7-cmp-list]{display:grid;gap:8px;margin:12px 0}[data-d7-cmp-cat]{border:1px solid #e2e8f0;border-radius:9px;padding:10px;background:#f8fafc}[data-d7-cmp-label]{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:start;cursor:pointer}[data-d7-cmp-switch]{appearance:none;width:36px;height:20px;border-radius:999px;background:#cbd5e1;position:relative;margin:2px 0 0;cursor:pointer;border:0}[data-d7-cmp-switch]:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 2px rgba(15,23,42,.2)}[data-d7-cmp-switch]:checked{background:#0f766e}[data-d7-cmp-switch]:checked:before{transform:translateX(16px)}[data-d7-cmp-cat] strong{display:block;font-size:13px}[data-d7-cmp-desc],[data-d7-cmp-more]{font-size:12px}[data-d7-cmp-actions]{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}[data-d7-cmp-button]{border:1px solid #101827;background:#fff;color:#101827;border-radius:8px;padding:8px 11px;cursor:pointer;font-weight:800;min-height:36px;font-size:12px;box-shadow:0 8px 18px rgba(15,23,42,.06)}[data-d7-cmp-button].is-filled{background:#101827;color:#fff}[data-d7-cmp-button].is-soft{background:#f8fafc;color:#172033;border-color:#cbd5e1}[data-d7-cmp-button].is-hidden,[data-d7-cmp-list].is-hidden,[data-d7-cmp-summary].is-hidden{display:none!important}[data-d7-cmp-footer]{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:11px}[data-d7-cmp-footer] a{color:#0f766e;text-decoration:underline}[data-d7-cmp-floating]{position:fixed;left:16px;bottom:16px;z-index:2147483646;display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid #0f766e;background:#fff;color:#0f766e;border-radius:999px;padding:0;box-shadow:0 12px 30px rgba(15,23,42,.18);cursor:pointer}[data-d7-cmp-floating-position=bottom_right]{left:auto;right:16px}[data-d7-cmp-floating-size=compact]{width:42px;height:42px}[data-d7-cmp-floating-size=large]{width:56px;height:56px}[data-d7-cmp-floating-style=filled]{background:#0f766e;color:#fff}[data-d7-cmp-floating-style=dark]{background:#111827;color:#fff;border-color:#111827}[data-d7-cmp-floating] svg{width:24px;height:24px;display:block}[data-d7-cmp-floating] span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){[data-d7-cmp-root].d7-bottom,[data-d7-cmp-root].d7-left,[data-d7-cmp-root].d7-right{left:10px;right:10px;bottom:10px;max-width:none}[data-d7-cmp-panel]{padding:14px}[data-d7-cmp-actions]{display:grid}[data-d7-cmp-button]{width:100%}[data-d7-cmp-floating]{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}
/* 2026-09 route pages */
.landing-subpage .hero{min-height:56vh}.landing-subpage .hero-inner{padding:78px 0 44px}.subpage-hero h1{max-width:760px}.landing-subpage .lead{max-width:760px}.landing-subpage .section{padding:56px 0}.landing-subpage .grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:880px){.landing-subpage .grid{grid-template-columns:1fr}}
/* 2026-09 clean multi-page home */
.landing-home-v2 .hero {
    min-height: 620px;
}

.landing-home-v2 .hero-inner {
    grid-template-columns: minmax(0, .88fr) minmax(420px, .72fr);
    gap: 42px;
    align-items: center;
    padding: 88px 0 62px;
}

.landing-home-v2 h1 {
    max-width: 720px;
    font-size: clamp(38px, 4.8vw, 62px);
    line-height: .98;
}

.landing-home-v2 .lead {
    max-width: 680px;
    margin-top: 18px;
    font-size: clamp(16px, 1.35vw, 19px);
    line-height: 1.55;
}

.landing-home-v2 .hero-actions {
    margin-top: 24px;
    gap: 9px;
}

.landing-home-v2 .button {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 7px;
    font-size: 13px;
}

.landing-home-v2 .hero-proof {
    margin-top: 18px;
    gap: 7px;
}

.landing-home-v2 .hero-proof span {
    padding: 6px 9px;
    font-size: 11px;
}

.home-product-card .browser {
    transform: none;
    border-radius: 10px;
}

.home-product-card .dash {
    min-height: 310px;
}

.home-product-card .side span,
.home-product-card .banner-mock p,
.home-product-card .toggle-line span {
    font-size: 11px;
}

.home-product-card .metric strong {
    font-size: 20px;
}

.home-product-card .banner-mock h3 {
    font-size: 16px;
}

.home-product-card .mock-actions button {
    min-height: 30px;
    border-radius: 7px;
    font-size: 11px;
}

.landing-home-v2 .floating-cookie {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: #14b8a6;
    color: #ffffff;
    font-weight: 900;
    box-shadow: 0 16px 34px rgba(20, 184, 166, .28);
}

.home-summary {
    padding: 58px 0 52px;
}

.home-summary-head {
    max-width: 760px;
}

.home-summary-head h2,
.home-process-clean h2,
.home-cta-clean h2 {
    font-size: clamp(28px, 3.3vw, 42px);
}

.home-summary-head p {
    color: var(--muted);
    font-size: 15px;
    line-height: 1.55;
}

.home-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 26px;
}

.home-benefit-grid article,
.home-route-grid a {
    border: 1px solid #dfe7ef;
    border-radius: 8px;
    background: #ffffff;
    padding: 18px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .055);
}

.home-benefit-grid span,
.home-route-grid span {
    display: inline-flex;
    margin-bottom: 13px;
    border-radius: 999px;
    background: #e8faf7;
    color: #0f766e;
    padding: 5px 8px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.home-benefit-grid h3,
.home-route-grid strong {
    display: block;
    margin: 0 0 7px;
    color: #111827;
    font-size: 18px;
    line-height: 1.15;
}

.home-benefit-grid p,
.home-route-grid small {
    display: block;
    margin: 0;
    color: #5b6678;
    font-size: 13px;
    line-height: 1.45;
}

.home-benefit-grid a {
    display: inline-flex;
    margin-top: 13px;
    color: #0f766e;
    font-size: 12px;
    font-weight: 900;
}

.home-route-band {
    background: #eef5f8;
    border-top: 1px solid #dfe7ef;
    border-bottom: 1px solid #dfe7ef;
}

.home-route-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 34px 0;
}

.home-route-grid a {
    color: inherit;
}

.home-process-clean {
    display: grid;
    grid-template-columns: minmax(280px, .42fr) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    padding: 58px 0;
}

.home-process-clean .process-grid {
    margin: 0;
    gap: 10px;
}

.home-process-clean .process-card {
    padding: 16px;
    border-radius: 8px;
}

.home-process-clean .process-card h3 {
    font-size: 16px;
}

.home-process-clean .process-card p {
    font-size: 13px;
    line-height: 1.45;
}

.home-cta-clean .section {
    padding: 38px 0;
}

.landing-home-v2 footer {
    border-top: 1px solid #dfe7ef;
}

@media (max-width: 980px) {
    .landing-home-v2 .hero-inner,
    .home-benefit-grid,
    .home-route-grid,
    .home-process-clean {
        grid-template-columns: 1fr;
    }

    .landing-home-v2 .hero {
        min-height: auto;
    }

    .landing-home-v2 .hero-inner {
        padding: 70px 0 44px;
    }
}
/* Professional 404 fallback */
.not-found-stage { min-height: 100vh; display: grid; place-items: center; padding: 32px; background: radial-gradient(circle at 30% 20%, rgba(20,184,166,.14), transparent 28%), linear-gradient(135deg, #f8fafc, #eef6f8); }
.not-found-card { width: min(760px, 100%); border: 1px solid #dbe3ee; border-radius: 12px; background: rgba(255,255,255,.96); padding: clamp(24px, 5vw, 46px); box-shadow: 0 30px 90px rgba(15,23,42,.12); }
.not-found-card h1 { margin: 8px 0 10px; color: #0f172a; font-size: clamp(32px, 5vw, 58px); line-height: 1; letter-spacing: 0; }
.not-found-card p { color: #475569; font-size: 16px; line-height: 1.6; }
.legal-page {
    background: #f6f9fb;
    color: #101827;
}
.legal-wrap {
    max-width: 1180px;
    padding-top: 128px;
    padding-bottom: 88px;
}
.legal-hero {
    max-width: 820px;
    margin-bottom: 28px;
}
.legal-hero h1 {
    margin: 8px 0 12px;
    font-size: clamp(34px, 5vw, 62px);
    line-height: 1.02;
    letter-spacing: 0;
}
.legal-hero p {
    color: #536174;
    font-size: 17px;
    line-height: 1.65;
}
.legal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.legal-grid-wide {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.legal-grid article {
    background: rgba(255, 255, 255, .92);
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 18px 50px rgba(16, 24, 39, .06);
}
.legal-grid h2 {
    margin: 0 0 10px;
    font-size: 18px;
    letter-spacing: 0;
}
.legal-grid p {
    margin: 0;
    color: #536174;
    line-height: 1.65;
}
.legal-grid a {
    color: #047b66;
    font-weight: 700;
}
@media (max-width: 900px) {
    .legal-grid,
    .legal-grid-wide {
        grid-template-columns: 1fr;
    }
    .legal-wrap {
        padding-top: 108px;
    }
}
/* Public professional subpages */
.public-pro-page {
    background: #f5f8fb;
    color: #101827;
}
.public-pro-page .topbar {
    background: rgba(255, 255, 255, .88);
    border-bottom: 1px solid rgba(203, 213, 225, .72);
    backdrop-filter: blur(16px);
}
.public-pro-page .nav {
    min-height: 72px;
}
.public-pro-page .nav-links a,
.public-pro-page .nav-actions a {
    font-size: 13px;
}
.public-pro-hero {
    min-height: 520px;
    padding-top: 72px;
    background: linear-gradient(135deg, #ffffff 0%, #eef6f8 58%, #eaf2f0 100%);
    border-bottom: 1px solid #dce6ee;
}
.public-pro-hero .hero-inner {
    grid-template-columns: minmax(0, .98fr) minmax(320px, .42fr);
    gap: 34px;
    align-items: center;
    padding: 72px 0 54px;
}
.public-pro-hero h1 {
    max-width: 850px;
    font-size: clamp(40px, 5vw, 76px);
    line-height: .98;
    letter-spacing: 0;
    color: #0f172a;
}
.public-pro-hero .lead {
    max-width: 760px;
    color: #526173;
    font-size: 17px;
    line-height: 1.62;
}
.hero-panel {
    display: grid;
    gap: 10px;
    padding: 22px;
    border: 1px solid #d7e1eb;
    border-radius: 8px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 26px 70px rgba(15, 23, 42, .08);
}
.hero-panel strong {
    color: #0f172a;
    font-size: 15px;
}
.hero-panel span {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 10px;
    border: 1px solid #e1e8f0;
    border-radius: 7px;
    background: #f8fbfd;
    color: #526173;
    font-size: 13px;
    font-weight: 750;
}
.public-feature-stack,
.public-two-col,
.timeline-pro,
.faq-pro,
.pricing-pro {
    padding-top: 58px;
    padding-bottom: 58px;
}
.public-feature-stack .grid {
    gap: 14px;
}
.public-feature-stack .card,
.check-card,
.timeline-pro article,
.faq-pro article,
.pricing-pro article {
    border: 1px solid #dbe5ee;
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 46px rgba(15, 23, 42, .055);
}
.public-feature-stack .card {
    padding: 22px;
}
.public-feature-stack .card h3,
.check-card h3,
.timeline-pro h3,
.faq-pro h3 {
    margin-top: 7px;
    font-size: 19px;
    line-height: 1.18;
    letter-spacing: 0;
}
.public-feature-stack .card p,
.public-two-col p,
.timeline-pro p,
.faq-pro p,
.pricing-pro p {
    color: #586678;
    font-size: 14px;
    line-height: 1.58;
}
.public-two-col {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(300px, .48fr);
    gap: 18px;
    align-items: stretch;
}
.public-two-col > article {
    padding: 26px;
    border: 1px solid #dbe5ee;
    border-radius: 8px;
    background: #ffffff;
}
.public-two-col h2 {
    margin: 8px 0 12px;
    font-size: clamp(26px, 3vw, 42px);
    line-height: 1.04;
    letter-spacing: 0;
}
.check-card ul,
.pricing-pro ul {
    display: grid;
    gap: 9px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}
.check-card li,
.pricing-pro li {
    position: relative;
    padding-left: 20px;
    color: #536174;
    font-size: 13px;
    line-height: 1.45;
}
.check-card li::before,
.pricing-pro li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .55em;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #14b8a6;
}
.timeline-pro {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.timeline-pro article,
.faq-pro article,
.pricing-pro article {
    padding: 22px;
}
.timeline-pro span {
    display: inline-flex;
    margin-bottom: 14px;
    color: #0f766e;
    font-size: 11px;
    font-weight: 900;
}
.faq-pro {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.pricing-pro {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}
.pricing-pro article.is-featured {
    border-color: #14b8a6;
    box-shadow: 0 24px 74px rgba(20, 184, 166, .14);
}
.pricing-pro h2 {
    margin: 8px 0 8px;
    font-size: 42px;
    line-height: 1;
    letter-spacing: 0;
}
@media (max-width: 980px) {
    .public-pro-hero .hero-inner,
    .public-two-col,
    .timeline-pro,
    .faq-pro,
    .pricing-pro {
        grid-template-columns: 1fr;
    }
    .public-pro-hero h1 {
        font-size: 42px;
    }
}
.legal-note-band {
    max-width: 1180px;
    margin: -34px auto 78px;
    padding: 22px 24px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(16, 24, 39, .06);
}
.legal-note-band strong {
    display: block;
    margin-bottom: 8px;
    color: #0f172a;
}
.legal-note-band p {
    margin: 0;
    color: #536174;
    line-height: 1.62;
}
/* Pricing package clarity 2026-09-01 */
.pricing-hero .hero-panel span {
    background: #ffffff;
}

.pricing-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pricing-four .price-card {
    position: relative;
    display: grid;
    gap: 10px;
    align-content: start;
    min-height: 520px;
}

.price-card > span {
    width: max-content;
    max-width: 100%;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    padding: 5px 8px;
}

.price-card h2 {
    margin: 0;
    color: #0f172a;
    font-size: 22px;
    line-height: 1.1;
}

.price-card > strong {
    display: block;
    color: #0f172a;
    font-size: 38px;
    line-height: 1;
}

.price-card > strong small {
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.price-business {
    border-color: #14b8a6 !important;
    box-shadow: 0 28px 80px rgba(20, 184, 166, .16) !important;
}

.price-agency {
    border-color: #0f172a !important;
}

.feature-matrix-section {
    padding-top: 30px;
    padding-bottom: 64px;
}

.matrix-head {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(280px, .5fr);
    gap: 18px;
    align-items: end;
    margin-bottom: 18px;
}

.matrix-head h2 {
    margin: 7px 0 0;
    color: #0f172a;
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.04;
    letter-spacing: 0;
}

.matrix-head p {
    margin: 0;
    color: #536174;
    font-size: 14px;
    line-height: 1.6;
}

.feature-matrix-wrap {
    overflow: auto;
    border: 1px solid #dbe5ee;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .055);
}

.feature-matrix-wrap table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    font-size: 13px;
}

.feature-matrix-wrap th,
.feature-matrix-wrap td {
    border-bottom: 1px solid #edf2f7;
    padding: 13px 14px;
    text-align: left;
    vertical-align: top;
}

.feature-matrix-wrap thead th {
    color: #0f172a;
    background: #f8fbfd;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.feature-matrix-wrap tbody th {
    color: #0f172a;
    font-weight: 850;
}

.feature-matrix-wrap td {
    color: #536174;
}

.feature-matrix-wrap tr:last-child th,
.feature-matrix-wrap tr:last-child td {
    border-bottom: 0;
}

@media (max-width: 1180px) {
    .pricing-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .pricing-four,
    .matrix-head { grid-template-columns: 1fr; }
    .pricing-four .price-card { min-height: auto; }
}
/* Privacy account log panel 2026-09-01 */
.privacy-log-panel {
    display: grid;
    gap: 16px;
    border: 1px solid #dbe3ee;
    background: #ffffff;
}

.privacy-log-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: start;
}

.privacy-log-head h2 {
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 28px;
    line-height: 1.12;
}

.privacy-log-head p,
.privacy-log-note,
.privacy-log-list span,
.privacy-log-list small {
    color: #64748b;
}

.privacy-log-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.privacy-log-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.privacy-log-kpis article {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fbfdff;
    padding: 12px;
}

.privacy-log-kpis span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.privacy-log-kpis strong {
    display: block;
    margin-top: 6px;
    color: #0f172a;
    font-size: 26px;
    line-height: 1;
}

.privacy-log-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.privacy-log-list li {
    display: grid;
    grid-template-columns: minmax(160px, .55fr) minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 10px 12px;
    font-size: 12px;
}

.privacy-log-list strong,
.privacy-log-list span,
.privacy-log-list small {
    overflow-wrap: anywhere;
}

.privacy-log-note {
    margin: 0;
    font-size: 12px;
}

@media (max-width: 900px) {
    .privacy-log-head,
    .privacy-log-list li { grid-template-columns: 1fr; }
    .privacy-log-actions { justify-content: flex-start; }
    .privacy-log-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .privacy-log-kpis { grid-template-columns: 1fr; }
}

/* Public SaaS premium polish 2026-09-01 */
:root {
    --ink: #101828;
    --muted: #667085;
    --line: #dde6ef;
    --soft: #f6f8fb;
    --brand: #0f766e;
    --brand2: #2563eb;
    --dark: #101828;
    --max: 1220px;
}

body.landing-home,
body.landing-subpage,
body.public-pro-page {
    background: #ffffff;
    color: #101828;
    font-size: 15px;
    line-height: 1.58;
}

body.landing-home::before,
body.landing-subpage::before,
body.public-pro-page::before {
    display: none;
}

.topbar {
    background: rgba(255, 255, 255, .9);
    border-bottom: 1px solid rgba(221, 230, 239, .86);
    box-shadow: 0 8px 24px rgba(16, 24, 40, .035);
}

.nav {
    width: min(var(--max), calc(100% - 40px));
    min-height: 64px;
    gap: 16px;
}

.brand {
    gap: 9px;
    font-size: 14px;
}

.brand-mark {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 11px;
    background: linear-gradient(135deg, #14b8a6, #2563eb);
}

.nav-links {
    gap: 14px;
    color: #526173;
    font-size: 12px;
    font-weight: 800;
}

.nav-links a:hover {
    color: #0f766e;
}

.nav-actions {
    gap: 8px;
}

.button {
    min-height: 36px;
    padding: 0 13px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 850;
    box-shadow: 0 10px 20px rgba(15, 118, 110, .13);
}

.button.secondary {
    border-color: #d8e1ec;
    background: #fff;
    color: #172033;
    box-shadow: 0 7px 16px rgba(16, 24, 40, .035);
}

.hero,
.landing-home-v2 .hero,
.landing-subpage .hero {
    min-height: auto;
    background: #101828;
    color: #ffffff;
}

.hero::before {
    background:
        linear-gradient(135deg, rgba(16, 24, 40, .98) 0%, rgba(21, 31, 48, .94) 52%, rgba(19, 46, 58, .9) 100%);
}

.hero-inner,
.landing-home-v2 .hero-inner,
.landing-subpage .hero-inner,
.section {
    width: min(var(--max), calc(100% - 40px));
}

.hero-inner,
.landing-home-v2 .hero-inner {
    grid-template-columns: minmax(0, .9fr) minmax(380px, .62fr);
    gap: 44px;
    padding: 76px 0 54px;
}

.landing-subpage .hero-inner {
    padding: 68px 0 44px;
}

h1,
.landing-home-v2 h1 {
    max-width: 760px;
    font-size: clamp(34px, 4.4vw, 58px);
    line-height: 1.01;
    font-weight: 920;
}

h2,
.home-summary-head h2,
.home-process-clean h2,
.home-cta-clean h2 {
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1.08;
    font-weight: 910;
}

h3 {
    font-size: 17px;
    line-height: 1.2;
}

.eyebrow,
.hero .eyebrow {
    color: #14b8a6;
    font-size: 11px;
    letter-spacing: .08em;
}

.hero .eyebrow {
    color: #7dd3fc;
}

.lead,
.landing-home-v2 .lead,
.section-head p:not(.eyebrow),
.public-two-col p,
.home-summary-head p {
    color: #64748b;
    font-size: 15px;
    line-height: 1.58;
}

.hero .lead,
.landing-home-v2 .lead {
    color: rgba(255, 255, 255, .76);
    font-size: clamp(15px, 1.35vw, 18px);
}

.hero-actions,
.landing-home-v2 .hero-actions {
    gap: 8px;
    margin-top: 22px;
}

.hero-proof,
.landing-home-v2 .hero-proof {
    gap: 7px;
    margin-top: 18px;
}

.hero-proof span,
.landing-home-v2 .hero-proof span {
    border-color: rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .075);
    border-radius: 7px;
    padding: 6px 9px;
    font-size: 11px;
}

.product-visual,
.home-product-card {
    border-color: rgba(255, 255, 255, .14);
    border-radius: 10px;
    background: rgba(255, 255, 255, .07);
    box-shadow: 0 24px 58px rgba(0, 0, 0, .24);
    padding: 12px;
}

.browser {
    min-height: 360px;
    border-radius: 9px;
}

.browser-top {
    padding: 10px 12px;
}

.dash,
.home-product-card .dash {
    grid-template-columns: 132px 1fr;
    min-height: 318px;
}

.side {
    padding: 14px 11px;
    gap: 8px;
}

.side b,
.side span {
    font-size: 11px;
}

.main-ui {
    padding: 15px;
    gap: 10px;
}

.metric,
.banner-mock {
    border-radius: 8px;
    border-color: #dde6ef;
    box-shadow: 0 10px 22px rgba(16, 24, 40, .055);
}

.metric {
    padding: 10px;
}

.metric strong,
.home-product-card .metric strong {
    font-size: 18px;
}

.metric small,
.banner-mock p,
.toggle-line span {
    font-size: 11px;
}

.banner-mock {
    padding: 13px;
}

.banner-mock h3,
.home-product-card .banner-mock h3 {
    font-size: 15px;
}

.toggle-line {
    gap: 6px;
    margin: 10px 0;
}

.toggle-line span {
    border-radius: 7px;
    padding: 7px 8px;
}

.mock-actions {
    gap: 6px;
}

.mock-actions button,
.home-product-card .mock-actions button {
    min-height: 29px;
    padding: 7px 9px;
    border-radius: 7px;
    font-size: 11px;
}

.section,
.home-summary,
.home-process-clean,
.landing-subpage .section {
    padding: 52px 0;
}

.home-benefit-grid,
.home-route-grid,
.grid,
.service-grid,
.pricing-pro,
.pricing-grid,
.outcome-grid,
.deliverable-grid,
.purpose-grid,
.decision-grid {
    gap: 12px;
}

.home-benefit-grid article,
.home-route-grid a,
.card,
.service-card,
.price-card,
.process-card,
.audience-card,
.deliverable-card,
.purpose-card,
.decision-card,
.check-card,
.faq-grid details,
.integration-tile,
.outcome-card {
    border-color: #dde6ef;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045);
}

.home-benefit-grid article:hover,
.home-route-grid a:hover,
.card:hover,
.service-card:hover,
.price-card:hover,
.integration-tile:hover {
    border-color: #b7e4dc;
    box-shadow: 0 18px 38px rgba(16, 24, 40, .065);
    transform: translateY(-1px);
}

.card,
.service-card,
.price-card,
.process-card,
.audience-card,
.deliverable-card,
.purpose-card,
.decision-card,
.check-card {
    padding: 18px;
    min-height: auto;
}

.price-card strong {
    color: #0f766e;
    font-size: 28px;
    line-height: 1;
}

.price-card strong small {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.price-card ul,
.card ul,
.service-card ul,
.check-card ul {
    margin-top: 4px;
    display: grid;
    gap: 7px;
}

.price-card li,
.card li,
.service-card li,
.check-card li {
    color: #475569;
    font-size: 13px;
    line-height: 1.4;
}

.home-route-band,
.band,
.objection-band,
.managed-band,
.quality-band,
.outcome-band {
    background: #f5f8fb;
    border-color: #e2e8f0;
}

.hero-panel {
    border-color: rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .08);
    border-radius: 10px;
    box-shadow: 0 22px 54px rgba(0, 0, 0, .18);
}

.hero-panel strong {
    display: block;
    padding: 12px 14px 4px;
    color: #ffffff;
    font-size: 13px;
}

.hero-panel span {
    padding: 11px 14px;
    font-size: 14px;
}

.feature-matrix-wrap,
.compare-table,
.service-levels {
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(16, 24, 40, .055);
}

.feature-matrix-wrap table {
    font-size: 13px;
}

.sticky-cta {
    width: min(620px, calc(100% - 28px));
    border-radius: 8px;
    box-shadow: 0 16px 38px rgba(16, 24, 40, .16);
}

.sticky-cta span,
.sticky-cta .button {
    font-size: 12px;
}

footer {
    background: #fff;
    border-top-color: #e2e8f0;
    font-size: 13px;
}

@media (max-width: 980px) {
    .hero-inner,
    .landing-home-v2 .hero-inner,
    .home-process-clean,
    .section-head,
    .public-two-col,
    .split,
    .cta .section {
        grid-template-columns: 1fr;
    }

    .product-visual,
    .home-product-card {
        max-width: 620px;
    }

    .home-route-grid,
    .home-benefit-grid,
    .pricing-pro,
    .pricing-four,
    .grid,
    .service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body {
        padding-bottom: 112px;
    }

    .nav,
    .hero-inner,
    .landing-home-v2 .hero-inner,
    .section {
        width: min(100% - 24px, var(--max));
    }

    .nav-actions .secondary,
    .product-visual {
        display: none;
    }

    .home-route-grid,
    .home-benefit-grid,
    .pricing-pro,
    .pricing-four,
    .grid,
    .service-grid {
        grid-template-columns: 1fr;
    }

    h1,
    .landing-home-v2 h1 {
        font-size: clamp(32px, 11vw, 44px);
    }
}


/* Public 404 and fallback polish 2026-09-01 */
.public-error-page {
    background: #f6f9fc;
}

.public-error-stage {
    width: min(1180px, calc(100% - 32px));
    min-height: calc(100vh - 210px);
    margin: 0 auto;
    padding: 74px 0 64px;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .8fr);
    gap: 16px;
    align-items: stretch;
}

.public-error-card {
    display: grid;
    align-content: center;
    gap: 16px;
    border: 1px solid #dce5ee;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff, #fbfdff);
    box-shadow: 0 24px 58px rgba(16, 24, 40, .09);
    padding: clamp(26px, 5vw, 54px);
}

.public-error-card h1 {
    max-width: 12ch;
    margin: 0;
    color: #0f172a;
    font-size: clamp(38px, 6vw, 74px);
    line-height: .98;
    letter-spacing: 0;
}

.public-error-card p {
    max-width: 68ch;
    margin: 0;
    color: #526173;
    font-size: 15px;
    line-height: 1.65;
}

.public-error-card .hero-actions {
    margin-top: 4px;
}

.public-error-routes {
    display: grid;
    gap: 10px;
}

.public-error-routes a {
    display: grid;
    gap: 6px;
    align-content: center;
    min-height: 112px;
    border: 1px solid #dce5ee;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    padding: 18px;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(16, 24, 40, .055);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.public-error-routes a:hover,
.public-error-routes a:focus {
    transform: translateY(-1px);
    border-color: #99f6e4;
    box-shadow: 0 20px 44px rgba(15, 118, 110, .10);
}

.public-error-routes span {
    color: #0f766e;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.public-error-routes strong {
    color: #0f172a;
    font-size: 18px;
    line-height: 1.15;
}

@media (max-width: 880px) {
    .public-error-stage {
        grid-template-columns: 1fr;
        padding-top: 36px;
    }

    .public-error-card h1 {
        max-width: none;
    }
}


/* Public conversion pages polish 2026-09-01 */
.service-ops-section,
.ecommerce-systems-section,
.package-guidance,
.ecommerce-flow {
    padding-top: 46px;
    padding-bottom: 46px;
}

.service-ops-grid,
.system-grid,
.guidance-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.service-ops-grid article,
.system-grid article,
.guidance-grid article {
    display: grid;
    gap: 8px;
    min-height: 156px;
    border: 1px solid #dde6ef;
    border-radius: 8px;
    background: #fff;
    padding: 18px;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045);
}

.service-ops-grid article:hover,
.system-grid article:hover,
.guidance-grid article:hover {
    border-color: #99f6e4;
    box-shadow: 0 18px 40px rgba(15, 118, 110, .08);
    transform: translateY(-1px);
}

.service-ops-grid span,
.guidance-grid span {
    width: max-content;
    border: 1px solid #ccfbf1;
    border-radius: 999px;
    background: #f0fdfa;
    color: #0f766e;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.service-ops-grid strong,
.system-grid strong,
.guidance-grid strong {
    color: #0f172a;
    font-size: 17px;
    line-height: 1.16;
}

.service-ops-grid p,
.system-grid span,
.guidance-grid p {
    margin: 0;
    color: #536174;
    font-size: 13px;
    line-height: 1.48;
}

.system-grid article {
    min-height: 118px;
}

.flow-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}

.flow-strip span {
    display: grid;
    place-items: center;
    min-height: 54px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1e3a8a;
    padding: 10px;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
}

.price-card.price-business {
    border-color: #99f6e4;
    box-shadow: 0 18px 44px rgba(15, 118, 110, .10);
}

.price-card.price-agency {
    border-color: #bfdbfe;
}

.package-guidance {
    background: #f6f9fc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

@media (max-width: 980px) {
    .service-ops-grid,
    .system-grid,
    .guidance-grid,
    .flow-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .service-ops-grid,
    .system-grid,
    .guidance-grid,
    .flow-strip {
        grid-template-columns: 1fr;
    }
}


/* Public compact premium pass 2026-09-01 */
.landing-home-v2 .hero,
.home-hero-clean {
    min-height: min(720px, calc(100vh - 64px));
    padding-top: 54px;
    padding-bottom: 42px;
}

.landing-home-v2 h1,
.home-hero-clean h1,
.page-hero h1,
.public-error-card h1 {
    font-size: clamp(30px, 4.2vw, 52px);
    line-height: 1.04;
}

.landing-home-v2 .lead,
.home-hero-clean .lead,
.page-hero p,
.section-head p:not(.eyebrow) {
    font-size: 14px;
    line-height: 1.55;
}

.home-summary.section,
.home-process-clean.section,
.section {
    padding-top: 44px;
    padding-bottom: 44px;
}

.home-benefit-grid article,
.home-route-grid a,
.process-card,
.price-card,
.service-ops-grid article,
.system-grid article,
.guidance-grid article {
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 10px 28px rgba(16, 24, 40, .045);
}

.home-benefit-grid h3,
.process-card h3,
.price-card h3,
.service-ops-grid strong,
.system-grid strong,
.guidance-grid strong {
    font-size: 15px;
    line-height: 1.2;
}

.home-benefit-grid p,
.process-card p,
.price-card p,
.service-ops-grid p,
.system-grid span,
.guidance-grid p {
    font-size: 12.5px;
    line-height: 1.5;
}

.product-visual,
.home-product-card {
    transform: scale(.92);
    transform-origin: center right;
}

@media (max-width: 760px) {
    .landing-home-v2 .hero,
    .home-hero-clean {
        min-height: auto;
        padding-top: 34px;
        padding-bottom: 34px;
    }
    .landing-home-v2 h1,
    .home-hero-clean h1,
    .page-hero h1,
    .public-error-card h1 {
        font-size: clamp(28px, 9vw, 38px);
    }
    .product-visual,
    .home-product-card { transform: none; }
}


/* Public pricing SaaS clarity 2026-09-02 */
.pricing-cycle-public {
    background: #f7fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}
.cycle-public-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.cycle-public-grid article {
    display: grid;
    gap: 7px;
    min-height: 122px;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #fff;
    padding: 16px;
    box-shadow: 0 10px 28px rgba(16,24,40,.045);
}
.cycle-public-grid span {
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}
.cycle-public-grid strong {
    color: #0f172a;
    font-size: 20px;
    line-height: 1.08;
}
.cycle-public-grid p {
    margin: 0;
    color: #536174;
    font-size: 12.5px;
    line-height: 1.48;
}
.price-card.is-premium-public {
    position: relative;
    overflow: hidden;
}
.price-card.is-premium-public::before {
    content: "Premium";
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}
.price-card.price-free li:last-child {
    color: #9a3412;
    font-weight: 850;
}
.feature-matrix-wrap table {
    min-width: 860px;
}
.feature-matrix-wrap td:nth-child(4),
.feature-matrix-wrap td:nth-child(5) {
    background: #fbfffd;
}
.feature-matrix-wrap th,
.feature-matrix-wrap td {
    font-size: 12px;
    line-height: 1.35;
}
@media (max-width: 760px) {
    .cycle-public-grid { grid-template-columns: 1fr; }
}


/* Public privacy center and region-aware declaration 2026-09-02 */
.public-privacy-page {
    background: #f6f9fc;
}
.public-privacy-page .legal-hero {
    padding-bottom: 28px;
}
.public-privacy-center,
.public-cookie-declaration {
    padding-top: 28px;
    padding-bottom: 28px;
}
.public-privacy-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    margin-bottom: 14px;
}
.public-privacy-head h2 {
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.05;
}
.public-privacy-head p:not(.eyebrow) {
    color: #64748b;
    font-size: 13px;
    margin-top: 6px;
}
.public-privacy-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
}
.public-region-card {
    display: grid;
    grid-template-columns: minmax(190px, .34fr) minmax(0, .8fr) minmax(260px, .55fr);
    gap: 18px;
    align-items: start;
    border: 1px solid #dbe5ef;
    border-radius: 10px;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    padding: 18px;
    box-shadow: 0 16px 40px rgba(16, 24, 40, .055);
}
.public-region-card span,
.public-privacy-kpis span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}
.public-region-card strong {
    display: block;
    color: #0f172a;
    font-size: 24px;
    line-height: 1.05;
    margin: 5px 0;
}
.public-region-card small {
    color: #0f766e;
    font-weight: 850;
}
.public-region-card p {
    color: #334155;
    font-size: 13px;
    line-height: 1.55;
}
.public-region-card ul {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 7px;
}
.public-region-card li {
    list-style: none;
    color: #475569;
    font-size: 12.5px;
    line-height: 1.4;
    padding-left: 16px;
    position: relative;
}
.public-region-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .55em;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #0f766e;
}
.public-privacy-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}
.public-privacy-kpis article {
    border: 1px solid #dde6ef;
    border-radius: 8px;
    background: #fff;
    padding: 13px 14px;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .04);
}
.public-privacy-kpis strong {
    display: block;
    color: #0f172a;
    font-size: 24px;
    line-height: 1;
    margin-top: 5px;
}
.public-cookie-accordion {
    display: grid;
    gap: 10px;
}
.public-cookie-category {
    border: 1px solid #dbe5ef;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .045);
}
.public-cookie-category summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 16px;
    cursor: pointer;
    color: #0f172a;
    font-size: 14px;
    font-weight: 950;
}
.public-cookie-category summary b {
    min-width: 34px;
    min-height: 26px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
}
.public-cookie-category > p {
    margin: 0;
    padding: 0 16px 14px;
    color: #64748b;
    font-size: 12.5px;
    line-height: 1.5;
}
.public-cookie-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 16px 16px;
}
.public-cookie-service {
    display: grid;
    gap: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fbfdff;
    padding: 14px;
    min-width: 0;
}
.public-cookie-service strong {
    display: block;
    color: #0f172a;
    font-size: 15px;
    line-height: 1.2;
}
.public-cookie-service span,
.public-cookie-service p,
.public-cookie-service dd,
.public-cookie-service a {
    font-size: 12.5px;
    line-height: 1.45;
}
.public-cookie-service span,
.public-cookie-service p,
.public-cookie-service dd {
    color: #536174;
}
.public-cookie-service p {
    margin: 0;
}
.public-cookie-service dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin: 0;
}
.public-cookie-service dl div {
    min-width: 0;
    border: 1px solid #edf2f7;
    border-radius: 7px;
    background: #fff;
    padding: 8px;
}
.public-cookie-service dt {
    color: #64748b;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}
.public-cookie-service dd {
    margin: 3px 0 0;
    overflow-wrap: anywhere;
}
.public-cookie-links {
    display: flex;
    gap: 8px;
}
.public-cookie-links a {
    color: #0f766e;
    font-weight: 850;
}
.public-privacy-empty {
    grid-column: 1 / -1;
    margin: 0;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    padding: 14px;
    font-size: 12.5px;
}
.public-privacy-badge {
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    border-radius: 999px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #334155;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 900;
}
.public-privacy-badge-pass {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}
.public-privacy-badge-warn {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}
@media (max-width: 980px) {
    .public-privacy-head,
    .public-region-card {
        grid-template-columns: 1fr;
    }
    .public-privacy-actions {
        justify-content: flex-start;
    }
    .public-cookie-service-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 640px) {
    .public-privacy-kpis,
    .public-cookie-service dl {
        grid-template-columns: 1fr;
    }
}


/* Public consent self-service 2026-09-02 */
.public-consent-selfservice {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(280px, .45fr);
    gap: 14px;
    align-items: stretch;
    padding-top: 24px;
    padding-bottom: 28px;
}
.public-consent-selfservice h2 {
    font-size: clamp(22px, 3vw, 34px);
    line-height: 1.08;
}
.public-consent-selfservice p {
    color: #536174;
    font-size: 13px;
    line-height: 1.55;
    margin-top: 8px;
}
.public-consent-box {
    display: grid;
    gap: 8px;
    border: 1px solid #dbe5ef;
    border-radius: 10px;
    background: #fff;
    padding: 16px;
    box-shadow: 0 14px 34px rgba(16, 24, 40, .055);
}
.public-consent-box span {
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}
.public-consent-box strong {
    color: #0f172a;
    font-size: 18px;
    line-height: 1.15;
    overflow-wrap: anywhere;
}
.public-consent-box small {
    color: #536174;
    font-size: 12.5px;
    line-height: 1.45;
}
.public-consent-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}
.public-consent-actions .button[disabled] {
    opacity: .48;
    cursor: not-allowed;
    box-shadow: none;
}
@media (max-width: 820px) {
    .public-consent-selfservice {
        grid-template-columns: 1fr;
    }
}


/* Public privacy request form 2026-09-02 */
.public-request-form-section {
    display: grid;
    grid-template-columns: minmax(0, .48fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding-top: 24px;
    padding-bottom: 30px;
}
.public-request-form-section h2 {
    font-size: clamp(22px, 3vw, 34px);
    line-height: 1.08;
}
.public-request-form-section p {
    color: #536174;
    font-size: 13px;
    line-height: 1.55;
    margin-top: 8px;
}
.public-request-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    border: 1px solid #dbe5ef;
    border-radius: 10px;
    background: #fff;
    padding: 16px;
    box-shadow: 0 16px 40px rgba(16, 24, 40, .055);
}
.public-request-form label {
    display: grid;
    gap: 6px;
    color: #334155;
    font-size: 12px;
    font-weight: 850;
}
.public-request-form input,
.public-request-form select,
.public-request-form textarea {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    padding: 10px 11px;
    font: 13px/1.4 system-ui, -apple-system, Segoe UI, sans-serif;
    outline: none;
}
.public-request-form input:focus,
.public-request-form select:focus,
.public-request-form textarea:focus {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, .11);
}
.public-request-full {
    grid-column: 1 / -1;
}
.public-request-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.public-request-submit p {
    margin: 0;
    max-width: 520px;
    font-size: 12px;
}
.public-request-notice {
    grid-column: 1 / -1;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 800;
}
.public-request-ok {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}
.public-request-warn {
    border: 1px solid #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}
.hp-field {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
@media (max-width: 900px) {
    .public-request-form-section,
    .public-request-form {
        grid-template-columns: 1fr;
    }
    .public-request-submit {
        align-items: stretch;
        flex-direction: column;
    }
}