.budget-hero-content{min-height:860px;display:flex;flex-direction:column;justify-content:space-between;gap:56px}.budget-hero-copy{position:relative;z-index:2;max-width:760px}.budget-hero-flow{position:relative;z-index:4;width:min(100%,880px);margin-inline:auto}.budget-hero-alfred{position:absolute;inset:0;z-index:0}.budget-hero-alfred img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.92) contrast(1.03)}.budget-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,30,24,.98) 0%,rgba(3,30,24,.88) 35%,rgba(3,30,24,.18) 73%,rgba(3,30,24,.28) 100%),linear-gradient(0deg,rgba(3,30,24,.96) 0%,transparent 45%)}
.diagnostic-shell{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,4vw,42px);border:1px solid rgba(197,168,128,.28);border-radius:32px;background:linear-gradient(145deg,rgba(248,250,249,.98),rgba(235,245,241,.94));color:#052e25;box-shadow:0 32px 80px rgba(3,30,24,.28)}
.diagnostic-shell:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 85% 5%,rgba(16,185,129,.14),transparent 34%),linear-gradient(120deg,transparent 45%,rgba(255,255,255,.7))}.diagnostic-orbit{position:absolute;right:-85px;top:-105px;width:270px;height:270px;border:1px solid rgba(12,74,63,.12);border-radius:50%;z-index:-1;animation:diagnostic-spin 22s linear infinite}.diagnostic-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 18px rgba(16,185,129,.7)}.diagnostic-orbit span:nth-child(1){top:34px;left:54px}.diagnostic-orbit span:nth-child(2){right:10px;top:130px;background:#c5a880}.diagnostic-orbit span:nth-child(3){bottom:18px;left:85px;width:5px;height:5px}
.diagnostic-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.diagnostic-kicker{font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#0c4a3f}.diagnostic-head h2{margin:10px 0 0;font-size:clamp(27px,3vw,42px);line-height:1.03;letter-spacing:-.045em}.diagnostic-head h2 em{font-family:Georgia,serif;font-weight:400;color:#0c4a3f}.diagnostic-time{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.diagnostic-time span{width:7px;height:7px;border-radius:50%;background:#10b981;animation:diagnostic-pulse 1.8s ease-in-out infinite}
.diagnostic-progress{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:7px;margin:28px 0}.diagnostic-progress>span{height:3px;border-radius:4px;background:rgba(5,46,37,.12);overflow:hidden}.diagnostic-progress>span:after{content:"";display:block;width:0;height:100%;background:linear-gradient(90deg,#0c4a3f,#10b981);transition:width .55s cubic-bezier(.22,1,.36,1)}.diagnostic-progress>span.is-active:after{width:100%}.diagnostic-progress small{font-size:10px;font-weight:800;color:#55736a;margin-left:8px}
.diagnostic-step.is-active{animation:diagnostic-rise .48s cubic-bezier(.22,1,.36,1)}.diagnostic-question{display:flex;gap:15px;align-items:flex-start;margin-bottom:18px}.diagnostic-question>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid rgba(12,74,63,.18);border-radius:50%;font-size:10px;font-weight:800}.diagnostic-question h3{margin:0;font-size:clamp(20px,2vw,27px);letter-spacing:-.03em}.diagnostic-question p{margin:4px 0 0;font-size:13px;color:#668078}
.diagnostic-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.diagnostic-choice-card{position:relative;display:flex;align-items:center;gap:13px;min-height:76px;padding:14px;border:1px solid rgba(5,46,37,.1);border-radius:16px;background:rgba(255,255,255,.7);cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.diagnostic-choice-card:hover{transform:translateY(-2px);border-color:rgba(12,74,63,.3);box-shadow:0 12px 26px rgba(5,46,37,.08)}.diagnostic-choice-card input{position:absolute;opacity:0;pointer-events:none}.diagnostic-choice-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:#ebf5f1;color:#0c4a3f;font-size:10px;font-weight:900;letter-spacing:.06em;transition:.25s ease}.diagnostic-choice-card strong,.diagnostic-choice-card small{display:block}.diagnostic-choice-card strong{font-size:13px}.diagnostic-choice-card small{margin-top:3px;font-size:10px;line-height:1.35;color:#6a817a}.diagnostic-choice-card i{position:absolute;right:13px;top:13px;width:16px;height:16px;border:1px solid rgba(5,46,37,.18);border-radius:50%}.diagnostic-choice-card:has(input:checked){border-color:#0c4a3f;background:#052e25;color:white;box-shadow:0 16px 32px rgba(5,46,37,.2)}.diagnostic-choice-card:has(input:checked) .diagnostic-choice-icon{background:#b9f34a;color:#052e25}.diagnostic-choice-card:has(input:checked) small{color:rgba(255,255,255,.58)}.diagnostic-choice-card:has(input:checked) i{border-color:#b9f34a;background:#b9f34a;box-shadow:inset 0 0 0 4px #052e25}
.diagnostic-single-grid{display:grid;gap:10px}.diagnostic-choice-card--single{min-height:70px;padding-left:18px}.diagnostic-final-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.diagnostic-final-grid fieldset{padding:15px;border:1px solid rgba(5,46,37,.1);border-radius:16px;background:rgba(255,255,255,.58)}.diagnostic-final-grid legend{padding:0 4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.diagnostic-final-grid label{display:block;margin-top:8px}.diagnostic-final-grid input{position:absolute;opacity:0}.diagnostic-final-grid label span{display:block;padding:11px 12px;border:1px solid rgba(5,46,37,.1);border-radius:11px;background:white;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.diagnostic-final-grid label:has(input:checked) span{border-color:#0c4a3f;background:#052e25;color:white;transform:translateX(3px)}
.diagnostic-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.diagnostic-nav>span{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#6a817a}.diagnostic-nav button{border:0;border-radius:999px;background:#052e25;color:white;padding:13px 18px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease}.diagnostic-nav button:hover{transform:translateY(-2px);background:#0c4a3f}.diagnostic-nav button:disabled{opacity:.38;cursor:not-allowed;transform:none}.diagnostic-nav .diagnostic-back{background:transparent;color:#55736a;padding-left:0}.diagnostic-nav b{margin-left:7px;color:#b9f34a}.diagnostic-error{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff0ee;color:#9f2d20;font-size:12px}
@keyframes diagnostic-rise{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes diagnostic-spin{to{transform:rotate(360deg)}}@keyframes diagnostic-pulse{50%{transform:scale(1.5);opacity:.45}}
@media(max-width:900px){.budget-hero-content{min-height:0;padding-bottom:42px}.budget-hero-copy{padding-bottom:280px}.budget-hero-alfred img{object-position:64% center}.budget-hero-shade{background:linear-gradient(180deg,rgba(3,30,24,.98) 0%,rgba(3,30,24,.8) 38%,rgba(3,30,24,.15) 64%,rgba(3,30,24,.96) 84%)}}
@media(max-width:720px){.budget-hero-copy{padding-bottom:235px}.budget-hero-alfred img{object-position:68% center}.diagnostic-head{display:block}.diagnostic-time{margin-top:14px}.diagnostic-choice-grid,.diagnostic-final-grid{grid-template-columns:1fr}.diagnostic-choice-card small{font-size:11px}.diagnostic-nav{align-items:stretch;flex-direction:column}.diagnostic-nav button{width:100%}.diagnostic-nav .diagnostic-back{order:2}.diagnostic-nav>span{text-align:center}}
@media(prefers-reduced-motion:reduce){.diagnostic-orbit,.diagnostic-time span,.diagnostic-step.is-active{animation:none}.diagnostic-choice-card,.diagnostic-nav button,.diagnostic-progress>span:after{transition:none}}
