/* Brainstorm public landing system (brief 097).
   Controlled splice from the approved Focused landing review in the
   brainstorm-center mockup (tokens, utilities, landing shell, scenario
   chooser, public chat surface). Deltas from the mockup are those brief 097
   names: compact header (no marketing nav, no sign-in), no trust row, no
   setup panel, no simulated result, mobile keeps the composer above the
   image, and explicit loading/error state styles. */

:root{
  --bg:#0f1226;--bg-2:#151833;--surface:#1b1e3c;--surface-2:#232748;
  --grid-line:rgba(150,140,220,.06);--line:rgba(150,140,220,.15);--line-2:rgba(150,140,220,.28);
  --fg:#f1eefb;--fg-2:#c9c3e6;--muted:#968fbd;--faint:#6b6494;
  --accent:#7c3aed;--accent-br:#a78bfa;--accent-deep:#6a3fd0;--accent-soft:rgba(124,58,237,.18);--on-accent:#fff;
  --grad:linear-gradient(120deg,#7c3aed,#c026d3,#ec4899,#f97316);
  --know:#22b8cf;--know-soft:rgba(34,184,207,.13);--emerald:#2fbf8f;--amber:#e0a93f;--coral:#e0735c;
  --magenta:#c026d3;--pink:#ec4899;--warm:#f97316;--brand-gold:#d6a53a;
  --nova:#a78bfa;--vega:#fb8c3a;--cora:#34c3d6;--iris:#d8a63a;--kira:#f472b6;--steel:#94a3b8;
  --shadow:0 18px 44px rgba(0,0,0,.45);--shadow-sm:0 6px 18px rgba(0,0,0,.32);
  --radius:12px;--radius-sm:8px;--serif:"Instrument Serif",Georgia,serif;
  --wordmark:"Montserrat",ui-sans-serif,system-ui,sans-serif;--sans:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",Consolas,Menlo,monospace;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;line-height:1.55;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:28px 28px;overflow-x:hidden}
.icon{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:20px;line-height:1;display:inline-block;vertical-align:middle;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:9px 15px;font-weight:700;cursor:pointer;border:1px solid transparent;color:var(--fg);transition:transform .16s,border-color .16s,filter .16s,background .16s;background:transparent;font-family:inherit;font-size:12px}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:var(--on-accent);border:0;box-shadow:0 9px 24px rgba(124,58,237,.24)}.btn.primary:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;border-color:var(--line-2)}.btn.ghost:hover{border-color:var(--accent)}
.btn.subtle{background:var(--accent-soft);color:var(--accent-br)}
.btn.sm{padding:6px 11px;border-radius:8px;font-size:11.5px}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;filter:none}
.iconbtn{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.iconbtn:hover{background:var(--surface-2);color:var(--fg)}
.iconbtn[disabled]{opacity:.5;cursor:not-allowed}
.field{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;color:var(--fg);padding:10px 12px;font-size:13px;font-family:inherit}.field::placeholder{color:var(--faint)}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.field{resize:vertical;min-height:84px;line-height:1.55}
.chip,.qchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);border-radius:999px;padding:5px 10px;font-size:11px;color:var(--fg-2);background:var(--surface);cursor:pointer;font-family:inherit;text-decoration:none}
.chip .icon,.qchip .icon{font-size:14px}
.qchip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-br)}
.chip.good .icon{color:var(--emerald)}.chip.know .icon{color:var(--know)}.chip.warn .icon{color:var(--amber)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.kv{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--faint)}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--wordmark);font-size:20px;font-weight:800;letter-spacing:-.8px;color:var(--fg);text-decoration:none}.brand img{height:36px;width:auto}.brand .guru{color:var(--accent-br)}.brand .ai{color:var(--muted)}
.textlink{border:0;background:transparent;color:var(--accent-br);font-weight:700;font-size:10.5px;cursor:pointer;padding:5px;font-family:inherit}
.btn:focus-visible,.field:focus-visible,.chip:focus-visible,.qchip:focus-visible,.iconbtn:focus-visible,.textlink:focus-visible,.source-option:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}
@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Compact header (brief 097): identity plus the temporary-and-anonymous mark.
   No marketing navigation, no sign-in control. */
