:root{
  --brand:#86192B;
  --brand-dark:#6C1322;
  --brand-soft:#FDF3F4;
  --brand-line:#F0D7DB;
  --ink:#131A2A;
  --muted:#6C7A8C;
  --bg:#F7F7F9;
  --card:#FFFFFF;
  --line:#E8E9ED;
  --ok:#177245;
  --ok-soft:#F0FAF3;
  --ok-line:#CDEBD8;
  --warn:#B45309;
  --warn-soft:#FFFBEB;
  --warn-line:#F5E3B8;
  --radius:14px;
  --shadow:0 1px 2px rgba(19,26,42,.04), 0 8px 24px rgba(19,26,42,.05);
  --font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
button{font-family:inherit;font-size:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}
a{color:var(--brand);text-decoration:none}

/* ---------- shell ---------- */
.topbar{
  background:var(--card);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:40;
}
.topbar-in{
  max-width:1180px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;gap:16px;
}
.logo{display:flex;align-items:center;gap:10px;font-weight:750;font-size:19px;letter-spacing:-.02em}
.logo-mark{
  width:34px;height:34px;border-radius:10px;background:var(--brand);
  display:grid;place-items:center;flex:none;
}
.logo-mark svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.logo .dot-ai{color:var(--brand)}
.topbar-spacer{flex:1}
.backlink{
  display:inline-flex;align-items:center;gap:7px;color:var(--muted);
  font-size:15px;font-weight:550;padding:6px 4px;border-radius:8px;
}
.backlink:hover{color:var(--ink)}
.divider-v{width:1px;height:26px;background:var(--line)}
.crumbs{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted);font-weight:550}
.crumbs .now{color:var(--brand)}
.crumbs svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}

