/* Built by scripts/build-site.mjs from web/src/base.css and web/src/pages.css. */
body{margin:0}
html{scroll-behavior:smooth}
a{color:#2B1A4F}a:hover{color:#0E0F0C}
@keyframes dp-reveal{from{opacity:0;transform:translateY(48px) scale(.96)}to{opacity:1;transform:none}}
@keyframes dp-rise{from{opacity:0;transform:translateY(.6em) rotate(4deg)}to{opacity:1;transform:none}}
@keyframes dp-float-a{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(-1deg)}}
@keyframes dp-float-b{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes dp-marquee{to{transform:translateX(-50%)}}
@keyframes dp-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dp-pulse{0%{box-shadow:0 0 0 0 rgba(255,210,63,.6)}100%{box-shadow:0 0 0 32px rgba(255,210,63,0)}}
@keyframes dp-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes dp-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
@keyframes dp-screen{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes dp-zoom{from{transform:scale(1.18)}to{transform:scale(1)}}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0E0F0C;outline-offset:3px}

.dpc{display:inline-block;vertical-align:-.2em;margin-left:.28em;width:max(14px,.78em);height:max(14px,.78em);overflow:visible;flex:none}
@keyframes dp-spin{0%,56%{transform:rotate(0deg) scale(1);animation-timing-function:cubic-bezier(.3,0,.5,1)}64%{transform:rotate(-16deg) scale(.92);animation-timing-function:cubic-bezier(.5,0,.2,1)}80%{transform:rotate(198deg) scale(1.14);animation-timing-function:cubic-bezier(.3,0,.4,1)}88%{transform:rotate(174deg) scale(.98)}94%{transform:rotate(182deg) scale(1.01)}100%{transform:rotate(180deg) scale(1)}}
@keyframes dp-glint{0%,84%{transform:translateX(0)}97%,100%{transform:translateX(190px)}}
@keyframes dp-spark{0%,80%{transform:scale(0) rotate(0);opacity:0}88%{transform:scale(1.15) rotate(45deg);opacity:1}100%{transform:scale(.2) rotate(90deg);opacity:0}}
@media (prefers-reduced-motion: reduce){[data-dp-coin],[data-dp-coin] *{animation:none !important}}

.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(204px,auto);grid-auto-flow:dense;gap:16px}
.bt{position:relative;overflow:hidden;box-sizing:border-box;border-radius:28px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;background:#F1EEF5;color:#0E0F0C;transition:scale .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.bt:hover{scale:1.025;box-shadow:0 22px 44px rgba(43,26,79,.18);z-index:1}
.bt-w{grid-column:span 2}.bt-b{grid-column:span 2;grid-row:span 2;padding:28px}
.bt h3{margin:0;font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:20px;line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;color:#2B1A4F}
.bt-b h3{font-size:clamp(28px,3vw,40px);line-height:.95}
.bt p{margin:0;font-size:15px;line-height:1.4;color:rgba(14,15,12,.72);max-width:26rem}
.bt-b p{font-size:17px}
.bt-k{margin-bottom:auto;font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:46px;line-height:.9;letter-spacing:-.02em;color:#2B1A4F}
.bt-k small{display:inline-block;font-family:'Inter',sans-serif;font-weight:600;font-size:14px;letter-spacing:0;opacity:.7;vertical-align:middle;margin:0 4px}
.bt-v{margin-bottom:auto}
.bt-y{background:#FFD23F}.bt-p,.bt-m,.bt-t,.bt-l{background:#fff;box-shadow:inset 0 0 0 2px rgba(43,26,79,.14)}
.bt-d{background:#2B1A4F;color:#fff}.bt-d h3,.bt-d .bt-k{color:#FFD23F}.bt-d p{color:rgba(255,255,255,.78)}
.bt-coin{position:absolute;right:-26px;top:-26px;width:min(62%,250px);height:auto;aspect-ratio:1;rotate:-14deg;filter:drop-shadow(0 18px 26px rgba(43,26,79,.28))}
.bt-ring{display:flex;align-items:center;gap:18px}.bt-ring div{display:flex;flex-direction:column;gap:2px;font-size:14px;color:rgba(255,255,255,.75)}.bt-ring strong{font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:48px;line-height:.9;color:#fff}
.bt-bars{display:flex;align-items:flex-end;gap:10px;height:84px}.bt-bars span{position:relative;flex:1;max-width:64px;border-radius:10px 10px 4px 4px;background:#2B1A4F}.bt-bars i{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-style:normal;font-weight:700;font-size:13px;color:#FFD23F}
.bt-rank{display:flex;flex-direction:column;gap:8px}.bt-rank div{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border-radius:14px;background:rgba(255,255,255,.09);font-size:15px;font-weight:600}.bt-rank b{width:16px;color:rgba(255,255,255,.6)}.bt-rank span{flex:1}.bt-rank em{font-style:normal;font-variant-numeric:tabular-nums}.bt-rank .me{background:#FFD23F;color:#2B1A4F}.bt-rank .me b{color:#2B1A4F}
.bt-badges{display:flex;gap:8px;flex-wrap:wrap}.bt-badges span{width:46px;height:46px;border-radius:999px;background:#fff;color:#2B1A4F;display:flex;align-items:center;justify-content:center;font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:19px}.bt-badges span:last-child{background:#FFD23F}
.bt-split{display:flex;flex-direction:column;gap:8px}.bt-split div{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.bt-split span{width:34px}.bt-split i{height:14px;border-radius:7px;background:#2B1A4F}.bt-split div+div i{background:#FFD23F}
.bt-wish div{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:8px}.bt-wish>i{display:block;height:12px;border-radius:6px;background:#fff}.bt-wish u{display:block;width:72%;height:12px;border-radius:6px;background:#2B1A4F}
.bt-theme{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#fff;margin-bottom:auto;align-self:flex-start}.bt-theme span{display:flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;color:#2B1A4F}.bt-theme span.on{background:#2B1A4F;color:#FFD23F}
@media (max-width:900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.bento{gap:10px;grid-auto-rows:minmax(176px,auto)}.bt{padding:16px;border-radius:22px}.bt-b{padding:20px}.bt h3{font-size:17px}.bt p{font-size:14px}.bt-k{font-size:36px}.bt-badges span{width:38px;height:38px;font-size:18px}}
@media (prefers-reduced-motion: reduce){.bt:hover{scale:1}}
.faq-grid{columns:2 420px;column-gap:56px}
.faq-group{break-inside:avoid;margin:0 0 40px}
.faq-group summary::-webkit-details-marker{display:none}
.faq-plus{position:relative;flex:none;width:28px;height:28px;border-radius:999px;background:#F1EEF5;transition:background-color .25s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.faq-plus::before,.faq-plus::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;border-radius:2px;background:#2B1A4F}
.faq-plus::after{transform:rotate(90deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
details[open]>summary .faq-plus{background:#FFD23F;transform:rotate(180deg)}
details[open]>summary .faq-plus::after{transform:rotate(0deg)}
@media (max-width:1320px){.fx-decor .fx-xl{display:none}}
/* Scroll layer: progress bar, depth, reveals. Everything here is additive;
   with scripting off or reduced motion on, the page reads exactly as before. */
.fx-bar{position:fixed;left:0;top:0;z-index:20;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:#2B1A4F;border-bottom:1px solid #FFD23F;pointer-events:none}
.fx-decor{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.fx-decor>*{position:absolute;will-change:translate}
.fx-coin{filter:drop-shadow(0 10px 18px rgba(43,26,79,.22))}
.fx-above{position:relative;z-index:1}
[data-fx]{will-change:translate}
.fx-on .fx-rv{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1) var(--fx-d,0s),transform .9s cubic-bezier(.2,.8,.2,1) var(--fx-d,0s)}
.fx-on .fx-rv.fx-move{transform:translateY(34px) scale(.985)}
.fx-on .fx-rv.fx-in{opacity:1}
.fx-on .bt.fx-rv{transition:opacity .7s cubic-bezier(.2,.8,.2,1) var(--fx-d,0s),transform .9s cubic-bezier(.2,.8,.2,1) var(--fx-d,0s),scale .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.fx-on .fx-rv.fx-move.fx-in{transform:none}
/* The header follows the whole page: it tucks away on the way down and
   comes back the moment you scroll up. */
.fx-on-head .fx-head{position:fixed!important;left:0;right:0;top:0;z-index:15!important;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.fx-on-head .fx-head-space{height:84px}
.fx-on-head section[id]{scroll-margin-top:76px}
.fx-on-head.fx-tuck .fx-head{transform:translateY(-110%)}
.fx-pill{transition:box-shadow .35s ease,background-color .35s ease,backdrop-filter .35s ease}
.fx-scrolled .fx-pill{background:rgba(255,255,255,.94)!important;-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);box-shadow:0 10px 34px rgba(43,26,79,.2),0 0 0 1px rgba(43,26,79,.06)!important}
.fx-pill nav a{border-radius:999px;transition:background-color .25s ease}
.fx-pill nav a:hover{background:rgba(43,26,79,.07)}
@media (max-width:760px){.fx-decor .fx-wide{display:none}}
@media (prefers-reduced-motion: reduce){.fx-bar,.fx-decor{display:none}}

.skip{position:absolute;left:-9999px;top:8px;z-index:30;padding:12px 18px;border-radius:999px;background:#2B1A4F;color:#FFD23F;font-weight:600}.skip:focus{left:8px;color:#FFD23F}

/* ---------- Multi-page shell: header, page heroes, shared pieces ---------- */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.22s ease both vt-out}
::view-transition-new(root){animation:.34s cubic-bezier(.2,.8,.2,1) both vt-in}
@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(14px)}}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.eye{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2B1A4F}
.h2{margin:0;font-family:'Archivo','Inter',sans-serif;font-weight:900;letter-spacing:-.02em;font-size:clamp(36px,5.4vw,72px);line-height:.92;text-transform:uppercase;color:#0E0F0C}
.lead{margin:0;font-size:20px;line-height:1.45;color:#454745;max-width:44rem}
.stack{display:flex;flex-direction:column;gap:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;background:#2B1A4F;color:#FFD23F;font-size:17px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:scale .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.btn:hover{color:#FFD23F;scale:1.03;box-shadow:0 12px 28px rgba(43,26,79,.25)}
.btn-y{background:#FFD23F;color:#2B1A4F}.btn-y:hover{color:#2B1A4F}
.btn-q{background:rgba(43,26,79,.08);color:#2B1A4F}.btn-q:hover{color:#2B1A4F}
.more{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:17px;font-weight:600;color:#2B1A4F;text-decoration:none}
.more::after{content:"";width:9px;height:9px;border-right:2.5px solid currentColor;border-top:2.5px solid currentColor;transform:rotate(45deg);transition:translate .3s cubic-bezier(.2,.8,.2,1)}
.more:hover::after{translate:5px 0}

.fx-head{position:sticky;top:0;z-index:5;padding:12px 0}
.hd{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box;position:relative}
.hd-pill{display:flex;align-items:center;gap:4px;min-height:60px;padding:8px 10px 8px 20px;border-radius:36px;background:#FFFFFF;box-shadow:0 8px 28px rgba(43,26,79,.14);view-transition-name:dp-head}
.hd-logo{display:flex;align-items:center;gap:8px;min-height:44px;color:#2B1A4F;font-size:19px;font-weight:700;text-decoration:none;margin-right:auto}
.hd-logo svg{width:30px;height:30px}
.hd-nav{display:flex;flex-wrap:wrap}
.hd-nav a{display:flex;align-items:center;height:44px;padding:0 14px;color:#2B1A4F;font-size:15px;font-weight:600;text-decoration:none;border-radius:999px;transition:background-color .25s ease}
.hd-nav a:hover{background:rgba(43,26,79,.07)}
.hd-nav a[aria-current]{background:#2B1A4F;color:#FFD23F}
.hd-cta{display:flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:#2B1A4F;color:#FFD23F;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}
.hd-cta:hover{color:#FFD23F}
.hd-menu{display:none;position:relative;flex:none;width:44px;height:44px;border-radius:999px;border:0;background:#F1EEF5;cursor:pointer;margin-left:4px}
.hd-menu span{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:#2B1A4F;transition:transform .35s cubic-bezier(.2,.8,.2,1),top .35s cubic-bezier(.2,.8,.2,1)}
.hd-menu span:first-child{top:17px}.hd-menu span:last-child{top:25px}
.hd-open .hd-menu span:first-child{top:21px;transform:rotate(45deg)}.hd-open .hd-menu span:last-child{top:21px;transform:rotate(-45deg)}
@media (max-width:820px){
  .fx-on-head .hd-menu{display:block}
  .fx-on-head .hd-nav{position:absolute;left:24px;right:24px;top:calc(100% + 8px);flex-direction:column;flex-wrap:nowrap;padding:10px;border-radius:28px;background:#fff;box-shadow:0 18px 44px rgba(43,26,79,.22);opacity:0;visibility:hidden;translate:0 -8px;transition:opacity .25s ease,translate .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
  .fx-on-head .hd-open .hd-nav{opacity:1;visibility:visible;translate:0 0;transition-delay:0s}
  .fx-on-head .hd-nav a{height:52px;padding:0 18px;font-size:17px}
  .hd-cta{padding:0 16px;flex:none}
  .hd-pill{padding-left:14px}
}
@media (max-width:400px){.hd-logo{font-size:17px;gap:6px}.hd-logo svg{width:26px;height:26px}.hd-cta{padding:0 13px;font-size:14px}}

.ph{padding:44px 24px 72px;color:#2B1A4F;display:flex;flex-direction:column;gap:24px}
.ph h1{margin:0;font-family:'Archivo','Inter',sans-serif;font-weight:900;letter-spacing:-.02em;font-size:clamp(44px,7.4vw,108px);line-height:.88;text-transform:uppercase}
.ph h1 span{display:inline-block;margin-right:.22em;animation:dp-rise .8s cubic-bezier(.2,.8,.2,1) both}
.ph p{margin:0;font-size:21px;line-height:1.45;max-width:40rem;animation:dp-rise .9s cubic-bezier(.2,.8,.2,1) .35s both}
.ph-extra{animation:dp-rise .9s cubic-bezier(.2,.8,.2,1) .5s both}
.sec{padding:72px 0}.sec-w{background:#fff}.sec-l{background:#F1EEF5}

/* Home: proof cards, picker, teaser */
.pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pc{position:relative;display:flex;flex-direction:column;gap:10px;min-height:300px;padding:28px;border-radius:32px;text-decoration:none;color:#0E0F0C;overflow:hidden;transition:scale .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.pc:hover{color:#0E0F0C;scale:1.02;box-shadow:0 22px 44px rgba(43,26,79,.18)}
.pc b{font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:64px;line-height:.9;letter-spacing:-.03em;color:#2B1A4F;margin-bottom:auto}
.pc h3{margin:0;font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:28px;line-height:.98;text-transform:uppercase;color:#2B1A4F}
.pc p{margin:0;font-size:16px;line-height:1.45;color:rgba(14,15,12,.74)}
.pc .more{margin-top:4px;font-size:15px}
.pc-y{background:#FFD23F}.pc-l{background:#F1EEF5}.pc-d{background:#2B1A4F}.pc-d b,.pc-d h3,.pc-d .more{color:#FFD23F}.pc-d p{color:rgba(255,255,255,.8)}
@media (max-width:860px){.pcs{grid-template-columns:1fr}.pc{min-height:220px}}

.pk-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;height:48px;padding:0 20px;border-radius:999px;border:2px solid rgba(43,26,79,.16);background:#fff;color:#2B1A4F;font:600 16px 'Inter',sans-serif;cursor:pointer;text-decoration:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease,scale .3s cubic-bezier(.2,.8,.2,1)}
.chip:hover{scale:1.04;color:#2B1A4F}
.chip[aria-pressed="true"],.chip[aria-selected="true"]{background:#2B1A4F;border-color:#2B1A4F;color:#FFD23F}
.pk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:48px;align-items:center}
.pk[hidden]{display:none}
.pk-in{animation:dp-screen .5s cubic-bezier(.2,.8,.2,1) both}
.pk h3{margin:0;font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:clamp(30px,3.6vw,52px);line-height:.95;text-transform:uppercase;color:#2B1A4F}
.pk-copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.pk-copy p{margin:0;font-size:19px;line-height:1.5;color:#454745;max-width:34rem}
.pk-card{border-radius:36px;padding:26px;box-shadow:0 30px 60px rgba(43,26,79,.18);color:#17102B}
.pk-card ul{list-style:none;margin:0;padding:0}
.pk-card li{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid rgba(23,16,43,.1);font-weight:600;font-size:15px}
.pk-card li>span:first-child{flex:1}.pk-card li small{font-size:12px;font-weight:500;opacity:.7}
.dpv{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:14px;background:rgba(255,255,255,.75);font-weight:700;font-size:13px;white-space:nowrap}
.pk-rw{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pk-rw span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:15px;background:rgba(255,255,255,.75);font-size:13px;font-weight:600}
.pk-top{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-bottom:10px}
@media (max-width:900px){.pk{grid-template-columns:1fr;gap:28px}}

.teaser{display:flex;flex-wrap:wrap;align-items:center;gap:24px 48px;padding:40px;border-radius:40px;background:#2B1A4F;color:#fff}
.teaser h2{flex:1 1 420px;margin:0;font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:clamp(30px,4vw,54px);line-height:.95;text-transform:uppercase;color:#FFD23F}
.teaser p{flex:1 1 300px;margin:0;font-size:18px;line-height:1.5;color:rgba(255,255,255,.85)}

.trust{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:600;color:#2B1A4F}
.trust li{display:flex;align-items:center;gap:7px}
.trust li::before{content:"";width:7px;height:12px;border-right:2.5px solid #2B1A4F;border-bottom:2.5px solid #2B1A4F;transform:rotate(45deg) translateY(-2px)}
.args{background:#2B1A4F;padding:96px 0;overflow:hidden}
.args .eye{color:#FFD23F}
.arg{display:flex;flex-direction:column;gap:14px}
.args-row{quotes:"\201C" "\201D";display:block;font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:clamp(34px,5.6vw,84px);line-height:.94;letter-spacing:-.02em;text-transform:uppercase;color:#FFD23F;will-change:translate}
.arg p{margin:0;font-size:19px;line-height:1.5;color:rgba(255,255,255,.82);max-width:40rem}
.arg b{color:#fff}
.arg:nth-child(odd){align-items:flex-end;text-align:right}
@media (max-width:760px){.args{padding:64px 0}.arg:nth-child(odd){align-items:flex-start;text-align:left}}
.dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:14;display:none;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:999px;background:#fff;box-shadow:0 14px 36px rgba(43,26,79,.3);translate:0 140%;transition:translate .5s cubic-bezier(.2,.8,.2,1)}
.dock .btn{height:48px;padding:0 22px;font-size:16px}.dock span{font-size:14px;font-weight:600;color:#2B1A4F}
.dock.dock-on{translate:0 0}
@media (max-width:760px){.dock{display:flex}}
.pay{display:none}.pay-on .pay{display:block}
.pay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pay-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:30px;border-radius:32px;background:#2B1A4F;color:#fff}
.pay-card b{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:14px;background:#FFD23F;color:#2B1A4F;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pay-card h3{margin:8px 0 0;font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:28px;line-height:1;text-transform:uppercase;color:#FFD23F}
.pay-card p{margin:0 0 auto;font-size:16px;line-height:1.5;color:rgba(255,255,255,.82)}
.pay-card .btn{margin-top:12px;background:#FFD23F;color:#2B1A4F}
.pay-alt{background:#F1EEF5;color:#0E0F0C}.pay-alt h3{color:#2B1A4F}.pay-alt p{color:#454745}.pay-alt b{background:#2B1A4F;color:#FFD23F}
@media (max-width:760px){.pay-grid{grid-template-columns:1fr}}

/* Features: scroll story and chapter rail */
.story-on .story{min-height:calc(100vh + 300vh)}
.story-on .story-row{position:sticky;top:max(84px,calc(50vh - 300px))}
.rail{position:fixed;left:50%;bottom:18px;z-index:14;translate:-50% 120%;display:flex;gap:2px;max-width:calc(100vw - 24px);padding:6px;border-radius:999px;background:rgba(43,26,79,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 36px rgba(43,26,79,.35);overflow-x:auto;scrollbar-width:none;transition:translate .5s cubic-bezier(.2,.8,.2,1)}
.rail::-webkit-scrollbar{display:none}
.rail.rail-on{translate:-50% 0}
.rail a{flex:none;display:flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;color:rgba(255,255,255,.82);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .25s ease,color .25s ease}
.rail a:hover{color:#fff}
.rail a.rail-here{background:#FFD23F;color:#2B1A4F}
.chap{scroll-margin-top:76px}

/* Packs */
.packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.pack{border-radius:36px;padding:30px;color:#17102B;display:flex;flex-direction:column;gap:16px;transition:opacity .35s ease,scale .45s cubic-bezier(.2,.8,.2,1)}
.pack[hidden]{display:none}
.pack-y{background:#FFD23F}.pack-l{background:#F1EEF5}.pack-d{background:#2B1A4F;color:#fff}.pack-d li{border-top-color:rgba(255,255,255,.16)}.pack-d h3{color:#FFD23F}.pack-d .btn{background:#FFD23F;color:#2B1A4F}.pack-d .dpv,.pack-d .pk-rw span{background:rgba(255,255,255,.14);color:#fff}
.pack h3{margin:0;font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:34px;line-height:.95;text-transform:uppercase}
.pack ul{list-style:none;margin:0;padding:0}
.pack li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(23,16,43,.1);font-weight:600;font-size:15px}
.pack li>span:first-child{flex:1}.pack li small{font-size:12.5px;font-weight:500;opacity:.72;white-space:nowrap}
.pack h4{margin:6px 0 0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.pack .btn{align-self:flex-start;margin-top:6px}
@media (max-width:860px){.packs{grid-template-columns:1fr}.pack{padding:22px;border-radius:28px}}
.own{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.own div{padding:26px;border-radius:28px;background:#F1EEF5}
.own b{display:block;font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:40px;line-height:1;color:#2B1A4F}
.own h3{margin:14px 0 6px;font-size:19px;font-weight:700}.own p{margin:0;font-size:15.5px;line-height:1.5;color:#454745}
@media (max-width:860px){.own{grid-template-columns:1fr}}

/* Pricing table */
.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:16px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 10px 30px rgba(43,26,79,.08)}
.cmp th,.cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(14,15,12,.08)}
.cmp tr:last-child td,.cmp tr:last-child th{border-bottom:0}
.cmp thead th{font-family:'Archivo','Inter',sans-serif;font-weight:900;font-size:18px;text-transform:uppercase;color:#2B1A4F;background:#F1EEF5}
.cmp tbody th{font-weight:600;color:#0E0F0C}
.cmp td{color:#454745;font-variant-numeric:tabular-nums}
.cmp .hl{background:rgba(255,210,63,.22);color:#2B1A4F;font-weight:600}
.cmp-scroll{overflow-x:auto;border-radius:28px}
@media (max-width:640px){.cmp{font-size:14px;min-width:520px}.cmp th,.cmp td{padding:12px 14px}}

/* Help */
.search{display:flex;align-items:center;gap:12px;height:64px;max-width:620px;padding:0 22px;border-radius:999px;background:#fff;box-shadow:0 12px 32px rgba(43,26,79,.16)}
.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 18px 'Inter',sans-serif;color:#0E0F0C}
.search:focus-within{outline:3px solid #2B1A4F;outline-offset:3px}
.faq-group[hidden],.faq-group details[hidden]{display:none}
.faq-none{font-size:19px;color:#454745}
mark{background:#FFD23F;color:#2B1A4F;border-radius:4px;padding:0 2px}

.ft{background:#2B1A4F;padding:48px 0 40px;color:rgba(255,255,255,.85)}
.ft-top{display:flex;flex-wrap:wrap;gap:32px 64px}
.ft-brand{flex:1 1 260px;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.5;max-width:22rem}
.ft-brand strong{font-size:20px;color:#FFD23F}
.ft-col{display:flex;flex-direction:column;gap:2px;min-width:140px}
.ft-col h3{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFD23F}
.ft a{display:flex;align-items:center;min-height:40px;color:rgba(255,255,255,.85);font-size:15px;text-decoration:none}
.ft a:hover{color:#fff;text-decoration:underline}
.ft-end{margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:14px}
@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.rail{transition:none}}