.marketnav{height:66px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(15,18,38,.82);backdrop-filter:blur(14px)}
.marketinner{display:flex;align-items:center;gap:26px}
.headprivacy{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10.5px}.headprivacy .icon{font-size:15px;color:var(--emerald)}

/* Expiry warning bar: rendered only inside the configured warning window. */
.warnbar{display:none;background:var(--surface);border-bottom:1px solid rgba(224,169,63,.35)}
.warnbar.show{display:block}
.warninner{min-height:39px;display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--muted)}
.warninner .icon{font-size:15px;color:var(--amber)}.warninner strong{color:var(--fg-2)}
.warninner .timer{margin-left:auto;font-family:var(--mono);color:var(--amber)}

/* Landing hero */
.landinghero{position:relative;overflow:hidden;min-height:700px;padding:56px 0 64px;isolation:isolate}
.landinghero::before{content:"";position:absolute;width:680px;height:520px;border-radius:50%;right:-90px;top:-150px;background:radial-gradient(circle,rgba(124,58,237,.26),rgba(236,72,153,.09) 48%,transparent 70%);filter:blur(20px);z-index:-2}
.landinggrid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);gap:46px;align-items:center}
.landcopy .eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent-br);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.landcopy h1{font-size:clamp(44px,5vw,69px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 0;max-width:9ch}
.landcopy h1 em{display:block;font-family:var(--serif);font-weight:400;letter-spacing:-.02em;background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}
.landcopy .lead{font-size:15.5px;color:var(--fg-2);line-height:1.7;max-width:48ch;margin:20px 0 0}.landcopy .lead strong{color:var(--fg)}
.landinggrid.with-hero-image{align-items:center}
.landinggrid.with-hero-image>.braincanvas{grid-column:1/-1;width:min(900px,100%);justify-self:end}
.landing-hero-art{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line-2);border-radius:18px;background:var(--surface);box-shadow:0 28px 70px rgba(0,0,0,.5)}
.landing-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,8,18,.5)),linear-gradient(90deg,rgba(124,58,237,.08),transparent 40%);pointer-events:none}
.landing-hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}

/* Brainstorm canvas */
.braincanvas{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(27,30,60,.96),rgba(21,24,51,.96));border-color:var(--line-2);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.braincanvas::before{content:"";display:block;height:1px;background:var(--grad)}
.canvashead{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line)}
.canvashead b{font-size:12px}
.canvashead .live{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 4px rgba(47,191,143,.12)}
.canvashead .privacy{margin-left:auto;color:var(--muted);font-size:9.5px}
.canvas-actions{display:flex;align-items:center;gap:6px}.canvas-actions .btn{padding:5px 8px;font-size:9px}
.contextbar{display:none;align-items:center;gap:8px;padding:10px 14px;background:var(--know-soft);border-bottom:1px solid rgba(34,184,207,.22);font-size:10.5px;color:var(--fg-2)}
.contextbar.show{display:flex}
.contextbar .icon{font-size:15px;color:var(--know)}.contextbar b{color:var(--know)}
.contextbar .ctxactions{margin-left:auto;display:flex;gap:4px}
.canvasbody{padding:15px}
.canvasprompt{font-size:11.5px;color:var(--fg-2);margin-bottom:8px}
.landingcomposer{border:1px solid var(--line);background:var(--bg-2);border-radius:11px;padding:10px}
.landingcomposer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.landingcomposer textarea{width:100%;min-height:112px;background:transparent;border:0;outline:0;resize:vertical;color:var(--fg);font-size:12.5px;line-height:1.55;font-family:inherit}
.landingcomposer textarea::placeholder{color:var(--faint)}
.landingcomposer .bar{display:flex;gap:7px;align-items:center;padding-top:8px;border-top:1px solid var(--line)}
.landingcomposer .bar .btn.primary{margin-left:auto}
.upload-disposal{display:none;align-items:center;gap:7px;margin-top:9px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:9.5px;background:var(--surface-2)}
.upload-disposal.show{display:flex}
.upload-disposal .icon{font-size:15px;color:var(--emerald)}
.upload-disposal .textlink{margin-left:auto;color:var(--coral)}
.relatedqs{margin-top:11px}
.relatedqs .label{font-family:var(--mono);font-size:9px;letter-spacing:.07em;color:var(--faint);text-transform:uppercase;margin-bottom:7px}
.relatedqs .chips{display:flex;gap:6px;flex-wrap:wrap}
.canvasfoot{display:flex;align-items:center;gap:8px;padding:12px 15px;border-top:1px solid var(--line);background:rgba(15,18,38,.42)}
.canvasfoot .savecopy{font-size:9.5px;color:var(--muted);max-width:44ch}

