:root {
    --x-ink: #10243b;
    --x-muted: #607086;
    --x-teal: #009c8c;
    --x-teal-dark: #00786d;
    --x-aqua: #1aa8b8;
    --x-blue: #1f67b3;
    --x-line: #dce6ec;
    --x-soft: #f4f9fa;
    --x-mint: #eaf8f4;
    --x-shadow: 0 22px 70px rgba(16, 36, 59, .11);
}

.public-v2 {
    margin: 0;
    color: var(--x-ink);
    background:
        radial-gradient(circle at 90% 6%, rgba(26,168,184,.11), transparent 30rem),
        radial-gradient(circle at 4% 14%, rgba(31,103,179,.07), transparent 28rem),
        linear-gradient(180deg,#fbfdfe,#f7fbfb 46%,#fff);
}

.public-v2 a { color: inherit; }

.public-header-v2 {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid rgba(16,36,59,.08);
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(18px);
}

.public-header-v2 .header-inner {
    width: min(1240px, calc(100% - 48px));
    min-height: 76px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
}

.public-header-v2 .brand img { display:block; width:185px; }

.public-nav-v2 {
    display:flex;
    justify-content:center;
    gap:26px;
}

.public-nav-v2 a {
    position:relative;
    padding:27px 0 24px;
    text-decoration:none;
    color:#40546b;
    font-size:.88rem;
    font-weight:760;
}

.public-nav-v2 a:hover,
.public-nav-v2 a.active { color:var(--x-teal-dark); }

.public-nav-v2 a.active::after {
    content:"";
    position:absolute;
    left:0; right:0; bottom:15px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--x-teal),var(--x-aqua));
}

.login-link {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 16px;
    border-radius:12px;
    background:linear-gradient(135deg,var(--x-teal),var(--x-teal-dark));
    color:#fff !important;
    text-decoration:none;
    font-size:.86rem;
    font-weight:800;
    box-shadow:0 10px 24px rgba(0,120,109,.16);
}

.page-width { width:min(1240px,calc(100% - 48px)); margin-left:auto; margin-right:auto; }

.hero-v2 {
    min-height:660px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);
    gap:36px;
    align-items:end;
    padding:64px 0 44px;
}

.eyebrow-v2 {
    margin:0 0 13px;
    color:var(--x-teal-dark);
    font-size:.75rem;
    font-weight:900;
    letter-spacing:.17em;
    text-transform:uppercase;
}

.hero-v2 h1,
.page-title-v2 h1 {
    margin:0;
    max-width:760px;
    font-size:clamp(3.25rem,6vw,5.65rem);
    line-height:.96;
    letter-spacing:-.058em;
}

.hero-v2 h1 em { color:var(--x-teal); font-style:normal; }

.hero-v2 .lead,
.page-title-v2 .lead {
    max-width:760px;
    margin:24px 0 0;
    color:var(--x-muted);
    font-size:clamp(1.05rem,1.55vw,1.26rem);
    line-height:1.68;
}

