/* proofread.law design system — generated from app/static/quartr.html by scripts/build_pages.py; edit the source, not this file. Spec: app/DESIGN.md */
/* quartr.com design system, tokens read from their CSS (2026-09-19): Inter variable (self-hosted, SIL OFL); display 68px / -.05em / lh .95 / w550;
   headline 38px / -.04em; title 21/19/17 / -.03em; body 17/15; label 13; radii 6px (md) / 8px (lg) / pill; container 1280 with 64px padding;
   12-col grid, 24px gutters; ink #0c0d0e, secondary = ink at 65%, canvas #f7f7f7, hairline #e5e7eb; header fixed 56px over a collapsing banner. */
@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/static/fonts/InterVariable.woff2) format("woff2")}
:root{--ink:#0c0d0e;--ink-65:rgba(12,13,14,.65);--ink-45:rgba(12,13,14,.45);--hair:#e5e7eb;--canvas:#f7f7f7;--blue:#2b2bff;--r-md:6px;--r-lg:8px;--ease:cubic-bezier(.22,1,.36,1);--banner:34px;--hdr:56px;
  --pr-font:InterVariable,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--pr-text:#0c0d0e;--pr-muted:rgba(12,13,14,.65);--pr-border:#e5e7eb;--pr-soft:#f7f7f7;--pr-accent:#0c0d0e;--pr-accent-hover:#26272b;--pr-radius:6px;--pr-btn-radius:6px;--pr-panel-bg:#fff}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:var(--pr-font);color:var(--ink);background:#fff;font-size:15px;line-height:1.4;letter-spacing:.0025em;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01","ss03";padding-top:calc(var(--banner) + var(--hdr))}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.wrap{max-width:1328px;margin:0 auto;padding:0 24px}
/* type scale */
.display{font-size:48px;line-height:1.05;letter-spacing:-.05em;font-weight:550;margin:0}@media (min-width:768px){.display{font-size:58px}}@media (min-width:1024px){.display{font-size:68px;line-height:.95}}
.headline{font-size:28px;line-height:1.2;letter-spacing:-.04em;font-weight:550;margin:0}@media (min-width:1024px){.headline{font-size:38px;line-height:1.1}}
.headline-sm{font-size:24px;line-height:1.15;letter-spacing:-.04em;font-weight:550;margin:0}
.title{font-size:19px;line-height:1.4;letter-spacing:-.03em;font-weight:550;margin:0}.title-sm{font-size:17px;line-height:1.4;letter-spacing:-.03em;font-weight:550;margin:0}
.body{font-size:17px;line-height:1.4}.body-sm{font-size:15px;line-height:1.4}.secondary{color:var(--ink-65)}
/* fixed top: banner + header, measured on quartr.com 2026-09-20 (Playwright): banner 38px; header 56px translated by the banner; at the
   top: wordmark left, menu centre, "Log in" right; past ~150px the banner slides up, the outside wordmark and Log in blur out, and the
   centred menu pill grows (its own logomark, Log in and CTA expand into view) with a frosted background: oklab(.955/.8) + blur(40px),
   radius 8, hairline shadow. Everything is a CSS transition on the .22/1/.36/1 curve; the scroll threshold has hysteresis. */
.top{position:fixed;top:0;left:0;right:0;z-index:50}
.announce{background:#000;color:#fff;font-size:12px;font-weight:500;text-align:center;height:var(--banner);line-height:var(--banner);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 16px;transform:translateY(-100%);transition:transform .35s var(--ease),height .35s var(--ease)}.announce.in,html:not(.js) .announce{transform:none}html.scrolled .announce{height:0}
.announce a{color:rgba(255,255,255,.6);margin-left:8px;transition:color .2s}.announce a:hover{color:#fff}
.hdr{height:var(--hdr);pointer-events:none}.hdr-in{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between}
.hdr .brand,.hdr .right{pointer-events:auto;opacity:0;filter:blur(4px);transition:opacity .3s var(--ease),filter .3s var(--ease),transform .3s var(--ease)}.hdr.in .brand,.hdr.in .right,html:not(.js) .hdr .brand,html:not(.js) .hdr .right{opacity:1;filter:blur(0)}
@media (min-width:1024px){html.scrolled .hdr .brand{opacity:0;filter:blur(15px);transform:translateX(-24px);pointer-events:none;transition-delay:.06s}html.scrolled .hdr .right{opacity:0;filter:blur(15px);transform:translateX(24px);pointer-events:none;transition-delay:.06s}}
.hdr .right .cta-m{display:inline-flex;height:28px;padding:0 8px;font-size:15px;border-radius:4px;margin-left:8px}@media (min-width:1024px){.hdr .right .cta-m{display:none}}
@media (max-width:1023px){.hdr{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}html.scrolled .hdr{box-shadow:0 1px 0 var(--hair)}}
.hdr .brand{display:flex;align-items:center;height:40px}.hdr .brand .word{font-weight:600;letter-spacing:.16em;font-size:13px}
.hdr .right{display:flex;align-items:center;font-size:13px;font-weight:500}.hdr .right .m-only{display:none}@media (min-width:640px) and (max-width:1023px){.hdr .right .m-only{display:flex}}.hdr .login{display:flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--r-lg);color:var(--ink-65);transition:color .2s}.hdr .login:hover{color:var(--ink)}.hdr .login:after{content:" ›";margin-left:4px}
.menu{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;align-items:center;padding:4px;height:48px;--dur:.33s;--eas:cubic-bezier(.45,.05,.55,.95)}@media (min-width:1024px){.menu{display:flex}}
.pillbg{position:absolute;inset:0;border-radius:var(--r-lg);background:rgba(243,243,243,.8);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 0 0 1px rgba(0,0,0,.06),0 1px 2px -1px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);opacity:0;transition:opacity .25s ease-out .15s;pointer-events:none}html.scrolled .pillbg{opacity:1;transition:opacity .13s ease-out}
.menu>*:not(.pillbg){position:relative;z-index:1}
.menu .ex{display:flex;align-items:center;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .3s cubic-bezier(.4,0,.6,1),opacity .2s ease}html.scrolled .menu .ex{max-width:190px;opacity:1;transition:max-width .36s cubic-bezier(.16,1,.3,1) .13s,opacity .25s ease .2s}html.scrolled .menu .ex.mk{max-width:40px}
.menu .ex.mk .mark{display:block;width:24px;height:24px;margin:0 8px 0 4px;line-height:0}.menu .ex.mk .mark svg{width:24px;height:24px;display:block}
.menu .ex .login{padding:0 12px}.menu .ex .login:after{content:""}.menu .ex .cta{height:28px;padding:0 8px;font-size:15px;border-radius:4px;margin-left:4px}
.menu-item{position:relative}
.menu-item>button,.menu-item>a{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:var(--r-lg);font-size:13px;font-weight:500;color:var(--ink-65);transition:color var(--dur) var(--eas)}
.menu-item>button:hover,.menu-item>a:hover,.menu-item.open>button{color:var(--ink)}
.plus{position:relative;width:17px;height:17px}.plus i{position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%);transition:transform .2s ease-in-out}.plus i:first-child{width:1px;height:9px}.plus i:last-child{width:9px;height:1px}
.menu-item.open .plus i:first-child{transform:translate(-50%,-50%) rotate(90deg)}.menu-item.open .plus i:last-child{transform:translate(-50%,-50%) scale(0)}
.panel{visibility:hidden;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) scale(.96);transform-origin:50% 0;opacity:0;pointer-events:none;width:576px;background:#fff;border-radius:var(--r-lg);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 20px 50px rgba(0,0,0,.12);padding:10px;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:10px;transition:opacity .25s var(--eas),transform .25s var(--eas),visibility 0s linear .25s}
.panel.narrow{width:320px;grid-template-columns:1fr}
.menu-item.open .panel{visibility:visible;transition-delay:0s;opacity:1;transform:translateX(-50%) scale(1);pointer-events:auto}.panel:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.panel .pc{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r-md);overflow:hidden;background:#d9d4cc;color:#fff}.panel .pc img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.panel .pc:hover img{transform:scale(1.04)}
.panel .pc:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55))}
.panel .pc .cap{position:absolute;left:12px;right:12px;bottom:12px;z-index:1}.panel .pc b{display:block;font-size:14px;font-weight:550;letter-spacing:-.01em}.panel .pc span{display:block;font-size:12px;opacity:.85;margin-top:2px}
.panel .pl{display:flex;flex-direction:column;justify-content:center;gap:2px}.panel .pl a{display:block;padding:8px 10px;border-radius:var(--r-md);transition:background-color .2s}.panel .pl a:hover{background:var(--canvas)}.panel .pl b{display:block;font-size:14px;font-weight:550;letter-spacing:-.01em}.panel .pl span{display:block;font-size:12.5px;color:var(--ink-65);margin-top:1px}
.pill{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:var(--r-md);background:#000;color:#fff;font-size:15px;font-weight:450;transition:background-color .22s ease-out,transform .22s ease-out}.pill:hover{background:#26272b}.pill:active{transform:scale(.98)}
.pill.md{height:40px;padding:0 16px;font-size:16px}
/* hero */
.hero{padding:56px 0 0}@media (min-width:1024px){.hero{padding:72px 0 0}}
.hero .grid8{display:grid;grid-template-columns:repeat(8,1fr);column-gap:24px;row-gap:20px;align-items:end}
.hero .h1{grid-column:1 / -1}.hero .lede{grid-column:1 / -1;max-width:420px;margin:0;padding-bottom:4px}.hero .cta{grid-column:1 / -1}
@media (min-width:1024px){.hero .h1{grid-column:1 / span 5}.hero .lede{grid-column:6 / span 2;align-self:end}.hero .cta{grid-column:8 / span 1;justify-self:end;align-self:end;padding-bottom:6px}}
/* product frame: front = the product (mock report), the checker swings out over it on a left hinge */
.frame{position:relative;margin:36px -24px 0;overflow:hidden;background:#d9d4cc;min-height:520px}@media (min-width:768px){.frame{margin:40px -24px 0;aspect-ratio:16/9;min-height:0;border-radius:var(--r-md)}}@media (min-width:1328px){.frame{margin:40px -64px 0}}
.frame .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.frame .inner{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:28px 16px;perspective:1800px}@media (min-width:768px){.frame .inner{padding:40px 40px 40px 56px}}
.mock{width:100%;max-width:1040px;background:#fff;color:var(--ink);border-radius:var(--r-lg);box-shadow:0 24px 60px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);overflow:hidden;transition:transform .8s var(--ease),filter .8s var(--ease),opacity .8s var(--ease);font-size:13px}
.frame.open .mock{transform:translateX(24px) scale(.96);filter:brightness(.72)}
.mock .bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--hair);color:var(--ink-45);font-size:12px;white-space:nowrap;overflow:hidden}.mock .bar i{width:10px;height:10px;border-radius:50%;background:#e5e7eb;display:inline-block;flex:0 0 10px}.mock .bar span{margin-left:10px;overflow:hidden;text-overflow:ellipsis}
.hm{display:grid;grid-template-columns:1fr;gap:0}@media (min-width:768px){.hm{grid-template-columns:1fr 260px}}
.hm-doc{padding:26px 28px 24px 34px;font-family:Georgia,"Times New Roman",serif;font-size:13.5px;line-height:1.6;color:var(--ink)}.hm-doc p{margin:0 0 .9em}
.hm-notes{border-left:1px solid var(--hair);padding:20px 18px;font-family:var(--pr-font);font-size:11.5px;line-height:1.35;display:none;flex-direction:column;gap:9px}@media (min-width:768px){.hm-notes{display:flex}}
.hn{padding:7px 9px 7px 12px;border-left:2px solid #d1d5db;color:var(--ink-65)}.hn .pc{display:block;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;color:var(--ink-45)}.hn b{display:block;color:var(--ink);font-weight:550;margin-bottom:1px}.hn.red{border-left-color:#b20e01}.hn.red b{color:#b20e01}.hn.f{border-left-color:#29b05a}.hn.dot{border-left-color:rgba(12,13,14,.45)}.hn.id{border-left-color:#9ca3af}
.hn.sum{border-left:0;padding-left:0;margin-top:auto;padding-top:10px;border-top:1px solid var(--ink);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.hn.sum b{display:inline;font-weight:600}.hn.sum b.r{color:#b20e01}
.hc{position:relative;white-space:nowrap;border-bottom:1px solid transparent}.hc.f{border-bottom-color:#b3b3b3}.hc.red{border-bottom:1.5px solid #b20e01}.hc.red.q{text-decoration:underline wavy #b20e01;text-decoration-thickness:1px;text-underline-offset:3px;border-bottom:0}.hc.dot{border-bottom-style:dotted;border-bottom-color:rgba(12,13,14,.55)}.hc.id{border-bottom-style:dotted;border-bottom-color:#9ca3af}
.hc .fix{margin-left:6px;color:#b20e01;font-family:var(--pr-font);font-size:11px;white-space:nowrap}
/* the proofreading loop (motion.js): a caret walks the page; each mark and its note appear when it passes; hold; reset; again */
html.js .hm .hc{border-bottom:0;text-decoration:none;background-image:linear-gradient(var(--hl,#fbf1c7),var(--hl,#fbf1c7));background-repeat:no-repeat;background-size:0% 100%;background-position:0 0;transition:background-size 1.1s cubic-bezier(.22,1,.36,1);padding:1px 2px;margin:0 -2px;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
html.js .hm .hc.on{background-size:100% 100%}html.js .hm .hc.red{--hl:#fbe3e1}html.js .hm .hc.dot,html.js .hm .hc.id{--hl:#ececec}
html.js .hm .hc .fix{opacity:0;transform:translateX(-4px);transition:opacity .3s ease .25s,transform .3s ease .25s}html.js .hm .hc.on .fix{opacity:1;transform:none}
html.js .hm .hn{opacity:0;transform:translateY(3px);transition:opacity .35s ease,transform .35s ease}html.js .hm .hn.on{opacity:1;transform:none}
.hm-cursor{position:absolute;left:0;top:0;width:20px;height:24px;opacity:0;z-index:2;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));transition:opacity .25s ease;transform:translate(-2px,-2px)}.hm-cursor.on{opacity:1}.hm-cursor svg{display:block}
.hm-doc{position:relative}
@media (prefers-reduced-motion:reduce){html.js .hm .hc{background-size:100% 100%}html.js .hm .hn{opacity:1;transform:none}.hm-cursor{display:none}}
@media (max-width:767px){.hm-doc{padding:18px 16px;font-size:12.5px}.hc{white-space:normal}.announce a{display:none}}
.checker{position:absolute;left:16px;right:16px;top:28px;bottom:28px;display:flex;align-items:center;justify-content:center;pointer-events:none}@media (min-width:768px){.checker{left:56px;right:40px;top:40px;bottom:40px}}
.checker .pr-panel{width:100%;max-width:1040px;max-height:100%;overflow:auto;border-radius:var(--r-lg);box-shadow:0 30px 80px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.15);transform-origin:left center;transform:rotateY(-95deg) translateX(-20px);opacity:0;transition:transform .8s var(--ease),opacity .35s ease}
.frame.open .checker{pointer-events:auto}.frame.open .checker .pr-panel{transform:none;opacity:1;transition:transform .8s var(--ease),opacity .25s ease .05s}
html.no-swing .checker .pr-panel,html.no-swing .mock{transition:none}
.checker .field a.js-sample{margin-left:12px}.checker .field .close{margin-left:auto;text-decoration:none;font-size:18px;line-height:1;color:var(--ink-45)}.checker .field .close:hover{color:var(--ink)}
.checker .pr-panel textarea{min-height:170px}
/* logo wall */
.logos{padding:0 0 64px;display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px;text-align:center}@media (min-width:1024px){.logos{grid-template-columns:repeat(5,1fr);padding:0 0 88px}}
.logos .lg{font-size:17px;font-weight:600;letter-spacing:-.03em}.logos small{display:block;font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-45);margin-top:4px}
.logos-cap{text-align:center;font-size:13px;color:var(--ink-45);margin:72px 0 24px}@media (min-width:1024px){.logos-cap{margin-top:96px}}
/* sections */
section.q{padding:64px 0}@media (min-width:1024px){section.q{padding:96px 0}}
.sec-head{display:grid;grid-template-columns:1fr;gap:12px;align-items:end;margin-bottom:32px}@media (min-width:1024px){.sec-head{grid-template-columns:1fr auto}}
.sec-head p{margin:8px 0 0;max-width:520px}
.learn{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.learn svg{width:12px;height:12px;transition:transform .22s ease-out}.learn:hover svg{transform:translateX(4px)}
.two{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width:1024px){.two{grid-template-columns:repeat(12,1fr);column-gap:24px}.two>*:first-child{grid-column:1 / span 4}.two>*:nth-child(2){grid-column:5 / span 4}.two>*:nth-child(3){grid-column:9 / span 4}}
.card{display:block}.card .img{position:relative;aspect-ratio:4/5;border-radius:var(--r-md);overflow:hidden;background:#e5e1db}.card .img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.card:hover .img img{transform:scale(1.03)}
.ui{position:absolute;left:20px;right:20px;bottom:20px;background:#fff;border-radius:var(--r-md);padding:12px 14px;font-size:12px;line-height:1.4;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:transform .22s ease-out}.card:hover .ui{transform:translateY(-4px)}
.ui b{display:block;margin-bottom:6px;font-weight:600}.ui .row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid #eef0f2}.ui .row span:last-child{font-weight:500;white-space:nowrap}
.ok{color:#1f8444}.bad{color:#b20e01}.warn{color:var(--ink-65)}
.card h3{margin:16px 0 4px}.card p{margin:0}
.feat{display:grid;grid-template-columns:1fr;gap:32px 24px;margin-top:8px}@media (min-width:640px){.feat{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feat{grid-template-columns:repeat(4,1fr)}}
.feat .img{position:relative;aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;background:#e5e1db}.feat .img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.feat .t:hover .img img{transform:scale(1.03)}
.feat .ui{left:14px;right:14px;bottom:auto;top:50%;transform:translateY(-50%);padding:10px 12px}.feat .t:hover .ui{transform:translateY(calc(-50% - 4px))}
.feat h3{margin:14px 0 4px}.feat p{margin:0}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px;padding-top:32px;border-top:1px solid var(--hair)}@media (min-width:1024px){.stats{grid-template-columns:repeat(4,1fr)}}
.stats .n{font-size:38px;line-height:1;letter-spacing:-.05em;font-weight:550;font-variant-numeric:tabular-nums}.stats p{margin:6px 0 0}
.connect{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width:1024px){.connect{grid-template-columns:repeat(12,1fr);column-gap:24px}.connect>div:first-child{grid-column:1 / span 4}.connect>div:last-child{grid-column:5 / span 8}}
.connect .big{position:relative;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;background:#cfc9c2}.connect .big img{width:100%;height:100%;object-fit:cover}
.connect .apps{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px}
.app{width:72px;height:72px;border-radius:var(--r-lg);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;letter-spacing:-.02em;transition:transform .22s ease-out}.connect .big:hover .app{transform:translateY(-4px)}.app.dark{background:#111;color:#fff}.app.blue{background:var(--blue);color:#fff}
.connect .under{margin-top:16px}.connect .under p{margin:0}
.quote{background:var(--canvas)}.quote .g{display:grid;grid-template-columns:1fr;gap:32px;align-items:center}@media (min-width:1024px){.quote .g{grid-template-columns:repeat(12,1fr);column-gap:24px}.quote .g>div:first-child{grid-column:1 / span 4}.quote .g>div:last-child{grid-column:5 / span 8}}
.quote blockquote{margin:0 0 20px}.quote .who{font-size:12px;font-weight:600}.quote .who span{display:block;font-weight:400;color:var(--ink-65)}
.quote .media{position:relative;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;background:#2f2f33}.quote .media img{width:100%;height:100%;object-fit:cover}
.rail{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:640px){.rail{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.rail{grid-template-columns:repeat(4,1fr)}}
.rail .c{display:block;border-radius:var(--r-md);overflow:hidden;background:var(--canvas);transition:transform .22s ease-out}.rail .c:hover{transform:translateY(-4px)}.rail .c .img{aspect-ratio:4/3;overflow:hidden}.rail .c .img img{width:100%;height:100%;object-fit:cover}.rail .c .tx{padding:18px}.rail .c h3{margin:0 0 6px}.rail .c p{margin:0}
footer.q{border-top:1px solid var(--hair);padding:40px 0 48px}footer.q .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--ink-65)}footer.q .brand{font-weight:600;letter-spacing:.16em;color:var(--ink)}footer.q a{transition:color .2s}footer.q a:hover{color:var(--ink)}
/* motion (Quartr's initial states; JS only) */
html.js .words .w{display:inline-block;transform-origin:left bottom;opacity:0;filter:blur(5px);transform:translateY(5px) rotateX(-15deg);transition:opacity .9s var(--ease),filter .9s var(--ease),transform .9s var(--ease)}
html.js .in .words .w{opacity:1;filter:blur(0);transform:none}.words{display:inline}.words .brk{display:block}
html.js .rv-text{opacity:0;transform:translateY(4px) rotateX(18deg);transition:opacity .8s var(--ease),transform .8s var(--ease)}html.js .rv-text.in{opacity:1;transform:none}
html.js .rv-frame{opacity:0;transform:translateY(12px) scale(.98);transition:opacity 1s var(--ease),transform 1s var(--ease)}html.js .rv-frame.in{opacity:1;transform:none}
html.js .rv-card{opacity:0;filter:blur(9px);transform:translateX(12px) scale(.98) rotateY(-12deg);transition:opacity .9s var(--ease),filter .9s var(--ease),transform .9s var(--ease)}html.js .rv-card.in{opacity:1;filter:blur(0);transform:none}
[data-stagger]{perspective:1000px}
html.js .hero-seq.rv-text{transition-delay:.35s}html.js .hero-seq.rv-frame{transition-delay:.5s}
.review-banner{background:#2b2bff;color:#fff;font-size:12px;font-weight:600;text-align:center;padding:6px}
.announce .long{display:none}@media (min-width:640px){.announce .long{display:inline}}@media (max-width:639px){.announce{white-space:normal;height:auto;min-height:34px;line-height:1.3;padding:7px 12px;font-size:12px;text-overflow:clip}.announce a{display:inline;margin-left:6px}}
.faq a,.acct a,.sent a,.fine a,.note a{text-decoration:underline;text-underline-offset:2px}