/* ReviewLoop site: tokens, chrome (header, menu, footer) and the shared hi-vis pieces.
   Page-specific styles live in home.css, how.css, pricing.css, about.css, blog.css, forms.css. */
:root{
  --night:#0A1830;
  --asphalt:#13223D;
  --kitchen:#050C19;
  --dim:#5A6B8E;
  --silver:#C9D1DD;
  --silver-dim:#7E8AA0;
  --fluoro:#FF6A13;
  --yellow:#E4FF3A;
  --lime:#E4FF3A;
  --ink:#0A1830;
  --white:#F7F9FC;
  --soft:#A9B4C8;
  --paper:#F3F5F8;
  --rule:#D3D9E3;
  --muted:#4A5873;
  --line-dark:#1c2c4a;
  --wide:"wdth" 125;
  --narrow:"wdth" 62;
  --g:clamp(16px,4vw,56px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:"Archivo",system-ui,sans-serif;font-variation-settings:"wdth" 100;background:var(--night);color:var(--white);line-height:1.5;overflow-x:clip}
a{color:inherit}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
.skip{position:absolute;left:-999px;top:8px;background:var(--lime);color:var(--ink);padding:10px 16px;z-index:100;font-weight:700}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.paper :focus-visible,.fl :focus-visible,.end :focus-visible,.menu :focus-visible,.yl :focus-visible{outline-color:var(--ink)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{padding:clamp(56px,8vw,120px) var(--g)}
.big{font-weight:900;font-variation-settings:"wdth" 70;font-size:clamp(40px,5.6vw,88px);line-height:.92;letter-spacing:-.02em}
.sub{font-size:clamp(17px,1.35vw,20px);color:var(--soft);max-width:46ch;margin-top:20px}
.fl{background:var(--fluoro);color:var(--ink)}
.yl{background:var(--yellow);color:var(--ink)}
.paper{background:var(--paper);color:var(--ink)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:800;font-size:16px;text-decoration:none;font-variation-settings:"wdth" 110;transition:transform .15s ease,background-color .2s ease;border:0;cursor:pointer;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-fluoro{background:var(--fluoro);color:var(--ink)}
.btn-fluoro:hover{background:#FF7D33}
.btn-ghost{color:inherit;padding:0 6px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.btn-ink{background:var(--ink);color:var(--fluoro)}
.btn-ink:hover{background:#13274a}
.ctas{display:flex;gap:14px;align-items:center;flex-wrap:wrap}

/* ---------- reflective tape ---------- */
.tape{position:relative;overflow:hidden;background:
  repeating-linear-gradient(135deg,rgba(255,255,255,.35) 0 2px,transparent 2px 7px),
  linear-gradient(180deg,#DCE2EA,#B7C1CF 55%,#D2D9E3)}
.tape::before{content:"";position:absolute;inset:7px 0;border-top:2px dashed rgba(10,24,48,.42);border-bottom:2px dashed rgba(10,24,48,.42);pointer-events:none}
.tape.tv{background:
  repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 2px,transparent 2px 7px),
  linear-gradient(90deg,#DCE2EA,#B7C1CF 55%,#D2D9E3)}
.tape.tv::before{inset:0 7px;border:0;border-left:2px dashed rgba(10,24,48,.42);border-right:2px dashed rgba(10,24,48,.42)}
.tape::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle var(--gr,320px) at var(--gx,-999px) var(--gy,-999px),#fff 0,rgba(255,255,255,.95) 12%,rgba(236,246,255,.6) 34%,rgba(255,255,255,0) 72%)}
.fl .tape{background:repeating-linear-gradient(135deg,rgba(255,255,255,.22) 0 2px,transparent 2px 7px),linear-gradient(180deg,#AEB6C1,#8E98A6 55%,#A6AFBB)}
.fl .tape.tv{background:repeating-linear-gradient(45deg,rgba(255,255,255,.22) 0 2px,transparent 2px 7px),linear-gradient(90deg,#AEB6C1,#8E98A6 55%,#A6AFBB)}
.fl .tape::after{--gr:360px;mix-blend-mode:screen}
.band{height:clamp(64px,8vw,112px);display:flex;align-items:center}
.band .shine{position:absolute;top:0;bottom:0;width:30%;left:-30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);mix-blend-mode:screen}
.band h2,.band p{position:relative;padding:0 var(--g);font-weight:900;font-variation-settings:var(--wide);font-size:clamp(26px,4.2vw,60px);letter-spacing:-.02em;line-height:1;white-space:nowrap;color:var(--ink)}

/* ---------- header ---------- */
.bar{position:absolute;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;gap:clamp(16px,2.4vw,40px);padding:22px var(--g)}
.brand{font-weight:800;font-variation-settings:var(--wide);font-size:20px;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;gap:10px;min-height:44px}
.brand i{display:block;width:28px;height:18px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--silver) 0 6px,transparent 6px 9px);box-shadow:0 0 0 2px var(--fluoro)}
.nav{margin-left:auto}
.nav ul{display:flex;gap:clamp(14px,2vw,30px);list-style:none}
.nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:16px;text-decoration:none;color:#C7D0DE}
.nav a:hover{color:#fff}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:5px;border-radius:1px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.55) 0 1.5px,transparent 1.5px 4px),linear-gradient(180deg,#E3E8EF,#AEB9C9);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.nav a:hover::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:#fff}
.nav a[aria-current="page"]::after{transform:none;box-shadow:0 0 14px 1px rgba(255,255,255,.5)}
.menu-btn{display:none;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 14px;margin-left:auto;border-radius:999px;border:2px solid #2b3c5e;background:rgba(10,24,48,.4);font-weight:800;font-size:15px;cursor:pointer}
.menu-ico{display:grid;gap:4px}
.menu-ico i{display:block;width:18px;height:3px;border-radius:1px;background:var(--silver)}
.menu{position:fixed;inset:0;z-index:60;background:var(--fluoro);color:var(--ink);display:flex;flex-direction:column;padding:22px calc(var(--g) + 44px) 36px;overflow:auto}
.menu[hidden]{display:none}
.menu .tv{position:absolute;top:0;bottom:0;width:22px}
.menu .tv-l{left:12px}.menu .tv-r{right:12px}
.menu-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.menu-close{min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--ink);background:transparent;font-weight:800;cursor:pointer}
.menu-links{list-style:none;margin:auto 0;padding:40px 0 32px}
.menu-links a{display:block;font-weight:900;font-variation-settings:var(--narrow);font-size:clamp(52px,14.5vw,104px);line-height:.98;letter-spacing:-.01em;text-decoration:none;padding:2px 0}
.menu-links a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.08em}
.menu-cta{align-self:flex-start}
.menu.opening .menu-links li{animation:menuIn .42s cubic-bezier(.2,.8,.2,1) both}
.menu.opening .menu-links li:nth-child(2){animation-delay:.04s}.menu.opening .menu-links li:nth-child(3){animation-delay:.08s}
.menu.opening .menu-links li:nth-child(4){animation-delay:.12s}.menu.opening .menu-links li:nth-child(5){animation-delay:.16s}.menu.opening .menu-links li:nth-child(6){animation-delay:.2s}
@keyframes menuIn{from{transform:translateY(.5em);opacity:0}to{transform:none;opacity:1}}
html.menu-open{overflow:hidden}

/* ---------- the night: torch-lit hero ---------- */
.night{position:relative;overflow:hidden;--x:70%;--y:45%;--r:240px;background:radial-gradient(120% 80% at 50% 120%,#132a4d 0,var(--night) 60%)}
.rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.stage{position:relative;z-index:2;display:grid;align-content:end;min-height:clamp(560px,84svh,900px);padding:clamp(120px,16vh,170px) var(--g) clamp(56px,8vh,88px);pointer-events:none}
.stage a,.stage button{pointer-events:auto}
.night-short .stage{min-height:clamp(420px,56svh,600px)}
.h1{font-weight:900;font-variation-settings:var(--narrow);font-size:clamp(52px,10vw,176px);line-height:.85;letter-spacing:-.015em;max-width:15ch}
.h1 .nw{white-space:nowrap}
.h1 .l1{display:block;color:var(--dim)}
.h1 .l2{display:block;color:var(--silver-dim);margin-top:.06em}
.h1 .l1 + .l2{margin-top:.06em}
.hero-foot{display:flex;flex-wrap:wrap;gap:28px 48px;align-items:end;justify-content:space-between;margin-top:clamp(28px,4vh,40px)}
.hero-foot p{max-width:50ch;font-size:clamp(17px,1.35vw,20px);color:var(--soft)}
.hero-foot strong.draft{display:inline-block;margin-left:6px;color:var(--ink);background:var(--yellow);font-weight:800;font-size:.85em;padding:1px 8px;border-radius:3px}
.studs{position:absolute;left:0;right:0;bottom:18px;height:10px;z-index:1;display:flex;justify-content:space-around;pointer-events:none}
.studs span{width:22px;height:8px;border-radius:3px;background:#24334f}
.lit{position:absolute;inset:0;z-index:3;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at var(--x) var(--y),#000 0,#000 calc(var(--r)*.38),rgba(0,0,0,.55) calc(var(--r)*.66),transparent var(--r));
          mask-image:radial-gradient(circle at var(--x) var(--y),#000 0,#000 calc(var(--r)*.38),rgba(0,0,0,.55) calc(var(--r)*.66),transparent var(--r));
  background:radial-gradient(circle at var(--x) var(--y),rgba(255,236,196,.16),rgba(255,236,196,.04) 60%,transparent 75%)}
.lit .stage a,.lit .stage button{pointer-events:none}
.lit .h1 .l1{color:#FFF4E2}
.lit .h1 .l2{color:#fff;background:linear-gradient(100deg,#fff 0 40%,#EAF7FF 46%,#FFF0F8 52%,#fff 58%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(255,255,255,.75)) drop-shadow(0 0 2px #fff)}
.lit .hero-foot p,.lit .crumbs{color:#fff}
.lit .studs span{background:#FFD27A;box-shadow:0 0 14px 4px rgba(255,190,80,.75)}
.lit .ghost{opacity:1}
.lit .ctas,.lit .hint,.lit .draft{visibility:hidden}
.ghost{position:absolute;opacity:0;font-weight:700;font-size:15px;line-height:1.3;color:#FFE9C7}
.ghost small{display:block;font-weight:400;color:#FFD9A0}
@media (max-width:1180px){.ghost{display:none}}

/* breadcrumbs (blog posts) */
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px 0;list-style:none;font-size:15px;font-weight:600;color:var(--soft);margin-bottom:clamp(20px,3vh,32px)}
.crumbs li+li::before{content:"/";margin:0 10px;color:var(--dim)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- torch list: a dark list lit by a moving torch ---------- */
.tl{position:relative;--x:30%;--y:30%;--r:340px}
.tl-lit{position:absolute;inset:0;pointer-events:none;
  -webkit-mask-image:radial-gradient(circle at var(--x) var(--y),#000 0,#000 calc(var(--r)*.42),transparent var(--r));
          mask-image:radial-gradient(circle at var(--x) var(--y),#000 0,#000 calc(var(--r)*.42),transparent var(--r));
  background:radial-gradient(circle at var(--x) var(--y),rgba(255,236,196,.12),rgba(255,236,196,.03) 55%,transparent 75%)}
.posts{list-style:none;border-top:2px solid var(--line-dark)}
.post-row{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px clamp(28px,5vw,80px);align-items:end;padding:clamp(26px,3.4vw,44px) 0;border-bottom:2px solid var(--line-dark)}
.pr-title{font-weight:900;font-variation-settings:"wdth" 70;font-size:clamp(30px,3.6vw,56px);line-height:.95;letter-spacing:-.015em;color:var(--silver-dim);max-width:20ch}
.pr-title a{text-decoration:none}
.pr-title a::after{content:"";position:absolute;inset:0}
.pr-ex{font-size:17px;color:var(--soft);max-width:44ch}
.pr-meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:12px;font-size:14px;font-weight:600;color:#8794ab}
.post-row:hover .pr-title,.post-row:focus-within .pr-title{color:#fff}
.post-row:hover .pr-title a,.post-row:focus-within .pr-title a{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:var(--fluoro)}
.tl-lit .posts{border-color:transparent}
.tl-lit .post-row{border-color:transparent}
.tl-lit .pr-title{color:#FFF6E6}
.tl-lit .pr-ex{color:#fff}
.tl-lit .pr-meta{color:#FFE2B0}

/* ---------- questions ---------- */
.qs{background:var(--night);color:var(--white);border-top:1px solid var(--line-dark)}
.qs .big{max-width:16ch}
.qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px clamp(32px,5vw,80px);margin-top:clamp(40px,5vw,56px)}
.qa h3{font-size:21px;font-weight:800;font-variation-settings:"wdth" 90;line-height:1.2}
.qa p{margin-top:10px;color:var(--soft);font-size:17px;max-width:46ch}
.qa a{color:#fff;text-underline-offset:3px}
.qs-more{margin-top:48px;font-size:17px;color:var(--soft)}
.qs-more a{color:#fff;font-weight:700;text-underline-offset:4px}

/* ---------- end band ---------- */
.end{background:var(--fluoro);color:var(--ink)}
.end .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:32px}
.end h2{font-weight:900;font-variation-settings:var(--narrow);font-size:clamp(88px,18vw,300px);line-height:.8;letter-spacing:-.03em}
.end p{font-size:18px;max-width:34ch;margin-bottom:18px;font-weight:600}

/* ---------- footer ---------- */
.foot{background:var(--night);color:#8794ab;font-size:15px;position:relative}
.foot-studs{display:flex;justify-content:space-around;padding:22px var(--g) 0}
.foot-studs span{width:22px;height:8px;border-radius:3px;background:#24334f;transition:background-color .3s,box-shadow .3s}
.foot.on .foot-studs span{background:#FFD27A;box-shadow:0 0 14px 4px rgba(255,190,80,.6);transition-delay:calc(var(--i,0) * 70ms)}
.foot-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:40px clamp(32px,6vw,96px);padding:clamp(40px,5vw,64px) var(--g) 40px}
.foot-brand .brand{color:var(--white);margin-bottom:12px}
.foot-brand p{max-width:34ch}
.foot-brand p+p{margin-top:10px}
.foot-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.foot-nav h2{font-size:15px;font-weight:800;color:var(--white);margin-bottom:10px}
.foot-nav ul{list-style:none}
.foot a{text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.foot-nav a{display:inline-flex;align-items:center;min-height:36px}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 28px;padding:20px var(--g) 28px;border-top:1px solid var(--line-dark);font-size:14px}

/* ---------- long-form reading (blog posts, legal pages) ---------- */
.prose{max-width:68ch;font-size:clamp(17px,1.2vw,19px);line-height:1.68;color:#1F2A40}
.prose>*+*{margin-top:1.15em}
.prose h2{font-weight:900;font-variation-settings:"wdth" 75;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.015em;color:var(--ink);margin-top:1.9em;scroll-margin-top:28px}
.prose h3{font-weight:800;font-variation-settings:"wdth" 90;font-size:clamp(20px,1.6vw,24px);line-height:1.2;color:var(--ink);margin-top:1.6em}
.prose h2+*,.prose h3+*{margin-top:.7em}
.prose a{color:var(--ink);font-weight:600;text-decoration-color:var(--fluoro);text-decoration-thickness:2px;text-underline-offset:3px}
.prose a:hover{text-decoration-thickness:3px}
.prose strong{color:var(--ink)}
.prose ul,.prose ol{padding-left:1.25em}
.prose li+li{margin-top:.45em}
.prose li::marker{color:var(--muted);font-weight:700}
.prose .lede{font-size:clamp(20px,1.65vw,25px);line-height:1.45;color:var(--ink);font-weight:500}
.prose blockquote{border-left:5px solid var(--fluoro);padding:.15em 0 .15em 1.1em;color:var(--ink)}
.prose blockquote cite{display:block;font-style:normal;font-size:15px;color:var(--muted);margin-top:.5em}
.prose hr{border:0;border-top:2px solid var(--rule);margin:2em 0}
.note{border-radius:4px;padding:18px 22px;background:var(--yellow);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.note.warn{background:var(--fluoro)}
.note p+p{margin-top:.6em}
.prose .sms{background:#fff;color:var(--ink);border-radius:20px 20px 20px 4px;padding:14px 16px;font-size:16px;line-height:1.4;max-width:34ch;box-shadow:0 0 0 2px var(--ink)}
.sms small{display:block;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:4px}
.example{border:2px solid var(--ink);border-radius:8px;padding:clamp(18px,2vw,26px);background:#fff}
.example>*+*{margin-top:14px}
.example-h{font-weight:800;font-size:15px;color:var(--muted);line-height:1.3}
.review{border-radius:6px;background:var(--paper);padding:14px 16px}
.review .stars{display:block;color:#A35F00;letter-spacing:2px;font-size:17px}
.review p{margin-top:4px}
.review cite{display:block;font-style:normal;font-size:14px;font-weight:700;color:var(--muted);margin-top:6px}
.reply{position:relative;border-left:5px solid var(--silver);padding:2px 0 2px 16px}
.reply::before{content:"Your reply";display:block;font-size:14px;font-weight:800;color:var(--muted);margin-bottom:4px}
.reply p+p{margin-top:.6em}
.copy-btn{margin-top:10px;min-height:40px;padding:0 16px;border-radius:999px;border:2px solid var(--ink);background:transparent;font-weight:800;font-size:14px;cursor:pointer}
.copy-btn:hover{background:var(--ink);color:#fff}
.table-wrap{overflow-x:auto;border-radius:6px}
.prose table{width:100%;min-width:520px;border-collapse:collapse;font-size:16px;line-height:1.45;background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.prose th,.prose td{text-align:left;vertical-align:top;padding:12px 14px;border-top:1px solid var(--rule)}
.prose thead th{border-top:0;background:var(--ink);color:#fff;font-weight:800}
.legal .prose h2{font-size:clamp(26px,2.4vw,36px)}

/* ---------- forms ---------- */
.field{display:grid;gap:7px;align-content:start}
.field+.field,.field+fieldset,fieldset+.field{margin-top:20px}
.field label,.field legend,fieldset legend{font-weight:700;font-size:16px;color:var(--ink)}
.field .opt{font-weight:500;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:12px 14px;font-size:17px;border:2px solid #8E9AB0;border-radius:10px;background:#fff;color:var(--ink)}
.field textarea{min-height:130px;resize:vertical;line-height:1.5}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--muted)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--ink);outline:3px solid var(--fluoro);outline-offset:1px}
.field [aria-invalid="true"]{border-color:#C8251C}
.field .err{font-size:14px;font-weight:700;color:#B3122E}
.field .err:empty{display:none}
fieldset{border:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chips label{position:relative;display:inline-flex}
.chips input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid #8E9AB0;background:#fff;font-weight:700;font-size:15px;color:var(--ink)}
.chips input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.chips input:focus-visible+span{outline:3px solid var(--fluoro);outline-offset:2px}
.form-status{margin-top:16px;font-weight:700;font-size:16px}
.form-status:empty{display:none}
.form-done{display:none}
form.sent .form-fields{display:none}
form.sent .form-done{display:block}

@media (max-width:1060px){
  .nav,.bar-cta{display:none}
  .menu-btn{display:inline-flex}
}
@media (min-width:640px) and (max-width:1060px){
  .bar-cta{display:inline-flex;margin-left:auto}
  .bar-cta+.menu-btn{margin-left:0}
}
@media (max-width:960px){
  .qa{grid-template-columns:minmax(0,1fr)}
  .foot-in{grid-template-columns:minmax(0,1fr)}
  .post-row{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .stage{min-height:0;padding-top:128px}
  .h1{font-size:clamp(50px,14.6vw,68px)}
  .foot-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .band h2,.band p{font-size:24px}
  .menu{padding-left:calc(var(--g) + 30px);padding-right:calc(var(--g) + 30px)}
  .menu .tv{width:16px}
  .menu .tv-l{left:8px}.menu .tv-r{right:8px}
}
@media (prefers-reduced-motion:reduce){
  .rain{display:none}
  .night .lit,.tl-lit{-webkit-mask-image:none;mask-image:none;background:none}
  .tl-lit{display:none}
  .menu.opening .menu-links li{animation:none}
  .foot-studs span{transition:none}
}
/* Client login: in the header on wide screens, in the menu on phones and tablets */
.bar-login{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:16px;color:#C7D0DE;text-decoration:none;white-space:nowrap}
.bar-login svg{width:15px;height:15px}
.bar-login:hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.menu-login{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin-top:12px;font-weight:800;font-size:19px;color:var(--ink);text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:1060px){.bar-login{display:none}}
/* No torch on touch screens or with reduced motion (html.torch-off, set in <head>): fully lit */
.torch-off .night .lit{-webkit-mask-image:none;mask-image:none;background:none}
.torch-off .night .lit .ghost,.torch-off .hint,.torch-off .tl-lit{display:none}