.techdx-hero{padding:135px 24px 95px;background:radial-gradient(circle at 12% 18%,rgba(123,44,255,.17),transparent 28%),radial-gradient(circle at 88% 76%,rgba(0,229,178,.08),transparent 25%),#08091a;border-bottom:1px solid rgba(255,255,255,.08)}
.techdx-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.techdx-hero h1{font-size:clamp(3.1rem,5.5vw,5.55rem);line-height:.99;letter-spacing:-.064em;margin:17px 0 24px}.techdx-lead{color:#c3c8dc;font-size:1.1rem;max-width:760px;line-height:1.78}.techdx-points{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.techdx-points span{padding:8px 12px;border-radius:999px;border:1px solid rgba(0,229,178,.18);background:rgba(0,229,178,.06);color:#a9f8df;font-size:.75rem;font-weight:750}.techdx-disclaimer{max-width:680px;color:#777e9a;font-size:.75rem}
.techdx-start-card{padding:34px;border:1px solid rgba(168,85,247,.34);border-radius:28px;background:linear-gradient(145deg,#15182f,#0c0e20);box-shadow:0 35px 95px rgba(0,0,0,.38)}.techdx-card-head h2{font-size:2rem;margin:8px 0}.techdx-card-head p{color:#9fa5bd;margin-top:0}.techdx-step-badge{color:#61efc2;font-size:.67rem;font-weight:850;letter-spacing:.13em}.techdx-form{display:grid;gap:14px;margin-top:24px}.techdx-form label{display:grid;gap:7px;color:#c6cadc;font-size:.76rem;font-weight:700}.techdx-form input,.techdx-form select{width:100%;border:1px solid rgba(255,255,255,.12);background:#090b1c;color:#fff;border-radius:13px;padding:13px 14px;outline:none}.techdx-form input:focus,.techdx-form select:focus{border-color:rgba(0,229,178,.5);box-shadow:0 0 0 4px rgba(0,229,178,.06)}.techdx-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.techdx-consent{grid-template-columns:20px 1fr!important;align-items:start}.techdx-consent input{width:auto;margin-top:3px}.techdx-consent span{color:#8e95ae;font-weight:500;line-height:1.5}.techdx-button{width:100%;justify-content:space-between;margin-top:2px}.techdx-feedback{min-height:20px;color:#61efc2;font-size:.78rem}.techdx-feedback.error{color:#ff8ca0}
.techdx-workspace{padding:100px 24px;background:#08091a;min-height:760px}.techdx-progress-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.techdx-progress-head h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:10px 0 0;letter-spacing:-.05em}.techdx-progress-head>strong{font-size:1.2rem;color:#61efc2}.techdx-progress{height:8px;border-radius:999px;background:#181b33;overflow:hidden;margin:24px 0 38px}.techdx-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7b2cff,#a855f7,#00e5b2);transition:width .3s ease}.techdx-question-shell{display:grid;grid-template-columns:300px 1fr;gap:20px}.techdx-pillar-nav{display:grid;gap:7px}.techdx-pillar-nav>div{display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;border:1px solid transparent;color:#777e98;transition:.2s}.techdx-pillar-nav>div>span{width:9px;height:9px;border-radius:50%;background:#30344d}.techdx-pillar-nav strong{display:block;font-size:.78rem}.techdx-pillar-nav small{display:block;font-size:.65rem;color:#686f89}.techdx-pillar-nav>div.is-active{color:#fff;border-color:rgba(168,85,247,.25);background:rgba(168,85,247,.08)}.techdx-pillar-nav>div.is-active>span{background:#61efc2;box-shadow:0 0 16px rgba(97,239,194,.5)}.techdx-pillar-nav>div.is-done{color:#a9afc4}.techdx-pillar-nav>div.is-done>span{background:#7b2cff}.techdx-question-card{padding:42px;border:1px solid rgba(255,255,255,.1);border-radius:27px;background:linear-gradient(145deg,#12152a,#0d0f21);min-height:480px}.techdx-question-number{color:#717893;font-size:.7rem;font-weight:800;letter-spacing:.11em}.techdx-question-pillar{color:#61efc2;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;margin:25px 0 10px}.techdx-question-card h3{font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.16;letter-spacing:-.035em;max-width:900px;margin:0 0 27px}.techdx-options{display:grid;gap:9px}.techdx-option{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:15px 17px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:#0b0d1e;color:#b9bfd3;cursor:pointer;transition:.2s}.techdx-option:hover{border-color:rgba(168,85,247,.35);transform:translateX(3px)}.techdx-option.is-selected{color:#fff;border-color:rgba(0,229,178,.42);background:rgba(0,229,178,.075)}.techdx-option i{width:20px;height:20px;border-radius:50%;border:1px solid #4d536e;display:grid;place-items:center;font-style:normal;font-size:.66rem}.techdx-option.is-selected i{border-color:#61efc2;background:#61efc2;color:#07130f}.techdx-question-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.techdx-question-actions button:disabled{opacity:.4;cursor:not-allowed;transform:none}
.techdx-result{padding:105px 24px;background:radial-gradient(circle at 80% 12%,rgba(123,44,255,.15),transparent 26%),#08091a}.techdx-result-hero{display:grid;grid-template-columns:210px 1fr;gap:40px;align-items:center;margin-bottom:42px}.techdx-score-ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#61efc2 var(--score,0%),#20243c 0);position:relative}.techdx-score-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0d0f21}.techdx-score-ring>div{position:relative;z-index:1;text-align:center}.techdx-score-ring strong{font-size:3.4rem;line-height:1}.techdx-score-ring span{color:#858ca7}.techdx-result-hero h2{font-size:clamp(2.7rem,5vw,4.7rem);margin:8px 0 10px;letter-spacing:-.055em}.techdx-result-hero p:not(.eyebrow){color:#aeb4ca;max-width:760px}.techdx-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.techdx-result-panel{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#101326}.techdx-panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.techdx-panel-title>div{display:flex;gap:12px;align-items:center}.techdx-panel-title span{color:#61efc2;font-size:.68rem;font-weight:850}.techdx-panel-title h3{margin:0}.techdx-panel-title small{color:#737a96}.techdx-bars{display:grid;gap:15px}.techdx-bar-head{display:flex;justify-content:space-between;gap:10px;font-size:.8rem}.techdx-bar-head span{color:#aeb4ca}.techdx-bar-head strong{color:#fff}.techdx-bar-track{height:8px;border-radius:999px;background:#23273f;overflow:hidden;margin-top:6px}.techdx-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7b2cff,#00e5b2)}.techdx-recommendations{display:grid;gap:10px}.techdx-rec{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0b0d1e}.techdx-rec>span{font-size:.63rem;color:#61efc2;font-weight:850;letter-spacing:.1em}.techdx-rec h4{margin:7px 0 6px}.techdx-rec p{margin:0;color:#8f96af;font-size:.8rem;line-height:1.55}.techdx-rec a{display:inline-flex;margin-top:10px;color:#d1a3ff;font-size:.75rem;font-weight:750}.techdx-result-cta{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;padding:42px;margin-top:18px;border-radius:25px;border:1px solid rgba(168,85,247,.35);background:linear-gradient(135deg,rgba(123,44,255,.12),rgba(0,229,178,.04))}.techdx-result-cta h2{font-size:clamp(2rem,3.5vw,3.3rem);letter-spacing:-.045em;margin:10px 0}.techdx-result-cta p:not(.eyebrow){color:#a8aec4}.techdx-result-cta>div:last-child{display:grid;gap:10px}.techdx-result-note{color:#737a94;font-size:.72rem;margin-top:18px}
@media(max-width:980px){.techdx-hero-grid,.techdx-question-shell,.techdx-result-grid,.techdx-result-cta{grid-template-columns:1fr}.techdx-pillar-nav{display:none}.techdx-result-hero{grid-template-columns:170px 1fr}.techdx-score-ring{width:160px;height:160px}.techdx-start-card{max-width:720px}.techdx-hero{padding-top:105px}}
@media(max-width:650px){.techdx-hero,.techdx-workspace,.techdx-result{padding-inline:16px}.techdx-two{grid-template-columns:1fr}.techdx-start-card,.techdx-question-card,.techdx-result-panel,.techdx-result-cta{padding:24px}.techdx-question-actions{flex-direction:column-reverse}.techdx-question-actions .button{width:100%}.techdx-result-hero{grid-template-columns:1fr}.techdx-score-ring{margin:auto}.techdx-progress-head{align-items:start}.techdx-result-cta .button{width:100%}}