.hero{gap:var(--space-3);display:grid}.flow{gap:var(--space-3);margin:var(--space-4) 0 0;counter-reset:flow;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}@media (width<=759.98px){.flow{grid-template-columns:minmax(0,1fr)}}.flow li{padding:var(--space-3);border-top:3px solid var(--spross);background:var(--surface-raised);border-radius:0 0 var(--radius-md) var(--radius-md);align-content:start;gap:4px;display:grid}.flow strong{font-size:1.0625rem}.flow span:last-child{color:var(--ink-muted);font-size:.96875rem}.flow-icon{background:var(--spross-soft);width:36px;height:36px;color:var(--spross-strong);border-radius:50%;place-items:center;margin-bottom:6px;display:inline-grid}.start-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=959.98px){.start-grid{grid-template-columns:minmax(0,1fr)}}.create,.result,.remembered,.howto{gap:var(--space-3);padding:var(--space-4);display:grid}@media (width<=479.98px){.create,.result,.remembered,.howto{padding:var(--space-3)}}.create h2,.start-side h2{font-size:1.5rem}.start-side{gap:var(--space-4);display:grid}.site-main .create,.site-main .result{--accent:var(--spross-strong);--accent-soft:var(--spross-soft)}.branch-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.branch{border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;background:#fff;align-items:center;gap:10px;min-height:52px;padding:8px 12px;font-weight:500;display:flex;position:relative}.branch input{opacity:0;width:1px;height:1px;position:absolute}.branch:has(input:checked){border:2px solid var(--spross-strong);background:var(--spross-soft);padding:7px 11px;font-weight:600}.branch:has(input:focus-visible){box-shadow:var(--focus-ring)}.branch-icon{color:var(--spross-strong);place-items:center;display:inline-grid}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}@media (width<=479.98px){.field-row{grid-template-columns:minmax(0,1fr)}}.color-input{border:1px solid var(--field-line);border-radius:var(--radius-md);cursor:pointer;background:#fff;width:64px;height:46px;padding:3px}.help summary{width:fit-content;color:var(--spross-strong);cursor:pointer;font-weight:500}.help[open] summary{margin-bottom:8px}.help .steps{font-size:.9375rem}.check small{display:block}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.btn-large{justify-self:start;min-height:52px;padding:12px 26px;font-size:1.0625rem}.qr{padding:var(--space-3);border-radius:var(--radius-md);background:#fff;justify-items:center;gap:8px;margin:0;display:grid}.qr img{width:min(240px,100%);height:auto;image-rendering:pixelated}.qr figcaption{color:var(--ink-muted);text-align:center;font-size:.9375rem}.result-links,.remembered-list{gap:8px;display:grid}.remembered-list li{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.remembered-list small{color:var(--ink-muted);display:block}.legal-section{--legal-columns:3}