.ask-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--tile);border-radius:var(--radius);padding:clamp(20px,2.6vw,32px);scroll-margin-top:24px}
.ask-card.wide{background:linear-gradient(135deg,var(--leaf-soft),var(--surface) 55%);border-color:color-mix(in srgb,var(--leaf) 30%,var(--line));border-top-color:var(--tile)}
.ask-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.ask-head h3{font-size:clamp(22px,2vw,28px);margin:0}
.ask-line{font-size:18px;line-height:1.55;color:var(--ink);margin:0 0 6px}
.ask-card .small{max-width:70ch}
.ask-btn{margin:16px 0 12px}
.consent{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);max-width:80ch}
.consent p{font-size:17px;line-height:1.65;color:var(--muted)}
.consent p a{color:var(--sea)}
.consent .draft-banner{font-size:14px;color:var(--amber);margin-bottom:12px}
.ask-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.ask-pair .ask-card{display:flex;flex-direction:column}
.ask-pair .small{margin-top:auto}
.ask-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:16px;align-items:stretch}
.ask-layout .ask-pair{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;margin-top:0}
.ask-layout .consent,.ask-layout .ask-card .small{max-width:none}
.next-steps{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.next-steps li{position:relative;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--tile);border-radius:var(--radius);padding:20px 22px}
.next-steps{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);column-gap:24px}
.next-steps li:not(:last-child)::after{content:"";position:absolute;top:43px;left:100%;width:24px;height:2px;margin-left:1px;border-radius:2px;background:var(--line-strong);pointer-events:none}
.next-steps .icon-tile{margin-bottom:14px}
.next-steps h3{font-size:19px}
.next-steps p{margin:0;font-size:16px;line-height:1.55;color:var(--ink-2)}
.before-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}
.a11y-box{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--sea);border-radius:var(--radius);padding:20px 22px}
.a11y-box p{font-size:16px;line-height:1.6;color:var(--ink-2)}
.a11y-box p:last-child{margin:0}
@media (max-width:1000px){
  .ask-layout{grid-template-columns:minmax(0,1fr)}
  .ask-layout .ask-pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
}
@media (max-width:1179px){
  .next-steps{grid-template-columns:minmax(0,1fr)}
  .next-steps li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;align-items:start}
  .next-steps .icon-tile{grid-row:span 2;margin-bottom:0}
  .next-steps li:not(:last-child)::after{top:100%;left:45px;width:2px;height:16px;margin:1px 0 0}
}
@media (max-width:860px){
  .ask-layout .ask-pair{grid-template-columns:minmax(0,1fr)}
  .ask-pair,.before-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .ask-card{scroll-margin-top:calc(var(--nav-h) + 24px)}
}
@media (max-width:560px){
  .next-steps li{display:block}
  .next-steps .icon-tile{margin-bottom:14px}
  .ask-card .btn{width:100%}
  .consent p{font-size:16px}
}
.ask-card,.next-steps li{--pop-c:var(--tile)}
@media (hover:hover) and (pointer:fine){
  .ask-card:hover,.next-steps li:hover{border-color:color-mix(in srgb,var(--tile) 45%,var(--line));border-top-color:var(--tile)}
}
@media (prefers-reduced-motion:no-preference){
  .ask-card,.next-steps li{transition:var(--calm-tr)}
  @media (hover:hover) and (pointer:fine){
    .ask-card:hover,.next-steps li:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--pop-c) 22%,transparent),0 12px 28px -18px color-mix(in srgb,var(--pop-c) 70%,transparent);transition:var(--calm-tr)}
    :is(.ask-card,.next-steps li):hover .icon-tile{transform:var(--bounce);transition:transform 260ms var(--pop-ease)}
  }
  .ask-card:has(:focus-visible){box-shadow:0 0 0 1px color-mix(in srgb,var(--pop-c) 22%,transparent),0 12px 28px -18px color-mix(in srgb,var(--pop-c) 70%,transparent)}
  .ask-card:has(:focus-visible) .icon-tile{transform:var(--bounce);transition:transform 260ms var(--pop-ease)}
}
.a11y-box{--calm-c:var(--sea)}
@media (hover:hover) and (pointer:fine){
  .a11y-box:hover{border-top-color:color-mix(in srgb,var(--sea) 45%,var(--line));border-right-color:color-mix(in srgb,var(--sea) 45%,var(--line));border-bottom-color:color-mix(in srgb,var(--sea) 45%,var(--line))}
}
@media (prefers-reduced-motion:no-preference){
  .a11y-box{transition:var(--calm-tr)}
  @media (hover:hover) and (pointer:fine){ .a11y-box:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--calm-c) 22%,transparent),0 12px 28px -18px color-mix(in srgb,var(--calm-c) 70%,transparent);transition:var(--calm-tr)} }
}
.snap-form{margin-top:18px;display:grid;gap:16px;max-width:none}
.snap-form .field{display:grid;gap:6px}
.snap-form label{font-weight:600;font-size:17px;color:var(--ink)}
.snap-form .req{font-weight:400;font-size:15px;color:var(--muted)}
.snap-form input[type=text],.snap-form input[type=url],.snap-form input[type=email]{width:100%;min-height:48px;box-sizing:border-box;padding:10px 14px;font:inherit;font-size:17px;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:12px}
.snap-form input:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-color:var(--leaf)}
.snap-form input[aria-invalid=true]{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}
.field-hint{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.field-error{margin:0;font-size:15px;font-weight:600;color:var(--amber)}
.form-errors{background:var(--amber-soft);border-radius:12px;padding:12px 16px;color:var(--amber);font-weight:600}
.form-errors ul{margin:0;padding-left:20px}
.form-errors a{color:var(--amber)}
.snap-form .checks{display:grid;gap:10px;margin-top:4px}
.snap-form .check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 55%,transparent);font-weight:500;line-height:1.45;cursor:pointer}
.snap-form .check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--leaf);cursor:pointer}
.snap-form .check .ja{display:block;margin-top:2px;font-size:15px;font-weight:400;color:var(--muted)}
.snap-form .check:has(input:focus-visible){outline:2px solid var(--amber);outline-offset:2px}
.snap-form .check input:focus-visible{outline:none}
.snap-form .consent{margin-top:4px}
.snap-form .ask-btn{margin:0}
.snap-form button[disabled]{opacity:.7;cursor:progress}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.alt-mail{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:17px;color:var(--ink-2);min-height:1lh}
.alt-mail .ic{width:20px;height:20px;flex:none;margin-top:4px;stroke:var(--sea)}
.alt-mail span{min-width:0}
.alt-mail a{font-weight:600;color:var(--sea);overflow-wrap:anywhere}
.sample-link{margin:14px 0 0;font-size:16px}
.sample-link a{color:var(--muted);text-underline-offset:3px}
.sample-link a:hover{color:var(--ink)}
.result{max-width:var(--max);margin:0 auto;padding:clamp(40px,6vw,88px) var(--gutter) clamp(48px,6vw,96px)}
.result h1{max-width:22ch}
.result .lede+.lede{margin-top:12px}
.result .rules{margin:22px 0 0;max-width:60ch}
.result .actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0;padding:0;list-style:none}
.result .alt-mail{margin-top:22px}
@media (max-width:560px){ .result .actions .btn{width:100%} }
@media (min-width:1001px){
  .ask-layout{align-items:start}
  .ask-layout .ask-pair{position:sticky;top:24px}
}
.page-hero.with-aside{padding-top:clamp(20px,3vw,44px);padding-bottom:clamp(12px,2vw,28px);gap:clamp(20px,3.5vw,56px)}
.page-hero.with-aside .lede{margin-top:14px}
.page-hero.with-aside .kicker.pill{margin-bottom:12px}
.section.pick{padding-top:clamp(16px,2.4vw,32px)}
.pick>h2{margin-bottom:16px}
.ways{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ways li{display:flex}
.way{flex:1 1 auto}
.way{--way-c:var(--tile);display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:44px;padding:10px 14px 10px 10px;border-radius:14px;
  border:1px solid color-mix(in srgb,var(--way-c) 55%,var(--line));border-left:4px solid var(--way-c);
  background:linear-gradient(100deg,color-mix(in srgb,var(--way-c) 10%,var(--surface)),var(--surface) 70%);color:var(--ink);text-decoration:none}
.way-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--tile-soft);color:var(--way-c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--way-c) 35%,transparent)}
.way-ic .ic{width:22px;height:22px}
.way-t{display:grid;gap:1px;min-width:0}
.way-t b{font-weight:600;font-size:16px;line-height:1.3;color:var(--ink)}
.way-s{font-size:14px;line-height:1.35;color:var(--muted)}
.way-go{width:18px;height:18px;color:var(--way-c);opacity:.85}
.hero-aside{border-color:var(--line)}
@media (forced-colors:active){ .way{border:1px solid CanvasText} }
@media (prefers-reduced-motion:no-preference){
  .way{transition:var(--pop-tr)}
  @media (hover:hover) and (pointer:fine){
    .way:hover{transform:translateY(var(--lift-s));border-color:var(--way-c);box-shadow:var(--glow-shape) color-mix(in srgb,var(--way-c) 45%,transparent),var(--glow-base);transition:var(--pop-tr-in)}
    .way:hover .way-ic{transform:var(--bounce);transition:transform 260ms var(--pop-ease)}
  }
  .way:focus-visible{transform:translateY(var(--lift-s));box-shadow:var(--glow-shape) color-mix(in srgb,var(--way-c) 45%,transparent),var(--glow-base);transition:var(--pop-tr-in)}
  .way:active{transform:var(--press-s);transition:var(--pop-tr-press)}
  .way-ic{transition:transform 170ms var(--settle)}
}
.way:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:14px}
@media (max-width:1000px){
  .ways{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .page-hero.with-aside{padding-top:18px;gap:16px}
  .ways{gap:8px}
  .way{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;gap:8px;padding:10px 10px 12px;border-left-width:1px;border-top:4px solid var(--way-c)}
  .way-ic{width:34px;height:34px;border-radius:10px}
  .way-ic .ic{width:19px;height:19px}
  .way-t b{font-size:15px;line-height:1.25}
  .way-s{font-size:14px;line-height:1.3}
  .way-go{display:none}
}
.lang-note{margin:10px 0 0}
.trust-lines{list-style:none;margin:12px 0 18px;padding:0;display:grid;gap:2px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.trust-lines strong{color:var(--ink)}
.trust-lines a{display:inline-flex;align-items:center;min-height:44px;color:var(--sea);font-weight:600;text-underline-offset:3px}
.ask-btn .text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--sea);text-underline-offset:3px;overflow-wrap:anywhere}
.ask-btn .text-link:hover{color:var(--ink)}
@media (min-width:1001px){
  .page-hero.with-aside:has(.hero-aside .ways){grid-template-columns:minmax(0,1fr)}
  .hero-aside:has(.ways){display:none}
}