/* Phase 21O.1 — Angler Profile conversion & Pocket Tackle onboarding */
.dvh21o1-value{margin:18px 0 22px;padding:clamp(18px,4vw,30px);border:1px solid rgba(18,43,39,.16);border-radius:22px;background:linear-gradient(145deg,#f7f8f3,#eef4ef);box-shadow:0 16px 38px rgba(18,43,39,.08)}
.dvh21o1-value-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.dvh21o1-value-head h2,.dvh21o1-value-head h1{margin:.25rem 0 .45rem}.dvh21o1-value-head p{max-width:760px;margin:0;color:#4d5d58}.dvh21o1-value .eyebrow{color:#926c21}
.dvh21o1-preview-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.dvh21o1-preview-controls label{display:grid;gap:6px;font-weight:700;color:#18352f}.dvh21o1-preview-controls select{min-height:48px;border:1px solid #bac7c2;border-radius:12px;padding:0 12px;background:#fff;color:#17302b;font:inherit}.dvh21o1-preview-status{min-height:24px;margin:10px 0 0;color:#53635e;font-size:.92rem}.dvh21o1-preview-status.is-error{color:#9c2f27}
.dvh21o1-preview-result{margin-top:15px;padding:18px;border-radius:18px;background:#102d27;color:#f8fbf8}.dvh21o1-preview-heading{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}.dvh21o1-preview-heading span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#c8d5d1}.dvh21o1-preview-heading h3{margin:.25rem 0 0;font-size:1.35rem}.dvh21o1-score{display:grid;grid-template-columns:auto auto;align-items:baseline;text-align:right}.dvh21o1-score strong{font-size:2.1rem;line-height:1}.dvh21o1-score small{color:#c8d5d1}.dvh21o1-score b{grid-column:1/3;color:#e4b94d;margin-top:4px}.dvh21o1-preview-summary{margin:13px 0;color:#e7eeeb}.dvh21o1-current-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dvh21o1-current-grid>div{display:grid;gap:2px;padding:10px;border-radius:12px;background:rgba(255,255,255,.075)}.dvh21o1-current-grid span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#b8c9c4}.dvh21o1-current-grid strong{font-size:.95rem}.dvh21o1-current-grid small{color:#cedbd7}.dvh21o1-preview-disclaimer{font-size:.82rem;color:#c7d4d0;margin:13px 0 0}.dvh21o1-preview-provider{font-size:.74rem;color:#9fb2ac;margin:5px 0 0}
.dvh21o1-remember{margin-top:14px;padding:15px;border:1px solid rgba(147,108,33,.24);border-radius:16px;background:#fff9e9}.dvh21o1-remember strong{display:block;color:#17332d}.dvh21o1-remember p{margin:5px 0 12px;color:#4f5e59}.dvh21o1-remember .btn{display:inline-flex}
.dvh21o1-quick-profile{margin:20px 0;padding:clamp(18px,4vw,28px);border:1px solid rgba(18,43,39,.15);border-radius:22px;background:#fff}.dvh21o1-quick-profile h2{margin:.25rem 0 .45rem}.dvh21o1-quick-profile>p{color:#53625d;max-width:760px}.dvh21o1-quick-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.dvh21o1-quick-fields label{display:grid;gap:6px;font-weight:700}.dvh21o1-quick-fields input{min-height:48px;border:1px solid #bbc7c3;border-radius:12px;padding:0 12px;font:inherit}.dvh21o1-quick-fields .full{grid-column:1/-1}.dvh21o1-quick-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:15px}.dvh21o1-quick-actions small{color:#68756f}
.dvh21o1-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;list-style:none}.dvh21o1-benefits li{padding:10px 12px;border-radius:12px;background:#f1f5f2;color:#244139;font-weight:650;font-size:.9rem}
.dvh21o1-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 20px}.dvh21o1-step{display:grid;gap:3px;padding:11px 12px;border:1px solid #d6dedb;border-radius:13px;background:#fff}.dvh21o1-step span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#75827d}.dvh21o1-step strong{font-size:.9rem;color:#213d36}.dvh21o1-step.is-done{background:#eaf4ed;border-color:#b9d6c1}.dvh21o1-step.is-next{border-color:#d7b565;background:#fff9ea}
.dvh21o1-onboard-card{margin:16px 0;padding:17px;border:1px solid rgba(18,43,39,.15);border-radius:17px;background:#f6f8f6}.dvh21o1-onboard-card h3{margin:.2rem 0 .4rem}.dvh21o1-onboard-card p{margin:.25rem 0 12px;color:#53635e}.dvh21o1-onboard-actions{display:flex;gap:9px;flex-wrap:wrap}.dvh21o1-onboard-card[hidden]{display:none!important}.dvh21o1-install-help{display:block;margin-top:8px;color:#65736e;font-size:.82rem}.dvh21o1-product-intel{margin:12px 0 0;padding:12px 14px;border-radius:13px;background:#eef4ef;border:1px solid #d6e0da;color:#29463e}.dvh21o1-product-intel strong{display:block;margin-bottom:3px}.dvh21o1-product-intel a{font-weight:750;color:#173d34;text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){.dvh21o1-value-head{display:block}.dvh21o1-preview-controls{grid-template-columns:1fr}.dvh21o1-preview-controls .btn{width:100%}.dvh21o1-current-grid{grid-template-columns:1fr 1fr}.dvh21o1-quick-fields{grid-template-columns:1fr}.dvh21o1-benefits{grid-template-columns:1fr 1fr}.dvh21o1-steps{grid-template-columns:1fr 1fr}.dvh21o1-preview-heading{align-items:center}.dvh21o1-score strong{font-size:1.8rem}}
@media(max-width:430px){.dvh21o1-current-grid,.dvh21o1-benefits,.dvh21o1-steps{grid-template-columns:1fr}.dvh21o1-preview-heading{display:block}.dvh21o1-score{margin-top:10px;justify-content:start;text-align:left}.dvh21o1-quick-actions .btn,.dvh21o1-onboard-actions .btn{width:100%;justify-content:center}}
/* Phase 21O.1A: keep the recommended next action visible below the sticky header after onboarding handoffs. */
#recommended-next-action{scroll-margin-top:120px}
@media (max-width:760px){#recommended-next-action{scroll-margin-top:92px}}



/* Phase 21O.1B — controlled live-preview conversion polish */
.dvh21o1-public-hero h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:.98;max-width:1180px}
.dvh21o1-preview-controls [data-preview-check]{min-height:52px;padding:0 22px;background:#103c34!important;color:#fff!important;border-color:#103c34!important;box-shadow:0 10px 24px rgba(16,60,52,.18)}
.dvh21o1-preview-controls [data-preview-check]:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(16,60,52,.22)}
.dvh21o1-remember [data-profile-cta],.dvh21o1-quick-actions .btn-primary,.dvh21o1-onboard-actions [data-save-preview-water]{min-height:50px;padding:0 22px;background:#df9827!important;color:#102d27!important;border-color:#df9827!important;box-shadow:0 10px 24px rgba(223,152,39,.2);font-weight:850}
.dvh21o1-remember [data-profile-cta]:hover,.dvh21o1-quick-actions .btn-primary:hover,.dvh21o1-onboard-actions [data-save-preview-water]:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(223,152,39,.25)}
.dvh21n4-app-teaser [data-dvh-install]{min-height:50px;padding:0 22px;background:#103c34!important;color:#fff!important;border-color:#103c34!important;box-shadow:0 10px 24px rgba(16,60,52,.18);font-weight:850}
.dvh21o1-step:not(.is-done):not(.is-next){background:#fff;border-color:#d6dedb}
@media(max-width:760px){.dvh21o1-public-hero h1{font-size:clamp(2.15rem,10vw,3.5rem)}.dvh21o1-preview-controls [data-preview-check],.dvh21o1-remember [data-profile-cta],.dvh21o1-quick-actions .btn-primary,.dvh21o1-onboard-actions [data-save-preview-water]{width:100%;justify-content:center}}