/* State line: auth pending / bootstrap pending / errors. A live region that
   stays legible without blanking the composer (brief 097 loading states). */
.statebar{display:none;align-items:center;gap:7px;margin-top:9px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;font-size:10px;color:var(--muted);background:var(--surface-2)}
.statebar.show{display:flex}
.statebar .icon{font-size:15px;color:var(--know)}
.statebar.error{border-color:rgba(224,115,92,.4);color:var(--fg-2)}
.statebar.error .icon{color:var(--coral)}
.statebar .textlink{margin-left:auto}

/* Below-hero explainer */
.landingbelow{padding:35px 0;background:rgba(15,18,38,.82);border-top:1px solid var(--line)}
.belowgrid{display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:12px}
.belowintro h2{font-family:var(--serif);font-size:29px;font-weight:400;line-height:1.1;margin:7px 0}
.belowintro p{color:var(--muted);font-size:11.5px}
.belowcard{padding:15px}
.belowcard .ic{width:34px;height:34px;border-radius:9px;border:1px solid var(--line-2);background:var(--bg-2);display:grid;place-items:center;color:var(--know)}
.belowcard h3{font-size:12px;margin:11px 0 4px}
.belowcard p{font-size:10.5px;color:var(--muted);margin:0}
.marketfooter{border-top:1px solid var(--line);padding:25px 0 35px;color:var(--faint);font-size:10.5px}
.footerinner{display:flex;justify-content:space-between;gap:15px}
.footerlinks{display:flex;gap:17px}.footerlinks a{color:var(--faint);text-decoration:none}.footerlinks a:hover{color:var(--fg-2)}

/* Scenario chooser dialog */
.modal{display:none;position:fixed;inset:0;z-index:200}
.modal.open{display:grid;place-items:center}
.scrim{position:absolute;inset:0;background:rgba(8,8,18,.72);backdrop-filter:blur(5px)}
.sheet{position:relative;z-index:1;width:min(620px,calc(100% - 28px));max-height:88vh;overflow:auto;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow)}
.sheethead{display:flex;align-items:center;gap:9px;padding:15px 17px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}
.sheethead b{font-size:13px}.sheethead .iconbtn{margin-left:auto}
.sheetbody{padding:17px}
.sheetfoot{display:flex;gap:8px;justify-content:flex-end;padding:13px 17px;border-top:1px solid var(--line);background:var(--bg-2);position:sticky;bottom:0}
.source-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.source-option{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:9px;text-align:left;color:var(--fg-2);cursor:pointer;font-family:inherit}
.source-option:hover,.source-option.on{border-color:var(--accent);background:var(--accent-soft)}
.source-option b{display:block;font-size:9.5px}
.source-option small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.source-option .rowactions{display:flex;gap:6px;margin-top:6px}
.source-option .rowactions .textlink{padding:2px 4px;font-size:9px}

/* Toast */
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,10px);display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface);color:var(--fg-2);font-size:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:300}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast .icon{font-size:15px;color:var(--accent-br)}

