.bi8{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#f6fafc;border:1px solid #dbe6ec;box-shadow:0 8px 22px rgba(27,58,79,.045)}
.bi8 img{width:30px;height:30px;object-fit:contain}.bi8.sm{width:44px;height:44px;border-radius:13px}.bi8.sm img{width:23px;height:23px}
.v8-hero{padding:88px 0 98px;background:radial-gradient(circle at 85% 15%,rgba(10,164,199,.08),transparent 24%),linear-gradient(#fff,#fbfdfe)}
.v8-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.v8-hero h1{margin:14px 0 22px;font-size:clamp(54px,6.2vw,82px);line-height:1.02;letter-spacing:-.065em}.v8-hero h1 em{font-style:normal;color:#087f9f}.v8-hero p{color:#637487;font-size:18px;line-height:1.9}.v8-kicker{color:#087f9f;font-size:11px;font-weight:900;letter-spacing:.14em}.v8-hero-panel{padding:28px;border:1px solid #dce7ed;border-radius:30px;background:#fff;box-shadow:0 20px 55px rgba(30,62,82,.07)}
.v8-product-matrix{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v8-matrix-item{min-height:140px;padding:22px;border:1px solid #e0e8ed;border-radius:18px;background:#fbfdfe;display:flex;gap:17px;align-items:flex-start}.v8-matrix-item h3{margin:2px 0 6px;font-size:17px}.v8-matrix-item p{margin:0;color:#718190;font-size:12px;line-height:1.6}
.v8-section{padding:116px 0}.v8-section.soft{background:#f5f8fb}.v8-section.blue{background:#eef8fb}.v8-heading{display:grid;grid-template-columns:1fr .85fr;gap:56px;align-items:end;margin-bottom:48px}.v8-heading h2{margin:8px 0 0;font-size:clamp(38px,4.5vw,58px);line-height:1.1;letter-spacing:-.055em}.v8-heading p{margin:0;color:#637487;font-size:16px;line-height:1.85}
.v8-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.v8-card{border:1px solid #dce7ed;border-radius:24px;background:#fff;padding:28px;box-shadow:0 10px 28px rgba(30,62,82,.045);display:flex;flex-direction:column;min-height:300px}.v8-card .bi8{margin-bottom:22px}.v8-card .type{font-size:10px;color:#0a83a3;font-weight:900;letter-spacing:.12em}.v8-card h3{margin:8px 0 10px;font-size:24px;letter-spacing:-.04em}.v8-card p{margin:0;color:#637487;font-size:13px;line-height:1.75}.v8-card .link-arrow{margin-top:auto;padding-top:18px}.v8-next{margin-top:22px;padding:30px 32px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border:1px solid #d4e5eb;border-radius:22px;background:#f8fcfd}.v8-next h3{margin:0 0 5px}.v8-next p{margin:0;color:#637487;font-size:13px}
.arch8{padding:30px;border:1px solid #dce7ed;border-radius:28px;background:#fff;box-shadow:0 14px 36px rgba(30,62,82,.05);overflow:hidden}.arch8-flow{display:grid;grid-template-columns:1.1fr 70px .8fr 70px 1fr 70px 1.05fr;align-items:center;gap:0}.arch8-group{display:grid;gap:12px}.arch8-node{min-height:108px;padding:16px;border:1px solid #dfe8ed;border-radius:17px;background:#fbfdfe;display:flex;align-items:center;gap:14px}.arch8-node.core{min-height:150px;background:#f1f9fb;border-color:#bfdde5}.arch8-node.network{min-height:126px}.arch8-node h4{margin:0 0 4px;font-size:14px}.arch8-node p{margin:0;color:#738391;font-size:11px;line-height:1.45}.arch8-arrow{text-align:center;color:#1595b2;font-size:34px;font-weight:300}.arch8-label{margin-bottom:18px;color:#83909e;font-size:10px;font-weight:900;letter-spacing:.13em}
.v8-detail-hero{padding:88px 0 94px;background:linear-gradient(#fff,#fbfdfe);border-bottom:1px solid #dce7ed}.v8-detail-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center}.v8-detail-hero h1{margin:14px 0 18px;font-size:clamp(46px,5.5vw,72px);line-height:1.08;letter-spacing:-.06em}.v8-detail-hero p{color:#637487;font-size:17px;line-height:1.82}.v8-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v8-metric{padding:25px;border:1px solid #dce7ed;border-radius:20px;background:#fff}.v8-metric .bi8{margin-bottom:18px}.v8-metric h3{margin:0 0 8px;font-size:18px}.v8-metric p{margin:0;color:#637487;font-size:12px;line-height:1.7}
.v8-capture{display:grid;grid-template-columns:1.55fr .9fr;gap:20px}.v8-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}.v8-shot-box{min-height:250px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #bdced7;border-radius:22px;background:#fbfdfe}.v8-shot-main .v8-shot-box{min-height:530px}.v8-shot-box .bi8{margin-bottom:13px}.v8-shot-box b{font-size:14px}.v8-shot-box span{margin-top:4px;font-size:10px;color:#8c99a5;letter-spacing:.08em}.v8-shot figcaption{margin-top:9px;color:#667787;font-size:12px;font-weight:800}.v8-note{margin-top:18px;padding:15px 18px;border:1px solid #dce7ed;border-radius:13px;background:#f7fafb;color:#72818e;font-size:12px}.v8-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v8-feature{padding:27px;border:1px solid #dce7ed;border-radius:20px;background:#fff}.v8-feature .bi8{margin-bottom:18px}.v8-feature h3{margin:0 0 8px;font-size:18px}.v8-feature p{margin:0;color:#637487;font-size:12px;line-height:1.72}
@media(max-width:1080px){.v8-grid3,.v8-features,.v8-metrics{grid-template-columns:1fr 1fr}.arch8-flow{grid-template-columns:1fr}.arch8-arrow{transform:rotate(90deg);padding:8px}.arch8-group{grid-template-columns:1fr 1fr}.arch8-group.outputs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:920px){.v8-hero-grid,.v8-detail-grid,.v8-heading{grid-template-columns:1fr}.v8-capture{grid-template-columns:1fr}.v8-shot-main .v8-shot-box{min-height:420px}.v8-next{grid-template-columns:auto 1fr}.v8-next .btn{grid-column:1/-1;justify-self:start}}
@media(max-width:680px){.v8-section{padding:82px 0}.v8-product-matrix,.v8-grid3,.v8-features,.v8-metrics,.arch8-group,.arch8-group.outputs{grid-template-columns:1fr}.v8-hero h1{font-size:50px}.v8-side{grid-template-rows:auto}.v8-shot-box,.v8-shot-main .v8-shot-box{min-height:280px}.v8-next{grid-template-columns:1fr}}