/* V1.3.1 target-state vision expansion. Additive only; V1.2.1 and V1.3 CSS preserved. */
.vision-topnotice{position:relative;background:linear-gradient(100deg,#064859,#09677c);color:#fff;padding:13px 24px;text-align:center;font-size:13px;font-weight:600;line-height:1.6}
.vision-topnotice strong{color:#d4f765}
.vision-bar{max-width:1240px;margin:16px auto 8px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid rgba(7,92,114,.2);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 9px 34px rgba(4,65,85,.08);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.vision-bar a{color:#064859;text-decoration:none;font-weight:750}
.vision-bar a:hover{text-decoration:underline}
.vision-bar small{color:#526a76;line-height:1.5}
.vs-wrapper{background:radial-gradient(circle at 84% 10%,rgba(52,196,195,.15),transparent 32%),linear-gradient(180deg,#f8fbfb,#edf5f8);min-height:60vh}
.vs-container{max-width:1220px;margin:auto;padding:42px 20px 90px}
.vs-hero{background:linear-gradient(135deg,rgba(4,62,80,.95),rgba(8,108,131,.85));padding:55px clamp(24px,5vw,75px);border-radius:28px;color:white;position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(5,65,85,.18)}
.vs-hero:before{content:'';position:absolute;width:380px;height:380px;right:-130px;top:-130px;background:rgba(151,229,239,.21);border-radius:50%;filter:blur(25px);pointer-events:none}
.vs-eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#d7f962}
.vs-hero h1{font-size:clamp(31px,4vw,54px);line-height:1.12;color:white;margin:15px 0;max-width:860px;letter-spacing:-.035em}
.vs-hero p{color:#e7fbfa;max-width:860px;font-size:17px;line-height:1.8}
.vs-head-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.vs-head-actions a{padding:12px 18px;border-radius:10px;font-size:14px;font-weight:750;text-decoration:none;background:#d3f860;color:#063549}
.vs-head-actions a:nth-child(2){background:rgba(255,255,255,.18);color:white;border:1px solid rgba(255,255,255,.4)}
.vs-heading{margin:36px 0 18px;font-size:28px;letter-spacing:-.025em;color:#073b51}
.vs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.vs-glass{background:rgba(255,255,255,.69);border:1px solid rgba(255,255,255,.93);box-shadow:0 15px 38px rgba(5,64,81,.09);border-radius:21px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}
.vs-card{display:block;padding:24px;min-height:166px;text-decoration:none;color:#083c50;transition:transform .18s,box-shadow .18s}
.vs-card:hover{transform:translateY(-4px);box-shadow:0 19px 40px rgba(4,65,85,.14)}
.vs-card .tag{font-size:10px;color:#006783;text-transform:uppercase;font-weight:800;letter-spacing:1.5px}
.vs-card h3{font-size:22px;color:#072f42;margin:11px 0 8px}
.vs-card p{font-size:13px;color:#4f6672;margin:0;line-height:1.7}
.vs-page-menu{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 26px}
.vs-page-menu a{padding:9px 13px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);color:#09526d;border-radius:10px;text-decoration:none;font-size:12px;font-weight:700}
.vs-page-menu a:hover,.vs-page-menu a:focus{background:#dbf7e3}
.vs-section{margin:24px 0 28px;padding:28px 31px}
.vs-section h2{font-size:27px;margin:0 0 14px;color:#073a50;line-height:1.35}
.vs-section p,.vs-intro{font-size:15px;line-height:1.84;color:#385865;margin:12px 0}
.vs-section ul{margin:10px 0 0;padding-left:20px;color:#385865}
.vs-source-line{margin:16px 0;padding:17px 19px;background:rgba(241,250,252,.72);border-left:3px solid #47b4b5;border-radius:0 12px 12px 0;color:#244e5d;font-size:15px;line-height:1.8}
.vs-tag{display:inline-block;margin:0 0 15px;padding:7px 10px;border-radius:100px;background:#ddf3f0;color:#05647a;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.vs-guide{padding:19px 22px;margin:20px 0;border-radius:14px;background:rgba(230,247,250,.86);border:1px solid rgba(20,150,166,.24);color:#22546a;font-size:13px;line-height:1.75}
.vs-subsections{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}
.vs-subsection{padding:24px 26px}
.vs-subsection h3{font-size:21px;color:#073b51;margin:0 0 14px}
.vs-subsection p{font-size:14px;color:#365c68;line-height:1.81;margin:0 0 13px}
.vs-subsection p:last-child{margin-bottom:0}
.vs-section-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 0;flex-wrap:wrap}
.vs-section-nav a{text-decoration:none;font-weight:700;color:#08647b}
.vs-pricing-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:14px;min-width:640px;background:rgba(255,255,255,.85)}
.vs-pricing-table th,.vs-pricing-table td{text-align:left;padding:13px;border-bottom:1px solid #dce9ec}
.vs-pricing-table th{background:#e4f2f2;color:#0b4458}
.vs-table-scroll{width:100%;overflow-x:auto}
.vs-fine{margin:18px 0 0;font-size:13px;color:#58737a;line-height:1.75}
[dir=rtl] .vs-section,.vs-subsection{direction:rtl;text-align:right}
[dir=rtl] .vs-source-line{border-left:0;border-right:3px solid #47b4b5;border-radius:12px 0 0 12px}
@media(max-width:920px){.vs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vision-bar{margin-inline:16px}}
@media(max-width:600px){.vs-container{padding:24px 13px 70px}.vs-grid{grid-template-columns:1fr}.vs-hero{padding:28px 20px;border-radius:19px}.vs-hero h1{font-size:32px}.vs-section{padding:19px 17px}.vs-subsection{padding:20px 17px}.vs-card{min-height:unset}.vision-bar{align-items:flex-start;flex-direction:column;gap:7px}}
@media(prefers-reduced-transparency:reduce){.vs-glass,.vision-bar{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.vs-card{transition:none}.vs-card:hover{transform:none}}