/* SCREENS */
.screen{display:none;}
.screen.active{display:block;}

.nav-link{font-size:13px;font-weight:500;color:var(--text-2);text-decoration:none;padding:6px 12px;border-radius:var(--r-sm);transition:var(--transition);white-space:nowrap;}
.nav-dd-item{display:flex;align-items:center;padding:9px 12px;border-radius:var(--r-sm);font-size:13px;color:var(--text-2);text-decoration:none;transition:var(--transition);}
.nav-more-btn{font-family:'Barlow',sans-serif;font-size:13px;font-weight:500;color:var(--text-2);background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:var(--r-sm);transition:var(--transition);}
.nav-more-btn:hover{color:var(--navy);background:var(--sky-light);}
.btn-nav-solid:hover{background:var(--navy-mid);}

/* HERO */
.page-hero{background:var(--navy);padding:56px 0 48px;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;top:-120px;right:-80px;width:700px;height:700px;background:radial-gradient(ellipse,rgba(56,189,248,.12) 0%,transparent 60%);pointer-events:none;}
.page-hero::after{content:'';position:absolute;bottom:-60px;left:-40px;width:400px;height:400px;background:radial-gradient(ellipse,rgba(45,79,138,.5) 0%,transparent 65%);pointer-events:none;}
.page-hero-top-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.4),transparent);}
.page-hero-inner{position:relative;z-index:1;}
.breadcrumb{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.4);margin-bottom:20px;flex-wrap:wrap;}
.breadcrumb a,.breadcrumb span{color:rgba(255,255,255,.55);text-decoration:none;font-weight:500;cursor:pointer;}
.breadcrumb a:hover,.breadcrumb span:hover{color:white;}
.breadcrumb .current{color:rgba(255,255,255,.8);cursor:default;}
.page-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sky);display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.page-eyebrow::before{content:'';display:inline-block;width:16px;height:1.5px;background:var(--sky);border-radius:2px;}
.page-hero-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(34px,6vw,58px);color:white;line-height:.92;letter-spacing:-.02em;margin-bottom:12px;}
.page-hero-sub{font-size:15px;color:rgba(255,255,255,.68);max-width:540px;line-height:1.72;}

/* SECTION */
.section{padding:56px 0;}
.section-alt{background:var(--surface-2);}
.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sky);display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.section-eyebrow::before{content:'';display:inline-block;width:14px;height:1.5px;background:var(--sky);border-radius:2px;}
.section-eyebrow.dark{color:var(--navy-mid);}
.section-eyebrow.dark::before{background:var(--navy-mid);}
.section-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(26px,4vw,40px);color:var(--navy);line-height:1.0;margin-bottom:12px;letter-spacing:-.01em;}

/* INFO STRIP */
.info-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 20px;display:flex;align-items:flex-start;gap:12px;margin-bottom:28px;box-shadow:var(--shadow-1);}
.info-strip-text{font-size:13px;color:var(--text-2);line-height:1.6;}
.info-strip-text strong{color:var(--text-1);}

/* TRACK CHOOSER */
.track-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px;}
.track-card{border-radius:var(--r-lg);padding:28px;cursor:pointer;transition:var(--transition);text-decoration:none;display:flex;flex-direction:column;gap:12px;}
.track-card:hover{transform:translateY(-2px);}
.track-card-navy{background:var(--navy);box-shadow:var(--shadow-navy);}
.track-card-surface{background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-1);}
.track-card-surface:hover{border-color:var(--navy);}
.track-abbr{width:48px;height:48px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:18px;flex-shrink:0;}
.track-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:24px;line-height:1.05;letter-spacing:-.01em;}
.track-sub{font-size:14px;line-height:1.65;}

/* BRANCH CARDS */
.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px;}
.branch-card{border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-1);}
.branch-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);}
.branch-card-header{padding:24px;position:relative;overflow:hidden;}
.branch-card-header::before{content:'';position:absolute;top:-40px;right:-30px;width:200px;height:200px;background:radial-gradient(ellipse,rgba(255,255,255,.1) 0%,transparent 65%);pointer-events:none;}
.branch-abbr{width:48px;height:48px;border-radius:var(--r-sm);background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:16px;color:white;margin-bottom:12px;position:relative;z-index:1;border:1px solid rgba(255,255,255,.2);}
.branch-card-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;color:white;margin-bottom:4px;position:relative;z-index:1;letter-spacing:-.01em;}
.branch-card-sub{font-size:12px;color:rgba(255,255,255,.7);position:relative;z-index:1;}
.branch-card-body{background:var(--surface);padding:16px 18px;}
.branch-card-desc{font-size:13px;color:var(--text-2);line-height:1.6;margin-bottom:12px;}
.branch-card-tags{display:flex;gap:5px;flex-wrap:wrap;}

/* ROTC CARDS */
.rotc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.rotc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-1);}
.rotc-card:hover{border-color:rgba(56,189,248,.4);box-shadow:var(--shadow-2);}
.rotc-abbr{width:44px;height:44px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;margin-bottom:12px;}
.rotc-name{font-size:15px;font-weight:700;margin-bottom:4px;color:var(--text-1);}
.rotc-sub{font-size:12px;color:var(--text-3);margin-bottom:8px;}
.rotc-desc{font-size:13px;color:var(--text-2);line-height:1.55;}

