@layer components{.mkt-v2 .hero-home{--hero-gap:56px;--hero-pt:24px;--hero-nav:96px;--hero-lh:.94;--hero-measure:10.4;--hero-k:292px;--hero-c:calc(min(100cqw, 1440px) - 120px);--hero-h1:clamp(48px, min((var(--hero-c) - var(--hero-gap) - var(--hero-k) * 5 / 6) / (var(--hero-measure) + 3 * var(--hero-lh) * 5 / 6), 10.5svh), 88px);--hero-stage-h:min(3 * var(--hero-lh) * var(--hero-h1) + var(--hero-k), 100svh - var(--hero-nav) - var(--hero-pt) - 32px);--hero-stage-w:calc(var(--hero-stage-h) * 5 / 6);container-type:inline-size}.mkt-v2 .stage{container-type:inline-size}.mkt-v2 .stage-box{--u:calc(100cqi / 600);--phone-left:96;--phone-top:56;--leads-left:372;--leads-top:96;--leads-w:216;--answer-left:16;--sticker-left:404;--sticker-top:508;--sticker-size:168;aspect-ratio:600/720;border-radius:calc(var(--u) * 44);background:var(--sky);font-family:var(--font-figtree), system-ui, sans-serif;color:var(--ink);-webkit-user-select:none;user-select:none;position:relative;overflow:clip}@media not (min-width:80rem){@container (max-width:520px){.mkt-v2 .stage-box{--u:calc(100cqi / 440);--phone-left:70;--phone-top:104;--leads-left:196;--leads-top:22;--leads-w:228;--answer-left:12;--sticker-left:296;--sticker-top:536;--sticker-size:128;aspect-ratio:440/680}.mkt-v2 .stage-lead.stage-lead-extra{display:none}}}.mkt-v2 .stage-phone{left:calc(var(--u) * var(--phone-left));top:calc(var(--u) * var(--phone-top));width:calc(var(--u) * 300);height:calc(var(--u) * 720);padding:calc(var(--u) * 10);border-radius:calc(var(--u) * 48);background:var(--ink);box-shadow:0 calc(var(--u) * 30) calc(var(--u) * 60) #0d0f1f40;position:absolute}.mkt-v2 .stage-screen{height:100%;padding:calc(var(--u) * 14) calc(var(--u) * 18);border-radius:calc(var(--u) * 38);background:#fbf8f3}.mkt-v2 .stage-status{height:calc(var(--u) * 26);font-size:calc(var(--u) * 13);justify-content:space-between;align-items:center;font-weight:700;display:flex}.mkt-v2 .stage-island{width:calc(var(--u) * 84);height:calc(var(--u) * 24);background:var(--ink);border-radius:999px}.mkt-v2 .stage-battery{width:calc(var(--u) * 20);height:calc(var(--u) * 10);border:calc(var(--u) * 1.5) solid var(--ink);border-radius:calc(var(--u) * 3);box-shadow:inset 0 0 0 calc(var(--u) * 1.5) #fbf8f3;background:var(--ink)}.mkt-v2 .stage-brand{align-items:center;gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 20);font-size:calc(var(--u) * 14);display:flex}.mkt-v2 .stage-brand-mark{width:calc(var(--u) * 26);height:calc(var(--u) * 26);color:#fff;background:#e2622f;border-radius:999px;place-items:center;display:grid}.mkt-v2 .stage-brand-mark svg{width:55%;height:55%}.mkt-v2 .stage-step{font-size:calc(var(--u) * 12);color:var(--ink-2);margin-left:auto}.mkt-v2 .stage-progress{height:calc(var(--u) * 5);margin-top:calc(var(--u) * 12);background:#e9e2d6;border-radius:999px}.mkt-v2 .stage-progress i{border-radius:inherit;background:var(--cobalt);width:50%;height:100%;display:block}.mkt-v2 .stage-roof{height:calc(var(--u) * 96);margin-top:calc(var(--u) * 16);background:radial-gradient(circle at 50% 0, #0000 calc(var(--u) * 9), #7a2e14 calc(var(--u) * 10), #0000 calc(var(--u) * 11)) 0 0 / calc(var(--u) * 22) calc(var(--u) * 14), repeating-linear-gradient(180deg, #d4643a 0 calc(var(--u) * 9), #b8502b calc(var(--u) * 9) calc(var(--u) * 13), #8c3a1c calc(var(--u) * 13) calc(var(--u) * 14));border-radius:999px}.mkt-v2 .stage-q{margin-top:calc(var(--u) * 18);font-family:var(--font-bricolage), sans-serif;font-weight:800;font-size:calc(var(--u) * 26);letter-spacing:-.02em;line-height:1.05}.mkt-v2 .stage-options{gap:calc(var(--u) * 9);margin-top:calc(var(--u) * 16);flex-direction:column;display:flex}.mkt-v2 .stage-option{align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 48);padding:0 calc(var(--u) * 12);border:calc(var(--u) * 1.5) solid var(--line);border-radius:calc(var(--u) * 14);font-size:calc(var(--u) * 15);background:#fff;font-weight:500;display:flex}.mkt-v2 .stage-option[data-on]{border:calc(var(--u) * 2) solid var(--cobalt);background:#eef0ff}.mkt-v2 .stage-key{width:calc(var(--u) * 22);height:calc(var(--u) * 22);border:calc(var(--u) * 1) solid var(--line);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 11);color:var(--ink-2);background:#f5f1ea;place-items:center;font-weight:700;display:grid}.mkt-v2 .stage-option-check{width:calc(var(--u) * 18);height:calc(var(--u) * 18);color:var(--cobalt);margin-left:auto}.mkt-v2 .stage-answer{z-index:2;left:calc(var(--u) * var(--answer-left));top:calc(var(--u) * (var(--phone-top) + 351 - 22));align-items:center;gap:calc(var(--u) * 16);width:calc(var(--u) * 344);height:calc(var(--u) * 92);padding:0 calc(var(--u) * 20);border:calc(var(--u) * 3) solid var(--cobalt);border-radius:calc(var(--u) * 26);box-shadow:0 calc(var(--u) * 24) calc(var(--u) * 48) #2b45ff38;background:#fff;display:flex;position:absolute;rotate:-5deg}.mkt-v2 .stage-answer-key{width:calc(var(--u) * 46);height:calc(var(--u) * 46);border-radius:calc(var(--u) * 12);background:var(--cobalt);color:#fff;font-size:calc(var(--u) * 20);flex:none;place-items:center;font-weight:800;display:grid}.mkt-v2 .stage-answer-label{font-family:var(--font-bricolage), sans-serif;font-weight:800;font-size:calc(var(--u) * 29);letter-spacing:-.025em;white-space:nowrap;flex:1}.mkt-v2 .stage-answer-check{width:calc(var(--u) * 42);height:calc(var(--u) * 42);background:var(--cobalt);color:#fff;border-radius:999px;flex:none;place-items:center;display:grid}.mkt-v2 .stage-answer-check svg{width:50%;height:50%}.mkt-v2 .stage-leads{z-index:1;left:calc(var(--u) * var(--leads-left));top:calc(var(--u) * var(--leads-top));gap:calc(var(--u) * 12);width:calc(var(--u) * var(--leads-w));flex-direction:column;display:flex;position:absolute}.mkt-v2 .stage-lead{gap:calc(var(--u) * 6);padding:calc(var(--u) * 14) calc(var(--u) * 16);border-radius:calc(var(--u) * 20);box-shadow:0 calc(var(--u) * 18) calc(var(--u) * 36) #0d0f1f24;background:#fff;flex-direction:column;display:flex}.mkt-v2 .stage-chip{align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 22);padding:0 calc(var(--u) * 9);font-size:calc(var(--u) * 12);border-radius:999px;font-weight:700;display:inline-flex}.mkt-v2 .stage-chip i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);background:currentColor;border-radius:999px}.mkt-v2 .stage-chip[data-tone=good]{color:#15803d;background:#e2f4e8}.mkt-v2 .stage-chip[data-tone=bad]{color:#c2410c;background:#fde4dc}.mkt-v2 .stage-chip[data-tone=meh]{color:#806010;background:#f6eccc}.mkt-v2 .stage-age{font-size:calc(var(--u) * 11);color:var(--ink-2)}.mkt-v2 .stage-name{margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 16);font-weight:700}.mkt-v2 .stage-name[data-muted]{color:#8a8c99}.mkt-v2 .stage-line{font-size:calc(var(--u) * 12);color:var(--ink-2);line-height:1.3}.mkt-v2 .stage-sent{align-items:center;gap:calc(var(--u) * 6);display:flex}.mkt-v2 .stage-sent svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.mkt-v2 .stage-sticker{z-index:3;left:calc(var(--u) * var(--sticker-left));top:calc(var(--u) * var(--sticker-top));width:calc(var(--u) * var(--sticker-size));height:calc(var(--u) * var(--sticker-size));background:var(--apricot);box-shadow:0 calc(var(--u) * 18) calc(var(--u) * 36) #d9481c40;font-family:var(--font-bricolage), sans-serif;font-weight:800;font-size:calc(var(--u) * var(--sticker-size) * .125);letter-spacing:-.02em;text-align:center;color:var(--ink);border-radius:999px;place-items:center;line-height:.98;display:grid;position:absolute;rotate:8deg}.mkt-v2 .stage-sticker>span>*{display:block}.mkt-v2 .stage-sticker b{letter-spacing:-.035em;font-size:1.42em}}