html,body{font-family:Manrope,Arial,sans-serif}
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
.shell{height:100%;min-height:0;overflow:hidden}
.viewport{overflow:hidden;padding:0;touch-action:none}
.card.hub{background:#fff;border:1px solid #dedbe0;box-shadow:0 10px 28px #20101d14}
.hub h1{color:#37343b;font-size:19px;line-height:1.18}
.hub p{color:#77717b;font-size:11px;line-height:1.45}
.hub img{width:132px;height:38px;object-fit:contain;margin-bottom:12px}
.store{--tone:#ac1763;--wash:#fceaf3}
.ecommerce{--tone:#176b91;--wash:#e8f5fb}
.bridges{--tone:#51479d;--wash:#efedf8}
.discovery{--tone:#176b91;--wash:#edf8fc}
.journey-card{--tone:#98406f;--wash:#f8eaf2}
.result{--tone:#655d8b;--wash:#f2f0f8}
.card:not(.hub){background:var(--wash);border-color:color-mix(in srgb,var(--tone) 16%,transparent);padding:20px;border-radius:20px;box-shadow:0 7px 22px #20101d0a;color:var(--ink)}
.card:not(.hub)>.eyebrow{margin-left:15px;padding-right:24px;font-size:9px;font-weight:600;line-height:1.5;letter-spacing:.17em;color:var(--tone)}
.card:not(.hub)>h2{position:relative;margin:3px 24px 4px 15px;font-size:15px;font-weight:700;line-height:1.35;letter-spacing:-.025em;color:#37343b}
.card:not(.hub)>h2:before{content:"";position:absolute;left:-15px;top:.48em;width:6px;height:6px;border-radius:50%;background:var(--tone);opacity:.85}
.card.collapsed{padding:18px 40px 18px 20px}
.card.collapsed>h2{margin-right:0}
.subtitle{margin:0 0 16px 15px;font-size:10px;font-weight:400;line-height:1.6;color:var(--muted)}
.card.collapsed>.subtitle{display:block;margin-top:4px;margin-bottom:0}
.card-toggle{width:22px;height:22px;top:17px;right:13px;font-size:14px;background:#ffffffb8;border-color:color-mix(in srgb,var(--tone) 15%,transparent);color:var(--tone)}
.item{font-size:12px;line-height:1.65}
.item b{font-weight:700}
.dot{width:5px;height:5px;background:var(--tone)}
.limits{padding:12px;border:1px dashed color-mix(in srgb,var(--tone) 23%,transparent);border-radius:12px;font-size:10px;line-height:1.65}
.limits b{font-size:8px;font-weight:600;color:var(--tone)}
.limits span:not(:last-child):after{color:var(--tone)}
.note{padding:3px 0 3px 11px;background:transparent;border-color:var(--tone);color:var(--tone);font-size:11px;line-height:1.6;font-weight:600}
.pillars{gap:10px;margin-top:14px}
.pillar{display:grid;grid-template-columns:auto 1fr;align-content:start;column-gap:7px;row-gap:7px;padding:14px;background:#fff;border:1px solid #20101d08;border-radius:15px;color:#242127}
.pillar .num{font-size:8px;font-weight:600;color:var(--tone);padding-top:3px}
.pillar strong{font-size:12px;line-height:1.4;font-weight:700;margin:0}
.pillar small{grid-column:1/-1;font-size:10px;line-height:1.6;color:#68616a}
.pillar .chips{grid-column:1/-1;gap:4px;margin-top:2px}
.chips em{border:0;background:var(--wash);color:var(--tone);font-size:9px;font-weight:500;line-height:1.4;padding:3px 8px;border-radius:99px}
.section-label{font-size:8px;font-weight:600;letter-spacing:.13em;color:var(--tone);margin-top:18px}
.pill{font-size:9px;font-weight:500;line-height:1.4;padding:4px 9px;border-color:color-mix(in srgb,var(--tone) 14%,transparent);background:color-mix(in srgb,var(--wash) 45%,#fff);color:var(--tone)}
.journey{gap:7px}
.journey .step{background:#fff;color:#625b66;border:1px solid #20101d05;padding:9px 8px;border-radius:10px;font-size:9px;line-height:1.55}
.journey .step b{color:var(--tone);font-size:8px}
.result p{font-size:12px;line-height:1.7}
.result strong{white-space:nowrap}
.next{font-size:10px;font-weight:600;padding:7px 10px}
html[data-theme=dark] .card:not(.hub){background:color-mix(in srgb,var(--tone) 16%,#141414);border-color:color-mix(in srgb,var(--tone) 35%,#222)}
html[data-theme=dark] .card:not(.hub)>.eyebrow,html[data-theme=dark] .note,html[data-theme=dark] .section-label,html[data-theme=dark] .limits b{color:color-mix(in srgb,var(--tone) 35%,#fff)}
html[data-theme=dark] .card:not(.hub)>h2{color:#e3e1e5}