:root {
    --v2-ink: #081426;
    --v2-copy: #42526b;
    --v2-blue: #2563eb;
    --v2-cyan: #17b9d4;
    --v2-mango: #f59e0b;
    --v2-line: #dbe5f1;
    --v2-soft: #f4f8fc;
    --v2-card: #fff;
    --v2-width: min(1480px, calc(100% - 64px));
}

html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Outfit", sans-serif; color: var(--v2-ink); background: #fbfdff; }
.home-v2-page { min-height: 100vh; overflow: hidden; background: radial-gradient(circle at 85% 5%, rgba(23,185,212,.10), transparent 25%), radial-gradient(circle at 8% 18%, rgba(37,99,235,.08), transparent 26%), #fbfdff; }
.home-v2-header { margin: 0; }
.home-v2-top-nav { width: var(--v2-width); margin: 0 auto; padding: 1.1rem 0; min-height: 74px; }
.home-v2-top-left { gap: 2rem; }
.home-v2-nav-links { display: flex; gap: 1.6rem; align-items: center; }
.home-v2-nav-links a { color: #34445d; text-decoration: none; font-size: .95rem; font-weight: 600; }
.home-v2-nav-links a:hover { color: var(--v2-blue); }
.home-v2-top-right { gap: .7rem; }
.home-v2-nav-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 1.1rem; border-radius: 12px; font-weight: 700; font-size: .94rem; text-decoration: none; border: 0; }
.home-v2-nav-btn.ghost { color: var(--v2-ink); background: transparent; }
.home-v2-nav-btn.solid { color: #fff; background: var(--v2-ink); }

.v2-hero-shell { width: var(--v2-width); min-height: 740px; margin: 0 auto; padding: 5.4rem 0 6.5rem; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(520px,.92fr); align-items: start; gap: 4rem; }
.v2-eyebrow,.v2-section-kicker,.v2-section-heading > p,.v2-how-intro > p,.v2-trust-section > div > p,.v2-final-cta > p { margin: 0 0 1rem; color: var(--v2-blue); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.v2-eyebrow { display: flex; align-items: center; gap: .6rem; }
.v2-eyebrow span { width: 10px; height: 10px; border-radius: 99px; background: linear-gradient(135deg,var(--v2-blue),var(--v2-cyan)); box-shadow: 0 0 0 6px rgba(37,99,235,.08); }
.v2-hero-copy-block h1 { margin: 0; font-size: clamp(4rem,4.7vw,5.55rem); line-height: 1; letter-spacing: -.06em; }
.v2-hero-copy-block h1 span { display:block; white-space:nowrap; }
.v2-hero-copy { max-width: 720px; margin: 1.6rem 0 0; color: var(--v2-copy); font-size: 1.22rem; line-height: 1.65; }
.v2-hero-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.8rem; }
.v2-primary-btn,.v2-secondary-btn { display:inline-flex; justify-content:center; align-items:center; min-height:58px; padding:0 1.5rem; border-radius:14px; font-weight:800; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.v2-primary-btn { color:#fff; background:linear-gradient(100deg,var(--v2-blue),var(--v2-cyan)); box-shadow:0 18px 36px rgba(37,99,235,.18); }
.v2-secondary-btn { color:var(--v2-ink); background:#fff; border:1px solid #cbd8e8; }
.v2-primary-btn:hover,.v2-secondary-btn:hover { transform:translateY(-2px); }
.v2-hero-fit { display:flex; flex-wrap:wrap; gap:.7rem 1.1rem; margin-top:2.2rem; color:#66768d; font-size:.88rem; font-weight:600; }
.v2-hero-fit span { display:flex; align-items:center; gap:.45rem; }
.v2-hero-fit span::before { content:""; width:5px; height:5px; border-radius:99px; background:var(--v2-mango); }

.v2-product-proof { position:relative; width:min(100%,680px); justify-self:end; margin-top:2.2rem; padding:1rem; border:1px solid rgba(114,146,190,.24); border-radius:28px; background:rgba(255,255,255,.92); box-shadow:0 34px 90px rgba(34,70,122,.14); }
.v2-product-proof::before { content:""; position:absolute; inset:10% -5% -5% 8%; z-index:-1; border-radius:30px; background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(23,185,212,.11)); filter:blur(20px); }
.v2-proof-toolbar { display:flex; justify-content:space-between; align-items:center; padding:.3rem .35rem .9rem; font-size:.82rem; font-weight:700; }
.v2-proof-brand { display:flex; align-items:center; gap:.5rem; }
.v2-proof-brand span { width:10px; height:10px; border-radius:50%; background:var(--v2-cyan); }
.v2-proof-status { padding:.32rem .65rem; color:#047857; background:#dff8ee; border-radius:99px; }
.v2-proof-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; margin-bottom:.7rem; }
.v2-proof-summary div { display:grid; gap:.18rem; padding:.7rem .8rem; border:1px solid #e0e8f1; border-radius:12px; background:#f8fafc; }
.v2-proof-summary span { color:#718096; font-size:.68rem; text-transform:uppercase; letter-spacing:.05em; font-weight:700; }
.v2-proof-summary strong { font-size:1.1rem; }
.v2-proof-image { height:390px; overflow:hidden; border:1px solid #dce6f0; border-radius:16px; background:#fff; }
.v2-proof-image img { width:100%; height:auto; display:block; }
.v2-proof-caption { padding:.8rem .35rem .1rem; color:#65758d; font-size:.82rem; line-height:1.45; }
.v2-proof-caption span { color:var(--v2-blue); font-weight:800; margin-right:.5rem; }

.v2-orchestration-section { width:var(--v2-width); margin:0 auto; padding:7rem 0; border-top:1px solid var(--v2-line); }
.v2-orchestration-header { display:grid; grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr); gap:5rem; align-items:end; margin-bottom:2.8rem; }
.v2-orchestration-header .v2-section-kicker { grid-column:1/-1; margin-bottom:-3.6rem; }
.v2-orchestration-header h2 { max-width:780px; margin:0; font-size:clamp(2.6rem,3.7vw,4.5rem); line-height:1.02; letter-spacing:-.05em; text-wrap:balance; }
.v2-orchestration-header > p:last-child { max-width:650px; margin:0; color:var(--v2-copy); font-size:1.1rem; line-height:1.65; }
.v2-workflow-board { overflow:hidden; border:1px solid #c9d5e3; border-radius:24px; background-color:#f6f8fb; background-image:radial-gradient(#cdd7e3 1px,transparent 1px); background-size:18px 18px; box-shadow:0 22px 60px rgba(33,68,113,.08); }
.v2-workflow-board-header { display:flex; justify-content:space-between; align-items:center; gap:1rem; min-height:68px; padding:0 1.3rem; border-bottom:1px solid #d5dfeb; background:rgba(255,255,255,.96); }
.v2-board-title { display:flex; align-items:center; gap:.7rem; }
.v2-board-title > div { display:grid; gap:.05rem; }
.v2-board-title small { color:#8290a3; font-size:.68rem; }
.v2-board-controls { display:flex; align-items:center; gap:.35rem; }
.v2-board-controls span { padding:.45rem .65rem; border:1px solid #dce4ed; border-radius:8px; color:#596a80; background:#fff; font-size:.72rem; font-weight:700; }
.v2-board-controls b { margin-left:.25rem; padding:.4rem .65rem; border-radius:99px; color:#08705d; background:#e5f7f1; font-size:.68rem; }
.v2-board-mark { width:10px; height:10px; border-radius:50%; background:var(--v2-cyan); box-shadow:0 0 0 5px rgba(23,185,212,.1); }
.v2-workflow-lane { display:grid; grid-template-columns:minmax(230px,.34fr) minmax(0,1fr); gap:1.6rem; margin:1rem; padding:1.25rem; border:1px solid rgba(203,215,228,.95); border-radius:16px; background:rgba(255,255,255,.9); box-shadow:0 8px 22px rgba(33,68,113,.05); }
.v2-workflow-lane header { display:grid; grid-template-columns:34px minmax(0,1fr); gap:.75rem; align-content:center; }
.v2-workflow-lane header > span { grid-row:1/3; display:grid; width:34px; height:34px; place-items:center; border:1px solid #cbd9e9; border-radius:9px; color:var(--v2-blue); background:#f3f7ff; font-size:.72rem; font-weight:800; }
.v2-workflow-lane header > div { display:grid; gap:.16rem; }
.v2-workflow-lane header strong { font-size:1.05rem; }
.v2-workflow-lane header small { color:#718096; line-height:1.35; }
.v2-workflow-lane header em { grid-column:2; position:relative; justify-self:start; padding:.3rem .55rem .3rem 1.15rem; border-radius:99px; color:#75510c; background:#fff5dc; font-size:.68rem; font-style:normal; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.v2-workflow-lane header em::before { content:""; position:absolute; left:.5rem; top:50%; width:6px; height:6px; border-radius:50%; background:var(--v2-mango); transform:translateY(-50%); }
.v2-lane-steps { display:grid; grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr); align-items:center; min-width:0; }
.v2-lane-steps > div { position:relative; display:grid; min-width:0; min-height:72px; align-content:center; gap:.28rem; padding:.7rem .8rem .7rem 1rem; border:1px solid #cbd8e6; border-left:3px solid #6f8fbd; border-radius:10px; background:#fff; box-shadow:0 5px 13px rgba(30,55,88,.07); }
.v2-lane-steps > div:first-child { border-left-color:var(--v2-mango); }
.v2-lane-steps > div.is-output { border-color:#9ed5ca; border-left:3px solid #1ba389; background:#f8fffc; }
.v2-lane-steps > div::before,.v2-lane-steps > div::after { content:""; position:absolute; top:50%; z-index:2; width:9px; height:9px; border:2px solid #8ea2ba; border-radius:50%; background:#fff; transform:translateY(-50%); }
.v2-lane-steps > div::before { left:-7px; }
.v2-lane-steps > div::after { right:-7px; }
.v2-lane-steps > div:first-child::before,.v2-lane-steps > div:last-child::after { display:none; }
.v2-lane-steps small { color:#718096; font-size:.64rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.v2-lane-steps strong { color:#1e2d43; font-size:.82rem; line-height:1.25; }
.v2-lane-steps > i { position:relative; display:block; min-width:32px; height:2px; color:transparent; background:#9cacc0; font-size:0; font-style:normal; }
.v2-lane-steps > i::after { content:"+"; position:absolute; left:50%; top:50%; display:grid; width:18px; height:18px; place-items:center; border:1px solid #afbdcd; border-radius:50%; color:#65778e; background:#fff; font-size:.72rem; font-weight:700; transform:translate(-50%,-50%); }

.v2-problem-section,.v2-workflows,.v2-supporting-tools,.v2-how-section,.v2-trust-section,.v2-final-cta { width:var(--v2-width); margin:0 auto; }
.v2-problem-section { padding:7rem 0; border-top:1px solid var(--v2-line); }
.v2-problem-grid { display:grid; grid-template-columns:1.05fr .75fr; gap:8rem; align-items:start; }
.v2-problem-grid h2,.v2-section-heading h2,.v2-how-intro h2,.v2-trust-section h2,.v2-final-cta h2 { margin:0; font-size:clamp(2.5rem,4.3vw,5rem); line-height:1.02; letter-spacing:-.055em; text-wrap:balance; }
.v2-problem-copy { color:var(--v2-copy); font-size:1.14rem; line-height:1.7; }
.v2-problem-copy p:first-child { margin-top:0; }
.v2-before-after { display:grid; grid-template-columns:repeat(2,1fr); gap:1.2rem; margin-top:4rem; }
.v2-before-after article { padding:1.7rem; border:1px solid var(--v2-line); border-radius:20px; background:#fff; }
.v2-before-after article:last-child { border-color:rgba(23,185,212,.35); background:linear-gradient(135deg,#f5fbff,#f2fffb); }
.v2-before-after > article > span { display:inline-flex; padding:.35rem .65rem; border-radius:99px; font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.is-before { color:#9f1239; background:#fff1f2; }.is-after { color:#047857; background:#dff8ee; }
.v2-before-after ul { display:grid; grid-template-columns:repeat(2,1fr); gap:.8rem 1.4rem; list-style:none; margin:1.2rem 0 0; padding:0; color:#46566d; }
.v2-before-after li { position:relative; padding-left:1.2rem; }.v2-before-after li::before { content:""; position:absolute; left:0; top:.55rem; width:6px; height:6px; border-radius:50%; background:#91a2b9; }

.v2-workflows { padding:7rem 0; }
.v2-section-heading { max-width:900px; margin:0 auto 3rem; text-align:center; }
.v2-section-heading.is-left { max-width:850px; margin-left:0; text-align:left; }
.v2-workflow-card { display:grid; grid-template-columns:80px minmax(0,1fr) minmax(340px,.7fr); gap:2rem; margin-top:1.3rem; padding:2.2rem; border:1px solid var(--v2-line); border-radius:26px; background:#fff; box-shadow:0 18px 55px rgba(26,55,96,.06); }
.v2-workflow-number { color:#9aabc0; font-size:.85rem; font-weight:800; letter-spacing:.12em; }
.v2-workflow-content > span { color:var(--v2-blue); font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.v2-workflow-content h3 { max-width:760px; margin:.5rem 0 .8rem; font-size:clamp(2rem,3vw,3.15rem); line-height:1.05; letter-spacing:-.045em; }
.v2-workflow-content p { max-width:760px; color:var(--v2-copy); font-size:1.06rem; line-height:1.65; }
.v2-workflow-content ul { display:grid; gap:.55rem; padding:0; list-style:none; color:#405168; }
.v2-workflow-content li { padding-left:1.3rem; position:relative; }.v2-workflow-content li::before { content:"✓"; position:absolute; left:0; color:#0f9f82; font-weight:800; }
.v2-workflow-content a { display:inline-flex; gap:.5rem; margin-top:.7rem; color:var(--v2-blue); font-weight:800; text-decoration:none; }
.v2-workflow-metrics { display:grid; align-content:center; gap:.7rem; }
.v2-workflow-metrics div { display:grid; gap:.2rem; padding:1rem; border:1px solid #dce5ef; border-radius:14px; background:#f8fafc; }
.v2-workflow-metrics span { color:#7a899d; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.v2-protocol-flow { display:grid; align-content:center; gap:.5rem; }
.v2-protocol-flow div { display:grid; grid-template-columns:38px 1fr; column-gap:.7rem; padding:.9rem; border:1px solid #dbe5f0; border-radius:14px; background:#f8fbff; }
.v2-protocol-flow div > span { grid-row:1/3; display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--v2-blue),var(--v2-cyan)); font-weight:800; }
.v2-protocol-flow strong { align-self:end; }.v2-protocol-flow small { color:#708096; }.v2-protocol-flow i { height:18px; width:1px; margin-left:28px; background:#b8c7d9; }

.v2-supporting-tools { padding:7rem 0; }
.v2-support-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.v2-support-grid article { min-height:230px; padding:1.4rem; border-top:3px solid var(--v2-blue); border-radius:0 0 18px 18px; background:#f3f7fb; }
.v2-support-grid article > span { display:grid; place-items:center; width:42px; height:42px; color:var(--v2-blue); background:#e4edff; border-radius:11px; font-weight:800; }
.v2-support-grid h3 { margin:1.3rem 0 .5rem; font-size:1.3rem; }.v2-support-grid p { margin:0; color:var(--v2-copy); line-height:1.55; }

.v2-how-section { display:grid; grid-template-columns:.7fr 1.3fr; gap:7rem; padding:7rem 0; border-top:1px solid var(--v2-line); }
.v2-how-intro > span { display:block; margin-top:1.2rem; color:var(--v2-copy); font-size:1.05rem; line-height:1.65; }
.v2-steps { list-style:none; margin:0; padding:0; }
.v2-steps li { display:grid; grid-template-columns:70px 1fr; gap:1rem; padding:1.3rem 0; border-bottom:1px solid var(--v2-line); }
.v2-steps li > span { color:var(--v2-blue); font-weight:800; letter-spacing:.1em; }
.v2-steps h3 { margin:0 0 .35rem; font-size:1.35rem; }.v2-steps p { margin:0; color:var(--v2-copy); line-height:1.55; }

.v2-trust-section { margin-top:7rem; padding:7rem 0; border-top:1px solid var(--v2-line); }
.v2-trust-section > div:first-child { display:grid; grid-template-columns:.4fr 1.1fr; gap:4rem; align-items:start; }
.v2-trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.v2-trust-grid article { padding:1.5rem; border:1px solid var(--v2-line); border-radius:18px; background:#fff; }.v2-trust-grid h3 { margin:0 0 .5rem; }.v2-trust-grid p { margin:0; color:var(--v2-copy); line-height:1.55; }

.v2-final-cta { margin-bottom:7rem; padding:6rem 2rem; text-align:center; border-radius:30px; background:linear-gradient(135deg,#edf4ff,#ebfbfc); border:1px solid #d7e5f4; }
.v2-final-cta h2 { max-width:900px; margin:0 auto; }.v2-final-cta > span { display:block; max-width:760px; margin:1rem auto 0; color:var(--v2-copy); font-size:1.08rem; line-height:1.6; }.v2-final-cta > div { display:flex; justify-content:center; gap:.8rem; margin-top:1.6rem; }

@media(max-width:1180px){
    :root{--v2-width:min(100% - 36px,1480px)}
    .v2-hero-shell{grid-template-columns:1fr;gap:3rem;padding-top:4rem}.v2-product-proof{width:min(100%,820px);justify-self:start;margin-top:0}
    .v2-orchestration-header{grid-template-columns:1fr;gap:1.4rem}.v2-orchestration-header .v2-section-kicker{grid-column:auto;margin-bottom:0}
    .v2-workflow-card{grid-template-columns:50px 1fr}.v2-workflow-metrics,.v2-protocol-flow{grid-column:2}
    .v2-support-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
    .home-v2-nav-links{display:none}.home-v2-top-right .ghost{display:none}.home-v2-nav-btn.solid{font-size:.8rem;padding:0 .7rem}
    .v2-hero-copy-block h1{font-size:clamp(2.9rem,12vw,3.6rem)}.v2-hero-copy-block h1 span{white-space:normal}.v2-hero-shell{min-height:auto}.v2-proof-image{height:260px}
    .v2-problem-grid,.v2-before-after,.v2-how-section,.v2-trust-section>div:first-child{grid-template-columns:1fr;gap:2rem}
    .v2-before-after ul,.v2-support-grid,.v2-trust-grid{grid-template-columns:1fr}
    .v2-workflow-card{grid-template-columns:1fr;padding:1.4rem}.v2-workflow-metrics,.v2-protocol-flow{grid-column:auto}
    .v2-final-cta>div{flex-direction:column}
    .v2-board-controls span{display:none}.v2-workflow-lane{grid-template-columns:1fr;gap:1.2rem}.v2-lane-steps{grid-template-columns:1fr}.v2-lane-steps>i{width:2px;min-width:2px;height:28px;justify-self:center}.v2-lane-steps>i::after{transform:translate(-50%,-50%)}
    .v2-lane-steps>div::before,.v2-lane-steps>div::after{left:50%;right:auto;top:auto;transform:translateX(-50%)}.v2-lane-steps>div::before{top:-7px}.v2-lane-steps>div::after{bottom:-7px}.v2-lane-steps>div:first-child::before,.v2-lane-steps>div:last-child::after{display:none}
}