@layer tokens,base,components;@layer page{.landing-hero{min-height:auto;padding:clamp(120px, 16 * var(--stable-vh), 168px) 0 var(--space-l)}.landing-hero h1{max-width:20ch;font-size:var(--step-3);gap:.08em;display:grid}.landing-hero .hero-line{font-size:inherit}.landing-hero .hero-lead{max-width:40rem}.further-list{gap:var(--space-m);margin:var(--space-m) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.further-list a{height:100%;padding:var(--space-m);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-raised);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out);gap:8px;text-decoration:none;display:grid}.further-list a:hover{border-color:var(--action)}.further-list span,.further-list small{color:var(--text-muted)}@media (width<=900px){.further-list{grid-template-columns:minmax(0,1fr)}}.card-lab{gap:var(--space-l);margin-top:var(--space-l);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.card-form{gap:var(--space-m);display:grid}.card-form[hidden]{display:none}.card-field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.card-field label,.card-field legend{font-size:var(--step--1);color:var(--text);padding:0;font-weight:650}.card-field legend{margin-bottom:8px}.card-field input[type=text]{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-raised);width:100%;min-width:0;min-height:48px;color:var(--text);font:inherit;padding:0 14px}.card-field input[type=text]:focus-visible,.card-field input[type=range]:focus-visible{outline:3px solid var(--action);outline-offset:2px}.card-field input[type=range]{width:100%;accent-color:var(--action)}.card-field output{color:var(--text);font-weight:700}.card-choices{flex-wrap:wrap;gap:8px;display:flex}.card-choice{position:relative}.card-choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.card-choice>span{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-raised);min-height:44px;color:var(--text);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.card-choice input:checked+span{border-color:var(--action);background:color-mix(in oklch, var(--action) 10%, var(--bg-raised))}.card-choice input:focus-visible+span{outline:3px solid var(--action);outline-offset:2px}.card-swatch>span{background:var(--swatch);border-color:#0000;justify-content:center;width:44px;padding:0}.card-swatch input:checked+span{background:var(--swatch);box-shadow:0 0 0 3px var(--bg-raised), 0 0 0 5px var(--swatch)}.card-note{font-size:var(--step--1);color:var(--text-muted)}.card-stage{gap:var(--space-s);grid-template-columns:minmax(0,1fr);justify-items:start;display:grid;position:sticky;top:110px}.card-stage .button{white-space:normal;text-align:center;max-width:100%}.loyalty-card{--card-color:#216bad;--card-progress:.6;gap:var(--space-s);aspect-ratio:1.586;border-radius:var(--radius-l);background:linear-gradient(145deg, var(--card-color), color-mix(in oklch, var(--card-color) 72%, #000));width:100%;color:var(--on-accent);box-shadow:0 30px 60px -30px color-mix(in oklch, var(--card-color) 70%, transparent);transition:background var(--dur-med) var(--ease-out);grid-template-rows:auto 1fr auto;padding:clamp(18px,3vw,28px);display:grid}.loyalty-card header{align-items:center;gap:12px;min-width:0;display:flex}.card-symbol{background:#ffffff29;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.card-name{font-family:var(--font-brand);font-size:var(--step-1);overflow-wrap:anywhere;font-weight:700}.card-kind,.card-reward span,.card-progress-text{font-size:var(--step--1)}.card-reward{align-self:end}.card-reward strong{font-size:var(--step-1);overflow-wrap:anywhere;display:block}.card-progress{border-radius:var(--radius-pill);background:#ffffff47;height:8px;overflow:hidden}.card-progress:before{content:"";width:calc(var(--card-progress) * 100%);border-radius:inherit;height:100%;transition:width var(--dur-med) var(--ease-out);background:#fff;display:block}.card-progress-text{margin-top:6px}.card-spend{color:var(--text);font-weight:650}@media (prefers-reduced-motion:reduce){.loyalty-card,.card-progress:before{transition:none}}@media (width<=900px){.card-lab{grid-template-columns:minmax(0,1fr)}.card-stage{order:-1;position:static}}.landing-hero-grid{gap:var(--space-l);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;display:grid}.hero-cards{aspect-ratio:1.15;justify-self:center;width:100%;max-width:520px;position:relative}.hero-cards .loyalty-card{width:86%;transition:none;position:absolute}.hero-card-back{opacity:.55;width:78%;top:6%;right:5%;transform:rotate(8deg)}.hero-card-front{bottom:6%;left:0;transform:rotate(-5deg);box-shadow:0 40px 80px -30px #0009}@media (width<=900px){.landing-hero-grid{grid-template-columns:minmax(0,1fr)}.hero-cards{display:none}}.journey-steps{gap:var(--space-l);margin:var(--space-l) 0 0;padding:0;list-style:none;display:grid}.journey-step{gap:var(--space-l);grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;display:grid}.journey-step:nth-child(2n) .journey-phone{order:2}.journey-phone{background:#0f2236 linear-gradient(145deg,#16314b,#0f2236 40%,#16314b);border-radius:40px;justify-self:center;width:min(280px,70vw);padding:10px;box-shadow:0 30px 60px -30px #142b408c}.journey-phone img{border-radius:30px;width:100%;height:auto;display:block}.journey-copy{padding-left:var(--space-m);border-left:3px solid var(--border)}.journey-index{font-family:var(--font-brand);font-size:var(--step-2);color:var(--action)}.journey-copy h3{font-size:var(--step-2);margin-top:6px}.journey-copy p{max-width:34rem;color:var(--text-muted);margin-top:10px}.journey[data-enhanced] .journey-copy,.journey[data-enhanced] .journey-phone{transition:border-color .3s var(--ease-out), transform .3s var(--ease-out)}.journey[data-enhanced] .journey-phone{transform:scale(.96)}.journey[data-active="0"] [data-journey-step="0"] .journey-copy,.journey[data-active="1"] [data-journey-step="1"] .journey-copy,.journey[data-active="2"] [data-journey-step="2"] .journey-copy{border-left-color:var(--action)}.journey[data-enhanced][data-active="0"] [data-journey-step="0"] .journey-phone,.journey[data-enhanced][data-active="1"] [data-journey-step="1"] .journey-phone,.journey[data-enhanced][data-active="2"] [data-journey-step="2"] .journey-phone{transform:none}.compare-title{margin-top:var(--space-xl);font-size:var(--step-2)}.compare-scroll{max-width:100%;overflow-x:auto}.compare-table{width:100%;margin-top:var(--space-m);border-collapse:collapse}.compare-table th,.compare-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:14px 12px}.compare-table thead th{font-size:var(--step--1);color:var(--text-muted)}.compare-table td:last-child{color:var(--leaf-text);font-weight:650}@media (prefers-reduced-motion:reduce){.journey[data-enhanced] .journey-copy,.journey[data-enhanced] .journey-phone{transition:none}}@media (width<=760px){.journey-step{grid-template-columns:1fr}.journey-step:nth-child(2n) .journey-phone{order:0}}@media (width<=480px){.compare-table th,.compare-table td{font-size:var(--step--1);padding:10px 6px}}}