@font-face {
                    font-family: 'Inter';
                    font-style: normal;
                    font-weight: 100 900;
                    font-display: swap;
                    src: url('/fonts/inter-latin-wght-normal.woff2') format('woff2');
                }
                :root {
                    --ink: #1b2127;
                    --muted: #5c6873;
                    --line: #e4e9ec;
                    --surface: #ffffff;
                    --surface-strong: #f4f7f8;
                    --band: #f4f7f8;
                    --blue: #1f6feb;
                    --blue-dark: #1655c2;
                    --green: #15795a;
                    --gold: #caa53b;
                    --red: #c5342f;
                    --shadow: 0 10px 30px rgba(20, 28, 36, .10);
                }

                * { box-sizing: border-box; }
                body {
                    margin: 0;
                    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
                    color: var(--ink);
                    background: var(--surface);
                    line-height: 1.5;
                }

                a { color: inherit; text-decoration: none; }
                code {
                    display: inline-block;
                    padding: .45rem .55rem;
                    border: 1px solid var(--line);
                    background: var(--surface-strong);
                    border-radius: 6px;
                    color: var(--blue-dark);
                    font-size: .9rem;
                }

                .site-header {
                    position: sticky;
                    top: 0;
                    z-index: 10;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 1rem;
                    padding: .8rem clamp(1rem, 4vw, 3rem);
                    background: rgba(255, 255, 255, .92);
                    border-bottom: 1px solid var(--line);
                    backdrop-filter: blur(14px);
                }

                .brand {
                    display: inline-flex;
                    align-items: center;
                    gap: .7rem;
                    min-width: max-content;
                    font-weight: 800;
                    font-size: 1.19rem;
                }

                .brand img { width: 36px; height: 36px; }
                .nav {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: .25rem;
                    flex-wrap: wrap;
                }

                .nav a {
                    padding: .45rem .7rem;
                    border-radius: 6px;
                    color: var(--muted);
                    font-size: .94rem;
                    font-weight: 650;
                }

                .nav a.active,
                .nav a:hover {
                    color: var(--ink);
                    background: var(--band);
                }

                .nav-toggle {
                    display: none;
                    flex-direction: column;
                    justify-content: center;
                    gap: 5px;
                    width: 44px;
                    height: 40px;
                    padding: 0 10px;
                    background: var(--surface-strong);
                    border: 1px solid var(--line);
                    border-radius: 6px;
                    cursor: pointer;
                }

                .nav-toggle-bar {
                    display: block;
                    width: 100%;
                    height: 2px;
                    background: var(--ink);
                    border-radius: 2px;
                }

                .operator-link {
                    padding: .55rem .75rem;
                    border: 1px solid var(--line);
                    border-radius: 6px;
                    color: var(--blue-dark);
                    font-weight: 750;
                    background: var(--surface-strong);
                    min-width: max-content;
                }

                .hero {
                    display: grid;
                    align-items: start;
                    background: #0f1722;
                    color: #ffffff;
                    overflow: hidden;
                }

                .hero-inner {
                    width: min(1180px, calc(100% - 2rem));
                    margin: 0 auto;
                    display: grid;
                    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
                    align-items: center;
                    gap: clamp(2rem, 5vw, 5rem);
                    padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(2.5rem, 5vw, 4rem);
                }

                .hero-mark {
                    position: absolute;
                    width: 1px;
                    height: 1px;
                    overflow: hidden;
                }

                .hero-copy {
                    max-width: 690px;
                    position: relative;
                    z-index: 1;
                }

                .eyebrow {
                    margin: 0 0 .7rem;
                    color: var(--blue-dark);
                    text-transform: uppercase;
                    font-weight: 850;
                    font-size: .78rem;
                    letter-spacing: .08em;
                }

                .hero .eyebrow { color: #5ea0f7; }
                h1, h2, h3, p { margin-top: 0; }
                h1 {
                    margin-bottom: .9rem;
                    font-size: 4.4rem;
                    line-height: 1.0;
                    letter-spacing: 0;
                }

                h2 {
                    font-size: 2.45rem;
                    line-height: 1.08;
                    letter-spacing: 0;
                    margin-bottom: .8rem;
                }

                h3 {
                    font-size: 1.1rem;
                    margin-bottom: .5rem;
                    letter-spacing: 0;
                }

                .hero-lede {
                    max-width: 650px;
                    color: rgba(255, 255, 255, .88);
                    font-size: 1.24rem;
                }

                .hero-actions,
                .hero-proof,
                .band {
                    display: flex;
                    align-items: center;
                    gap: .85rem;
                    flex-wrap: wrap;
                }

                .button {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    min-height: 42px;
                    padding: .68rem .95rem;
                    border-radius: 6px;
                    font-weight: 800;
                    border: 1px solid transparent;
                }

                .button.primary {
                    background: var(--blue);
                    color: #ffffff;
                    box-shadow: 0 8px 20px rgba(31, 111, 235, .28);
                }

                .button.secondary {
                    background: rgba(255, 255, 255, .11);
                    color: #ffffff;
                    border-color: rgba(255, 255, 255, .35);
                }

                .hero-proof {
                    margin-top: 1.6rem;
                    display: grid;
                    grid-template-columns: repeat(2, max-content);
                    align-items: center;
                    gap: .85rem 2.2rem;
                }

                .hero-proof span {
                    display: inline-flex;
                    align-items: center;
                    gap: .4rem;
                    color: rgba(255, 255, 255, .82);
                    font-size: .92rem;
                    font-weight: 600;
                }

                .hero-proof span::before {
                    content: "\2713";
                    color: #5ea0f7;
                    font-weight: 800;
                }

                .hero-proof strong {
                    color: #ffffff;
                    font-weight: 700;
                }

                .hero-panel {
                    position: relative;
                    z-index: 1;
                    padding: 1rem;
                    border: 1px solid rgba(255, 255, 255, .09);
                    border-radius: 12px;
                    background: #15202e;
                }

                .panel-top,
                .panel-stage,
                .score-row {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 1rem;
                    padding: .8rem;
                    border-radius: 6px;
                    background: #1b2937;
                    margin-bottom: .5rem;
                }

                .panel-top {
                    background: #21303f;
                }

                .panel-stage {
                    border: 1px solid rgba(255, 255, 255, .08);
                }

                .score-row strong {
                    display: grid;
                    place-items: center;
                    min-width: 66px;
                    height: 34px;
                    padding: 0 .45rem;
                    border-radius: 6px;
                    background: #ffffff;
                    color: var(--ink);
                    font-size: .82rem;
                }

                .score-row.high { border-left: 4px solid var(--red); }
                .score-row.medium { border-left: 4px solid var(--gold); }
                .score-row.low { border-left: 4px solid var(--green); }

                .panel-llm {
                    padding: .8rem;
                    border-radius: 6px;
                    border: 1px solid rgba(94, 160, 247, .32);
                    background: rgba(31, 111, 235, .14);
                    margin-bottom: .5rem;
                }

                .panel-llm-top {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 1rem;
                    margin-bottom: .45rem;
                }

                .llm-tag {
                    display: inline-flex;
                    align-items: center;
                    gap: .35rem;
                    font-size: .72rem;
                    font-weight: 800;
                    text-transform: uppercase;
                    letter-spacing: .06em;
                    color: #5ea0f7;
                }

                .panel-llm-top strong {
                    font-size: .7rem;
                    font-weight: 700;
                    text-transform: uppercase;
                    letter-spacing: .04em;
                    color: rgba(255, 255, 255, .72);
                }

                .panel-llm p {
                    margin: 0;
                    font-size: .86rem;
                    line-height: 1.45;
                    color: rgba(255, 255, 255, .9);
                }

                .signal-stack {
                    display: grid;
                    gap: .55rem;
                    padding: .7rem .2rem .1rem;
                    color: rgba(255, 255, 255, .86);
                    font-size: .88rem;
                    font-weight: 700;
                }

                .signal-stack span {
                    display: grid;
                    gap: .4rem;
                }

                .signal-stack em {
                    font-style: normal;
                }

                .signal-stack i {
                    display: block;
                    height: 6px;
                    border-radius: 999px;
                    background: rgba(255, 255, 255, .12);
                    position: relative;
                }

                .signal-stack i::after {
                    content: "";
                    position: absolute;
                    inset: 0;
                    width: var(--w);
                    border-radius: 999px;
                    background: #3d8bf5;
                }

                .section {
                    width: min(1120px, calc(100% - 2rem));
                    margin: 0 auto;
                    padding: clamp(3rem, 7vw, 6rem) 0;
                }

                .section-heading {
                    max-width: 760px;
                    margin-bottom: 1.5rem;
                }

                .feature-grid,
                .outcome-strip,
                .product-flow {
                    display: grid;
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    gap: 1rem;
                }

                .pricing-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
                    gap: 1rem;
                }

                .feature-grid article,
                .outcome-strip article,
                .pricing-grid article,
                .product-flow article,
                .map-card,
                .contact-form {
                    border: 1px solid var(--line);
                    border-radius: 8px;
                    background: var(--surface);
                    padding: 1.2rem;
                    box-shadow: 0 10px 28px rgba(23, 32, 38, .06);
                    box-sizing: border-box;
                    min-width: 0;
                    overflow-wrap: anywhere;
                }

                .outcome-strip {
                    padding-top: clamp(2rem, 5vw, 4rem);
                    padding-bottom: clamp(1rem, 3vw, 2rem);
                }

                .outcome-strip article {
                    background: var(--surface-strong);
                }

                .metric-label {
                    display: inline-flex;
                    margin-bottom: .65rem;
                    color: var(--blue-dark);
                    font-size: .78rem;
                    font-weight: 900;
                    text-transform: uppercase;
                }

                .outcome-strip strong {
                    display: block;
                    margin-bottom: .45rem;
                    font-size: 1.18rem;
                }

                .feature-grid p,
                .outcome-strip p,
                .product-flow p,
                .page-hero p,
                .contact-layout p,
                .signal-item p,
                .use-case-list p {
                    color: var(--muted);
                }

                .split-story {
                    display: grid;
                    grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
                    gap: clamp(1.4rem, 4vw, 3rem);
                    align-items: start;
                }

                .split-story .section-heading {
                    margin-bottom: 0;
                }

                .signal-board {
                    display: grid;
                    gap: .85rem;
                    padding: 1rem;
                    border: 1px solid var(--line);
                    border-radius: 8px;
                    background: var(--surface-strong);
                    box-shadow: 0 16px 40px rgba(23, 32, 38, .08);
                }

                .signal-item {
                    display: grid;
                    grid-template-columns: 42px minmax(0, 1fr);
                    gap: .85rem;
                    align-items: start;
                    padding: .9rem;
                    border: 1px solid rgba(215, 221, 226, .84);
                    border-radius: 8px;
                    background: #ffffff;
                }

                .signal-item span {
                    display: grid;
                    place-items: center;
                    width: 42px;
                    height: 42px;
                    border-radius: 8px;
                    color: #ffffff;
                    background: var(--ink);
                    font-weight: 900;
                }

                .signal-item strong {
                    display: block;
                    margin-bottom: .2rem;
                }

                .signal-item p {
                    margin-bottom: 0;
                }

                .use-cases {
                    padding-top: clamp(2rem, 5vw, 4rem);
                }

                .use-case-list {
                    display: grid;
                    gap: .8rem;
                }

                .use-case-list article {
                    display: grid;
                    grid-template-columns: minmax(180px, .34fr) minmax(0, 1fr);
                    gap: 1rem;
                    align-items: start;
                    padding: 1rem 0;
                    border-top: 1px solid var(--line);
                }

                .use-case-list article:last-child {
                    border-bottom: 1px solid var(--line);
                }

                .use-case-list p {
                    margin-bottom: 0;
                }

                .band {
                    width: min(1120px, calc(100% - 2rem));
                    margin: 0 auto clamp(3rem, 6vw, 5rem);
                    justify-content: space-between;
                    border-top: 1px solid var(--line);
                    border-bottom: 1px solid var(--line);
                    padding: 1.6rem 0;
                }

                .band h2 {
                    font-size: 1.9rem;
                    max-width: 760px;
                }

                .page-hero {
                    width: min(1120px, calc(100% - 2rem));
                    margin: 0 auto;
                    padding: clamp(3rem, 7vw, 6rem) 0 1rem;
                }

                .page-hero h1 {
                    max-width: 860px;
                    font-size: 4.1rem;
                }

                .page-hero p:not(.eyebrow) {
                    max-width: 760px;
                    font-size: 1.12rem;
                }

                .page-proof {
                    display: flex;
                    flex-wrap: wrap;
                    gap: .6rem;
                    margin-top: 1.15rem;
                }

                .page-proof span {
                    display: inline-flex;
                    align-items: center;
                    min-height: 38px;
                    padding: .45rem .7rem;
                    border: 1px solid var(--line);
                    border-radius: 999px;
                    background: var(--surface-strong);
                    color: var(--ink);
                    font-size: .9rem;
                    font-weight: 800;
                    overflow-wrap: anywhere;
                }

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

                .product-snapshot {
                    padding-top: clamp(1rem, 3vw, 2rem);
                }

                .snapshot-grid,
                .pricing-note-grid,
                .contact-proof-grid,
                .guidance-grid,
                .trust-matrix {
                    display: grid;
                    gap: 1rem;
                }

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

                .snapshot-grid article,
                .pricing-note-grid article,
                .contact-proof-grid article,
                .guidance-grid article,
                .integration-lanes article,
                .trust-matrix article {
                    border: 1px solid var(--line);
                    border-radius: 8px;
                    background: var(--surface);
                    padding: 1.15rem;
                    box-shadow: 0 10px 28px rgba(23, 32, 38, .06);
                    min-width: 0;
                    overflow-wrap: anywhere;
                }

                .snapshot-grid span,
                .contact-proof-grid span,
                .guidance-grid span,
                .integration-lanes span,
                .trust-matrix span {
                    display: inline-flex;
                    margin-bottom: .65rem;
                    color: var(--blue-dark);
                    font-size: .78rem;
                    font-weight: 900;
                    text-transform: uppercase;
                }

                .snapshot-grid strong {
                    display: block;
                    margin-bottom: .45rem;
                    font-size: 1.08rem;
                }

                .snapshot-grid p,
                .pricing-note-grid p,
                .contact-proof-grid p,
                .guidance-grid p,
                .integration-lanes p,
                .trust-matrix p {
                    color: var(--muted);
                    margin-bottom: 0;
                }

                .product-flow span,
                .plan {
                    color: var(--blue-dark);
                    font-weight: 850;
                }

                .pricing-grid article.featured {
                    border-color: var(--blue);
                    box-shadow: 0 18px 42px rgba(31, 111, 235, .14);
                }

                .pricing-grid h2 {
                    overflow-wrap: anywhere;
                }

                .pricing-meter {
                    padding-bottom: 0;
                }

                .pricing-note-grid {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    margin-top: 1.2rem;
                }

                .pricing-note-grid article {
                    background: var(--surface-strong);
                }

                .contact-proof-grid,
                .guidance-grid {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    padding-top: clamp(1rem, 3vw, 2rem);
                }

                .guidance-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .legal-guidance {
                    padding-bottom: clamp(1rem, 3vw, 2rem);
                }

                .contact-proof-grid article,
                .guidance-grid article {
                    background: linear-gradient(180deg, #ffffff, var(--surface-strong));
                }

                .contact-proof-grid h2,
                .guidance-grid h2 {
                    font-size: 1.3rem;
                    line-height: 1.18;
                }

                .guidance-grid ul {
                    margin-top: .8rem;
                }

                .pricing-note-grid strong {
                    display: block;
                    margin-bottom: .4rem;
                    color: var(--blue-dark);
                }

                .plan-audience,
                .plan-limit {
                    color: var(--muted);
                    overflow-wrap: anywhere;
                }

                .price {
                    font-size: 1.4rem;
                    font-weight: 850;
                    color: var(--ink);
                    overflow-wrap: anywhere;
                }

                .plan-badges {
                    display: flex;
                    flex-wrap: wrap;
                    gap: .45rem;
                    margin-top: .85rem;
                }

                .plan-badges span {
                    border: 1px solid var(--line);
                    border-radius: 999px;
                    padding: .25rem .55rem;
                    background: #ffffff;
                    color: var(--muted);
                    font-size: .82rem;
                    font-weight: 750;
                    max-width: 100%;
                    min-width: 0;
                    line-height: 1.35;
                    overflow-wrap: anywhere;
                    white-space: normal;
                }

                ul {
                    margin: 1rem 0 0;
                    padding-left: 1.1rem;
                    color: var(--muted);
                }

                li + li { margin-top: .45rem; }

                .integration-map,
                .contact-layout,
                .legal-layout {
                    display: grid;
                    grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
                    gap: 1.2rem;
                    align-items: start;
                }

                .legal-layout {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .integration-lanes {
                    display: grid;
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    gap: 1rem;
                    padding-top: clamp(1.5rem, 4vw, 3rem);
                }

                .integration-lanes article {
                    background: linear-gradient(180deg, #ffffff, var(--surface-strong));
                }

                .integration-lanes h2,
                .trust-matrix h2 {
                    font-size: 1.35rem;
                    line-height: 1.18;
                }

                .map-card {
                    display: grid;
                    gap: .8rem;
                    background: var(--surface-strong);
                }

                .trust-matrix {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    padding-top: clamp(1.5rem, 4vw, 3rem);
                    padding-bottom: clamp(1rem, 3vw, 2rem);
                }

                .trust-matrix article {
                    background: linear-gradient(180deg, #ffffff, var(--surface-strong));
                }

                .map-card strong {
                    display: block;
                    padding: 1rem;
                    border-radius: 8px;
                    color: #ffffff;
                    background: var(--blue-dark);
                    text-align: center;
                }

                .contact-form {
                    display: grid;
                    gap: .9rem;
                }

                .intake-handoff-field {
                    position: absolute;
                    left: -10000px;
                    width: 1px;
                    height: 1px;
                    overflow: hidden;
                }

                .form-banner {
                    border: 1px solid var(--line);
                    border-radius: 8px;
                    padding: .85rem;
                    background: var(--surface-strong);
                    color: var(--ink);
                    font-weight: 700;
                }

                .form-banner.success {
                    border-color: rgba(25, 122, 80, .35);
                    background: #effaf4;
                    color: #145f3d;
                }

                .form-banner.error {
                    border-color: rgba(201, 60, 55, .35);
                    background: #fff1f0;
                    color: #8c2925;
                }

                .form-note {
                    margin: 0;
                    color: var(--muted);
                    font-size: .92rem;
                }

                .legal-layout article {
                    border-top: 1px solid var(--line);
                    padding-top: 1.2rem;
                }

                .legal-layout p {
                    color: var(--muted);
                }

                label {
                    display: grid;
                    gap: .35rem;
                    font-weight: 750;
                }

                input,
                textarea {
                    width: 100%;
                    border: 1px solid var(--line);
                    border-radius: 6px;
                    padding: .75rem;
                    font: inherit;
                    color: var(--ink);
                    background: var(--surface-strong);
                }

                .site-footer {
                    border-top: 1px solid var(--line);
                    padding: 2rem clamp(1rem, 4vw, 3rem);
                    color: var(--muted);
                    background: var(--surface-strong);
                }

                .footer-inner {
                    width: min(1120px, 100%);
                    margin: 0 auto;
                    display: flex;
                    justify-content: space-between;
                    gap: 1rem;
                    flex-wrap: wrap;
                }

                .footer-links {
                    display: inline-flex;
                    gap: .8rem;
                    flex-wrap: wrap;
                }

                .footer-links a {
                    color: var(--blue-dark);
                    font-weight: 750;
                }

                @media (max-width: 860px) {
                    .site-header {
                        position: static;
                        flex-wrap: wrap;
                        align-items: center;
                    }

                    .nav-toggle {
                        display: inline-flex;
                        margin-left: auto;
                    }

                    h1 {
                        font-size: 2.6rem;
                    }

                    h2 {
                        font-size: 1.8rem;
                    }

                    .hero-lede {
                        font-size: 1.08rem;
                    }

                    .band h2 {
                        font-size: 1.5rem;
                    }

                    .page-hero h1 {
                        font-size: 2.55rem;
                    }

                    .nav {
                        display: none;
                        flex-basis: 100%;
                        flex-direction: column;
                        align-items: flex-start;
                        justify-content: flex-start;
                        gap: .1rem;
                        margin-top: .5rem;
                    }

                    .operator-link {
                        display: none;
                        margin-top: .5rem;
                    }

                    .site-header.is-open .nav,
                    .site-header.is-open .operator-link {
                        display: flex;
                    }

                    .hero-inner,
                    .integration-map,
                    .contact-layout,
                    .split-story,
                    .legal-layout {
                        grid-template-columns: 1fr;
                    }

                    .hero-panel {
                        max-width: 520px;
                    }

                    .hero-proof {
                        grid-template-columns: 1fr;
                    }

                    .feature-grid,
                    .outcome-strip,
                    .pricing-grid,
                    .product-flow,
                    .snapshot-grid,
                    .pricing-note-grid,
                    .contact-proof-grid,
                    .guidance-grid,
                    .integration-lanes,
                    .trust-matrix {
                        grid-template-columns: 1fr;
                    }

                    .use-case-list article {
                        grid-template-columns: 1fr;
                    }

                    .operator-link {
                        width: 100%;
                        text-align: center;
                    }
                }