@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600&display=swap');
:root{--ink:#243b53;--paper:#f4f7f9;--white:#fff;--blue:#70b7e8;--green:#78ad62;--amber:#efa930;--red:#d84c4c;--purple:#a455dc;--display:"Barlow Condensed",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);line-height:1.55}a{color:inherit}img{display:block}.skip{position:fixed;top:-4rem;left:1rem;z-index:10;padding:.7rem;background:white}.skip:focus{top:1rem}header{position:absolute;z-index:2;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.3rem clamp(1.2rem,5vw,5rem);color:white;font-size:.85rem;font-weight:700}.brand img,footer img{width:58px;height:56px;object-fit:contain}.hero{min-height:700px;display:grid;grid-template-columns:1.2fr .8fr;color:white;background:var(--ink)}.hero>div{align-self:center;padding:9rem clamp(1.5rem,8vw,9rem) 5rem}.label{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.17em;font-size:.7rem;font-weight:700}h1,h2,h3,h4{margin:0;font-family:var(--display);line-height:.92;text-transform:uppercase}h1{font-size:clamp(5.5rem,11vw,10rem)}h1 span{color:var(--blue)}.hero>div>p:not(.label){max-width:40rem;font-size:1.1rem}.button{display:inline-block;margin-top:1.5rem;padding:.85rem 1.2rem;color:var(--ink);background:var(--blue);font-weight:700;text-decoration:none}.hero aside{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5rem);color:var(--ink);background:var(--blue)}.hero aside .golden{margin:0;font-family:var(--display);font-size:clamp(4rem,8vw,8rem);font-weight:800;line-height:.85;text-transform:uppercase}.emergency{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;color:white;background:var(--red)}.emergency p{margin:0}.emergency a{font-weight:800}.flow{padding:clamp(5rem,9vw,9rem) clamp(1.5rem,8vw,9rem)}.flow-heading{display:grid;grid-template-columns:.3fr 1fr .65fr;gap:3rem;align-items:end;padding-bottom:4rem;border-bottom:2px solid}.flow-heading h2,.boundaries h2,.roles>h2{font-size:clamp(4rem,8vw,7rem)}.flow-heading>p:last-child{margin:0}.question-card{max-width:1000px;margin:4rem auto;padding:clamp(1.5rem,5vw,4rem);background:white;box-shadow:0 18px 60px rgba(36,59,83,.08)}.question-card h3{font-size:clamp(2.8rem,5vw,5rem)}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}.choice{min-height:160px;padding:1.3rem;border:2px solid transparent;text-align:left;color:var(--ink);background:var(--paper);font-family:var(--body);cursor:pointer;transition:transform .2s,border .2s}.choice:hover,.choice:focus-visible{transform:translateY(-4px)}.choice span{display:block;margin-bottom:.6rem;font-family:var(--display);font-size:2.2rem;font-weight:800;text-transform:uppercase}.choice.simple{border-color:var(--green)}.choice.unsure{border-color:var(--amber)}.choice.serious{border-color:var(--red)}.choice[aria-pressed="true"]{color:white}.choice.simple[aria-pressed="true"]{background:var(--green)}.choice.unsure[aria-pressed="true"]{background:var(--amber)}.choice.serious[aria-pressed="true"]{background:var(--red)}.result{max-width:1000px;margin:2rem auto 5rem;padding:clamp(1.5rem,5vw,4rem);background:white;border-top:8px solid}.simple-result{border-color:var(--green)}.unsure-result{border-color:var(--amber)}.serious-result{border-color:var(--red)}.result-head{display:flex;gap:1rem;align-items:flex-start}.dot{flex:0 0 18px;width:18px;height:18px;margin-top:.3rem;border-radius:50%;background:var(--green)}.unsure-result .dot{background:var(--amber)}.serious-result .dot{background:var(--red)}.result-head h3{font-size:clamp(2.6rem,5vw,4.8rem)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}.result-grid.two{grid-template-columns:1fr 1fr}.result-grid article,.triggers,.say{padding:1.5rem;background:var(--paper)}.result h4{font-size:1.6rem}.result li{margin:.55rem 0}.action{color:white;background:var(--ink)!important}.action p{font-size:1.1rem}.follow,.serious-action{margin-top:1rem;padding:1.5rem;background:#e7f1e3}.serious-action{background:#fde7e7}.follow p,.serious-action p{margin-bottom:0}.say{margin-top:2rem}.say blockquote{margin:0;font-family:var(--display);font-size:2rem;line-height:1.1;text-transform:uppercase}.triggers{margin-top:2rem}.triggers ul{columns:2}.contact{display:flex;justify-content:space-between;margin-top:1rem;padding:1rem 1.3rem;color:white;background:var(--ink);font-weight:700;text-decoration:none}.contact.urgent{background:var(--red)}.boundaries{display:grid;grid-template-columns:1fr 1fr .7fr;gap:clamp(2rem,5vw,5rem);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,7vw,8rem);background:var(--blue)}.rules{border-top:2px solid}.rules p{margin:0;padding:.8rem 0;border-bottom:1px solid rgba(36,59,83,.3)}.boundaries aside{align-self:start;padding:1.5rem;background:white}.boundaries aside strong{font-family:var(--display);font-size:1.7rem;text-transform:uppercase}.roles{padding:clamp(5rem,9vw,9rem) clamp(1.5rem,7vw,8rem);background:white}.roles>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-top:2px solid;border-left:1px solid}.roles article{min-height:260px;padding:1.5rem;border-right:1px solid;border-bottom:1px solid}.roles article span{color:var(--purple);font-family:var(--display);font-size:1.4rem;font-weight:800}.roles article h3{margin-top:2rem;font-size:2.2rem}footer{display:flex;align-items:center;justify-content:space-between;padding:2rem clamp(1.5rem,7vw,8rem);color:white;background:var(--ink);font-size:.8rem}@media(max-width:820px){.hero,.flow-heading,.boundaries{grid-template-columns:1fr}.hero aside{min-height:350px}.choices,.result-grid,.result-grid.two{grid-template-columns:1fr}.roles>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header{padding:1rem 1.2rem}.brand img{width:46px;height:44px}.hero>div{padding:8rem 1.2rem 4rem}h1{font-size:clamp(4.5rem,23vw,6.5rem)}.emergency{align-items:flex-start;flex-direction:column;gap:0}.roles>div{grid-template-columns:1fr}.triggers ul{columns:1}footer{align-items:flex-start;flex-direction:column;gap:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.choice{transition:none}}