/* Public chat surface (brief 093): the dedicated temporary chat spliced from
   the approved Chat page review shell. */
.public-chat-page{min-height:calc(100vh - 109px);padding:28px 0 50px;background:radial-gradient(circle at 72% 8%,rgba(124,58,237,.16),transparent 32%),var(--bg)}
.public-chat-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.public-chat-head h1{font-size:24px;margin:0}
.public-chat-head p{font-size:10.5px;color:var(--muted);margin:4px 0 0}
.public-chat-head .actions{margin-left:auto;display:flex;gap:7px}
.public-chat-toolbar{display:flex;align-items:center;gap:7px;padding:11px 13px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.public-conversation{padding:18px;min-height:380px}
.public-user-message{max-width:72%;margin-left:auto;padding:10px 12px;border-radius:12px 12px 3px 12px;background:var(--accent-soft);border:1px solid var(--accent);font-size:10.5px;color:var(--fg-2);white-space:pre-wrap}
.public-nova-message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;margin-top:16px}
.public-nova-message .bubble{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.bubblehead{display:flex;align-items:center;gap:8px}.bubblehead b{font-size:11px}.bubblehead .kv{margin-left:auto}
.pendingnote{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px 10px;border:1px dashed var(--line-2);border-radius:9px;color:var(--muted);font-size:10px}
.pendingnote .icon{font-size:15px;color:var(--know)}
.nova-sigil{width:36px;height:36px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-2);display:grid;place-items:center}
.nova-sigil svg{width:20px;height:20px}
.public-chat-composer{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--bg-2)}
.public-chat-composer textarea{min-height:44px;max-height:110px}
.public-chat-composer .btn{height:44px}

/* Right settings rail: collapsed by default, one toggle, six cards in exact
   order Question, Theme, Frame, Knowledge, Scenario, Chat participants. */
.public-chat-grid{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:10px;align-items:start;transition:grid-template-columns .2s ease}
.public-chat-grid.rail-open{grid-template-columns:minmax(0,1fr) 300px}
.public-chat-main{grid-column:1;grid-row:1;overflow:hidden}
.public-settings-rail{grid-column:2;grid-row:1;position:sticky;top:66px;min-height:520px;padding:8px;overflow:hidden;transition:padding .2s ease}
.public-settings-rail.collapsed{display:flex;align-items:flex-start;justify-content:center}
.rail-toggle{display:flex;align-items:center;gap:7px;width:100%;border:0;background:transparent;color:var(--fg-2);padding:7px;border-radius:8px;cursor:pointer;font-family:inherit}
.rail-toggle:hover{background:var(--bg-2)}
.rail-toggle .icon{font-size:17px;color:var(--know)}
.rail-toggle b{font-size:10px}
.rail-toggle small{display:block;color:var(--muted);font-size:8px}
.public-settings-rail.collapsed .rail-toggle{width:40px;height:40px;justify-content:center;border:1px solid var(--line-2);background:var(--bg-2)}
.public-settings-rail.collapsed .rail-toggle span:not(.icon),.public-settings-rail.collapsed .railcards{display:none}
.railcards{display:grid;gap:6px;margin-top:7px}
.railcard{border:1px solid var(--line);border-radius:9px;background:var(--bg-2);overflow:hidden}
.railcard-head{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;width:100%;border:0;background:transparent;color:var(--fg-2);padding:8px;text-align:left;cursor:pointer;font-family:inherit}
.railcard-head>.icon:first-child{font-size:15px;color:var(--know)}
.railcard-head>.icon:last-child{font-size:15px;color:var(--faint)}
.railcard-head b{display:block;font-size:9.5px}
.railcard-head small{display:block;color:var(--muted);font-size:8px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.railcard-body{display:none;padding:0 9px 9px 39px;color:var(--muted);font-size:8.7px;line-height:1.45}
.railcard.open .railcard-body{display:block}
.railcard.open .railcard-head>.icon:last-child{transform:rotate(180deg)}
.rail-team-list{display:grid;gap:5px}
.rail-team-list span{display:block;padding:5px 6px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--fg-2)}

