.pg{--font: -apple-system, BlinkMacSystemFont, "SF Pro", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ink: #1B1F24; --ink-2: #33415C; --muted: #5F6773; --faint: #8A93A0; --on-accent: #FFFFFF; --on-gold: #111113;
  --line: rgba(27,31,36,.08); --line-2: rgba(27,31,36,.14); --wash: rgba(27,31,36,.045); --wash-2: rgba(27,31,36,.08);
  --blue: #2F6BFF; --blue-ink: #1F5FD6; --blue-ink-2: #174BB0; --blue-wash: rgba(47,107,255,.10); --blue-wash-2: rgba(47,107,255,.18);
  --gold-grad: linear-gradient(180deg, #FFDE4A, #F5C400); --gold-ink: #8A6A00; --gold-wash: rgba(252,209,22,.2);
  --gold-glow: 0 12px 24px -12px rgba(200,150,0,.7), inset 0 1px 0 rgba(255,255,255,.7);
  --ok: #15803D; --ok-solid: #22A55B; --ok-bg: #E7F6EC; --ok-line: rgba(21,128,61,.3);
  --bad: #C2272D; --bad-bg: #FFE9EA; --bad-line: rgba(194,39,45,.3);
  --warn: #B45309; --warn-bg: #FFF4E0; --warn-line: rgba(180,83,9,.28);
  --num: #F26B1D; --num-ink: #C2410C; --num-wash: rgba(242,107,29,.11);
  --verb: #7C5CFC; --verb-ink: #5B3FD8; --verb-wash: rgba(124,92,252,.11);
  --ana: #0FA58F; --ana-ink: #0B7A6B; --ana-wash: rgba(15,165,143,.11);
  --clr: #22A55B; --clr-ink: #15803D; --clr-wash: rgba(34,165,91,.11);
  --gi: #E5484D; --gi-ink: #C2272D; --gi-wash: rgba(229,72,77,.11);
  --ori: #2F6BFF; --ori-ink: #1F5FD6; --ori-wash: rgba(47,107,255,.10);
  --pink: #DB2777; --pink-ink: #BE185D; --pink-wash: rgba(219,39,119,.11);
  --page: #F2F4F9; --card: #FFFFFF; --card-2: #F7F8FB; --card-line: rgba(27,31,36,.07);
  --shadow: 0 1px 2px rgba(27,31,36,.04), 0 12px 32px -18px rgba(31,63,140,.22);
  --shadow-sm: 0 1px 2px rgba(27,31,36,.04), 0 8px 20px -14px rgba(31,63,140,.2);
  --navy: linear-gradient(160deg, #1B2A55, #0F1736); --navy-ink: #F5F5F7; --navy-muted: rgba(245,245,247,.72); --navy-line: rgba(255,255,255,.12);
  --sky: linear-gradient(160deg, #1A56C8 0%, #2565DD 55%, #3F82EA 100%);
  --eg-ink: var(--ink); --eg-muted: var(--muted); --eg-accent: var(--blue-ink); --eg-line: var(--line-2); --eg-paper: var(--card); --eg-field: var(--wash); --stp-bg: var(--wash);
  --rtv-ink: var(--ink); --rtv-muted: var(--muted); --rtv-line: var(--line-2); --rtv-fill: var(--blue-wash); --rtv-accent: var(--blue-ink); --rtv-good: var(--ok); --rtv-warn: var(--warn); --rtv-bg: var(--card);
  font-family: var(--font); color: var(--ink); background: var(--page); font-size: 16px; line-height: 1.5;
  -webkit-font-smoothing: antialiased; box-sizing: border-box; overflow: hidden;}
:root[data-theme="dark"] .pg{--ink: #F5F5F7; --ink-2: #D1D1D6; --muted: #A1A1A6; --faint: #8E8E93;
  --line: rgba(255,255,255,.09); --line-2: rgba(255,255,255,.16); --wash: rgba(255,255,255,.06); --wash-2: rgba(255,255,255,.11);
  --blue-ink: #6AA9FF; --blue-ink-2: #8FBFFF; --blue-wash: rgba(47,107,255,.2); --blue-wash-2: rgba(47,107,255,.3);
  --gold-ink: #FCD116; --gold-wash: rgba(252,209,22,.15);
  --ok: #4ADE80; --ok-bg: rgba(34,165,91,.16); --ok-line: rgba(74,222,128,.35);
  --bad: #FF8A8F; --bad-bg: rgba(229,72,77,.16); --bad-line: rgba(255,138,143,.35);
  --warn: #FBBF5C; --warn-bg: rgba(255,159,10,.14); --warn-line: rgba(251,191,92,.3);
  --num-ink: #FFA36B; --verb-ink: #B5A4FF; --ana-ink: #5ED4C0; --clr-ink: #6EE09A; --gi-ink: #FF8A8F; --ori-ink: #6AA9FF; --pink-ink: #F9A8D4;
  --num-wash: rgba(242,107,29,.18); --verb-wash: rgba(124,92,252,.2); --ana-wash: rgba(15,165,143,.18); --clr-wash: rgba(34,165,91,.18); --gi-wash: rgba(229,72,77,.18); --ori-wash: rgba(47,107,255,.2); --pink-wash: rgba(219,39,119,.18);
  --page: #0E0F12; --card: #1C1C1F; --card-2: #232327; --card-line: rgba(255,255,255,.07);
  --shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 16px 36px -20px rgba(0,0,0,.7);
  --shadow-sm: 0 12px 26px -18px rgba(0,0,0,.65);
  --navy: linear-gradient(160deg, #1A2650, #0D1430);
  --sky: linear-gradient(160deg, #10306E 0%, #1A4CA8 55%, #3274D8 100%);}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg{--ink: #F5F5F7; --ink-2: #D1D1D6; --muted: #A1A1A6; --faint: #8E8E93;
  --line: rgba(255,255,255,.09); --line-2: rgba(255,255,255,.16); --wash: rgba(255,255,255,.06); --wash-2: rgba(255,255,255,.11);
  --blue-ink: #6AA9FF; --blue-ink-2: #8FBFFF; --blue-wash: rgba(47,107,255,.2); --blue-wash-2: rgba(47,107,255,.3);
  --gold-ink: #FCD116; --gold-wash: rgba(252,209,22,.15);
  --ok: #4ADE80; --ok-bg: rgba(34,165,91,.16); --ok-line: rgba(74,222,128,.35);
  --bad: #FF8A8F; --bad-bg: rgba(229,72,77,.16); --bad-line: rgba(255,138,143,.35);
  --warn: #FBBF5C; --warn-bg: rgba(255,159,10,.14); --warn-line: rgba(251,191,92,.3);
  --num-ink: #FFA36B; --verb-ink: #B5A4FF; --ana-ink: #5ED4C0; --clr-ink: #6EE09A; --gi-ink: #FF8A8F; --ori-ink: #6AA9FF; --pink-ink: #F9A8D4;
  --num-wash: rgba(242,107,29,.18); --verb-wash: rgba(124,92,252,.2); --ana-wash: rgba(15,165,143,.18); --clr-wash: rgba(34,165,91,.18); --gi-wash: rgba(229,72,77,.18); --ori-wash: rgba(47,107,255,.2); --pink-wash: rgba(219,39,119,.18);
  --page: #0E0F12; --card: #1C1C1F; --card-2: #232327; --card-line: rgba(255,255,255,.07);
  --shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 16px 36px -20px rgba(0,0,0,.7);
  --shadow-sm: 0 12px 26px -18px rgba(0,0,0,.65);
  --navy: linear-gradient(160deg, #1A2650, #0D1430);
  --sky: linear-gradient(160deg, #10306E 0%, #1A4CA8 55%, #3274D8 100%);}}
.pg *,.pg *::before,.pg *::after{box-sizing: border-box;}
.pg a{color: var(--blue-ink); text-decoration: none;}
.pg h1,.pg h2,.pg h3,.pg h4,.pg p,.pg figure{margin: 0;}
.pg button{font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; text-align: inherit;}
.pg img,.pg svg{max-width: 100%;}
.pg img{height: auto;}
.pg .sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.pg .ic{width: 20px; height: 20px; flex: none; fill: currentColor; display: block;}
.pg [hidden]{display: none;}
.pg .wrap{width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 16px;}
@media (min-width: 960px){.pg .wrap{padding: 0 40px; max-width: 1280px;}}
.pg .tb{border-bottom: 1px solid var(--line); background: var(--page);}
.pg .tb-in{display: flex; align-items: center; gap: 10px; height: 60px;}
@media (min-width: 960px){.pg .tb-in{height: 72px; gap: 14px;}}
.pg .brand{display: flex; align-items: center; gap: 10px; color: var(--ink); font-weight: 700; font-size: 17px; letter-spacing: -.2px; margin-right: auto;}
@media (min-width: 960px){.pg .brand{font-size: 19px; margin-right: 18px;}}
.pg .brand img{width: 34px; height: 34px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px var(--line), 0 6px 14px -8px rgba(31,63,140,.4);}
@media (min-width: 960px){.pg .brand img{width: 38px; height: 38px; border-radius: 11px;}}
.pg .tnav{display: none;}
@media (min-width: 960px){.pg .tnav{display: flex; gap: 4px; margin-right: auto;}.pg .tnav a{padding: 9px 15px; border-radius: 999px; font-size: 15px; font-weight: 600; color: var(--ink-2);}.pg .tnav a.on{background: var(--blue-wash); color: var(--blue-ink);}}
.pg .tb-btn{height: 40px; padding: 0 16px; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; white-space: nowrap;}
@media (min-width: 960px){.pg .tb-btn{height: 44px; padding: 0 20px;}}
.pg .tb-btn.pri{background: var(--blue); color: #fff; box-shadow: 0 10px 20px -12px rgba(47,107,255,.8);}
.pg .tb-btn.gho{color: var(--ink); background: var(--card); box-shadow: 0 0 0 1px var(--line-2);}
@media (max-width: 959.98px){.pg .tb-btn.pri{display: none;}.pg .tb-btn.gho{background: var(--blue); color: #fff; box-shadow: 0 10px 20px -12px rgba(47,107,255,.8);}}
.pg .round{width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: var(--ink); background: var(--card); box-shadow: 0 0 0 1px var(--line-2); flex: none;}
@media (min-width: 960px){.pg .round{display: none;}}
.pg .kicker{display: inline-block; font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--tone-ink, var(--blue-ink));}
.pg .meta{font-size: 13px; line-height: 19px; color: var(--muted);}
.pg h1{font-size: 32px; line-height: 38px; font-weight: 700; letter-spacing: -.9px; text-wrap: balance;}
@media (min-width: 960px){.pg h1{font-size: 48px; line-height: 54px; letter-spacing: -1.6px;}}
.pg h2{font-size: 21px; line-height: 27px; font-weight: 700; letter-spacing: -.3px;}
@media (min-width: 960px){.pg h2{font-size: 24px; line-height: 30px;}}
.pg h3{font-size: 17px; line-height: 23px; font-weight: 700; letter-spacing: -.1px;}
.pg [data-tone="blue"],.pg .t-blue{--tone: var(--blue); --tone-ink: var(--blue-ink); --tone-wash: var(--blue-wash);}
.pg [data-tone="green"],.pg .t-green{--tone: var(--clr); --tone-ink: var(--clr-ink); --tone-wash: var(--clr-wash);}
.pg [data-tone="gold"],.pg .t-gold{--tone: #F5C400; --tone-ink: var(--gold-ink); --tone-wash: var(--gold-wash);}
.pg [data-tone="purple"],.pg .t-purple{--tone: var(--verb); --tone-ink: var(--verb-ink); --tone-wash: var(--verb-wash);}
.pg [data-tone="orange"],.pg .t-orange{--tone: var(--num); --tone-ink: var(--num-ink); --tone-wash: var(--num-wash);}
.pg [data-tone="red"],.pg .t-red{--tone: var(--gi); --tone-ink: var(--gi-ink); --tone-wash: var(--gi-wash);}
.pg [data-tone="teal"],.pg .t-teal{--tone: var(--ana); --tone-ink: var(--ana-ink); --tone-wash: var(--ana-wash);}
.pg [data-tone="gray"],.pg .t-gray{--tone: var(--faint); --tone-ink: var(--muted); --tone-wash: var(--wash-2);}
.pg [data-tone="pink"],.pg .t-pink{--tone: var(--pink); --tone-ink: var(--pink-ink); --tone-wash: var(--pink-wash);}
.pg [data-subj="verb"]{--s: var(--verb); --s-ink: var(--verb-ink); --s-wash: var(--verb-wash); --s-grad: linear-gradient(150deg, #8E6BFF, #5B3FD8);}
.pg [data-subj="num"]{--s: var(--num); --s-ink: var(--num-ink); --s-wash: var(--num-wash); --s-grad: linear-gradient(150deg, #FF8A3D, #D9530F);}
.pg [data-subj="ana"]{--s: var(--ana); --s-ink: var(--ana-ink); --s-wash: var(--ana-wash); --s-grad: linear-gradient(150deg, #19BFA6, #0B7A6B);}
.pg [data-subj="clr"]{--s: var(--clr); --s-ink: var(--clr-ink); --s-wash: var(--clr-wash); --s-grad: linear-gradient(150deg, #34C26F, #15803D);}
.pg [data-subj="gi"]{--s: var(--gi); --s-ink: var(--gi-ink); --s-wash: var(--gi-wash); --s-grad: linear-gradient(150deg, #F2646A, #B91F2A);}
.pg [data-subj="ori"]{--s: var(--ori); --s-ink: var(--ori-ink); --s-wash: var(--ori-wash); --s-grad: linear-gradient(150deg, #4C82FF, #1F5FD6);}
.pg .tile{width: 44px; height: 44px; flex: none; border-radius: 14px; display: grid; place-items: center; background: var(--tone-wash, var(--blue-wash)); color: var(--tone-ink, var(--blue-ink));}
.pg .tile .ic{width: 24px; height: 24px;}
.pg .tile.sm{width: 34px; height: 34px; border-radius: 11px;}
.pg .tile.sm .ic{width: 19px; height: 19px;}
.pg .btns{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px;}
.pg .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 12px 24px; border-radius: 999px; font-weight: 700; font-size: 16px; line-height: 20px; text-align: center; text-decoration: none;}
.pg .btn.primary{background: var(--blue); color: #fff; box-shadow: 0 12px 24px -12px rgba(47,107,255,.75);}
.pg .btn.ghost{background: var(--card); color: var(--ink); box-shadow: 0 0 0 1px var(--line-2);}
.pg .btn.gold{background: var(--gold-grad); color: var(--on-gold); box-shadow: var(--gold-glow);}
.pg .btn .ic{width: 20px; height: 20px;}
@media (max-width: 959.98px){.pg .btns .btn{flex: 1 1 100%;}}
.pg .hero{padding: 24px 0 20px; display: flex; flex-direction: column; gap: 10px;}
@media (min-width: 960px){.pg .hero{padding: 48px 0 32px; gap: 14px; max-width: 860px;}}
.pg .crumbs ol{list-style: none; display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0 0 4px; padding: 0; font-size: 13px; font-weight: 500; color: var(--muted);}
.pg .crumbs li{display: flex; align-items: center; gap: 8px;}
.pg .crumbs li + li::before{content: ""; width: 6px; height: 6px; border-right: 1.6px solid var(--faint); border-top: 1.6px solid var(--faint); transform: rotate(45deg); margin-right: 2px;}
.pg .crumbs a{color: var(--muted);}
.pg .crumbs [aria-current]{color: var(--ink-2);}
.pg .lead{font-size: 17px; line-height: 26px; color: var(--muted); max-width: 760px;}
@media (min-width: 960px){.pg .lead{font-size: 20px; line-height: 31px;}}
.pg .hero > .meta{display: inline-flex; align-items: center; gap: 8px; margin-top: 2px;}
.pg .hero > .meta::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ok-solid); box-shadow: 0 0 0 4px var(--ok-bg); flex: none;}
.pg .note-over{font-size: 14px; line-height: 21px; padding: 12px 14px; border-radius: 14px; background: var(--warn-bg); color: var(--ink); max-width: 760px;}
.pg .toc{display: flex; flex-wrap: nowrap; overflow: hidden; gap: 8px; margin: 8px -16px 0 0; padding: 0 16px 0 0; list-style: none;}
.pg .toc li{flex: none;}
.pg .toc a{display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border-radius: 999px; background: var(--card); color: var(--ink); font-size: 14px; font-weight: 600; box-shadow: 0 0 0 1px var(--line-2); white-space: nowrap;}
.pg .toc li:first-child a{background: var(--ink); color: var(--page); box-shadow: none;}
@media (min-width: 960px){.pg .hero.has-side .toc{display: none;}}
.pg .layout{display: flex; flex-direction: column; gap: 14px; padding-bottom: 36px;}
@media (min-width: 960px){.pg .layout{gap: 20px; padding-bottom: 64px;}}
.pg .with-side{display: flex; flex-direction: column; gap: 14px;}
.pg .side{display: none;}
@media (min-width: 960px){.pg .with-side{display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; align-items: start;}.pg .with-side > .col{display: flex; flex-direction: column; gap: 20px; min-width: 0;}.pg .side{display: flex; flex-direction: column; gap: 14px; position: sticky; top: 96px;}.pg .side .toc-v{list-style: none; margin: 0; padding: 10px; border-radius: 24px; background: var(--card); box-shadow: var(--shadow); border: 1px solid var(--card-line); counter-reset: tv;}.pg .side .toc-h{font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); padding: 8px 12px 6px;}.pg .side .toc-v li a{counter-increment: tv; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; color: var(--ink-2); font-size: 15px; font-weight: 600; line-height: 20px;}.pg .side .toc-v li a::before{content: counter(tv); width: 24px; height: 24px; flex: none; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: var(--wash-2); color: var(--muted);}.pg .side .toc-v li a{transition: background .2s ease, color .2s ease;}.pg .side .toc-v li a.on{background: var(--blue-wash); color: var(--blue-ink);}.pg .side .toc-v li a.on::before{background: var(--blue); color: #fff;}.pg .side .side-cta{padding: 20px; border-radius: 24px; background: var(--navy); color: var(--navy-ink); display: flex; flex-direction: column; gap: 8px; box-shadow: 0 18px 40px -22px rgba(15,23,54,.7);}.pg .side .side-cta b{font-size: 18px; line-height: 23px; letter-spacing: -.2px;}.pg .side .side-cta span{font-size: 14px; line-height: 20px; color: var(--navy-muted);}.pg .side .side-cta .btn{min-height: 44px; padding: 10px 18px; font-size: 15px; margin-top: 6px;}}
.pg .card{background: var(--card); border: 1px solid var(--card-line); border-radius: 24px; box-shadow: var(--shadow); padding: 20px 18px; min-width: 0;}
@media (min-width: 960px){.pg .card{padding: 32px 36px; border-radius: 28px;}}
.pg .sec-h{display: flex; align-items: center; gap: 14px; margin-bottom: 16px;}
@media (min-width: 960px){.pg .sec-h{margin-bottom: 20px;}}
.pg .prose{font-size: 16px; line-height: 26px; overflow-wrap: break-word; color: var(--ink);}
@media (min-width: 960px){.pg .prose{font-size: 17px; line-height: 28px;}}
.pg .prose > * + *{margin-top: 14px;}
.pg .prose p + p{margin-top: 12px;}
.pg .prose h3{margin-top: 22px; font-size: 18px; line-height: 24px;}
.pg .prose h3:first-child{margin-top: 0;}
.pg .prose ul,.pg .prose ol{padding-left: 22px; margin-bottom: 0;}
.pg .prose li + li{margin-top: 8px;}
.pg .prose li::marker{color: var(--faint);}
.pg .prose b,.pg .prose strong{font-weight: 700;}
.pg .prose u{text-decoration-thickness: 2px; text-underline-offset: 3px;}
.pg .prose table{border-collapse: separate; border-spacing: 0; width: 100%; font-size: 14px; line-height: 20px;}
@media (min-width: 960px){.pg .prose table{font-size: 15px; line-height: 22px;}}
.pg .prose th,.pg .prose td{padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line);}
.pg .prose th{font-weight: 700; color: var(--muted); font-size: 12px; letter-spacing: .6px; text-transform: uppercase; background: var(--card-2);}
.pg .prose tr:last-child td{border-bottom: 0;}
.pg .prose td.n,.pg .prose th.n{text-align: right; font-variant-numeric: tabular-nums;}
.pg .table-scroll{overflow: hidden; border-radius: 16px; border: 1px solid var(--line);}
@media (max-width: 959.98px){.pg .table-scroll table{min-width: 560px;}}
.pg .callout{padding: 16px 18px; border-radius: 18px; background: var(--blue-wash); font-size: 15px; line-height: 23px;}
@media (min-width: 960px){.pg .callout{font-size: 16px; line-height: 25px; padding: 18px 22px;}}
.pg .callout.ok{background: var(--ok-bg);}
.pg .callout.warn{background: var(--warn-bg);}
.pg .callout > * + *{margin-top: 8px;}
.pg .list-check,.pg .list-x,.pg .prose .list-check,.pg .prose .list-x{list-style: none; padding-left: 0;}
.pg .list-check li,.pg .list-x li{position: relative; padding-left: 36px;}
.pg .list-check li::before,.pg .list-x li::before{content: ""; position: absolute; left: 0; top: calc(.5lh - 12px); width: 24px; height: 24px; border-radius: 50%; background: var(--ok-bg);}
.pg .list-check li::after{content: ""; position: absolute; left: 7px; top: calc(.5lh - 12px + 8px); width: 10px; height: 6px; border-left: 2.4px solid var(--ok); border-bottom: 2.4px solid var(--ok); transform: rotate(-45deg);}
.pg .list-x li::before{background: var(--bad-bg);}
.pg .list-x li::after{content: "×"; position: absolute; left: 0; top: calc(.5lh - 12px); width: 24px; height: 24px; display: grid; place-items: center; color: var(--bad); font-weight: 700; font-size: 18px; line-height: 1;}
.pg .list-check li + li,.pg .list-x li + li{margin-top: 12px;}
.pg .steps,.pg .prose .steps{list-style: none; padding-left: 0; counter-reset: st; display: flex; flex-direction: column; gap: 10px;}
.pg .steps > li{counter-increment: st; position: relative; padding: 16px 18px 16px 62px; border-radius: 18px; background: var(--card-2); margin: 0;}
.pg .prose .steps > li + li{margin-top: 0;}
.pg .steps > li::before{content: counter(st); position: absolute; left: 16px; top: 15px; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--blue); color: #fff; font-weight: 700; font-size: 14px;}
.pg .steps > li > b:first-child{display: block; margin-bottom: 2px;}
.pg .cols{display: grid; grid-template-columns: 1fr; gap: 12px;}
@media (min-width: 960px){.pg .cols{grid-template-columns: 1fr 1fr; gap: 16px;}}
.pg .cols > *,.pg .prose .cols > *{margin: 0; min-width: 0;}
.pg .cols > div:not([class]){padding: 18px; border-radius: 18px; background: var(--card-2);}
.pg .cols > div:not([class]) > * + *{margin-top: 8px;}
.pg .cols > ul{padding: 18px 18px 18px 38px; border-radius: 18px; background: var(--card-2);}
.pg .figure{padding: 16px; border-radius: 18px; background: var(--card-2); text-align: center;}
.pg .figure svg{display: block; margin: 0 auto; height: auto; width: 100%; max-width: 380px;}
.pg .figure figcaption{font-size: 13px; color: var(--muted); margin-top: 8px;}
.pg .figure-wide svg{max-width: 760px;}
@media (max-width: 959.98px){.pg .figure-wide{overflow: hidden;}.pg .figure-wide svg{width: 640px; max-width: none;}}
.pg .facts{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
@media (min-width: 960px){.pg .facts{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;}.pg .facts.three{grid-template-columns: repeat(3, minmax(0, 1fr));}}
.pg .fact{display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px; border-radius: 18px; background: var(--card-2); min-width: 0;}
@media (min-width: 960px){.pg .fact{padding: 18px; flex-direction: row; align-items: center; gap: 14px;}}
.pg .fact > div{display: flex; flex-direction: column; min-width: 0;}
.pg .fact span{font-size: 13px; line-height: 18px; color: var(--muted);}
.pg .fact b{font-size: 17px; line-height: 23px; letter-spacing: -.2px; font-variant-numeric: tabular-nums;}
@media (min-width: 960px){.pg .fact b{font-size: 19px; line-height: 25px;}}
.pg .fact .tile{width: 38px; height: 38px; border-radius: 12px;}
.pg .fact .tile .ic{width: 21px; height: 21px;}
.pg .timeline,.pg .prose .timeline{list-style: none; padding: 0 0 0 30px; position: relative;}
.pg .timeline::before{content: ""; position: absolute; left: 8px; top: 10px; bottom: 10px; width: 2px; border-radius: 2px; background: var(--line-2);}
.pg .timeline > li{position: relative; padding: 0 0 4px;}
.pg .timeline > li + li{margin-top: 18px;}
.pg .timeline > li::before{content: ""; position: absolute; left: -28px; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--card); border: 2.5px solid var(--faint);}
.pg .timeline > li.tl-key::before{background: var(--blue); border-color: var(--blue); box-shadow: 0 0 0 5px var(--blue-wash);}
.pg .timeline > li > b{display: block; font-size: 16px;}
.pg .tl-when{display: block; font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--blue-ink);}
.pg .timeline > li:not(.tl-key) .tl-when{color: var(--muted);}
.pg .timestrip,.pg .prose .timestrip{list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
@media (min-width: 960px){.pg .timestrip{grid-template-columns: repeat(4, minmax(0, 1fr));}}
.pg .timestrip li,.pg .prose .timestrip li{margin: 0; padding: 14px 16px; border-radius: 18px; background: var(--card-2); display: flex; flex-direction: column; gap: 2px;}
.pg .timestrip li b{font-size: 20px; line-height: 26px; font-variant-numeric: tabular-nums;}
.pg .timestrip li span{font-size: 14px; line-height: 20px; color: var(--muted);}
.pg .timestrip li.hot{background: var(--bad-bg);}
.pg .timestrip li.hot b{color: var(--bad);}
.pg .shades{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
@media (min-width: 960px){.pg .shades{grid-template-columns: repeat(5, minmax(0, 1fr));}}
.pg .shade{padding: 14px 12px; border-radius: 18px; background: var(--card-2); text-align: center; font-size: 14px; line-height: 20px;}
.pg .shade svg{width: 100%; max-width: 140px; height: auto; display: block; margin: 0 auto 8px;}
.pg .shade b{display: block;}
.pg .shade span{color: var(--muted);}
.pg .shade.ok{background: var(--ok-bg);}
.pg .shade.ok b{color: var(--ok);}
.pg .shade.no b{color: var(--bad);}
.pg .tips{display: grid; grid-template-columns: 1fr; gap: 12px;}
@media (min-width: 960px){.pg .tips{grid-template-columns: 1fr 1fr; gap: 16px;}}
.pg .tip,.pg .prose .tip{padding: 18px; border-radius: 20px; background: var(--card-2); margin: 0; min-width: 0;}
.pg .tip > * + *{margin-top: 6px;}
.pg .tip p,.pg .tip li{font-size: 15px; line-height: 23px;}
.pg .tip ul{padding-left: 20px;}
.pg .tip-art{color: var(--fc); background: var(--card); border-radius: 14px; display: grid; place-items: center; padding: 12px 0 8px; margin: 0 0 12px;}
.pg .tip-art svg{display: block; width: 150px; height: 100px;}
.pg .tip-art .stp-q{font: 800 24px var(--font); fill: #fff;}
.pg .tip-art .stp-t{font: 800 20px var(--font);}
.pg .tip-art .stp-s{font: 600 11px var(--font);}
.pg .tip-n{display: block; font-size: 12px; font-weight: 700; letter-spacing: .8px; color: var(--blue-ink);}
.pg .tip .tip-why{font-size: 14px; line-height: 21px; padding: 10px 12px; border-radius: 12px; background: var(--card); margin-top: 10px;}
.pg .subj{padding: 18px; border-radius: 20px; background: var(--s-wash, var(--card-2));}
.pg .subj h3{color: var(--s-ink, var(--ink)); display: flex; align-items: center; gap: 10px;}
.pg .subj h3::before{content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--s, var(--blue)); flex: none;}
.pg .subj > * + *{margin-top: 8px;}
.pg .prose .sq-subj{margin-top: 24px; color: var(--muted); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700;}
.pg .sq{padding: 18px; border-radius: 20px; background: var(--card-2);}
.pg .sq-q{font-weight: 600; font-size: 16px; line-height: 24px;}
.pg .sq-ch,.pg .prose .sq-ch{list-style: none; padding: 0; margin-top: 12px; counter-reset: ch; display: grid; gap: 8px;}
@media (min-width: 960px){.pg .sq-ch{grid-template-columns: 1fr 1fr;}}
.pg .sq-ch li,.pg .prose .sq-ch li{counter-increment: ch; display: flex; gap: 12px; align-items: center; margin: 0; min-height: 48px; padding: 8px 12px; border-radius: 14px; background: var(--card); font-size: 15px; line-height: 21px; font-weight: 600; box-shadow: 0 0 0 1px var(--line);}
.pg .sq-ch li::before{content: counter(ch, upper-alpha); flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--blue-wash); font-weight: 700; font-size: 13px; color: var(--blue-ink);}
.pg .sq details{margin-top: 12px;}
.pg .sq summary{display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 6px 16px; border-radius: 999px; background: var(--blue-wash); color: var(--blue-ink); font-weight: 700; font-size: 14px; list-style: none;}
.pg .sq summary::-webkit-details-marker{display: none;}
.pg .sq details > p{font-size: 15px; line-height: 23px; margin-top: 8px;}
.pg .faq{border-top: 1px solid var(--line);}
.pg .faq details{border-bottom: 1px solid var(--line);}
.pg .faq details:last-child{border-bottom: 0;}
.pg .faq summary{display: flex; align-items: center; gap: 14px; padding: 16px 0; font-weight: 600; font-size: 16px; line-height: 23px; list-style: none;}
@media (min-width: 960px){.pg .faq summary{font-size: 17px; padding: 18px 0;}}
.pg .faq summary::-webkit-details-marker{display: none;}
.pg .faq summary .ic{margin-left: auto; width: 32px; height: 32px; padding: 6px; border-radius: 50%; background: var(--wash); color: var(--muted); transform: rotate(90deg);}
.pg .faq details[open] summary .ic{transform: rotate(-90deg); background: var(--blue-wash); color: var(--blue-ink);}
.pg .faq .a{padding: 0 46px 18px 0; color: var(--ink-2); font-size: 15px; line-height: 24px;}
@media (min-width: 960px){.pg .faq .a{font-size: 16px; line-height: 26px;}}
.pg .src{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 8px;}
@media (min-width: 960px){.pg .src{grid-template-columns: 1fr 1fr;}}
.pg .src a{display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--card-2); font-size: 15px; line-height: 21px; font-weight: 600;}
.pg .src .ic{width: 20px; height: 20px; color: var(--muted);}
.pg .related{display: grid; grid-template-columns: 1fr; gap: 10px;}
@media (min-width: 960px){.pg .related{grid-template-columns: 1fr 1fr; gap: 12px;}.pg .related.three{grid-template-columns: repeat(3, minmax(0, 1fr));}}
.pg .related a{display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 18px; background: var(--card-2); color: var(--ink); font-weight: 600; font-size: 15px; line-height: 21px; min-width: 0;}
.pg .related a span{margin-left: auto; font-size: 12px; font-weight: 700; color: var(--blue-ink); background: var(--blue-wash); padding: 3px 10px; border-radius: 999px; white-space: nowrap;}
.pg .related .ic{color: var(--faint); width: 20px; height: 20px;}
.pg .dx-strip{display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 22px; background: var(--navy); color: var(--navy-ink); box-shadow: 0 18px 40px -22px rgba(15,23,54,.7);}
.pg .dx-strip .tile{background: rgba(106,169,255,.18); color: #8FBFFF;}
.pg .dx-strip > span:nth-child(2){display: flex; flex-direction: column; min-width: 0;}
.pg .dx-strip b{font-size: 17px; line-height: 22px;}
.pg .dx-strip small{font-size: 14px; line-height: 20px; color: var(--navy-muted);}
.pg .dx-strip i{margin-left: auto; font-style: normal; font-weight: 700; white-space: nowrap; display: flex; align-items: center; gap: 2px; height: 40px; padding: 0 12px 0 16px; border-radius: 999px; background: var(--gold-grad); color: var(--on-gold); box-shadow: var(--gold-glow);}
@media (max-width: 959.98px){.pg .dx-strip i{padding: 0; width: 40px; justify-content: center; font-size: 0;}}
.pg .dates{display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14px; line-height: 20px; color: var(--muted);}
.pg .dates .count{display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-weight: 600;}
.pg .dates .count .ic{color: var(--blue-ink); width: 18px; height: 18px;}
.pg .dates a{font-weight: 700;}
.pg .card > .dates:first-child{margin-top: 0; padding-top: 0; border-top: 0;}
.pg .hook-h{margin: 22px 0 4px; display: flex; flex-direction: column; gap: 6px;}
.pg .hook-sub{color: var(--muted); font-size: 15px; line-height: 23px; max-width: 760px;}
.pg .hk-grid{display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 16px;}
@media (min-width: 960px){.pg .hk-grid{grid-template-columns: 1fr 1fr;}.pg .hk-grid.five{grid-template-columns: repeat(3, minmax(0, 1fr));}}
.pg .hk-col{padding: 14px; border-radius: 20px; background: var(--card-2); display: flex; flex-direction: column; gap: 8px; min-width: 0;}
.pg .hk-head{display: flex; align-items: center; gap: 10px; padding: 2px 2px 4px; font-weight: 700; font-size: 15px;}
.pg .hk-head .tile{background: var(--s-grad); color: #fff; width: 34px; height: 34px; border-radius: 11px;}
.pg .hk-head .tile .ic{width: 19px; height: 19px;}
.pg .hk-l{display: flex; flex-direction: column; padding: 12px 14px; border-radius: 14px; background: var(--card); color: var(--ink); box-shadow: 0 0 0 1px var(--line);}
.pg .hk-l span{font-weight: 600; font-size: 15px; line-height: 21px;}
.pg .hk-l small{font-size: 13px; color: var(--muted);}
.pg .subj-art{display: none;}
.pg .hk-grid.one{grid-template-columns: 1fr;}
.pg .hk-grid.one .hk-col{background: none; padding: 0;}
.pg .hk-grid.one .links{display: grid; grid-template-columns: 1fr; gap: 8px;}
@media (min-width: 960px){.pg .hk-grid.one .links{grid-template-columns: 1fr 1fr;}}
.pg .hub-hero{display: flex; flex-direction: column; gap: 18px; padding: 24px 0 18px;}
@media (min-width: 960px){.pg .hub-hero{display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 48px; align-items: center; padding: 56px 0 36px;}}
.pg .hub-hero .txt{display: flex; flex-direction: column; gap: 12px;}
.pg .hub-hero .btns{margin-top: 8px;}
.pg .sky{position: relative; overflow: hidden; border-radius: 28px; padding: 22px 20px 20px; background: var(--sky); color: #fff; box-shadow: 0 24px 50px -24px rgba(29,99,224,.7);}
@media (min-width: 960px){.pg .sky{padding: 28px 28px 24px; border-radius: 32px;}}
.pg .sky .sun{position: absolute; right: 22px; top: 18px; width: 64px; height: 64px; border-radius: 50%; background: radial-gradient(circle at 40% 40%, #FFF6C9, #FFE58A 70%); box-shadow: 0 0 40px 10px rgba(255,236,150,.45);}
:root[data-theme="dark"] .pg .sky .sun{background: radial-gradient(circle at 40% 40%, #F4F1E6, #D9D4C2 70%); box-shadow: 0 0 30px 6px rgba(240,236,220,.25); width: 48px; height: 48px;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg .sky .sun{background: radial-gradient(circle at 40% 40%, #F4F1E6, #D9D4C2 70%); box-shadow: 0 0 30px 6px rgba(240,236,220,.25); width: 48px; height: 48px;}}
.pg .sky .cl{position: absolute; height: 18px; border-radius: 12px; background: rgba(255,255,255,.28); filter: blur(4px);}
.pg .sky .k{font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(255,255,255,.86); position: relative;}
.pg .sky h2{position: relative; margin-top: 6px; padding-right: 64px; font-size: 24px; line-height: 30px; color: #fff;}
@media (min-width: 960px){.pg .sky h2{padding-right: 96px; font-size: 30px; line-height: 36px; letter-spacing: -.6px;}}
.pg .sky h2 em{font-style: normal; color: #FFE58A;}
.pg .cd{position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 18px;}
.pg .cd div{padding: 12px 4px 10px; border-radius: 16px; background: rgba(8,30,90,.28); border: 1px solid rgba(255,255,255,.2); text-align: center; display: flex; flex-direction: column;}
.pg .cd b{font-size: 30px; line-height: 34px; font-variant-numeric: tabular-nums; letter-spacing: -.5px;}
@media (min-width: 960px){.pg .cd b{font-size: 38px; line-height: 42px;}}
.pg .cd span{font-size: 13px; color: rgba(255,255,255,.85);}
.pg .sky .chips{position: relative; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;}
.pg .sky .chip{display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: 999px; background: rgba(8,30,90,.3); border: 1px solid rgba(255,255,255,.22); font-size: 14px; font-weight: 600; color: #fff;}
.pg .sky .chip .ic{width: 17px; height: 17px;}
.pg .grp-t{font-size: 21px; line-height: 27px; font-weight: 700; letter-spacing: -.3px; margin: 22px 2px 2px;}
@media (min-width: 960px){.pg .grp-t{font-size: 26px; line-height: 32px; margin: 34px 0 4px;}}
.pg .groups{display: flex; flex-direction: column; gap: 12px;}
.pg .hub-grid{display: flex; flex-direction: column; border-radius: 24px; background: var(--card); box-shadow: var(--shadow); border: 1px solid var(--card-line); overflow: hidden;}
@media (min-width: 960px){.pg .hub-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; background: none; box-shadow: none; border: 0; border-radius: 0; overflow: visible;}}
.pg .gcard{display: flex; align-items: flex-start; gap: 14px; padding: 16px; color: var(--ink); min-width: 0; position: relative;}
.pg .gcard + .gcard{border-top: 1px solid var(--line);}
@media (min-width: 960px){.pg .gcard{flex-direction: column; padding: 24px; border-radius: 24px; background: var(--card); box-shadow: var(--shadow); border: 1px solid var(--card-line); gap: 12px;}.pg .gcard + .gcard{border-top: 1px solid var(--card-line);}}
.pg .gcard > div{display: flex; flex-direction: column; gap: 4px; min-width: 0;}
.pg .gcard h3{font-size: 16px; line-height: 22px;}
@media (min-width: 960px){.pg .gcard h3{font-size: 18px; line-height: 24px;}}
.pg .gcard p{font-size: 14px; line-height: 20px; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
@media (min-width: 960px){.pg .gcard p{-webkit-line-clamp: 3; font-size: 15px; line-height: 22px;}}
.pg .gcard .more{display: none;}
@media (min-width: 960px){.pg .gcard .more{display: flex; margin-top: auto; font-size: 15px; font-weight: 700; color: var(--blue-ink); align-items: center; gap: 2px; padding-top: 4px;}}
.pg .show{display: flex; flex-direction: column; gap: 18px;}
@media (min-width: 960px){.pg .show{display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: center;}}
.pg .show p{color: var(--muted); font-size: 15px; line-height: 23px;}
@media (min-width: 960px){.pg .show p{font-size: 17px; line-height: 27px;}}
.pg .stage{position: relative; display: flex; justify-content: center; align-items: flex-end; padding: 22px 12px 0; border-radius: 22px; background: var(--card-2); overflow: hidden;}
@media (min-width: 960px){.pg .stage{padding: 32px 28px 0; border-radius: 26px;}}
.pg .mac{width: 86%; border-radius: 12px 12px 0 0; padding: 8px 8px 0; background: #1E1F24; box-shadow: 0 20px 40px -24px rgba(15,23,54,.6);}
.pg .mac img{display: block; width: 100%; border-radius: 6px 6px 0 0;}
.pg .phone{position: absolute; right: 6%; bottom: 0; width: 26%; border-radius: 26px 26px 0 0; padding: 6px 6px 0; background: #1E1F24; box-shadow: 0 20px 40px -20px rgba(15,23,54,.7);}
@media (min-width: 960px){.pg .phone{border-radius: 34px 34px 0 0; padding: 8px 8px 0;}}
.pg .phone img{display: block; width: 100%; border-radius: 21px 21px 0 0;}
@media (min-width: 960px){.pg .phone img{border-radius: 27px 27px 0 0;}}
.pg .phone.solo{position: static; width: 46%;}
.pg .tab{width: 92%; border-radius: 18px 18px 0 0; padding: 10px 10px 0; background: #1E1F24; box-shadow: 0 20px 40px -24px rgba(15,23,54,.6);}
.pg .tab img{display: block; width: 100%; border-radius: 9px 9px 0 0;}
.pg .ls-head{display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 24px; background: var(--s-grad); color: #fff; margin-bottom: 12px; box-shadow: 0 18px 36px -24px var(--s);}
@media (min-width: 960px){.pg .ls-head{padding: 24px 28px; border-radius: 28px; margin-bottom: 16px;}}
.pg .ls-head .tile{background: rgba(255,255,255,.22); color: #fff;}
.pg .ls-head h2{color: #fff;}
.pg .ls-head .cnt{margin-left: auto; font-size: 14px; font-weight: 600; color: rgba(255,255,255,.88); white-space: nowrap;}
.pg .ls-grid{display: grid; grid-template-columns: 1fr; gap: 10px;}
@media (min-width: 960px){.pg .ls-grid{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}}
.pg .ls-card{display: flex; flex-direction: column; gap: 6px; padding: 18px; border-radius: 20px; background: var(--card); color: var(--ink); min-width: 0; box-shadow: var(--shadow-sm); border: 1px solid var(--card-line);}
@media (min-width: 960px){.pg .ls-card{padding: 22px; border-radius: 22px;}}
.pg .ls-n{font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--s-ink);}
.pg .ls-card b{font-size: 16px; line-height: 22px;}
@media (min-width: 960px){.pg .ls-card b{font-size: 17px; line-height: 23px;}}
.pg .ls-meta{font-size: 13px; color: var(--muted);}
.pg .ls-sum{font-size: 14px; line-height: 21px; color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.pg .ls-card .more{margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 700; color: var(--s-ink, var(--blue-ink)); display: flex; align-items: center; gap: 2px;}
.pg .lsg{margin-top: 10px;}
.pg .cta{background: var(--navy); color: var(--navy-ink); border-color: transparent; display: flex; flex-direction: column; gap: 6px;}
.pg .cta p{color: var(--navy-muted); margin-top: 6px;}
.pg .cta .btn.ghost{background: rgba(255,255,255,.1); color: var(--navy-ink); box-shadow: 0 0 0 1px var(--navy-line);}
@media (min-width: 960px){.pg .cta{flex-direction: row; align-items: center; justify-content: space-between; gap: 28px;}.pg .cta .btns{margin-top: 0; flex: none;}}
.pg .lp-hero{padding: 24px 0 20px; display: flex; flex-direction: column; gap: 10px;}
@media (min-width: 960px){.pg .lp-hero{padding: 48px 0 30px; gap: 14px; max-width: 860px;}}
.pg .lp-hero .kicker{color: var(--s-ink); display: inline-flex; align-items: center; gap: 8px;}
.pg .lp-hero .kicker::before{content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--s);}
.pg .lp > h3 + p{margin-top: 8px;}
.pg .prose .lp-rule,.pg .prose .lp-ex{margin-top: 20px; padding: 18px; border-radius: 20px; background: var(--card-2); display: flex; flex-direction: column; gap: 6px;}
.pg .prose .lp-rule{background: var(--s-wash);}
.pg .lp-rk{font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--s-ink);}
.pg .lp-q{font-weight: 600; margin-top: 4px;}
.pg .lp-ch,.pg .prose .lp-ch{list-style: none; padding: 0; counter-reset: ch; display: grid; gap: 8px; margin: 6px 0 0;}
@media (min-width: 960px){.pg .lp-ch{grid-template-columns: 1fr 1fr;}}
.pg .lp-ch li,.pg .prose .lp-ch li{counter-increment: ch; display: flex; gap: 12px; align-items: center; margin: 0; min-height: 48px; padding: 8px 12px; border-radius: 14px; background: var(--card); font-size: 15px; font-weight: 600; box-shadow: 0 0 0 1px var(--line);}
.pg .lp-ch li::before{content: counter(ch, upper-alpha); flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--s-wash); font-weight: 700; font-size: 13px; color: var(--s-ink);}
.pg .lp-step{margin-top: 6px; font-size: 15px; line-height: 23px; padding: 12px 14px; border-radius: 14px; background: var(--card);}
.pg .lp-step span{display: block; font-weight: 700; font-size: 12px; letter-spacing: .6px; text-transform: uppercase; color: var(--muted); margin-bottom: 2px;}
.pg .prose .lp-locked{display: flex; flex-direction: column; gap: 10px; margin-top: 20px; padding: 4px 2px; -webkit-mask-image: linear-gradient(180deg, #000 10%, transparent); mask-image: linear-gradient(180deg, #000 10%, transparent);}
.pg .lp-locked span{display: block; height: 12px; border-radius: 6px; background: var(--wash-2);}
.pg .lp-locked span.s{width: 62%;}
.pg .prose .lp-gate{margin-top: 6px; padding: 24px 20px; border-radius: 24px; background: var(--navy); color: var(--navy-ink); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px;}
.pg .lp-gate .ic{width: 30px; height: 30px; color: #FFE58A;}
.pg .lp-gate b{font-size: 19px;}
.pg .lp-gate p{color: var(--navy-muted); font-size: 15px;}
.pg .lp-gate .btn{margin-top: 10px; min-width: 220px; background: var(--gold-grad); color: var(--on-gold); box-shadow: var(--gold-glow);}
.pg .lp-out{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 8px;}
@media (min-width: 960px){.pg .lp-out{grid-template-columns: 1fr 1fr;}}
.pg .lp-out li{display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--card-2); font-size: 15px; line-height: 21px; font-weight: 600;}
.pg .lp-out .ic{color: var(--ok); width: 20px; height: 20px;}
.pg .offer{display: flex; flex-direction: column; gap: 20px; background: var(--navy); color: var(--navy-ink); border-color: transparent; box-shadow: 0 30px 60px -30px rgba(15,23,54,.75);}
@media (min-width: 960px){.pg .offer{display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 40px; align-items: center; padding: 40px 44px;}}
.pg .offer-amt{display: block; font-size: 60px; line-height: 64px; font-weight: 700; letter-spacing: -2px; font-variant-numeric: tabular-nums;}
@media (min-width: 960px){.pg .offer-amt{font-size: 76px; line-height: 80px;}}
.pg .offer-per{display: block; color: var(--navy-muted); font-size: 16px; margin-bottom: 16px;}
.pg .offer .list-check li{color: var(--navy-ink);}
.pg .offer .list-check li::before{background: rgba(74,222,128,.18);}
.pg .offer .list-check li::after{border-color: #4ADE80;}
.pg .offer-act{display: flex; flex-direction: column; gap: 10px;}
.pg .offer-act .btn.primary{background: var(--gold-grad); color: var(--on-gold); box-shadow: var(--gold-glow);}
.pg .offer-act .btn.ghost{background: rgba(255,255,255,.1); color: var(--navy-ink); box-shadow: 0 0 0 1px var(--navy-line);}
.pg .offer-act .meta{color: var(--navy-muted); text-align: center;}
.pg .offer-act .meta a{color: #8FBFFF;}
.pg .tour{display: flex; flex-direction: column; gap: 14px;}
@media (min-width: 960px){.pg .tour{gap: 20px;}}
.pg .tour-head{padding: 24px 0 6px; display: flex; flex-direction: column; gap: 8px;}
@media (min-width: 960px){.pg .tour-head{padding: 40px 0 10px; align-items: center; text-align: center;}}
.pg .tour-head h2{font-size: 28px; line-height: 34px; letter-spacing: -.8px;}
@media (min-width: 960px){.pg .tour-head h2{font-size: 44px; line-height: 50px; letter-spacing: -1.4px;}}
.pg .tour-head p{color: var(--muted); max-width: 640px;}
@media (min-width: 960px){.pg .tour-head p{font-size: 18px; line-height: 28px;}}
.pg .tour-item{background: var(--card); border: 1px solid var(--card-line); border-radius: 28px; box-shadow: var(--shadow); padding: 22px 18px 0; display: flex; flex-direction: column; gap: 18px; overflow: hidden;}
@media (min-width: 960px){.pg .tour-item{display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 40px; align-items: center; padding: 0 0 0 40px;}}
.pg .tour-text{display: flex; flex-direction: column; gap: 8px;}
@media (min-width: 960px){.pg .tour-text{padding: 40px 0;}}
.pg .tour-n{font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--c);}
.pg .tour-text h3{font-size: 22px; line-height: 28px; letter-spacing: -.4px;}
@media (min-width: 960px){.pg .tour-text h3{font-size: 28px; line-height: 34px; letter-spacing: -.6px;}}
.pg .tour-text p{color: var(--muted); font-size: 15px; line-height: 23px;}
.pg .tour-text ul{margin: 4px 0 0; padding-left: 20px; font-size: 15px; line-height: 23px;}
.pg .tour-text li + li{margin-top: 4px;}
.pg .tour-stage{display: flex; justify-content: center; align-items: flex-end; gap: 10px; padding: 20px 14px 0; background: var(--card-2); border-radius: 22px 22px 0 0; margin: 0 -2px; overflow: hidden;}
@media (min-width: 960px){.pg .tour-stage{border-radius: 0; margin: 0; padding: 36px 36px 0; align-self: stretch;}}
.pg .tour-stage .shot{display: block; width: 100%;}
.pg .stats{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px;}
@media (min-width: 960px){.pg .stats{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;}}
.pg .stats > div{padding: 16px; border-radius: 18px; background: var(--card-2); display: flex; flex-direction: column;}
.pg .stats b{font-size: 26px; line-height: 32px; font-variant-numeric: tabular-nums; letter-spacing: -.5px;}
.pg .stats span{font-size: 13px; line-height: 18px; color: var(--muted);}
.pg .feat-grid{display: grid; grid-template-columns: 1fr; gap: 10px;}
@media (min-width: 960px){.pg .feat-grid{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}.pg .feat-grid.two-up{grid-template-columns: 1fr 1fr;}}
.pg .feat{display: flex; gap: 14px; align-items: flex-start; padding: 16px; border-radius: 18px; background: var(--card-2); min-width: 0;}
.pg .feat > div{display: flex; flex-direction: column; gap: 2px; min-width: 0;}
.pg .feat b{font-size: 15px; line-height: 21px;}
.pg .feat span{font-size: 14px; line-height: 20px; color: var(--muted);}
.pg .feat .tile{width: 38px; height: 38px; border-radius: 12px;}
.pg .feat .tile .ic{width: 21px; height: 21px;}
.pg .legal p + p{margin-top: 14px;}
.pg .dreq{display: flex; flex-direction: column; gap: 12px; margin: 18px 0; padding: 18px; border-radius: 20px; background: var(--card, #fff); border: 1px solid var(--line, #E2E5EA);}
.pg .dreq label{display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 600;}
.pg .dreq input,.pg .dreq textarea{font: inherit; font-weight: 400; font-size: 16px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line, #C9CED6); background: transparent; color: inherit;}
.pg .dreq button{align-self: flex-start; min-height: 48px; padding: 0 22px; border: 0; border-radius: 24px; background: #D32F2F; color: #fff; font: inherit; font-weight: 700; cursor: pointer;}
.pg .dreq button:disabled{opacity: .6;}
.pg .dmsg{margin: 0; font-size: 14px;}
.pg .dmsg.ok{color: #177A42;}
.pg .dmsg.bad{color: #C2272D;}
.pg .dx-intro{display: flex; flex-direction: column; gap: 18px;}
.pg .dx-lv{display: grid; grid-template-columns: 1fr; gap: 10px;}
@media (min-width: 960px){.pg .dx-lv{grid-template-columns: 1fr 1fr; gap: 14px;}}
.pg .dx-pick{display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 20px; background: var(--card-2); box-shadow: 0 0 0 1.5px var(--line); width: 100%;}
.pg .dx-pick:first-child{box-shadow: 0 0 0 2px var(--blue); background: var(--blue-wash);}
.pg .dx-pick > span:nth-child(2){display: flex; flex-direction: column; min-width: 0;}
.pg .dx-pick b{font-size: 17px; line-height: 23px;}
.pg .dx-pick small{font-size: 14px; line-height: 20px; color: var(--muted);}
.pg .dx-pick > .ic{margin-left: auto; color: var(--blue-ink);}
.pg .dx-top{display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 13px; font-weight: 700; color: var(--muted);}
.pg .dx-top .dx-sub{color: var(--s-ink, var(--blue-ink)); text-transform: uppercase; letter-spacing: 1px; font-size: 12px;}
.pg .pills{display: flex; gap: 4px; margin: 12px 0 20px;}
.pg .pills i{flex: 1; height: 6px; border-radius: 3px; background: var(--wash-2);}
.pg .pills i.done{background: var(--s, var(--blue));}
.pg .pills i.cur{background: var(--s, var(--blue));}
.pg .dx-q{font-size: 18px; line-height: 27px; font-weight: 600; overflow-wrap: anywhere;}
@media (min-width: 960px){.pg .dx-q{font-size: 21px; line-height: 31px;}}
.pg .dx-q b{font-weight: 800;}
.pg .dx-group{padding: 16px; border-radius: 18px; background: var(--card-2); margin-bottom: 14px; font-size: 15px; line-height: 23px;}
.pg .dx-ch{list-style: none; padding: 0; margin: 18px 0 0; display: grid; grid-template-columns: 1fr; gap: 8px;}
@media (min-width: 960px){.pg .dx-ch.short{grid-template-columns: 1fr 1fr; gap: 10px;}}
.pg .dx-c{width: 100%; display: flex; align-items: center; gap: 12px; text-align: left; padding: 8px 14px; min-height: 56px; border-radius: 18px; background: var(--card-2); box-shadow: 0 0 0 1px var(--line); font-size: 16px; line-height: 21px; font-weight: 600;}
.pg .dx-c.on{box-shadow: 0 0 0 2px var(--blue); background: var(--blue-wash);}
.pg .dx-k{flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--blue-wash); color: var(--blue-ink); font-weight: 700; font-size: 13px;}
.pg .dx-c.on .dx-k{background: var(--blue); color: #fff;}
.pg .dx-nav{display: flex; justify-content: space-between; gap: 10px; margin-top: 20px;}
.pg .dx-nav .btn{min-width: 132px;}
.pg .dx-score{display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
.pg .dx-ring{--p: 0; width: 120px; height: 120px; flex: none; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--blue) calc(var(--p) * 1%), var(--wash-2) 0); position: relative;}
.pg .dx-ring::before{content: ""; position: absolute; inset: 11px; border-radius: 50%; background: var(--card);}
.pg .dx-ring b{position: relative; font-size: 36px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -1px;}
.pg .dx-ring small{font-size: 16px; color: var(--muted); font-weight: 600;}
.pg .dx-score > div:last-child{flex: 1 1 240px; display: flex; flex-direction: column; gap: 4px;}
.pg .dx-score p{color: var(--muted);}
.pg .dx-res h3{margin: 24px 0 12px;}
.pg .dx-bars{display: flex; flex-direction: column; gap: 12px;}
.pg .dx-row{display: grid; grid-template-columns: minmax(0, 140px) 1fr 48px; gap: 12px; align-items: center; font-size: 14px; font-weight: 600;}
.pg .dx-row i{height: 10px; border-radius: 5px; background: var(--wash-2); overflow: hidden; display: block;}
.pg .dx-row i b{display: block; height: 100%; border-radius: 5px; background: var(--s, var(--blue));}
.pg .dx-row em{font-style: normal; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums;}
.pg .dx-recs{display: grid; grid-template-columns: 1fr; gap: 8px;}
@media (min-width: 960px){.pg .dx-recs{grid-template-columns: repeat(3, minmax(0, 1fr));}}
.pg .dx-key{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 8px;}
@media (min-width: 960px){.pg .dx-key{grid-template-columns: repeat(3, minmax(0, 1fr));}}
.pg .dx-key li{display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; background: var(--card-2); font-size: 14px; line-height: 19px;}
.pg .dx-key li > span:nth-child(2){display: flex; flex-direction: column; min-width: 0; color: var(--muted);}
.pg .dx-key li > span:nth-child(2) b{color: var(--ink);}
.pg .dx-mk{width: 28px; height: 28px; flex: none; border-radius: 50%; display: grid; place-items: center; background: var(--ok-bg); color: var(--ok);}
.pg .dx-mk .ic{width: 17px; height: 17px;}
.pg .dx-key li.no .dx-mk{background: var(--bad-bg); color: var(--bad);}
.pg .dx-xbtn{margin-left: auto; font-size: 13px; font-weight: 700; color: var(--blue-ink); padding: 6px 12px; border-radius: 999px; background: var(--blue-wash); white-space: nowrap;}
.pg .dx-unlock{margin-top: 24px; padding: 22px; border-radius: 24px; background: var(--navy); color: var(--navy-ink);}
.pg .dx-unlock p{color: var(--navy-muted); margin-top: 6px;}
.pg .dx-unlock p b{color: var(--navy-ink);}
.pg .dx-unlock .btn.primary{background: var(--gold-grad); color: var(--on-gold); box-shadow: var(--gold-glow);}
.pg .dx-unlock .btn.ghost{background: rgba(255,255,255,.1); color: var(--navy-ink); box-shadow: 0 0 0 1px var(--navy-line);}
.pg .dx-more{display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 14px; font-size: 14px;}
.pg .dx-link{color: #8FBFFF; font-weight: 700;}
.pg .dx-note{color: var(--navy-muted); flex-basis: 100%;}
.pg .dx-res > .meta{margin-top: 16px;}
.pg .gx-ch{list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 8px;}
@media (min-width: 960px){.pg .gx-ch{grid-template-columns: 1fr 1fr; gap: 10px;}}
.pg .gx-ch li{display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px 14px; border-radius: 18px; background: var(--card-2); box-shadow: 0 0 0 1px var(--line); font-size: 16px; font-weight: 600; opacity: .62;}
.pg .gx-ch li em{margin-left: auto; font-style: normal; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px;}
.pg .gx-ch li.right{opacity: 1; background: var(--ok-bg); box-shadow: 0 0 0 2px var(--ok-solid);}
.pg .gx-ch li.right em{color: var(--ok);}
.pg .gx-ch li.right .dx-k{background: var(--ok-solid); color: #fff;}
.pg .gx-ch li.wrong{opacity: 1; background: var(--bad-bg); box-shadow: 0 0 0 2px var(--gi);}
.pg .gx-ch li.wrong em{color: var(--bad);}
.pg .gx-ch li.wrong .dx-k{background: var(--gi); color: #fff;}
.pg .try-v{display: flex; flex-direction: column; gap: 12px; margin-top: 18px;}
.pg .gx-card{border-radius: 22px; padding: 18px; display: flex; flex-direction: column; gap: 12px; background: var(--ok-bg);}
.pg .gx-card.no{background: var(--bad-bg);}
.pg .gx-verdict{display: flex; gap: 12px; align-items: center; font-size: 16px; line-height: 23px;}
.pg .gx-verdict b{font-size: 18px;}
.pg .gx-mk{width: 34px; height: 34px; flex: none; border-radius: 50%; display: grid; place-items: center; background: var(--ok-solid); color: #fff;}
.pg .gx-card.no .gx-mk{background: var(--gi);}
.pg .gx-mk .ic{width: 20px; height: 20px;}
.pg .gx-key{display: inline-flex; align-items: center; gap: 6px; font-weight: 700;}
.pg .gx-key .dx-k{width: 24px; height: 24px; font-size: 12px; background: var(--card);}
.pg .gx-mine{display: flex; flex-direction: column; gap: 2px; padding: 14px; border-radius: 16px; background: var(--card); font-size: 15px; line-height: 22px;}
.pg .gx-trap{font-weight: 700; color: var(--bad);}
.pg .gx-sol{padding: 16px; border-radius: 16px; background: var(--card); font-size: 15px; line-height: 23px; display: flex; flex-direction: column; gap: 10px;}
.pg .gx-sol .fig{padding: 0; border: 0; background: none;}
.pg .gx-sol-h{display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--gold-ink);}
.pg .gx-sol-h::before{content: ""; width: 10px; height: 10px; border-radius: 50%; background: #F5C400;}
.pg .gx-steps ol{margin: 8px 0 0; padding-left: 0; list-style: none; counter-reset: gs; display: flex; flex-direction: column; gap: 8px;}
.pg .gx-steps li{counter-increment: gs; display: flex; gap: 10px;}
.pg .gx-steps li::before{content: counter(gs); flex: none; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--gi); color: #fff; font-size: 12px; font-weight: 700;}
.pg .gx-tip{padding: 12px 14px; border-radius: 14px; background: var(--gold-wash);}
.pg .gx-tip span{display: block; font-size: 12px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--gold-ink);}
.pg .gx-other summary{font-weight: 700; font-size: 14px; list-style: none; color: var(--blue-ink);}
.pg .gx-other ul{list-style: none; padding: 0; margin: 8px 0 0; display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 21px;}
.pg .gx-other li{display: flex; gap: 8px;}
.pg .gx-cta{padding: 20px; border-radius: 22px; background: var(--navy); color: var(--navy-ink); display: flex; flex-direction: column; gap: 4px;}
.pg .gx-cta span{color: var(--navy-muted); font-size: 14px; line-height: 21px;}
.pg .gx-cta .btns{margin-top: 12px;}
.pg .gx-cta .btn.primary{background: var(--gold-grad); color: var(--on-gold); box-shadow: var(--gold-glow);}
.pg .gx-cta .btn.ghost{background: rgba(255,255,255,.1); color: var(--navy-ink); box-shadow: 0 0 0 1px var(--navy-line);}
.pg .fig{overflow: hidden; max-width: 100%; border-radius: 14px; background: var(--card); padding: 12px;}
.pg .fig figure{margin: 0;}
.pg .fig table{border-collapse: collapse; width: 100%; font-size: 14px;}
.pg .fig th,.pg .fig td{border: 1px solid var(--line-2); padding: 6px 8px; text-align: left;}
.pg .solo{max-width: 820px; margin: 0 auto; width: 100%;}
.pg .app-row{display: flex; align-items: flex-start; gap: 16px; padding: 18px; border-radius: 22px; background: var(--card); box-shadow: var(--shadow-sm); border: 1px solid var(--card-line); flex-wrap: wrap;}
@media (min-width: 960px){.pg .app-row{padding: 24px;}}
.pg .app-row.mine{box-shadow: 0 0 0 2px var(--blue), var(--shadow-sm);}
.pg .app-row > div{display: flex; flex-direction: column; min-width: 0; flex: 1 1 220px; gap: 2px;}
.pg .app-row b{font-size: 17px; line-height: 23px;}
.pg .app-row small{color: var(--muted); font-size: 14px; line-height: 20px;}
.pg .app-row .btns{margin: 0;}
.pg .app-row ol{margin: 10px 0 0; padding-left: 20px; font-size: 14px; line-height: 22px; color: var(--ink-2);}
.pg .code-row{display: flex; gap: 8px; align-items: center; margin-top: 10px;}
.pg .code-row .code{margin: 0; flex: 1; min-width: 0;}
.pg .copy{flex: none; height: 40px; padding: 0 16px; border-radius: 999px; background: var(--blue-wash); color: var(--blue-ink); font-weight: 700; font-size: 14px;}
.pg .code{display: block; font: 600 13px/20px ui-monospace, "SF Mono", Menlo, monospace; padding: 10px 12px; border-radius: 12px; background: var(--card-2); overflow: hidden; white-space: nowrap; margin-top: 8px; color: var(--ink);}
.pg .app-list{display: flex; flex-direction: column; gap: 12px;}
.pg .ch-card{display: flex; flex-direction: column; gap: 16px;}
.pg .ch-top{display: flex; align-items: center; gap: 14px;}
.pg .ch-top .tile{background: var(--s-grad); color: #fff; width: 52px; height: 52px; border-radius: 16px;}
.pg .podium{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;}
.pg .podium li{display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: var(--card-2);}
.pg .podium .rk{width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 14px; flex: none;}
.pg .podium li:nth-child(1) .rk{background: var(--gold-grad); color: #3D3300;}
.pg .podium li:nth-child(2) .rk{background: #D9DEE7; color: #33415C;}
.pg .podium li:nth-child(3) .rk{background: #F2C29B; color: #6B3A12;}
.pg .podium .av{width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 14px; color: #fff; flex: none;}
.pg .podium b{font-size: 16px;}
.pg .podium span{margin-left: auto; font-size: 14px; color: var(--muted); font-variant-numeric: tabular-nums; font-weight: 600;}
@media (min-width: 960px){.pg .round.th{display: grid;}}
.pg span.mac,.pg span.phone,.pg span.tab{display: block;}
.pg .ls-head .sec-h{margin: 0;}
.pg .lsg.card{background: none; border: 0; box-shadow: none; padding: 0; border-radius: 0;}
.pg .tour-stage.three{gap: 12px;}
.pg .tour-stage.three .shot{width: 31%;}
.pg .tour-stage .shot.pdf{width: 90%;}
.pg .tour-stage .shot.pdf img{display: block; width: 100%;}
.pg .tour-stage .phone.solo{width: 44%;}
@media (min-width: 960px){.pg .tour-stage .phone.solo{width: 36%;}.pg .tour-stage.three .phone.solo{width: 31%;}}
.pg .hook .hk-grid.five .hk-col:nth-child(n+4){display: none;}
@media (min-width: 960px){.pg .hook .hk-grid.five .hk-col:nth-child(n+4){display: flex;}.pg .hook .hk-grid.five{grid-template-columns: repeat(5, minmax(0, 1fr));}.pg .with-side .hook .hk-grid.five{grid-template-columns: repeat(3, minmax(0, 1fr));}.pg .with-side .hook .hk-grid.five .hk-col:nth-child(n+4){display: none;}}
.pg .sec-h h2{min-width: 0;}
.pg .chal{display: flex; flex-direction: column; gap: 14px;}
.pg .rtv{box-sizing:border-box;max-width:100%;min-width:0;margin:14px 0;padding:12px;border:1px solid var(--rtv-line);border-radius:14px;background:var(--rtv-bg);overflow:hidden}
.pg .rtv figcaption{font-size:13px;color:var(--rtv-muted);margin-top:6px}
.pg .rtv-svg{display:block;margin:0 auto;height:auto}
.pg .rtv-calc{display:grid;gap:6px;font-size:14px}
.pg .rtv-calc-row{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start}
.pg .rtv-calc-k{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--rtv-muted);padding-top:2px}
.pg .foot{margin-top: 8px; padding: 28px 0 36px; border-top: 1px solid var(--line);}
@media (min-width: 960px){.pg .foot{padding: 44px 0 52px;}}
.pg .foot-in{display: flex; flex-direction: column; gap: 16px;}
@media (min-width: 960px){.pg .foot-row{display: flex; justify-content: space-between; align-items: center; gap: 24px;}}
.pg .foot .brand{margin: 0; font-size: 16px;}
.pg .foot .brand img{width: 32px; height: 32px; border-radius: 9px;}
.pg .foot .tag{font-weight: 700; font-size: 18px; letter-spacing: -.2px; color: var(--ink);}
.pg .foot p{font-size: 13px; line-height: 20px; color: var(--muted); max-width: 820px;}
.pg .foot nav{display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14px;}
.pg .foot nav a{color: var(--ink-2); font-weight: 600;}
.pg .foot .na{font-weight: 700; color: var(--ink-2);}
.rtv{box-sizing:border-box;max-width:100%;min-width:0;margin:14px 0;padding:12px;border:1px solid var(--rtv-line,#d6dbe4);border-radius:12px;background:var(--rtv-bg,#fff);overflow-x:auto}
.rtv figcaption{font-size:13px;color:var(--rtv-muted,#6b7280);margin-top:6px}
.rtv-svg{display:block;margin:0 auto;height:auto}
.rtv-table{border-collapse:collapse;width:100%;font-size:14px;table-layout:auto}
.rtv-table td,.rtv-table th{overflow-wrap:break-word}
.rtv-table th,.rtv-table td{border:1px solid var(--rtv-line,#d6dbe4);padding:6px 9px;text-align:left;vertical-align:top}
.rtv-table th{background:var(--rtv-fill,#eef3ff)}
.rtv-hi{background:rgba(37,99,235,.14);font-weight:600}
.rtv-tablewrap{width:100%;max-width:100%;overflow-x:auto}
.rtv-calc{display:grid;gap:6px;font-size:14px}
.rtv-calc-row{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start}
.rtv-calc-k{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--rtv-muted,#6b7280);padding-top:2px}
.rtv-calc-f{font-family:ui-monospace,Menlo,Consolas,monospace}
.rtv-calc-steps{margin:0;padding-left:18px;font-family:ui-monospace,Menlo,Consolas,monospace}
.rtv-calc-res b{color:var(--rtv-good,#15803d)}
.rtv-chip{display:inline-block;padding:2px 8px;margin:0 4px 4px 0;border-radius:10px;background:var(--rtv-fill,#eef3ff)}
.rtv-note{font-size:12px;color:var(--rtv-warn,#b45309);text-align:center}
.rtv-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-size:12px;margin-top:4px}
.rtv-lg{padding:1px 8px;border-radius:10px;border:2px solid}
.rtv-confirmed{border-color:var(--rtv-good,#15803d)}
.rtv-determined{border-color:var(--rtv-accent,#2563eb);border-style:dashed}
.rtv-unknown{border-color:var(--rtv-muted,#6b7280);border-style:dotted}
.rtv-rule-steps{margin:0;padding-left:18px}
.rtv-rule-trap .rtv-chip{text-decoration:line-through;text-decoration-color:var(--rtv-warn,#b45309)}
.rtv-err{color:#b91c1c}
@media(max-width:520px){.rtv-calc-row{grid-template-columns:1fr}}
@media (min-width: 960px){.pg .hub-grid > .gcard:only-child{grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 18px;}.pg .hub-grid > .gcard:only-child > div{flex: 1;}.pg .hub-grid > .gcard:only-child .more{margin: 0; padding: 0; white-space: nowrap;}}
@media (max-width: 959.98px){.pg .sky .sun{width: 46px; height: 46px; right: 18px; top: 18px;}.pg .sky h2{padding-right: 56px;}}
.pg .tb{position: relative; z-index: 5;}
@media (min-width: 960px){.pg .tnav a{display: inline-flex; align-items: center; gap: 4px;}.pg .tnav a .ic{width: 18px; height: 18px; margin-right: -4px; opacity: .65;}.pg .tnav a.open{background: var(--card); color: var(--ink); box-shadow: 0 0 0 1px var(--line-2), var(--shadow-sm);}.pg .tnav a.open .ic{transform: rotate(180deg); opacity: 1;}}
.pg .mega{position: absolute; top: 80px; left: 50%; transform: translateX(-50%); width: 1180px; padding: 24px; border-radius: 28px; background: var(--card);
  box-shadow: 0 0 0 1px var(--card-line), 0 40px 80px -30px rgba(15,23,54,.45); display: flex; flex-direction: column; gap: 18px; z-index: 20;}
:root[data-theme="dark"] .pg .mega{box-shadow: 0 0 0 1px var(--line-2), 0 40px 80px -30px rgba(0,0,0,.8);}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg .mega{box-shadow: 0 0 0 1px var(--line-2), 0 40px 80px -30px rgba(0,0,0,.8);}}
.pg .mega-cols{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;}
.pg .mega-cols.five{grid-template-columns: repeat(5, minmax(0, 1fr));}
.pg .mega h4{margin: 4px 10px 6px; font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted);}
.pg .mega h4:not(:first-child){margin-top: 16px;}
.pg .mi{display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 16px; color: var(--ink);}
.pg .mi.hl{background: var(--card-2); box-shadow: 0 0 0 1px var(--line);}
.pg .mi .tile{width: 38px; height: 38px; border-radius: 12px;}
.pg .mi .tile .ic{width: 21px; height: 21px;}
.pg .mi > span:last-child{display: flex; flex-direction: column; min-width: 0;}
.pg .mi b{font-size: 15px; line-height: 20px;}
.pg .mi small{font-size: 13px; line-height: 18px; color: var(--muted);}
.pg .mega-foot{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 16px; border-top: 1px solid var(--line);}
.pg .mf-all{display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 18px; border-radius: 999px; background: var(--blue-wash); color: var(--blue-ink); font-weight: 700; font-size: 15px;}
.pg .mf-all .ic{width: 18px; height: 18px;}
.pg .mf-dx,.pg .mf-ori{display: flex; align-items: center; gap: 12px; padding: 10px 14px 10px 10px; border-radius: 18px; background: var(--navy); color: var(--navy-ink);}
.pg .mf-dx .tile{width: 38px; height: 38px; border-radius: 12px; background: rgba(106,169,255,.18); color: #8FBFFF;}
.pg .mf-dx > span:nth-child(2),.pg .mf-ori > span:nth-child(2){display: flex; flex-direction: column;}
.pg .mf-dx b,.pg .mf-ori b{font-size: 15px; line-height: 20px;}
.pg .mf-dx small{font-size: 13px; line-height: 18px; color: var(--navy-muted);}
.pg .mf-dx > .ic,.pg .mf-ori > .ic{color: #8FBFFF;}
.pg .mf-ori{background: var(--card-2); color: var(--ink); box-shadow: 0 0 0 1px var(--line);}
.pg .mf-ori small{font-size: 13px; color: var(--muted);}
.pg .mf-ori > .ic{color: var(--faint);}
.pg .mf-ori .tile,.pg .msh .tile,.pg .mm-r .tile.sg{background: var(--s-grad); color: #fff;}
.pg .msub{display: flex; flex-direction: column; gap: 2px; min-width: 0;}
.pg .msh{display: flex; align-items: center; gap: 10px; padding: 6px 8px 10px;}
.pg .msh > span:last-child{display: flex; flex-direction: column;}
.pg .msh b{font-size: 15px; line-height: 20px;}
.pg .msh small{font-size: 13px; color: var(--muted);}
.pg .ml{display: block; padding: 8px 10px; border-radius: 12px; color: var(--ink-2); font-size: 14px; line-height: 19px; font-weight: 600;}
.pg .msub:first-child .ml:first-of-type{background: var(--s-wash); color: var(--s-ink);}
.pg .mall{display: inline-flex; align-items: center; gap: 2px; margin-top: 6px; padding: 6px 10px; font-size: 14px; font-weight: 700; color: var(--s-ink);}
.pg .mall .ic{width: 18px; height: 18px;}
.pg .round.on{background: var(--ink); color: var(--page); box-shadow: none;}
.pg .mmenu{display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 28px;}
.pg .mm-sec{display: block; border-radius: 22px; background: var(--card); box-shadow: var(--shadow-sm); border: 1px solid var(--card-line); overflow: hidden; color: var(--ink);}
.pg .mm-h,.pg .mm-link{width: 100%; display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 0 16px 0 18px; font-size: 17px;}
.pg .mm-h .ic,.pg .mm-link > .ic{margin-left: auto; color: var(--muted);}
.pg .mm-sec.open .mm-h .ic{color: var(--blue-ink);}
.pg .mm-pill{margin-left: auto; font-size: 13px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--gold-wash); color: var(--gold-ink);}
.pg .mm-pill + .ic{margin-left: 0;}
.pg .mm-b{display: flex; flex-direction: column; padding: 0 8px 10px; border-top: 1px solid var(--line);}
.pg .mm-b h4{margin: 14px 10px 4px; font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted);}
.pg .mm-r{display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 6px 10px; border-radius: 14px; color: var(--ink);}
.pg .mm-r > span:nth-child(2){display: flex; flex-direction: column; min-width: 0; flex: 1;}
.pg .mm-r b{font-size: 15px; line-height: 20px; font-weight: 600;}
.pg .mm-r small{font-size: 13px; color: var(--muted);}
.pg .mm-r > .ic{color: var(--faint);}
.pg .mm-all{display: inline-flex; align-items: center; gap: 6px; margin: 8px 10px 4px; font-size: 15px; font-weight: 700; color: var(--blue-ink);}
.pg .mm-all .ic{width: 18px; height: 18px;}
.pg .mm-acts{display: flex; flex-direction: column; gap: 10px; margin-top: 8px;}
.pg .trial{display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 20px; background: var(--ok-bg); font-size: 15px; line-height: 22px;}
@media (min-width: 960px){.pg .trial{font-size: 16px; padding: 16px 20px;}}
.pg .trial .tile{width: 38px; height: 38px; border-radius: 12px; background: var(--card);}
.pg .plans{display: grid; grid-template-columns: 1fr; gap: 12px;}
@media (min-width: 960px){.pg .plans{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch;}}
@media (min-width: 1240px) { .D .plans { grid-template-columns: repeat(4, minmax(0, 1fr)); } .D .plan { padding: 28px 22px 24px; } }
.pg .plan{position: relative; display: flex; flex-direction: column; gap: 6px; padding: 24px 20px 20px; border-radius: 26px; background: var(--card); border: 1px solid var(--card-line); box-shadow: var(--shadow);}
@media (min-width: 960px){.pg .plan{padding: 30px 28px 28px; border-radius: 28px;}}
.pg .plan .pn{font-size: 13px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted);}
.pg .plan .pr{font-size: 48px; line-height: 54px; font-weight: 700; letter-spacing: -1.5px; font-variant-numeric: tabular-nums;}
.pg .plan .pr.sm{font-size: 26px; line-height: 54px; letter-spacing: -.5px;}
.pg .plan .per{font-size: 15px; line-height: 21px; color: var(--muted); margin-bottom: 10px;}
.pg .plan .list-check{margin: 0 0 18px; padding: 0; font-size: 15px; line-height: 22px;}
.pg .plan .list-check li + li{margin-top: 10px;}
.pg .plan .btn{margin-top: auto; width: 100%;}
.pg .plan.best{background: var(--navy); color: var(--navy-ink); border-color: transparent; box-shadow: 0 30px 60px -30px rgba(15,23,54,.8);}
.pg .plan.best .pn,.pg .plan.best .per{color: var(--navy-muted);}
.pg .plan.best .list-check li::before{background: rgba(74,222,128,.18);}
.pg .plan.best .list-check li::after{border-color: #4ADE80;}
.pg .badge{position: absolute; top: -13px; left: 20px; height: 26px; padding: 0 12px; border-radius: 999px; display: inline-flex; align-items: center; background: var(--gold-grad); color: #3D3300; font-size: 12px; font-weight: 700; letter-spacing: .3px; box-shadow: var(--gold-glow);}
@media (min-width: 960px){.pg .badge{left: 28px;}}
.pg .plans-foot{text-align: center; font-size: 14px; color: var(--muted); margin-top: 2px;}
.pg .cmp-box{overflow: hidden; border-radius: 18px; border: 1px solid var(--line);}
.pg .cmp-t{width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; line-height: 18px; table-layout: fixed;}
@media (min-width: 960px){.pg .cmp-t{font-size: 15px; line-height: 21px;}}
.pg .cmp-t th,.pg .cmp-t td{padding: 12px 8px; text-align: center; vertical-align: middle; border-bottom: 1px solid var(--line);}
@media (min-width: 960px){.pg .cmp-t th,.pg .cmp-t td{padding: 15px 18px;}}
.pg .cmp-t tbody tr:last-child th,.pg .cmp-t tbody tr:last-child td{border-bottom: 0;}
.pg .cmp-t th[scope="row"]{text-align: left; font-weight: 600; color: var(--ink); width: 40%; padding-left: 14px;}
@media (min-width: 960px){.pg .cmp-t th[scope="row"]{width: 34%; padding-left: 22px;}}
.pg .cmp-t thead th{background: var(--card-2); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--muted);}
@media (min-width: 960px){.pg .cmp-t thead th{font-size: 13px;}}
.pg .cmp-t td{color: var(--ink-2); font-weight: 600;}
.pg .cmp-t .hl{background: var(--blue-wash); color: var(--ink);}
.pg .cmp-t thead th.hl{background: var(--blue); color: #fff;}
.pg .cmp-t .ck,.pg .cmp-t .no{display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; vertical-align: middle;}
.pg .cmp-t .ck{background: var(--ok-bg); color: var(--ok);}
.pg .cmp-t .no{color: var(--faint);}
.pg .cmp-t .ck .ic,.pg .cmp-t .no .ic{width: 17px; height: 17px;}
.pg .cmp .meta{margin-top: 14px;}
.pg .mac,.pg .phone,.pg .tab{padding: 0; background: none; border-radius: 0; box-shadow: none;}
.pg .mac img,.pg .phone img,.pg .tab img,.pg .tour-stage .shot img{border-radius: 0; filter: drop-shadow(0 24px 28px rgba(15,23,54,.22));}
:root[data-theme="dark"] .pg .mac img,:root[data-theme="dark"] .pg .phone img,:root[data-theme="dark"] .pg .tab img,:root[data-theme="dark"] .pg .tour-stage .shot img{filter: drop-shadow(0 24px 30px rgba(0,0,0,.55));}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg .mac img,:root:not([data-theme="light"]) .pg .phone img,:root:not([data-theme="light"]) .pg .tab img,:root:not([data-theme="light"]) .pg .tour-stage .shot img{filter: drop-shadow(0 24px 30px rgba(0,0,0,.55));}}
.pg .stage{padding: 28px 20px 24px; align-items: flex-end;}
@media (min-width: 960px){.pg .stage{padding: 40px 36px 36px;}}
.pg .stage .mac{width: 88%; margin-right: 10%;}
.pg .stage .phone{right: 4%; bottom: 18px; width: 25%;}
@media (min-width: 960px){.pg .stage .phone{bottom: 30px;}}
.pg .tour-stage{padding: 24px 16px 22px; align-items: center; border-radius: 22px; margin: 0 0 18px;}
@media (min-width: 960px){.pg .tour-stage{padding: 36px; border-radius: 0; margin: 0;}}
.pg .tour-stage .phone.solo{width: 52%;}
@media (min-width: 960px){.pg .tour-stage .phone.solo{width: 40%;}.pg .tour-stage.three .phone.solo{width: 31%;}}
.pg .tour-stage.three .phone.solo{width: 31%;}
.pg .tour-stage .mac,.pg .tour-stage .tab{width: 100%;}
.pg .plan .until{display: flex; align-items: center; gap: 6px; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--ink-2); padding: 8px 10px; border-radius: 12px; background: var(--card-2); margin: -2px 0 12px;}
.pg .plan .until .ic{width: 16px; height: 16px; color: var(--blue-ink);}
.pg .plan.best .until{background: rgba(255,255,255,.08); color: var(--navy-ink);}
.pg .plan.best .until .ic{color: #FFE58A;}
.pg .trial .pp{margin-left: auto; flex: none; font-size: 12px; font-weight: 700; padding: 6px 10px; border-radius: 999px; background: var(--card); color: var(--ok); white-space: nowrap;}
@media (max-width: 959.98px){.pg .trial{flex-wrap: wrap;}.pg .trial .pp{margin-left: 52px;}}
.pg .ls-head .cnt{background: #fff; color: #1B1F24; padding: 5px 12px; border-radius: 999px; font-weight: 700;}
.pg .tour-n{color: var(--ink-2); display: inline-flex; align-items: center; gap: 8px;}
.pg .tour-n::before{content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--c);}
.pg .tip-art{background: #1B2A55;}
.pg .gx-ch li.right .dx-k{background: #15803D;}
.pg .gx-ch li.wrong .dx-k{background: #C2272D;}
.pg .sky .k{color: #fff;}
.pg .sky h2 em{color: #FFE58A; text-shadow: 0 1px 0 rgba(0,0,0,.15);}
.pg .cd div{background: rgba(6,24,74,.38);}
.pg .cd span{color: #fff;}
.pg .cmp-t thead th:first-child{width: 40%;}
@media (min-width: 960px){.pg .cmp-t thead th:first-child{width: 34%;}}
@media (max-width: 959.98px){.pg .trial .pp{margin-left: 52px; margin-top: -4px;}}
.pg .foot nav a.fb{display: inline-flex; align-items: center; gap: 4px;}
.pg .foot nav a.fb{gap: 7px;}
.pg .foot nav a.fb svg{width: 18px; height: 18px; flex: none; color: #1877F2;}
:root[data-theme="dark"] .pg .foot nav a.fb svg{color: #4C9BFF;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg .foot nav a.fb svg{color: #4C9BFF;}}
.pg .foot p.cr{font-size: 12px; color: var(--muted); margin: 0; padding: 0; background: none;}
.pg .ld-hero{display: flex; flex-direction: column; gap: 28px; padding: 28px 0 8px;}
@media (min-width: 960px){.pg .ld-hero{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: 48px; padding: 64px 0 24px;}}
.pg .pill{display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: var(--card); box-shadow: 0 0 0 1px var(--line-2); font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--ink-2);}
.pg .pill i{width: 8px; height: 8px; border-radius: 50%; background: var(--ok-solid);}
.pg .ld-ht h1{margin-top: 16px; font-size: 36px; line-height: 40px; letter-spacing: -1px; font-weight: 700;}
@media (min-width: 960px){.pg .ld-ht h1{font-size: 56px; line-height: 60px; letter-spacing: -1.8px;}}
.pg .ld-ht h1 em{font-style: normal; color: var(--blue-ink);}
.pg .ld-ht .lead{margin-top: 16px; font-size: 17px; line-height: 26px; color: var(--muted); max-width: 600px;}
@media (min-width: 960px){.pg .ld-ht .lead{font-size: 19px; line-height: 29px;}}
.pg .ld-fine{margin-top: 14px; font-size: 13px; line-height: 19px; color: var(--muted);}
.pg .ld-fine a{color: var(--blue-ink); font-weight: 700; white-space: nowrap;}
.pg .ld-art{position: relative; padding: 0 0 18px;}
.pg .ld-art img{display: block; height: auto; filter: drop-shadow(0 24px 28px rgba(15,23,54,.22));}
:root[data-theme="dark"] .pg .ld-art img{filter: drop-shadow(0 24px 30px rgba(0,0,0,.55));}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg .ld-art img{filter: drop-shadow(0 24px 30px rgba(0,0,0,.55));}}
.pg .ld-art .mac{width: 92%;}
.pg .ld-art .ph{position: absolute; right: 0; bottom: 0; width: 30%;}
.pg .ld-cd{display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 20px; padding: 14px 16px; border-radius: 22px; background: var(--card); border: 1px solid var(--card-line); box-shadow: var(--shadow-sm); font-size: 15px;}
@media (min-width: 960px){.pg .ld-cd{padding: 16px 22px;}}
.pg .ld-cd b{font-weight: 700;}
.pg .ld-cd .sep{flex: 1;}
@media (max-width: 959.98px){.pg .ld-cd .sep{display: none;}}
.pg .ld-chip{display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--wash); font-size: 13px; font-weight: 600; color: var(--ink-2);}
.pg .ld-chip .ic{width: 16px; height: 16px;}
.pg .ld-cd a{display: inline-flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 700; color: var(--blue-ink);}
.pg .ld-cd a .ic{width: 18px; height: 18px;}
.pg .ld-stats{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px;}
@media (min-width: 960px){.pg .ld-stats{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 18px;}}
.pg .ld-stat{display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 22px; background: var(--card); border: 1px solid var(--card-line);}
@media (min-width: 960px){.pg .ld-stat{padding: 22px 24px;}}
.pg .ld-stat b{font-size: 28px; line-height: 32px; font-weight: 700; letter-spacing: -.6px;}
@media (min-width: 960px){.pg .ld-stat b{font-size: 36px; line-height: 40px;}}
.pg .ld-stat span{font-size: 13px; line-height: 18px; color: var(--muted);}
@media (min-width: 960px){.pg .ld-stat span{font-size: 15px; line-height: 21px;}}
.pg .ld-sec-h{margin: 48px 0 18px; display: flex; flex-direction: column; gap: 8px;}
@media (min-width: 960px){.pg .ld-sec-h{margin: 88px 0 28px; align-items: center; text-align: center;}}
.pg .ld-sec-h h2{font-size: 28px; line-height: 33px; letter-spacing: -.6px; font-weight: 700;}
@media (min-width: 960px){.pg .ld-sec-h h2{font-size: 40px; line-height: 46px; letter-spacing: -1px; max-width: 820px;}}
.pg .ld-sec-h p{font-size: 16px; line-height: 24px; color: var(--muted); max-width: 720px;}
.pg .ld-row{display: flex; flex-direction: column; gap: 18px; padding: 22px 18px 0; margin-bottom: 14px; border-radius: 28px; background: var(--card); border: 1px solid var(--card-line); box-shadow: var(--shadow); overflow: hidden;}
@media (min-width: 960px){.pg .ld-row{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: 48px; padding: 48px 0 0 56px; margin-bottom: 24px; border-radius: 36px;}.pg .ld-row.flip{grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); padding: 48px 56px 0 0;}.pg .ld-row.flip .ld-rt{order: 2;}.pg .ld-rt{padding-bottom: 48px;}}
.pg .ld-rt .kicker{color: var(--tone-ink);}
.pg .ld-rt h2{margin-top: 8px; font-size: 24px; line-height: 30px; letter-spacing: -.5px; font-weight: 700;}
@media (min-width: 960px){.pg .ld-rt h2{font-size: 34px; line-height: 40px; letter-spacing: -.8px;}}
.pg .ld-rt p{margin-top: 10px; font-size: 15px; line-height: 23px; color: var(--muted);}
@media (min-width: 960px){.pg .ld-rt p{font-size: 17px; line-height: 27px;}}
.pg .ld-rt .list-check{margin-top: 14px;}
.pg .ld-ri{display: flex; justify-content: center; align-items: flex-end; background: var(--tone-wash); border-radius: 22px 22px 0 0; padding: 18px 14px 0; margin: 0 -4px;}
@media (min-width: 960px){.pg .ld-ri{border-radius: 28px 0 0 0; padding: 36px 36px 0; margin: 0; align-self: stretch;}.pg .ld-row.flip .ld-ri{border-radius: 0 28px 0 0;}}
.pg .ld-ri img{display: block; height: auto; filter: drop-shadow(0 18px 24px rgba(15,23,54,.2));}
.pg .ld-ri img.mac,.pg .ld-ri img.tab{width: 100%;}
.pg .ld-ri img.ph{width: 62%;}
@media (min-width: 960px){.pg .ld-ri img.ph{width: 46%;}}
.pg .ld-ri img.tab{margin-bottom: 18px;}
.pg .ld-cards{display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 10px;}
@media (min-width: 960px){.pg .ld-cards{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 8px;}}
.pg .ld-card{display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: 22px; background: var(--card); border: 1px solid var(--card-line);}
@media (min-width: 960px){.pg .ld-card{padding: 24px;}}
.pg .ld-card b{font-size: 17px; line-height: 22px; margin-top: 4px;}
.pg .ld-card p{font-size: 14px; line-height: 21px; color: var(--muted);}
.pg .ld-subjs{display: grid; grid-template-columns: 1fr; gap: 10px;}
@media (min-width: 960px){.pg .ld-subjs{grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px;}}
.pg .ld-subj{display: flex; flex-direction: column; gap: 6px; padding: 18px; border-radius: 22px; background: var(--card); border: 1px solid var(--card-line); color: var(--ink); text-decoration: none;}
.pg .ld-subj .tile{background: var(--s-wash, var(--blue-wash)); color: var(--s-ink, var(--blue-ink));}
.pg .ld-subj b{font-size: 17px; margin-top: 6px;}
.pg .ld-subj small{font-size: 13.5px; line-height: 19px; color: var(--muted);}
.pg .ld-subj .lv{display: flex; gap: 6px; margin-top: auto; padding-top: 8px;}
.pg .ld-subj .lv i{font-style: normal; font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--s-wash, var(--wash)); color: var(--s-ink, var(--ink-2));}
.pg .ld-dx{margin-top: 48px; display: flex; flex-direction: column; gap: 16px; padding: 24px 20px; border-radius: 28px; background: var(--navy); color: var(--navy-ink);}
@media (min-width: 960px){.pg .ld-dx{margin-top: 88px; flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; padding: 44px 56px; border-radius: 36px;}}
.pg .ld-dx .kicker{color: #FFE58A;}
.pg .ld-dx h2{margin-top: 6px; font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -.5px;}
@media (min-width: 960px){.pg .ld-dx h2{font-size: 36px; line-height: 42px;}}
.pg .ld-dx p{margin-top: 8px; font-size: 15px; line-height: 23px; color: var(--navy-muted); max-width: 640px;}
@media (min-width: 960px){.pg .ld-dx .btn{flex: none;}}
.pg .ld-steps{list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 10px;}
@media (min-width: 960px){.pg .ld-steps{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;}}
.pg .ld-steps li{display: flex; flex-direction: column; gap: 6px; padding: 20px; border-radius: 22px; background: var(--card); border: 1px solid var(--card-line);}
.pg .ld-steps .n{width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--blue); color: #fff; font-weight: 700; font-size: 15px; margin-bottom: 6px;}
.pg .ld-steps b{font-size: 18px;}
.pg .ld-steps p{font-size: 14.5px; line-height: 21px; color: var(--muted);}
.pg .ld-more{margin-top: 14px; text-align: center;}
.pg .ld-more a{display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--blue-ink);}
.pg .ld-more .ic{width: 18px; height: 18px;}
.pg .ld-gl{display: grid; grid-template-columns: 1fr; gap: 8px;}
@media (min-width: 960px){.pg .ld-gl{grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;}}
.pg .ld-g{display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 20px; background: var(--card); border: 1px solid var(--card-line); color: var(--ink); text-decoration: none;}
.pg .ld-g > span:nth-child(2){flex: 1; min-width: 0; display: flex; flex-direction: column;}
.pg .ld-g b{font-size: 15px; line-height: 20px;}
.pg .ld-g small{font-size: 13px; line-height: 18px; color: var(--muted);}
.pg .ld-g > .ic{width: 20px; height: 20px; color: var(--faint);}
.pg .ld-faq{max-width: 900px; margin: 0 auto;}
.pg .ld-faq details{border-bottom: 1px solid var(--line);}
.pg .ld-faq details:last-child{border-bottom: 0;}
.pg .ld-faq summary{display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; font-size: 17px; font-weight: 700; cursor: pointer; list-style: none;}
.pg .ld-faq summary::-webkit-details-marker{display: none;}
.pg .ld-faq summary .ic{width: 22px; height: 22px; flex: none; color: var(--muted);}
.pg .ld-faq details[open] summary .ic{transform: rotate(180deg);}
.pg .ld-faq details > p{font-size: 15.5px; line-height: 24px; color: var(--muted); padding: 0 0 18px;}
.pg .ld-end{margin-top: 56px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 36px 22px; border-radius: 32px; background: var(--navy); color: var(--navy-ink);}
@media (min-width: 960px){.pg .ld-end{margin-top: 88px; padding: 64px 40px; border-radius: 40px;}}
.pg .ld-end h2{font-size: 32px; line-height: 38px; font-weight: 700; letter-spacing: -.8px;}
@media (min-width: 960px){.pg .ld-end h2{font-size: 48px; line-height: 54px;}}
.pg .ld-end p{font-size: 16px; line-height: 24px; color: var(--navy-muted); max-width: 560px;}
.pg .ld-end .btns{justify-content: center;}
.pg .ld-end .btn.ghost{background: rgba(255,255,255,.1); color: var(--navy-ink); box-shadow: 0 0 0 1px var(--navy-line);}
.pg .ld-legal{margin: 18px 0 36px; font-size: 12.5px; line-height: 18px; color: var(--muted); text-align: center;}
@media (min-width: 960px){.pg .ld-hero .btns{margin-top: 26px;}}
.pg .with-side > .col{display: flex; flex-direction: column; gap: 14px; min-width: 0;}
@media (min-width: 960px){.pg .with-side > .col{gap: 20px;}}
.pg .prose p.sm{font-size: 15px; line-height: 23px; color: var(--muted);}
.pg .prose p.sm b{color: var(--ink);}
.pg .card:has(> .app-list){background: none; border: 0; box-shadow: none; padding: 0; border-radius: 0;}
.pg .app-row > .btns{flex: 0 0 auto; flex-direction: row; flex-wrap: wrap; gap: 10px; align-self: flex-start;}
.pg .app-row > .btns .btn{min-height: 48px; padding: 12px 22px;}
@media (max-width: 959.98px){.pg .app-row > .btns{flex: 1 1 100%;}.pg .app-row > .btns .btn{flex: 1 1 0;}}
.pg .app-row ol b{font-size: inherit; line-height: inherit;}
@media (max-width: 959.98px){.pg .grp-t{margin-left: 0; margin-right: 0;}.pg .figure-wide{overflow-x: auto; overflow-y: hidden; scrollbar-width: none; text-align: left;}.pg .figure-wide figcaption{position: sticky; left: 0;}.pg .figure-wide figcaption::before{content: "Swipe to see all the steps →"; display: block; font-weight: 700; color: var(--blue-ink); margin-bottom: 4px;}.pg .table-scroll table:not(:has(tr > :nth-child(4))){min-width: 0;}.pg .table-scroll table:not(:has(tr > :nth-child(4))) th,.pg .table-scroll table:not(:has(tr > :nth-child(4))) td{padding: 10px 10px;}.pg .table-scroll:has(tr > :nth-child(4))::after{content: "Swipe the table to see every column →"; position: sticky; left: 0; display: block; width: 320px; padding: 10px 14px 12px; font-size: 13px; font-weight: 700; color: var(--blue-ink); border-top: 1px solid var(--line);}}
.pg .dx-strip i{flex: none;}
@media (min-width: 960px){.pg .card:has(> .show){display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 40px; grid-template-rows: auto auto; align-content: center;}.pg .card:has(> .show) > .sec-h{grid-column: 1; grid-row: 1; align-self: end; margin-bottom: 14px;}.pg .card:has(> .show) > .show{display: contents;}.pg .card:has(> .show) .show > div:first-child{grid-column: 1; grid-row: 2; align-self: start;}.pg .card:has(> .show) .show > .stage{grid-column: 2; grid-row: 1 / span 2;}}
.pg .podium .rk,.pg .podium .av{margin-left: 0;}
.pg .podium b{flex: 1; min-width: 0;}
@media (max-width: 959.98px){.pg .rtv-calc-row{grid-template-columns: 1fr; gap: 2px;}.pg .rtv-calc-row + .rtv-calc-row{margin-top: 10px;}}
.pg{overflow: visible; overflow-x: clip; min-height: 100vh; display: flex; flex-direction: column;}
.pg > main{flex: 1 0 auto; width: 100%;}
.pg .sr-only{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.pg :focus-visible{outline: 3px solid var(--blue); outline-offset: 2px; border-radius: 8px;}
.pg a:hover{text-decoration: none;}
.pg .tb{position: sticky; top: 0; z-index: 30;}
.pg .tnav a{cursor: pointer;}
@media (min-width: 960px){.pg .tnav a:not(.on):not(.open):hover{background: var(--wash); color: var(--ink);}}
.pg .tb-btn.gho:hover,.pg .round:hover{box-shadow: 0 0 0 1px var(--faint);}
.pg .btn{cursor: pointer; transition: transform .15s ease, box-shadow .15s ease;}
.pg .btn:active{transform: scale(.98);}
.pg .th .i-sun{display: none;}
:root[data-theme="dark"] .pg .th .i-sun{display: block;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg .th .i-sun{display: block;}}
:root[data-theme="dark"] .pg .th .i-moon{display: none;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg .th .i-moon{display: none;}}
.pg .mega{display: none; width: min(1180px, calc(100vw - 48px));}
@media (min-width: 960px){.pg .tb.open-guides .mega-g,.pg .tb.open-lessons .mega-l{display: block;}}
.pg .mmenu{display: none;}
@media (max-width: 959.98px){.pg .mmenu.on{display: flex; position: fixed; left: 0; right: 0; top: 61px; bottom: 0; z-index: 29; overflow-y: auto; background: var(--page); overscroll-behavior: contain;}}
.pg .mm-sec:not(.open) .mm-b{display: none;}
.pg .img-dark{display: none !important;}
:root[data-theme="dark"] .pg .img-light{display: none !important;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg .img-light{display: none !important;}}
:root[data-theme="dark"] .pg .img-dark{display: block !important;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pg .img-dark{display: block !important;}}
.pg.ld-root{min-height: 100vh;}
.pg .gx-ov{position: fixed; inset: 0; z-index: 50; background: rgba(10,14,25,.45); display: flex; align-items: flex-end; justify-content: center;}
.pg .gx-sheet{width: 100%; max-height: 92vh; overflow: auto; background: var(--card); border-radius: 28px 28px 0 0; padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -20px 50px -20px rgba(0,0,0,.35); display: flex; flex-direction: column; gap: 14px;}
@media (min-width: 960px){.pg .gx-ov{align-items: center; padding: 24px;}.pg .gx-sheet{max-width: 720px; border-radius: 28px; padding: 24px 26px; max-height: 88vh;}}
.pg .gx-top{display: flex; align-items: center; gap: 10px; justify-content: space-between;}
.pg .gx-x{width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--wash); flex: none;}
.pg .gx-q{font-weight: 600; font-size: 17px; line-height: 25px;}
.pg .gx-nav{display: flex; justify-content: space-between; gap: 10px;}
.pg .gx-nav .btn{min-height: 44px;}
.pg .offer-stat{font-size: 14px; color: var(--navy-muted); text-align: center;}
.pg .offer-stat b{color: var(--navy-ink);}
@media (max-width: 959.98px){.pg .tb-in{gap: 8px;}}
html.gx-open,html.mm-open{overflow: hidden;}
body{margin: 0; background: #F2F4F9;}
:root[data-theme="dark"] body{background: #0E0F12;}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) body { background: #0E0F12; } }
.pg .mm-btn .i-x{display: none;}
.pg .mm-btn.on .i-menu{display: none;}
.pg .mm-btn.on .i-x{display: block;}
.pg .mmenu > *{flex: none;}
.pg .tnav a{white-space: nowrap;}
@media (min-width: 960px) and (max-width: 1199.98px) { .pg .tnav a { padding: 8px 10px; font-size: 14px; } .pg .tb-btn.pri { display: none; } .pg .brand { margin-right: 6px; } }
@media (min-width: 600px) and (max-width: 959.98px) { .pg .ld-ri img.ph { width: 42%; } .pg .ld-ri img.mac, .pg .ld-ri img.tab { width: 82%; } .pg .tour-stage .phone.solo { width: 34%; } }