.vision-page{--vision-surface:#0b1423;--vision-line:#27354b;--vision-muted:#b5c5de;--vision-accent:#8ac8ff;--vision-cyan:#8fe0f2;--vision-action:#1762cd;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-body);padding:128px 0 64px}.vision-page *,.vision-page :before,.vision-page :after{box-sizing:border-box}.vision-page ::selection{background:var(--vision-action);color:#fff}.vision-container{width:min(1200px,100% - 96px);margin-inline:auto}.vision-page h1,.vision-page h2,.vision-page h3,.vision-page p,.vision-page figure{margin:0}.vision-page h1,.vision-page h2{letter-spacing:-.025em;text-wrap:balance}.vision-page h1{max-width:20ch;font-size:clamp(2.6rem,4.3vw,4rem);font-weight:700;line-height:1.08}.vision-page h2{max-width:26ch;font-size:clamp(1.85rem,3.1vw,2.7rem);font-weight:650;line-height:1.2}.vision-page h3{font-size:1.125rem;font-weight:600;line-height:1.4}.vision-page p{max-width:62ch;line-height:1.7}.vision-page a{text-underline-offset:5px}.vision-page a:focus-visible{outline:2px solid var(--vision-cyan);outline-offset:5px;border-radius:3px}.vision-label{color:var(--vision-accent);letter-spacing:.07em;font-size:.75rem;font-weight:600;margin-bottom:20px!important}.vision-hero{grid-template-columns:1.05fr 1fr;align-items:stretch;gap:48px;padding-bottom:56px;display:grid}.vision-hero-copy{align-self:center;padding-block:24px}.vision-hero-description{color:var(--vision-muted);font-size:1.0625rem;margin-top:28px!important}.vision-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px;display:flex}.vision-button,.vision-text-link{justify-content:center;align-items:center;gap:12px;min-height:44px;font-size:.9375rem;line-height:1.5;display:inline-flex}.vision-button{background:var(--vision-action);border-radius:4px;min-height:48px;padding:12px 20px;font-weight:600}.vision-button:hover{background:#205bb0}.vision-text-link{color:var(--vision-accent)}.vision-text-link:hover{text-decoration:underline}.vision-photo{min-width:0}.vision-photo img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%;height:auto;display:block}.vision-photo figcaption,.vision-understanding-view figcaption{color:var(--vision-muted);margin-top:10px;font-size:.75rem;line-height:1.6}.vision-hero-photo{flex-direction:column;display:flex}.vision-hero-photo img{aspect-ratio:auto;object-position:58% center;flex:1;height:100%;min-height:440px}.vision-chapter{border-top:1px solid var(--vision-line);grid-template-columns:1fr 1.3fr;align-items:center;gap:48px;padding:56px 0;scroll-margin-top:112px;display:grid}.vision-chapter-copy p{color:var(--vision-muted);margin-top:22px}.vision-chapter-name{font-family:var(--font-body);color:var(--vision-cyan);letter-spacing:.04em;margin-bottom:20px;font-size:.875rem;font-weight:600;line-height:1.5;display:block}.vision-see{grid-template-columns:1.45fr 1fr}.vision-see .vision-chapter-copy{grid-area:1/2}.vision-see .vision-photo{grid-area:1/1}.vision-understand{background:linear-gradient(115deg,#102b55,#0b1c39);border:1px solid #315783;border-radius:6px;gap:56px;margin-block:12px 20px;padding:40px}.vision-understand .vision-chapter-copy p{color:#c8dbf3}.vision-understanding-view ol{margin:0;padding:0;list-style:none}.vision-understanding-view li{border-top:1px solid #456183;grid-template-columns:24px 1fr;gap:20px;padding:20px 0;display:grid;position:relative}.vision-understanding-view li:last-child{border-bottom:1px solid #456183}.vision-understanding-view li>svg{color:var(--vision-cyan);margin-top:3px}.vision-understanding-view li p{color:#c8dbf3;margin-top:8px;font-size:.9375rem}.vision-understanding-view li:not(:last-child):after{content:"";border-bottom:1px solid var(--vision-cyan);border-right:1px solid var(--vision-cyan);z-index:1;background:#102441;width:8px;height:8px;position:absolute;bottom:-5px;left:9px;transform:rotate(45deg)}.vision-operate{padding-bottom:40px}.vision-product-roles{border-block:1px solid var(--vision-line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.vision-product-roles a{flex-direction:column;gap:8px;min-height:80px;padding:20px 24px;display:flex}.vision-product-roles a+a{border-left:1px solid var(--vision-line)}.vision-product-roles strong{align-items:center;gap:12px;font-size:1rem;font-weight:600;display:flex}.vision-product-roles span{color:var(--vision-muted);font-size:.8125rem;line-height:1.6}.vision-product-roles a:hover strong{color:var(--vision-cyan)}.vision-final{border-top:1px solid var(--vision-line);grid-template-columns:1.4fr 1fr;align-items:end;gap:56px;padding-top:48px;display:grid}.vision-final h2{max-width:30ch;font-size:clamp(1.9rem,3.3vw,2.9rem)}.vision-final p{color:var(--vision-muted);margin-top:24px}.vision-final .vision-actions{margin-top:0}.vision-final>div>.vision-text-link{margin-top:12px;font-size:.875rem}@media (width<=1100px){.vision-hero{gap:32px}.vision-hero-photo img{min-height:400px}.vision-chapter{gap:32px}.vision-understand{gap:32px;padding:32px}}@media (width<=800px){.vision-hero{grid-template-columns:1fr;gap:28px;padding-bottom:40px}.vision-hero-copy{max-width:720px;padding:0}.vision-page h1{max-width:24ch;font-size:clamp(2.6rem,5.8vw,3.5rem)}.vision-hero-photo img{aspect-ratio:2;object-position:center;height:auto;min-height:0}.vision-chapter{grid-template-columns:1fr;gap:28px;padding-block:40px}.vision-see .vision-chapter-copy,.vision-see .vision-photo{grid-area:auto}.vision-understand{padding:32px}.vision-product-roles a{padding:16px}.vision-final{grid-template-columns:1fr;gap:24px;padding-top:40px}}@media (width<=600px){.vision-page{padding:112px 0 48px}.vision-container{width:calc(100% - 40px)}.vision-page h1{font-size:2.6rem}.vision-hero-description{font-size:1rem;margin-top:22px!important}.vision-label{margin-bottom:16px!important}.vision-hero-photo img{aspect-ratio:1.5;object-position:58% center}.vision-photo img{aspect-ratio:1.5}.vision-chapter{gap:24px;padding-block:32px}.vision-chapter-name{margin-bottom:14px}.vision-chapter-copy p{margin-top:18px}.vision-understand{padding:24px 20px}.vision-understanding-view li{gap:16px;padding:16px 0}.vision-understanding-view li p{font-size:.875rem}.vision-product-roles{grid-template-columns:1fr}.vision-product-roles a+a{border-left:0;border-top:1px solid var(--vision-line)}.vision-product-roles a{gap:4px;min-height:72px;padding:14px 16px}.vision-final{padding-top:32px}}@media (prefers-reduced-motion:no-preference){.vision-page a{transition:color .15s,background-color .15s}}