.phone{width:min(100%,20rem);box-shadow:var(--shadow), 0 0 0 1px #ffffff0f inset;background:#0d1512;border-radius:2.5rem;margin:0 auto;padding:.75rem}.phone-screen{color:#13201b;background:#fbfaf6;border-radius:1.875rem;gap:.875rem;padding:1.25rem 1rem;display:grid}.phone-org{align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;line-height:1.25;display:flex}.phone-org small{color:#5c6a63;font-size:.75rem;font-weight:400;display:block}.phone-org-mark{color:#fff;background:#17604f;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.875rem;display:grid}.phone-hello{letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.2}.phone-story{aspect-ratio:4/3;color:#ffffffd9;background:radial-gradient(circle at 25% 20%,#f4c46a 0 12%,#0000 13%),linear-gradient(#8fc1b0 0%,#4f9a83 55%,#b98d55 56%,#a0773f 100%);border-radius:1rem;place-items:center;display:grid;position:relative;overflow:hidden}.phone-story>svg{filter:drop-shadow(0 4px 8px #00000040);width:4rem;height:4rem}.phone-badge,.phone-place{border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.2;display:inline-flex;position:absolute}.phone-badge{color:#17604f;background:#ffffffeb;top:.5rem;left:.5rem}.phone-place{color:#fff;background:#0d1512b3;bottom:.5rem;right:.5rem}.phone-badge svg,.phone-place svg{width:.75rem;height:.75rem}.phone-stages{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.phone-stages li{grid-template-columns:auto 1fr auto;align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;display:grid}.phone-stages small{color:#5c6a63;font-size:.75rem}.phone-dot{background:#fff;border:2px solid #c9d3cd;border-radius:999px;place-items:center;width:1.25rem;height:1.25rem;display:grid}.phone-dot svg{width:.75rem;height:.75rem}.phone-stages [data-state=done] .phone-dot{color:#fff;background:#17604f;border-color:#17604f}.phone-stages [data-state=now] .phone-dot{border-color:#b7791f;box-shadow:0 0 0 4px #fbf1df}.phone-stages [data-state=next]{color:#8a958f}.level{position:relative}.level-tag{background:var(--primary-soft);color:var(--primary);border-radius:999px;justify-self:start;padding:.25rem .625rem;font-size:.8125rem;font-weight:600}.level[data-level=personal] .level-tag{background:var(--gold-soft);color:var(--gold)}.level-quote{font-style:italic;color:var(--text)!important}.honesty-note{border-radius:var(--radius);background:var(--primary-soft);color:var(--text);align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem 1.25rem;font-size:.9875rem;display:flex}.honesty-note svg{width:1.25rem;height:1.25rem;color:var(--primary);margin-top:.15rem}.timeline{counter-reset:stage;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:60rem){.timeline{grid-template-columns:repeat(4,minmax(0,1fr))}}.timeline .card{height:100%}.message{background:var(--surface-muted);border-radius:.875rem .875rem .875rem .25rem;margin-top:.25rem;padding:.75rem .875rem;line-height:1.45;color:var(--text)!important;font-size:.875rem!important}.message b{color:var(--muted);margin-bottom:.125rem;font-size:.75rem;font-weight:600;display:block}
.demo-grid{align-items:start;gap:2rem;display:grid}@media (min-width:60rem){.demo-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem}}.demo-points{gap:.75rem;margin-top:.75rem;display:grid}.demo-points li{align-items:center;gap:.625rem;display:flex}.demo-points svg{width:1.25rem;height:1.25rem;color:var(--primary)}.demo-form,.demo-done{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:1rem;padding:1.5rem;display:grid}@media (min-width:48rem){.demo-form,.demo-done{padding:2rem}}.form-row{gap:1rem;display:grid}@media (min-width:40rem){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-form label{gap:.375rem;font-size:.9375rem;font-weight:500;display:grid}.demo-form label small{color:var(--muted);font-weight:400}.demo-form input:not([type=checkbox]),.demo-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:2.75rem;color:var(--text);font:inherit;padding:.625rem .875rem;font-size:1rem}.demo-form textarea{resize:vertical}.demo-form input:focus,.demo-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.demo-form .consent{color:var(--muted);grid-template-columns:auto 1fr;align-items:start;gap:.625rem;font-weight:400}.consent input{width:1.125rem;height:1.125rem;accent-color:var(--primary);margin-top:.2rem}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-error{color:var(--danger);font-weight:500}.demo-form .btn{justify-self:start}.demo-done{justify-items:start}.demo-done svg{width:2.5rem;height:2.5rem;color:var(--primary)}.demo-done h3{font-size:1.375rem}