/* used rules from legacy/ankor-a.css (tools/used-css.ts) */
:root { color-scheme: dark; --navy: #051A36; --deep: #04152D; --ink: #03112A; --card: #072447; --line: #286B94; --soft: #16385E; --edge: #45A7CC; --cyan: #64D7F9; --gold: #FFB336; --white: #FFFFFF; --text: #C9D6E5; --muted: #A6BBD3; --quiet: #8DA4BF; --serif: "EB Garamond",Georgia,"Times New Roman",serif; --display: "Playfair Display",Georgia,"Times New Roman",serif; --sans: Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --pw: clamp(150px,17vw,230px); box-sizing: border-box; padding-top: env(safe-area-inset-top,0px); padding-bottom: env(safe-area-inset-bottom,0px); }
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) { color-scheme: dark; }}
*, ::before, ::after { box-sizing: inherit; }
html { scroll-behavior: smooth; scroll-padding-top: calc(76px + env(safe-area-inset-top,0px)); }
body { margin: 0px; background: var(--navy); color: var(--white); font-family: var(--sans); font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0px 0px auto; height: env(safe-area-inset-top,0px); z-index: 60; background: rgba(5, 26, 54, 0.95); }
img { max-width: 100%; display: block; }
a { color: var(--cyan); }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; border-radius: 8px; }
p, h1, h2, h3, figure { margin: 0px; }
h1, h2, h3 { font-weight: 500; }
.wrap { max-width: 1180px; margin: 0px auto; padding: 0px 28px; }
.band { padding: 104px 0px; }
.band.alt { background: var(--deep); border-block: 1px solid var(--soft); }
.center { text-align: center; }
.kicker { display: flex; align-items: center; gap: 24px; font-size: 16px; font-weight: 600; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 28px; }
.kicker::before, .kicker::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--line); }
.rule { display: flex; align-items: center; width: 240px; max-width: 70%; margin: 0px auto; }
.rule::before, .rule::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--line); }
.rule i { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.title { font-family: var(--serif); font-weight: 500; line-height: 1.08; font-size: clamp(34px, 4.4vw, 58px); }
.sub { font-size: 18px; color: var(--muted); margin-top: 14px; }
.gold { color: var(--gold); }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0px 30px; border-radius: 999px; font-weight: 600; font-size: 16px; text-decoration: none; transition: background 0.2s; }
.btn-gold { background: var(--gold); color: var(--navy); }
.btn-gold:hover { background: #FFC766; color: var(--navy); }
.btn-ghost { border: 1px solid var(--edge); color: var(--white); font-weight: 500; }
.btn-ghost:hover { background: rgba(100, 215, 249, 0.08); color: var(--white); }
.num { width: 38px; height: 38px; flex: 0 0 auto; border: 2px solid var(--cyan); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--display); font-size: 19px; line-height: 1; color: var(--white); }
.phone { width: var(--pw); aspect-ratio: 9 / 19.5; flex: 0 0 auto; border: 2px solid var(--cyan); border-radius: calc(var(--pw)*.14); overflow: hidden; background: var(--ink); box-shadow: rgba(100, 215, 249, 0.2) 0px 0px 30px, rgba(0, 0, 0, 0.35) 0px 24px 50px; }
.phone img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
@media (prefers-reduced-motion: no-preference){.phone.scroll img { transition: object-position 5s ease-in-out; }.phone.scroll:hover img { object-position: center bottom; }}
.shot { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; }
.cap { max-width: 240px; }
.cap b { display: block; font-family: var(--serif); font-weight: 500; font-size: 26px; line-height: 1.15; color: var(--white); }
.cap span { display: block; font-size: 14.5px; color: var(--muted); margin-top: 4px; line-height: 1.45; }
.row { display: flex; justify-content: center; align-items: flex-start; gap: clamp(18px, 3vw, 44px); flex-wrap: wrap; }
.top { position: sticky; top: env(safe-area-inset-top,0px); z-index: 50; background: rgba(5, 26, 54, 0.95); backdrop-filter: blur(10px); border-bottom: 1px solid var(--soft); }
.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; }
.brand img { height: 60px; width: auto; }
.menu { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 500; }
.menu a { color: var(--text); text-decoration: none; padding: 12px 0px; }
.menu a:hover { color: var(--white); }
.menu .btn { min-height: 44px; padding: 0px 22px; font-size: 14px; color: var(--navy); }
.toggle { display: none; background: none; border: 1px solid var(--line); color: var(--white); width: 44px; height: 44px; border-radius: 14px; cursor: pointer; align-items: center; justify-content: center; }
@media (max-width: 900px){.toggle { display: inline-flex; }.menu { display: none; position: absolute; left: 0px; right: 0px; top: 100%; flex-direction: column; align-items: stretch; gap: 0px; padding: 8px 28px 24px; background: var(--navy); border-bottom: 1px solid var(--soft); }.menu a { padding: 14px 0px; border-bottom: 1px solid var(--soft); }.menu .btn { margin-top: 16px; }}
.hero { position: relative; padding: 96px 0px 0px; overflow: hidden; text-align: center; border-bottom: 1px solid var(--soft); }
.hero::before { content: ""; position: absolute; left: 50%; top: 58%; width: 1100px; height: 1100px; transform: translateX(-50%); border-radius: 50%; border: 1px solid rgba(40, 107, 148, 0.45); box-shadow: rgba(40, 107, 148, 0.06) 0px 0px 0px 120px, rgba(40, 107, 148, 0.035) 0px 0px 0px 260px; pointer-events: none; }
.hero .mark-star { width: 34px; height: 34px; margin: 0px auto 26px; color: #FFFFFF; filter: drop-shadow(rgba(100, 215, 249, 0.6) 0px 0px 14px); }
.hero h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(42px, 5.8vw, 82px); line-height: 1.02; letter-spacing: -0.01em; max-width: 1000px; margin: 0px auto; }
.hero h1 span { display: block; color: var(--cyan); }
.hero .sub { font-size: 20px; margin: 22px auto 32px; }
.hero .values { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; margin-top: 30px; font-family: var(--serif); font-size: 21px; color: var(--text); }
.hero .values i { color: var(--cyan); font-style: normal; font-size: 11px; align-self: center; }
.arc { position: relative; display: flex; justify-content: center; align-items: flex-start; gap: clamp(12px, 2vw, 28px); margin-top: 64px; height: clamp(380px, 40vw, 540px); }
.arc figure { flex: 0 0 auto; text-align: center; }
.arc .phone { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.arc .a0 { --pw: clamp(200px,19vw,268px); z-index: 3; }
.arc .a1 { --pw: clamp(170px,16vw,224px); margin-top: 46px; z-index: 2; }
.arc .a2 { --pw: clamp(150px,13.5vw,190px); margin-top: 110px; opacity: 0.8; }
.arc figcaption { font-size: 12px; font-weight: 600; letter-spacing: 0.2em; color: var(--quiet); margin-bottom: 12px; }
.arc .a0 figcaption { color: var(--gold); }
@media (max-width: 900px){.arc .a2 { display: none; }}
@media (max-width: 560px){.arc .a1 { display: none; }.arc { height: 420px; }}
.problem { position: relative; overflow: hidden; }
.field { position: relative; height: 640px; margin-top: 8px; }
.field::before { content: ""; position: absolute; left: 50%; top: 50%; width: 760px; height: 440px; transform: translate(-50%, -50%); background: radial-gradient(closest-side,var(--deep) 55%,transparent); z-index: 1; pointer-events: none; }
.field .n { position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 14px; background: var(--card); border: 1px solid #16385E; font-size: 13.5px; color: var(--text); white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.35) 0px 12px 28px; rotate: var(--r); }
.field .n b { color: var(--white); font-weight: 600; }
.field .n.w { border-color: #C98714; }
.field .n.far { opacity: 0.38; scale: 0.86; filter: blur(1.2px); }
.ic { width: 18px; height: 18px; border-radius: 8px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; font-style: normal; font-size: 11px; font-weight: 700; color: #FFFFFF; }
.ic.mail { background: #3C8CF0; }
.ic.slack { background: #8B5CF6; }
.ic.msg { background: #34C77B; }
.ic.cal { background: #E86A8A; }
.ic.screen { background: #286B94; }
.ic.bank { background: #34C77B; }
.ic.heart { background: #F7A3B5; }
.ic.news { background: #FFB336; }
.ic.social { background: linear-gradient(135deg, #FFB336, #E86A8A); }
.ic.warn { background: #FFB336; color: var(--navy); border-radius: 50%; }
@media (prefers-reduced-motion: no-preference){.field .n { animation: drift var(--d) ease-in-out var(--dl) infinite alternate; }}
.field .core { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 26px; text-align: center; width: min(640px, 92%); }
.field .core h2 { font-family: var(--display); font-weight: 400; font-size: clamp(30px, 3.2vw, 44px); line-height: 1.15; }
.field .core h2 strong { display: inline-block; font-weight: 500; color: var(--gold); letter-spacing: 0.06em; }
.qm { width: 128px; height: 128px; border-radius: 50%; border: 1.5px solid var(--gold); display: flex; align-items: center; justify-content: center; font-family: var(--display); font-size: 72px; line-height: 1; color: var(--gold); background: var(--navy); box-shadow: rgba(255, 179, 54, 0.06) 0px 0px 0px 18px, rgba(255, 179, 54, 0.03) 0px 0px 0px 40px, rgba(255, 179, 54, 0.2) 0px 0px 60px; }
@media (prefers-reduced-motion: no-preference){.qm { animation: 3.2s ease-in-out 0s infinite normal none running pulse; }}
.recall { max-width: 980px; margin: 96px auto 0px; }
.recall .lbl { font-size: clamp(18px, 2vw, 24px); font-weight: 600; letter-spacing: 0.2em; color: var(--text); text-align: center; margin-bottom: 24px; }
.recall .bar { position: relative; display: flex; height: 64px; border-radius: 14px; overflow: hidden; border: 1px dashed var(--line); gap: 0px; }
.recall .gone { flex: var(--f); display: flex; align-items: center; justify-content: center; background: repeating-linear-gradient(135deg, rgba(40, 107, 148, 0.16) 0px, rgba(40, 107, 148, 0.16) 10px, transparent 10px, transparent 20px); font-family: var(--display); font-size: 24px; color: var(--quiet); }
.recall .mem { flex: var(--f); display: flex; align-items: center; justify-content: center; background: #E86A8A; color: #FFFFFF; font-size: 12px; font-weight: 700; box-shadow: rgba(232, 106, 138, 0.5) 0px 0px 22px; z-index: 1; }
.recall .track { position: relative; }
.recall .labels { position: relative; height: 58px; }
.recall .ml { position: absolute; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; white-space: nowrap; font-size: 12px; color: var(--muted); line-height: 1.3; text-align: center; }
.recall .ml b { font-size: 14px; font-weight: 600; color: #F7A3B5; }
.recall .labels.up .ml { bottom: 8px; }
.recall .labels.down .ml { top: 8px; }
.recall .labels.up .ml::after, .recall .labels.down .ml::before { content: ""; width: 1px; height: 10px; background: #E86A8A; order: 9; }
.recall .labels.up .ml::after { position: absolute; bottom: -10px; left: 50%; }
.recall .labels.down .ml::before { position: absolute; top: -10px; left: 50%; }
.recall .mlist { display: none; }
.recall .ax { display: flex; justify-content: space-between; font-size: 12px; color: var(--quiet); margin-top: 8px; }
.recall .stat { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 4px 14px; margin-top: 28px; text-align: center; }
.recall .stat strong { font-family: var(--display); font-weight: 400; font-size: clamp(28px, 3.2vw, 44px); line-height: 1.15; color: var(--gold); }
.recall .stat span { font-family: var(--display); font-size: clamp(28px, 3.2vw, 44px); line-height: 1.15; color: var(--gold); }
@media (max-width: 860px){.field { height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; }.field::before { display: none; }.field .n { position: static; rotate: none; }.field .n.far { display: none; }.field .core { position: static; transform: none; width: 100%; order: -1; margin-bottom: 22px; gap: 20px; }.qm { width: 96px; height: 96px; font-size: 54px; }.recall { margin-top: 64px; }.recall .labels { display: none; }.recall .mlist { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; list-style: none; counter-reset: m 0; padding: 0px; margin: 18px 0px 0px; font-size: 13px; color: var(--muted); }.recall .mlist li { counter-increment: m 1; position: relative; padding-left: 26px; line-height: 1.35; }.recall .mlist li::before { content: counter(m); position: absolute; left: 0px; top: 1px; width: 18px; height: 18px; border-radius: 50%; background: #E86A8A; color: #FFFFFF; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }.recall .mlist b { display: block; color: #F7A3B5; font-weight: 600; }}
.beats { background: var(--navy); text-align: center; padding: 40px 0px 0px; }
.beat { position: relative; padding: 110px 28px; overflow: hidden; }
.beat + .beat { border-top: 1px solid var(--soft); }
.beat h2 { position: relative; z-index: 1; font-family: var(--display); font-weight: 400; line-height: 1.02; letter-spacing: -0.01em; font-size: clamp(46px, 7.4vw, 112px); }
.beat .lead { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 22px; margin: 32px 0px 0px; font-family: var(--serif); font-size: clamp(24px, 2.6vw, 34px); color: var(--muted); }
.beat .lead i { font-style: normal; font-size: 13px; color: var(--cyan); }
.beat .after { position: relative; z-index: 1; margin-top: 38px; font-family: var(--serif); font-size: clamp(22px, 2.4vw, 30px); line-height: 1.5; color: var(--muted); }
.beat.time { background: var(--deep); }
.beat.time h2 { color: var(--gold); }
.beat.time .clock { position: absolute; left: 50%; top: 50%; width: min(760px, 130vw); transform: translate(-50%, -50%); color: var(--gold); opacity: 0.16; pointer-events: none; }
@media (prefers-reduced-motion: no-preference){.beat.time .hand { transform-origin: 200px 200px; animation: 60s steps(60) 0s infinite normal none running tick; }}
.beat.see h2 { font-style: italic; }
.beat.see .eye { width: 64px; height: 64px; margin: 0px auto 30px; color: var(--cyan); }
@media (prefers-reduced-motion: no-preference){.beat.see h2 .blur { display: inline-block; filter: blur(10px); opacity: 0.45; transition: filter 1.6s 0.3s, opacity 1.6s 0.3s; }.beat .reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.9s, transform 0.9s; }}
.vision { position: relative; overflow: hidden; }
.vision::before { content: ""; position: absolute; left: 50%; top: 160px; width: 1300px; height: 1000px; transform: translateX(-50%); background: radial-gradient(closest-side, rgba(100, 215, 249, 0.1), transparent); pointer-events: none; }
.vh { font-family: var(--display); font-weight: 400; font-size: clamp(44px, 6.6vw, 96px); line-height: 1.02; letter-spacing: -0.01em; }
.vh em { color: var(--cyan); }
.vlines { margin-top: 30px; display: flex; flex-direction: column; align-items: center; gap: 6px; font-family: var(--serif); line-height: 1.15; }
.vlines .v1 { font-size: clamp(20px, 2vw, 26px); color: var(--quiet); filter: blur(0.6px); opacity: 0.7; }
.vlines .v2 { font-size: clamp(28px, 3vw, 38px); color: var(--muted); opacity: 0.9; }
.vlines .v3 { margin-top: 6px; font-family: var(--display); font-size: clamp(38px, 4.6vw, 62px); line-height: 1.08; color: var(--white); }
.vlines .v3 em { color: var(--cyan); }
@media (prefers-reduced-motion: no-preference){.vlines p { transform: translateY(14px); transition: opacity 0.9s, transform 0.9s, filter 0.9s; }.vlines:not(.in) p { opacity: 0; filter: blur(8px); }}
.dayfig { position: relative; margin: 52px auto 0px; max-width: 1060px; padding: 44px; border: 1px solid var(--edge); border-radius: 28px; background: var(--card); box-shadow: rgba(100, 215, 249, 0.12) 0px 0px 60px; }
.drow { display: grid; grid-template-columns: 170px 1fr; gap: 22px; align-items: center; }
.dl { font-size: 13px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--quiet); }
.dbar { display: flex; height: 58px; border-radius: 14px; overflow: hidden; gap: 2px; }
.drow.dim .dbar { opacity: 0.75; border: 1px dashed var(--line); gap: 0px; }
.rg { flex: var(--f); display: flex; align-items: center; justify-content: center; background: repeating-linear-gradient(135deg, rgba(40, 107, 148, 0.2) 0px, rgba(40, 107, 148, 0.2) 10px, transparent 10px, transparent 20px); font-family: var(--display); font-size: 22px; color: var(--quiet); }
.rm { flex: var(--f); background: #E86A8A; }
.dbar.seen { height: 72px; box-shadow: rgba(100, 215, 249, 0.18) 0px 0px 30px; }
.sg { flex: var(--f); display: flex; align-items: center; justify-content: center; min-width: 0px; font-size: 12.5px; font-weight: 600; color: var(--navy); }
.sg em { font-style: normal; white-space: nowrap; overflow: hidden; padding: 0px 4px; }
.sg.faith, .brk i.faith { background: #FFB336; }
.sg.family, .brk i.family { background: #64D7F9; }
.sg.work, .brk i.work { background: #3C8CF0; color: #FFFFFF; }
.sg.rest, .brk i.rest { background: #B9C7FF; }
.sg.drive, .brk i.drive { background: #286B94; color: #FFFFFF; }
.sg.lost, .brk i.lost { background: repeating-linear-gradient(135deg, #E86A8A 0px, #E86A8A 6px, #E86A8A 6px, #E86A8A 12px); color: #FFFFFF; }
.arrow { display: grid; grid-template-columns: 170px 1fr; gap: 22px; height: 44px; align-items: center; }
.arrow svg { grid-column: 2; justify-self: center; width: 26px; height: 26px; color: var(--white); filter: drop-shadow(rgba(100, 215, 249, 0.8) 0px 0px 12px); }
.dax { display: grid; grid-template-columns: 170px 1fr; gap: 22px; margin-top: 10px; font-size: 12px; color: var(--quiet); }
.dax div { display: flex; justify-content: space-between; }
.brk { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 32px; }
.brk span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; border: 1px solid var(--line); border-radius: 14px; background: var(--ink); font-size: 14px; color: var(--muted); }
.brk b { white-space: nowrap; font-family: var(--display); font-weight: 400; font-size: 19px; color: var(--white); }
.brk i { width: 14px; height: 14px; border-radius: 8px; display: inline-block; }
.truth { display: flex; flex-direction: column; align-items: center; gap: 0px; margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--soft); text-align: center; }
.truth strong { font-family: var(--display); font-weight: 400; font-size: clamp(26px, 3vw, 40px); line-height: 1.2; color: var(--gold); }
@media (prefers-reduced-motion: no-preference){.dbar.seen .sg { transform: scaleY(0); transition: transform 0.35s ease-out; }.dayfig .brk, .dayfig .truth { opacity: 0; transition: opacity 0.8s 1.3s; }}
.clarity { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 40px; margin: 96px auto 0px; max-width: 980px; justify-items: center; }
.clarity .phone { --pw: clamp(170px,19vw,250px); }
.clarity .cq { min-height: 3.7em; display: flex; align-items: flex-end; justify-content: center; font-family: var(--serif); font-weight: 500; font-size: clamp(22px, 2.1vw, 28px); line-height: 1.2; text-align: center; max-width: 240px; }
.vclose { margin-top: 96px; display: flex; flex-direction: column; align-items: center; gap: 22px; }
.vc1 { font-family: var(--display); font-size: clamp(32px, 3.8vw, 52px); line-height: 1.15; }
.vc2 { max-width: 760px; font-family: var(--serif); font-size: clamp(21px, 2.2vw, 27px); line-height: 1.5; color: var(--muted); }
@media (max-width: 760px){.clarity { grid-template-columns: 1fr; row-gap: 56px; }}
@media (max-width: 700px){.dayfig { padding: 22px; }.drow, .arrow, .dax { grid-template-columns: 1fr; gap: 8px; }.arrow { height: 36px; }.arrow svg { grid-column: 1; }.dax > span { display: none; }.sg em { display: none; }.clarity { gap: 18px; }.vlines .v1 { font-size: 18px; }.vlines .v2 { font-size: 24px; }.vlines .v3 { font-size: 34px; }.brk { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.brk span { justify-content: flex-start; padding: 8px 10px; gap: 7px; font-size: 13px; }.brk b { font-size: 17px; }.clarity .phone { --pw: clamp(190px,60vw,240px); }.clarity .cq { min-height: 0px; }}
.pcols { list-style: none; padding: 0px; margin: 56px 0px 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); border-block: 1px solid var(--line); }
.pcols li { padding: 44px 28px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.pcols li + li { border-left: 1px solid var(--line); }
.pic { width: 88px; height: 88px; border: 1.5px solid var(--cyan); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--cyan); box-shadow: rgba(100, 215, 249, 0.18) 0px 0px 30px; margin-bottom: 10px; }
.pic svg { width: 40px; height: 40px; }
.plab { font-size: 13px; font-weight: 700; letter-spacing: 0.24em; color: var(--gold); }
.pcols h3 { font-family: var(--serif); font-weight: 500; font-size: clamp(26px, 2.4vw, 32px); line-height: 1.15; }
.pcols p:last-child { color: var(--muted); font-size: 16px; }
@media (max-width: 760px){.pcols { grid-template-columns: 1fr; }.pcols li + li { border-left: 0px; border-top: 1px solid var(--line); }}
.bar { display: flex; height: 52px; border-radius: 14px; overflow: hidden; gap: 2px; background: var(--soft); }
.verse { font-family: var(--display); font-style: italic; font-size: 22px; color: var(--gold); margin-top: 14px; }
.verse cite { font-family: var(--sans); font-style: normal; font-size: 13px; letter-spacing: 0.14em; color: var(--gold); margin-left: 8px; }
.steps-head { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.steps-head b { font-family: var(--display); font-weight: 400; font-size: 34px; line-height: 1.1; }
.steps-head span { font-size: 15px; color: var(--muted); }
.strip { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 12px 28px 24px; margin: 48px -28px 0px; scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
.strip > figure { scroll-snap-align: center; }
.strip .phone { --pw: clamp(160px,13.4vw,172px); }
.strip > figure:first-child { margin-left: auto; }
.strip > figure:last-child { margin-right: auto; }
.strip .cap { max-width: 180px; }
.strip .cap b { font-size: 22px; }
.strip-hint { display: none; font-size: 13px; color: var(--quiet); margin-top: 4px; }
@media (max-width: 1239px){.strip-hint { display: block; }}
.split { display: grid; grid-template-columns: 1fr 1.25fr; gap: 56px; align-items: center; }
.split.rev { grid-template-columns: 1.25fr 1fr; }
.split.rev > .copy { order: 2; }
@media (max-width: 900px){.split, .split.rev { grid-template-columns: 1fr; text-align: center; }.split.rev > .copy { order: 0; }}
.icons { display: flex; gap: 28px; margin-top: 30px; flex-wrap: wrap; }
@media (max-width: 900px){.icons { justify-content: center; }}
.icons div { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 14px; color: var(--text); min-width: 76px; }
.icons svg { width: 46px; height: 46px; padding: 11px; border: 1.5px solid var(--cyan); border-radius: 50%; color: var(--cyan); }
.auto { overflow: hidden; }
.ah { font-family: var(--serif); font-weight: 500; font-size: clamp(38px, 4.8vw, 64px); line-height: 1.06; }
.asub { margin-top: 16px; font-family: var(--serif); font-size: clamp(22px, 2.3vw, 30px); color: var(--cyan); }
.hub { position: relative; margin: 56px auto 0px; max-width: 1060px; aspect-ratio: 1000 / 600; }
.wires { position: absolute; inset: 0px; width: 100%; height: 100%; overflow: visible; }
.wires .lines path { fill: none; stroke: #45A7CC; stroke-width: 1.6; stroke-dasharray: 4, 6; opacity: 0.95; }
.core-hub { position: absolute; transform: translate(-50%, -50%); width: clamp(180px, 22vw, 250px); aspect-ratio: 1 / 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; background: radial-gradient(circle at 50% 40%, #0B3566, #04152D 70%); border: 1.5px solid var(--cyan); box-shadow: rgba(100, 215, 249, 0.06) 0px 0px 0px 10px, rgba(100, 215, 249, 0.45) 0px 0px 60px, rgba(100, 215, 249, 0.18) 0px 0px 40px inset; z-index: 2; }
.core-hub .ring { position: absolute; inset: -22px; border-radius: 50%; border: 1px solid rgba(100, 215, 249, 0.35); }
.core-hub .r2 { inset: -46px; border-color: rgba(100, 215, 249, 0.16); }

.core-hub .am{width:72%;height:auto;filter:drop-shadow(0 0 16px rgba(100,215,249,.6))}
.core-hub .aw{font-family:var(--serif);font-weight:500;font-size:clamp(46px,5.4vw,66px);line-height:.9;color:#FFFFFF;text-shadow:0 0 24px rgba(100,215,249,.7)}
.core-hub .al{margin-top:6px;font-size:var(--t-label);font-weight:700;letter-spacing:.2em;line-height:1.4;color:var(--cyan);text-align:center}
@media (prefers-reduced-motion:no-preference){
  .core-hub .r1{animation:ringp 3.6s ease-out infinite}
  .core-hub .r2{animation:ringp 3.6s ease-out 1.8s infinite}
  @keyframes ringp{0%{transform:scale(.85);opacity:0}30%{opacity:1}100%{transform:scale(1.15);opacity:0}}
}
@media (prefers-reduced-motion:reduce){.wires .flow{display:none}}
.src{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:20px;background:rgba(7,36,71,.92);border:1px solid color-mix(in srgb,var(--c) 55%,#16385E);box-shadow:0 0 24px color-mix(in srgb,var(--c) 25%,transparent),0 14px 30px rgba(0,0,0,.35);white-space:nowrap;z-index:3}
.si{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c)}
.si svg{width:22px;height:22px}
.st b{display:block;font-size:15px;font-weight:600;color:#FFFFFF}
.st small{display:block;font-size:12px;color:var(--muted)}
.loader{max-width:520px;margin:28px auto 0;padding:26px 30px;border:1px solid var(--line);border-radius:20px;background:var(--ink)}
.lt{font-size:16px;font-weight:600;text-align:center}
.lbar{height:8px;margin:14px 0 18px;border-radius:8px;background:var(--soft);overflow:hidden}
.lbar span{display:block;height:100%;width:72%;border-radius:8px;background:linear-gradient(90deg,#3C8CF0,var(--cyan));box-shadow:0 0 14px var(--cyan)}
.loader ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:14px;color:var(--muted)}
.loader li{display:flex;align-items:center;gap:9px}
.loader li::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;border:1.5px solid var(--line)}
.loader li.done{color:var(--text)}
.loader li.done::before{border-color:#34C77B;background:#34C77B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23051A36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.loader li.busy::before{border-color:var(--cyan);border-right-color:transparent}
@media (prefers-reduced-motion:no-preference){
  .loader .lbar span{width:4%;transition:width 3.2s cubic-bezier(.3,.7,.3,1)}
  .loader.in .lbar span{width:72%}
  .loader li.busy::before{animation:spin 1s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
}
.first{margin-top:88px;text-align:center;font-family:var(--display);font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.15}
.first em{color:var(--gold)}
.tiles4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:44px}
.tiles4 div{padding:28px 24px;border:1px solid var(--line);border-radius:20px;background:var(--card);text-align:center}
.tiles4 b{display:block;font-family:var(--display);font-weight:400;font-size:34px;color:var(--cyan);line-height:1}
.tiles4 strong{display:block;margin-top:12px;font-size:13px;letter-spacing:.22em;color:var(--gold)}
.tiles4 span{display:block;margin-top:8px;font-size:15px;color:var(--text);line-height:1.45}
@media (max-width:980px){.src{padding:9px 12px 9px 9px;gap:9px}.si{width:32px;height:32px}.st small{display:none}.st b{font-size:13.5px}}
@media (max-width:760px){
  .hub{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:290px}
  .wires{display:none}
  .core-hub{top:130px!important;width:220px}
  .src{position:static;transform:none;white-space:normal}
  .src:last-child{grid-column:1/-1;justify-self:center}
  .tiles4{grid-template-columns:1fr 1fr}
  .loader ul{grid-template-columns:1fr}
}

/* privacy */
.privacy{position:relative;overflow:hidden}
.privacy::before{content:"";position:absolute;left:50%;top:80px;width:900px;height:700px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(100,215,249,.09),transparent);pointer-events:none}
.emblem{position:relative;width:132px;height:154px;margin:8px auto 30px}
.emblem svg{position:relative;width:100%;height:100%;filter:drop-shadow(0 0 26px rgba(100,215,249,.55))}
.emblem .er{position:absolute;left:50%;top:50%;width:210px;height:210px;margin:-105px 0 0 -105px;border-radius:50%;border:1px solid rgba(100,215,249,.28)}
.emblem .e2{width:300px;height:300px;margin:-150px 0 0 -150px;border-color:rgba(100,215,249,.12)}
.privacy h2{position:relative;font-family:var(--serif);font-weight:500;font-size:clamp(46px,6vw,82px);line-height:1}
.privacy h2 span{display:block;font-family:var(--display);color:var(--cyan);letter-spacing:.06em;text-shadow:0 0 30px rgba(100,215,249,.45)}
.decl{position:relative;max-width:980px;margin:64px auto 44px;padding:52px clamp(22px,5vw,64px) 44px;border:1px solid rgba(255,179,54,.55);border-radius:8px;background:linear-gradient(180deg,#072447,#072447);box-shadow:0 0 0 8px rgba(255,179,54,.05),0 30px 70px rgba(0,0,0,.45);text-align:left}
.decl::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,179,54,.22);border-radius:8px;pointer-events:none}
.corner{position:absolute;font-size:16px;color:var(--gold);line-height:1}
.corner.k1{left:4px;top:3px}.corner.k2{right:4px;top:3px}.corner.k3{left:4px;bottom:3px}.corner.k4{right:4px;bottom:3px}
.dh{text-align:center;font-size:15px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.plist{list-style:none;margin:0;padding:0}
.pr{display:grid;grid-template-columns:56px 64px 1fr 52px;gap:22px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(40,107,148,.6)}
.pr:last-child{border-bottom:0}
.pn{font-family:var(--display);font-size:26px;color:var(--gold);text-align:center}
.pi{width:64px;height:64px;border-radius:50%;border:1.5px solid var(--cyan);display:flex;align-items:center;justify-content:center;color:var(--cyan);box-shadow:0 0 22px rgba(100,215,249,.25)}
.pi svg{width:30px;height:30px}
.pr p{font-family:var(--display);font-size:clamp(24px,2.5vw,34px);line-height:1.15;color:var(--white)}
.pr p em{color:var(--cyan)}
.pr.long p{font-size:clamp(22px,2.3vw,29px);line-height:1.3}
.seal{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFC766,#FFB336 55%,#C98714);color:#051A36;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(255,179,54,.18),0 0 24px rgba(255,179,54,.45)}
.seal svg{width:24px;height:24px}
.sig{margin-top:30px;padding-top:26px;border-top:1px solid rgba(255,179,54,.35);text-align:center;font-family:var(--serif);font-style:italic;font-size:26px;color:var(--text)}
.sig span{display:block;margin-top:6px;font-family:var(--sans);font-style:normal;font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
@media (prefers-reduced-motion:no-preference){
  .emblem .er{animation:ringp 4s ease-out infinite}.emblem .e2{animation-delay:2s}
  .decl .pr{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
  .decl .seal{transform:scale(2.2) rotate(-25deg);opacity:0;transition:transform .45s cubic-bezier(.2,1.6,.4,1),opacity .2s ease}
  .decl.in .pr{opacity:1;transform:none}
  .decl.in .seal{transform:none;opacity:1}
  .decl.in .pr:nth-child(1){transition-delay:.1s}.decl.in .pr:nth-child(1) .seal{transition-delay:.6s}
  .decl.in .pr:nth-child(2){transition-delay:.7s}.decl.in .pr:nth-child(2) .seal{transition-delay:1.2s}
  .decl.in .pr:nth-child(3){transition-delay:1.3s}.decl.in .pr:nth-child(3) .seal{transition-delay:1.8s}
  .decl.in .pr:nth-child(4){transition-delay:1.9s}.decl.in .pr:nth-child(4) .seal{transition-delay:2.4s}
}
@media (max-width:640px){
  .pr{grid-template-columns:44px 1fr 40px;gap:14px;padding:22px 0}
  .pn{display:none}
  .pi{width:44px;height:44px}.pi svg{width:22px;height:22px}
  .seal{width:36px;height:36px}.seal svg{width:18px;height:18px}
  .pr p{font-size:23px}
  .pr.long p{font-size:19px}
  .sig{font-size:21px}
}

/* cta */
.cta h2{font-family:var(--display);font-weight:400;font-size:clamp(38px,4.8vw,62px);line-height:1.12}
.cta h2 em{display:block;color:var(--gold)}
.cta .mark{font-size:13px;font-weight:600;letter-spacing:.28em;color:var(--quiet);margin:30px 0}

/* footer */
footer{padding:64px 0 36px;border-top:1px solid var(--soft)}
.fgrid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:44px}
.fbrand{max-width:390px;display:flex;flex-direction:column;gap:0}
.fbrand img{width:250px}
.fbrand blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.45;color:var(--text)}
.fbrand figcaption{font-size:13px;color:var(--quiet);margin-top:8px}
.fcols{display:flex;flex-wrap:wrap;gap:52px;font-size:14px}
.fcols div{display:flex;flex-direction:column;gap:11px}
.fcols h4{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--gold)}
.fcols a{color:var(--text);text-decoration:none}
.fcols a:hover{color:var(--white)}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:22px;border-top:1px solid var(--soft);font-size:13px;color:var(--quiet)}

/* footer (ankor.app) */
.flogo{width:158px;height:auto}
.fline{margin-top:18px;font-family:var(--serif);font-size:21px;line-height:1.4;color:var(--text)}
.fline em{color:var(--gold)}
.fbrand .btn{margin-top:22px;align-self:flex-start;min-height:46px;padding:0 24px;font-size:15px}
.fco{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;margin-top:52px;padding-top:30px;border-top:1px solid var(--soft)}
.tmco{display:flex;flex-direction:column;gap:10px;text-decoration:none}
.tmco img{width:190px;height:auto}
.tmco span{font-size:13px;color:var(--muted)}
.fq{margin:0;max-width:560px;justify-self:end;text-align:right}
.fq blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.45;color:var(--text)}
.fq figcaption{margin-top:6px;font-size:12.5px;color:var(--quiet)}
.legal{margin-top:30px!important}
@media (max-width:760px){.fco{grid-template-columns:1fr}.fq{justify-self:start;text-align:left}}

/* ===== intro film ===== */
.film{padding:96px 0 104px;position:relative;overflow:hidden}
.film::before{content:"";position:absolute;left:50%;top:38%;width:1100px;height:700px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(100,215,249,.10),transparent);pointer-events:none}
.filmlede{max-width:620px;margin:18px auto 0;font:400 clamp(20px,2.2vw,26px)/1.45 var(--serif);color:var(--text)}
.player{position:relative;max-width:1000px;margin:48px auto 0}
.pframe{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;border:1px solid var(--edge);background:#03112A;box-shadow:0 0 0 8px rgba(100,215,249,.05),0 0 80px rgba(100,215,249,.14),0 40px 80px rgba(0,0,0,.5)}
.pframe video{display:block;width:100%;height:100%;object-fit:cover;background:#03112A}
.vplay{position:absolute;inset:0;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:16px;padding:0 0 clamp(18px,3.4vw,36px) clamp(18px,3.4vw,40px)!important;width:100%;border:0;padding:0;cursor:pointer;background:linear-gradient(180deg,rgba(3,17,42,0) 40%,rgba(3,17,42,.55));color:#FFFFFF;font:inherit;transition:background .3s}
.vplay:hover{background:linear-gradient(180deg,rgba(3,17,42,.05) 30%,rgba(3,17,42,.6))}
.vring{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);box-shadow:0 0 0 10px rgba(255,179,54,.18),0 0 50px rgba(255,179,54,.45);transition:transform .25s ease,box-shadow .25s ease}
.vring svg{width:38px;height:38px;margin-left:5px}
.vplay:hover .vring{transform:scale(1.06);box-shadow:0 0 0 14px rgba(255,179,54,.16),0 0 70px rgba(255,179,54,.55)}
.vplay:focus-visible{outline:none}.vplay:focus-visible .vring{outline:3px solid var(--cyan);outline-offset:6px}
.vlabel{align-self:center;margin-bottom:0;font:600 17px/1 var(--sans);letter-spacing:0;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.vplay{align-items:flex-end!important}
.vplay .vlabel{align-self:flex-end;margin-bottom:33px}
.vlabel span{margin-left:8px;color:var(--gold)}
.player.playing .vplay{opacity:0;pointer-events:none;transition:opacity .25s}
.fcap{margin-top:16px;text-align:center;font:400 13px/1.5 var(--sans);color:var(--quiet)}
@media (prefers-reduced-motion:no-preference){.vring{animation:vpulse 3.2s ease-in-out infinite}.player.playing .vring{animation:none}@keyframes vpulse{0%,100%{box-shadow:0 0 0 10px rgba(255,179,54,.18),0 0 50px rgba(255,179,54,.45)}50%{box-shadow:0 0 0 18px rgba(255,179,54,.08),0 0 70px rgba(255,179,54,.35)}}}
@media (max-width:640px){.film{padding:72px 0}.pframe{border-radius:20px}.vring{width:46px;height:46px;box-shadow:0 0 0 6px rgba(255,179,54,.18),0 0 30px rgba(255,179,54,.45)}.vring svg{width:22px;height:22px;margin-left:3px}.vplay{gap:10px;padding:0 0 12px 12px!important}.vplay .vlabel{font-size:13px;margin-bottom:16px}}
/* used rules from legacy/ankor-b.css (tools/used-css.ts) */
.brand img { display: block; height: 45px !important; width: auto !important; }
@media (max-width: 420px){.brand img { height: 38px !important; }}
.ftop2 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 36px 56px; }
.fbrand2 { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 360px; }
.flogo3 { width: 150px; height: auto; display: block; }
.fline2 { font-family: var(--serif); font-size: 19px; line-height: 1.4; color: var(--text); }
.fline2 em { color: var(--gold); }
.fcols2 { display: flex; flex-wrap: wrap; gap: 28px 64px; }
.fcols2 div { display: flex; flex-direction: column; gap: 12px; min-width: 120px; }
.fcols2 h4 { margin: 0px 0px 4px; font-size: 12px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); }
.fcols2 a { font-size: 15px; color: var(--text); text-decoration: none; }
.fcols2 a:hover { color: #FFFFFF; }
@media (max-width: 760px){.ftop2 { flex-direction: column; align-items: center; text-align: center; }.fbrand2 { align-items: center; }.fcols2 { justify-content: center; text-align: center; gap: 28px 40px; }.fcols2 div { align-items: center; }}
footer.ft { padding: 56px 0px 30px; border-top: 1px solid var(--soft); background: linear-gradient(180deg,var(--navy),#03112A); }
.fcta { min-height: 46px !important; padding: 0px 24px !important; font-size: 15px !important; }
.fmid { display: grid; grid-template-columns: auto 1px minmax(0px, 1fr); gap: 36px; align-items: center; margin-top: 40px; padding: 30px 36px; border: 1px solid var(--line); border-radius: 22px; background: rgba(7, 36, 71, 0.55); }
.tmco2 { display: flex; flex-direction: column; gap: 12px; }
.tmco2 small { font-size: 11.5px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); }
.tmco2 img { width: 240px; height: auto; display: block; }
.vdiv { align-self: stretch; width: 1px; background: linear-gradient(transparent, rgba(255, 179, 54, 0.6), transparent); }
.fq2 { margin: 0px; }
.fq2 blockquote { margin: 0px; font-family: var(--serif); font-style: italic; font-size: clamp(19px, 1.8vw, 23px); line-height: 1.45; color: #FFFFFF; }
.fq2 figcaption { margin-top: 10px; font-size: 13px; color: var(--quiet); }
.fbot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 24px; margin-top: 26px; font-size: 13px; color: var(--quiet); }
.fsig { font-family: var(--serif); font-style: italic; font-size: 16px; color: var(--gold); }
@media (max-width: 960px){.fmid { grid-template-columns: 1fr; text-align: center; gap: 22px; padding: 28px 22px; }.tmco2 { align-items: center; }.vdiv { width: 120px; height: 1px; justify-self: center; background: linear-gradient(90deg, transparent, rgba(255, 179, 54, 0.6), transparent); }.fbot { flex-direction: column; text-align: center; }}
:root { --serif: "EB Garamond",Garamond,Georgia,"Times New Roman",serif; --display: "Playfair Display",Georgia,serif; --sans: Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
button, input, select, textarea { font-family: inherit; }
h1, h2, h3 { font-family: var(--serif) !important; }
h1, h2 { font-weight: 400 !important; }
h3 { font-weight: 500 !important; }
h1 em, h2 em, h3 em { font-style: italic !important; font-family: inherit !important; }
h1 span, h2 span, h3 span, h1 b, h2 b, h3 b { font-family: inherit !important; }
.btn { font-family: var(--sans) !important; font-weight: 600 !important; }
.btn.btn-ghost { font-weight: 500 !important; }
.wrap > h1 { font-family: var(--serif) !important; font-weight: 400 !important; font-style: normal !important; font-size: clamp(46px, 6.4vw, 96px) !important; line-height: 1.02 !important; letter-spacing: -0.01em !important; }
.busy > p, .ivl > p, .life > li, .ppsum > div, .pvlines > span, .rp > b, .should > li, .sign > p, .stat > span, .values > span, .who > span, .wn > p, .wrap > p, .wy > p { font-family: var(--serif) !important; font-weight: 400 !important; font-size: clamp(20px, 2.2vw, 26px) !important; line-height: 1.45 !important; letter-spacing: 0px !important; }
.beat.recover > h2, .beat.see > h2, .beat.time > h2, .core > h2, .fhead > h2, .pc > h2, .wrap.center > h2 { font-family: var(--serif) !important; font-weight: 400 !important; font-style: normal !important; font-size: clamp(36px, 4.8vw, 64px) !important; line-height: 1.05 !important; letter-spacing: -0.01em !important; }
.ameta > span, .ameta > time, .au > span, .ax > span, .khinc > li, .meta > time, .ppmeta > span, .pq.gi > figcaption, .rp > small, .sect.opt2 > span, .sign > small { font-family: var(--sans) !important; font-size: 13px !important; line-height: 1.5 !important; }
.stat > strong { font-family: var(--serif) !important; font-weight: 400 !important; font-style: normal !important; font-size: clamp(27px, 3.06vw, 44px) !important; line-height: 1 !important; letter-spacing: -0.02em !important; }
.ah2 > em, .aha > em, .aiclose > em, .bigq > em, .cust > em, .end > em, .loopq > em, .maxq em, .mbig > em, .mbig > s, .nbh > em, .need > em, .pr em, .pr.long em, .pvlines b, .pvlines em, .sacred > em, .v3 > em { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; }
.abody > h2, .cap > b, .ccap > b, .cq > span, .ctx > li, .legal-body > h2, .legal-body > h3, .nx > b, .pc > h3, .pill > h3, .pr > p, .pr.long > p, .sign > b, .steps-head > b, .weare b, .weare s { font-family: var(--serif) !important; font-weight: 500 !important; font-style: normal !important; font-size: clamp(22px, 2.2vw, 30px) !important; line-height: 1.2 !important; letter-spacing: 0px !important; }
.cap > span, .comp > figcaption, .drift > li, .drw > span, .img1 > p, .pill > p, .plain > li, .plife > figcaption, .rule1 > figcaption, .steps-head > span { font-family: var(--sans) !important; font-size: 15px !important; line-height: 1.6 !important; }
.nbrow > b, .nbrow > s, .nbrow.last > b, .nbrow.last > s, .shcontact a, .tiles4 b { font-family: var(--serif) !important; font-weight: 400 !important; }
p.chp.chp.chp, p.dct.dct.dct, p.lbl.lbl.lbl, p.pbio.pbio.pbio, p.sub.sub.sub { font-family: var(--sans) !important; font-size: 17px !important; line-height: 1.65 !important; }
li.more.more.more, p.adek.adek.adek, p.after.after.after, p.aisub.aisub.aisub, p.asub.asub.asub, p.ccap.ccap.ccap, p.ctap.ctap.ctap, p.dct.big.dct.dct, p.fcap.fcap.fcap, p.invlede.invlede.invlede, p.invp.invp.invp, p.khlede.khlede.khlede, p.lead.after-lead.lead.lead, p.nbh.nbh.nbh, p.psub.psub.psub, p.psup.psup.psup, p.rlede.rlede.rlede, p.sdek.sdek.sdek, p.shtag.shtag.shtag, p.sig.sig.sig, p.sigoff.sigoff.sigoff, p.tlede.tlede.tlede, p.to.to.to, p.v1.v1.v1, p.vc2.vc2.vc2, p.vline.vline.vline, p.who.who.who, p.whoend.whoend.whoend, p.why.why.why, span.g.g.g { font-family: var(--serif) !important; font-weight: 400 !important; font-size: clamp(20px, 2.2vw, 26px) !important; line-height: 1.45 !important; letter-spacing: 0px !important; }
p.dh.dh.dh, p.invk.invk.invk, p.k.k.k, p.kicker.kicker.kicker, p.mark.mark.mark, p.rk.rk.rk { font-family: var(--sans) !important; font-weight: 600 !important; font-size: 14px !important; line-height: 1.2 !important; letter-spacing: 0.26em !important; text-transform: uppercase !important; }
h2.ah.ah.ah, h2.aih.aih.aih, h2.chh.chh.chh, h2.dh2.dh2.dh2, h2.ph2.ph2.ph2, h2.sh2.sh2.sh2, h2.shname.shname.shname, h2.title.title.title, h2.vh.vh.vh, h2.vh2.vh2.vh2, h3.pname.pname.pname { font-family: var(--serif) !important; font-weight: 400 !important; font-style: normal !important; font-size: clamp(36px, 4.8vw, 64px) !important; line-height: 1.05 !important; letter-spacing: -0.01em !important; }
li.busy.busy.busy, li.done.done.done, p.caption.caption.caption, p.fcount.fcount.fcount, p.fnote.fnote.fnote, p.t60.t60.t60, span.caption.caption.caption, span.fhint.fhint.fhint, span.ml.down.ml.ml, span.ml.up.ml.ml, span.n.far.n.n, span.n.n.n, span.n.w.n.n { font-family: var(--sans) !important; font-size: 13px !important; line-height: 1.5 !important; }
p.v2.v2.v2 { font-family: var(--display) !important; font-weight: 400 !important; font-style: normal !important; font-size: clamp(24px, 2.64vw, 38px) !important; line-height: 1.1 !important; letter-spacing: -0.005em !important; }
p.v3.v3.v3 { font-family: var(--display) !important; font-weight: 400 !important; font-style: normal !important; font-size: clamp(38px, 4.31vw, 62px) !important; line-height: 1.1 !important; letter-spacing: -0.005em !important; }
em.gold.gold.gold, i.lost.lost.lost, i.rush.rush.rush { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; }
h3.aiph.aiph.aiph, h3.fh.fh.fh, h3.first.first.first, h3.gsh.gsh.gsh, h3.ts-h3.ts-h3.ts-h3, p.vl.vl.vl, span.gold.gold.gold, span.sh.sh.sh { font-family: var(--serif) !important; font-weight: 500 !important; font-style: normal !important; font-size: clamp(22px, 2.2vw, 30px) !important; line-height: 1.2 !important; letter-spacing: 0px !important; }
p.vc1.vc1.vc1 { font-family: var(--display) !important; font-weight: 400 !important; font-style: normal !important; font-size: clamp(32px, 3.61vw, 52px) !important; line-height: 1.1 !important; letter-spacing: -0.005em !important; }
p.verse.verse.verse { font-family: var(--display) !important; font-weight: 400 !important; font-style: italic !important; font-size: clamp(20px, 1.53vw, 22px) !important; line-height: 1.4 !important; letter-spacing: 0px !important; }
li.vc.ok.vc.vc, p.atty.atty.atty, p.dek.dek.dek, p.drift-lbl.drift-lbl.drift-lbl, p.ex.ex.ex, p.famuse.famuse.famuse, p.lt.lt.lt, p.msm.msm.msm, p.pmore.pmore.pmore, p.ts-small.ts-small.ts-small, p.vt.vt.vt, span.invurl.invurl.invurl { font-family: var(--sans) !important; font-size: 15px !important; line-height: 1.6 !important; }
blockquote.need.need.need, p.lead.lead.lead, p.q.q.q, p.sigline.sigline.sigline { font-family: var(--display) !important; font-weight: 400 !important; font-style: italic !important; font-size: clamp(20px, 2.08vw, 30px) !important; line-height: 1.4 !important; letter-spacing: 0px !important; }
.beat h2 { font-family: var(--serif) !important; font-weight: 400 !important; font-style: normal !important; font-size: clamp(46px, 6.4vw, 96px) !important; line-height: 1.02 !important; letter-spacing: -0.01em !important; }
@media (max-width: 640px){main p { font-size: 16px; }}
.cap b .num { font-weight: 400 !important; }