.vision{--v-bg:#070b16;--v-bg-alt:#0a1020;--v-panel:#111a2e;--v-panel-2:#16213a;--v-line:#ffffff17;--v-line-strong:#ffffff29;--v-txt:#eef2f8;--v-dim:#9aa7b8;--v-dimmer:#6c7a8d;--v-accent:#39d7ff;--v-accent-2:#7c8cff;--v-warm:var(--jw-orange);--v-max:1140px;background:var(--v-bg);color:var(--v-txt);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.62}.vision ::selection{color:#fff;background:#39d7ff47}.vision .vwrap{max-width:var(--v-max);margin:0 auto;padding:0 28px}.vision section{border-top:1px solid var(--v-line);padding:clamp(64px,9vw,100px) 0;position:relative}.vision section.quiet{background:var(--v-bg-alt)}.vision .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--v-accent);margin-bottom:22px;font-size:11px;font-weight:800}.vision .eyebrow a{color:inherit;text-decoration:none}.vision .eyebrow a:hover{color:#7fe6ff}.vision h1{letter-spacing:-.028em;color:var(--v-txt);text-wrap:balance;font-size:clamp(38px,6vw,70px);font-weight:900;line-height:1.04}.vision h2{letter-spacing:-.022em;color:var(--v-txt);text-wrap:balance;margin-bottom:22px;font-size:clamp(27px,3.7vw,43px);font-weight:900;line-height:1.12}.vision h3{letter-spacing:-.015em;color:var(--v-txt);margin-bottom:8px;font-size:25px;font-weight:800;line-height:1.2}.vision p{color:var(--v-dim);max-width:70ch;margin-bottom:18px;font-size:16.5px}.vision p.lead{color:#c3cedd;max-width:64ch;font-size:clamp(18px,2.2vw,20px)}.vision strong{color:var(--v-txt);font-weight:700}.vision em{color:#b6c2d2;font-style:italic}.vision a{color:var(--v-accent)}.vision .vhero{background:radial-gradient(900px 460px at 78% 4%, #39d7ff24, transparent 62%), radial-gradient(720px 430px at 4% 96%, #7c8cff1f, transparent 60%), var(--v-bg);border-top:0;padding:clamp(150px,20vh,220px) 0 clamp(80px,11vw,118px);position:relative;overflow:hidden}.vision .vhero:after{content:"";pointer-events:none;background-image:linear-gradient(var(--v-line) 1px, transparent 1px), linear-gradient(90deg, var(--v-line) 1px, transparent 1px);opacity:.5;background-size:56px 56px;position:absolute;inset:0;mask-image:radial-gradient(78% 64% at 60% 34%,#000 10%,#0000 74%)}.vision .vhero .vwrap{z-index:1;position:relative}.vision .vhero h1{max-width:18ch;margin-bottom:26px}.vision .vhero h1 .dim{color:var(--v-dimmer)}.vision .vhero p{color:#c3cedd;max-width:62ch;font-size:clamp(17px,2.1vw,20px)}.vision .vhero p.small{color:var(--v-dim);font-size:16.5px}.vision .badge{border:1px solid var(--v-line-strong);letter-spacing:.13em;text-transform:uppercase;color:var(--v-dim);background:#ffffff05;border-radius:999px;align-items:center;gap:9px;margin-bottom:30px;padding:6px 15px;font-size:12px;font-weight:700;display:inline-flex}.vision .badge a{color:inherit;text-decoration:none}.vision .badge a:hover{color:var(--v-txt)}.vision .dot{background:var(--v-accent);width:6px;height:6px;box-shadow:0 0 12px var(--v-accent);border-radius:50%}.vision .btns{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.vision .btn{border-radius:10px;padding:13px 26px;font-size:14.5px;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-block}.vision .btn-p{background:var(--v-warm);color:#fff}.vision .btn-p:hover{background:var(--jw-orange-600);transform:translateY(-1px)}.vision .btn-s{border:1px solid var(--v-line-strong);color:var(--v-txt)}.vision .btn-s:hover{border-color:var(--v-accent);color:var(--v-accent)}.vision .split{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}@media (width<=900px){.vision .split{grid-template-columns:1fr;gap:30px}}.vision .progs{gap:18px;margin-top:52px;display:grid}.vision .prog{background:linear-gradient(160deg, var(--v-panel), var(--v-panel-2));border:1px solid var(--v-line);border-radius:16px;grid-template-columns:250px 1fr auto;align-items:center;gap:36px;padding:34px 36px;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.vision .prog:hover{border-color:#39d7ff73;transform:translateY(-2px);box-shadow:0 20px 44px #00000059}.vision .prog .name{letter-spacing:.14em;text-transform:uppercase;color:var(--v-dimmer);margin-bottom:8px;font-size:13px;font-weight:700}.vision .prog h3{color:var(--v-txt);margin-bottom:0}.vision .prog .tag{color:var(--v-accent);margin-top:9px;font-size:15px;font-weight:600;line-height:1.4;display:block}.vision .prog p{color:var(--v-dim);max-width:62ch;margin-bottom:0;font-size:15.5px}.vision .arrow{color:var(--v-accent);white-space:nowrap;font-size:14px;font-weight:700}@media (width<=920px){.vision .prog{grid-template-columns:1fr;gap:16px;padding:28px}.vision .arrow{justify-self:start}}.vision .rule-list{margin:26px 0 0;padding:0;list-style:none}.vision .rule-list li{border-top:1px solid var(--v-line);color:var(--v-dim);max-width:76ch;padding:20px 0 20px 30px;font-size:16px;position:relative}.vision .rule-list li:last-child{border-bottom:1px solid var(--v-line)}.vision .rule-list li:before{content:"";background:var(--v-accent);border-radius:2px;width:9px;height:9px;position:absolute;top:29px;left:2px}.vision .hard-list li:before{background:var(--v-accent-2);border-radius:50%}.vision .callout{border-left:3px solid var(--v-accent);background:#39d7ff1a;border-radius:0 12px 12px 0;margin-top:32px;padding:26px 30px}.vision .callout p{color:#d6e3ef;max-width:none;margin-bottom:0;font-size:17px}.vision .callout.warm{border-left-color:var(--v-accent-2);background:#7c8cff1a}.vision .blocks{gap:22px;margin-top:34px;display:grid}.vision .block{background:linear-gradient(160deg, var(--v-panel), var(--v-panel-2));border:1px solid var(--v-line);border-radius:15px;padding:30px 32px}.vision .block h3{margin-bottom:10px}.vision .block p:last-child{margin-bottom:0}.vision .block .kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--v-accent);margin-bottom:12px;font-size:11px;font-weight:800;display:inline-block}.vision .figs{flex-wrap:wrap;gap:18px;margin:30px 0 4px;display:flex}.vision .fig{border:1px solid var(--v-line);background:#ffffff08;border-radius:14px;flex:200px;padding:24px 26px}.vision .fig b{letter-spacing:-.02em;color:var(--v-txt);font-variant-numeric:tabular-nums;font-size:clamp(28px,4vw,38px);font-weight:900;line-height:1.05;display:block}.vision .fig span{color:var(--v-dim);margin-top:8px;font-size:14px;display:block}.vision .stages{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;display:grid}.vision .stage{border:1px solid var(--v-line);background:#ffffff08;border-radius:14px;padding:26px 26px 28px}.vision .stage .when{letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800}.vision .stage.now .when{color:var(--v-accent)}.vision .stage.next .when{color:var(--v-accent-2)}.vision .stage.then .when{color:var(--v-dimmer)}.vision .stage p{margin:0;font-size:15px}@media (width<=820px){.vision .stages{grid-template-columns:1fr}}.vision .switcher{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px;display:grid}.vision .switch{border:1px solid var(--v-line);background:#ffffff08;border-radius:13px;padding:20px 20px 22px;text-decoration:none;transition:border-color .16s,transform .16s}.vision .switch:hover{border-color:#39d7ff73;transform:translateY(-2px)}.vision .switch .name{letter-spacing:.14em;text-transform:uppercase;color:var(--v-dimmer);font-size:11px;font-weight:700}.vision .switch h4{color:var(--v-txt);margin:6px 0;font-size:19px;font-weight:800}.vision .switch p{color:var(--v-dim);margin:0;font-size:13.5px}@media (width<=860px){.vision .switcher{grid-template-columns:1fr 1fr}}@media (width<=520px){.vision .switcher{grid-template-columns:1fr}}.vision .disc{color:#a9b4cc;background:#7c8cff12;border:1px dashed #7c8cff4d;border-radius:12px;max-width:82ch;margin-top:30px;padding:16px 22px;font-size:14px}.vision .disc strong{color:#c9d3e8}.vision .center{text-align:center}.vision .center p{margin-left:auto;margin-right:auto}.vision .center .btns{justify-content:center}@media (prefers-reduced-motion:reduce){.vision *{transition:none!important}}
