.vx-page{
  --navy:#000B2B; --navy2:#0B1A4A; --navy3:#16296A; --gold:#F9C71A; --gold2:#FFD84D; --orange:#E17A13; --orange2:#F5A524;
  --cream:#FEECBA; --cream2:#FFF8E6; --ink:#141826; --mute:#5f6475; --line:#ECE6D6; --line2:#E3DCCB; --bg:#FBF8F1;
  --green:#1E8E4E; --red:#C9341B; --r:14px;
  --shadow:0 1px 2px rgba(0,11,43,.06),0 8px 24px rgba(0,11,43,.08);
}
.vx-page *{box-sizing:border-box;margin:0;padding:0}
.vx-page{scroll-behavior:smooth;scroll-padding-top:130px}
.vx-page{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.vx-page a{color:inherit;text-decoration:none}
.vx-page img{display:block;max-width:100%}
.vx-page button,.vx-page input,.vx-page select{font:inherit;color:inherit}
.vx-page button{cursor:pointer;border:0;background:none}
.vx-page svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.vx-page .wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.vx-page .serif{font-family:Inter,system-ui,sans-serif}
.vx-page .crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--mute);padding:16px 0 0}
.vx-page .crumbs a:hover{color:var(--navy);text-decoration:underline}
.vx-page .crumbs span{color:#b5b0a2}
.vx-page .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:800}
.vx-page .kick{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:800;margin-bottom:6px;display:block}
.vx-page .sh{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;gap:12px}
.vx-page .sh h2{font-size:26px;font-weight:800;letter-spacing:-.015em;line-height:1.15}
.vx-page .sh p{color:var(--mute);font-size:14.5px;margin-top:4px}
.vx-page .sh .more{color:var(--orange);font-weight:700;font-size:14px;white-space:nowrap;display:flex;align-items:center;gap:4px}
.vx-page .sh .more svg{width:16px;height:16px}
.vx-page .chips{display:flex;gap:8px;flex-wrap:wrap}
.vx-page .chip{background:#fff;border:1px solid var(--line2);border-radius:99px;padding:7px 14px;font-size:13.5px;font-weight:600;color:#3a3f50;white-space:nowrap;transition:.15s;display:inline-flex;align-items:center;gap:6px}
.vx-page .chip:hover{border-color:var(--navy)}
.vx-page .chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.vx-page .chip em{font-style:normal;opacity:.6;font-weight:500}
.vx-page .chip svg{width:15px;height:15px}
.vx-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;padding:10px 16px;border-radius:10px;transition:.15s;white-space:nowrap}
.vx-page .btn svg{width:17px;height:17px}
.vx-page .btn-navy{background:var(--navy);color:#fff}
.vx-page .btn-navy:hover{background:var(--navy3)}
.vx-page .btn-gold{background:var(--gold);color:var(--navy)}
.vx-page .btn-gold:hover{background:var(--gold2)}
.vx-page .btn-orange{background:linear-gradient(93deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 8px 18px rgba(225,122,19,.28)}
.vx-page .btn-orange:hover{filter:brightness(1.05)}
.vx-page .btn-ghost{border:1.5px solid var(--line2);color:var(--navy);background:#fff}
.vx-page .btn-ghost:hover{border-color:var(--navy)}
.vx-page .btn-ghost-l{border:1.5px solid rgba(255,255,255,.35);color:#fff}
.vx-page .btn-ghost-l:hover{border-color:#fff}
.vx-page .btn-sm{padding:7px 12px;font-size:13px;border-radius:9px}
.vx-page .badge-guide{display:inline-flex;align-items:center;gap:5px;background:var(--gold);color:var(--navy);font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;letter-spacing:.04em;text-transform:uppercase}
.vx-page .badge-guide svg{width:12px;height:12px;stroke-width:2.2}
.vx-page .cred{font-size:11px;color:var(--mute)}
.vx-page .cred a{text-decoration:underline;text-underline-offset:2px}
.vx-page main section{margin-top:52px}
.vx-page .leaflet-tile-pane{filter:saturate(.7) sepia(.08) contrast(.96)}
.vx-page .leaflet-container{font-family:Inter,system-ui,sans-serif}
.vx-page footer{background:var(--navy);color:#C9CFE2;margin-top:64px}
.vx-page .fgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px;padding:48px 20px 30px}
.vx-page .fgrid h6{color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.vx-page .fgrid a{display:block;font-size:14px;padding:3px 0}
.vx-page .fgrid a:hover{color:var(--gold)}
.vx-page .fbrand p{font-size:14px;max-width:300px;margin-top:12px}
.vx-page .fbrand img{height:40px;filter:brightness(0) invert(1)}
.vx-page .fpol{border-top:1px solid rgba(255,255,255,.1)}
.vx-page .fpol .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;padding:16px 20px;font-size:13px}
.vx-page .fpol a:hover{color:var(--gold)}
.vx-page .fdis{border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8F98B8;padding:16px 0 90px}
.vx-page .fdis .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.vx-page .vani-fab{position:fixed;right:20px;bottom:20px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--navy);font-weight:800;padding:12px 18px;border-radius:99px;box-shadow:0 10px 24px rgba(0,11,43,.22);z-index:900;font-size:14px;display:flex;gap:8px;align-items:center}
.vx-page .vani-fab svg{width:20px;height:20px;stroke-width:2}
.vx-page .bnav{display:none}
.vx-page .toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140px);opacity:0;visibility:hidden;background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;z-index:2000;transition:.3s;box-shadow:var(--shadow);max-width:calc(100% - 32px)}
.vx-page .toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}
@media (max-width:1020px){.vx-page .vani-btn{display:none}
.vx-page .fgrid{grid-template-columns:repeat(3,1fr)}
.vx-page .fbrand{grid-column:1/-1}
}
@media (max-width:760px){.vx-page{font-size:14.5px;padding-bottom:64px}
.vx-page{scroll-padding-top:150px}
.vx-page .wrap{padding:0 16px}
.vx-page .announce .wrap span:not(:first-child){display:none}
.vx-page .hdr{flex-wrap:wrap;gap:10px 12px;padding:10px 16px}
.vx-page .logo img{height:32px}
.vx-page .search{order:3;flex-basis:100%;max-width:none}
.vx-page .sbox kbd{display:none}
.vx-page .rareu{padding:7px 12px;font-size:12.5px}
.vx-page .hbtn small{display:none}
.vx-page .hbtn.acct{display:none}
.vx-page main section{margin-top:40px}
.vx-page .sh{flex-direction:column;align-items:flex-start;gap:10px}
.vx-page .sh h2{font-size:21px}
.vx-page .sh p{font-size:13.5px}
.vx-page .sh .chips{flex-wrap:nowrap;overflow-x:auto;max-width:calc(100vw - 32px);scrollbar-width:none;padding-bottom:2px}
.vx-page .fgrid{grid-template-columns:1fr 1fr;padding:36px 16px 24px}
.vx-page .vani-fab{display:none}
.vx-page .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:1001;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.vx-page .bnav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:600;color:var(--mute)}
.vx-page .bnav a svg{width:22px;height:22px}
.vx-page .bnav a.on{color:var(--navy)}
.vx-page .bnav a.on svg{color:var(--orange)}
.vx-page .bnav a.mid{margin-top:-22px}
.vx-page .bnav a.mid span{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--orange));display:grid;place-items:center;color:var(--navy);box-shadow:0 6px 16px rgba(225,122,19,.4);border:3px solid #fff}
.vx-page .toast{bottom:80px}
}
@media (prefers-reduced-motion:reduce){.vx-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{.vx-page header,.vx-page .announce,.vx-page footer,.vx-page .bnav,.vx-page .vani-fab,.vx-page .toast,.vx-page .noprint{display:none!important}
.vx-page{background:#fff}
}
.vx-page [hidden]{display:none!important}
.vx-page{--ok:#1E8E4E;--okb:#E6F4EA;--alt:#A86A06;--altb:#FFF2CF;--no:#C9341B;--nob:#FDECEA;--na:#6B7080;--nab:#F1EFEA}
.vx-page .vhero{position:relative;color:#fff;background:radial-gradient(120% 120% at 85% 0%,#22357A 0%,#0B1A4A 40%,var(--navy) 78%);overflow:hidden;padding-bottom:46px}
.vx-page .vhero .stars{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1.2px 1.2px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 28% 68%,#fff,transparent),radial-gradient(1.4px 1.4px at 46% 14%,#FFE9A8,transparent),radial-gradient(1px 1px at 62% 86%,#fff,transparent),radial-gradient(1.2px 1.2px at 78% 30%,#fff,transparent),radial-gradient(1px 1px at 92% 72%,#FFE9A8,transparent),radial-gradient(1px 1px at 6% 90%,#fff,transparent),radial-gradient(1.3px 1.3px at 38% 44%,#fff,transparent)}
.vx-page .vrose{position:absolute;left:-170px;bottom:-250px;width:640px;height:640px;opacity:.1;color:var(--gold);pointer-events:none}
.vx-page .vhero .wrap{position:relative;z-index:1}
.vx-page .crumbs.light{color:#AEB6D3}
.vx-page .crumbs.light b{color:#fff;font-weight:600}
.vx-page .crumbs.light span{color:#59628a}
.vx-page .vhero-in{display:grid;grid-template-columns:minmax(0,1fr) 548px;grid-template-areas:'copy bw' 'saved bw';grid-template-rows:auto 1fr;column-gap:44px;align-items:start;padding-top:20px}
.vx-page .vcopy{grid-area:copy}
.vx-page .bw{grid-area:bw}
.vx-page .saved{grid-area:saved;justify-self:start}
.vx-page .vcopy{padding-top:26px}
.vx-page .vhero h1{font-family:Inter,system-ui,sans-serif;font-size:58px;line-height:1;margin:12px 0 14px;font-weight:700}
.vx-page .vhero h1 em{color:var(--gold);font-style:normal}
.vx-page .vhero .eyebrow{color:var(--gold)}
.vx-page .vhero .lead{color:#D6DCEF;font-size:16.5px;max-width:540px}
.vx-page .hticks{list-style:none;display:grid;gap:10px;margin:22px 0 0;font-size:14.5px;color:#E6E9F3}
.vx-page .hticks li{display:flex;gap:10px;align-items:flex-start}
.vx-page .hticks svg{width:19px;height:19px;color:var(--gold);margin-top:1px}
.vx-page .hstats{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.vx-page .hstats div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 14px;min-width:116px}
.vx-page .hstats b{display:block;font-family:Inter,system-ui,sans-serif;font-size:30px;line-height:1;color:var(--gold)}
.vx-page .hstats span{font-size:12px;color:#C9D0E6}
.vx-page .saved{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:13.5px;color:#D6DCEF;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 14px;transition:.15s}
.vx-page .saved:hover{border-color:var(--gold);color:#fff}
.vx-page .saved b{color:#fff}
.vx-page .saved svg{width:18px;height:18px;color:var(--gold)}
.vx-page .bw{background:#fff;color:var(--ink);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.35);position:relative}
.vx-page .bw-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--cream2);border-radius:22px 22px 0 0;border-bottom:1px solid var(--line);padding:6px 6px 0}
.vx-page .bw-tabs button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px 10px;border-radius:14px 14px 0 0;color:#4a4f60;position:relative;text-align:center;min-width:0}
.vx-page .bw-tabs button svg{width:24px;height:24px;color:var(--orange)}
.vx-page .bw-tabs button b{display:block;font-size:13.5px;color:var(--navy);line-height:1.15}
.vx-page .bw-tabs button small{display:block;font-size:11.5px;color:var(--mute);font-weight:600}
.vx-page .bw-tabs button:hover{background:#FFF1CC}
.vx-page .bw-tabs button.on{background:#fff;box-shadow:0 -1px 0 var(--line),1px 0 0 var(--line),-1px 0 0 var(--line)}
.vx-page .bw-tabs button.on::after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--orange)}
.vx-page .bw-tabs button.on small{color:#B05F0B}
.vx-page .bw-p{padding:18px 20px 20px}
.vx-page .bw-p[hidden],.vx-page .st[hidden]{display:none}
.vx-page .steps{list-style:none;display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;font-weight:700;color:var(--mute)}
.vx-page .steps li{display:flex;align-items:center;gap:7px;flex:1;min-width:0;cursor:default}
.vx-page .steps li:not(:last-child)::after{content:"";flex:1;height:2px;border-radius:2px;background:var(--line);min-width:10px}
.vx-page .steps li span{white-space:nowrap}
.vx-page .steps i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:var(--bg);border:1.5px solid var(--line2);flex:none}
.vx-page .steps li.on{color:var(--navy)}
.vx-page .steps li.on i{background:var(--navy);border-color:var(--navy);color:#fff}
.vx-page .steps li.done{color:var(--ok);cursor:pointer}
.vx-page .steps li.done i{background:var(--okb);border-color:#BFE3CB;color:var(--ok)}
.vx-page .steps li.done::after{background:#BFE3CB}
.vx-page .drop{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;border:2px dashed #E9C978;background:linear-gradient(180deg,#FFFBF0,#FFF5DC);border-radius:16px;padding:26px 16px 22px;cursor:pointer;transition:.15s;position:relative}
.vx-page .drop:hover,.vx-page .drop.over{border-color:var(--orange);background:#FFF1D6}
.vx-page .drop:focus-within{box-shadow:0 0 0 4px rgba(225,122,19,.18)}
.vx-page .drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.vx-page .drop .di{width:54px;height:54px;border-radius:16px;background:#fff;display:grid;place-items:center;color:var(--orange);box-shadow:0 6px 16px rgba(225,122,19,.18);margin-bottom:6px}
.vx-page .drop .di svg{width:26px;height:26px}
.vx-page .drop b{font-size:17px;color:var(--navy)}
.vx-page .drop .dt{font-size:14px;color:#3a3f50}
.vx-page .drop u{color:var(--orange);font-weight:700;text-underline-offset:3px}
.vx-page .drop small{font-size:12px;color:var(--mute)}
.vx-page .need{list-style:none;display:grid;gap:6px;margin:14px 2px;font-size:13px;color:#3a3f50}
.vx-page .need li{display:flex;gap:8px;align-items:flex-start}
.vx-page .need svg{width:16px;height:16px;color:var(--ok);margin-top:1px}
.vx-page .sample{width:100%}
.vx-page .err{background:var(--nob);color:#9B2614;border:1px solid #F4C7BF;border-radius:10px;padding:8px 12px;font-size:13px;margin-top:10px}
.vx-page .link{color:var(--orange);font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}
.vx-page .link:hover{text-decoration:underline;text-underline-offset:3px}
.vx-page .link svg{width:15px;height:15px}
.vx-page .stnav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
.vx-page .stnav .btn{padding:11px 18px}
.vx-page .btn[disabled]{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}
.vx-page .cta{width:100%;margin-top:14px;padding:15px;font-size:16px;border-radius:12px;font-weight:800;letter-spacing:.01em}
.vx-page .cta svg{width:19px;height:19px}
.vx-page .paynote{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--mute);margin-top:10px;line-height:1.45}
.vx-page .paynote svg{width:16px;height:16px;color:var(--ok);flex:none;margin-top:1px}
.vx-page .paynote b{color:var(--ink)}
.vx-page .paynote a{color:var(--orange);font-weight:700}
.vx-page .back{margin-top:10px}
.vx-page .fld{border:1.5px solid var(--line2);border-radius:12px;padding:8px 12px;transition:.15s;cursor:text;min-width:0;background:#fff;display:block}
.vx-page .fld:focus-within{border-color:var(--navy);box-shadow:0 0 0 4px rgba(0,11,43,.06)}
.vx-page .fld label{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.vx-page .fld .v{display:block;width:100%;border:0;background:transparent;outline:none;font-size:16px;font-weight:700;padding:3px 0;min-width:0;appearance:none;-webkit-appearance:none}
.vx-page .fld select.v{cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%23000B2B' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") right 2px center/12px no-repeat;padding-right:20px}
.vx-page .fld .v::placeholder{color:#B7B2A4;font-weight:600}
.vx-page .fld.bad{border-color:var(--red);background:#FFF6F5}
.vx-page .fgrid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:12px}
.vx-page .fgrid2.pj2{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
.vx-page .chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#3a3f50;margin-top:10px;cursor:pointer;line-height:1.45}
.vx-page .chk input{width:18px;height:18px;margin-top:1px;accent-color:var(--navy);flex:none}
.vx-page .chk a{color:var(--orange);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.vx-page .chk.bad span{color:var(--red)}
.vx-page .st>.fld{margin-top:12px}
.vx-page .seg{display:inline-flex;background:var(--bg);border:1px solid var(--line2);border-radius:10px;padding:3px;gap:2px}
.vx-page .seg button{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:7px;color:var(--mute);white-space:nowrap}
.vx-page .seg button svg{width:15px;height:15px}
.vx-page .seg button:hover{color:var(--navy)}
.vx-page .seg button.on{background:var(--navy);color:#fff}
.vx-page .seg.big button{font-size:13.5px;padding:8px 14px}
.vx-page .pv-stage{position:relative;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:#fff;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.vx-page .pv-stage img{width:100%;display:block;pointer-events:none}
.vx-page .pv-stage.m-door,.vx-page .pv-stage.m-centre{cursor:crosshair}
.vx-page .pv-stage.m-look{cursor:help}
.vx-page .pv-ov{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.vx-page .pv-m{position:absolute;transform:translate(-50%,-50%);touch-action:none;cursor:grab;z-index:3}
.vx-page .pv-m:active{cursor:grabbing}
.vx-page .pv-m.c{width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid var(--navy);box-shadow:0 2px 8px rgba(0,11,43,.35)}
.vx-page .pv-m.e{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 4px 12px rgba(225,122,19,.5)}
.vx-page .pv-m.e svg{width:17px;height:17px;stroke-width:2.2}
.vx-page .pv-m:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.vx-page .pv-r{display:flex;align-items:center;gap:8px}
.vx-page .pv-n{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 4px;border-radius:99px;background:#fff;border:1px solid var(--line2);transition:opacity .2s}
.vx-page .pv-n .rot{width:28px;height:28px;transition:transform .35s ease}
.vx-page .pv-n svg{width:28px;height:28px;display:block}
.vx-page .pv-n b{font-size:12px;font-weight:800;color:var(--navy);white-space:nowrap}
.vx-page .pv-n.off{opacity:.5}
.vx-page .pv-tip{position:absolute;z-index:4;max-width:230px;background:var(--navy);color:#fff;border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.4;pointer-events:none;box-shadow:0 8px 20px rgba(0,11,43,.3)}
.vx-page .pv-tip b{color:var(--gold);display:block;font-size:12.5px}
.vx-page .pv-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.vx-page .pv-hint{display:flex;gap:7px;align-items:flex-start;font-size:13px;color:#3a3f50;margin-top:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.vx-page .pv-hint svg{width:16px;height:16px;color:var(--orange);flex:none;margin-top:1px}
.vx-page .pv-hint b{color:var(--navy)}
.vx-page .bear{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:12px}
.vx-page .bin{display:flex;align-items:baseline;gap:2px}
.vx-page .bin .v{width:100%}
.vx-page .bin b{font-size:16px;color:var(--mute)}
.vx-page .bout{min-width:0}
.vx-page .bout span{display:block;font-size:12.5px;color:#3a3f50;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vx-page .bout span b{color:var(--navy)}
.vx-page .bout input{width:100%;accent-color:var(--orange);margin-top:4px}
.vx-page .bnote{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:var(--mute);margin-top:8px}
.vx-page .bnote svg{width:15px;height:15px;flex:none;margin-top:1px}
.vx-page .bnote a{color:var(--orange);font-weight:700}
.vx-page .recap{display:flex;gap:12px;align-items:center;background:var(--cream2);border:1px solid #F3E2B5;border-radius:14px;padding:10px 12px}
.vx-page .recap img{width:70px;height:54px;object-fit:cover;border-radius:8px;border:1px solid var(--line2);background:#fff;flex:none}
.vx-page .recap div{min-width:0;font-size:13px;color:#4a4f60}
.vx-page .recap b{display:block;font-size:14.5px;color:var(--navy)}
.vx-page .recap .rc-ic{width:46px;height:46px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--orange);flex:none}
.vx-page .recap .rc-ic svg{width:22px;height:22px}
.vx-page .recap .tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.vx-page .recap .tags span{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:#fff;border:1px solid var(--line2);color:#3a3f50}
.vx-page .rm-top{display:flex;justify-content:space-between;align-items:center;gap:6px 12px;flex-wrap:wrap}
.vx-page .rm-top .nup{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--mute)}
.vx-page .rm-top .nup svg{width:14px;height:14px;color:var(--red)}
.vx-page .rm-top .lbl{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12.5px;font-weight:600;color:#3a3f50}
.vx-page .rm-top .lbl b{width:19px;height:19px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;display:inline-grid;place-items:center}
.vx-page .rm-top .lbl b:not(:first-child){margin-left:6px}
.vx-page .rm-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}
.vx-page .rm-chips button{border:1.5px solid var(--line2);background:#fff;border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:700;color:#3a3f50;transition:.12s}
.vx-page .rm-chips button:hover{border-color:var(--navy)}
.vx-page .rm-chips button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.vx-page .rm-chips select{border:1.5px dashed var(--line2);background:#fff;border-radius:99px;padding:5px 10px;font-size:12.5px;font-weight:700;color:var(--orange);max-width:150px;cursor:pointer}
.vx-page .rm-chips select.on{border-style:solid;border-color:var(--navy);background:var(--navy);color:#fff}
.vx-page .rmg{position:relative;padding:26px 30px;background:radial-gradient(circle at 50% 50%,#FFFBF0,#FFF4DA);border:1px solid #F3E2B5;border-radius:16px}
.vx-page .rmg .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.vx-page .cell{position:relative;background:#fff;border:1.5px solid var(--line2);border-radius:12px;min-height:96px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:.12s;min-width:0}
.vx-page .cell:hover{border-color:var(--orange);box-shadow:0 0 0 3px rgba(225,122,19,.12)}
.vx-page .cell:focus-visible{outline:3px solid var(--gold);outline-offset:1px}
.vx-page .cell.arm:hover{background:#FFFBF0}
.vx-page .cell .ch{display:flex;justify-content:space-between;align-items:baseline;gap:4px;font-size:10.5px;color:var(--mute);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.vx-page .cell .ch b{font-size:13px;color:var(--navy);letter-spacing:0}
.vx-page .cell.cen{background:repeating-linear-gradient(45deg,#fff,#fff 8px,#FFF8E6 8px,#FFF8E6 16px)}
.vx-page .cell.flash{animation:flash .5s}
@keyframes flash{0%{box-shadow:0 0 0 0 rgba(225,122,19,.6)}100%{box-shadow:0 0 0 10px rgba(225,122,19,0)}}
.vx-page .pr{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;border-radius:8px;padding:3px 4px 3px 7px;background:var(--nab);color:#2b3040;min-width:0;border-left:3px solid var(--na)}
.vx-page .pr span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vx-page .pr button{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;color:var(--mute);flex:none}
.vx-page .pr button:hover{background:rgba(0,0,0,.06);color:var(--ink)}
.vx-page .pr button svg{width:12px;height:12px;stroke-width:2.4}
.vx-page .pr.ok{background:var(--okb);border-left-color:var(--ok)}
.vx-page .pr.alt{background:var(--altb);border-left-color:#E0A21A}
.vx-page .pr.no{background:var(--nob);border-left-color:var(--no)}
.vx-page .door{position:absolute;width:28px;height:28px;border-radius:50%;background:#fff;border:1.5px solid var(--line2);display:grid;place-items:center;color:var(--mute);transform:translate(-50%,-50%);z-index:2;transition:.12s}
.vx-page .door svg{width:14px;height:14px}
.vx-page .door:hover{border-color:var(--orange);color:var(--orange)}
.vx-page .door.on{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 4px 10px rgba(225,122,19,.45)}
.vx-page .rmg .nl{position:absolute;left:50%;top:3px;transform:translateX(-50%);font-size:10.5px;font-weight:900;color:var(--red);letter-spacing:.06em;display:none}
.vx-page .rm-msg{font-size:13px;color:#3a3f50;margin-top:10px;min-height:20px;line-height:1.45}
.vx-page .rm-msg b{color:var(--navy)}
.vx-page .tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;white-space:nowrap;vertical-align:1px}
.vx-page .tag::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.vx-page .tag.ok{background:var(--okb);color:var(--ok)}
.vx-page .tag.alt{background:var(--altb);color:var(--alt)}
.vx-page .tag.no{background:var(--nob);color:var(--no)}
.vx-page .tag.na{background:var(--nab);color:var(--na)}
.vx-page .legend2{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;font-weight:700;color:var(--mute)}
.vx-page .legend2 span{display:inline-flex;align-items:center;gap:5px}
.vx-page .legend2 span::before{content:"";width:10px;height:10px;border-radius:3px}
.vx-page .legend2 .ok::before{background:var(--ok)}
.vx-page .legend2 .alt::before{background:#E0A21A}
.vx-page .legend2 .no::before{background:var(--no)}
.vx-page .legend2 .na::before{background:#C9C4B6}
.vx-page .rm-count{font-size:12.5px;color:var(--mute);font-weight:600}
.vx-page .pt{font-size:17px;color:var(--navy)}
.vx-page .opt2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:12px}
.vx-page .opt2 button{display:flex;gap:10px;align-items:center;text-align:left;border:1.5px solid var(--line2);border-radius:14px;padding:12px;background:#fff;min-width:0}
.vx-page .opt2 button svg{width:22px;height:22px;color:var(--orange);flex:none}
.vx-page .opt2 button b{display:block;font-size:14px}
.vx-page .opt2 button small{display:block;font-size:12px;color:var(--mute)}
.vx-page .opt2 button.on{border-color:var(--navy);box-shadow:0 0 0 3px rgba(0,11,43,.08);background:#F7F8FC}
.vx-page .pjsel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.vx-page .pjsel button{display:flex;gap:10px;align-items:center;text-align:left;border:1.5px solid var(--line2);border-radius:14px;padding:8px;background:#fff;min-width:0}
.vx-page .pjsel button img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;background:var(--cream2)}
.vx-page .pjsel button b{display:block;font-size:13.5px;line-height:1.2}
.vx-page .pjsel button small{display:block;font-size:12px;color:var(--mute);margin-top:2px}
.vx-page .pjsel button.on{border-color:var(--navy);box-shadow:0 0 0 3px rgba(0,11,43,.08)}
.vx-page .pjsel button.on small{color:#B05F0B;font-weight:700}
.vx-page .tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.vx-page .tiers div{border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--bg)}
.vx-page .tiers small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.vx-page .tiers b{font-size:17px}
.vx-page .tiers div:first-child{background:#FFF8E6;border-color:#F3E2B5}
.vx-page .tiers p{grid-column:1/-1;font-size:12px;color:var(--mute)}
.vx-page .ropts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.vx-page .ro{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;position:relative}
.vx-page .ro.hi{border:2px solid var(--gold);background:linear-gradient(180deg,#FFFDF6,#FFF6DE);box-shadow:0 14px 32px rgba(225,122,19,.14)}
.vx-page .ro.dark{background:linear-gradient(150deg,var(--navy),#14275F);color:#fff;border-color:transparent}
.vx-page .ro-flag{position:absolute;top:-12px;right:18px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:99px}
.vx-page .ro-h{display:flex;gap:12px;align-items:center}
.vx-page .ro .ri{width:46px;height:46px;border-radius:14px;background:var(--cream2);color:var(--orange);display:grid;place-items:center;flex:none}
.vx-page .ro .ri svg{width:23px;height:23px}
.vx-page .ro.dark .ri{background:rgba(255,255,255,.1);color:var(--gold)}
.vx-page .ro h3{font-size:18px}
.vx-page .ro-h p{font-size:13px;color:var(--mute)}
.vx-page .ro.dark .ro-h p{color:#C9D0E6}
.vx-page .ro-p{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border-top:1px dashed var(--line2);border-bottom:1px dashed var(--line2);padding:10px 0}
.vx-page .ro.dark .ro-p{border-color:rgba(255,255,255,.18)}
.vx-page .ro-p b{font-size:30px;font-weight:900;color:var(--navy);letter-spacing:-.02em}
.vx-page .ro.dark .ro-p b{color:var(--gold)}
.vx-page .ro-p span{font-size:12.5px;color:var(--mute);font-weight:600}
.vx-page .ro.dark .ro-p span{color:#C9D0E6}
.vx-page .ro-l{list-style:none;display:grid;gap:7px;font-size:13.5px;flex:1;align-content:start}
.vx-page .ro-l li{display:flex;gap:8px;align-items:flex-start}
.vx-page .ro-l svg{width:16px;height:16px;color:var(--ok);flex:none;margin-top:2px}
.vx-page .ro-l li.plus svg{color:var(--orange)}
.vx-page .ro-l li.plus b{color:#B05F0B}
.vx-page .ro.dark .ro-l svg{color:var(--gold)}
.vx-page .ro .btn{align-self:stretch}
.vx-page .cmpd{margin-top:16px}
.vx-page .cmpd summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--navy);padding:9px 14px;border:1.5px solid var(--line2);border-radius:10px;background:#fff}
.vx-page .cmpd summary::-webkit-details-marker{display:none}
.vx-page .cmpd summary svg{width:17px;height:17px;color:var(--orange);transition:.2s}
.vx-page .cmpd[open] summary svg{transform:rotate(180deg)}
.vx-page .cmpwrap{overflow-x:auto;margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:18px}
.vx-page .cmp{width:100%;border-collapse:collapse;min-width:620px;font-size:13.5px}
.vx-page .cmp th,.vx-page .cmp td{padding:11px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.vx-page .cmp thead th{background:var(--bg);font-size:13px}
.vx-page .cmp thead th b{display:block;font-size:15px}
.vx-page .cmp thead th span{font-size:12px;color:var(--mute);font-weight:600}
.vx-page .cmp tbody th{font-weight:600;width:44%}
.vx-page .cmp tbody th small{display:block;font-size:12px;color:var(--mute);font-weight:400}
.vx-page .cmp td{width:28%}
.vx-page .cmp td svg{width:19px;height:19px}
.vx-page .cmp .y{color:var(--ok)}
.vx-page .cmp .n{color:#C9C4B6}
.vx-page .cmp td.hl,.vx-page .cmp th.hl{background:#FFF8E6}
.vx-page .cmp tr:last-child td,.vx-page .cmp tr:last-child th{border-bottom:0}
.vx-page .cmp .t{font-size:12.5px;color:#3a3f50;font-weight:600}
.vx-page .guide{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:22px;align-items:start}
.vx-page .gwheel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}
.vx-page .gtop{display:flex;justify-content:center;margin-bottom:8px}
.vx-page .gsvg svg{width:100%;height:auto;display:block}
.vx-page .gsvg .w{cursor:pointer;transition:fill .15s}
.vx-page .gsvg .w:hover{fill:#FFE9A8}
.vx-page .gsvg .w:focus-visible{outline:none;stroke:var(--orange);stroke-width:3}
.vx-page .glegend{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;font-weight:700;color:var(--mute);margin-top:8px}
.vx-page .glegend span{display:inline-flex;align-items:center;gap:5px}
.vx-page .glegend span::before{content:"";width:10px;height:10px;border-radius:3px}
.vx-page .glegend .ok::before{background:#BFE3CB}
.vx-page .glegend .alt::before{background:#FFE08A}
.vx-page .glegend .no::before{background:#F4BFB4}
.vx-page .glegend .na::before{background:#ECE8DE}
.vx-page .groom{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.vx-page .groom button{flex:none}
.vx-page .groom select{border:1.5px dashed var(--line2);background:#fff;border-radius:99px;padding:6px 12px;font-size:13.5px;font-weight:700;color:var(--orange);cursor:pointer}
.vx-page .groom select.on{border-style:solid;border-color:var(--navy);background:var(--navy);color:#fff}
.vx-page .gpanel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;min-height:100%}
.vx-page .gpanel .gk{display:flex;align-items:center;gap:14px}
.vx-page .gpanel .gc{width:62px;height:62px;border-radius:18px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:900;font-size:19px;flex:none;letter-spacing:.02em}
.vx-page .gpanel small.k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);font-weight:800}
.vx-page .gpanel h3{font-size:24px;line-height:1.15;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:30px}
.vx-page .gpanel .gm{font-size:16px;color:#2b3040;margin:14px 0 4px;line-height:1.5}
.vx-page .gfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.vx-page .gfacts div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.vx-page .gfacts small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:800}
.vx-page .gfacts b{font-size:14.5px}
.vx-page .gzones{display:grid;gap:6px;margin-top:14px}
.vx-page .gzones div{display:flex;gap:10px;align-items:center;font-size:13.5px;padding:8px 10px;border-radius:10px;background:#FFFBF0;border:1px solid #F6E8C2}
.vx-page .gzones div b{min-width:44px;font-size:12px;font-weight:900;color:var(--navy);background:#fff;border:1px solid var(--line2);border-radius:7px;padding:2px 6px;text-align:center}
.vx-page .gzones div.cur{background:#FFF1CC;border-color:#F3D88E}
.vx-page .grooms{margin-top:16px;display:grid;gap:10px}
.vx-page .grooms h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.vx-page .grooms .chips .chip{font-size:12.5px;padding:5px 11px}
.vx-page .gdirs{display:grid;gap:8px;margin-top:14px}
.vx-page .gdirs div{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid var(--line);font-size:13.5px}
.vx-page .gdirs div b{display:block;font-size:14px}
.vx-page .gdirs div span{color:#4a4f60}
.vx-page .gdirs .tag{margin-top:2px}
.vx-page .gnote{font-size:12px;color:var(--mute);margin-top:14px;display:flex;gap:7px;align-items:flex-start}
.vx-page .gnote svg{width:15px;height:15px;flex:none;margin-top:1px}
.vx-page .gcta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.vx-page .how{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:s}
.vx-page .how li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;position:relative;counter-increment:s}
.vx-page .how li::before{content:counter(s);position:absolute;top:16px;right:16px;font-family:Inter,system-ui,sans-serif;font-size:34px;font-weight:700;color:#F0E3BE;line-height:1}
.vx-page .how .hi{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#FFF7E0,#FDE6AC);color:var(--navy);display:grid;place-items:center;margin-bottom:12px}
.vx-page .how .hi svg{width:23px;height:23px}
.vx-page .how b{font-size:16px}
.vx-page .how p{font-size:13.5px;color:#4a4f60;margin-top:4px}
.vx-page .trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:16px;font-size:13px;color:#3a3f50;justify-content:center}
.vx-page .trust span{display:flex;gap:7px;align-items:center}
.vx-page .trust svg{width:17px;height:17px;color:var(--ok)}
.vx-page .sp{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}
.vx-page .sp-l,.vx-page .sp-r{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}
.vx-page .sp h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:14px 0 10px}
.vx-page .sp .ribbon{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:#FFF3D1;color:#8a5a00}
.vx-page .sp .ribbon svg{width:13px;height:13px}
.vx-page .sp-r h4:first-child{margin-top:0}
.vx-page .score{display:flex;align-items:center;gap:18px}
.vx-page .ring{width:120px;height:120px;flex:none}
.vx-page .score b{font-size:44px;font-weight:900;color:var(--navy);letter-spacing:-.03em;line-height:1}
.vx-page .score b small{font-size:16px;color:var(--mute);font-weight:700;letter-spacing:0}
.vx-page .score span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);font-weight:800;margin-top:6px}
.vx-page .rs{list-style:none;display:grid;gap:9px}
.vx-page .rs li{display:grid;grid-template-columns:118px minmax(0,1fr) 28px;gap:10px;align-items:center;font-size:13px}
.vx-page .rs li span{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vx-page .rs i{height:8px;border-radius:99px;background:#F1EBDD;overflow:hidden;display:block}
.vx-page .rs em{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--orange))}
.vx-page .rs li.lo em{background:linear-gradient(90deg,#F2A08F,var(--no))}
.vx-page .rs b{text-align:right;font-size:13px}
.vx-page .fd{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.vx-page .fh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.vx-page .fh b{font-size:14.5px}
.vx-page .fd p{font-size:13.5px;color:#4a4f60;margin-top:4px}
.vx-page .lv{font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;text-transform:lowercase;white-space:nowrap}
.vx-page .lv.pref{background:var(--okb);color:var(--ok)}
.vx-page .lv.cau{background:#FFE9D6;color:#B05F0B}
.vx-page .rem{margin-top:10px;background:var(--bg);border-radius:10px;padding:8px 10px;font-size:13px;color:#2b3040;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.vx-page .rem span{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ok);background:var(--okb);padding:2px 7px;border-radius:6px}
.vx-page .sx{display:flex;flex-wrap:wrap;gap:8px}
.vx-page .sx span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:10px;border:1px solid var(--line2);background:#fff}
.vx-page .sx span svg{width:14px;height:14px;color:var(--ok)}
.vx-page .sx span.lk{background:#FFF8E6;border-color:#F3E2B5;color:#6b4a0a}
.vx-page .sx span.lk svg{color:var(--orange)}
.vx-page .sx span.lk em{font-style:normal;font-size:11px;color:#B05F0B;font-weight:800}
.vx-page .cg{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:22px;align-items:center;background:linear-gradient(120deg,#FFF8E6,var(--cream) 60%,#FFE6A3);border:1px solid #F3D88E;border-radius:24px;padding:28px}
.vx-page .cg h2{font-size:28px;font-weight:800;letter-spacing:-.015em;color:var(--navy)}
.vx-page .cg-p{color:#5a4a26;font-size:14.5px;margin-top:6px}
.vx-page .tips{list-style:none;counter-reset:t;display:grid;gap:12px;margin-top:16px}
.vx-page .tips li{counter-increment:t;display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 10px;font-size:14px}
.vx-page .tips li::before{content:counter(t);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:800;font-size:13px}
.vx-page .tips b{color:var(--navy)}
.vx-page .tips span{color:#5a4a26;font-size:13.5px}
.vx-page .pc{background:#fff;border-radius:22px;padding:20px;text-align:center;box-shadow:0 18px 40px rgba(122,82,0,.16)}
.vx-page .pc-dial{width:200px;height:200px;margin:0 auto}
.vx-page .pc-dial svg{width:100%;height:100%;display:block}
.vx-page .pc-read b{display:block;font-size:34px;font-weight:900;color:var(--navy);letter-spacing:-.02em;margin-top:6px}
.vx-page .pc-read span{font-size:13px;color:var(--mute);font-weight:600}
.vx-page .pc-btns{display:grid;gap:8px;margin-top:14px}
.vx-page .pc-st{font-size:12px;color:var(--mute);margin-top:10px}
.vx-page .pc-st.bad{color:var(--red)}
.vx-page #pcNeedle{transition:transform .25s ease-out;transform-origin:100px 100px}
.vx-page .extool{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.vx-page .sel{border:1px solid var(--line2);background:#fff;border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:600}
.vx-page .exgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vx-page .ex{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:.2s}
.vx-page .ex:hover{box-shadow:var(--shadow)}
.vx-page .ex-h{display:flex;gap:12px;align-items:center}
.vx-page .av{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;flex:none}
.vx-page .ex h3{font-size:16px;line-height:1.25}
.vx-page .ind{font-size:11px;color:var(--mute);border:1px solid var(--line2);border-radius:99px;padding:2px 8px;width:max-content;display:inline-block;margin-top:3px}
.vx-page .ex .meta{display:grid;gap:6px;font-size:13px;color:#3a3f50}
.vx-page .ex .meta div{display:flex;gap:8px;align-items:flex-start}
.vx-page .ex .meta svg{width:15px;height:15px;color:var(--mute);flex:none;margin-top:2px}
.vx-page .ex .vis{font-size:11px;font-weight:800;color:var(--ok);background:var(--okb);border-radius:99px;padding:2px 8px;margin-left:4px;white-space:nowrap}
.vx-page .hfee{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;border-top:1px dashed var(--line2);padding-top:10px;margin-top:auto}
.vx-page .hfee b{font-size:20px}
.vx-page .hfee small{display:block;font-size:11.5px;color:var(--mute)}
.vx-page .hfee .acts{display:flex;gap:6px}
.vx-page .exnote{font-size:12.5px;color:var(--mute);margin-top:12px;display:flex;gap:7px;align-items:flex-start}
.vx-page .exnote svg{width:15px;height:15px;flex:none;margin-top:1px}
.vx-page .pjgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vx-page .pj{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.vx-page .pj:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.vx-page .pj .im{aspect-ratio:16/10;background:var(--cream2);overflow:hidden;position:relative}
.vx-page .pj .im img{width:100%;height:100%;object-fit:cover}
.vx-page .pj .im span{position:absolute;left:10px;bottom:10px;background:rgba(0,11,43,.82);color:#fff;font-size:11px;font-weight:700;padding:4px 9px;border-radius:99px;display:flex;gap:5px;align-items:center}
.vx-page .pj .im span svg{width:13px;height:13px;color:var(--gold)}
.vx-page .pj .bd{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.vx-page .pj h3{font-size:16.5px}
.vx-page .pj p{font-size:13px;color:#4a4f60}
.vx-page .pj select{width:100%}
.vx-page .pj .pf{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px dashed var(--line2)}
.vx-page .pj .pf b{font-size:20px}
.vx-page .pj .pf small{display:block;font-size:11.5px;color:var(--mute);font-weight:600}
.vx-page .prgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.vx-page .prd{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.vx-page .prd:hover{box-shadow:var(--shadow)}
.vx-page .prd .im{aspect-ratio:1;background:#F7F3EA;display:grid;place-items:center;overflow:hidden;position:relative}
.vx-page .prd .im img{width:100%;height:100%;object-fit:contain;padding:10px}
.vx-page .prd .off{position:absolute;top:8px;left:8px;background:var(--green);color:#fff;font-size:10.5px;font-weight:800;padding:3px 7px;border-radius:6px}
.vx-page .prd .bd{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
.vx-page .prd h3{font-size:13.5px;line-height:1.3;font-weight:600}
.vx-page .prd .nt{font-size:11.5px;color:var(--mute)}
.vx-page .prd .pp{display:flex;align-items:baseline;gap:6px;margin-top:auto;padding-top:6px}
.vx-page .prd .pp b{font-size:17px}
.vx-page .prd .pp s{font-size:12px;color:var(--mute)}
.vx-page .faq{display:grid;gap:10px}
.vx-page .faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px}
.vx-page .faq summary{list-style:none;cursor:pointer;padding:16px 0;font-weight:700;font-size:15px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.vx-page .faq summary::-webkit-details-marker{display:none}
.vx-page .faq summary svg{transition:.2s;color:var(--orange)}
.vx-page .faq details[open] summary svg{transform:rotate(180deg)}
.vx-page .faq details p{padding:0 0 16px;color:#3a3f50;font-size:14.5px}
.vx-page .about{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px dashed var(--line2);border-radius:16px;padding:16px 18px;font-size:13px;color:#4a4f60}
.vx-page .about svg{width:22px;height:22px;color:var(--orange);flex:none}
.vx-page .about b{color:var(--ink);font-size:14px}
.vx-page main section#about{margin-top:24px}
@media (max-width:1180px){.vx-page .vhero-in{grid-template-columns:minmax(0,1fr) 500px;gap:30px}
.vx-page .vhero h1{font-size:48px}
.vx-page .exgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.vx-page .pjgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.vx-page .prgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.vx-page .guide{grid-template-columns:minmax(0,400px) minmax(0,1fr)}
}
@media (max-width:960px){.vx-page .vhero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'bw' 'saved';row-gap:22px}
.vx-page .saved{margin-top:0}
.vx-page .vcopy{padding-top:6px}
.vx-page .bw{max-width:640px;width:100%;margin:0 auto}
.vx-page .ropts{grid-template-columns:minmax(0,1fr)}
.vx-page .guide{grid-template-columns:minmax(0,1fr)}
.vx-page .gwheel{max-width:480px;width:100%;margin:0 auto}
.vx-page .how{grid-template-columns:repeat(2,minmax(0,1fr))}
.vx-page .sp{grid-template-columns:minmax(0,1fr)}
.vx-page .cg{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){.vx-page .vhero{padding-bottom:28px}
.vx-page .vhero h1{font-size:40px}
.vx-page .vhero .lead{font-size:14.5px}
.vx-page .hticks{display:none}
.vx-page .hstats{display:none}
.vx-page .saved{margin-top:16px;font-size:12.5px}
.vx-page .bw{border-radius:18px}
.vx-page .bw-tabs{border-radius:18px 18px 0 0;padding:4px 4px 0}
.vx-page .bw-tabs button{padding:9px 2px 8px;gap:3px}
.vx-page .bw-tabs button svg{width:21px;height:21px}
.vx-page .bw-tabs button b{font-size:12px}
.vx-page .bw-tabs button small{font-size:10.5px}
.vx-page .bw-p{padding:14px}
.vx-page .steps{font-size:11.5px;gap:6px}
.vx-page .steps i{width:22px;height:22px}
.vx-page .drop{padding:20px 12px 18px}
.vx-page .bear{grid-template-columns:150px minmax(0,1fr)}
.vx-page .bear #useCompass{grid-column:1/-1}
.vx-page .rmg{padding:24px 24px}
.vx-page .cell{min-height:84px;padding:5px}
.vx-page .cell .ch{font-size:9.5px}
.vx-page .cell .ch b{font-size:12px}
.vx-page .pr{font-size:10.5px;padding:2px 2px 2px 5px}
.vx-page .pr button{width:16px;height:16px}
.vx-page .fgrid2,.vx-page .opt2{grid-template-columns:minmax(0,1fr)}
.vx-page .pjsel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.vx-page .pjsel button{flex-direction:column;align-items:flex-start;gap:6px;padding:8px}
.vx-page .pjsel button img{width:100%;height:56px}
.vx-page .tiers b{font-size:15px}
.vx-page .seg.big button{font-size:12.5px;padding:7px 11px}
.vx-page .gpanel{padding:16px}
.vx-page .gpanel h3{font-size:26px}
.vx-page .gfacts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.vx-page .how{grid-template-columns:minmax(0,1fr)}
.vx-page .how li{padding:14px 16px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:0 12px}
.vx-page .how .hi{grid-row:span 2;margin:0}
.vx-page .trust{justify-content:flex-start}
.vx-page .sp-l,.vx-page .sp-r{padding:16px}
.vx-page .rs li{grid-template-columns:104px minmax(0,1fr) 26px}
.vx-page .cg{padding:20px 16px}
.vx-page .cg h2{font-size:22px}
.vx-page .exgrid,.vx-page .pjgrid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 8px;scroll-padding-left:16px;scrollbar-width:none}
.vx-page .exgrid::-webkit-scrollbar,.vx-page .pjgrid::-webkit-scrollbar{display:none}
.vx-page .ex,.vx-page .pj{flex:0 0 84%;scroll-snap-align:start}
.vx-page .pj .im{aspect-ratio:16/8}
.vx-page .pj:hover{transform:none}
.vx-page .ex .acts .btn-ghost{display:none}
.vx-page .hfee small{white-space:nowrap}
.vx-page .prgrid{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
.vx-page .prgrid::-webkit-scrollbar{display:none}
.vx-page .prd{flex:0 0 46%;scroll-snap-align:start}
.vx-page .groom{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.vx-page .groom::-webkit-scrollbar{display:none}
.vx-page .fgrid2.pj2{grid-template-columns:minmax(0,1fr)}
.vx-page .extool{flex-direction:column;align-items:stretch}
.vx-page .extool>*{min-width:0;max-width:100%}
}
@media (max-width:380px){.vx-page .bw-tabs button small{display:none}
.vx-page .vhero h1{font-size:36px}
}

body[data-vastu-experience]{margin:0;background:#FBF8F1;font-family:Inter,system-ui,sans-serif;color:#141826}.vx-page main.wrap{display:block;max-width:1240px;width:100%;margin:0 auto;padding:0 20px}.vx-page h1{letter-spacing:-.04em}.vx-page .vhero h1{font-size:clamp(34px,4vw,54px);line-height:1.1}.vx-page [hidden],body[data-vastu-experience] [hidden]{display:none!important}.vx-page .fld{display:block}.vx-page .v{box-shadow:none;min-width:0;max-width:100%}.vx-page button:disabled{opacity:.55;cursor:not-allowed}.vx-page :focus-visible{outline:3px solid #F5A524;outline-offset:3px}.vx-page section,.vx-page #bw{scroll-margin-top:145px}.vx-page .api-status{font-size:13px;color:#5f6475;padding:12px 16px;line-height:1.6}.vx-page .api-status a{color:#b45d08;text-decoration:underline}.vx-page .api-status button{text-decoration:underline;color:#b45d08}.vx-page .bw .api-status{margin:0;background:#fff8e6}.vx-page .hstats b{font-size:25px}.vx-page .ro-p b{font-size:28px}.vx-reading-shell{max-width:1200px;margin:32px auto;padding:24px;background:#fff;border:1px solid #ece6d6;border-radius:20px}.vx-page .vhero .saved{max-width:100%}body[data-vastu-experience] #vastuLibrary{max-width:1200px;margin:32px auto;background:#fff;padding:24px;border-radius:16px}.vx-page #prGrid .im img{object-fit:cover;width:100%;height:100%}.vx-page .step-action{font:inherit;color:inherit;text-align:inherit;padding:0;border:0;background:none}.vx-page .hstats div{min-width:120px}.vx-skip{position:fixed;top:-100px;left:16px;z-index:3000;background:white;padding:12px}.vx-skip:focus{top:12px}@media(max-width:760px){.vx-page main.wrap{padding:0 16px}.vx-page .bw-tabs button{min-width:0}.vx-page .bw-tabs small{white-space:normal}.vx-page .vhero h1{font-size:36px}.vx-page .fld input,.vx-page .fld select{font-size:16px}.vx-page .rmg .cell{min-width:0}.vx-page .pr span{overflow-wrap:anywhere}.vx-reading-shell{margin:16px;padding:16px}body[data-vastu-experience] #vastuLibrary{margin:16px}.vx-page footer{display:none}.vx-page .bin input{width:100%}.vx-page .hstats{flex-wrap:wrap}}

.vx-page .hstats b [data-vastu-price],.vx-page .ro-p b [data-vastu-price]{font:inherit;color:inherit}.vx-page .bw{border-radius:22px;overflow:hidden}.vx-page .bw-tabs small [data-vastu-price]{font:inherit}.vx-page .guide-note{color:var(--mute);font-size:12px;margin:8px 0 12px}

body[data-vastu-experience] :is(.vx-reading-shell,#vastuLibrary) :is(h1,h2,h3,h4,strong){font-family:Inter,system-ui,sans-serif}body[data-vastu-experience] #vastuLibrary:empty{display:none}
