/* AI Velocity Gap Diagnostic - AltNexus brand system
   White dominant. Navy structural. Burnt orange thin accents only. */
:root{
  --navy:#081C35; --orange:#CC5500; --slate:#3C5364; --steel:#4682B4;
  --green:#007A5E; --amber:#B5850B; --red:#9C2B26;
  --ink:#0d1b2a; --line:#e4e8ee; --paper:#ffffff; --mist:#f6f8fa;
  --serif:'DM Serif Display',Georgia,serif;
  --sans:'DM Sans',Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;z-index:100;}
.skip:focus{left:8px;top:8px;}
.wrap{max-width:760px;margin:0 auto;padding:0 22px;}
.mono{font-family:var(--mono);letter-spacing:.02em;}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:18px;}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,5.4vw,3.5rem);line-height:1.06;margin:0 0 20px;letter-spacing:-.01em;}
h1 em{font-style:italic;color:var(--orange);}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3.6vw,2.3rem);line-height:1.12;margin:0 0 16px;}
h3{font-size:1.05rem;letter-spacing:.01em;margin:0 0 12px;}
.lede{font-size:1.12rem;color:var(--slate);max-width:60ch;margin:0 0 26px;}
.fineprint{font-size:.78rem;color:var(--slate);max-width:62ch;margin-top:18px;}
.fineprint a,.legal a{color:var(--slate);}
a{color:var(--orange);}

