:root{--ink:#e9f1ff;--green:#58f0dc;--paper:#070b1a;--muted:#95a5c5;--line:#27344f}body{background:radial-gradient(ellipse at 75% 25%,#182f554f,transparent 45%),radial-gradient(ellipse at 4% 70%,#471d6445,transparent 50%),#070b1a;color:var(--ink)}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#9ac3ea66 .8px,transparent 1px),radial-gradient(#7983bd55 .7px,transparent 1px);background-size:83px 101px,137px 157px;background-position:12px 30px,60px 90px;z-index:-1}header{border-color:#253c54;background:#070b1a88}.brand{letter-spacing:1px;font-style:italic;color:#58f0dc}.brand span{font-style:normal;color:#bdc8df}.edition{color:#839cbe;letter-spacing:2.4px}.demo{border-color:#394462;color:#bfcee7;background:#151b30}main{padding-top:48px}.eyebrow{color:#58f0dc;font-size:12px;letter-spacing:2px}.badge{background:#132b3299;color:#7ffff0;border-color:#277d7780;border-radius:4px;font-size:12px;letter-spacing:.5px}.hero{gap:40px;grid-template-columns:1.05fr 1fr;min-height:540px}h1{font-size:clamp(37px,4.6vw,59px);line-height:1.5;letter-spacing:-1.8px}h1 em{background:none;color:#58f0dc;text-shadow:0 0 30px #37d7c752}.lead{color:#a8b9d5;line-height:2}.primary{background:linear-gradient(110deg,#78fff0,#59b9ff);color:#07182b;border-radius:5px;box-shadow:0 0 24px #41dfce25;border:1px solid #7ffff055;position:relative;transition:transform .2s,box-shadow .2s;font-weight:800}.primary.lime{background:linear-gradient(110deg,#78fff0,#59b9ff);color:#07182b}.primary:hover{background:linear-gradient(110deg,#a1fff4,#7dcdff);box-shadow:0 0 35px #41dfce55;transform:translateY(-2px)}.primary.line{background:linear-gradient(110deg,#08b863,#07844c);color:white;border-color:#21d48960}.primary.line:hover{background:#0cbc69}.small{color:#95a5c5}.poster{background:linear-gradient(140deg,#122641cc,#0e142bee);border:1px solid #42739380;border-radius:10px;padding:26px 30px;box-shadow:0 0 70px #1b79a616,inset 0 0 40px #1246641a}.poster:before{content:'';position:absolute;left:0;top:0;width:65px;height:3px;background:#58f0dc;box-shadow:0 0 15px #58f0dc}.poster-label{color:#8cacd0;letter-spacing:1.5px}.poster h2{font-size:25px;margin:20px 0 8px}.poster p{color:#a2b6d5;margin-bottom:0}.scan-core{height:180px;position:relative;display:grid;place-items:center;margin:10px auto;width:220px}.orbit{position:absolute;border-radius:50%;border:1px solid #58f0dc60;width:150px;height:150px;box-shadow:0 0 28px #58f0dc10,inset 0 0 28px #58f0dc10}.orbit-one{border-left:3px solid #58f0dc;border-right:3px solid #58f0dc;animation:orbit 20s linear infinite}.orbit-two{width:180px;height:180px;border-style:dashed;border-color:#648acb77;animation:orbit 50s linear reverse infinite}.core-mark{font-size:25px;letter-spacing:5px;font-weight:900;text-align:center;text-shadow:0 0 25px #66e8ff;color:#7cebe3}.core-mark span{display:block;font-size:9px;letter-spacing:1.8px;color:#92b1d7;margin-top:5px}.scan-core i{position:absolute;inset:20px 35px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 260deg,#49e8cb30 360deg);animation:orbit 7s linear infinite}.tile-grid{gap:7px;margin-top:10px}.tile{padding:11px 9px;min-height:70px;border:1px solid #304966;background:#111f3399;border-radius:5px;transition:border-color .2s,background .2s}.tile:nth-child(2),.tile:nth-child(6){background:#13333e;color:#80f8e8}.tile:hover{border-color:#58f0dc;background:#183746}.tile b{font-size:17px;margin-bottom:3px;color:#5ee6da;font-family:monospace}.tile span{font-size:11px}.poster-bottom{border-color:#31445f;color:#9fb6d2;margin-top:18px;font-size:11px}.steps{border-color:#253750}.number{color:#58f0dc;font-family:monospace}.step p{color:#95a5c5}.section-title{font-size:20px;letter-spacing:.5px}.type{background:linear-gradient(145deg,#121d32,#0e1529);border-color:#263b55;border-radius:6px;position:relative;transition:transform .2s,border-color .2s}.type:before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:2px;background:#58f0dc88}.type:hover{transform:translateY(-3px);border-color:#58f0dc80}.type:nth-child(2):before,.type:nth-child(5):before{background:#b89aff}.type span{color:#70c9d5;font-family:monospace}.type h3{color:#e5eeff}.type p{color:#9daecc}.quiz{max-width:780px}.quiz-top{color:#83d7e3;letter-spacing:1px;font-family:monospace}.progress{background:#1c2943;height:4px;box-shadow:0 0 15px #59e5d31a}.progress div{background:linear-gradient(90deg,#8c9cff,#58f0dc);box-shadow:0 0 13px #58f0dc}.question-card{background:linear-gradient(145deg,#132039dd,#0c1429ee);border-color:#35516e;border-radius:10px;box-shadow:0 0 50px #40a7cd0a;padding:40px}.question-card h1{font-size:30px}.question-card p{color:#96aaca}.option{background:#101b30;border-color:#30435f;color:#dce8fc;border-radius:6px;transition:background .18s,border-color .18s,transform .18s}.option span{background:#1b2d45;color:#83d9eb;font-family:monospace;border:1px solid #35516b}.option:hover,.option[aria-pressed=true],.option.selected{background:#15393f;border-color:#58f0dc;color:#bafff5;transform:translateX(3px);box-shadow:0 0 18px #58f0dc13}.option[aria-pressed=true] span{background:#58f0dc;color:#07242b;border-color:#58f0dc}.plain{color:#a4b7d3}.result-gate{background:linear-gradient(145deg,#14223b,#0d152b);border-color:#3b516f;border-radius:10px;box-shadow:0 0 60px #4899ee12}.result-gate h2{color:#dceaff}.result-gate p{color:#a9bed9}.center .lead{margin:auto}.result-card{border:1px solid #448d95;border-radius:12px;box-shadow:0 0 50px #58f0dc18;animation:reveal .8s ease both}.result-head{background:radial-gradient(ellipse at 90% 20%,#29537077,transparent 70%),linear-gradient(130deg,#142941,#163c44);position:relative;overflow:hidden}.result-head:after{content:'';position:absolute;width:180px;height:180px;right:-90px;top:-60px;border-radius:50%;border:1px solid #58f0dc40;box-shadow:0 0 0 20px #58f0dc08,0 0 0 40px #58f0dc05}.result-head h1{color:#b5fff1;text-shadow:0 0 20px #58f0dc35}.result-head p{color:#b6ceda}.tag{color:#70fff0;letter-spacing:1px}.result-body{background:#0f1b30}.strengths div{background:#16333d;border:1px solid #2d6265;border-radius:5px;color:#b3f7eb}.job{border-color:#2d3e56}.job b{background:#183e45;color:#85ffee;border:1px solid #387575}.result-body p{color:#a4b7d1}.consult{background:linear-gradient(135deg,#1d2343,#142936);border:1px solid #52678a;border-radius:10px}.consult h2{color:#d7e7ff}.consult p{color:#aebfda}.chat-label{border-color:#3e617e;background:#12273b;color:#aac7df!important;font-size:13px}.form select{border-color:#3c5474;background:#111d32;color:#e0ebff;color-scheme:dark}.summary{background:#122d39;color:#bbdfec;border:1px solid #355d6c}.scanning{padding:20px 0}.scanning .scan-core{height:250px;width:260px}.scanning .orbit-one{width:190px;height:190px;animation-duration:3s}.scanning .orbit-two{width:230px;height:230px;animation-duration:8s}.scanning .core-mark{font-size:22px;letter-spacing:2px}.scanning h1{font-size:27px}.scan-lines{display:grid;gap:7px;color:#79d8da;font-size:13px;margin-top:22px}.scan-lines span{animation:appear .4s both}.scan-lines span:nth-child(2){animation-delay:.4s}.scan-lines span:nth-child(3){animation-delay:.8s}footer{border-color:#263a51;color:#8094b3}button:focus-visible,a:focus-visible,select:focus-visible{outline-color:#74ffe5}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:760px){main{padding-top:25px}.hero{grid-template-columns:1fr;gap:24px;min-height:0}.hero h1{font-size:39px}.hero .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:18px}.hero .lead{font-size:15px}.poster{padding:22px}.poster h2{font-size:22px}.poster p{font-size:13px}.scan-core{height:145px;margin:6px auto}.orbit-one{width:115px;height:115px}.orbit-two{width:140px;height:140px}.core-mark{font-size:22px}.core-mark span{font-size:8px}.scan-core i{inset:13px 45px}.tile{min-height:64px}.tile span{font-size:11px}.question-card{padding:26px 20px}.question-card h1{font-size:24px}.option{padding:16px 12px;font-size:15px;gap:12px}.center h1{font-size:29px}.scanning h1{font-size:23px}.form label{font-size:15px}.result-head h1{font-size:27px}.brand span{color:#b9c9e0}.demo{font-size:10px}.steps{margin-top:24px}.step strong{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
