:root{--navy:#0c2853;--navy-deep:#071b39;--teal:#00aeef;--orange:#f7941d;--cream:#f7f9fa;--white:#fff;--ink:#20364e;--muted:#6c7a89;--line:#dfe5e9;--green:#27ae60}*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.intro-label,.intro-tagline,.panel-heading small,.ready-label{font-family:Outfit,Arial,sans-serif}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;padding:0 24px;display:flex;align-items:center;justify-content:center;background:#102f60}.brand{padding:0;border:0;display:flex;background:transparent;cursor:pointer}.brand img{display:block;width:194px;height:auto}main{flex:1}.intro{position:relative;padding:68px 24px 82px;overflow:hidden;color:#fff;text-align:center;background:linear-gradient(155deg,var(--navy),var(--navy-deep))}.intro:before,.intro:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.intro:before{width:420px;height:420px;top:-240px;right:-190px;background:radial-gradient(circle,rgba(0,174,239,.14),transparent 68%)}.intro:after{width:350px;height:350px;bottom:-260px;left:-170px;background:radial-gradient(circle,rgba(247,148,29,.11),transparent 68%)}.intro-label{position:relative;display:inline-block;padding:7px 17px;border:1px solid rgba(0,174,239,.3);border-radius:20px;color:var(--teal);background:rgba(0,174,239,.12);font-size:10px;font-weight:750;letter-spacing:.14em}.intro h1{position:relative;margin:22px 0 11px;color:#fff;font-size:clamp(38px,5vw,58px);font-weight:800;line-height:1.05;letter-spacing:-.035em}.intro h1 span{color:var(--teal)}.intro-tagline{position:relative;display:block;margin-bottom:16px;color:#ffa701;font-size:15px}.intro p{position:relative;max-width:650px;margin:0 auto;color:rgba(255,255,255,.66);font-size:15px;line-height:1.7}.steps{position:relative;z-index:2;width:min(730px,calc(100% - 32px));height:74px;margin:-36px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:12px;background:#fff;box-shadow:0 10px 32px rgba(14,39,70,.1)}.steps>div{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;color:#9aa6af}.steps>div:not(:last-child):after{content:"";position:absolute;right:-15%;width:30%;height:1px;background:var(--line)}.steps span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#87939d;background:#edf1f3;font-size:11px;font-weight:750}.steps b{font-size:12px;font-weight:650;white-space:nowrap}.steps .current{color:var(--navy)}.steps .current span{color:#fff;background:var(--teal);box-shadow:0 0 0 5px rgba(0,174,239,.1)}.steps .done{color:var(--green)}.steps .done span{color:#fff;background:var(--green)}.wizard{width:min(880px,calc(100% - 32px));min-height:380px;margin:42px auto 24px}.panel{padding:38px;border:1px solid #e6ebee;border-radius:16px;background:#fff;box-shadow:0 6px 24px rgba(13,43,76,.05)}.loading-panel,.empty-panel{min-height:220px;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty-panel h2{margin:0;color:var(--navy)}.empty-panel p{margin:10px 0 0}.panel-heading{margin:4px 0 28px;display:flex;align-items:flex-start;gap:17px}.step-icon{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--teal),#008fca);box-shadow:0 5px 16px rgba(0,174,239,.22);font-size:18px;font-weight:800}.panel-heading small{display:block;margin-bottom:5px;color:var(--teal);font-size:9px;font-weight:750;letter-spacing:.13em}.panel-heading h2{margin:0;color:var(--navy);font-size:27px;line-height:1.2}.panel-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.platform-grid,.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.device-grid{gap:12px}.select-card{border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:.2s}.select-card:hover,.select-card:focus-visible{border-color:var(--teal);outline:none;box-shadow:0 7px 20px rgba(0,174,239,.1);transform:translateY(-2px)}.platform-card{min-height:132px;padding:22px;display:flex;align-items:center;gap:18px}.platform-logo{width:58px;height:58px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#183b70,#0075bd);font-size:24px;font-weight:800}.platform-card>span:nth-child(2),.device-card>span:nth-child(2),.harness-card>span:nth-child(2){display:flex;flex:1;flex-direction:column}.platform-card>span:nth-child(2){gap:5px}.platform-card strong{color:var(--navy);font-size:20px}.platform-card small{color:var(--muted)}.select-card i{color:var(--teal);font-size:21px;font-style:normal}.back{margin-bottom:24px;padding:0;border:0;color:var(--muted);background:transparent;font-size:12px;cursor:pointer}.back:hover{color:var(--teal)}.device-card{min-height:100px;padding:17px;display:flex;align-items:center;gap:14px}.device-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:var(--teal);background:#eef8fc;font-size:16px;font-weight:800}.device-card>span:nth-child(2){gap:3px}.device-card small{color:var(--teal);font-size:8px;font-weight:750;letter-spacing:.1em}.device-card strong{color:var(--navy);font-size:15px}.device-card em{color:var(--muted);font-size:11px;font-style:normal}.harness-list{display:flex;flex-direction:column;gap:9px}.harness-card{width:100%;padding:16px 18px;display:flex;align-items:center;gap:15px}.radio{width:19px;height:19px;flex:0 0 auto;border:2px solid #bdc8ce;border-radius:50%}.harness-card:hover .radio{border:6px solid var(--teal)}.harness-card>span:nth-child(2){gap:4px}.harness-card strong{color:var(--navy);font-size:14px}.harness-card small{color:var(--muted);font-size:11px}.result-panel{padding:38px 54px;text-align:center}.result-panel .back{display:block}.success-mark{width:62px;height:62px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:#e9f8ef;font-size:27px;font-weight:800}.ready-label{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.14em}.result-panel h2{margin:10px 0;color:var(--navy);font-size:29px}.result-panel>p{max-width:610px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.6}.summary{margin:27px 0;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);border-radius:10px;background:#f5f8f9}.summary>div{padding:0 12px;display:flex;flex-direction:column;gap:5px}.summary>div+div{border-left:1px solid var(--line)}.summary small{color:#8e9aa3;font-size:8px;letter-spacing:.12em}.summary b{color:var(--navy);font-size:12px}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.primary-action,.secondary-action{min-height:49px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;font-size:13px;font-weight:700}.primary-action{color:#fff;background:var(--orange);box-shadow:0 5px 16px rgba(247,148,29,.22)}.primary-action:hover{background:#e7810c}.secondary-action{border:1px solid var(--line);color:var(--navy)}.secondary-action:hover{border-color:var(--teal)}.play{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:var(--teal);background:#e9f7fc;font-size:9px}.source-note{margin:18px auto 0;padding:10px 14px;display:flex;justify-content:center;gap:9px;border-radius:8px;color:var(--muted);background:#f0f8fb;font-size:10px}.source-note b{color:var(--teal);font-size:9px;letter-spacing:.08em}.start-over{margin-top:22px;border:0;color:var(--muted);background:transparent;font-size:11px;text-decoration:underline;cursor:pointer}.retry{margin-top:18px;padding:10px 18px;border:0;border-radius:8px;color:#fff;background:var(--orange);cursor:pointer}.help-strip{width:min(880px,calc(100% - 32px));margin:20px auto 70px;padding:18px 22px;display:flex;align-items:center;gap:15px;border-radius:12px;background:#eef3f5}.help-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--teal);background:#fff;font-weight:800}.help-copy{display:flex;flex:1;flex-direction:column;gap:3px}.help-strip b{color:var(--navy);font-size:12px}.help-strip span{color:var(--muted);font-size:10px}.help-actions{display:flex;align-items:center;gap:9px}.help-actions a{padding:10px 12px;border:1px solid #cfdde3;border-radius:7px;color:var(--teal);background:#fff;font-size:10px;font-weight:700;white-space:nowrap}.help-actions .schedule-link{border-color:var(--orange);color:#fff;background:var(--orange)}footer{height:64px;margin-top:auto;padding:0 max(28px,calc((100vw - 980px)/2));display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.48);background:var(--navy);font-size:9px}@media(max-width:700px){.intro{padding-top:44px}.steps{padding:0 9px}.steps b{display:none}.steps>div:not(:last-child):after{right:-24%;width:48%}.panel{padding:25px 18px}.platform-grid,.device-grid{grid-template-columns:1fr}.platform-card{min-height:105px}.summary{grid-template-columns:1fr;gap:12px}.summary>div+div{padding-top:12px;border-top:1px solid var(--line);border-left:0}.result-panel{padding:28px 18px}.result-actions{flex-direction:column}.help-strip{align-items:flex-start;flex-wrap:wrap}.help-actions{width:100%;padding-left:49px;flex-wrap:wrap}footer span:last-child{display:none}}