/* Answer grammar: direct answer, evidence cells, one next question, trace. */
.answerlead{font-size:11px;color:var(--fg);margin:8px 0 0;white-space:pre-wrap}
.answergrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.answercell{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:9px;font-size:9.5px;color:var(--fg-2)}
.answercell b{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.06em;color:var(--faint);margin-bottom:3px}
.nextquestion{margin-top:9px;padding:10px;border-left:2px solid var(--accent);background:var(--accent-soft);font-size:10.5px;color:var(--fg-2)}
.experttrace{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.experttrace .chip{font-size:9px;padding:3px 8px}

/* Claim conversion */
.public-chat-cta{display:flex;align-items:center;gap:9px;margin-top:13px;padding:10px;border:1px solid var(--line-2);border-radius:10px;background:linear-gradient(90deg,var(--accent-soft),var(--know-soft))}
.public-chat-cta[hidden]{display:none}
.public-chat-cta .icon{color:var(--accent-br)}
.public-chat-cta span:nth-child(2){font-size:9.5px;color:var(--muted)}
.public-chat-cta b{display:block;color:var(--fg);font-size:10px}
.public-chat-cta .btn{margin-left:auto;white-space:nowrap}
.claim-signin{display:grid;place-items:center;gap:10px;padding:14px 0}
.claim-status{font-size:10px;color:var(--muted);text-align:center}

@media(max-width:900px){
  .public-chat-grid,.public-chat-grid.rail-open{grid-template-columns:1fr}
  .public-settings-rail{grid-column:1;grid-row:2;position:static;min-height:auto}
  .public-settings-rail.collapsed{justify-content:flex-start}
}

/* Responsive: tablet */
@media(max-width:1160px) and (min-width:761px){
  .landinggrid.with-hero-image{grid-template-columns:minmax(280px,.8fr) minmax(390px,1.2fr);gap:24px}
  .landinggrid.with-hero-image .landcopy h1{font-size:clamp(40px,5vw,58px);max-width:10ch}
  .landinggrid.with-hero-image>.braincanvas{grid-column:1/-1}
}
@media(max-width:1160px){
  .belowgrid{grid-template-columns:1fr 1fr}.belowintro{grid-column:1/-1}
}
/* Responsive: mobile. Brief 097: question and composer FIRST, image follows,
   no horizontal overflow. */
@media(max-width:760px){
  .marketnav{height:60px}
  .landinghero{padding:42px 0 50px;min-height:0}
  .landinggrid,.landinggrid.with-hero-image{grid-template-columns:1fr;gap:26px}
  .landinggrid.with-hero-image>.landcopy{order:1}
  .landinggrid.with-hero-image>.braincanvas{order:2;grid-column:auto;width:100%;justify-self:stretch}
  .landinggrid.with-hero-image>.landing-hero-art{order:3}
  .landcopy h1{font-size:47px;max-width:12ch}
  .landcopy .lead{font-size:14.5px}
  .canvashead .privacy{display:none}
  .contextbar.show{align-items:flex-start;flex-wrap:wrap}
  .contextbar .ctxactions{width:100%;margin-left:21px}
  .landingcomposer textarea{min-height:100px}
  .landingcomposer .bar{flex-wrap:wrap}
  .landingcomposer .bar .btn.primary{width:100%;margin-left:0}
  .canvasfoot{align-items:stretch;flex-direction:column}
  .belowgrid{grid-template-columns:1fr}.belowintro{grid-column:auto}
  .footerinner{flex-direction:column}.footerlinks{flex-wrap:wrap}
  .source-options{grid-template-columns:1fr}
  .warninner{flex-wrap:wrap;padding:7px 0}.warninner .timer{margin-left:0}
  .public-chat-head{flex-direction:column}.public-chat-head .actions{margin-left:0}
  .public-user-message{max-width:92%}
  .public-chat-composer{flex-direction:column;align-items:stretch}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .btn:hover{transform:none}
}