main{max-width:1180px;margin:0 auto;padding:40px 24px 72px}
.screen{display:none}
.screen.on{display:block}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 24px;border-radius:11px;font-weight:650;font-size:15.5px;
  transition:background .15s, border-color .15s, transform .06s;
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-dark)}
.btn-primary[disabled]{background:#C9A2AA;cursor:not-allowed}
.btn-ghost{background:var(--card);border:1px solid var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:#D3D5DC}
.btn-soft{background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand)}
.btn-soft:hover{background:#FBE9EB}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* ---------- home ---------- */
.hero{text-align:center;padding:56px 0 8px}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand);
  padding:8px 17px;border-radius:999px;font-size:14.5px;font-weight:600;
}
.eyebrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
h1.hero-title{
  font-size:clamp(38px,6vw,66px);line-height:1.06;letter-spacing:-.035em;
  font-weight:800;margin:30px auto 0;max-width:16ch;
}
h1.hero-title em{font-style:normal;color:var(--brand)}
.hero-sub{
  max-width:60ch;margin:26px auto 0;color:var(--muted);font-size:18px;line-height:1.62;
}
.hero-cta{display:flex;gap:14px;justify-content:center;margin-top:38px;flex-wrap:wrap}
.stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:64px;
}
.stat{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 18px;text-align:center;
}
.stat svg{width:22px;height:22px;stroke:var(--brand);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.stat b{display:block;font-size:34px;font-weight:800;color:var(--brand);letter-spacing:-.03em;margin:12px 0 4px}
.stat span{color:var(--muted);font-size:14.5px}

/* ---------- headings ---------- */
.page-head{margin-bottom:34px}
.page-head h2{font-size:36px;font-weight:800;letter-spacing:-.03em;margin:0 0 10px}
.page-head p{color:var(--muted);margin:0;font-size:17px}

/* ---------- grids / cards ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.spec{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;position:relative;text-align:left;width:100%;
  transition:border-color .15s, box-shadow .15s, transform .12s;
}
.spec:hover:not(.locked){border-color:var(--brand-line);box-shadow:var(--shadow);transform:translateY(-2px)}
.spec.locked{opacity:.45;cursor:not-allowed;background:#FAFAFB}
.spec-icon{
  width:52px;height:52px;border-radius:13px;background:var(--brand-soft);
  display:grid;place-items:center;margin-bottom:20px;
}
.spec-icon svg{width:25px;height:25px;stroke:var(--brand);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.spec.locked .spec-icon{background:#F0F0F3}
.spec.locked .spec-icon svg{stroke:#A8ADB8}
.spec h3{font-size:19.5px;font-weight:750;margin:0 0 9px;letter-spacing:-.015em}
.spec p{color:var(--muted);font-size:15px;margin:0 0 20px;line-height:1.55}
.spec .go{color:var(--brand);font-weight:650;font-size:15px;display:inline-flex;align-items:center;gap:6px}
.spec .go svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tag{
  position:absolute;top:22px;right:22px;font-size:12.5px;font-weight:650;
  padding:5px 11px;border-radius:999px;background:#F1F2F4;color:#8A909C;
}
.tag.live{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-line)}

.case-row{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 24px;display:flex;align-items:center;gap:16px;width:100%;text-align:left;
  margin-bottom:14px;transition:border-color .15s, box-shadow .15s;
}
.case-row:hover:not(.locked){border-color:var(--brand-line);box-shadow:var(--shadow)}
.case-row.locked{opacity:.45;cursor:not-allowed;background:#FAFAFB}
.case-ico{
  width:42px;height:42px;border-radius:11px;background:var(--brand-soft);flex:none;
  display:grid;place-items:center;
}
.case-ico svg{width:20px;height:20px;stroke:var(--brand);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.case-row.locked .case-ico{background:#F0F0F3}
.case-row.locked .case-ico svg{stroke:#A8ADB8}
.case-row .nm{font-weight:700;font-size:17px;flex:1}
.case-row .meta{color:var(--muted);font-size:13.5px;font-weight:500;margin-top:2px}
.start-link{color:var(--brand);font-weight:650;display:inline-flex;align-items:center;gap:6px}
.start-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.notice{
  background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:var(--radius);
  padding:18px 22px;display:flex;gap:14px;align-items:flex-start;margin-top:32px;font-size:15px;
}
.notice .i{
  width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;flex:none;
  display:grid;place-items:center;font-weight:750;font-size:14px;
}
.notice b{color:var(--brand)}

/* ---------- patient card ---------- */
.two-col{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}
.panel{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;
}
.panel h4{font-size:16.5px;font-weight:750;margin:0 0 16px;display:flex;align-items:center;gap:9px}
.panel h4 svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.avatar{
  width:118px;height:118px;border-radius:50%;margin:6px auto 16px;
  border:3px solid var(--brand);background:#EEF0F3;color:var(--brand);
  display:grid;place-items:center;font-size:34px;font-weight:750;letter-spacing:.02em;
}
.pt-name{text-align:center;font-size:21px;font-weight:750;letter-spacing:-.015em}
.pt-role{text-align:center;color:var(--muted);font-size:14.5px;margin-bottom:20px}
.kv{background:#F6F7F9;border-radius:11px;padding:13px 16px;margin-bottom:11px}
.kv span{display:block;color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.kv b{font-size:17px;font-weight:700}
.complaint{
  background:var(--card);border:1px solid var(--brand-line);border-left:4px solid var(--brand);
  border-radius:var(--radius);padding:22px 24px;margin-bottom:20px;
}
.complaint .lbl{color:var(--brand);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px}
.complaint p{margin:0;font-size:18px;line-height:1.5}
.risk-list{list-style:none;margin:0;padding:0}
.risk-list li{position:relative;padding-left:18px;margin-bottom:11px;color:#3E4757;font-size:15px;line-height:1.5}
.risk-list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.tasks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.task{background:#F6F7F9;border-radius:11px;padding:13px 16px;display:flex;gap:12px;align-items:center;font-size:15px}
.task i{
  width:25px;height:25px;border-radius:50%;background:var(--brand);color:#fff;flex:none;
  display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;
}
.instruct{
  background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:12px;
  padding:16px 18px;font-size:14.5px;line-height:1.6;margin-top:20px;color:#4A2A30;
}
.instruct b{color:var(--brand)}

/* ---------- chat ---------- */
.chat-wrap{display:grid;grid-template-columns:320px 1fr;gap:0;height:calc(100vh - 66px)}
.chat-side{
  background:var(--card);border-right:1px solid var(--line);padding:24px;overflow-y:auto;
}
.chat-main{display:flex;flex-direction:column;background:var(--bg);min-width:0}
.chat-scroll{flex:1;overflow-y:auto;padding:28px 32px}
.chat-side .side-head{display:flex;gap:13px;align-items:center;margin-bottom:20px}
.side-av{
  width:48px;height:48px;border-radius:50%;border:2px solid var(--brand);
  background:#EEF0F3;color:var(--brand);display:grid;place-items:center;font-weight:750;font-size:16px;flex:none;
}
.side-head b{display:block;font-size:17px;font-weight:750;letter-spacing:-.01em}
.side-head span{color:var(--muted);font-size:13.5px}
.side-block{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.side-title{
  font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
  color:var(--muted);margin-bottom:13px;
}
.side-complaint{background:var(--brand-soft);border-radius:11px;padding:14px 16px;font-size:14.5px;line-height:1.5}
.side-complaint .l{color:var(--brand);font-weight:700;margin-bottom:5px}
.bar{height:7px;background:#EDEEF1;border-radius:99px;overflow:hidden;margin-bottom:14px}
.bar i{display:block;height:100%;background:var(--brand);border-radius:99px;width:0;transition:width .45s cubic-bezier(.4,0,.2,1)}
.topic-list{list-style:none;margin:0;padding:0}
.topic-list li{
  display:flex;gap:9px;align-items:flex-start;font-size:14px;color:#9AA1AD;
  margin-bottom:9px;line-height:1.45;transition:color .3s;
}
.topic-list li svg{width:15px;height:15px;flex:none;margin-top:2px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.topic-list li.done{color:var(--ok);font-weight:550}

.msg{display:flex;gap:12px;margin-bottom:20px;max-width:78%}
.msg-av{
  width:34px;height:34px;border-radius:50%;background:#E6E8EC;color:#5A6473;flex:none;
  display:grid;place-items:center;font-size:13px;font-weight:700;
}
.bubble{background:#EDEFF3;border-radius:14px;padding:15px 19px;font-size:16px;line-height:1.55}
.msg time{display:block;color:#9AA1AD;font-size:12.5px;margin-top:7px}
.msg.me{margin-left:auto;flex-direction:row-reverse}
.msg.me .bubble{background:var(--brand);color:#fff}
.msg.me .msg-av{background:var(--brand-soft);color:var(--brand)}
.msg.me time{text-align:right}
.sys-chip{
  display:block;width:fit-content;margin:0 auto 24px;background:#E6E8EC;color:#5A6473;
  padding:6px 16px;border-radius:999px;font-size:13.5px;font-weight:600;
}
.result-note{
  background:var(--card);border:1px solid var(--line);border-left:4px solid var(--muted);
  border-radius:12px;padding:16px 19px;margin:0 auto 20px;max-width:78%;font-size:15px;line-height:1.55;
}
.result-note b{display:block;margin-bottom:5px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.chat-foot{border-top:1px solid var(--line);background:var(--card);padding:16px 32px 14px}
.chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.chip{
  background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand);
  padding:8px 15px;border-radius:999px;font-size:14px;font-weight:600;
}
.chip:hover{background:#FBE9EB}
.composer{display:flex;gap:12px;align-items:flex-end}
.composer textarea{
  flex:1;border:1px solid var(--line);border-radius:13px;padding:14px 17px;resize:none;
  font-size:16px;line-height:1.45;max-height:130px;background:#FAFBFC;
}
.composer textarea:focus{outline:none;border-color:var(--brand);background:#fff}
.send{
  width:50px;height:50px;border-radius:13px;background:var(--brand);flex:none;display:grid;place-items:center;
}
.send:hover{background:var(--brand-dark)}
.send svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.disclaim{text-align:center;color:var(--muted);font-size:13px;margin-top:11px}
.typing span{
  display:inline-block;width:7px;height:7px;border-radius:50%;background:#A8ADB8;margin-right:4px;
  animation:blink 1.3s infinite;
}
.typing span:nth-child(2){animation-delay:.18s}
.typing span:nth-child(3){animation-delay:.36s}
@keyframes blink{0%,60%,100%{opacity:.25}30%{opacity:1}}

/* ---------- modal ---------- */
.overlay{
  position:fixed;inset:0;background:rgba(19,26,42,.42);z-index:60;
  display:none;align-items:center;justify-content:center;padding:24px;
}
.overlay.on{display:flex}
.modal{
  background:var(--card);border-radius:18px;width:min(760px,100%);max-height:86vh;
  display:flex;flex-direction:column;overflow:hidden;
}
.modal-head{padding:24px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}
.modal-head h3{margin:0;font-size:21px;font-weight:750;flex:1;letter-spacing:-.02em}
.modal-head p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.x{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:var(--muted)}
.x:hover{background:#F1F2F4;color:var(--ink)}
.x svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}
.modal-body{overflow-y:auto;padding:8px 28px 24px}
.ord-group{margin-top:20px}
.ord-group h5{
  font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
  color:var(--muted);margin:0 0 11px;
}
.ord{
  border:1px solid var(--line);border-radius:12px;padding:14px 17px;margin-bottom:10px;
  display:flex;gap:14px;align-items:center;width:100%;text-align:left;transition:border-color .15s;
}
.ord:hover:not(.picked){border-color:#D3D5DC;background:#FAFBFC}
.ord .t{flex:1;font-weight:600;font-size:15.5px}
.ord .add{color:var(--brand);font-weight:650;font-size:14.5px;flex:none}
.ord.picked{border-color:var(--ok-line);background:var(--ok-soft);cursor:default}
.ord.picked .add{color:var(--ok)}
.ord .res{
  flex-basis:100%;margin-top:10px;font-size:14.5px;line-height:1.55;color:#3E4757;
  border-top:1px dashed var(--ok-line);padding-top:10px;
}
.modal-foot{padding:18px 28px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center}
.modal-foot .cnt{flex:1;color:var(--muted);font-size:14.5px}

/* ---------- diagnosis ---------- */
.field{margin-bottom:22px}
.field label{display:block;font-weight:650;font-size:15.5px;margin-bottom:9px}
.field label i{color:var(--brand);font-style:normal}
.field textarea, .field select{
  width:100%;border:1px solid var(--line);border-radius:12px;padding:14px 17px;
  background:#FAFBFC;font-size:16px;
}
.field textarea{min-height:110px;resize:vertical}
.field textarea:focus, .field select:focus{outline:none;border-color:var(--brand);background:#fff}
.hint{color:var(--muted);font-size:14px;margin-top:9px}
.range-row{display:flex;justify-content:space-between;color:var(--muted);font-size:13.5px;margin-top:8px}
input[type=range]{width:100%;accent-color:var(--brand)}
.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.mini{border-radius:12px;padding:16px;text-align:center}
.mini b{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em}
.mini span{font-size:13.5px;color:var(--muted)}
.mini.a{background:var(--brand-soft)} .mini.a b{color:var(--brand)}
.mini.b{background:var(--ok-soft)} .mini.b b{color:var(--ok)}
.last-lines{margin-top:8px}
.last-lines div{border-radius:10px;padding:11px 14px;margin-bottom:9px;font-size:14px;line-height:1.5}
.last-lines .p{background:#F2F3F6}
.last-lines .d{background:var(--brand-soft)}
.last-lines b{font-weight:700;margin-right:6px}
.last-lines .p b{color:#5A6473}
.last-lines .d b{color:var(--brand)}

/* ---------- results ---------- */
.score-card{
  background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:20px;
  padding:44px;text-align:center;max-width:720px;margin:0 auto;
}
.score-card.good{background:var(--ok-soft);border-color:var(--ok-line)}
.ring{width:190px;height:190px;margin:0 auto}
.ring circle{fill:none;stroke-width:13;stroke-linecap:round}
.ring .bgc{stroke:#E4E7EC}
.ring .fg{stroke:var(--brand);transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}
.score-card.good .ring .fg{stroke:var(--ok)}
.ring text{font-family:var(--font);text-anchor:middle;fill:var(--brand);font-weight:800}
.score-card.good .ring text{fill:var(--ok)}
.verdict{font-size:29px;font-weight:800;color:var(--brand);margin:22px 0 6px;letter-spacing:-.025em}
.score-card.good .verdict{color:var(--ok)}
.verdict-sub{color:var(--muted);font-size:16px}
.breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}
.bd{background:rgba(255,255,255,.72);border-radius:13px;padding:17px 10px}
.bd b{display:block;font-size:21px;font-weight:750;letter-spacing:-.02em}
.bd span{font-size:13px;color:var(--muted)}
.dx-box{background:#F6F7F9;border-radius:12px;padding:17px 19px;margin-bottom:14px}
.dx-box .l{color:var(--muted);font-size:13.5px;margin-bottom:6px}
.dx-box .v{font-size:18px;font-weight:700;display:flex;align-items:center;gap:9px}
.dx-box .v svg{width:19px;height:19px;flex:none;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.dx-ok{background:var(--ok-soft);border:1px solid var(--ok-line)}
.dx-ok .v{color:var(--ok)} .dx-ok .v svg{stroke:var(--ok)}
.dx-bad .v svg{stroke:var(--brand)}
.fb-box{border-radius:var(--radius);padding:24px;border:1px solid}
.fb-good{background:var(--ok-soft);border-color:var(--ok-line)}
.fb-warn{background:var(--warn-soft);border-color:var(--warn-line)}
.fb-box h4{margin:0 0 16px;font-size:17px;font-weight:750;display:flex;align-items:center;gap:9px}
.fb-good h4{color:var(--ok)} .fb-warn h4{color:var(--warn)}
.fb-box ul{list-style:none;margin:0;padding:0}
.fb-box li{display:flex;gap:11px;align-items:flex-start;margin-bottom:12px;font-size:15px;line-height:1.55}
.fb-box li svg{width:19px;height:19px;flex:none;margin-top:2px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fb-good li svg{stroke:var(--ok)} .fb-warn li svg{stroke:var(--warn)}
.teach{
  background:var(--card);border:1px solid var(--line);border-left:4px solid var(--brand);
  border-radius:12px;padding:22px 24px;margin-top:24px;font-size:15.5px;line-height:1.65;
}
.teach b{display:block;color:var(--brand);font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.res-actions{display:flex;gap:14px;justify-content:center;margin-top:36px;flex-wrap:wrap}

.mode-badge{
  position:fixed;left:16px;bottom:16px;z-index:50;background:#131A2A;color:#fff;
  padding:9px 15px;border-radius:10px;font-size:12.5px;font-weight:600;opacity:.86;
  display:flex;align-items:center;gap:9px;
}
.mode-badge i{width:7px;height:7px;border-radius:50%;background:#F0B429;font-style:normal}

@media (max-width:900px){
  .stats,.grid-3,.breakdown{grid-template-columns:1fr 1fr}
  .two-col{grid-template-columns:1fr}
  .chat-wrap{grid-template-columns:1fr;height:auto}
  .chat-side{border-right:0;border-bottom:1px solid var(--line)}
  .chat-scroll{padding:20px}
  .chat-foot{padding:14px 20px}
  .msg,.result-note{max-width:94%}
  .tasks{grid-template-columns:1fr}
  main{padding:26px 16px 56px}
  .topbar-in{padding:12px 16px}
  .crumbs{display:none}
}
@media (max-width:560px){
  .stats,.grid-3,.breakdown{grid-template-columns:1fr}
  h1.hero-title{font-size:34px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}