/* Large claimant form on the landing page, and the morph into the full builder. */
@view-transition { navigation: auto; }
.landing-intake { view-transition-name: claim-intake; }

.landing-intake{max-width:720px;margin:clamp(40px,6vw,72px) auto 56px;padding:32px 34px 34px;border:1px solid var(--border,#2c313d);border-radius:14px;background:var(--panel,#212530);box-shadow:0 24px 60px -32px rgba(0,0,0,.75)}
.landing-intake-head{margin-bottom:24px}
.landing-intake-kicker{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--subtle,#8a94a8)}
.landing-intake h2{margin:0 0 8px;font-size:26px;letter-spacing:-.3px}
.landing-intake-head p{margin:0;color:var(--muted,#a2adbf);font-size:14px;line-height:1.7;max-width:56ch}
.landing-intake-form{display:flex;flex-direction:column;gap:18px}
.landing-field{display:flex;flex-direction:column;gap:8px}
.landing-field>span{font-size:13px;font-weight:600}
.landing-field>span i{font-style:normal;color:#4679ed}
.landing-question-help{position:relative;display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;cursor:help;border-radius:4px}
.landing-question-help:focus-visible{outline:2px solid #5b84e8;outline-offset:3px}
.landing-question-help>b{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #63708a;border-radius:50%;color:#aab6cc;font-size:10px;font-weight:700}
.landing-question-tooltip{position:absolute;z-index:10;left:0;bottom:calc(100% + 10px);width:min(330px,calc(100vw - 72px));padding:11px 13px;border:1px solid #46516a;border-radius:8px;background:#151923;color:#dce3f2;font-size:12px;font-weight:450;line-height:1.55;box-shadow:0 12px 30px rgba(0,0,0,.34);opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.landing-question-tooltip::after{content:"";position:absolute;top:100%;left:22px;border:6px solid transparent;border-top-color:#46516a}
.landing-question-help:hover .landing-question-tooltip,.landing-question-help:focus .landing-question-tooltip,.landing-question-help:focus-within .landing-question-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.landing-field input,.landing-field select{width:100%;padding:14px 15px;font:inherit;font-size:15px;color:var(--text,#eef1ff);background:var(--input,#1a1d26);border:1px solid var(--border,#2c313d);border-radius:9px}
.landing-field input:focus-visible,.landing-field select:focus-visible,.landing-check input:focus-visible,.landing-intake-next:focus-visible{outline:2px solid #5b84e8;outline-offset:2px}
.landing-check{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:var(--muted,#a2adbf);line-height:1.6}
.landing-check input{margin-top:2px;width:16px;height:16px;flex:none}
.landing-intake-error{margin:0;padding:12px 14px;border-radius:8px;background:#442e37;color:#ffb4c4;font-size:13px}
.landing-intake-warning{padding:12px 14px;border:1px solid #6b5936;border-radius:8px;background:#403a2b;color:#dbca9b;font-size:12px;line-height:1.6}
.landing-intake-warning p{margin:0}.landing-intake-warning p+p{margin-top:7px}
.landing-intake-next{align-self:flex-start;padding:14px 22px;font-size:15px}
.landing-intake-note{margin:0;font-size:12px;color:var(--subtle,#8a94a8)}
@media(max-width:700px){.landing-intake{margin:36px 16px 40px;padding:24px 20px 26px}.landing-intake h2{font-size:22px}}
@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