/* header / footer */
.masthead{background:var(--navy);}
.masthead-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;max-width:1100px;margin:0 auto;}
.brand{display:flex;flex-direction:column;gap:5px;text-decoration:none;}
.brand-lockup{display:flex;align-items:center;color:#fff;font-weight:700;letter-spacing:.14em;font-size:1.05rem;line-height:1;}
.brand-lockup .bm-div{width:1px;height:.95em;background:rgba(255,255,255,.55);margin:0 9px;}
.brand-tag{font-family:var(--mono);font-size:.6rem;letter-spacing:.22em;color:#8FA6C0;text-transform:uppercase;}
.masthead .tag{font-size:.68rem;color:#8FA6C0;letter-spacing:.12em;}
/* footer lockup */
.foot-lockup{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:10px;}
.brand-lockup.foot{color:var(--navy);font-size:.95rem;}
.brand-lockup.foot .bm-div{background:rgba(8,28,53,.5);}
.foot-marks{font-size:.62rem;letter-spacing:.16em;color:var(--slate);text-transform:uppercase;}
.sitefoot{border-top:1px solid var(--line);margin-top:60px;padding:26px 0 50px;}
.sitefoot .mono{font-size:.72rem;color:var(--navy);letter-spacing:.08em;}
.legal{font-size:.7rem;color:var(--slate);max-width:88ch;margin:12px 0 0;line-height:1.5;}

/* screens */
.screen{display:none;padding:52px 0 20px;animation:fade .4s ease;}
.screen.active{display:block;}
@keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.screen{animation:none;}html{scroll-behavior:auto;}}

/* buttons */
.cta{display:inline-block;background:var(--navy);color:#fff;border:0;font-family:var(--sans);font-weight:600;font-size:1rem;padding:15px 30px;cursor:pointer;text-decoration:none;transition:background .15s;}
.cta:hover{background:#0f2d52;}
.ghost{display:inline-block;background:none;border:1px solid var(--slate);color:var(--navy);font-family:var(--sans);font-weight:500;font-size:.92rem;padding:11px 20px;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s;}
.ghost:hover{border-color:var(--orange);color:var(--orange);}

/* intro gauge - the signature element */
.gauge-intro{margin:30px 0 32px;border-left:2px solid var(--orange);padding-left:20px;}
.gauge-intro .bar{margin:8px 0;background:var(--mist);height:34px;position:relative;overflow:hidden;}
.gauge-intro .bar span{display:flex;align-items:center;height:100%;background:var(--navy);color:#fff;font-size:.82rem;padding-left:12px;white-space:nowrap;animation:grow .9s cubic-bezier(.2,.7,.2,1) both;}
.gauge-intro .bar span.d2{background:var(--steel);}
.gauge-intro .bar span.d3{background:var(--slate);}
.gauge-intro .bar b{font-family:var(--mono);margin-right:10px;font-size:.9rem;}
.gauge-intro .src{font-size:.72rem;color:var(--slate);margin-top:14px;letter-spacing:.04em;}
@keyframes grow{from{width:0 !important;}}
@media (prefers-reduced-motion:reduce){.gauge-intro .bar span{animation:none;}}

/* quiz */
.progress{height:4px;background:var(--line);margin-bottom:22px;}
.progress span{display:block;height:100%;background:var(--orange);width:0;transition:width .35s ease;}
.qcount{font-size:.74rem;color:var(--slate);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;}
#qdomain{color:var(--navy);}
.opts{display:flex;flex-direction:column;gap:10px;margin:24px 0 30px;}
.opt{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--line);background:#fff;padding:15px 17px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .12s,background .12s;width:100%;}
.opt:hover{border-color:var(--steel);}
.opt:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
.opt .dot{flex:0 0 auto;width:18px;height:18px;border:2px solid var(--slate);border-radius:50%;margin-top:2px;transition:border-color .12s,background .12s;}
.opt[aria-checked="true"]{border-color:var(--navy);background:var(--mist);}
.opt[aria-checked="true"] .dot{border-color:var(--orange);background:var(--orange);box-shadow:inset 0 0 0 3px #fff;}
.opt .otext{font-size:.96rem;}
.opt .oscale{font-family:var(--mono);font-size:.68rem;color:var(--slate);margin-left:auto;padding-left:12px;}
.quiznav{display:flex;justify-content:flex-start;}

/* gate */
.scoreflash{font-family:var(--mono);color:var(--slate);font-size:.8rem;letter-spacing:.06em;margin-bottom:20px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.field{display:block;margin:0 0 16px;}
.field span{display:block;font-size:.82rem;color:var(--slate);margin-bottom:6px;}
.field input{width:100%;padding:13px 14px;border:1px solid var(--slate);font:inherit;color:var(--ink);background:#fff;}
.field input:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:var(--navy);}
.consent{display:flex;gap:11px;align-items:flex-start;font-size:.8rem;color:var(--slate);margin:6px 0 22px;line-height:1.5;max-width:64ch;}
.consent input{margin-top:3px;flex:0 0 auto;width:16px;height:16px;}
.skiplink{margin-top:16px;}
#gateerror{color:var(--red);min-height:1em;}

/* result */
.scorehead{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:8px 0 34px;}
.scoredial{position:relative;width:132px;height:132px;flex:0 0 auto;}
.scoredial svg{width:132px;height:132px;transform:rotate(-90deg);}
.scoredial circle{fill:none;stroke-width:9;}
.scoredial .track{stroke:var(--line);}
.scoredial .fill{stroke:var(--orange);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1s ease;}
.scorenum{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.scorenum b{font-family:var(--serif);font-size:2.4rem;line-height:1;color:var(--navy);}
.scorenum span{font-family:var(--mono);font-size:.72rem;color:var(--slate);}
.scoremeta{flex:1;min-width:240px;}
.tierpill{display:inline-block;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;color:#fff;margin-bottom:10px;}
.tierpill.red{background:var(--red);}.tierpill.amber{background:var(--amber);}.tierpill.green{background:var(--green);}
.scoremeta h2{font-size:1.35rem;line-height:1.2;}

.domaingrid{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 34px;}
.dcard{border:1px solid var(--line);padding:16px 18px;}
.dcard .dtop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.dcard .dname{font-weight:600;font-size:.96rem;}
.dcard .dpct{font-family:var(--mono);font-size:1.1rem;color:var(--navy);}
.dcard .dweight{font-family:var(--mono);font-size:.66rem;color:var(--orange);letter-spacing:.08em;}
.dcard .dbar{height:6px;background:var(--mist);margin:11px 0 9px;}
.dcard .dbar i{display:block;height:100%;background:var(--navy);transition:width .8s ease;}
.dcard .dblurb{font-size:.8rem;color:var(--slate);margin:0;}
.dcard.weak{border-color:var(--orange);border-width:1px;box-shadow:inset 3px 0 0 var(--orange);}
.dcard.weak .dname:after{content:" \00b7 priority";color:var(--orange);font-weight:600;font-size:.78rem;}

.narrative{border-top:2px solid var(--navy);padding-top:22px;margin-bottom:34px;}
.narrative p{margin:0 0 12px;color:#26364a;}
.narrative .mono{color:var(--slate);font-size:.86rem;}
.aiflag{font-family:var(--mono);font-size:.68rem;color:var(--slate);letter-spacing:.06em;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}

.nextblock{background:var(--mist);padding:24px 22px;margin-bottom:26px;}
.nextblock h3{color:var(--navy);}
.nextblock p{font-size:.95rem;color:var(--slate);margin:0 0 18px;max-width:60ch;}
.ctarow{display:flex;gap:12px;flex-wrap:wrap;}
.resultfoot{display:flex;gap:12px;justify-content:center;}

@media print{
  .masthead .tag,.resultfoot,.nextblock .ctarow,.skip{display:none;}
  .screen{display:none !important;}
  #screen-result{display:block !important;}
  body{color:#000;}
}
@media (max-width:520px){
  .scorehead{gap:18px;}
  h1{font-size:2rem;}
}