.diagnostic-page{background:radial-gradient(circle at 82% 0%,rgba(255,91,63,.12),transparent 34%),radial-gradient(circle at 10% 20%,rgba(255,209,102,.1),transparent 28%)}.diagnostic-hero{margin-left:clamp(0px,4vw,72px);animation:diagnosticFade .7s ease both}.diagnostic-eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:#ffffff8a;padding:10px 16px;box-shadow:0 18px 50px #21104d14;color:#21104dad;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(18px)}.diagnostic-eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:#ff5b3f}.diagnostic-form{position:relative;overflow:hidden;box-shadow:0 34px 100px #21104d21;animation:diagnosticFade .76s 90ms ease both}.diagnostic-form:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.58),transparent 28%),radial-gradient(circle at 96% 2%,rgba(255,91,63,.11),transparent 30%)}.diagnostic-form>*{position:relative}.diagnostic-step{animation:diagnosticStep .36s ease both}.answer-grid{max-width:1120px}.answer-card{position:relative;display:grid;min-height:104px;align-content:start;gap:16px;border:1px solid rgba(229,231,235,.9);border-radius:28px;background:#ffffffad;padding:22px;box-shadow:0 10px 30px #21104d0b;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.answer-card:hover{transform:translateY(-2px);border-color:#21104d2e;background:#ffffffe0;box-shadow:0 18px 44px #21104d14}.answer-card:has(input:checked){border-color:#ff5b3f94;background:linear-gradient(180deg,#ff5b3f13,#ffffffc7);box-shadow:0 18px 48px #21104d1a}.answer-card:has(input:focus-visible){outline:4px solid rgba(255,91,63,.18);outline-offset:2px}.answer-dot{width:22px;height:22px;border:1px solid rgba(33,16,77,.18);border-radius:999px;background:#ffffffb8;box-shadow:inset 0 0 0 5px #ffffffb8;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.answer-card:has(input:checked) .answer-dot{border-color:#ff5b3f;background:#ff5b3f;box-shadow:inset 0 0 0 5px #ffffffe6}.result-card{border:1px solid #E5E7EB;border-radius:32px;background:#ffffffe6;padding:24px;box-shadow:0 16px 42px #21104d14;color:#334155}.result-content{color:#334155}.result-content h3,.result-content h4,.result-card h3,.ux-result-block h4{color:#000}.result-content p:not(.result-kicker),.result-card p:not(.result-kicker),.ux-result-block p{color:#334155c7}.result-kicker{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#ff5b3f}.ux-preview-panel{position:relative;overflow:hidden}.ux-preview-panel:before{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:999px;background:#ff5b3f1a;filter:blur(80px);pointer-events:none}.ux-preview-panel>*{position:relative}.preview-stage-frame{box-shadow:inset 0 1px #ffffff8c,0 18px 54px #21104d14}.explanation-panel{color:#334155}.explanation-card{box-shadow:none}.signature-note{box-shadow:inset 0 1px #ffffff8c}.ux-result-block{border:1px solid #E5E7EB;border-radius:24px;background:linear-gradient(180deg,#ff5b3f0d,#fff);padding:18px;transition:transform .2s ease,box-shadow .2s ease;color:#334155}.ux-result-block:hover{transform:translateY(-2px);box-shadow:0 14px 32px #21104d14}.live-browser{max-width:980px;transition:max-width .32s ease,border-radius .32s ease,transform .32s ease}[data-live-device-stage].is-tablet .live-browser{max-width:720px}[data-live-device-stage].is-mobile .live-browser{max-width:380px;border-radius:34px}.live-device.is-active{background:#fff;box-shadow:0 8px 18px #21104d14}.live-wire-block{min-height:220px;border:1px solid rgba(229,231,235,1);border-radius:24px;background:#4b315f12;padding:18px;text-align:left;box-shadow:0 8px 24px #21104d0a;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,opacity .24s ease,background .24s ease}.live-wire-block:nth-child(1){background:#ff5b3f1a}.live-wire-block:nth-child(3){background:#ffd1662e}.live-wire-block:nth-child(5){background:#f1f5f9f2}.live-wire-block:hover,.live-wire-block.is-active{border-color:#ff5b3f;box-shadow:0 22px 50px #21104d24;transform:translateY(-3px)}.live-wire-block.is-muted{opacity:.62}.live-wire-label{display:inline-flex;border-radius:999px;background:#ffffffc7;padding:6px 12px;color:#21104d;font-size:12px;font-weight:900}.btn-primary,.btn-secondary{min-height:48px;font-weight:800;letter-spacing:.01em;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-primary{box-shadow:0 18px 42px #00000029}@keyframes diagnosticFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes diagnosticStep{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.live-wire-copy{display:grid;gap:8px;margin-top:18px;max-width:76%}.live-wire-copy span{display:block;height:10px;border-radius:999px;background:#ffffffc7}.live-wire-copy span:last-child{width:66%;background:#ffffff94}.live-wire-layout{display:grid;gap:10px;margin-top:18px}.live-wire-layout span{display:block;min-height:38px;border-radius:14px;background:#ffffff9e;border:1px solid rgba(255,255,255,.5)}.live-wire-hero .live-wire-layout{grid-template-columns:1.3fr .7fr}.live-wire-hero .live-wire-layout span:first-child{min-height:76px}.live-wire-cards .live-wire-layout,.live-wire-products .live-wire-layout,.live-wire-gallery .live-wire-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.live-wire-gallery .live-wire-layout span:first-child,.live-wire-products .live-wire-layout span:first-child{grid-column:span 2;min-height:64px}.live-wire-split .live-wire-layout,.live-wire-case .live-wire-layout,.live-wire-checkout .live-wire-layout{grid-template-columns:1fr 1fr}.live-wire-steps .live-wire-layout,.live-wire-faq .live-wire-layout{grid-template-columns:1fr}.live-wire-steps .live-wire-layout span,.live-wire-faq .live-wire-layout span{min-height:24px}.live-wire-trust .live-wire-layout{grid-template-columns:.7fr 1fr 1fr}.live-wire-contact .live-wire-layout{grid-template-columns:1fr 1fr}.live-wire-contact .live-wire-layout span:nth-child(3){grid-column:span 2;min-height:54px}.live-wire-elements{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.live-wire-elements span{border:1px solid rgba(229,231,235,.9);border-radius:999px;background:#ffffffd1;padding:5px 9px;color:#21104db8;font-size:11px;font-weight:800}.mini-hero,.mini-contact,.mini-split{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:16px}.mini-hero-copy,.mini-visual,.mini-form,.mini-contact-card,.mini-split>span,.mini-card-grid>span,.mini-products>span,.mini-testimonials>span,.mini-faq>span{display:block;border:1px solid rgba(255,255,255,.58);border-radius:18px;background:#ffffff94;padding:12px}.mini-h1,.mini-line,.mini-hero-copy b,.mini-card-grid b,.mini-card-grid em,.mini-products b,.mini-products em,.mini-testimonials b,.mini-testimonials em,.mini-contact-card b,.mini-split b,.mini-split i,.mini-faq b,.mini-faq i{display:block;border-radius:999px;background:#21104d29}.mini-h1{height:14px;width:82%;background:#21104d52}.mini-line{height:8px;width:58%;margin-top:9px}.mini-line.wide{width:92%}.mini-actions{display:flex;gap:8px;margin-top:14px}.mini-actions span{height:24px;width:72px;border-radius:999px;background:#21104d}.mini-actions span:last-child{width:58px;border:1px solid rgba(33,16,77,.18);background:#ffffffa6}.mini-visual{min-height:98px;background:linear-gradient(145deg,#ff5b3f26,#ffffffa8)}.mini-visual span{display:block;height:12px;width:72%;margin-top:10px;border-radius:999px;background:#ffffffb8}.mini-visual span:first-child{height:34px;width:100%;margin-top:0;border-radius:14px}.mini-trust-row,.mini-logo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mini-logo-row{grid-template-columns:repeat(4,1fr)}.mini-trust-row span,.mini-logo-row span{height:28px;border-radius:999px;background:#ffffffa3;border:1px solid rgba(255,255,255,.5)}.mini-card-grid,.mini-products,.mini-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.mini-testimonials{grid-template-columns:1fr 1fr}.mini-card-grid i,.mini-products i{display:block;height:26px;width:26px;border-radius:10px;background:#ff5b3f2e}.mini-card-grid b,.mini-products b,.mini-testimonials b,.mini-split b,.mini-faq b{height:9px;width:74%;margin-top:12px}.mini-card-grid em,.mini-products em,.mini-testimonials em,.mini-split i,.mini-faq i{height:7px;width:58%;margin-top:8px}.mini-steps{display:grid;gap:8px;margin-top:16px}.mini-steps span{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;border-radius:16px;background:#fff9;padding:10px}.mini-steps i{display:grid;height:28px;width:28px;place-items:center;border-radius:999px;background:#ff5b3f2e;color:#21104d;font-size:11px;font-style:normal;font-weight:900}.mini-steps b{display:block;height:8px;border-radius:999px;background:#21104d29}.mini-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:10px;margin-top:16px}.mini-gallery span{min-height:64px;border-radius:16px;background:#ffffff9e}.mini-gallery span:first-child{grid-row:span 2;min-height:138px}.mini-form{display:grid;gap:8px}.mini-form i,.mini-form b{display:block;height:30px;border-radius:12px;background:#ffffffbd;border:1px solid rgba(229,231,235,.8)}.mini-form i:nth-child(3){height:54px}.mini-form b{width:44%;border-radius:999px;background:#21104d}.mini-contact-card i{display:block;height:48px;border-radius:16px;background:#ff5b3f1f}.mini-contact-card b{height:8px;width:78%;margin-top:10px}.mini-split em{display:block;height:26px;width:54%;margin-top:12px;border-radius:999px;background:#21104d}.mini-faq{display:grid;gap:8px;margin-top:16px}.mini-faq>span{padding:10px 12px}.mini-faq b{margin-top:0;width:86%}[data-live-device-stage].is-mobile .live-wire-layout,[data-live-device-stage].is-mobile .live-wire-hero .live-wire-layout,[data-live-device-stage].is-mobile .live-wire-cards .live-wire-layout,[data-live-device-stage].is-mobile .live-wire-products .live-wire-layout,[data-live-device-stage].is-mobile .live-wire-gallery .live-wire-layout,[data-live-device-stage].is-mobile .live-wire-split .live-wire-layout,[data-live-device-stage].is-mobile .live-wire-contact .live-wire-layout{grid-template-columns:1fr}[data-live-device-stage].is-mobile .live-wire-gallery .live-wire-layout span:first-child,[data-live-device-stage].is-mobile .live-wire-products .live-wire-layout span:first-child,[data-live-device-stage].is-mobile .live-wire-contact .live-wire-layout span:nth-child(3){grid-column:auto}[data-live-device-stage].is-mobile .mini-hero,[data-live-device-stage].is-mobile .mini-contact,[data-live-device-stage].is-mobile .mini-split,[data-live-device-stage].is-mobile .mini-card-grid,[data-live-device-stage].is-mobile .mini-products,[data-live-device-stage].is-mobile .mini-testimonials,[data-live-device-stage].is-mobile .mini-gallery{grid-template-columns:1fr}[data-live-device-stage].is-mobile .mini-gallery span:first-child{grid-row:auto;min-height:72px}[data-live-device-stage].is-tablet .mini-card-grid,[data-live-device-stage].is-tablet .mini-products{grid-template-columns:repeat(2,1fr)}
