*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;line-height:1.6;min-height:100vh}#root{min-height:100vh}a{color:#f97316;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem;background:#0a0a0ff2;border-bottom:1px solid rgba(99,179,237,.15);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav .logo{font-size:1.25rem;font-weight:700;color:#63b3ed;text-decoration:none;letter-spacing:-.02em;cursor:pointer}nav ul{list-style:none;display:flex;gap:2rem}nav ul a{color:#94a3b8;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;cursor:pointer}nav ul a:hover,nav ul a.active{color:#63b3ed;text-decoration:none}nav .logo:hover{text-decoration:none}.top-nav{padding:0 24px;height:56px;border-bottom:1px solid rgba(99,179,237,.15);background:#0a0a0ff2;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between}.top-nav .nav-brand{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#63b3ed;text-decoration:none;cursor:pointer}.top-nav .nav-links{display:flex;gap:6px;align-items:center}.top-nav .nav-links a{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .7rem;border-radius:6px;white-space:nowrap;transition:color .2s;color:#94a3b8;text-decoration:none;cursor:pointer}.top-nav .nav-links a:hover{color:#63b3ed;text-decoration:none}.top-nav .nav-links a.active{color:#63b3ed;font-weight:700;padding:.3rem .9rem}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px 4px}.nav-toggle span{display:block;width:22px;height:2px;background:#63b3ed;border-radius:2px;transition:transform .2s,opacity .2s}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{text-align:center;padding:6rem 2rem 4rem;max-width:800px;margin:0 auto}.hero .badge{display:inline-block;background:#f973161a;border:1px solid rgba(249,115,22,.3);color:#f97316;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.35rem .9rem;border-radius:9999px;margin-bottom:1.5rem}.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:#f1f5f9;margin-bottom:1rem}.hero h1 span{color:#f97316}.hero p{font-size:1.1rem;color:#94a3b8;margin:0 auto .5rem;max-width:560px}.hero .tagline{font-style:italic;color:#64748b;font-size:.95rem;margin-bottom:2rem}.powered-by{display:inline-flex;align-items:center;gap:.5rem;background:#f973160f;border:1px solid rgba(249,115,22,.12);padding:.4rem 1rem;border-radius:9999px;font-size:.8rem;color:#64748b}section{max-width:1000px;margin:0 auto;padding:4rem 2rem}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f97316;margin-bottom:.5rem}.section-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#f1f5f9;margin-bottom:.75rem;letter-spacing:-.02em}.section-sub{color:#64748b;font-size:.95rem;margin-bottom:3rem;max-width:640px}hr.divider{border:none;border-top:1px solid rgba(255,255,255,.06);margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1.5rem;transition:border-color .2s,background .2s}.card:hover{border-color:#63b3ed40;background:#63b3ed08}.card .icon{font-size:1.5rem;margin-bottom:.75rem}.card h3{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:.4rem}.card p{font-size:.875rem;color:#64748b;line-height:1.6}.phases,.roadmap{display:flex;flex-direction:column;gap:1rem}.phase,.roadmap-item{display:flex;gap:1.5rem;align-items:flex-start;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1.5rem}.phase-num{flex-shrink:0;width:2.5rem;height:2.5rem;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#f97316;letter-spacing:.05em}.phase-content h3{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:.2rem}.phase-content .phase-tag{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f97316;margin-bottom:.4rem}.phase-content p{font-size:.875rem;color:#64748b}.cta-block{background:#f973160f;border:1px solid rgba(249,115,22,.2);border-radius:16px;padding:3rem 2rem;text-align:center}.cta-block h2{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin-bottom:.5rem}.cta-block p{color:#64748b;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f97316;color:#0a0a0f;font-weight:700;font-size:.9rem;padding:.75rem 1.75rem;border-radius:8px;text-decoration:none;transition:background .2s,opacity .2s,transform .2s;border:none;cursor:pointer;font-family:inherit}.btn:hover{background:#fb923c;text-decoration:none}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.07)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead tr{background:#f973160f;border-bottom:1px solid rgba(249,115,22,.15)}thead th{padding:.9rem 1rem;text-align:left;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f97316;white-space:nowrap}tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff05}tbody td{padding:.9rem 1rem;color:#94a3b8;vertical-align:top}tbody td:first-child{color:#f1f5f9;font-weight:600}.haystack-row{background:#f973160a;border:1px solid rgba(249,115,22,.15)}.badge-yes,.badge-no,.badge-unk,.badge-haystack{display:inline-block;font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:9999px;white-space:nowrap}.badge-yes{background:#48bb781f;color:#68d391;border:1px solid rgba(72,187,120,.25)}.badge-no{background:#fc814a1a;color:#fc8149;border:1px solid rgba(252,129,74,.2)}.badge-unk{background:#ffffff0d;color:#64748b;border:1px solid rgba(255,255,255,.08)}.badge-haystack{background:#f973161f;color:#f97316;border:1px solid rgba(249,115,22,.3)}.gap-highlight{color:#f97316;font-weight:600}.card .complexity,.roadmap-content .complexity{display:inline-block;margin-top:.75rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .6rem;border-radius:9999px}.easy{background:#48bb781a;color:#68d391;border:1px solid rgba(72,187,120,.2)}.medium{background:#f6ad551a;color:#f6ad55;border:1px solid rgba(246,173,85,.2)}.hard{background:#fc814a1a;color:#fc8149;border:1px solid rgba(252,129,74,.2)}.roadmap-item{gap:1.25rem;padding:1.25rem 1.5rem}.roadmap-tight{gap:.6rem}.roadmap-num{flex-shrink:0;width:2rem;height:2rem;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#f97316}.roadmap-content h4{font-size:.95rem;font-weight:600;color:#f1f5f9;margin-bottom:.2rem}.roadmap-content p{font-size:.85rem;color:#64748b}.roadmap-content .complexity{margin-top:.5rem;font-size:.68rem;padding:.15rem .55rem}.phase-group{margin-bottom:.5rem}.phase-group+.phase-group{margin-top:1.5rem}.phase-group-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f97316;margin-bottom:.75rem;padding-left:.25rem}.device-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.device-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#64748b;font-size:.8rem;font-weight:600;padding:.4rem .9rem;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.device-tab.active,.device-tab:hover{background:#f973161a;border-color:#f973164d;color:#f97316}.device-section{display:none}.device-section.active{display:block}.protocol-steps{display:flex;flex-direction:column;gap:.75rem}.step{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.25rem;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:10px}.step-num{flex-shrink:0;width:1.75rem;height:1.75rem;background:#f973161a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#f97316}.step-content h4{font-size:.9rem;font-weight:600;color:#f1f5f9;margin-bottom:.15rem}.step-content p{font-size:.82rem;color:#64748b}.court-risk{display:inline-flex;align-items:center;gap:.35rem;margin-top:.4rem;font-size:.72rem;font-weight:600;color:#fc8149}.avoid-list{display:flex;flex-direction:column;gap:.6rem}.avoid-item{display:flex;gap:.75rem;align-items:flex-start;padding:.9rem 1.1rem;background:#fc814a0a;border:1px solid rgba(252,129,74,.12);border-radius:10px}.avoid-item .x{color:#fc8149;font-weight:700;font-size:.9rem;flex-shrink:0}.avoid-item p{font-size:.875rem;color:#94a3b8}.container{max-width:720px;margin:0 auto;padding:40px 24px 60px}.page-header{text-align:center;margin-bottom:36px}.page-header .badge{display:inline-block;background:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.4);border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}.page-header h1{font-size:clamp(22px,5vw,30px);font-weight:700;color:#f1f5f9;line-height:1.3}.page-header p{margin-top:10px;color:#94a3b8;font-size:15px}.progress-wrap{margin-bottom:32px}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label .section-counter{font-size:13px;color:#94a3b8;font-weight:500}.progress-label .pct{font-size:13px;color:#f97316;font-weight:600}.progress-bar-bg{height:6px;background:#ffffff14;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:99px;transition:width .4s ease}.section-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:36px 32px;margin-bottom:28px;display:none}.section-card.active{display:block}.section-card .section-title{font-size:clamp(18px,4vw,22px);font-weight:700;color:#f1f5f9;margin-bottom:8px;display:flex;align-items:center;gap:10px}.section-title .num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;background:#f973162e;border:1px solid rgba(249,115,22,.4);border-radius:50%;font-size:14px;font-weight:700;color:#f97316}.section-subtitle{font-size:14px;color:#64748b;margin-bottom:28px;padding-left:42px}.field{margin-bottom:24px}.field label{display:block;font-size:14px;font-weight:600;color:#cbd5e1;margin-bottom:8px;line-height:1.5}.field label .req{color:#f97316;margin-left:2px}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e2e8f0;font-size:15px;padding:12px 14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973162e}textarea{resize:vertical;min-height:100px}select option{background:#0a0a0f;color:#e2e8f0}.radio-group,.check-group{display:flex;flex-direction:column;gap:10px;margin-top:4px}.radio-group label,.check-group label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;color:#cbd5e1;cursor:pointer;margin-bottom:0}.radio-group input[type=radio],.check-group input[type=checkbox]{width:18px;height:18px;min-width:18px;accent-color:#f97316;cursor:pointer}.other-text{margin-top:8px;display:none}.other-text.visible{display:block}.nav-buttons{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.nav-buttons .btn,#thankyou .btn{padding:13px 28px;border-radius:10px;font-size:15px;font-weight:600;color:#fff}.btn-back{background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.btn-back:hover{background:#ffffff1a;color:#e2e8f0}.btn-next,.btn-submit{background:linear-gradient(135deg,#f97316,#ea6c0a);color:#fff;margin-left:auto}.btn-next:hover,.btn-submit:hover{opacity:.9;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.upload-card{background:#f973160f;border:1px solid rgba(249,115,22,.25);border-radius:14px;padding:28px 24px;margin-top:32px;text-align:center}.upload-card h3{font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:10px}.upload-card p{font-size:14px;color:#94a3b8;line-height:1.6;margin-bottom:20px}.btn-upload{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#f9731626;border:1px solid rgba(249,115,22,.45);border-radius:10px;color:#f97316;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:all .2s}.btn-upload:hover{background:#f9731640;text-decoration:none}.upload-note{margin-top:12px;font-size:12px;color:#475569}#thankyou{display:none;text-align:center;padding:60px 24px}#thankyou.visible{display:block}#thankyou .checkmark{width:70px;height:70px;background:#f9731626;border:2px solid rgba(249,115,22,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 24px}#thankyou h2{font-size:26px;font-weight:700;color:#f1f5f9;margin-bottom:12px}#thankyou p{color:#94a3b8;font-size:16px;line-height:1.7;max-width:480px;margin:0 auto 32px}#form-wrap.hidden{display:none}.gate-wrap{max-width:460px;margin:0 auto;padding:6rem 2rem}.gate-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:2rem}.gate-card h1{color:#f1f5f9;font-size:1.5rem;margin-bottom:.5rem}.gate-card p{color:#94a3b8;margin-bottom:1.25rem}.gate-card label{display:block;color:#cbd5e1;font-size:14px;font-weight:600;margin-bottom:8px}.gate-card .btn{margin-top:1rem}.gate-error{color:#fc8149;font-size:.85rem;margin-top:.75rem}@media(max-width:1024px){.nav-toggle{display:inline-flex}nav ul{display:none}nav ul.open{display:flex;flex-direction:column;gap:2px;position:absolute;top:100%;left:0;right:0;background:#0a0a0ffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(99,179,237,.15);padding:8px 20px 14px;z-index:100}nav ul.open li{width:100%}nav ul.open a{display:block;padding:10px 4px;font-size:1rem}.top-nav .nav-links{display:none}.top-nav .nav-links.open{display:flex;flex-direction:column;gap:2px;position:absolute;top:100%;left:0;right:0;background:#0a0a0ffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(99,179,237,.15);padding:8px 16px 14px;z-index:100}.top-nav .nav-links.open a{display:block;padding:10px 4px;font-size:.95rem}}@media(max-width:600px){.top-nav{padding:0 16px}.phase,.roadmap-item{flex-direction:column;gap:.75rem}.container{padding:24px 16px 60px}.section-card{padding:24px 18px}.nav-buttons{flex-direction:column-reverse}.nav-buttons .btn{width:100%;justify-content:center}.btn-next,.btn-submit{margin-left:0}}.tool-frame-wrap{width:100%;background:#0a0a0f}.tool-frame{display:block;width:100%;height:calc(100vh - 66px);border:0;background:#0a0a0f}html{background:#0a0a0f}