/* Architectural surfaces and city-scanning accents. */
body{background:radial-gradient(ellipse at 85% 18%,#17465445,transparent 48%),radial-gradient(ellipse at 5% 75%,#15294180,transparent 48%),#070c18}body:before{background-image:linear-gradient(#4e96ae0a 1px,transparent 1px),linear-gradient(90deg,#4e96ae0a 1px,transparent 1px);background-size:72px 72px;background-position:center top}.edition{font-size:13px;letter-spacing:.8px}.estate-hero{grid-template-columns:.9fr 1.15fr;gap:36px;min-height:0;align-items:center;padding:0 0 24px}.hero-copy h1{font-size:clamp(38px,4.2vw,52px);line-height:1.5;letter-spacing:-1px;margin-bottom:23px}.hero-copy .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:18px}.hero-copy .badge{font-size:14px;padding:7px 12px;letter-spacing:1px}.hero-copy .lead{font-size:15px;line-height:2.05;max-width:none}.hero-copy .cta{margin-top:25px}.hero-copy .primary{padding:18px 23px;font-size:16px;letter-spacing:.3px}.hero-facts{display:flex;gap:0;margin-top:18px;color:#bed6df;font-size:13px}.hero-facts span+span{border-left:1px solid #52758a;padding-left:15px;margin-left:15px}.demo-note{font-size:12px;max-width:350px;line-height:1.8;margin-top:12px}.city-panel{margin:0;position:relative;min-width:0;border:1px solid #46708366;background:#0a1524;border-radius:8px;box-shadow:0 25px 80px #0006,0 0 60px #56decc0a;overflow:hidden}.city-panel:before,.city-panel:after{content:'';position:absolute;width:40px;height:3px;background:#70f9da;z-index:3}.city-panel:before{left:0;top:0}.city-panel:after{right:0;bottom:0}.city-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;font-family:monospace;padding:17px 18px;color:#a4d3d9;background:linear-gradient(#07121bd9,transparent)}.city-scene{position:relative;aspect-ratio:1.26;overflow:hidden;background:#08121e}.city-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;display:block;opacity:.98}.city-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#081523 0%,transparent 22%,transparent 75%,#07111a80);z-index:1}.city-scan-line{position:absolute;z-index:2;height:1px;left:0;right:0;background:#67ffdf55;box-shadow:0 0 20px 3px #5be5da17;animation:city-scan 11s ease-in-out infinite;pointer-events:none}.city-crosshair{position:absolute;z-index:2;left:47%;top:39%;width:46px;height:46px;border:1px solid #8affdf77;clip-path:polygon(0 0,25% 0,25% 4%,4% 4%,4% 25%,0 25%,0 0,100% 0,100% 25%,96% 25%,96% 4%,75% 4%,75% 0,100% 0,100% 100%,75% 100%,75% 96%,96% 96%,96% 75%,100% 75%,100% 100%,0 100%,0 75%,4% 75%,4% 96%,25% 96%,25% 100%,0 100%);pointer-events:none}.city-callout{position:absolute;z-index:3;display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid #47828c8a;background:#081b29de;box-shadow:0 3px 16px #0005;backdrop-filter:blur(7px);border-radius:3px;font-size:12px;white-space:nowrap;color:#d6fff2}.city-callout svg{width:23px;height:23px;color:#7efcde;flex-shrink:0}.city-callout small{display:block;color:#8eaaba;font-size:9px;letter-spacing:1.5px;line-height:1.4}.callout-home{left:5%;top:68%}.callout-office{right:5%;top:22%}.callout-space{right:4%;bottom:8%}.city-caption{padding:16px 18px;border-top:1px solid #27465a;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#b8d5e2;font-size:12px}.city-caption-sub{font-size:10px;color:#6cbfc1;white-space:nowrap}.types-heading{margin-top:38px}.types-heading .eyebrow{font-size:11px;margin:0;color:#7acfc8}.types-heading .section-title{margin:10px 0 22px;font-size:23px;line-height:1.7}.type{border-color:#29475b;padding:23px;background:linear-gradient(140deg,#122332,#0b1728)}.type:before{background:#79e2c9}.type:nth-child(2):before,.type:nth-child(5):before{background:#78bddc}.type-visual{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.type-icon{width:46px;height:46px;display:grid;place-items:center;background:#14343e;border:1px solid #3d686b;border-radius:5px;color:#97ffe3!important}.type-icon svg{width:27px;height:27px}.type-no{font-family:monospace;font-size:28px!important;color:#3c6171!important}.type h3{font-size:18px}.type p{font-size:14px;line-height:1.85;margin-top:9px}.type-sector{padding-top:13px;margin-top:17px;border-top:1px solid #2a4555;color:#8edfda;font-size:12px}.type>span{font-size:12px;color:#91bdc6}.quiz-location{display:flex;align-items:center;gap:9px;color:#92e2d5;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #2c4c59;font-size:13px}.quiz-location svg{width:23px;height:23px}.question-card{background:linear-gradient(135deg,#122435,#0c172a);border-color:#376072}.result-head{padding-right:95px;background:linear-gradient(110deg,#15343d,#142a44)}.result-emblem{position:absolute;right:23px;top:28px;width:54px;height:54px;border:1px solid #7eeee780;background:#173e4488;display:grid;place-items:center;border-radius:8px;color:#b9ffee}.result-emblem svg{width:32px;height:32px}.result-head:after{display:none}.result-head h1{font-size:31px}.result-card{border-color:#447572}.tag{font-size:12px;letter-spacing:1px}.job b{background:#17423f}.steps{margin-top:24px}.step strong{font-size:15px}.step p{font-size:13px}@keyframes city-scan{0%,100%{top:15%;opacity:0}15%,85%{opacity:.7}50%{top:85%}}@media(max-width:760px){.estate-hero{grid-template-columns:1fr;gap:25px;padding-bottom:8px}.hero-copy h1{font-size:38px;margin-bottom:19px;line-height:1.48}.hero-copy .lead{font-size:14px;line-height:2}.hero-copy .eyebrow{font-size:11px}.hero-copy .badge{font-size:12px}.hero-copy .cta{margin-top:23px}.hero-copy .primary{font-size:15px;padding:18px 10px;white-space:normal;line-height:1.5}.hero-facts{justify-content:center;font-size:12px;margin-top:12px}.demo-note{margin:12px auto 0;text-align:center;font-size:11px}.city-scene{aspect-ratio:1.2}.city-caption{font-size:11px;padding:12px;display:block}.city-caption-sub{display:block;margin-top:3px}.city-top{font-size:9px;padding:12px;letter-spacing:1px}.city-callout{font-size:10px;padding:7px 8px;gap:6px}.city-callout small{font-size:8px}.city-callout svg{width:20px;height:20px}.callout-home{left:3%;top:68%}.callout-office{right:3%;top:20%}.callout-space{right:3%;bottom:8%}.types-heading{margin-top:25px}.types-heading .section-title{font-size:20px}.type{padding:16px}.type-visual{margin-bottom:13px}.type-icon{width:38px;height:38px}.type-icon svg{width:23px;height:23px}.type-no{font-size:24px!important}.type h3{font-size:15px}.type p{font-size:12px}.type-sector{font-size:10px;line-height:1.7}.type>span{font-size:10px}.quiz-location{font-size:11px;gap:7px}.quiz-top{font-size:10px;letter-spacing:0}.result-head{padding:24px 72px 24px 22px}.result-head h1{font-size:25px}.result-emblem{width:42px;height:42px;right:17px;top:26px}.result-emblem svg{width:25px;height:25px}.tag{font-size:10px}.step strong{font-size:12px}.step p{font-size:11px}}@media(prefers-reduced-motion:reduce){.city-scan-line{animation:none;top:50%;opacity:.4}}
/* Illustrated career card and its accessible detail view. */
.card-example{display:grid;grid-template-columns:.8fr 1fr;gap:46px;align-items:center;margin-top:55px;padding:35px;background:linear-gradient(125deg,#102635,#111d31);border:1px solid #3c655f;border-radius:12px}.example-art{max-width:350px;margin:auto;width:100%}.card-zoom{display:block;padding:0;background:none;border:1px solid #63b2a2;border-radius:12px;overflow:hidden;width:100%;color:#b9eee0;box-shadow:0 15px 45px #0005;transition:transform .2s}.card-zoom:hover{transform:translateY(-4px)}.challenger-card{display:block;width:100%;height:auto;object-fit:contain}.card-zoom>span{display:block;padding:10px;font-size:13px;background:#10272e}.example-copy h2{font-size:30px;margin:0 0 8px;color:#e0fff1}.example-copy h3{font-size:16px;margin:24px 0 12px}.example-copy p{color:#aebfda;font-size:16px}.example-copy .example-lead{color:#d8b968;font-weight:700}.example-copy .small{font-size:13px}.growth-list{list-style:none;padding:0;margin:12px 0 24px;display:grid;gap:10px;color:#c8d9e7;font-size:15px}.growth-list li{border-left:2px solid #d9b364;padding:8px 12px;background:#22304388;border-radius:0 4px 4px 0}.type-card-link{margin-top:14px;border:1px solid #50786c;background:#19352f;color:#bce6d7;font-size:12px;line-height:1.7;padding:8px 10px;border-radius:4px;width:100%}.type-card-link:hover{background:#24513e}.result-art{position:relative;max-width:540px;margin:auto;background:#091c2a}.result-art .challenger-card{width:100%;height:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#type-card-dialog{max-width:580px;width:calc(100% - 24px);max-height:92vh;overflow:auto;border:1px solid #63c2ac;border-radius:10px;padding:15px;background:#091722;color:#dcecf2;box-shadow:0 20px 80px #000a}#type-card-dialog::backdrop{background:#020713dd;backdrop-filter:blur(5px)}#type-card-dialog img{display:block;width:100%;height:auto;border-radius:5px}.close-card{display:block;margin:0 0 12px auto;position:sticky;top:0;z-index:2;background:#17372f;border:1px solid #6cba9d;border-radius:4px;color:#ecfff9;padding:8px 18px;font-size:14px}#type-card-dialog .small{text-align:center;margin:10px 0 0}@media(max-width:760px){.card-example{grid-template-columns:1fr;gap:27px;padding:20px;margin-top:30px}.example-art{max-width:330px}.example-copy h2{font-size:26px}.example-copy p{font-size:15px}.example-copy .eyebrow{font-size:11px}.example-copy .small{font-size:12px}.type-card-link{font-size:11px;padding:7px}.growth-list{font-size:14px}}

/* Eight illustrated types and appearance selection. */
.variant-control{display:flex;gap:10px;margin:16px 0 24px}.variant-control button{padding:10px 22px;border:1px solid #517b87;border-radius:6px;background:#102331;color:#c9e4ed;font-size:14px}.variant-control button[aria-pressed=true]{background:#1c4b4a;border-color:#8cffe1;color:#e5fff7}.character-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.character-gallery .type{padding:12px;min-width:0}.gallery-art{display:block;width:100%;padding:0;border:1px solid #426a77;border-radius:7px;overflow:hidden;background:#0a1724;margin-bottom:14px}.gallery-art:hover{border-color:#9ef3da}.character-gallery h3{font-size:16px;line-height:1.7}.character-gallery .type-sector{font-size:14px}.character-gallery .type>span{font-size:14px}.character-gallery p{font-size:14px}.result-variant{padding:0 22px;background:#0e1e2e}.result-variant .variant-control{justify-content:center;margin:0;padding:16px 0}.form select{font-size:16px}.form .small{font-size:14px}.type-card-link{font-size:14px}@media(max-width:760px){.character-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-gallery .type{padding:8px}.character-gallery h3{font-size:16px}.character-gallery .type-sector{font-size:14px}.character-gallery p{font-size:14px}.type-card-link{font-size:14px}.variant-control button{padding:10px 20px}.question-card p{font-size:16px}}
.form input:not([type=checkbox]),.form textarea{width:100%;background:#102233;color:#e2f0f8;border:1px solid #486579;border-radius:8px;padding:14px;font-size:16px}.form .check-label,.check-label{display:flex;align-items:flex-start;gap:12px;text-align:left;font-size:15px;font-weight:400}.check-label input{width:20px;height:20px;flex-shrink:0;margin-top:4px}.consent-copy{padding:18px;background:#162c3e;border:1px solid #44687a;border-radius:8px;font-size:15px}.notice{padding:16px;background:#352f1e;color:#ffe9ad;border:1px solid #927b38;border-radius:6px;text-align:left}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}a{color:#9bf7dc}footer nav{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.primary:disabled{opacity:.5;cursor:not-allowed}.external-line{display:block;text-decoration:none}.form textarea{resize:vertical}#booking-error,#line-error{color:#ffd6ac;font-size:15px}.legal-links{margin-top:20px}