.hero-buttons { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.button-primary,.button-secondary {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 21px;
    border-radius:13px;
    text-decoration:none;
    font-weight:850;
}
.button-primary { color:#fff; background:linear-gradient(135deg,var(--x-teal),var(--x-teal-dark)); box-shadow:0 12px 28px rgba(0,120,109,.18); }
.button-secondary { color:var(--x-ink); background:#fff; border:1px solid var(--x-line); }

.hero-note { margin:15px 0 0; color:#7a8798; font-size:.87rem; }

.shedina-stage {
    position:relative;
    min-height:560px;
    overflow:hidden;
    border:1px solid rgba(16,36,59,.07);
    border-radius:34px;
    background:
        radial-gradient(circle at 68% 30%, rgba(26,168,184,.16), transparent 19rem),
        linear-gradient(145deg,#f4fbfa,#ffffff 55%,#eef7fb);
    box-shadow:var(--x-shadow);
}

.shedina-stage::before {
    content:"X";
    position:absolute;
    inset:auto -25px -120px auto;
    color:rgba(0,156,140,.045);
    font-size:33rem;
    font-weight:950;
    line-height:1;
    transform:rotate(-6deg);
}

.shedina-image {
    position:absolute;
    z-index:2;
    right:-2px;
    bottom:-4px;
    width:min(82%,500px);
    height:auto;
    filter:drop-shadow(0 26px 32px rgba(16,36,59,.13));
    transform:scaleX(-1);
}

.speech-card {
    position:absolute;
    z-index:4;
    left:22px;
    top:20px;
    width:min(290px,46%);
    padding:16px 18px;
    border:1px solid rgba(0,156,140,.22);
    border-radius:22px 22px 22px 6px;
    background:rgba(255,255,255,.95);
    box-shadow:0 16px 42px rgba(16,36,59,.09);
}
.speech-card strong { display:block; margin-bottom:7px; font-size:1.12rem; }
.speech-card p { margin:0; color:var(--x-muted); line-height:1.5; font-size:.88rem; }
.speech-card .pronounce { color:var(--x-teal-dark); font-weight:850; }


.economic-ribbon {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:0;
    margin:0 auto 52px;
    overflow:hidden;
    border:1px solid var(--x-line);
    border-radius:22px;
    background:#fff;
    box-shadow:0 14px 42px rgba(16,36,59,.06);
}
.economic-ribbon div { position:relative; padding:19px 20px; border-right:1px solid var(--x-line); }
.economic-ribbon div:last-child { border-right:0; background:var(--x-mint); }
.economic-ribbon span { display:block; margin-bottom:4px; color:#7d8997; font-size:.7rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.economic-ribbon strong { font-size:.95rem; }
.economic-ribbon div:not(:last-child)::after { content:"→"; position:absolute; right:-8px; top:50%; z-index:2; transform:translateY(-50%); width:16px; text-align:center; color:var(--x-teal); background:#fff; }

.section-v2 { padding:64px 0; }
.section-v2.soft { background:linear-gradient(180deg,rgba(234,248,244,.54),rgba(247,251,251,.72)); border-top:1px solid rgba(16,36,59,.05); border-bottom:1px solid rgba(16,36,59,.05); }
.section-heading-v2 { max-width:780px; margin-bottom:30px; }
.section-heading-v2 h2 { margin:0; font-size:clamp(2.25rem,4vw,3.8rem); line-height:1.03; letter-spacing:-.045em; }
.section-heading-v2 p { color:var(--x-muted); line-height:1.65; }

.three-cards,.two-cards,.example-grid,.pricing-grid { display:grid; gap:18px; }
.three-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
.two-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
.example-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }

.card-v2 {
    position:relative;
    padding:28px;
    border:1px solid rgba(16,36,59,.08);
    border-radius:24px;
    background:#fff;
    box-shadow:0 12px 38px rgba(16,36,59,.055);
}
.card-v2 .card-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:20px; border-radius:15px; background:var(--x-mint); font-size:1.4rem; }
.card-v2 h3 { margin:0 0 10px; font-size:1.3rem; letter-spacing:-.02em; }
.card-v2 p { margin:0; color:var(--x-muted); line-height:1.62; }
.card-v2 a { display:inline-block; margin-top:18px; color:var(--x-teal-dark); font-weight:850; text-decoration:none; }

.integration-flow {
    display:grid;
    grid-template-columns:1fr auto 1.2fr auto 1fr;
    gap:16px;
    align-items:stretch;
}
.integration-box { padding:25px; border:1px solid var(--x-line); border-radius:21px; background:#fff; }
.integration-box.engine { background:linear-gradient(145deg,#073f46,#006f68); color:#fff; border:0; }
.integration-box h3 { margin:0 0 9px; }
.integration-box p { margin:0; color:var(--x-muted); line-height:1.58; }
.integration-box.engine p { color:rgba(255,255,255,.76); }
.integration-arrow { display:grid; place-items:center; color:var(--x-teal); font-size:1.65rem; font-weight:900; }

.duck-section { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:34px; align-items:center; }
.duck-visual { min-height:300px; overflow:hidden; border-radius:28px; background:linear-gradient(180deg,#eaf9f7,#e8f4fb); border:1px solid rgba(16,36,59,.06); box-shadow:0 14px 42px rgba(16,36,59,.06); }
.duck-visual img { display:block; width:100%; height:100%; object-fit:cover; }
.duck-copy h2 { margin:0; font-size:clamp(2.45rem,4vw,4.2rem); letter-spacing:-.05em; line-height:1; }
.duck-copy p { color:var(--x-muted); line-height:1.68; font-size:1.05rem; }
.duck-copy ul { margin:22px 0 0; padding:0; list-style:none; display:grid; gap:10px; }
.duck-copy li::before { content:"✓"; margin-right:10px; color:var(--x-teal); font-weight:900; }

.shedina-inline { display:flex; align-items:flex-end; gap:18px; padding:22px 26px 0; overflow:hidden; border:1px solid var(--x-line); border-radius:24px; background:linear-gradient(135deg,#fff,#f2faf9); }
.shedina-inline img { width:185px; margin-bottom:-18px; }
.shedina-inline .bubble { align-self:center; max-width:560px; padding:16px 18px; border-radius:18px 18px 18px 5px; background:#fff; box-shadow:0 10px 30px rgba(16,36,59,.07); }
.shedina-inline .bubble strong { display:block; margin-bottom:4px; }
.shedina-inline .bubble p { margin:0; color:var(--x-muted); line-height:1.55; }

.page-title-v2 { padding:74px 0 30px; }
.page-title-v2 h1 { font-size:clamp(3rem,5vw,5rem); }

.example-card { min-height:250px; display:flex; flex-direction:column; }
.example-card .label { color:var(--x-teal-dark); font-size:.74rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.example-card .status { margin-top:auto; padding-top:24px; color:#718095; font-size:.82rem; font-weight:800; }
.example-card.live { border-color:rgba(0,156,140,.32); box-shadow:0 18px 48px rgba(0,120,109,.10); }

.api-callout { padding:30px; border-radius:26px; background:#0e273b; color:#fff; }
.api-callout h3 { margin-top:0; font-size:1.75rem; }
.api-callout p { color:rgba(255,255,255,.72); line-height:1.62; }
.api-pills { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
.api-pills span { padding:8px 11px; border-radius:999px; background:rgba(255,255,255,.1); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.8rem; }

.pricing-hero-card { display:grid; grid-template-columns:1fr .85fr; gap:28px; align-items:center; padding:32px; border:1px solid rgba(0,156,140,.18); border-radius:28px; background:linear-gradient(145deg,#fff,#edfaf6); box-shadow:var(--x-shadow); }
.pricing-hero-card h2 { margin:0; font-size:clamp(2.1rem,3.7vw,3.65rem); line-height:1.04; letter-spacing:-.045em; }
.pricing-hero-card p { color:var(--x-muted); line-height:1.65; }
.pricing-side { padding:23px; border-radius:20px; background:#fff; }
.pricing-side strong { display:block; font-size:2rem; color:var(--x-teal-dark); }
.pricing-side span { color:var(--x-muted); line-height:1.5; display:block; }
.text-link { display:inline-block; margin-top:12px; color:var(--x-teal-dark); font-weight:850; text-decoration:none; }
.text-link:hover { text-decoration:underline; }

.price-table { width:100%; border-collapse:collapse; overflow:hidden; border:1px solid var(--x-line); border-radius:18px; background:#fff; }
.price-table th,.price-table td { padding:14px 16px; border-bottom:1px solid var(--x-line); text-align:left; }
.price-table th { color:#65758a; font-size:.75rem; text-transform:uppercase; letter-spacing:.07em; }
.price-table td:last-child,.price-table th:last-child { text-align:right; }
.price-table tr:last-child td { border-bottom:0; }

.public-footer-v2 { margin-top:70px; border-top:1px solid var(--x-line); background:#fff; }
.footer-inner { width:min(1240px,calc(100% - 48px)); margin:0 auto; padding:30px 0 38px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#6b7a8d; font-size:.84rem; }
.footer-brand { display:flex; align-items:center; gap:10px; }
.footer-brand img { width:27px; }
.footer-note { white-space:nowrap; }

@media (max-width:1000px) {
    .public-nav-v2 { gap:15px; }
    .public-nav-v2 a { font-size:.8rem; }
    .hero-v2 { grid-template-columns:1fr; min-height:auto; }
    .shedina-stage { min-height:540px; }
    .economic-ribbon { grid-template-columns:1fr; }
    .economic-ribbon div { border-right:0; border-bottom:1px solid var(--x-line); }
    .economic-ribbon div:last-child { border-bottom:0; }
    .economic-ribbon div::after { display:none; }
    .three-cards,.example-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .integration-flow { grid-template-columns:1fr; }
    .integration-arrow { transform:rotate(90deg); min-height:30px; }
    .pricing-hero-card { grid-template-columns:1fr; }
}

@media (max-width:780px) {
    .public-header-v2 .header-inner { width:min(100% - 28px,1240px); grid-template-columns:1fr auto; padding:12px 0 0; }
    .public-header-v2 .brand img { width:158px; }
    .public-nav-v2 { grid-column:1/-1; order:3; overflow-x:auto; justify-content:flex-start; gap:19px; }
    .public-nav-v2 a { padding:9px 0 14px; white-space:nowrap; }
    .public-nav-v2 a.active::after { bottom:7px; }
    .page-width { width:min(100% - 28px,1240px); }
    .hero-v2 { padding-top:44px; }
    .shedina-stage { min-height:480px; }
    .speech-card { left:14px; top:14px; width:54%; padding:13px 14px; }
    .shedina-image { width:92%; right:-28px; }
    .three-cards,.two-cards,.example-grid,.duck-section { grid-template-columns:1fr; }
    .shedina-inline { align-items:center; padding:18px; }
    .shedina-inline img { display:none; }
    .footer-inner { align-items:flex-start; flex-direction:column; }
}

@media (max-width:520px) {
    .hero-v2 h1 { font-size:3.05rem; }
    .hero-buttons { flex-direction:column; }
    .button-primary,.button-secondary { width:100%; }
    .shedina-stage { min-height:430px; }
    .speech-card { width:68%; }
    .speech-card strong { font-size:1.05rem; }
    .speech-card p { font-size:.82rem; }
}