/* Autonatomy Visual Prototype v252 — reversible presentation layer */
:root{--av-ink:#0b1c24;--av-navy:#071923;--av-navy2:#0d2b38;--av-paper:#f2efe7;--av-surface:#fffdfa;--av-orange:#f36b2b;--av-teal:#2fc4cf;--av-gold:#f3bd4e;--av-line:#d8ddd9;--av-muted:#62727a;--av-green:#4fae86;--av-radius:18px;--av-shadow:0 16px 40px rgba(7,25,35,.09)}
body{background:var(--av-paper);color:var(--av-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em}
.container{max-width:1240px}.sitehead{background:rgba(7,25,35,.97);border-bottom:1px solid #23404b;box-shadow:none;backdrop-filter:blur(12px)}.headrow{min-height:70px}.logo{font-size:18px;letter-spacing:.12em}.logo-mark{background:var(--av-orange);border-radius:6px;transform:skew(-7deg);box-shadow:inset 0 -3px 0 #c94d19}.links{gap:18px}.links>a,.v162-nav-group>summary{color:#d7e2e4;font-size:13px;font-weight:760}.links>a:hover,.v162-nav-group>summary:hover{color:#fff}.v162-flyout{border:1px solid #294550!important;background:#0d2732!important;box-shadow:0 18px 45px #0005!important}.v162-flyout a,.v162-flyout strong{color:#dbe7e9!important}.v162-flyout a:hover{background:#163846!important;color:#fff!important}
main[data-page="home"]>.container:first-child,main[data-page="home"]>.container:last-child{display:none}main[data-page="courses"]>.container:nth-child(-n+4),main[data-page="courses"]>.v51-banner,main[data-page="courses"]>.v46-course-cta{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#061720 0%,#0b2734 58%,#103845 100%);padding:92px 0 98px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff07 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#ffffff05 50%,transparent 50.2%);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}.hero:after{content:"A";position:absolute;right:-35px;bottom:-180px;font-size:620px;line-height:1;font-weight:950;color:#ffffff025;transform:skew(-8deg)}.hero-grid{position:relative;z-index:1;grid-template-columns:1.05fr .95fr;gap:70px}.eyebrow,.kicker{color:var(--av-teal);letter-spacing:.18em}.hero h1{font-size:clamp(48px,6vw,78px);max-width:720px}.hero h1 span{color:var(--av-orange)}.hero p{font-size:19px;line-height:1.7;color:#cbd9dc}.primary{background:var(--av-orange);color:#111f25;border-radius:8px;box-shadow:none;padding:13px 20px}.primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.secondary{border-color:#49646e;border-radius:8px}.hero-panel{border:1px solid #385762;background:#0b222caa;border-radius:16px;padding:12px;box-shadow:0 30px 80px #0005;transform:perspective(1000px) rotateY(-2deg)}.panel-top{padding:7px 8px 3px}.panel-screen{background:#f6f3eb;border-radius:10px;padding:24px}.panel-screen .small{color:#0c7d88}.circuit{background:#e7ece8}.symbol{border-color:#288d98;color:#0b6570;border-radius:6px}.wire{background:#89a5a7}.progress{background:#d6dedb}.progress span{background:var(--av-orange)}
.section{padding:82px 0}.section.light{background:#e8e7e0}.section h2{font-size:clamp(32px,4vw,48px)}.section-intro{color:var(--av-muted);font-size:16px}.view,.card a{color:#0a7f8b}.cards{grid-template-columns:repeat(4,1fr);gap:14px}.card{border:1px solid var(--av-line);border-radius:14px;background:var(--av-surface);box-shadow:none;transition:.18s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--av-shadow);border-color:#bdc9c7}.card-art{height:128px;background:linear-gradient(135deg,#0b2734,#135265)!important;position:relative;overflow:hidden}.card-art:after{content:"";position:absolute;right:-30px;top:-45px;width:130px;height:130px;border:22px solid #ffffff0c;border-radius:50%}.card:nth-child(2) .card-art{background:linear-gradient(135deg,#20282c,#58656a)!important}.card:nth-child(3) .card-art{background:linear-gradient(135deg,#321d18,#8e492d)!important}.card:nth-child(4) .card-art{background:linear-gradient(135deg,#17251f,#416d58)!important}.card-art span{color:#fff;font-size:42px}.card-body{padding:20px}.small{color:#0a7f8b}.step{background:var(--av-surface);border-color:var(--av-line);border-radius:14px}.num{background:#dff2f2;color:#087985;border-radius:7px}.challenger{background:linear-gradient(125deg,#071923,#10323e);border-radius:16px}.challenge-card{border-radius:10px}.answers span{border-radius:7px}.dash{background:#dfeeed;border-color:#bad4d2;border-radius:14px}
.pagehero,.v85-player-hero{background:linear-gradient(120deg,#061720,#0c2f3d)!important;position:relative;overflow:hidden}.pagehero:after,.v85-player-hero:after{content:"";position:absolute;right:4%;top:0;width:38%;height:100%;background:repeating-linear-gradient(135deg,#ffffff00 0 20px,#ffffff04 21px 22px)}.pagehero .container,.v85-player-hero .container{position:relative;z-index:1}.pagehero h1,.v85-player-hero h1{font-size:clamp(40px,5vw,64px)!important}.breadcrumb{color:var(--av-muted)}
/* Course catalog + generic cards */
.course-card,.catalog-card,.integration-card,.panel,.v188-card,.v188-primary-card,.v163-dir-card{border-color:var(--av-line)!important;border-radius:14px!important;box-shadow:none!important;background:var(--av-surface)!important}.course-card:hover,.catalog-card:hover,.integration-card:hover,.v163-dir-card:hover{border-color:#9fb9b7!important;box-shadow:var(--av-shadow)!important}.callout{border-radius:10px!important}
/* Course Player: diagnostic-tool feel */
.v85-player-wrap{max-width:1500px;padding:18px}.v85-statusbar{gap:8px}.v85-stat{background:#102a35;color:#fff;border-color:#274653;border-radius:10px}.v85-stat small{color:#aebfc4}.v85-progress{background:#25434e}.v85-progress span{background:var(--av-teal)}.v85-player-grid{grid-template-columns:310px minmax(0,1fr) 270px;gap:12px}.v85-side,.v85-main,.v85-tools{border-color:var(--av-line);border-radius:12px;box-shadow:none}.v85-side,.v85-tools{background:#0d2732;color:#e6eff0;border-color:#294752}.v85-side label,.v85-tools label{color:#93abb2}.v85-side input,.v85-side select,.v85-tools select{background:#132f3a;border-color:#3c5964;color:#fff}.v85-item{background:#122e39;border-color:#294752;color:#e9f0f1;border-radius:8px}.v85-item small{color:#9fb2b7}.v85-item[aria-current=true]{background:#173e48;border-color:var(--av-teal);box-shadow:inset 3px 0 0 var(--av-teal)}.v85-main{background:var(--av-surface)}.v85-badge{background:#dceeed;color:#126873}.v85-badge.green{background:#e0f1e8}.v85-modebar button,.v85-depth button{border-radius:7px}.v85-modebar button[aria-pressed=true],.v85-depth button[aria-pressed=true]{background:#0d2b38;border-color:#0d2b38}.v85-block{background:#f5f5f0;border-color:#dce0dc;border-radius:10px}.v85-launch{background:var(--av-orange);color:#142329!important;border-radius:7px}.v85-continue{background:var(--av-orange);border-radius:7px}.v85-tools .v85-lens,.v85-tools .v85-complete{background:#14333e;color:#b9c9cd}.v85-tools .v85-depth button{background:#122e39;border-color:#36535e;color:#dce7e9}.v85-tools .v85-depth button[aria-pressed=true]{background:var(--av-teal);color:#08212a;border-color:var(--av-teal)}
/* Directory / My Learning */
#v163-directory,.v188-home-grid{--accent:var(--av-teal)}#v163-directory input,#v163-directory select{border-radius:8px!important;border-color:#b7c7c4!important}.v188-primary-card{background:linear-gradient(120deg,#0d2b38,#174553)!important;color:#fff}.v188-primary-card p{color:#c4d4d8!important}
/* Electrical flagship inherits the platform signature */
.ef-hero{border-radius:16px!important}.ef-shell{max-width:1040px}.ef-hero,.ef-primary{--ef-orange:var(--av-orange);--ef-teal:var(--av-teal)}.ef-shell .section{border-radius:14px!important;box-shadow:none!important}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:35px}.v85-player-grid{grid-template-columns:270px 1fr}}@media(max-width:760px){.hero{padding:58px 0}.hero-panel{transform:none}.cards{grid-template-columns:1fr}.section{padding:56px 0}.v85-player-grid{grid-template-columns:1fr}.v85-side,.v85-tools{position:static}.links{background:#071923}}