*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg:        #FFFFFF;
      --bg-raised: #F4F6FB;
      --bg-card:   #FFFFFF;
      --line:      #E2E8F0;
      --text:      #1C2B3A;
      --head:      #1A2E6F;
      --text-dim:  #4A5A6E;
      --text-faint:#6B7A8D;
      --accent:    #FF6B35;
      --accent-ink:#C2410C;
      --accent-2:  #2D4DB3;
      --ok:        #15803D;
      --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
      --shadow-md: 0 4px 16px rgba(26,46,111,0.08);
      --shadow-lg: 0 16px 48px rgba(26,46,111,0.14);
      --font-disp: 'Space Grotesk', sans-serif;
      --font-body: 'Inter', sans-serif;
      --font-mono: 'JetBrains Mono', ui-monospace, monospace;
      --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
    }
    html { scroll-behavior: smooth; }
    body { font-family: var(--font-body); background: var(--bg); color: var(--text); line-height: 1.7; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
    ::selection { background: var(--accent); color: #fff; }
    a { color: inherit; text-decoration: none; }
    .container { max-width: 1160px; margin: 0 auto; padding: 0 2rem; }
    h1, h2, h3, h4 { color: var(--head); font-family: var(--font-disp); line-height: 1.12; font-weight: 600; letter-spacing: -0.02em; }
    .block { padding: 7rem 0; }
    .section-head { max-width: 760px; }
    .section-head.center { margin: 0 auto; text-align: center; }
    .section-head h2 { font-size: clamp(2rem, 4.2vw, 3rem); }
    .section-head p { color: var(--text-dim); font-size: 1.0625rem; margin-top: 1.25rem; }
    .eyebrow { display: inline-flex; align-items: center; gap: 0.625rem; font-family: var(--font-disp); font-size: 0.75rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent-ink); margin-bottom: 1.5rem; }
    .eyebrow::before { content: ''; width: 28px; height: 1px; background: var(--accent); }
    .center .eyebrow { justify-content: center; }

    .btn { display: inline-flex; align-items: center; gap: 0.625rem; font-family: var(--font-disp); font-weight: 600; font-size: 0.9375rem; padding: 0.9375rem 2rem; border-radius: 4px; border: none; cursor: pointer; transition: transform 0.25s var(--ease-out), box-shadow 0.25s var(--ease-out), border-color .2s, color .2s; }
    .btn-fill { background: var(--accent); color: #fff; }
    .btn-fill:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(255,107,53,0.35); }
    .btn-line { background: #fff; color: var(--head); border: 1.5px solid var(--head); }
    .btn-line:hover { border-color: var(--accent); color: var(--accent-ink); transform: translateY(-2px); }

    /* Nav */
    .nav { background: rgba(255,255,255,0.92); position: fixed; top: 0; left: 0; right: 0; z-index: 300; transition: background 0.3s, border-color 0.3s; border-bottom: 1px solid transparent; }
    .nav.solid { box-shadow: var(--shadow-md); background: rgba(255,255,255,0.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom-color: var(--line); }
    .nav-inner { display: flex; align-items: center; height: 72px; gap: 2.5rem; }
    .brand { display: flex; align-items: center; gap: 0.75rem; flex-shrink: 0; }
    .brand-mark { width: 36px; height: 36px; border-radius: 6px; background: linear-gradient(135deg, var(--accent) 0%, #FF8F5E 100%); display: grid; place-items: center; font-family: var(--font-disp); font-weight: 700; font-size: 0.875rem; color: #fff; }
    .brand-name { color: var(--head); font-family: var(--font-disp); font-weight: 700; font-size: 1.0625rem; }
    .nav-links { display: flex; gap: 0.25rem; margin-left: auto; list-style: none; }
    .nav-links a { font-size: 0.875rem; font-weight: 500; color: var(--text-dim); padding: 0.5rem 0.875rem; transition: color 0.2s; }
    .nav-links a:hover { color: var(--head); }
    .nav-cta { margin-left: 0.5rem; padding: 0.625rem 1.375rem; font-size: 0.875rem; }
    .nav-burger { display: none; margin-left: auto; background: none; border: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 6px; }
    .nav-burger span { width: 24px; height: 2px; background: var(--text); border-radius: 2px; }
    @media (max-width: 980px) {
      .nav-links { display: none; position: absolute; top: 72px; left: 0; right: 0; flex-direction: column; background: #fff; box-shadow: var(--shadow-md); border-bottom: 1px solid var(--line); padding: 1rem 2rem 1.5rem; }
      .nav-links.open { display: flex; }
      .nav-links a { padding: 0.875rem 0.25rem; border-bottom: 1px solid var(--line); width: 100%; display: block; }
      .nav-cta { display: none; }
      .nav-burger { display: flex; }
    }

    /* Hero */
    .hero { position: relative; padding: 10rem 0 6rem; overflow: hidden;
      background: radial-gradient(ellipse 55% 60% at 85% 30%, rgba(45,77,179,0.07), transparent 70%), radial-gradient(ellipse 45% 50% at 5% 95%, rgba(255,107,53,0.07), transparent 70%), var(--bg); }
    .hero::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(ellipse 70% 70% at 50% 40%, #000 30%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 40%, #000 30%, transparent 75%); opacity: .6; pointer-events: none; }
    .hero-grid { position: relative; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 4rem; align-items: center; }
    .hero-tag { display: inline-flex; align-items: center; gap: 0.625rem; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-sm); border-radius: 999px; padding: 0.4375rem 1.125rem; font-family: var(--font-disp); font-size: 0.8125rem; color: var(--text-dim); margin-bottom: 2rem; }
    .hero-tag .dot { width: 7px; height: 7px; border-radius: 50%; background: #22C55E; }
    .hero h1 { font-size: clamp(2.5rem, 5.6vw, 4.25rem); font-weight: 700; margin-bottom: 1.5rem; }
    .hero h1 .hl { color: var(--accent); }
    .hero-sub { font-size: 1.125rem; color: var(--text-dim); max-width: 560px; margin-bottom: 2.5rem; }
    .hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
    .hero-proof { display: flex; gap: 2rem; flex-wrap: wrap; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--line); }
    .hero-proof div { font-size: 0.8125rem; color: var(--text-faint); }
    .hero-proof b { display: block; font-family: var(--font-disp); font-size: 1rem; color: var(--head); font-weight: 600; }

    /* Agent console mock */
    .console { background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-lg); overflow: hidden; }
    .console-bar { background: var(--bg-raised); display: flex; align-items: center; gap: .75rem; padding: .875rem 1.125rem; border-bottom: 1px solid var(--line); font-family: var(--font-disp); font-size: .8125rem; color: var(--text-dim); }
    .console-bar .av { width: 26px; height: 26px; border-radius: 7px; background: linear-gradient(135deg, var(--accent-2), #7FA2FF); display: grid; place-items: center; color: #fff; font-weight: 700; font-size: .6875rem; }
    .console-bar .live { margin-left: auto; font-size: .6875rem; color: var(--ok); display: flex; align-items: center; gap: .375rem; }
    .console-bar .live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--ok); }
    .console-body { padding: 1.25rem; display: flex; flex-direction: column; gap: .875rem; min-height: 380px; }
    .msg { max-width: 88%; padding: .75rem 1rem; border-radius: 10px; font-size: .875rem; line-height: 1.55; opacity: 0; transform: translateY(8px); transition: opacity .5s var(--ease-out), transform .5s var(--ease-out); }
    .msg.show { opacity: 1; transform: none; }
    .msg.user { align-self: flex-end; background: #FFF1EA; border: 1px solid #FFD3BF; }
    .msg.bot { align-self: flex-start; background: var(--bg-raised); border: 1px solid var(--line); }
    .msg .tool { display: block; font-family: var(--font-mono); font-size: .6875rem; color: var(--accent-2); margin-bottom: .375rem; }
    .msg table { width: 100%; border-collapse: collapse; margin-top: .5rem; font-size: .8125rem; }
    .msg td { padding: .25rem 0; border-top: 1px solid var(--line); color: var(--text-dim); }
    .msg td:last-child { text-align: right; color: var(--text); font-family: var(--font-mono); font-size: .75rem; }
    .chips { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .625rem; }
    .chips span { font-size: .75rem; padding: .25rem .625rem; border-radius: 999px; background: #fff; border: 1px solid #C7D2F0; color: var(--accent-2); }
    .msg.ok { background: #F0FDF4; border-color: #BBF7D0; }
    .msg.ok .tool { color: var(--ok); }

    /* Integrations strip */
    .strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--bg-raised); padding: 1.75rem 0; }
    .strip-inner { display: flex; align-items: center; gap: 2.5rem; flex-wrap: wrap; justify-content: center; }
    .strip-inner > span { font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; color: var(--text-faint); font-family: var(--font-disp); }
    .strip-inner b { font-family: var(--font-disp); font-weight: 600; color: var(--head); font-size: 1rem; }

    /* Shift section */
    .shift-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 3.5rem; }
    .shift { border: 1px solid var(--line); border-radius: 12px; padding: 2rem; background: var(--bg-raised); }
    .shift h3 { font-size: 1.125rem; margin-bottom: 1rem; }
    .shift ul { list-style: none; }
    .shift li { padding: .625rem 0 .625rem 1.75rem; position: relative; color: var(--text-dim); font-size: .9375rem; border-top: 1px solid var(--line); }
    .shift li:first-child { border-top: none; }
    .shift li::before { position: absolute; left: 0; top: .625rem; font-family: var(--font-mono); font-size: .8125rem; }
    .shift.before li::before { content: '—'; color: var(--text-faint); }
    .shift.after { border-color: #FFD3BF; background: #FFF8F4; }
    .shift.after h3 { color: var(--accent-ink); }
    .shift.after li { color: var(--text); }
    .shift.after li::before { content: '→'; color: var(--accent-ink); }

    /* Method */
    .method { background: var(--bg-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; margin-top: 3.5rem; counter-reset: s; }
    .step { box-shadow: var(--shadow-sm); position: relative; padding: 1.75rem 1.5rem; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); }
    .step .n { font-family: var(--font-mono); font-size: .75rem; color: var(--accent-ink); margin-bottom: 1rem; display: block; }
    .step h3 { font-size: 1.125rem; margin-bottom: .75rem; }
    .step p { color: var(--text-dim); font-size: .9063rem; }

    /* Use cases */
    .filters { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 2.5rem; }
    .filters button { background: #fff !important; font-family: var(--font-disp); font-size: .8125rem; padding: .5rem 1rem; border-radius: 999px; background: transparent; border: 1px solid var(--line); color: var(--text-dim); cursor: pointer; transition: all .2s; }
    .filters button:hover { color: var(--head); border-color: var(--head); }
    .filters button.on { background: var(--head); color: #fff; border-color: var(--head); }
    .cases { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-top: 2rem; }
    .case { box-shadow: var(--shadow-sm); border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 2rem; display: flex; flex-direction: column; transition: border-color .25s, transform .25s var(--ease-out); }
    .case:hover { border-color: #FFD3BF; box-shadow: var(--shadow-md); transform: translateY(-3px); }
    .case.hide { display: none; }
    .case-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }
    .case .ind { font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--text-dim); font-weight: 600; font-family: var(--font-disp); }
    .case .stage { font-size: .6875rem; font-family: var(--font-mono); padding: .1875rem .5rem; border-radius: 4px; border: 1px solid; white-space: nowrap; }
    .stage.live { color: var(--ok); background: #F0FDF4; border-color: #BBF7D0; }
    .stage.pilot { color: #A16207; background: #FEFCE8; border-color: #FDE68A; }
    .stage.inhouse { color: var(--accent-2); background: #EEF2FF; border-color: #C7D2F0; }
    .case h3 { font-size: 1.3125rem; margin-bottom: .75rem; }
    .case .prob { color: var(--text-dim); font-size: .9375rem; margin-bottom: 1.25rem; }
    .case ol { list-style: none; counter-reset: c; margin-bottom: 1.5rem; }
    .case ol li { counter-increment: c; position: relative; padding: .4375rem 0 .4375rem 2rem; font-size: .9063rem; color: var(--text); }
    .case ol li::before { content: counter(c); position: absolute; left: 0; top: .5rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #FFF1EA; color: var(--accent-ink); font-family: var(--font-mono); font-size: .6875rem; display: grid; place-items: center; }
    .case-foot { margin-top: auto; padding-top: 1.25rem; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: .875rem; }
    .case .out { font-size: .875rem; color: var(--text-dim); }
    .case .out b { color: var(--ok); font-weight: 600; }
    .tags { display: flex; gap: .375rem; flex-wrap: wrap; }
    .tags span { font-size: .6875rem; font-family: var(--font-mono); color: var(--text-dim); background: var(--bg-raised); border: 1px solid var(--line); padding: .1875rem .5rem; border-radius: 4px; }

    /* Guardrails */
    .guard-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-top: 3.5rem; }
    .guard { background: #fff; box-shadow: var(--shadow-sm); padding: 1.75rem; border-radius: 12px; border: 1px solid var(--line); }
    .guard .gi { width: 40px; height: 40px; border-radius: 8px; background: #EEF2FF; border: 1px solid #C7D2F0; display: grid; place-items: center; margin-bottom: 1.25rem; color: var(--accent-2); }
    .guard h3 { font-size: 1.0625rem; margin-bottom: .5rem; }
    .guard p { color: var(--text-dim); font-size: .9063rem; }

    /* Tiers */
    .tiers-bg { background: var(--bg-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-top: 3.5rem; }
    .tier { box-shadow: var(--shadow-sm); padding: 2.25rem 2rem; border-radius: 12px; border: 1px solid var(--line); background: var(--bg); display: flex; flex-direction: column; }
    .tier.feat { border: 2px solid var(--accent); box-shadow: var(--shadow-lg); }
    .tier .who { font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-ink); font-family: var(--font-disp); margin-bottom: .75rem; }
    .tier h3 { font-size: 1.375rem; margin-bottom: .75rem; }
    .tier > p { color: var(--text-dim); font-size: .9375rem; margin-bottom: 1.5rem; }
    .tier ul { list-style: none; margin-bottom: 2rem; }
    .tier li { font-size: .9063rem; padding: .4375rem 0 .4375rem 1.5rem; position: relative; }
    .tier li::before { content: '✓'; position: absolute; left: 0; color: var(--ok); }
    .tier .btn { margin-top: auto; justify-content: center; }

    /* Pricing */
    .price-card { max-width: 920px; margin: 3.5rem auto 0; display: grid; grid-template-columns: 1fr 1.25fr; border: 2px solid var(--accent); border-radius: 12px; background: var(--bg); box-shadow: var(--shadow-lg); overflow: hidden; }
    .price-main { padding: 2.75rem 2.5rem; background: var(--bg-raised); border-right: 1px solid var(--line); display: flex; flex-direction: column; }
    .price-main .who { font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-ink); font-family: var(--font-disp); margin-bottom: .75rem; }
    .price-main h3 { font-size: 1.375rem; margin-bottom: 1.5rem; }
    .price-from { font-size: .875rem; color: var(--text-dim); }
    .price-amt { font-family: var(--font-disp); font-weight: 700; color: var(--head); font-size: clamp(2.5rem, 5vw, 3.25rem); line-height: 1.1; letter-spacing: -0.03em; }
    .price-amt span { font-size: 1rem; font-weight: 500; color: var(--text-dim); letter-spacing: 0; }
    .price-note { font-size: .8125rem; color: var(--text-faint); margin: 1rem 0 2rem; }
    .price-main .btn { margin-top: auto; justify-content: center; }
    .price-inc { padding: 2.75rem 2.5rem; }
    .price-inc h4 { font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: var(--text-faint); font-weight: 500; margin-bottom: 1.25rem; }
    .price-inc ul { list-style: none; display: grid; gap: 1.25rem; }
    .price-inc li { padding-left: 1.75rem; position: relative; }
    .price-inc li::before { content: '✓'; position: absolute; left: 0; top: 0; color: var(--ok); font-weight: 600; }
    .price-inc strong { display: block; font-family: var(--font-disp); color: var(--head); font-weight: 600; }
    .price-inc li span { font-size: .9063rem; color: var(--text-dim); }

    /* Credentials */
    .standards { text-align: center; }
    .standards h2 { font-size: clamp(1.75rem, 3.6vw, 2.5rem); max-width: 760px; margin: 0 auto 1.25rem; }
    .standards p { color: var(--text-dim); max-width: 600px; margin: 0 auto 2.5rem; }
    .cred-row { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
    .cred { color: var(--head); box-shadow: var(--shadow-sm); border: 1px solid var(--line); border-radius: 8px; padding: 1rem 1.5rem; font-family: var(--font-disp); font-weight: 600; font-size: .9375rem; background: var(--bg-raised); }
    .cred span { display: block; font-family: var(--font-body); font-weight: 400; font-size: .75rem; color: var(--text-dim); }

    /* FAQ */
    .faq { background: var(--bg-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .faq-list { max-width: 800px; margin: 3.5rem auto 0; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 0 2rem; box-shadow: var(--shadow-sm); }
    .faq-item:last-child { border-bottom: none; }
    .faq-item { border-bottom: 1px solid var(--line); }
    .faq-q { width: 100%; text-align: left; background: none; border: none; cursor: pointer; padding: 1.625rem 0; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; font-family: var(--font-disp); font-size: 1.0625rem; font-weight: 600; color: var(--head); }
    .faq-q .chev { transition: transform 0.3s var(--ease-out); color: var(--accent-ink); font-size: 0.875rem; flex-shrink: 0; }
    .faq-item.open .chev { transform: rotate(180deg); }
    .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.45s var(--ease-out); }
    .faq-a p { color: var(--text-dim); font-size: 0.9375rem; padding-bottom: 1.625rem; max-width: 720px; }

    /* Big CTA */
    .bigcta { text-align: center; background: linear-gradient(135deg, #1A2E6F 0%, #2D4DB3 100%); }
    .bigcta h2 { color: #fff; }
    .bigcta p { color: #D6DEF5 !important; }
    .bigcta .btn-line { background: transparent; color: #fff; border-color: rgba(255,255,255,0.6); }
    .bigcta .btn-line:hover { color: #fff; border-color: #fff; }
    .bigcta h2 { font-size: clamp(2rem, 4.6vw, 3.25rem); max-width: 820px; margin: 0 auto 1.25rem; }
    .bigcta p { color: var(--text-dim); max-width: 560px; margin: 0 auto 2.75rem; font-size: 1.0625rem; }
    .bigcta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }

    /* Contact */
    .contact-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 5rem; margin-top: 3.5rem; align-items: start; }
    .cdetail { display: flex; gap: 1.125rem; padding: 1.125rem 0; border-bottom: 1px solid var(--line); }
    .cdetail:last-child { border-bottom: none; }
    .cdetail .ico { width: 42px; height: 42px; flex-shrink: 0; border-radius: 8px; background: #EEF2FF; border: 1px solid #C7D2F0; display: grid; place-items: center; font-size: 1.0625rem; }
    .cdetail b { display: block; font-family: var(--font-disp); font-size: 0.875rem; margin-bottom: 0.125rem; }
    .cdetail span, .cdetail a { font-size: 0.875rem; color: var(--text-dim); }
    .cdetail a:hover { color: var(--accent-ink); }
    .form-card { box-shadow: var(--shadow-md); background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 2.5rem; }
    .form-card h3 { font-size: 1.25rem; margin-bottom: 1.75rem; }
    .frow { display: grid; grid-template-columns: 1fr 1fr; gap: 1.125rem; }
    .fgroup { margin-bottom: 1.125rem; }
    .fgroup label { display: block; font-family: var(--font-disp); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dim); margin-bottom: 0.5rem; }
    .fctrl { width: 100%; background: var(--bg); border: 1px solid var(--line); border-radius: 6px; padding: 0.8125rem 1rem; font-family: var(--font-body); font-size: 0.9375rem; color: var(--text); outline: none; transition: border-color 0.2s; }
    .fctrl:focus { border-color: var(--accent-2); box-shadow: 0 0 0 3px rgba(45,77,179,0.12); }
    .fctrl::placeholder { color: var(--text-faint); }
    select.fctrl option { background: #fff; }
    textarea.fctrl { resize: vertical; min-height: 110px; }

    /* Footer */
    .footer { background: var(--bg-raised); border-top: 1px solid var(--line); padding: 4rem 0 2.5rem; }
    .foot-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 3rem; padding-bottom: 3rem; border-bottom: 1px solid var(--line); }
    .foot-brand p { font-size: 0.875rem; color: var(--text-dim); margin: 1rem 0 1.25rem; max-width: 300px; }
    .foot-reg { font-size: 0.75rem; color: var(--text-faint); line-height: 1.9; }
    .foot-col h3 { font-family: var(--font-disp); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-faint); margin-bottom: 1.25rem; }
    .foot-col ul { list-style: none; }
    .foot-col li { margin-bottom: 0.6875rem; }
    .foot-col a { font-size: 0.875rem; color: var(--text-dim); transition: color 0.2s; }
    .foot-col a:hover { color: var(--accent-ink); }
    .foot-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 2rem; font-size: 0.8125rem; color: var(--text-faint); flex-wrap: wrap; gap: 1rem; }
    .foot-social { display: flex; gap: 0.75rem; }
    .foot-social a { width: 34px; height: 34px; border-radius: 6px; border: 1px solid var(--line); display: grid; place-items: center; font-family: var(--font-disp); font-size: 0.8125rem; font-weight: 600; color: var(--text-dim); transition: border-color 0.2s, color 0.2s; }
    .foot-social a:hover { border-color: var(--accent); color: var(--accent-ink); }

    /* Reveal */
    .rv { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease-out), transform .8s var(--ease-out); }
    .rv.in { opacity: 1; transform: none; }

    @media (max-width: 980px) {
      .hero { padding: 8rem 0 4rem; }
      .hero-grid, .shift-grid, .cases, .contact-grid { grid-template-columns: 1fr; }
      .steps { grid-template-columns: 1fr 1fr; }
      .guard-grid, .tiers { grid-template-columns: 1fr; }
      .price-card { grid-template-columns: 1fr; }
      .price-main { border-right: none; border-bottom: 1px solid var(--line); }
      .contact-grid { gap: 3rem; }
      .foot-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 600px) {
      .container { padding: 0 1rem; }
      .block { padding: 5rem 0; }
      .steps, .frow, .foot-grid { grid-template-columns: 1fr; }
      .case, .form-card { padding: 1.5rem; }
      .console-body { min-height: 0; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      .rv, .msg { opacity: 1 !important; transform: none !important; transition: none !important; }
    }
  
/* 2026 website update */
:root { --accent:#c84417; --accent-ink:#b23b11; }
.rv,.msg {opacity:1;transform:none} .block {padding:5rem 0}
:focus-visible {outline:3px solid #2d4db3;outline-offset:5px}
[id] {scroll-margin-top:90px} .skip-link {position:fixed;top:-100px;left:1rem;z-index:999;background:white;padding:1rem}.skip-link:focus{top:1rem}
.service-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}
.service-link {display:block;padding:1.5rem 0;border-top:3px solid var(--head)}
.service-link h3{font-size:1.5rem;margin:.7rem 0}.service-link p{color:var(--text-dim);margin-bottom:1rem}.text-link{color:var(--accent-ink);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.service-link:hover h3{color:var(--accent-ink)}
.editorial {max-width:820px;margin:auto}.editorial h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:2.8rem 0 1rem}.editorial p,.editorial ul,.editorial ol{margin:1rem 0}.editorial li{margin:.6rem 0}.editorial ul,.editorial ol{padding-left:1.4rem}.editorial a{color:var(--accent-ink);text-decoration:underline}.editorial .btn{color:white;text-decoration:none}.breadcrumbs{font-size:.875rem;margin-bottom:1.5rem}.article-hero{padding:8rem 0 3rem;background:var(--bg-raised)}.article-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:900px}.article-hero p{max-width:750px;margin:1.5rem 0 0;font-size:1.1rem}.article-status{color:var(--accent-ink);font-weight:600}.article-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}.fineprint{font-size:.875rem;color:var(--text-dim);margin-top:1rem}.featured-link{display:block;margin-top:1rem;color:var(--accent-ink);text-decoration:underline;font-weight:600}.console-caption{padding:1rem;font-size:.8rem;color:var(--text-dim);border-top:1px solid var(--line)}
details.faq-item summary{list-style:none;cursor:pointer}details.faq-item summary::-webkit-details-marker{display:none}details .faq-a{max-height:none;overflow:visible}details[open] .chev{transform:rotate(180deg)}
@media(max-width:700px){.service-grid{grid-template-columns:1fr;gap:1rem}.container{padding:0 1.25rem}.block{padding:3.5rem 0}.hero-tag{border-radius:8px}.hero-proof{flex-wrap:wrap}.hero-grid>*{min-width:0}.console{min-width:0}.nav-inner{gap:1rem}.case{padding:1.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}