:root {
  --ink:#173c43; --teal:#075a62; --teal-dark:#03464c; --paper:#fffdf6; --cream:#f5efe3;
  --yellow:#ffd84e; --sky:#eaf5f6; --pink:#fbeaec; --mint:#e8f2e8; --lavender:#eee9f8;
  --line:#d8d0c3; --muted:#5d6c6f; --danger:#9b2c2c; --shadow:0 26px 70px rgba(58,48,34,.18);
}

/* Standalone assessment privacy policy. */
.privacy-page { min-height:100vh; margin:0; color:#173f45; background:linear-gradient(145deg,#f9f4e9,#eef6f3); font-family:"DM Sans",sans-serif; }
.privacy-policy { width:min(860px,calc(100% - 2rem)); margin:0 auto; padding:clamp(2rem,6vw,5rem) 0; }
.privacy-policy h1 { margin:.4rem 0 .5rem; color:#073f47; font-size:clamp(2rem,5vw,3.5rem); line-height:1.05; letter-spacing:-.04em; }
.privacy-policy h2 { margin:0 0 .55rem; color:#0b5b63; font-size:1.2rem; }
.privacy-policy section { margin:1rem 0; padding:clamp(1rem,3vw,1.5rem); background:rgba(255,255,255,.76); border:1px solid rgba(11,91,99,.14); border-radius:1rem; box-shadow:0 12px 34px rgba(20,56,60,.07); }
.privacy-policy p { margin:.4rem 0; line-height:1.68; }
.privacy-policy a { color:#096a72; font-weight:700; }
.privacy-back { display:inline-block; margin-bottom:1.6rem; }
.privacy-updated { color:#657b7f; }
* { box-sizing:border-box; }
html { color-scheme:light; scroll-behavior:smooth; }
body { margin:0; min-height:100vh; color:var(--ink); background:
  radial-gradient(circle at 8% 14%, rgba(113,164,137,.18), transparent 21rem),
  radial-gradient(circle at 90% 84%, rgba(226,185,115,.18), transparent 26rem),
  linear-gradient(135deg,#f7f1e7,#eee5d6); font-family:"DM Sans",system-ui,sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.18; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"); }
.skip-link { position:fixed; z-index:20; top:-100px; left:1rem; padding:.75rem 1rem; background:#fff; color:var(--teal); border:2px solid var(--teal); border-radius:.5rem; }
.skip-link:focus { top:1rem; }
.page-shell { width:100%; margin:0; padding:0; position:relative; }
.hero { position:relative; width:100%; min-height:100vh; min-height:100svh; margin:0; overflow:hidden; background:#201d1a; isolation:isolate; opacity:1; transform:none; transition:opacity .28s ease,transform .28s ease; }
.hero.hero-exit { opacity:0; transform:translateY(-12px) scale(.992); }
.hero::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(20,18,16,.86) 0%,rgba(20,18,16,.62) 37%,rgba(20,18,16,.15) 68%,rgba(20,18,16,.02) 100%),linear-gradient(180deg,rgba(20,18,16,.1),transparent 58%,rgba(20,18,16,.3)); }
.hero-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; }
.hero-nav { position:absolute; z-index:4; top:clamp(1rem,3vw,2rem); right:clamp(20px,5vw,72px); display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:.65rem 1.15rem; color:#fffaf0; font-size:.9rem; font-weight:700; text-shadow:0 2px 12px rgba(0,0,0,.65); }
.hero-nav a,.hero-nav-pending { color:inherit; text-decoration:none; padding:.4rem .1rem; border-bottom:1px solid transparent; }
.hero-nav a:hover,.hero-nav a:focus-visible { border-bottom-color:#ffd469; }
.hero-nav-pending { opacity:.58; cursor:not-allowed; }
.hero-copy { position:relative; z-index:3; width:min(60%,780px); min-height:100vh; min-height:100svh; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding-block:clamp(2.5rem,6vw,6rem); padding-inline:clamp(24px,8vw,144px); color:#fffaf0; text-shadow:0 2px 18px rgba(0,0,0,.38); }
.hero-logo { display:block; width:clamp(220px,22vw,320px); height:auto; margin:0 0 clamp(1.6rem,3vh,2.5rem); object-fit:contain; filter:drop-shadow(0 4px 16px rgba(0,0,0,.42)); }
.hero-copy h1 { margin:0 0 1rem; max-width:620px; font:700 clamp(3rem,5vw,5rem)/.98 "DM Sans",sans-serif; letter-spacing:-.055em; text-wrap:balance; }
.hero-copy>p:not(.hero-note) { margin:0 0 1.7rem; max-width:500px; color:#fff9ef; font-size:clamp(1.05rem,1.7vw,1.3rem); line-height:1.55; }
.hero-cta { position:relative; isolation:isolate; overflow:hidden; min-height:56px; display:inline-flex; align-items:center; justify-content:center; gap:.7rem; padding:.98rem 1.55rem; color:#fff; background:linear-gradient(145deg,rgba(24,183,188,.34),rgba(2,55,62,.52)); border:1px solid rgba(202,255,255,.48); border-top-color:rgba(255,255,255,.72); border-radius:999px; box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,20,24,.25),0 12px 30px rgba(0,0,0,.25),0 0 26px rgba(22,184,188,.16); backdrop-filter:blur(18px) saturate(145%); -webkit-backdrop-filter:blur(18px) saturate(145%); font-weight:700; text-decoration:none; text-shadow:0 1px 8px rgba(0,0,0,.35); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease; animation:cta-breathe 5.8s ease-in-out infinite; }
.hero-cta::before { content:""; position:absolute; z-index:-1; top:-80%; bottom:-80%; left:-42%; width:27%; transform:rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent); filter:blur(2px); animation:cta-sweep 6.4s cubic-bezier(.5,0,.3,1) infinite; }
.hero-cta::after { content:""; position:absolute; z-index:-2; inset:1px; border-radius:inherit; background:linear-gradient(155deg,rgba(255,255,255,.16),transparent 42%,rgba(8,134,144,.18)); }
.hero-cta:hover { transform:translateY(-3px); border-color:rgba(224,255,255,.78); background:linear-gradient(145deg,rgba(27,204,207,.42),rgba(3,67,74,.58)); box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 16px 38px rgba(0,0,0,.3),0 0 34px rgba(32,214,214,.22); }
.hero-cta:active { transform:translateY(0) scale(.975); box-shadow:inset 0 2px 8px rgba(0,21,25,.28),0 7px 18px rgba(0,0,0,.25),0 0 20px rgba(32,214,214,.18); }
.hero-cta:focus-visible { outline:3px solid var(--yellow); outline-offset:4px; }
.hero-note { margin:.85rem 0 0; color:#f7ead5; font-size:.9rem; font-weight:600; letter-spacing:.02em; text-shadow:0 2px 12px rgba(0,0,0,.6); }
.intro-video-slot { position:absolute; inset:0; z-index:4; }
@keyframes cta-breathe { 0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,20,24,.25),0 12px 30px rgba(0,0,0,.25),0 0 23px rgba(22,184,188,.13)} 50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(0,20,24,.2),0 14px 34px rgba(0,0,0,.27),0 0 33px rgba(30,205,207,.24)} }
@keyframes cta-sweep { 0%,62%{left:-42%;opacity:0} 68%{opacity:.55} 82%{left:116%;opacity:.28} 83%,100%{left:116%;opacity:0} }
.test-mode-banner { position:fixed; z-index:15; right:.75rem; bottom:.75rem; max-width:min(340px,calc(100vw - 1.5rem)); margin:0; padding:.48rem .7rem; text-align:center; color:#58410a; background:rgba(255,243,189,.94); border:1px solid #dfbe4b; border-radius:.6rem; box-shadow:0 8px 24px rgba(58,48,34,.14); backdrop-filter:blur(8px); font-size:.72rem; }
.tablet { position:relative; width:calc(100% - clamp(1.4rem,4vw,3rem)); margin:clamp(.75rem,2vw,1.5rem) auto 0; max-width:1040px; scroll-margin-top:1rem; }
.paper-layer { position:absolute; inset:-1rem 2.5rem 1rem; background:#f8f3e8; border:1px solid rgba(107,87,58,.12); border-radius:3rem; box-shadow:0 12px 35px rgba(65,49,28,.1); transform:rotate(.7deg); }
.paper-layer-two { inset:-.45rem 1rem .3rem; transform:rotate(-.45deg); background:#fbf7ee; }
.notebook { position:relative; z-index:2; min-height:650px; padding:clamp(1.3rem,4vw,4rem); background:rgba(255,253,246,.97); border:1px solid rgba(122,99,61,.16); border-radius:2.5rem; box-shadow:var(--shadow); overflow:hidden; }
.notebook::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,rgba(64,126,132,.09) 38px); }
.notebook > div { position:relative; z-index:1; }
.progress-row { display:grid; gap:.65rem; margin:0 auto 2.2rem; max-width:800px; text-align:center; }
.progress-row p { margin:0; font-family:"Caveat",cursive; font-size:1.45rem; font-weight:600; }
.progress-track { height:8px; background:#e4e3df; border-radius:999px; overflow:hidden; }
#progress-fill { display:block; height:100%; width:10%; background:linear-gradient(90deg,#3fa4a8,var(--teal)); border-radius:inherit; transition:width .32s ease; }
#question-view { opacity:1; transform:translateY(0); transition:opacity .18s ease,transform .18s ease; }
#question-view.is-advancing { opacity:.72; transform:translateY(-3px); pointer-events:none; }
.question-eyebrow { margin:0 0 .5rem; text-align:center; color:var(--teal); font-size:.78rem; text-transform:uppercase; letter-spacing:.18em; font-weight:700; }
.question-title { max-width:850px; margin:.2rem auto 1rem; text-align:center; font:600 clamp(2.15rem,5vw,3.65rem)/1.08 "Caveat",cursive; color:#102f35; }
.question-title:focus { outline:none; }
.question-title span { position:relative; z-index:0; display:inline; padding:0 .3em; box-decoration-break:clone; -webkit-box-decoration-break:clone; background:linear-gradient(178deg,transparent 16%,rgba(255,216,78,.9) 18%,rgba(255,216,78,.78) 82%,transparent 84%); }
.question-prompt,.contact-heading>p:not(.question-eyebrow) { margin:0 auto 1.6rem; max-width:760px; text-align:center; color:var(--muted); font-size:1rem; }
.answers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; max-width:850px; margin:0 auto; padding:0; border:0; }
.answer-card { min-height:92px; display:grid; grid-template-columns:30px 1fr 22px; gap:1rem; align-items:center; position:relative; padding:1rem 1.15rem; border:2px solid rgba(7,90,98,.13); border-radius:1.1rem; background:var(--sky); box-shadow:0 7px 18px rgba(47,57,52,.08); cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease; }
.answer-card:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(47,57,52,.12); }
.answer-card:has(input:focus-visible) { outline:3px solid #f6b81a; outline-offset:3px; }
.answer-card:has(input:checked) { border-color:var(--teal); background:#dceff0; box-shadow:0 8px 22px rgba(7,90,98,.16); }
.answer-card input { position:absolute; opacity:0; pointer-events:none; }
.answer-marker { width:28px; height:28px; border:2px solid var(--teal); border-radius:50%; background:#fff; box-shadow:inset 0 0 0 5px #fff; }
.answer-card:has(input[type="checkbox"]) .answer-marker { border-radius:8px; }
.answer-card:has(input:checked) .answer-marker { background:var(--teal); }
.answer-copy { font-size:.98rem; line-height:1.38; }
.answer-letter { align-self:start; color:rgba(7,90,98,.48); font:600 1.2rem/1 "Caveat",cursive; }
.tint-1 { background:var(--pink); }.tint-2 { background:#fff2ce; }.tint-3 { background:var(--mint); }.tint-0:nth-child(4n+1) { background:var(--sky); }
.controls { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.75rem; margin:2rem auto 0; }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:.8rem 1.45rem; border:2px solid transparent; font:600 .98rem/1 "DM Sans",sans-serif; text-decoration:none; cursor:pointer; transition:transform .18s ease,background .18s ease,box-shadow .18s ease; }
.button:focus-visible { outline:3px solid #f6b81a; outline-offset:3px; }
.button:hover:not(:disabled) { transform:translateY(-2px); }
.button-primary { color:#fff; background:linear-gradient(145deg,var(--teal),var(--teal-dark)); box-shadow:0 8px 20px rgba(7,90,98,.24); }
.button-primary:disabled { cursor:not-allowed; opacity:.42; box-shadow:none; }
.button-secondary { color:var(--teal); background:#fff; border-color:rgba(7,90,98,.35); }
.button-secondary:disabled { opacity:0; pointer-events:none; }
.button-link { color:var(--teal); background:transparent; text-decoration:underline; text-underline-offset:3px; }
.form-error { min-height:1.4em; margin:.8rem auto 0; color:var(--danger); text-align:center; font-weight:600; }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.1rem; max-width:800px; margin:2rem auto; }
.field-grid label { display:grid; gap:.45rem; font-weight:600; }
.optional { color:var(--muted); font-weight:400; font-size:.85rem; }
input[type="text"],input[type="email"],input[type="url"],.field-grid input { width:100%; min-height:50px; border:1.5px solid #9aaeb0; border-radius:.75rem; padding:.7rem .9rem; background:rgba(255,255,255,.9); color:var(--ink); font:inherit; }
.field-grid input:focus { outline:3px solid rgba(246,184,26,.45); border-color:var(--teal); }
.consent { display:flex; align-items:flex-start; gap:.7rem; max-width:800px; margin:1rem auto; line-height:1.45; }
.consent input { width:21px; height:21px; flex:none; accent-color:var(--teal); }
.consent strong { font-size:.78rem; color:var(--teal); text-transform:uppercase; letter-spacing:.06em; }
.consent a { color:inherit; font-weight:700; text-underline-offset:2px; }
.honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.thank-you { display:grid; place-items:center; align-content:center; min-height:530px; text-align:center; }
.thank-you>p { max-width:680px; margin:.35rem auto; }
.celebration { width:74px; height:74px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--teal); font-size:2rem; box-shadow:0 12px 28px rgba(7,90,98,.2); }
.ready { margin-top:1.5rem!important; font-weight:700; }
.thank-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:1rem; margin-top:1.2rem; }
.config-note { flex-basis:100%; color:var(--muted); font-size:.9rem; }
.privacy-note { max-width:850px; margin:1.3rem auto 0; text-align:center; color:#536265; font-size:.82rem; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
[hidden] { display:none!important; }
@media (max-width:720px) {
  .hero-nav { position:relative; top:auto; right:auto; z-index:4; justify-content:flex-start; padding:1rem 20px 0; gap:.45rem .9rem; font-size:.78rem; }
  .hero { min-height:100vh; min-height:100svh; }
  .hero::after { background:linear-gradient(180deg,rgba(20,18,16,.78) 0%,rgba(20,18,16,.7) 48%,rgba(20,18,16,.35) 76%,rgba(20,18,16,.58) 100%); }
  .hero-media { object-position:64% center; }
  .hero-copy { width:100%; min-height:100vh; min-height:100svh; justify-content:flex-start; padding:clamp(1.25rem,5vh,2.4rem) clamp(20px,6vw,28px) 2rem; }
  .hero-logo { width:clamp(190px,58vw,230px); margin-bottom:clamp(1.4rem,4vh,2.2rem); }
  .hero-copy h1 { max-width:360px; font-size:clamp(2.5rem,12vw,3.45rem); }
  .hero-copy>p:not(.hero-note) { margin-bottom:1.35rem; font-size:1rem; }
  .hero-note { font-size:.82rem; }
  .test-mode-banner { right:.5rem; bottom:.5rem; max-width:calc(100vw - 1rem); font-size:.68rem; }
  .paper-layer { display:none; }.notebook { min-height:calc(100vh - 155px); border-radius:1.35rem; padding:1.25rem .9rem; }
  .progress-row { margin-bottom:1.5rem; }.question-title { font-size:2.2rem; }
  .answers { grid-template-columns:1fr; gap:.75rem; }.answer-card { min-height:76px; padding:.85rem; }
  .field-grid { grid-template-columns:1fr; }.controls { position:sticky; bottom:.35rem; padding:.6rem; border-radius:999px; background:rgba(255,253,246,.92); backdrop-filter:blur(8px); }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* FINAL LIQUID GLASS REFINEMENT */
/* The reference image contains baked-in UI. The clean cinematic asset remains the only background image. */
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 0% 46%,rgba(0,205,211,.18),transparent 31%),
    radial-gradient(ellipse at 94% 15%,rgba(0,197,207,.12),transparent 25%);
  mix-blend-mode:screen;
}
.hero::after {
  z-index:2;
  background:
    linear-gradient(90deg,rgba(5,18,21,.88) 0%,rgba(6,22,25,.69) 35%,rgba(7,20,21,.18) 67%,rgba(4,13,14,.03) 100%),
    linear-gradient(180deg,rgba(4,15,17,.08),transparent 58%,rgba(3,11,12,.38));
}
.hero-copy { z-index:3; }
.hero-copy h1 { max-width:650px; font-size:clamp(2.9rem,4.35vw,4.6rem); line-height:1.01; letter-spacing:-.052em; }
.hero-copy h1 span {
  color:#6de5e7;
  background:linear-gradient(100deg,#65e5df 0%,#5fcddd 48%,#58aee7 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero-cta {
  min-width:min(100%,295px);
  min-height:60px;
  padding:1rem 1.65rem;
  color:#fff;
  background:linear-gradient(145deg,rgba(169,255,255,.26),rgba(7,111,121,.36) 48%,rgba(3,48,57,.56));
  border:1px solid rgba(211,255,255,.72);
  border-top-color:rgba(255,255,255,.92);
  border-bottom-color:rgba(85,247,250,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(51,245,248,.3),
    0 13px 30px rgba(0,0,0,.3),
    0 0 25px rgba(32,223,226,.2);
  backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  font:700 1rem/1 "DM Sans",system-ui,sans-serif;
  cursor:pointer;
  animation:cta-breathe 6s ease-in-out infinite;
}
.hero-cta::before { animation:cta-sweep 7s cubic-bezier(.5,0,.3,1) infinite; }
.hero-cta::after { background:linear-gradient(155deg,rgba(255,255,255,.21),transparent 40%,rgba(18,202,207,.18)); }
.hero-cta:hover {
  transform:translateY(-2px);
  border-color:rgba(232,255,255,.92);
  background:linear-gradient(145deg,rgba(183,255,255,.31),rgba(9,130,139,.42) 48%,rgba(4,58,66,.6));
}
.hero-cta:active { transform:translateY(0) scale(.982); }

/* The assessment is one full-screen cinematic scene with a compact glass interface. */
.tablet {
  position:relative;
  isolation:isolate;
  display:grid;
  align-items:center;
  width:100%;
  max-width:none;
  min-height:100vh;
  min-height:100svh;
  margin:0;
  padding:clamp(1rem,2.4vw,2rem);
  overflow:hidden;
  color:#f8ffff;
  background:#061618;
  scroll-margin-top:0;
}
.tablet::before {
  content:"";
  position:fixed;
  inset:-16px;
  z-index:-2;
  pointer-events:none;
  background:url("/assets/navi-bottleneck-hero-v2.png") center center/cover no-repeat;
  filter:blur(4px);
  transform:scale(1.025);
}
.tablet::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,17,20,.78),rgba(4,25,27,.63) 50%,rgba(2,14,17,.74)),
    linear-gradient(180deg,rgba(1,13,16,.28),rgba(0,13,16,.56));
}
.paper-layer { display:none; }
.notebook {
  position:relative;
  width:min(960px,100%);
  min-height:0;
  margin:auto;
  padding:clamp(1.25rem,2.7vw,2.15rem);
  overflow:visible;
  color:#f7ffff;
  background:linear-gradient(145deg,rgba(12,42,46,.76),rgba(7,27,31,.68));
  border:1px solid rgba(196,252,252,.28);
  border-top-color:rgba(237,255,255,.48);
  border-radius:clamp(1.35rem,2.2vw,2rem);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 26px 70px rgba(0,0,0,.38),0 0 0 1px rgba(45,211,215,.05);
  backdrop-filter:blur(24px) saturate(135%);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
}
.notebook::before { display:none; }
.progress-row { gap:.55rem; max-width:none; margin:0 0 1.15rem; text-align:left; }
.progress-row p { color:rgba(231,253,253,.8); font-family:"DM Sans",system-ui,sans-serif; font-size:.82rem; font-weight:650; letter-spacing:.08em; text-transform:uppercase; }
.progress-track { height:4px; background:rgba(220,255,255,.14); }
#progress-fill { background:linear-gradient(90deg,#66ece5,#42bde0); box-shadow:0 0 12px rgba(74,225,228,.4); }
.question-eyebrow { margin:0 0 .4rem; color:#78e4e2; font-size:.7rem; letter-spacing:.18em; text-align:left; }
.question-title {
  max-width:820px;
  margin:0 0 .55rem;
  color:#fff;
  font:700 clamp(1.85rem,3vw,2.65rem)/1.12 "DM Sans",system-ui,sans-serif;
  letter-spacing:-.035em;
  text-align:left;
}
.question-title span { padding:0; background:none; }
.question-prompt,.contact-heading>p:not(.question-eyebrow) { max-width:760px; margin:0 0 1.2rem; color:rgba(235,250,250,.75); font-size:.96rem; line-height:1.5; text-align:left; }
.answers { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; max-width:none; }
.answer-card {
  min-height:68px;
  grid-template-columns:25px 1fr 18px;
  gap:.8rem;
  padding:.78rem .92rem;
  color:#f4ffff;
  background:rgba(239,255,255,.075)!important;
  border:1px solid rgba(210,255,255,.16);
  border-radius:1rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 18px rgba(0,0,0,.12);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.answer-card:hover { transform:translateY(-1px); background:rgba(231,255,255,.115)!important; border-color:rgba(134,235,235,.38); box-shadow:0 9px 22px rgba(0,0,0,.18); }
.answer-card:has(input:checked) { background:rgba(26,177,183,.24)!important; border-color:rgba(94,235,235,.78); box-shadow:inset 0 0 0 1px rgba(97,238,238,.16),0 8px 22px rgba(0,0,0,.18); }
.answer-marker { width:23px; height:23px; border:1.5px solid rgba(165,246,244,.84); background:rgba(5,25,29,.52); box-shadow:inset 0 0 0 5px rgba(8,32,36,.8); }
.answer-card:has(input:checked) .answer-marker { background:#64e3e0; }
.answer-copy { font-size:.91rem; line-height:1.32; }
.answer-letter { color:rgba(145,234,233,.6); font:600 .78rem/1 "DM Sans",system-ui,sans-serif; }
.controls { justify-content:flex-end; gap:.65rem; margin:1.25rem 0 0; }
.button { min-height:44px; padding:.72rem 1.2rem; font-size:.91rem; }
.button-primary { color:#fff; background:linear-gradient(145deg,#087982,#05545c); border-color:rgba(142,242,241,.28); box-shadow:0 8px 20px rgba(0,0,0,.2); }
.button-secondary { color:#eaffff; background:rgba(236,255,255,.08); border-color:rgba(207,253,252,.26); }
.button-link { color:#a8eeee; }
.form-error { margin:.55rem 0 0; color:#ffd4ca; text-align:left; }
.field-grid { gap:.8rem; max-width:none; margin:1.1rem 0; }
.field-grid label { gap:.35rem; color:#eefefe; font-size:.88rem; }
.optional { color:rgba(226,248,248,.6); }
input[type="text"],input[type="email"],input[type="url"],.field-grid input {
  min-height:46px;
  color:#fff;
  background:rgba(238,255,255,.08);
  border:1px solid rgba(206,250,250,.26);
}
.field-grid input::placeholder { color:rgba(230,248,248,.4); }
.field-grid input:focus { border-color:#67dedb; outline:3px solid rgba(73,217,217,.2); }
.consent { max-width:none; margin:.8rem 0; color:rgba(239,252,252,.83); font-size:.86rem; }
.consent strong { color:#7fe5e3; }
.thank-you { min-height:min(560px,72vh); }
.thank-you>p { color:rgba(239,253,253,.8); }
.thank-you .question-eyebrow,.thank-you .question-title { text-align:center; }
.celebration { color:#06282d!important; background:linear-gradient(145deg,#84f3eb,#4bc8d8); }
.ready { color:#fff!important; }
.config-note { color:rgba(232,250,250,.68); }
.privacy-note { display:none; }

@media (max-width:720px) {
  .hero::before { background:radial-gradient(ellipse at 4% 28%,rgba(0,205,211,.15),transparent 36%); }
  .hero-copy h1 { font-size:clamp(2.5rem,11.8vw,3.35rem); }
  .hero-cta { min-width:min(100%,280px); min-height:56px; }
  .tablet {
    align-items:start;
    min-height:100vh;
    min-height:100svh;
    padding:.7rem;
    overflow:visible;
  }
  .tablet::before { background-position:64% center; filter:blur(4px); }
  .tablet::after { background:linear-gradient(180deg,rgba(3,19,22,.69),rgba(2,15,18,.8)); }
  .notebook { width:100%; margin:0; padding:1.05rem .9rem; border-radius:1.25rem; }
  .progress-row { margin-bottom:.9rem; }
  .question-title { font-size:clamp(1.65rem,8vw,2rem); }
  .question-prompt,.contact-heading>p:not(.question-eyebrow) { margin-bottom:.95rem; font-size:.9rem; }
  .answers { grid-template-columns:1fr; gap:.55rem; }
  .answer-card { min-height:62px; padding:.68rem .76rem; }
  .controls { position:static; justify-content:stretch; margin-top:1rem; padding:0; background:none; backdrop-filter:none; }
  .controls .button { flex:1 1 auto; }
  .field-grid { grid-template-columns:1fr; }
  .thank-you { min-height:calc(100svh - 3rem); }
  .test-mode-banner { position:fixed; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-cta,.hero-cta::before { animation:none!important; }
}

/* PREMIUM EDITORIAL RESULTS JOURNEY */
.notebook:has(#results-view:not([hidden])) {
  width:min(1480px,100%);
  padding:0;
  color:#102d36;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}
.notebook:has(#contact-view:not([hidden])),
.notebook:has(#thank-you-view:not([hidden])) {
  width:min(1120px,100%);
  padding:0;
  color:#102d36;
  background:#fbf8f0;
  border:1px solid rgba(224,190,119,.55);
  box-shadow:0 28px 80px rgba(0,0,0,.38);
  overflow:hidden;
}
.results-view { width:100%; }
.results-masthead {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:1.25rem;
  margin:0 0 .65rem;
  padding:.9rem 1.25rem;
  color:#fdf8ed;
  background:linear-gradient(105deg,#042f38,#07515a 67%,#0d6870);
  border:1px solid rgba(231,196,120,.42);
  border-radius:1rem;
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}
.results-masthead img { width:132px; height:auto; }
.results-masthead p,.results-masthead h1 { margin:0; }
.results-masthead p { color:#e6c378; font-size:.68rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.results-masthead h1 { color:#fff; font:700 clamp(1.35rem,2vw,2rem)/1.05 "DM Sans",sans-serif; letter-spacing:-.03em; }
.results-masthead>span { color:rgba(255,255,255,.7); font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; }
#results-error:empty { display:none; }
.magazine-spread {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  overflow:hidden;
  background:linear-gradient(180deg,#dbb45f,#f5dfaa,#b88a32);
  border:1px solid rgba(228,192,116,.75);
  border-radius:1.35rem;
  box-shadow:0 30px 80px rgba(0,0,0,.4);
}
.mag-page {
  position:relative;
  min-width:0;
  min-height:0;
  padding:clamp(1.15rem,2vw,2rem);
  background:
    radial-gradient(circle at 8% 8%,rgba(228,192,116,.16),transparent 16rem),
    linear-gradient(145deg,#fffdf8,#f4ecde);
}
.mag-page-left { box-shadow:inset -18px 0 24px -25px rgba(45,29,7,.46); }
.mag-page-right { box-shadow:inset 18px 0 24px -25px rgba(45,29,7,.46); }
.mag-page::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.1; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"); }
.mag-page>* { position:relative; z-index:1; }
.editorial-feature { display:grid; grid-template-columns:minmax(0,.54fr) minmax(0,1fr); gap:1.25rem; align-items:center; }
.editorial-feature figure,.next-step-feature figure { margin:0; overflow:hidden; background:#d8c5a4; }
.editorial-feature img,.next-step-feature img { width:100%; height:100%; display:block; object-fit:cover; }
.editorial-feature-primary { margin-bottom:1.05rem; }
.editorial-feature-primary figure,.editorial-feature-holding figure { width:100%; aspect-ratio:4/3; min-height:0; border-radius:2.8rem 1rem 1rem 1rem; box-shadow:0 12px 24px rgba(19,53,57,.12); }
.editorial-feature-primary img { object-position:50% center; }
.editorial-feature-primary .editorial-copy,.editorial-feature-holding .editorial-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:.35rem .15rem; }
.editorial-feature-holding { padding:1.05rem 0; border-top:1px solid rgba(15,61,68,.18); border-bottom:1px solid rgba(15,61,68,.18); }
.editorial-feature-holding img { object-position:50% center; }
.section-kicker { margin:0 0 .7rem; color:#0b5158; font-size:clamp(.74rem,.72vw,.82rem); font-weight:800; line-height:1.35; letter-spacing:.12em; text-transform:uppercase; }
.section-kicker span { display:inline-grid; place-items:center; width:2.2rem; height:2.2rem; margin-right:.5rem; color:#fff; background:#063e47; border-radius:50%; letter-spacing:0; }
.editorial-copy h2,.opportunity-highlight h2,.next-step-copy h2 { margin:0 0 .8rem; color:#082e37; font:700 clamp(1.55rem,2.2vw,2.45rem)/1.04 "DM Sans",sans-serif; letter-spacing:-.045em; }
.result-lede { margin:0; color:#42565b; font-size:clamp(1rem,1.05vw,1.08rem); line-height:1.58; }
.editorial-feature-holding .section-kicker { margin-bottom:.8rem; color:#084d55; }
.editorial-feature-holding .editorial-copy>p:last-child { margin:0; color:#344e54; font-size:clamp(1.0625rem,1.15vw,1.125rem); line-height:1.56; text-wrap:pretty; }
.other-areas { padding-top:1.1rem; }
.section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin-bottom:.75rem; }
.section-heading p { margin:0; color:#082e37; font-size:1.02rem; font-weight:800; line-height:1.3; letter-spacing:.055em; text-transform:uppercase; }
.section-heading span { color:#8b713d; font-size:.72rem; line-height:1.3; text-align:right; text-transform:uppercase; }
.other-area-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.other-area-item,.other-area-empty { margin:0; padding:1rem 1.05rem; background:rgba(255,255,255,.64); border-left:3px solid #d4a94d; }
.other-area-item span { display:block; margin-bottom:.45rem; color:#a97920; font-size:.78rem; font-weight:800; letter-spacing:.12em; }
.other-area-item p,.other-area-empty { color:#2f494f; font-size:clamp(1rem,1.04vw,1.0625rem); line-height:1.52; text-wrap:pretty; }
.other-area-item p { margin:0; }
.other-area-empty { grid-column:1/-1; }
.opportunity-highlight { margin-bottom:.8rem; padding:1.05rem 1.2rem 1.1rem; color:#2e260f; background:linear-gradient(130deg,#f9df86,#e7b84e 56%,#ca9633); border-radius:1rem 3.2rem 1rem 1rem; box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 12px 24px rgba(114,78,16,.13); }
.opportunity-highlight .section-kicker { color:#55400d; }
.opportunity-highlight .section-kicker span { color:#143e43; background:#fff7d7; }
.opportunity-highlight h2 { margin-bottom:.6rem; color:#2e260f; font-size:clamp(1.3rem,1.6vw,1.72rem); line-height:1.14; text-wrap:pretty; }
.opportunity-highlight>p:last-child { margin:0; color:#59471d; font-size:clamp(.95rem,1vw,1.02rem); line-height:1.5; }
.next-step-feature { display:grid; grid-template-columns:minmax(0,1.58fr) minmax(220px,.96fr); align-items:stretch; min-height:0; overflow:hidden; background:linear-gradient(135deg,#052f38,#07545c); border-radius:3.2rem 1rem 1rem 1rem; box-shadow:0 18px 40px rgba(7,63,72,.2); }
.next-step-feature figure { grid-column:2; grid-row:1; min-height:100%; margin:.85rem .85rem .85rem 0; border-radius:1rem 2.35rem 1rem 1rem; }
.next-step-feature img { object-position:53% center; }
.next-step-copy { grid-column:1; grid-row:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:0; padding:clamp(1.55rem,2.4vw,2rem) clamp(1.25rem,2vw,1.7rem); color:#f7f1e4; }
.next-step-copy .section-kicker { color:#f1cb77; }
.next-step-copy .section-kicker span { color:#073f48; background:#efcb78; }
.next-step-copy h2 { margin-bottom:.75rem; color:#fff; font-size:clamp(1.55rem,1.9vw,2rem); line-height:1.1; text-wrap:balance; }
.next-step-copy>p { margin:.1rem 0 1.15rem; color:rgba(255,255,255,.84); font-size:clamp(1rem,1.05vw,1.08rem); line-height:1.55; }
.next-step-copy .button-gold { min-width:min(100%,270px); }
.button-gold { color:#14343a; background:linear-gradient(145deg,#ffe58c,#e5b74e); border-color:rgba(255,246,202,.8); box-shadow:0 10px 26px rgba(0,0,0,.18); }
.button-gold:hover:not(:disabled) { background:linear-gradient(145deg,#ffedaa,#ecc45f); }
.button.button-primary:not(:disabled),.button.button-gold:not(.button-disabled):not(:disabled) { position:relative; isolation:isolate; overflow:hidden; border-top-color:rgba(255,255,255,.82); backdrop-filter:blur(14px) saturate(145%); -webkit-backdrop-filter:blur(14px) saturate(145%); animation:tool-cta-breathe 5.8s ease-in-out infinite; }
.button.button-primary:not(:disabled)::before,.button.button-gold:not(.button-disabled):not(:disabled)::before { content:""; position:absolute; z-index:-1; top:-90%; bottom:-90%; left:-44%; width:28%; transform:rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent); filter:blur(2px); animation:tool-cta-sweep 6.4s cubic-bezier(.5,0,.3,1) infinite; }
.button.button-primary:not(:disabled)::after,.button.button-gold:not(.button-disabled):not(:disabled)::after { content:""; position:absolute; z-index:-2; inset:1px; border-radius:inherit; background:linear-gradient(155deg,rgba(255,255,255,.2),transparent 43%,rgba(21,166,171,.12)); pointer-events:none; }
.button.button-primary:hover:not(:disabled),.button.button-gold:hover:not(.button-disabled):not(:disabled) { border-color:rgba(237,255,255,.78); box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 32px rgba(0,0,0,.24),0 0 28px rgba(43,208,210,.22); }
@keyframes tool-cta-breathe { 0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 25px rgba(0,0,0,.2),0 0 20px rgba(27,181,185,.12)} 50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 13px 31px rgba(0,0,0,.23),0 0 31px rgba(31,205,207,.25)} }
@keyframes tool-cta-sweep { 0%,62%{left:-44%;opacity:0} 68%{opacity:.55} 82%{left:118%;opacity:.26} 83%,100%{left:118%;opacity:0} }
.button-quiet { min-height:38px; padding:.55rem .9rem; color:#385259; background:transparent; border-color:rgba(20,67,74,.24); }
.button-disabled { cursor:not-allowed; opacity:.62; }
.results-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:1rem; }
.results-footer p { max-width:430px; margin:0; color:#647478; font-size:.72rem; line-height:1.4; text-align:right; }

.contact-editorial-header { display:grid; grid-template-columns:1.15fr .85fr; min-height:245px; overflow:hidden; color:#fff; background:linear-gradient(120deg,#053944 0%,#07535c 66%,#c89a3b 66.5%,#f0d488 69%,#f7f1e3 69.5%); }
.contact-heading { align-self:center; padding:clamp(1.35rem,3vw,2.8rem); }
.contact-heading .question-eyebrow { color:#f0ca73; }
.contact-heading .question-title { margin:0 0 .75rem; color:#fff; font:800 clamp(1.9rem,3.2vw,3rem)/1.02 "DM Sans",sans-serif; letter-spacing:-.045em; text-transform:uppercase; }
.contact-heading>p:not(.question-eyebrow) { margin:0; color:rgba(255,255,255,.78); }
.contact-editorial-header>img { width:100%; height:100%; min-height:245px; object-fit:cover; object-position:52% 34%; }
.editorial-form { padding:clamp(1.3rem,3vw,2.6rem); background:#fbf8f0; }
.editorial-form .field-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.35rem; margin:0 0 1.2rem; }
.editorial-form .field-grid label { color:#173d45; }
.editorial-form .field-grid input,.editorial-form .field-grid select { width:100%; min-height:50px; padding:.75rem .9rem; color:#173d45; background:#fffdf8; border:1px solid rgba(25,76,83,.25); border-radius:.5rem; font:inherit; }
.editorial-form .field-grid select { appearance:none; padding-right:2.7rem; background-image:linear-gradient(45deg,transparent 50%,#55777c 50%),linear-gradient(135deg,#55777c 50%,transparent 50%); background-position:calc(100% - 18px) 21px,calc(100% - 12px) 21px; background-size:6px 6px,6px 6px; background-repeat:no-repeat; }
.editorial-form .field-grid input:focus,.editorial-form .field-grid select:focus { border-color:#0b747c; outline:3px solid rgba(39,166,174,.18); }
.editorial-form .field-grid input::placeholder { color:#93a1a2; }
.editorial-form .field-grid label:last-child { grid-column:1/-1; max-width:calc(50% - .68rem); }
.editorial-form .consent { color:#2b4d53; }
.editorial-form .consent strong { color:#8d671c; }
.privacy-assurance { margin:1rem 0 0; padding:.8rem 1rem .8rem 2.7rem; color:#567076; background:#eef4f1; border-radius:.7rem; font-size:.78rem; line-height:1.45; position:relative; }
.privacy-assurance::before { content:"◆"; position:absolute; left:1rem; top:.8rem; color:#0d6269; }
.editorial-form .controls { margin-top:1.2rem; }

.editorial-thank-you { display:block; min-height:540px; padding:0; text-align:left; background:#f9f5eb; }
.thank-hero { display:grid; grid-template-columns:1.1fr .9fr; place-items:stretch; align-content:stretch; min-height:540px; }
.thank-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(1.6rem,4vw,4rem); color:#fff; background:linear-gradient(135deg,#043842,#07545d); clip-path:ellipse(92% 90% at 0% 50%); }
.thank-copy .celebration { width:62px; height:62px; margin:0 0 1rem; color:#f7d477!important; background:transparent; border:3px solid #efc75f; box-shadow:none; }
.thank-copy .question-eyebrow,.thank-copy .question-title { max-width:none; margin-left:0; text-align:left; }
.thank-copy .question-eyebrow { color:#f0cb76; }
.thank-copy .question-title { color:#fff; font:800 clamp(2.2rem,4vw,3.7rem)/1 "DM Sans",sans-serif; letter-spacing:-.05em; text-transform:uppercase; }
.thank-copy>p { max-width:590px; margin:.25rem 0; color:rgba(255,255,255,.82); line-height:1.55; }
.thank-copy .thank-actions { justify-content:flex-start; margin:1.5rem 0 .5rem; }
.thank-copy .button-secondary { color:#fff; background:transparent; border-color:rgba(255,255,255,.56); }
.thank-copy .config-note { color:rgba(255,255,255,.6); font-size:.75rem; }
.thank-image { width:100%; min-height:540px; background:url("/assets/results-thank-you.png") center/cover no-repeat; }
.thank-diagnosis { padding:clamp(1.4rem,4vw,3.5rem); background:linear-gradient(180deg,#f9f5eb,#efe5d5); }
.thank-diagnosis-heading { max-width:760px; margin:0 auto 1.5rem; text-align:center; }
.thank-diagnosis-heading h2 { margin:.25rem 0 .55rem; color:#064f58; font-size:clamp(1.9rem,4vw,3rem); letter-spacing:-.035em; }
.thank-diagnosis-heading p:last-child { color:#5c6f72; line-height:1.6; }
.thank-diagnosis .results-back-row,.thank-diagnosis #results-cta { display:none; }
.thank-diagnosis-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:1rem; margin:1.5rem 0 0; }

.contact-page { min-height:100vh; margin:0; background:#073e45; }
.contact-page-shell { position:relative; min-height:100vh; min-height:100svh; overflow:hidden; isolation:isolate; }
.contact-page-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-3; }
.contact-page-overlay { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(3,47,54,.94) 0%,rgba(3,47,54,.82) 38%,rgba(3,47,54,.2) 66%,rgba(3,47,54,.04) 100%); }
.contact-page-copy { width:min(680px,58%); min-height:100vh; min-height:100svh; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(2rem,7vw,7rem) clamp(24px,8vw,144px); color:#fff; }
.contact-page-logo { width:clamp(190px,20vw,290px); height:auto; margin-bottom:1.8rem; filter:drop-shadow(0 4px 16px rgba(0,0,0,.35)); }
.contact-page-copy h1 { margin:.25rem 0 .7rem; font-size:clamp(2.6rem,5.5vw,5rem); line-height:1; letter-spacing:-.055em; }
.contact-page-copy>p:not(.question-eyebrow) { max-width:560px; margin:0 0 1.3rem; color:#e7f5f4; font-size:1.05rem; line-height:1.6; }
.contact-card-grid { width:min(100%,560px); display:grid; gap:.75rem; }
.contact-card { display:flex; flex-direction:column; gap:.2rem; padding:1rem 1.15rem; color:#fff; text-decoration:none; background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(113,213,211,.08)); border:1px solid rgba(222,255,253,.32); border-radius:1rem; box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 28px rgba(0,0,0,.16); backdrop-filter:blur(16px) saturate(130%); transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.contact-card:hover,.contact-card:focus-visible { transform:translateY(-2px); border-color:rgba(255,225,146,.8); background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(113,213,211,.12)); }
.contact-card span { color:#f2d587; font-size:.76rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.contact-card strong { overflow-wrap:anywhere; font-size:1rem; }
.contact-home-cta { margin-top:1.25rem; }

@media (min-width:721px) {
  .contact-page { overflow:hidden; }
  .contact-page-shell { height:100vh; height:100svh; min-height:0; }
  .contact-page-copy { min-height:100%; padding-block:clamp(1rem,3vh,2.2rem); }
  .contact-page-logo { width:clamp(180px,17vw,250px); margin-bottom:clamp(.55rem,1.5vh,1rem); }
  .contact-page-copy h1 { margin:.15rem 0 .45rem; font-size:clamp(2.4rem,4.5vw,4.25rem); }
  .contact-page-copy>p:not(.question-eyebrow) { margin-bottom:clamp(.65rem,1.5vh,1rem); font-size:clamp(.92rem,1.25vw,1.02rem); line-height:1.45; }
  .contact-card-grid { gap:clamp(.45rem,1vh,.65rem); }
  .contact-card { padding:clamp(.68rem,1.25vh,.9rem) 1rem; }
  .contact-home-cta { margin-top:clamp(.65rem,1.5vh,1rem); }
}

@media (max-width:1050px) {
  .magazine-spread { grid-template-columns:1fr; gap:.7rem; background:transparent; border:0; box-shadow:none; overflow:visible; }
  .mag-page { min-height:0; border:1px solid rgba(228,192,116,.7); border-radius:1.2rem; box-shadow:0 22px 55px rgba(0,0,0,.28); }
  .results-masthead>span { display:none; }
}

@media (max-width:720px) {
  .notebook:has(#results-view:not([hidden])),.notebook:has(#contact-view:not([hidden])),.notebook:has(#thank-you-view:not([hidden])) { width:100%; border-radius:1.1rem; }
  .results-masthead { grid-template-columns:auto 1fr; gap:.75rem; padding:.75rem; }
  .results-masthead img { width:92px; }
  .results-masthead h1 { font-size:1.22rem; }
  .mag-page { padding:1rem; }
  .editorial-feature-primary,.editorial-feature-holding { grid-template-columns:1fr; gap:.9rem; }
  .editorial-feature-primary figure,.editorial-feature-holding figure { aspect-ratio:16/10; min-height:0; border-radius:2.4rem 1rem 1rem; }
  .other-area-grid { grid-template-columns:1fr; }
  .next-step-feature { grid-template-columns:1fr; min-height:0; border-radius:2.5rem 1rem 1rem; }
  .next-step-copy { grid-column:1; grid-row:1; padding:1.35rem 1.2rem 1.45rem; }
  .next-step-copy .button-gold { width:100%; }
  .next-step-feature figure { grid-column:1; grid-row:2; height:220px; min-height:0; margin:0 1rem 1rem; border-radius:1rem; }
  .results-footer { align-items:flex-start; flex-direction:column; }
  .results-footer p { text-align:left; }
  .contact-editorial-header { grid-template-columns:1fr; background:linear-gradient(155deg,#053944,#07535c 73%,#d0a84f 73.5%,#f0d488 76%,#f7f1e3 76.5%); }
  .contact-editorial-header>img { min-height:205px; max-height:240px; object-position:51% 36%; }
  .editorial-form .field-grid { grid-template-columns:1fr; }
  .editorial-form .field-grid label:last-child { grid-column:auto; max-width:none; }
  .editorial-form .controls { flex-direction:column-reverse; }
  .editorial-form .controls .button { width:100%; }
  .thank-hero { grid-template-columns:1fr; }
  .thank-copy { min-height:430px; clip-path:ellipse(118% 88% at 39% 0%); padding:2rem 1.2rem 4.2rem; }
  .thank-image { min-height:260px; background-position:68% center; }
  .thank-copy .thank-actions { align-items:stretch; flex-direction:column; width:100%; }
  .thank-copy .thank-actions .button { width:100%; }
  .thank-diagnosis-actions { align-items:stretch; flex-direction:column; }
  .thank-diagnosis-actions .button { width:100%; }
  .contact-page-media { object-position:68% center; }
  .contact-page-overlay { background:linear-gradient(180deg,rgba(3,47,54,.9) 0%,rgba(3,47,54,.82) 58%,rgba(3,47,54,.45) 100%); }
  .contact-page-copy { width:100%; min-height:100vh; min-height:100svh; justify-content:flex-start; padding:clamp(1.4rem,5vh,2.5rem) 20px 2rem; }
  .contact-page-logo { width:190px; margin-bottom:1.15rem; }
}

/* FINAL DIAGNOSIS MAGAZINE COMPOSITION */
.mag-page { display:flex; flex-direction:column; gap:1rem; }
.mag-page-left .editorial-feature-primary { grid-template-columns:minmax(150px,.48fr) minmax(0,1fr); gap:1.3rem; margin:0; padding:0 0 1rem; border-bottom:1px solid rgba(15,61,68,.18); }
.mag-page-left .editorial-feature-primary figure { aspect-ratio:16/11; min-height:0; border-radius:2.7rem 1rem 1rem; }
.mag-page-left .editorial-feature-primary img { object-position:50% 50%; }
.mag-page-left .editorial-feature-primary h2 { font-size:clamp(1.9rem,2.25vw,2.65rem); }
.mag-page-left .editorial-feature-holding { display:block; padding:.15rem 0 0; border:0; }
.mag-page-left .editorial-feature-holding .editorial-copy { padding:0; }
.holding-observations { display:grid; gap:.65rem; margin:.75rem 0 0; padding:0; list-style:none; }
.holding-observations li { position:relative; padding:.72rem .85rem .72rem 2.45rem; color:#27494f; background:rgba(255,255,255,.58); border:1px solid rgba(15,104,112,.16); border-radius:.78rem; }
.holding-observations li::before { content:""; position:absolute; left:.9rem; top:1rem; width:.72rem; height:.72rem; background:#d9a92d; border:3px solid rgba(255,255,255,.88); border-radius:50%; box-shadow:0 0 0 1px rgba(166,120,22,.25); }
.holding-observations strong { display:block; color:#123f47; font-size:clamp(.98rem,1.06vw,1.08rem); line-height:1.36; }
.holding-observations p { margin:.25rem 0 0; font-size:clamp(.88rem,.94vw,.96rem); line-height:1.5; }
.preliminary-note { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:.45rem .8rem; padding:.5rem .75rem; color:#234b51; background:linear-gradient(135deg,rgba(229,244,238,.9),rgba(255,250,235,.94)); border:1px solid rgba(21,98,101,.22); border-left:4px solid #0a6870; border-radius:.65rem; }
.preliminary-note strong { color:#07515a; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.preliminary-note p { margin:0; font-size:.84rem; line-height:1.38; }
.lower-left-balance { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,.48fr); gap:1.3rem; align-items:stretch; }
.working-block { padding:.9rem 1rem 1rem; background:rgba(255,255,255,.58); border:1px solid rgba(193,151,67,.28); border-radius:.9rem; }
.working-block .section-heading { margin-bottom:.65rem; }
.working-block ul { display:grid; gap:.55rem; margin:0; padding:0; list-style:none; }
.working-block li { position:relative; margin:0; padding-left:1.65rem; color:#314e53; font-size:clamp(.96rem,1vw,1.04rem); line-height:1.48; }
.working-block li::before { content:"✓"; position:absolute; left:0; top:-.02rem; display:grid; place-items:center; width:1.15rem; height:1.15rem; color:#fff; background:#0b6b70; border-radius:50%; font-size:.72rem; font-weight:800; }
.supporting-editorial-image { align-self:start; width:100%; min-width:0; margin:0; overflow:hidden; aspect-ratio:16/11; border-radius:1rem 2.7rem 1rem 1rem; background:#d8c5a4; box-shadow:0 12px 24px rgba(19,53,57,.12); }
.supporting-editorial-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:52% 50%; }
.results-back-row { margin-top:auto; padding-top:.15rem; }
.results-back-row .button-quiet { min-height:40px; }
.mag-page-right .opportunity-highlight { margin:0; }
.mag-page-right .other-areas { padding:0; }
.inline-section-number { display:inline-grid; place-items:center; width:2.2rem; height:2.2rem; margin-right:.55rem; color:#fff; background:#063e47; border-radius:50%; font-size:.72rem; letter-spacing:0; vertical-align:middle; }
.mag-page-right .other-area-grid { gap:.8rem; }
.mag-page-right .other-area-item,.mag-page-right .other-area-empty { padding:.9rem 1rem; }
.mag-page-right .other-area-item p,.mag-page-right .other-area-empty { font-size:clamp(.98rem,1vw,1.05rem); }
.mag-page-right .next-step-feature { display:block; min-height:0; margin-top:auto; border-radius:1.35rem .75rem .75rem; }
.mag-page-right .next-step-copy { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"kicker button" "copy button"; align-items:center; gap:.2rem 1rem; padding:.95rem .9rem; }
.mag-page-right .next-step-copy .section-kicker { grid-area:kicker; margin:0; }
.mag-page-right .next-step-copy #result-next { grid-area:copy; max-width:52ch; margin:0; font-size:.9rem; line-height:1.42; }
.mag-page-right .next-step-copy .button { grid-area:button; align-self:center; min-height:44px; padding:.7rem 1rem; white-space:nowrap; }
.mag-page-right .preliminary-note { flex:0 0 auto; margin-top:0; padding:.45rem .65rem; background:linear-gradient(135deg,rgba(229,244,238,.96),rgba(255,250,235,.98)); }
.mag-page-right .preliminary-note p { font-size:.8rem; line-height:1.35; }

@media (min-width:721px) {
  body:has(#results-view:not([hidden])) .test-mode-banner { position:absolute; top:.2rem; bottom:auto; left:50%; right:auto; max-width:none; padding:.22rem .55rem; transform:translateX(-50%); white-space:nowrap; font-size:.62rem; }
}

@media (min-width:900px) and (max-width:1050px) {
  .magazine-spread { grid-template-columns:1fr 1fr; gap:1px; overflow:hidden; background:linear-gradient(180deg,#dbb45f,#f5dfaa,#b88a32); border:1px solid rgba(228,192,116,.75); box-shadow:0 30px 80px rgba(0,0,0,.4); }
  .mag-page { padding:1rem; border:0; border-radius:0; box-shadow:none; }
  .mag-page-left .editorial-feature-primary { grid-template-columns:minmax(120px,.42fr) minmax(0,1fr); gap:.9rem; }
  .mag-page-left .editorial-feature-primary h2 { font-size:1.75rem; }
  .holding-observations { gap:.5rem; margin-top:.55rem; }
  .holding-observations li { padding:.58rem .65rem .58rem 2rem; }
  .holding-observations li::before { left:.68rem; top:.82rem; }
  .holding-observations strong { font-size:.9rem; }
  .holding-observations p { font-size:.78rem; line-height:1.4; }
  .preliminary-note { grid-template-columns:auto 1fr; gap:.3rem .55rem; }
  .preliminary-note p { font-size:.76rem; }
  .lower-left-balance { grid-template-columns:minmax(0,1fr) minmax(120px,.42fr); gap:.9rem; }
  .working-block { padding:.7rem; }
  .working-block .section-heading { display:block; }
  .working-block .section-heading span { display:block; margin-top:.15rem; }
  .working-block li { font-size:.86rem; line-height:1.36; }
  .other-area-grid { grid-template-columns:1fr; }
  .mag-page-right .next-step-copy { grid-template-columns:1fr; grid-template-areas:"kicker" "copy" "button"; }
  .mag-page-right .next-step-copy .button { width:100%; white-space:normal; }
  .mag-page-right .preliminary-note { grid-template-columns:1fr; }
}

@media (max-width:899px) {
  .mag-page { gap:.95rem; }
}

@media (max-width:720px) {
  .mag-page-left .editorial-feature-primary { grid-template-columns:1fr; gap:.9rem; }
  .mag-page-left .editorial-feature-primary figure { aspect-ratio:16/10; }
  .mag-page-left .editorial-feature-primary h2 { font-size:2rem; }
  .preliminary-note { grid-template-columns:1fr; gap:.25rem; }
  .preliminary-note p { font-size:.9rem; }
  .lower-left-balance { grid-template-columns:1fr; gap:.9rem; }
  .working-block { padding:.85rem; }
  .holding-observations li { padding:.72rem .78rem .72rem 2.25rem; }
  .holding-observations li::before { left:.78rem; top:.96rem; }
  .holding-observations strong { font-size:1rem; }
  .holding-observations p { font-size:.9rem; }
  .supporting-editorial-image { aspect-ratio:16/10; border-radius:1rem 2.4rem 1rem 1rem; }
  .section-heading { align-items:flex-start; }
  .inline-section-number { width:2rem; height:2rem; }
  .mag-page-right .next-step-copy { grid-template-columns:1fr; grid-template-areas:"kicker" "copy" "button"; padding:1rem; }
  .mag-page-right .next-step-copy .button { width:100%; white-space:normal; }
}