/* The only personalized surface is locally rendered and blocked from capture/replay. */
body.public-site .see-yours{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:64px;align-items:center;padding:48px 0}.see-form{display:grid;gap:20px;margin-top:32px}.see-form>div{display:grid;gap:8px}.see-form label{margin:0;font-weight:600;font-size:1rem}.see-form input,.see-form select{width:100%;min-width:0;min-height:52px;background:var(--card);color:var(--ink);border:1px solid var(--muted);border-radius:4px;padding:12px;font:inherit}.see-form select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%230b2d4b' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.see-form button{margin:0;justify-self:start;min-width:160px}.see-form .small{margin:0!important}.see-stage{display:flex;flex-direction:column;align-items:center;min-width:0}.see-lamp{display:block;width:min(100%,22.5rem);height:auto;flex-shrink:0}.see-phone{width:min(100%,20rem);border:8px solid var(--ink);border-radius:30px;background:var(--card);overflow:hidden;box-shadow:12px 16px 0 var(--line);--sample-ink:#2b1a12;--sample-paper:#f3ece6;--sample-accent:#f2b632;--sample-button-text:#2b1a12;--sample-heading:var(--display)}.see-phone-top{height:24px;display:flex;align-items:center;justify-content:center;background:var(--paper)}.see-phone-top span{width:56px;height:6px;background:var(--ink);border-radius:8px}.see-screen{background:var(--sample-paper);color:var(--sample-ink);padding:20px}.see-screen .see-sample-label{font:600 .75rem var(--body);text-transform:uppercase;letter-spacing:.08em;padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid currentColor}.see-trade-label{font-size:.8125rem;font-weight:600}body.public-site .see-screen h2{color:var(--sample-ink);font-family:var(--sample-heading);font-size:1.75rem;line-height:1.12;margin:8px 0 16px;overflow-wrap:anywhere;word-break:normal;text-wrap:wrap}.see-screen [data-sample-description]{font-size:.9375rem;line-height:1.5;margin-bottom:20px}.see-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px;margin-bottom:20px}body.public-site .see-call{display:flex;gap:8px;background:var(--sample-accent);color:var(--sample-button-text);border-color:var(--sample-accent);width:100%;opacity:1;cursor:default;min-height:48px;border-radius:24px}.see-call svg{width:20px;height:20px}.see-call-note{font-size:.75rem;line-height:1.5;text-align:center;margin:12px 0 0!important}.see-result{width:min(100%,25rem);text-align:center;margin-top:32px}.see-result p{font-size:1rem;margin-bottom:12px}.see-result .button{width:100%}.see-fallback .actions{margin-top:16px}.see-redesign{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:48px;align-items:center;padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.see-redesign .address-start{margin:0}.see-redesign p{font-size:1.0625rem}.see-redesign h2{margin-bottom:16px}
/* A small explanatory story, subordinate to the interactive hero. */
.find-story{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:64px;align-items:center;padding:64px 0}.find-story-copy{min-width:0}.find-story .small{font-size:.875rem}.find-steps{list-style:none;padding:0;margin:32px 0}.find-steps li{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.find-steps li>span{flex-shrink:0;font-size:.875rem;font-weight:600;color:var(--accent);padding-top:3px}.find-steps h3{font-size:1.375rem!important;margin-bottom:8px!important}.find-steps p{margin:0!important}.find-phone{position:relative;width:min(100%,20rem);margin:0 auto;padding:24px 20px 16px;border:7px solid var(--ink);border-radius:28px;background:var(--card)}.find-phone-top{width:50px;height:6px;background:var(--ink);border-radius:8px;margin:0 auto 24px}.find-search{display:flex;align-items:center;gap:8px;padding:10px 8px;border:1px solid var(--line);border-radius:20px;background:var(--paper);font-size:.9375rem}.find-search>svg{width:20px;height:20px;flex:none}.find-result{position:relative;margin:24px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}.find-url{font-size:.75rem;overflow-wrap:anywhere;color:var(--muted)}.find-result h3{font-size:1.25rem!important;line-height:1.25;margin:8px 0!important;text-decoration:underline;text-underline-offset:3px}.find-result p{font-size:.875rem;margin:0!important}.find-result .find-tap{display:block;margin:8px 0 0 auto}.find-tap{width:36px;height:36px}.find-website{background:var(--wash);padding:20px;border-radius:4px}.find-website .eyebrow{font-size:.6875rem;margin-bottom:12px}.find-website h3{font-size:1.5rem!important}.find-bread{display:block;width:100%;height:90px}.find-call{position:relative;display:block;padding:10px;text-align:center;color:var(--paper);background:var(--ink);font-size:.9375rem;font-weight:600;border-radius:4px}.find-call .find-tap{position:absolute;right:4px;top:4px}.find-phone figcaption{font-size:.75rem;text-align:center;margin-top:20px}
@media(max-width:760px){body.public-site .see-yours{gap:24px;padding:32px 0}.see-form{margin-top:24px;gap:16px}.see-form button{width:100%}.see-lamp{margin-top:8px}.see-phone{box-shadow:6px 8px 0 var(--line)}.see-result{margin-top:24px}.see-redesign{gap:24px;padding:32px 0}.find-story{gap:24px;padding:40px 0}.find-steps{margin:24px 0}.see-screen{padding:18px}}
@media(prefers-reduced-motion:reduce){[data-see-light]{opacity:1!important}.find-tap{opacity:.5}}

[data-see-light]{opacity:.15}
@media(prefers-reduced-motion:reduce){[data-see-light]{opacity:1}}

/* Reserve the same form and picture geometry while the local sample bundle loads. */
.see-entry{display:grid}.see-entry>.see-form,.see-entry>.see-fallback{grid-area:1/1}.see-form[hidden]{display:grid!important;visibility:hidden;pointer-events:none}.see-fallback{align-self:start;margin-top:32px}

/* The result owns a reserved grid row; sample height never re-centres the form. */
body.public-site .see-yours{align-items:start}
.see-result[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.see-page{container-type:inline-size}
@container(min-width:48rem){body.public-site .see-yours{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:max-content minmax(0,1fr);column-gap:64px;row-gap:24px;min-height:56rem}.see-yours>.hero-copy{grid-column:1;grid-row:1}.see-yours>.see-stage{grid-column:2;grid-row:1/3}.see-yours>.see-result{grid-column:1;grid-row:2;align-self:start;text-align:left;margin:0;max-width:100%}.see-result .button{width:auto}}
@media(min-width:761px) and (max-width:1100px){body.public-site .see-yours{column-gap:32px}}