/* TRANSITION CARD */
.transition-card{background:var(--navy);border-radius:var(--r-lg);padding:32px;position:relative;overflow:hidden;box-shadow:var(--shadow-navy);}
.transition-card::before{content:'';position:absolute;top:-60px;right:-40px;width:400px;height:400px;background:radial-gradient(ellipse,rgba(56,189,248,.12) 0%,transparent 65%);pointer-events:none;}
.transition-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;}
.transition-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(22px,3vw,32px);color:white;margin-bottom:8px;letter-spacing:-.01em;}
.transition-sub{font-size:14px;color:rgba(255,255,255,.72);line-height:1.65;max-width:480px;}
.transition-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;position:relative;z-index:1;}
.transition-step{background:rgba(255,255,255,.08);border-radius:var(--r);padding:18px;border:1px solid rgba(255,255,255,.1);}
.transition-step-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:32px;color:var(--sky);line-height:1;margin-bottom:6px;}
.transition-step-title{font-size:14px;font-weight:600;color:white;margin-bottom:5px;}
.transition-step-desc{font-size:12px;color:rgba(255,255,255,.65);line-height:1.55;}

/* SUPPORT CARDS */
.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.resource-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;column-gap:32px;}
.resource-col{display:grid;grid-template-rows:subgrid;grid-row:span 3;}
.support-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-1);}
.support-card-abbr{width:44px;height:44px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;margin-bottom:12px;}
.support-card-title{font-size:14px;font-weight:700;margin-bottom:3px;color:var(--text-1);}
.support-card-level{font-size:11px;color:var(--text-3);margin-bottom:8px;}
.support-card-desc{font-size:13px;color:var(--text-2);line-height:1.6;margin-bottom:10px;}

/* CROSSWALK */
.crosswalk-tile{background:var(--surface-2);border-radius:var(--r-sm);padding:12px;}
.crosswalk-mil{font-size:11px;font-weight:700;color:var(--navy);margin-bottom:3px;}
.crosswalk-civ{font-size:12px;font-weight:600;margin-bottom:2px;color:var(--text-1);}
.crosswalk-cert{font-size:11px;color:var(--text-3);}

/* RESOURCE LINKS */
.resource-link{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);text-decoration:none;transition:var(--transition);box-shadow:var(--shadow-1);}
.resource-link:hover{border-color:var(--navy);box-shadow:var(--shadow-2);}
.resource-link-icon{width:38px;height:38px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;flex-shrink:0;}
.resource-link-name{font-size:13px;font-weight:600;color:var(--text-1);}
.resource-link-url{font-size:12px;color:var(--text-3);}

/* TAGS */
.tag{font-size:10px;font-weight:700;padding:3px 9px;border-radius:var(--r-full);white-space:nowrap;}
.tag-blue{background:#dbeafe;color:#1e40af;}
.tag-green{background:var(--green-bg);color:var(--green);}
.tag-amber{background:var(--amber-bg);color:var(--amber);}
.tag-gray{background:var(--surface-2);color:var(--text-2);}
.tag-red{background:var(--red-bg);color:var(--red);}
.tag-navy{background:var(--navy);color:white;}
.tag-teal{background:var(--teal-bg);color:var(--teal);}
.tag-ghost{background:rgba(255,255,255,.15);color:rgba(255,255,255,.85);}

/* PROFILE SECTIONS */
.profile-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;margin-bottom:14px;box-shadow:var(--shadow-1);}
.profile-section-title{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px;}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.info-tile{background:var(--surface-2);border-radius:var(--r);padding:14px;}
.info-tile-label{font-size:11px;color:var(--text-3);margin-bottom:4px;}
.info-tile-val{font-size:13px;font-weight:600;color:var(--text-1);}
.path-step{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--surface-3);}
.path-step:last-child{border-bottom:none;padding-bottom:0;}
.path-step-num{width:28px;height:28px;border-radius:var(--r-sm);color:white;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;box-shadow:var(--shadow-navy);}
.path-step-title{font-size:14px;font-weight:600;margin-bottom:3px;color:var(--text-1);}
.path-step-desc{font-size:13px;color:var(--text-2);line-height:1.55;}

.footer-bottom-link{font-size:12px;color:rgba(255,255,255,.4);cursor:pointer;}

/* RESPONSIVE */
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}.branch-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:900px){.transition-inner{grid-template-columns:1fr;}.transition-steps{grid-template-columns:1fr;}.support-grid{grid-template-columns:1fr;}}
@media(max-width:768px){.branch-grid{grid-template-columns:1fr;}.rotc-grid{grid-template-columns:1fr;}.track-grid{grid-template-columns:1fr;}.info-grid{grid-template-columns:1fr;}.resource-grid{grid-template-columns:1fr;grid-template-rows:none;}.resource-col{display:block;grid-row:auto;}}
@media(max-width:480px){.container{padding:0 18px;}}