@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/a/f2ea9c12d2fe.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(/a/96e639320972.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/a/3b646991d300.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url(/a/6de912e531b6.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/a/0717336fb31f.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/a/8960851d691c.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/a/42e7b0c143c1.woff2) format("woff2")}
body{margin:0;background:#fbfaf9}
a{color:#1e4e79}a:hover{color:#173a5e}
.pote{--g0:#fff;--g25:#fbfaf9;--g50:#f6f5f3;--g100:#eceae6;--g200:#dcdad4;--g300:#c2bfb7;--g400:#9d998f;--g500:#767268;--g600:#5c584f;--g900:#1a1917;--b50:#eef3f8;--b200:#b3c8dd;--b300:#82a5c5;--b400:#4f7ca7;--b600:#1e4e79;--b700:#173a5e;--b800:#122d49;--a100:#e0efe5;--a200:#cfe5d7;--a400:#2c7a4c;--a500:#22643e;--clay100:#f6e6e2;--clay200:#edd2cb;--clay500:#8f3d36;--gold100:#f7ecd6;--gold300:#e2c489;--vh:900px;--nav:68px;
font-family:"IBM Plex Sans",ui-sans-serif,-apple-system,"Segoe UI",sans-serif;color:var(--g900);background:var(--g25);overflow-x:clip;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}
.pote *{box-sizing:border-box}
.serif{font-family:"Source Serif 4",ui-serif,Georgia,serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.over{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--b800)}
.h2{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:var(--b800);font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.015em;margin:12px 0 0;text-wrap:balance}
.lede{font-size:18px;line-height:1.62;color:var(--g600);margin:18px 0 0;max-width:600px}
.center{text-align:center}.center .lede{margin-left:auto;margin-right:auto}
.blk{padding:104px 0}
.band-w{background:#fff;border-top:1px solid var(--g100);border-bottom:1px solid var(--g100)}
.pote a.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:999px;background:var(--b800);color:#fff;font-weight:600;font-size:16px;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}
.pote a.btn:hover{background:var(--b700);color:#fff;transform:translateY(-1px)}
.pote a.btn--light{background:#fff;color:var(--b800)}
.pote a.btn--light:hover{background:var(--b50);color:var(--b800)}
.lnk{display:inline-flex;align-items:center;gap:8px;min-height:48px;font-weight:600;text-decoration:none}
.meta{font-size:14px;color:var(--g500);margin-top:14px}
.tl{display:flex;flex-direction:column;margin-top:26px}
.tl div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid var(--g100);font-size:15.5px;color:var(--g600)}
.tl b{color:var(--g900);font-weight:600}
.tl i{width:8px;height:8px;border-radius:50%;background:var(--a400);margin-top:8px;display:block}
.frame{border-radius:14px;background:#fff;border:1px solid var(--g200);overflow:hidden;box-shadow:0 24px 60px rgba(18,45,73,.12)}
.frame__bar{height:30px;background:var(--g50);border-bottom:1px solid var(--g100);display:flex;align-items:center;gap:7px;padding:0 13px}
.frame__bar i{width:10px;height:10px;border-radius:50%;background:var(--g200);display:block}
.frame__bar span{margin-left:12px;flex:1;max-width:320px;height:19px;border-radius:999px;background:#fff;border:1px solid var(--g100);font-size:11px;color:var(--g500);display:flex;align-items:center;padding:0 10px}
.shot{display:block;width:100%;height:auto}
.cap-l{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g500);margin:0 0 10px}
/* reveal */
@supports (animation-timeline: view()){
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
@keyframes rv{from{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:none} }
}
/* nav */
.nav{position:sticky;top:0;z-index:40;background:#fbfaf9;border-bottom:1px solid var(--g100)}
.nav__in{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.wm{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:22px;color:var(--b800);text-decoration:none}
.wm sup{font-size:9px}
.nav__links{display:flex;gap:26px;align-items:center}
.nav__txt{color:var(--g600);text-decoration:none;font-weight:500;font-size:15px}
.nav__txt:hover{color:var(--b800)}
.pote .nav a.btn{min-height:42px;padding:0 20px;font-size:15px}
/* hero */
.hero{padding:44px 0 0;position:relative;overflow:clip}
.hero h1{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:var(--b800);font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-.022em;margin:14px auto 0;max-width:1120px;text-wrap:balance}
.hero h1 em{font-style:italic;font-weight:400;color:var(--a500)}
.wd{display:inline-block;opacity:0;transform:translateY(24px);animation:wd .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes wd{to{opacity:1;transform:none} }
.fade{opacity:0;animation:wd 1s cubic-bezier(.2,.8,.2,1) forwards}
.hero .lede{max-width:720px}
.ctas{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:28px;flex-wrap:wrap}
.proof{font-size:13px;color:var(--g600);margin-top:8px}
.hstage{position:relative;max-width:1200px;margin:36px auto 0;padding:0 32px 72px;min-height:560px}
.hdesk{width:1060px;max-width:calc(100% - 120px);margin-left:auto;animation:hdIn 1.2s .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes hdIn{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none} }
.hphone{position:absolute;left:32px;bottom:24px;z-index:3;animation:hpIn 1.1s .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes hpIn{from{opacity:0;transform:translate(-30px,50px) rotate(-4deg)}to{opacity:1;transform:none} }
.sync{position:absolute;left:290px;bottom:40px;z-index:4;background:#fff;border:1px solid var(--g200);border-radius:999px;padding:9px 16px 9px 12px;font-size:13.5px;font-weight:600;color:var(--b800);display:flex;align-items:center;gap:8px;box-shadow:0 14px 30px -12px rgba(18,45,73,.35);animation:hpIn 1s 1.3s both}
.dot{width:8px;height:8px;border-radius:50%;background:var(--a400);flex:none}
/* phone component: design 360 x 740 */
.ph{position:relative;width:380px;height:760px;border-radius:52px;background:#16181b;padding:10px;box-shadow:0 30px 60px -16px rgba(18,45,73,.42),inset 0 0 0 1.5px #3a3c40;flex:none}
.ph__island{position:absolute;left:50%;top:20px;width:100px;height:28px;margin-left:-50px;border-radius:999px;background:#000;z-index:5}
.ph__scr{position:relative;width:360px;height:740px;border-radius:42px;background:var(--g25);overflow:hidden}
.ph--sm{transform:scale(.8);transform-origin:bottom left}
/* POTE phone UI */
.pu{position:absolute;inset:0;display:flex;flex-direction:column}
.pu__top{display:flex;align-items:center;justify-content:space-between;padding:58px 18px 0}
.pu__wm{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:13px;color:var(--b800)}
.pu__wm sup{font-size:6px}
.pu__ics{display:flex;gap:12px;align-items:center;color:var(--g600)}
.pu__ics svg{width:19px;height:19px}
.pu__tray{position:relative}
.pu__tray b{position:absolute;top:-7px;right:-8px;width:15px;height:15px;border-radius:50%;background:var(--b600);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}
.pu__head{padding:6px 18px 10px;border-bottom:1px solid var(--g100);background:var(--g25)}
.pu__ov{font-size:10px;font-weight:600;letter-spacing:.09em;color:var(--b800)}
.pu__t{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:25px;color:var(--b800);line-height:1.15;margin-top:2px}
.pu__save{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--g600);margin-top:6px}
.pu__ck{width:14px;height:14px;border-radius:50%;background:var(--a400);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pu__ck svg{width:9px;height:9px}
.pu__save .pu__pk{margin-left:auto;width:28px;height:28px;border-radius:50%;background:var(--a100);border:1px solid #9fcbb0;color:var(--a500);display:inline-flex;align-items:center;justify-content:center}
.pu__save .pu__pk svg{width:14px;height:14px}
.pu__chips{display:flex;gap:6px;align-items:center;margin-top:9px;flex-wrap:nowrap;overflow:hidden}
.pch{position:relative;font-size:11.5px;font-weight:600;padding:6px 11px;border-radius:999px;border:1px solid var(--g300);color:var(--b800);background:#fff;white-space:nowrap;transition:background .25s,color .25s,border-color .25s;flex:none;overflow:hidden}
.pch--on{background:var(--b800);border-color:var(--b800);color:#fff}
.pch__rip{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:rgba(30,78,121,.25);transform:scale(0);opacity:0}
.pch.tap .pch__rip{animation:rip .45s ease-out}
@keyframes rip{0%{transform:scale(.2);opacity:1}100%{transform:scale(5);opacity:0} }
.pcmp{width:28px;height:28px;border-radius:50%;border:1px solid var(--g300);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--g600);flex:none}
.pcmp svg{width:13px;height:13px}
.pu__body{position:relative;flex:1;overflow:hidden}
.pu__track{position:absolute;left:0;right:0;top:0;padding:10px 12px 90px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.psec{border:1px solid var(--g200);border-radius:11px;background:#fff;overflow:hidden;margin-top:9px}
.psec__h{display:flex;align-items:center;gap:7px;padding:8px 9px 8px 12px;background:var(--g50);border-bottom:1px solid var(--g100)}
.psec__h span{font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--b800);flex:1}
.psec__h i{width:24px;height:24px;border-radius:50%;border:1px solid var(--g300);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--g600)}
.psec__h i svg{width:11px;height:11px}
.psec__e{padding:9px 12px;font-size:12px;color:var(--g400);font-style:italic}
.prow{display:grid;grid-template-rows:1fr;padding:9px 12px;font-size:13.5px;line-height:1.4;border-top:1px solid var(--g100);color:var(--g900);transition:background 1.2s}
.prow:first-of-type,.psec__h+.prow{border-top:0}
.prow.flash{background:var(--a100);transition:none}
.prow--ph{display:flex;gap:8px}
.thumb{width:84px;height:60px;border-radius:7px;border:1px solid var(--g200);background:#fffdf7;overflow:hidden}
.thumb svg{display:block;width:100%;height:100%}
.pu__pill{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:4px;padding:5px;background:#fff;border-radius:999px;box-shadow:0 4px 14px rgba(28,27,25,.16);z-index:3}
.pu__pill span{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:9.5px;font-weight:600;color:var(--g600);padding:5px 16px;border-radius:999px}
.pu__pill span.on{background:var(--b600);color:#fff}
.pu__pill svg{width:15px;height:15px}
.listen{margin:8px;border:1.5px solid var(--a400);border-radius:11px;box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--a400);background:#fff;padding:10px 12px}
.listen__h{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--clay500)}
.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--clay500);animation:blk 1.2s infinite}
@keyframes blk{0%,100%{opacity:.3}50%{opacity:1} }
.listen__t{font-size:13.5px;line-height:1.45;margin-top:7px;min-height:20px}
.listen__t s{color:var(--clay500)}
.car{display:inline-block;width:1.5px;height:15px;background:var(--b600);vertical-align:-2px;margin-left:1px;animation:blk 1s infinite}
.listen__f{display:flex;align-items:center;gap:10px;margin-top:9px}
.nlk{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--b600);border:1px solid var(--b200);background:var(--b50);border-radius:999px;padding:4px 10px;transition:transform .15s,background .15s}
.nlk svg{width:11px;height:11px}
.nlk.press{transform:scale(.9);background:var(--b200)}
.add{font-size:12px;font-weight:600;color:var(--g600)}
.stop{width:28px;height:28px;border-radius:50%;background:var(--b600);display:flex;align-items:center;justify-content:center;position:relative;margin-left:auto}
.stop::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--b300);animation:ring 1.6s ease-out infinite}
.stop i{width:9px;height:9px;border-radius:2px;background:#fff;display:block}
@keyframes ring{from{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)} }
/* hero phone typing loop */
.htyp{display:inline;white-space:normal}
.htyp span{opacity:0;animation:htp 9s infinite}
@keyframes htp{0%,2%{opacity:0}4%,88%{opacity:1}92%,100%{opacity:0} }
/* Notes app screen */
.nt{position:absolute;inset:0;background:#fff;padding:60px 18px 0;font-family:-apple-system,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#111;transition:opacity .6s}
.nt__nav{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#d9a400;font-weight:500}
.nt__nav b{font-weight:600}
.nt__ic{display:flex;gap:12px;margin-left:auto;margin-right:16px}
.nt__ic i{width:18px;height:18px;border:2px solid #d9a400;border-radius:50%;display:block}
.nt__date{text-align:center;font-size:11px;color:#8e8e93;margin:14px 0 6px}
.nt__t{font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}
.nl{margin:0;padding:3px 5px;font-size:14px;line-height:1.38;border-radius:4px;position:relative;transition:background .5s,box-shadow .5s,color .5s}
.nl.hot{background:var(--clay100);box-shadow:inset 3px 0 0 var(--clay500)}
.nl mark{background:transparent;color:inherit;transition:background .5s,color .5s}
.nl.hot mark{background:var(--clay200);color:var(--clay500)}
.sq{text-decoration:underline wavy #d22;text-underline-offset:3px}
.nt__bar{position:absolute;left:0;right:0;bottom:0;height:62px;border-top:1px solid #e5e5ea;display:flex;justify-content:space-around;padding-top:12px;background:#f9f9f9}
.nt__bar i{width:20px;height:20px;border:2px solid #d9a400;border-radius:5px;display:block}
/* the story */
.st{position:relative;background:var(--g25)}
.st__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;max-width:1200px;margin:0 auto;padding:0 32px}
.st__beats{padding:40px 0 0}
.bt{min-height:calc(var(--vh) * .48);display:flex;flex-direction:column;justify-content:center;padding:28px 0;opacity:.32;transition:opacity .45s}
.bt.past{opacity:.55}
.bt.on{opacity:1}
.bt--head{min-height:calc(var(--vh) * .55)}
.bt--head .lede{font-size:18px}
.bt__k{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clay500)}
.bt__k--b{color:var(--a500)}
.bt__place{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--g500);margin-top:4px}
.bt h3{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(26px,2.5vw,36px);font-weight:600;color:var(--b800);line-height:1.12;margin:8px 0 0;letter-spacing:-.01em}
.bt p.c{font-size:17px;line-height:1.6;color:var(--g600);margin:12px 0 0}
.bt__card{margin-top:16px;background:#fff;border:1px solid var(--g200);border-radius:14px;padding:14px 16px;box-shadow:0 1px 3px rgba(28,27,25,.06);transition:transform .2s,box-shadow .2s}
.bt.on .bt__card{transform:translateY(-4px);box-shadow:0 18px 36px -18px rgba(18,45,73,.35)}
.bt__tok{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--b600)}
.bt__tok svg{width:15px;height:15px}
.bt__tap{font-size:12px;color:var(--g500);margin-bottom:6px}
.bt__tap b{color:var(--b800)}
.bt__line{font-size:17px;line-height:1.45;color:var(--g900);margin-top:8px}
.bt__dest{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;font-weight:600;border-radius:999px;padding:4px 10px;border:1px dashed var(--g300);color:var(--g400);transition:all .4s}
.bt__dest svg{width:12px;height:12px;opacity:0;transition:opacity .3s}
.bt.done .bt__dest{border:1px solid #9fcbb0;background:var(--a100);color:var(--a500)}
.bt.done .bt__dest svg{opacity:1}
.bt__badge{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;color:var(--b600);background:var(--b50);border-radius:6px;padding:2px 7px}
.bt__photo{width:180px;height:120px;border-radius:10px;border:1px solid var(--g200);background:#fffdf7;overflow:hidden;margin-top:10px;position:relative}
.bt__photo svg{display:block;width:100%;height:100%}
.bt__shut{position:absolute;inset:0;background:#fff;opacity:0}
.bt.on .bt__shut{animation:shut .5s .2s}
@keyframes shut{0%{opacity:0}20%{opacity:.95}100%{opacity:0} }
.bt__note{margin-top:12px;background:#fff;border:1px solid var(--g200);border-radius:14px;padding:12px 14px;font-family:-apple-system,"Helvetica Neue",Arial,sans-serif}
.bt__note b{display:block;font-size:14px;margin-bottom:4px}
.bt__note p{margin:0;font-size:12.5px;line-height:1.45;color:#333}
.secs11{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:16px;font-size:13px;color:var(--g600)}
.secs11 span{display:flex;gap:8px}
.secs11 b{color:var(--g400);font-weight:500;width:18px}
.bt--end .big{font-family:"Source Serif 4",Georgia,serif;font-size:56px;font-weight:700;color:var(--a500);line-height:1;letter-spacing:-.02em}
.bt--end .big small{display:block;font-size:22px;font-weight:600;margin-top:6px;letter-spacing:0}
.st__stage{position:sticky;top:var(--nav);height:calc(var(--vh) - var(--nav));align-self:start;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;overflow:clip}
.st__pw{position:relative;transform-origin:center right;flex:none}
.st__ph .nt{z-index:2}
.st__ph .pu{z-index:1}
.st.flip .st__ph .nt{opacity:0;pointer-events:none}
.st__word{position:absolute;right:250px;top:110px;width:460px;z-index:0;opacity:0;transform:translateX(60px) rotate(-6deg) scale(.95);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.st.b4 .st__word{opacity:1;transform:rotate(-4deg)}
.st.flip .st__word{opacity:0;transform:translateX(-40px) rotate(-8deg)}
.win{background:#fff;border-radius:8px;box-shadow:0 24px 50px -14px rgba(0,0,0,.4);overflow:hidden;border:1px solid #bbb;font-family:Calibri,"Segoe UI",Arial,sans-serif;color:#222}
.win__bar{height:26px;background:#e8e8e8;border-bottom:1px solid #ccc;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;color:#444}
.win__bar i{width:10px;height:10px;border-radius:50%;background:#c9c9c9;display:block}
.win__bar span{margin-left:8px}
.win__rib{display:flex;gap:10px;align-items:center;padding:5px 10px;background:#f3f3f3;border-bottom:1px solid #ddd;font-size:11px;color:#333}
.win__rib span{border:1px solid #ccc;background:#fff;padding:1px 6px;border-radius:3px}
.win__body{padding:12px 18px 14px;font-size:14px;line-height:1.45}
.win__body p{margin:4px 0}
.win__h{font-family:Georgia,serif;font-weight:700;font-size:19px;text-align:center;text-decoration:underline;margin-bottom:6px}
.win__st{height:22px;background:#f3f3f3;border-top:1px solid #ddd;font-size:10.5px;color:#555;display:flex;align-items:center;padding:0 12px}
.hl{background:#ffef5c}
.pill{position:absolute;right:calc(100% + 18px);z-index:4;background:var(--clay500);color:#fff;font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 24px -8px rgba(143,61,54,.55);opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .4s}
.pill::after{content:"";position:absolute;left:100%;top:50%;width:26px;height:1px;background:var(--clay500)}
.st.b1 .pl1,.st.b2 .pl2,.st.b3 .pl3{opacity:1;transform:none}
.st.b4 .pl1,.st.b4 .pl2,.st.b4 .pl3{opacity:0}
.st.flip .pill{opacity:0}
.wpill{position:absolute;z-index:4;background:var(--clay500);color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 24px -8px rgba(143,61,54,.55)}
.rail{position:absolute;right:calc(100% + 22px);top:150px;width:170px;opacity:0;transition:opacity .5s;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--g500)}
.st.flip .rail{opacity:1}
.rail__h{font-size:10px;font-weight:700;color:var(--g400);margin-bottom:8px}
.rail div{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--g100);font-weight:600;transition:color .3s}
.rail div b{font-variant-numeric:tabular-nums;color:var(--g400);font-weight:600;min-width:16px;text-align:right;transition:color .3s}
.rail div.hot{color:var(--b800)}
.rail div.has b{color:var(--a500)}
.rail div.tick b{color:var(--b600);transform:scale(1.3)}
.flyer{position:fixed;left:0;top:0;z-index:60;pointer-events:none;display:none;background:#fff;border:1px solid #dcdad4;border-radius:10px;padding:9px 12px;font-size:15px;line-height:1.4;color:#1a1917;box-shadow:0 12px 30px rgba(18,45,73,.18);transform-origin:top left;max-width:420px}
.flyer--ph{padding:0;width:180px;height:120px;overflow:hidden;background:#fffdf7}
.flyer--ph svg{display:block;width:100%;height:100%}
.imp{margin:0 0 4px;border:1px solid var(--b200);border-radius:11px;background:#fff;overflow:hidden}
.imp__h{display:flex;align-items:center;justify-content:space-between;padding:9px 12px 4px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--b600)}
.imp__help{padding:0 12px;font-size:11px;font-style:italic;color:var(--g500)}
.imp__box{margin:8px 12px;border:1px solid var(--g300);border-radius:8px;padding:8px 10px;min-height:58px;font-size:12px;line-height:1.5;color:var(--g900)}
.imp__ph{color:var(--g400)}
.imp__ln{transition:opacity .25s,transform .25s}
.imp__ln.gone{opacity:0;transform:translateY(6px)}
.imp__f{display:flex;justify-content:flex-end;padding:0 12px 10px}
.clean{width:30px;height:30px;border-radius:50%;background:var(--b800);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s}
.clean svg{width:14px;height:14px}
.clean.press{transform:scale(.88)}
.uns{margin-top:9px;border:1px dashed var(--gold300);background:var(--gold100);border-radius:11px;padding:8px 12px}
.uns__h{font-size:10px;font-weight:700;letter-spacing:.08em;color:#9a6b12}
.uns__r{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:6px 0;border-top:1px solid #ecd9b0}
.uns__h+.uns__r{border-top:0}
.uns__r span{flex:1}
.uns__r em{font-style:normal;font-size:11px;font-weight:600;color:var(--b600);border:1px solid var(--b200);background:#fff;border-radius:999px;padding:2px 8px;white-space:nowrap}
.chk{position:absolute;left:14px;right:14px;top:150px;z-index:6;background:#fff;border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45);padding:14px 16px;opacity:0;transform:translateY(16px);transition:opacity .4s,transform .4s;pointer-events:none}
.chk.on{opacity:1;transform:none}
.chk h5{font-family:"Source Serif 4",Georgia,serif;font-size:18px;color:var(--b800);margin:0 0 8px}
.chk__q{border-left:3px solid var(--a400);background:var(--g50);border-radius:0 4px 4px 0;padding:8px 10px;font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-size:13.5px}
.chk__q b{font-weight:600;color:var(--clay500);font-style:normal}
.chk__p{font-size:12px;color:var(--g600);margin:8px 0 10px;line-height:1.45}
.chk__f{display:flex;justify-content:flex-end;gap:8px}
.chk__f span{font-size:12px;font-weight:600;border-radius:999px;padding:6px 12px;border:1px solid var(--g300);color:var(--b800)}
.chk__f span.p{background:var(--b800);border-color:var(--b800);color:#fff;transition:transform .15s}
.chk__f span.p.press{transform:scale(.92)}
.under{display:none}
/* manifesto */
.mf{background:var(--b800);padding:120px 0;view-timeline-name:--mf}
.mf__t{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:#fff;font-size:clamp(30px,4.4vw,62px);line-height:1.18;letter-spacing:-.015em;max-width:1060px;margin:0 auto;text-align:center}
.mf__t em{font-style:italic;font-weight:400;color:#9fcbb0}
@supports (animation-timeline: view()){
.mf .w{opacity:.35;animation:wlit linear both;animation-timeline:--mf}
@keyframes wlit{to{opacity:1} }
}
/* dictation */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.dset{position:relative;padding-bottom:70px}
.dset__card{background:#fff;border:1px solid var(--g200);border-radius:14px;overflow:hidden;box-shadow:0 2px 6px rgba(28,27,25,.07),0 20px 40px -20px rgba(18,45,73,.25)}
.dset__h{background:var(--g50);border-bottom:1px solid var(--g100);padding:12px 18px;font-size:11px;font-weight:600;letter-spacing:.09em;color:var(--b800)}
.dset__what{font-size:13px;color:var(--g600);margin:14px 18px 4px}
.dset__row{margin:0 18px;padding:13px 0;border-bottom:1px solid var(--g100)}
.dset__name{font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.dset__opt{display:flex;align-items:center;gap:10px;font-size:14px;padding:8px 12px;border-radius:8px;color:var(--g600)}
.dset__opt.on{background:var(--g50);color:var(--g900);font-weight:500}
.rad{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--g400);flex:none;position:relative}
.rad.on{border-color:var(--b600)}
.rad.on::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--b600)}
.tk{margin-left:auto;display:flex;gap:3px;align-items:center;color:var(--g500)}
.tk i{display:block;height:3px;border-radius:2px;background:var(--g500)}
.tk i.s{background:var(--g300)}
.sw{width:40px;height:24px;border-radius:999px;background:var(--g300);position:relative;flex:none}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.sw.on{background:var(--a400)}.sw.on::after{left:19px}
.wl{display:flex;gap:6px;flex-wrap:wrap}
.wl span{font-size:13px;border:1px solid var(--g200);background:var(--g50);border-radius:999px;padding:4px 11px}
.wl em{font-style:normal;color:var(--g500)}
.wl b{color:var(--b600)}
.wl .add2{background:#fff;border-style:dashed;color:var(--b600);font-weight:600}
.dbox{position:absolute;right:-24px;bottom:-32px;width:330px;background:#fff;border:1.5px solid var(--a400);border-radius:12px;box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--a400),0 30px 50px -16px rgba(18,45,73,.4);padding:12px 14px}
.dbox__h{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--clay500);display:flex;align-items:center;gap:6px}
.dbox__l{font-size:14px;line-height:1.5;margin-top:10px}
.fl{color:var(--clay500);text-decoration:line-through;animation:flo 8s infinite}
@keyframes flo{0%,25%{opacity:1}40%,92%{opacity:0}100%{opacity:1} }
.spk{color:var(--g500);animation:spo 8s infinite;display:inline-block;overflow:hidden;vertical-align:bottom;white-space:nowrap}
@keyframes spo{0%,40%{max-width:80px;opacity:1}52%,92%{max-width:0;opacity:0}100%{max-width:80px;opacity:1} }
.mk{color:var(--b600);font-weight:600;opacity:0;animation:mko 8s infinite}
@keyframes mko{0%,48%{opacity:0}54%,92%{opacity:1}100%{opacity:0} }
.dbox__l2{opacity:0;animation:l2 8s infinite}
@keyframes l2{0%,68%{opacity:0;transform:translateY(-6px)}74%,92%{opacity:1;transform:none}100%{opacity:0} }
.dbox__f{display:flex;align-items:center;gap:12px;margin-top:12px}
.nlk--p{animation:nlp 8s infinite}
@keyframes nlp{0%,62%{transform:none}64%,67%{transform:scale(.92);background:var(--b200)}70%,100%{transform:none} }
/* the day */
.dz{background:#fff;border-top:1px solid var(--g100);border-bottom:1px solid var(--g100)}
.dz__wrap{position:relative;margin-top:56px;padding-bottom:40px}
.dz__score{position:sticky;top:var(--nav);z-index:6;display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);background:#fff;border:1px solid var(--g200);border-top:0;box-shadow:0 18px 40px -24px rgba(18,45,73,.35);margin-bottom:24px}
.dz__sc{padding:14px 20px 16px;display:flex;flex-direction:column;gap:2px}
.dz__sc--doc{background:var(--clay100)}
.dz__sc--pote{background:var(--a100)}
.dz__lbl{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--g600)}
.dz__nums{display:flex;align-items:baseline;gap:10px}
.dz__n{font-family:"Source Serif 4",Georgia,serif;font-size:60px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.dz__n--fc{color:var(--clay500)}.dz__n--pc{color:var(--a500)}
.dz__u{font-size:15px;font-weight:600;color:var(--g900);display:flex;flex-direction:column;line-height:1.25}
.dz__u small{font-size:12px;font-weight:500;color:var(--a500)}
.dz__sc--doc .dz__u small{color:var(--clay500)}
.dz__vs{display:flex;align-items:center;justify-content:center;font-family:"Source Serif 4",Georgia,serif;font-style:italic;color:var(--g500);background:#fff}
.dz__subs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:12px}
.dz__subs>span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 2px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--a500);text-align:center;line-height:1.2}
.dz__subs>span+span{border-left:1px solid #b9d9c4}
.dz__subs b{font-family:"Source Serif 4",Georgia,serif;font-size:40px;font-weight:700;line-height:1;color:var(--a500);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.dz__sc--doc .dz__subs>span{color:#b5958f}
.dz__sc--doc .dz__subs>span+span{border-left-color:var(--clay200)}
.dz__sc--doc .dz__subs b{color:#c9a9a3}
.dz__heads{display:grid;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:0 0 10px}
.dz__heads span:first-child{color:var(--clay500);text-align:right;padding-right:24px}
.dz__heads span:last-child{color:var(--a500);padding-left:24px}
.dz__spine{position:absolute;left:50%;top:300px;bottom:60px;width:3px;margin-left:-1.5px;background:var(--g100);border-radius:2px}
.dz__r{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);align-items:center;min-height:128px;transition:opacity .4s}
.dz__mid{position:relative;z-index:1;text-align:center;background:#fff;padding:12px 8px;margin:0 auto;width:180px}
.dz__time{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:32px;font-weight:600;color:var(--b800);line-height:1;font-variant-numeric:tabular-nums}
.dz__mid b{display:block;font-size:14.5px;font-weight:600;margin-top:6px}
.dz__mid small{display:block;font-size:12.5px;color:var(--g500);margin-top:2px;line-height:1.35}
.dz__r--or .dz__mid{background:var(--b800);border-radius:14px;padding:14px 10px}
.dz__r--or .dz__time,.dz__r--or .dz__mid b{color:#fff}.dz__r--or .dz__mid small{color:var(--b200)}
.dz__doc,.dz__pote{border-radius:14px;padding:15px 18px;max-width:420px}
.dz__doc{justify-self:end;text-align:right;background:var(--g50);border:1px dashed var(--g300);color:var(--g600)}
.dz__pote{justify-self:start;background:#fff;border:1px solid var(--g200);box-shadow:0 12px 26px -16px rgba(18,45,73,.3)}
.dz__doc p,.dz__pote p{margin:0;font-size:15px;line-height:1.5}
.dz__pote p{color:var(--g900)}
.dz__bad,.dz__good{display:inline-flex;align-items:center;gap:6px;margin-top:9px;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px}
.dz__bad{background:var(--clay100);color:var(--clay500)}
.dz__good{background:var(--a100);color:var(--a500)}
.dz__good svg{width:12px;height:12px}
.dz__r.fut .dz__doc,.dz__r.fut .dz__pote{opacity:.6}
.dz__strip{display:none}
/* residency */
.rs__chips{display:inline-flex;gap:4px;background:var(--g50);border:1px solid var(--g100);border-radius:999px;padding:4px}
.rs__chip{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:600;color:var(--b800);display:inline-flex;align-items:center;transition:background .2s,color .2s}
.rs__chip:focus-visible{box-shadow:0 0 0 2px var(--a400)}
.rs__chip.on{background:var(--b800);color:#fff}
.rs__ctr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:900px;margin:30px auto 0}
.rs__ctr>div{text-align:center}
.rs__ctr b{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:56px;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rs__ctr span{display:block;font-size:14.5px;font-weight:600;margin-top:8px}
.rs__ctr em{display:inline-block;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;margin-top:6px}
.c-case b{color:var(--g600)}.c-case em{background:var(--g100);color:var(--g600)}
.c-pote b{color:var(--a500)}.c-pote em{background:var(--a100);color:var(--a500)}
.c-doc b{color:var(--clay500)}.c-doc em{background:var(--clay100);color:var(--clay500)}
.rs__sub{text-align:center;font-size:14px;color:var(--g500);margin-top:12px}
.rs__chart{margin-top:30px;background:#fff;border:1px solid var(--g200);border-radius:18px;padding:24px 20px 12px;box-shadow:0 1px 3px rgba(28,27,25,.06)}
.rs__chart svg{display:block;width:100%;height:auto}
.rs__chart .lbl{font-family:"IBM Plex Sans",sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;fill:var(--g500)}
.rs__chart .t{font-family:"IBM Plex Sans",sans-serif;fill:var(--g500)}
.rs__chart .t-s{font-family:"IBM Plex Sans",sans-serif;fill:var(--g500)}
.rs__chart .v{font-family:"IBM Plex Sans",sans-serif;font-weight:600;fill:var(--g600)}
.rs__chart .ln{fill:none;stroke-linecap:round;stroke-linejoin:round}
.rs__chart .draw{stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}
.rs__chart.drawn .draw{stroke-dashoffset:0}
.rs__chart .bar{transform-box:fill-box;transform-origin:bottom;transform:scaleY(.02);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.rs__chart.drawn .bar{transform:none}
.rs__chart .yrcol{fill:var(--g50);transition:x .3s}
.rs__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px;background:#fff;border:1px solid var(--g200);border-radius:16px;padding:20px 24px}
.rs__lead{grid-column:1/-1;font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:var(--b800)}
.rs__col{border-top:3px solid var(--a400);padding-top:10px;font-size:15.5px;color:var(--g900)}
.rs__col b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--a500);margin-bottom:4px}
.rs__col--d{border-top-color:var(--clay500)}
.rs__col--d b{color:var(--clay500)}
.rs__pull{font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-size:21px;color:var(--b800);text-align:center;max-width:820px;margin:36px auto 0;line-height:1.45}
.rs__foot{font-size:12px;color:var(--g500);line-height:1.6;max-width:980px;margin:22px auto 0}
.rs__key{display:none}
sup.fn{font-size:.6em;color:var(--b600);font-weight:600}
sup.fn a{text-decoration:none}
/* compare */
.cmpd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.cmpd .pch{font-size:13.5px;padding:8px 14px}
.cp__btn{position:relative;width:42px;height:42px;border-radius:50%;border:1px solid var(--g300);display:flex;align-items:center;justify-content:center;color:var(--g600);background:#fff}
.cp__btn svg{width:16px;height:16px}
.cp__n{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:var(--b800);color:#fff;font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center}
.cmpd__hint{width:100%;text-align:center;font-size:14px;color:var(--g500)}
.cp__stage{position:relative;max-width:1180px;margin:34px auto 0;padding-bottom:40px}
.cp__legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px 0}
.cp__legend span{border-radius:6px;padding:9px 12px;font-size:14px;font-weight:600;color:var(--b800);border:1px solid var(--g300)}
.cp__legend small{display:block;font-weight:400;font-size:12px;color:var(--g600)}
.lg-a{background:var(--b50);border-color:var(--b300)!important}.lg-b{background:#eaf3ed;border-color:#d4e7db!important}.lg-c{background:var(--g50)}
.cp__img{position:relative}
.cp__call{position:absolute;left:52%;top:43%;transform:translate(-50%,-50%);background:var(--b800);color:#fff;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(18,45,73,.6);white-space:nowrap}
.cp__phone{position:absolute;right:-30px;bottom:-30px;z-index:3}
.mc{padding:8px 10px 70px}
.mc__hd,.mc__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.mc__hd span{border:1px solid var(--g300);border-radius:6px;padding:5px 6px;font-size:10.5px;font-weight:600;color:var(--b800);line-height:1.25}
.mc__hd small{display:block;font-weight:400;color:var(--g600);font-size:9.5px}
.mc__row span{border-radius:6px;padding:6px;font-size:10.5px;line-height:1.35;min-height:44px;border:1px solid transparent}
.mc .ca{background:var(--b50);border-color:var(--b300)}.mc .cb{background:#eaf3ed;border-color:#d4e7db}.mc .cc{background:var(--g50);border-color:var(--g200)}
.mc__band{display:flex;align-items:center;gap:6px;margin:10px 0 5px;font-size:9px;font-weight:600;letter-spacing:.09em;color:var(--b800)}
.mc__band::before,.mc__band::after{content:"";flex:1;height:1px;background:var(--g200)}
.mc__span{border:1px solid #d4e7db;background:#eaf3ed;border-radius:6px;padding:6px 8px;font-size:10.5px;line-height:1.35}
.mc__same{text-align:center;font-style:italic;font-size:10.5px;color:var(--g600);padding:4px}
.mc__pills{position:absolute;left:10px;right:10px;bottom:16px;display:flex;gap:6px;justify-content:center}
.mc__pills span{font-size:11px;font-weight:600;color:var(--b800);background:#fff;border:1px solid var(--g300);border-radius:999px;padding:7px 12px;box-shadow:0 4px 10px rgba(28,27,25,.12)}
.pan{display:none}
/* find (navy) */
.fd{background:var(--b800);color:#fff}
.fd .h2{color:#fff}.fd .over{color:var(--b200)}.fd .lede{color:#c9d6e3}
.fd__stmt{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.2;color:#fff;max-width:900px;margin:0 auto;text-align:center;letter-spacing:-.01em}
.fd__stmt em{font-style:italic;font-weight:400;color:#9fcbb0}
.fd__imgs{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;margin-top:48px;align-items:start}
.fd__img{border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);background:#fff}
.fd__lbl{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--b200);margin-bottom:10px}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px}
.facts div{border-top:1px solid rgba(255,255,255,.2);padding-top:16px;font-size:15px;color:#c9d6e3}
.facts b{display:block;color:#fff;font-family:"Source Serif 4",Georgia,serif;font-size:21px;font-weight:600;margin-bottom:4px}
/* pocket demo (design 1000 x 620) */
.pkd{position:relative;width:100%;aspect-ratio:1000/650}
.pkd__in{position:absolute;left:0;top:0;width:1000px;height:650px;transform-origin:top left}
.pkd__sc{position:absolute;inset:30px 0 0 0;display:flex;background:var(--g25)}
.pkd__card{flex:1;min-width:0;padding:22px 24px;position:relative;background:#fff}
.pkd .o1{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--b800)}
.pkd .o2{font-family:"Source Serif 4",Georgia,serif;font-size:27px;font-weight:600;color:var(--b800);line-height:1.15}
.pkd .o3{font-size:12px;color:var(--g600);margin:6px 0 10px;display:flex;align-items:center;gap:6px}
.pkd .ochips{display:flex;flex-wrap:wrap;gap:6px}
.pkd .pch{font-size:11.5px}
.obtns{position:absolute;right:24px;top:22px;display:flex;gap:7px}
.ob{width:30px;height:30px;border-radius:50%;border:1px solid var(--g300);display:flex;align-items:center;justify-content:center;color:var(--g600);background:#fff}
.ob svg{width:14px;height:14px}
.ob--pk{background:var(--a100);border-color:#9fcbb0;color:var(--a500);animation:obp 13s infinite}
@keyframes obp{0%,62%{box-shadow:0 0 0 0 rgba(44,122,76,0)}65%,68%{box-shadow:0 0 0 7px rgba(44,122,76,.25)}71%,100%{box-shadow:0 0 0 0 rgba(44,122,76,0)} }
.osec{border:1px solid var(--g200);border-radius:9px;margin-top:12px;overflow:hidden}
.osec .oh{background:var(--g50);height:32px;display:flex;align-items:center;padding:0 13px;font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--b800);border-bottom:1px solid var(--g100)}
.osec .op{position:relative;height:36px;display:flex;align-items:center;padding:0 44px 0 13px;font-size:13.5px;border-top:1px solid var(--g100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.osec .oh+.op{border-top:0}
.op--edit{animation:ped 13s infinite}
@keyframes ped{0%,15%{box-shadow:none;background:#fff}16%,29%{box-shadow:inset 0 0 0 2px var(--b400);background:var(--b50)}31%,100%{box-shadow:none;background:#fff} }
.app{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;clip-path:inset(0 100% 0 0);animation:appt 13s steps(16) infinite}
@keyframes appt{0%,17%{clip-path:inset(0 100% 0 0)}27%,96%{clip-path:inset(0 0 0 0)}98%,100%{clip-path:inset(0 100% 0 0)} }
.caret{display:inline-block;width:1.5px;height:15px;background:var(--b600);margin-left:1px;vertical-align:middle;opacity:0;animation:car 13s infinite}
@keyframes car{0%,15%{opacity:0}16%,29%{opacity:1}30%,100%{opacity:0} }
.caret2{animation:car2 13s infinite}
@keyframes car2{0%,32%{opacity:0}33%,44%{opacity:1}45%,100%{opacity:0} }
.op--add{padding:0}
.op--add>span:not(.pbx){position:absolute;inset:0;display:flex;align-items:center;padding:0 44px 0 13px}
.addph{color:var(--b600);font-weight:600;font-size:12.5px;animation:adph 13s infinite}
@keyframes adph{0%,31%{opacity:1}32%,97%{opacity:0}99%,100%{opacity:1} }
.addin{opacity:0;animation:adin 13s infinite}
@keyframes adin{0%,31%{opacity:0;box-shadow:none;background:#fff}32%,44%{opacity:1;box-shadow:inset 0 0 0 2px var(--b400);background:var(--b50)}45%{opacity:1;box-shadow:none;background:var(--a100)}52%,96%{opacity:1;box-shadow:none;background:#fff}98%,100%{opacity:0} }
.addt{display:inline-block;white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0);animation:addt 13s steps(28) infinite}
@keyframes addt{0%,33%{clip-path:inset(0 100% 0 0)}43%,96%{clip-path:inset(0 0 0 0)}98%,100%{clip-path:inset(0 100% 0 0)} }
.pbx{position:absolute;right:13px;top:50%;margin-top:-9px;width:18px;height:18px;border-radius:4px;border:1.5px solid #9fcbb0;background:#fff;color:transparent;display:flex;align-items:center;justify-content:center;opacity:0}
.pbx svg{width:12px;height:12px}
.pb1{animation:pb1 13s infinite}.pb2{animation:pb2 13s infinite}.pb3{animation:pb3 13s infinite}.pb4{animation:pb4 13s infinite}.pb0{animation:pb0 13s infinite}
@keyframes pb1{0%,46%{opacity:0;background:#fff;color:transparent}48%,49%{opacity:1;background:#fff;color:transparent}50%,96%{opacity:1;background:var(--a400);border-color:var(--a400);color:#fff}98%,100%{opacity:0} }
@keyframes pb2{0%,46%{opacity:0;background:#fff;color:transparent}48%,53%{opacity:1;background:#fff;color:transparent}54%,96%{opacity:1;background:var(--a400);border-color:var(--a400);color:#fff}98%,100%{opacity:0} }
@keyframes pb3{0%,46%{opacity:0;background:#fff;color:transparent}48%,57%{opacity:1;background:#fff;color:transparent}58%,96%{opacity:1;background:var(--a400);border-color:var(--a400);color:#fff}98%,100%{opacity:0} }
@keyframes pb4{0%,46%{opacity:0;background:#fff;color:transparent}48%,61%{opacity:1;background:#fff;color:transparent}62%,96%{opacity:1;background:var(--a400);border-color:var(--a400);color:#fff}98%,100%{opacity:0} }
@keyframes pb0{0%,46%{opacity:0}48%,96%{opacity:1}98%,100%{opacity:0} }
.pinbar{display:flex;justify-content:space-between;align-items:center;margin-top:12px;background:var(--a100);border:1px solid #b9d9c4;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;color:var(--a500);opacity:0;animation:pinb 13s infinite}
.pinbar small{font-weight:400;color:var(--a500);margin-left:6px}
@keyframes pinb{0%,46%{opacity:0;max-height:0;padding:0 12px;margin-top:0}48%,68%{opacity:1;max-height:40px;padding:8px 12px;margin-top:12px}71%,100%{opacity:0;max-height:0;padding:0 12px;margin-top:0} }
.pkd__side{width:0;flex:none;background:rgba(26,25,23,.4);display:flex;align-items:flex-start;justify-content:center;padding-top:60px;overflow:hidden;animation:osw 13s ease-in-out infinite}
@keyframes osw{0%,68%{width:0}73%,100%{width:430px} }
.oside{width:380px;flex:none;background:#fff;border-radius:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);overflow:hidden;animation:osd 13s ease-in-out infinite}
@keyframes osd{0%,70%{opacity:0;transform:translateY(20px)}75%,96%{opacity:1;transform:none}99%,100%{opacity:0} }
.oside .sh{display:flex;justify-content:space-between;padding:12px 15px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--b800);border-bottom:1px solid var(--g100)}
.oside .sh span+span{letter-spacing:0;font-size:12px;color:var(--b600)}
.oside .sg{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;padding:8px 15px;border-top:1px solid var(--g100)}
.oside .sh+.sg{border-top:0}
.oside .sg span{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--b600);padding-top:2px}
.oside .sg ul{margin:0;padding:0 0 0 14px;font-size:13px;line-height:1.55}
.replay{position:absolute;right:8px;bottom:-34px;font-size:12px;color:var(--g500)}
/* always */
.al{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:56px}
.al__p{background:#fff;border:1px solid var(--g200);border-radius:20px;padding:34px;overflow:hidden}
.al__big{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:var(--b800);font-size:clamp(34px,3.6vw,50px);line-height:1.02;letter-spacing:-.02em;margin:10px 0 0}
.al__big em{font-weight:400;color:var(--a500)}
.al__p p{font-size:16px;color:var(--g600);line-height:1.6;margin:16px 0 0}
.al__img{margin-top:22px;border-radius:12px;overflow:hidden;border:1px solid var(--g200);box-shadow:0 20px 40px -24px rgba(18,45,73,.35)}
.al__cap{font-size:13px;color:var(--g500);margin-top:10px}
.al__p h3{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:var(--b800);font-size:30px;line-height:1.1;margin:10px 0 0}
.pcard{margin-top:24px;background:#fff;border:1px solid var(--g200);border-radius:14px;padding:18px 18px 16px;box-shadow:0 24px 50px -24px rgba(18,45,73,.35)}
.pcard h5{font-family:"Source Serif 4",Georgia,serif;font-size:19px;color:var(--b800);margin:0 0 10px}
.pcard__q{border-left:3px solid var(--a400);background:var(--g50);border-radius:0 4px 4px 0;padding:9px 11px;font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-size:15px;line-height:1.55}
.nmA{display:inline;border-bottom:2px solid transparent;animation:nmA 10s infinite}
.nmB{display:none}
.nmw{position:relative;display:inline-block}
.nmw .nmB2{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;color:var(--clay500);font-style:normal;font-family:"IBM Plex Sans",sans-serif;font-size:14px;animation:nmB 10s infinite}
@keyframes nmA{0%,12%{background:transparent;border-color:transparent;opacity:1}18%,40%{background:var(--clay100);border-color:var(--clay500);opacity:1}46%,90%{opacity:0}96%,100%{opacity:1;background:transparent;border-color:transparent} }
@keyframes nmB{0%,44%{opacity:0}50%,90%{opacity:1}96%,100%{opacity:0} }
.pcard__p{font-size:13px;color:var(--g600);margin:10px 0 12px;line-height:1.5}
.pcard__f{display:flex;justify-content:flex-end;gap:8px}
.pcard__f span{font-size:13px;font-weight:600;border-radius:999px;padding:8px 14px;border:1px solid var(--g300);color:var(--b800)}
.pcard__f .p{background:var(--b800);border-color:var(--b800);color:#fff}
.pcard__f .o{animation:pba 10s infinite}
@keyframes pba{0%,60%{box-shadow:0 0 0 0 rgba(30,78,121,0)}66%{box-shadow:0 0 0 6px rgba(30,78,121,.2)}74%,100%{box-shadow:0 0 0 0 rgba(30,78,121,0)} }
.al__note{font-size:13px;color:var(--g500);margin-top:10px}
/* backups */
.bk{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);background:#fff}
.bk__l{border-right:1px solid var(--g100)}
.bk__r{padding:22px 24px}
.bk__r h5{font-family:"Source Serif 4",Georgia,serif;font-size:22px;color:var(--b800);margin:0}
.bk__m{font-size:13.5px;color:var(--g600);margin:4px 0 14px}
.bk__row{display:flex;align-items:center;gap:12px;border:1px solid var(--g200);border-radius:8px;padding:10px 12px;margin-bottom:10px}
.bk__row div{flex:1;min-width:0}
.bk__row b{display:block;font-size:13.5px;font-weight:600}
.bk__row small{display:block;font-size:12px;color:var(--g500)}
.seg{display:inline-flex;border:1px solid var(--g300);border-radius:6px;overflow:hidden;flex:none}
.seg span{font-size:12px;font-weight:600;padding:6px 10px;color:var(--g600);background:#fff}
.seg span.on{background:var(--b800);color:#fff}
.bk__f{font-size:12.5px;color:var(--g600);margin-top:6px}
.bk__btn{display:flex;justify-content:flex-end;gap:14px;align-items:center;margin-top:16px;font-size:13px;font-weight:600;color:var(--g600)}
.bk__btn span:last-child{background:var(--b800);color:#fff;border-radius:999px;padding:8px 18px}
/* share + pdf */
.tk2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:56px}
.tk2__p{background:#fff;border:1px solid var(--g200);border-radius:20px;padding:30px;overflow:hidden}
.tk2__p h3{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:var(--b800);font-size:26px;line-height:1.15;margin:8px 0 0}
.tk2__p p{font-size:15.5px;color:var(--g600);line-height:1.6;margin:12px 0 0}
.tk2__p ul{margin:12px 0 0;padding:0 0 0 18px;font-size:14.5px;color:var(--g600);line-height:1.6}
.sendw{position:relative;margin-top:22px;min-height:360px}
.sendc{position:relative;z-index:2;width:330px;background:#fff;border:1px solid var(--g200);border-radius:14px;box-shadow:0 30px 60px -24px rgba(18,45,73,.35);padding:18px}
.sendc .over{font-size:10.5px}
.sendc .sm{font-size:13px;color:var(--g600);margin:4px 0 12px}
.fld{font-size:11.5px;font-weight:600;color:var(--g600);margin-bottom:6px}
.inp{height:42px;border:1px solid var(--g300);border-radius:9px;display:flex;align-items:center;padding:0 12px;font-size:15px;animation:inpf 10s infinite}
@keyframes inpf{0%,6%{border-color:var(--g300);box-shadow:none}8%,40%{border-color:var(--a400);box-shadow:0 0 0 3px var(--a100)}46%,100%{border-color:var(--g300);box-shadow:none} }
.inp__t{white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0);animation:inpt 10s steps(22) infinite}
@keyframes inpt{0%,8%{clip-path:inset(0 100% 0 0)}30%,92%{clip-path:inset(0 0 0 0)}96%,100%{clip-path:inset(0 100% 0 0)} }
.sendb{display:flex;justify-content:flex-end;gap:14px;align-items:center;margin-top:14px;font-size:13px;font-weight:600;color:var(--g600)}
.sendb span:last-child{background:var(--b800);color:#fff;border-radius:999px;padding:8px 20px;animation:sbp 10s infinite}
@keyframes sbp{0%,38%{transform:none}40%,42%{transform:scale(.93)}44%,100%{transform:none} }
.inbox{position:absolute;right:0;top:120px;width:68%;z-index:1}
.inbox .fd__lbl{color:var(--g500)}
.inbox__img{border-radius:12px;overflow:hidden;border:1px solid var(--g200);box-shadow:0 20px 40px -24px rgba(18,45,73,.35);background:#fff}
.inbox__m{display:none}
.pick{margin-top:22px;background:#fff;border:1px solid var(--g200);border-radius:14px;box-shadow:0 24px 48px -24px rgba(18,45,73,.3);overflow:hidden}
.pick__h{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:var(--g50);border-bottom:1px solid var(--g100);font-size:10.5px;font-weight:700;letter-spacing:.09em;color:var(--b800)}
.pick__h span+span{letter-spacing:0;font-size:12.5px;color:var(--b600)}
.pick__sub{font-size:13px;color:var(--g600);padding:11px 16px 2px}
.pg{display:flex;gap:8px;align-items:baseline;margin:8px 14px 0;padding:9px 12px;border:1px solid var(--g200);border-radius:8px;background:var(--g50)}
.pg__t{font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--b800)}
.pg small,.pr2 small{font-size:11.5px;color:var(--g600)}
.pr2{display:flex;align-items:center;gap:10px;padding:8px 26px 3px;font-size:14px;font-weight:500}
.pr2 small{margin-left:auto}
.pt{display:flex;align-items:center;gap:10px;padding:6px 26px 6px 48px;font-size:14px}
.xb{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--g400);display:flex;align-items:center;justify-content:center;color:transparent;flex:none;background:#fff}
.xb svg{width:11px;height:11px}
.x1{animation:xb1 12s infinite}.x2{animation:xb2 12s infinite}.x3{animation:xb3 12s infinite}
@keyframes xb1{0%,9%{background:#fff;border-color:var(--g400);color:transparent}11%,94%{background:var(--b600);border-color:var(--b600);color:#fff}97%,100%{background:#fff;color:transparent} }
@keyframes xb2{0%,17%{background:#fff;border-color:var(--g400);color:transparent}19%,94%{background:var(--b600);border-color:var(--b600);color:#fff}97%,100%{background:#fff;color:transparent} }
@keyframes xb3{0%,25%{background:#fff;border-color:var(--g400);color:transparent}27%,94%{background:var(--b600);border-color:var(--b600);color:#fff}97%,100%{background:#fff;color:transparent} }
.pick__f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 16px;border-top:1px solid var(--g100);font-size:12.5px;color:var(--g500)}
.xp{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:190px;height:40px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;background:var(--b800);animation:xpb 12s infinite}
@keyframes xpb{0%,10%{background:var(--g200);color:var(--g500)}11%,100%{background:var(--b800);color:#fff} }
.xp span{position:absolute;white-space:nowrap;opacity:0}
.k0{animation:k0 12s infinite}.k1{animation:k1 12s infinite}.k2{animation:k2 12s infinite}.k3{animation:k3 12s infinite}
@keyframes k0{0%,10%{opacity:1}11%,96%{opacity:0}98%,100%{opacity:1} }
@keyframes k1{0%,10%{opacity:0}11%,18%{opacity:1}19%,100%{opacity:0} }
@keyframes k2{0%,18%{opacity:0}19%,26%{opacity:1}27%,100%{opacity:0} }
@keyframes k3{0%,26%{opacity:0}27%,95%{opacity:1}97%,100%{opacity:0} }
/* small things */
.fg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.fc{position:relative;background:#fff;border:1px solid var(--g200);border-radius:14px;padding:24px;animation:fcz 7.2s ease-in-out infinite}
@keyframes fcz{0%{transform:scale(1);box-shadow:none}5%,12%{transform:scale(1.045);box-shadow:0 2px 6px rgba(28,27,25,.07),0 18px 36px -14px rgba(18,45,73,.28)}17%,100%{transform:scale(1);box-shadow:none} }
.fg .fc:nth-child(1){animation-delay:0s}.fg .fc:nth-child(2){animation-delay:1.2s}.fg .fc:nth-child(3){animation-delay:2.4s}.fg .fc:nth-child(4){animation-delay:3.6s}.fg .fc:nth-child(5){animation-delay:4.8s}.fg .fc:nth-child(6){animation-delay:6s}
.fc svg{color:var(--b600);width:26px;height:26px}
.fc h4{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:var(--b800);margin:12px 0 6px}
.fc p{margin:0;font-size:14.5px;color:var(--g600);line-height:1.55}
.keys{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:4px;font-size:13px;color:var(--g600)}
.keys kbd{font-family:inherit;font-size:12px;font-weight:600;border:1px solid var(--g300);border-bottom-width:2px;border-radius:5px;padding:1px 6px;background:var(--g50);color:var(--b800);margin-right:4px}
/* side-by-side table */
.ct{max-width:960px;margin:44px auto 0}
.ct__proof{text-align:center;font-size:14px;color:var(--g500);margin-top:14px}
.ct__head,.ct__r,.ct__g,.ct__foot{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr);column-gap:14px}
.ct__head{align-items:end}
.ct__hc{text-align:center;padding:22px 10px 18px;display:flex;flex-direction:column;align-items:center;gap:2px}
.ct__hc b{font-size:16px;font-weight:600;color:var(--g900)}
.ct__hc small{font-size:12.5px;color:var(--g500)}
.ct__pc{background:#fff;border-left:1px solid var(--b200);border-right:1px solid var(--b200);position:relative}
.ct__top{border-top:1px solid var(--b200);border-radius:16px 16px 0 0;padding-top:30px;box-shadow:0 -12px 30px -18px rgba(18,45,73,.25)}
.ct__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--b800);color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;border-radius:999px;padding:4px 12px;white-space:nowrap}
.ct__top small{color:var(--b600);font-weight:600}
.ct__bot{border-bottom:1px solid var(--b200);border-radius:0 0 16px 16px;padding:18px 10px 22px;box-shadow:0 18px 30px -18px rgba(18,45,73,.25)}
.ct__g>span{padding:24px 0 10px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--b800);border-bottom:1px solid var(--g200)}
.ct__g>span.ct__pc{border-bottom:1px solid var(--g100)}
.ct__l{padding:15px 0;border-bottom:1px solid var(--g100)}
.ct__r .ct__l b{display:block;font-size:15.5px;font-weight:500;color:var(--g900)}
.ct__r .ct__l small{display:block;font-size:13px;color:var(--g500);margin-top:2px}
.ct__c{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 8px;border-bottom:1px solid var(--g100);font-size:13px;color:var(--g600)}
.ct__foot .ct__l,.ct__foot .ct__c{border-bottom:0}
.ct__y{width:26px;height:26px;border-radius:50%;background:var(--a400);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.ct__y svg{width:12px;height:12px}
.ct__m{display:none}
/* pricing */
.price{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;margin-top:56px;align-items:stretch}
.plan{background:var(--b800);color:#fff;border-radius:22px;padding:40px;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px rgba(18,45,73,.55)}
.plan__tag{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}
.plan__name{font-family:"Source Serif 4",Georgia,serif;font-size:28px;font-weight:600;margin-top:22px}
.plan__p{display:flex;align-items:flex-end;gap:10px;margin-top:8px}
.plan__p b{font-family:"Source Serif 4",Georgia,serif;font-size:84px;line-height:.9;font-weight:700;letter-spacing:-.03em}
.plan__p span{font-size:16px;color:#c9d6e3;padding-bottom:10px}
.plan__sub{color:#c9d6e3;font-size:15.5px;margin-top:10px}
.plan ul{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.plan li{display:flex;gap:10px;font-size:15px;color:#e6edf4}
.plan li svg{flex:none;color:#9fcbb0;margin-top:3px}
.plan__cta{margin-top:30px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.plan__cta small{color:#b3c8dd;font-size:13.5px}
.price--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.price--3 .plan{display:flex;flex-direction:column;padding:34px 30px}
.price--3 .plan__name{margin-top:0}
.price--3 .plan ul{grid-template-columns:minmax(0,1fr)}
.price--3 .plan__p b{font-size:72px}
.price--3 .plan__cta{margin-top:auto;padding-top:30px}
.plan--lt{background:#fff;color:var(--g900);border:1px solid var(--g200);box-shadow:0 30px 60px -30px rgba(18,45,73,.3)}
.plan--lt .plan__name{color:var(--b800)}
.plan--lt .plan__sub,.plan__txt{color:var(--g600)}
.plan--lt li{color:var(--g900)}
.plan--lt li svg{color:var(--a400)}
.price--3 .plan__p--tba b{font-size:28px;line-height:1.2;letter-spacing:-.01em;color:var(--b800);padding:18px 0 14px}
.plan__txt{font-size:15.5px;margin:26px 0 0}
.plan__soon{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px dashed var(--g300);color:var(--g500);font-size:14.5px;font-weight:600}
.trust{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:34px;font-size:14.5px;color:var(--g600)}
.trust span{display:flex;gap:8px;align-items:center}
.trust svg{color:var(--a400)}
.faq{max-width:840px;margin:70px auto 0}
.faq details{border-top:1px solid var(--g200);padding:2px 0}
.faq details:last-child{border-bottom:1px solid var(--g200)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;color:var(--b800)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:"IBM Plex Sans",sans-serif;font-weight:400;font-size:26px;color:var(--b600);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0 0 20px;color:var(--g600);font-size:16px;max-width:700px;line-height:1.6}
/* final */
.cta{background:var(--b800);color:#fff;padding:120px 0;text-align:center}
.cta h2{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:clamp(36px,5vw,64px);line-height:1.05;margin:24px 0 0;letter-spacing:-.02em}
.cta .lede{color:#c9d6e3;margin:18px auto 0}
.cta__logo{width:112px;border-radius:24px;background:#fbfaf9;padding:12px;box-shadow:0 20px 40px -10px rgba(0,0,0,.4);display:block;margin:0 auto}
.src{padding:44px 0 10px;font-size:12.5px;color:var(--g500);line-height:1.6}
.src h4{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--g600);margin:0 0 8px}
.src ol{margin:0;padding-left:20px}
.ft{padding:26px 0 44px;font-size:13.5px;color:var(--g500);border-top:1px solid var(--g100)}
.ft__in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
/* demos run only while visible */
[data-live].is-off *,[data-live].is-off{animation-play-state:paused!important}
.still *,.still *::before,.still *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion: reduce){
.pote *,.pote *::before,.pote *::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
.mf .w{opacity:1!important}
}
/* ---------- responsive ---------- */
@media (max-width: 1180px){
.hdesk{width:auto;max-width:calc(100% - 140px)}
}
@media (max-width: 1023px){
.nav__txt{display:none}
.split,.al,.tk2,.price{grid-template-columns:minmax(0,1fr);gap:40px}
.fd__imgs{grid-template-columns:minmax(0,1fr)}
.st__grid{display:block;padding:0}
.st__stage{position:sticky;top:60px;height:auto;z-index:5;display:block;padding:10px 16px 0;background:var(--g25)}
.st__pw{margin:0 auto}
.st__beats{padding:0 20px 20px}
.bt{min-height:calc(var(--vh) * .5);padding:20px 0}
.bt--head{min-height:auto;padding-top:12px}
.rail,.pill{display:none}
.st__word{right:auto;left:50%;top:60px;width:340px;margin-left:-170px}
.st.b4 .st__word{transform:rotate(-2deg)}
.under{display:block;text-align:center;font-size:12.5px;font-weight:600;color:var(--a500);padding:8px 0 6px;min-height:30px}
.under.bad{color:var(--clay500)}
.cp__phone{position:relative;right:auto;bottom:auto;margin:0 auto 24px;display:flex;justify-content:center}
.ct__head,.ct__r,.ct__g,.ct__foot{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);column-gap:6px}
.ct__r .ct__l small{display:none}
.bk{grid-template-columns:minmax(0,1fr)}
.bk__l{border-right:0;border-bottom:1px solid var(--g100)}
}
@media (max-width: 760px){
.wrap{padding:0 16px}
.blk{padding:76px 0}
.nav__in{height:60px}
.pote{--nav:60px}
.hero{padding-top:28px}
.hero h1{font-size:40px}
.ctas{flex-direction:column;gap:8px}
.ctas a.btn{width:100%}
.hstage{padding:0 16px 40px;min-height:0;display:flex;flex-direction:column;align-items:center;margin-top:28px}
.hdesk{display:none}
.hphone{position:relative;left:auto;bottom:auto;width:304px;height:608px}
.hphone .ph{transform:scale(.8);transform-origin:top left}
.sync{position:relative;left:auto;bottom:auto;margin-top:14px}
.mf{padding:90px 0}
.dset{padding-bottom:0}
.dbox{position:relative;right:auto;bottom:auto;width:100%;margin-top:16px}
.dz__score{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}
.dz__sc{padding:10px 10px 12px}
.dz__lbl{font-size:9.5px}
.dz__n{font-size:40px}
.dz__u{font-size:12px}
.dz__subs{display:none}
.dz__heads{display:none}
.dz__spine{display:none}
.dz__r{grid-template-columns:minmax(0,1fr);min-height:0;padding:14px 0;gap:8px}
.dz__mid{width:auto;text-align:left;padding:0;background:transparent;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.dz__r--or .dz__mid{padding:12px 14px}
.dz__time{font-size:24px}
.dz__mid b{margin-top:0}
.dz__mid small{width:100%}
.dz__doc{display:none}
.dz__pote{max-width:none}
.dz__strip{display:block;font-size:13px;color:var(--clay500);background:var(--clay100);border-radius:10px;padding:8px 12px}
.dz__end{display:block}
.rs__chips{display:flex;overflow-x:auto;max-width:100%}
.rs__chip{padding:0 14px;font-size:14px;flex:none}
.rs__ctr{gap:8px}
.rs__ctr b{font-size:34px}
.rs__ctr span{font-size:12px}
.rs__ctr em{font-size:9px}
.rs__chart{padding:16px 8px 8px}
.rs__key{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--g600);margin-top:10px}
.rs__key span{display:flex;align-items:center;gap:6px}
.rs__key i{width:22px;height:0;border-top:3px solid var(--a500);display:block}
.rs__key i.d{border-top:2px dashed var(--clay500)}
.rs__card{grid-template-columns:minmax(0,1fr);padding:16px}
.cp__img{display:none}
.pan{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px}
.pan img{width:1000px;max-width:none;display:block;scroll-snap-align:start;border-radius:10px;border:1px solid var(--g200)}
.pan__cap{font-size:13px;color:var(--g500);text-align:center;margin-top:8px}
.cp__legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 0 8px}
.cp__legend span{font-size:11px;padding:6px 8px}
.facts{grid-template-columns:minmax(0,1fr)}
.fd__imgs .fd__a{display:none}
.al__p,.tk2__p{padding:22px}
.inbox{position:static;width:100%;margin-top:16px}
.inbox__img{display:none}
.inbox__m{display:block;background:#fff;border:1px solid var(--g200);border-radius:12px;padding:12px 14px;font-size:13px}
.inbox__m b{display:block;font-size:14px;color:var(--b800)}
.inbox__m small{display:block;color:var(--g500);margin:2px 0 8px}
.inbox__m div{display:flex;justify-content:flex-end;gap:12px;font-weight:600}
.inbox__m div span:last-child{background:var(--b800);color:#fff;border-radius:999px;padding:6px 14px}
.sendc{width:100%}
.sendw{min-height:0}
.fg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fc{padding:16px}
.fc h4{font-size:17px}
.fc p{font-size:13px}
.ct__head,.ct__g,.ct__foot,.ct__r{display:none}
.ct__m{display:block}
.ct__mc{background:#fff;border:1px solid var(--g200);border-radius:12px;padding:14px 16px;margin-top:10px}
.ct__mc b{display:block;font-size:15px;color:var(--g900)}
.ct__mc p{margin:6px 0 0;font-size:13.5px;color:var(--a500);font-weight:600}
.ct__mc p.n{color:var(--g600);font-weight:400}
.ct__mg{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--b800);margin:22px 0 2px}
.plan{padding:26px}
.plan ul{grid-template-columns:minmax(0,1fr)}
.plan__p b{font-size:66px}
.faq summary{font-size:17.5px}
}

/* ---- story structure ---- */
.st{padding:40px 0 60px}
.st__stage{grid-column:2;grid-row:1;display:flex;align-items:flex-start;justify-content:flex-end}
.st__beats{grid-column:1;grid-row:1}
.st__pw{position:relative;width:380px;height:760px}
.st__in{position:absolute;left:0;top:0;width:380px;height:760px;transform-origin:top left}
.st__in .ph{position:relative;z-index:2}
.st__word{z-index:1;right:200px;top:96px;width:400px}
.pill{z-index:3}
.rail{z-index:3;top:170px}
.st__fly{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:60}
.flyer{position:absolute;display:block;left:0;top:0;transform-origin:top left;will-change:transform}
.flyer.bt__note{box-shadow:0 18px 40px rgba(18,45,73,.25)}
.flyer .bt__shut{display:none}
.ph__scr{z-index:1}
.pu__track{display:none;will-change:transform}
.pu__track.on{display:block}
.prow{display:block}
.prow[data-rb]{display:none}
.prow[data-rb].in,.prow[data-rb].placing{display:block}
.prow[data-rb].placing{visibility:hidden}
.psec .prow{border-top:1px solid var(--g100)}
.psec__h+.prow{border-top:0}
.prow--ph{padding:8px 12px}
.thumb{width:96px;height:64px}
.imp{display:none;margin-top:4px}
.imp.on{display:block}
.imp__h span:last-child{display:flex;gap:6px}
.imp__h i{width:22px;height:22px;border-radius:50%;border:1px solid var(--g300);display:inline-flex;align-items:center;justify-content:center;color:var(--g600);font-style:normal}
.imp__h i svg{width:10px;height:10px}
.imp__lines{display:none}
.imp.has .imp__lines{display:block}
.imp.has .imp__ph{display:none}
.imp__ln{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imp.gone .imp__ln{opacity:0;transform:translateY(6px)}
.uns{display:none}
.uns.on{display:block;animation:fu .45s cubic-bezier(.2,.8,.2,1)}
@keyframes fu{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none} }
.uns__r span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pu__body{position:relative}
.pu__head{position:relative;z-index:2}
.st .pu__chips{margin-top:8px}
.pu__chips--wrap{flex-wrap:wrap;row-gap:6px}
.st .pch{cursor:default}
.chk{top:auto;bottom:90px}
.bt__raw{font-size:14px;color:var(--g500);margin-top:8px;line-height:1.45}
.bt__raw s{color:var(--clay500);text-decoration-thickness:1.5px}
.bt__list{margin-top:14px;display:flex;flex-direction:column;gap:6px}
.bt__list div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--g200);border-radius:10px;padding:7px 10px;font-size:13.5px}
.bt__list span{flex:1;min-width:0;color:var(--g900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bt__list em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--a500);background:var(--a100);border-radius:999px;padding:2px 9px;white-space:nowrap}
.bt__list .u em{color:#9a6b12;background:var(--gold100)}
.bt__place svg{width:12px;height:12px}
.bt__tok svg,.bt__k svg{flex:none}
.bt--flip{padding-top:60px}
.bt--end .c{font-size:18px}
.h3c{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(22px,2.4vw,30px);font-weight:600;color:var(--b800);margin:0 auto;max-width:760px;line-height:1.25}
/* hero */
.hstage{max-width:1280px;padding-bottom:120px}
.hdesk{width:1120px;max-width:calc(100% - 40px)}
.hphone{bottom:20px;width:274px;height:548px}
.ph--sm{transform:scale(.72);transform-origin:top left}
.sync{left:330px;bottom:44px}
.hero .pu__track{padding-top:10px}
.htw{opacity:0;animation:wd .01s forwards}
/* compare */
.cp__stage{max-width:1180px}
.cp__desk{margin-right:150px}
.cp__phone{right:0;bottom:-10px}
.ph--cmp{transform:scale(.62);transform-origin:bottom right;position:absolute;right:0;bottom:0}
.cp__phone{width:236px;height:472px}
.cp__call{left:auto;right:22px;top:14.5%;transform:translateY(-50%)}
.mc__cards{display:flex;gap:6px;margin-top:8px}
.mc__cards span{font-size:11px;font-weight:600;border:1px solid var(--g300);border-radius:999px;padding:4px 10px;color:var(--g900);background:#fff}
.mc{position:relative}
.mc__hd span small{display:block}
.mc__dash{display:flex;align-items:center;justify-content:center;color:var(--g500)}
.pan__in{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}
/* find */
.fd__a .fd__img{max-width:700px}
/* pocket */
.pk__demo{max-width:1040px;margin:44px auto 0}
.pk__cap{text-align:center;font-size:14px;color:var(--g500);margin:14px 0 0}
.pinbar>span{display:inline-flex;align-items:baseline}
.pc{position:relative;display:inline-block;width:9px;height:1em}
.pc span{position:absolute;left:0;top:0;opacity:0}
.c5{animation:c5 13s infinite}.c6{animation:c6 13s infinite}.c7{animation:c7 13s infinite}.c8{animation:c8 13s infinite}.c9{animation:c9 13s infinite}
@keyframes c5{0%,49.5%{opacity:1}50%,100%{opacity:0} }
@keyframes c6{0%,49.5%{opacity:0}50%,53.5%{opacity:1}54%,100%{opacity:0} }
@keyframes c7{0%,53.5%{opacity:0}54%,57.5%{opacity:1}58%,100%{opacity:0} }
@keyframes c8{0%,57.5%{opacity:0}58%,61.5%{opacity:1}62%,100%{opacity:0} }
@keyframes c9{0%,61.5%{opacity:0}62%,100%{opacity:1} }
.pinbar>span:last-child{color:var(--b600)}
.pkd__card .pch{padding:5px 11px}
.pkd__card .pcmp{width:26px;height:26px}
.pkd__card .ochips{align-items:center}
.pkd .o3 .pu__ck{width:14px;height:14px}
.pkm{display:none}
.facts--l{margin-top:44px}
.facts--l div{border-top:1px solid var(--g200);color:var(--g600)}
.facts--l b{color:var(--b800)}
/* phone & desk */
.dv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:48px}
.dv__c{background:var(--g25);border:1px solid var(--g200);border-radius:20px;padding:30px}
.dv__h{display:flex;gap:14px;align-items:center}
.dv__ic{width:46px;height:46px;border-radius:12px;background:var(--b50);color:var(--b600);display:flex;align-items:center;justify-content:center;flex:none}
.dv__ic svg{width:22px;height:22px}
.dv__h h3{font-family:"Source Serif 4",Georgia,serif;font-size:24px;color:var(--b800);margin:0}
.dv__h small{display:block;font-size:13.5px;color:var(--g500);margin-top:2px}
.dv ul{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.dv li{display:flex;gap:10px;font-size:15.5px;color:var(--g600)}
.dv li svg{width:16px;height:16px;color:var(--a400);flex:none;margin-top:4px}
.dv li b{color:var(--g900);font-weight:600}
.dv__get{margin-top:18px;padding-top:14px;border-top:1px solid var(--g200);font-size:14px;color:var(--g600)}
.dv__get b{color:var(--b800)}
/* always */
.al__p .over{color:var(--b600)}
.nmA{background:transparent}
/* backups */
.split--bk{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px}
.bk__l img{display:block;width:100%;height:auto}
/* residency chart */
.rs__svg-m{display:none}
.rs__chart .dotp{transition:r .3s}
.rs__chart .fadein{opacity:0;transition:opacity .6s .7s}
.rs__chart.drawn .fadein{opacity:1}
.rs__ctr b{transition:transform .2s}
/* table */
.ct__x{color:var(--g500)}
/* reveal fallbacks */
@media (max-width: 1023px){
.st{padding:0 0 40px}
.st__grid{display:block}
.st__stage{position:sticky;top:var(--nav);z-index:5;height:46svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 16px 0;background:var(--g25);overflow:clip;border-bottom:1px solid var(--g100)}
.st__pw{border-radius:18px;overflow:hidden;border:1px solid var(--g200);box-shadow:0 10px 24px -14px rgba(18,45,73,.35);flex:none}
.ph--story{padding:0;width:360px;height:740px;border-radius:0;background:transparent;box-shadow:none}
.ph--story .ph__island{display:none}
.ph--story .ph__scr{border-radius:0}
.ph--story .pu__top{padding-top:12px}
.ph--story .nt{padding-top:14px}
.ph--story .pu__pill{display:none}
.st__word{right:auto;left:10px;top:40px;width:340px}
.st__beats{padding:0 20px}
.bt{min-height:calc(54svh - var(--nav));padding:24px 0}
.bt--head{min-height:calc(54svh - var(--nav));padding-top:28px}
.bt--flip{padding-top:28px}
.under{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,var(--g25) 40%);padding:14px 0 8px;z-index:6}
.cp__desk{margin-right:0}
.cp__phone{position:relative;right:auto;bottom:auto;width:280px;height:560px;margin:0 auto 20px}
.ph--cmp{transform:scale(.737);transform-origin:top left;left:0;top:0;right:auto;bottom:auto}
.dv{grid-template-columns:minmax(0,1fr)}
.split--bk{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 760px){
.hstage{padding:0 16px 40px}
.hphone{width:304px;height:608px}
.hphone .ph{transform:scale(.8)}
.sync{left:auto;bottom:auto}
.rs__svg-d{display:none}
.rs__svg-m{display:block}
.cp__desk{display:none}
.pan{display:block}
.pan__in img{width:1000px;max-width:none;display:block;border-radius:10px;border:1px solid var(--g200)}
.pan__in{margin:0 -16px;padding:0 16px 6px}
.fd__a{display:block!important}
.fd__pan{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fd__pan img{width:640px;max-width:none}
.fd__imgs{gap:28px}
.pkd{display:none}
.pk__demo .frame__bar{display:none}
.pk__demo .frame{box-shadow:none;border:0;background:transparent}
.pkm{display:block;position:relative;background:#fff;border:1px solid var(--g200);border-radius:16px;padding:14px;min-height:330px;overflow:hidden;box-shadow:0 20px 40px -24px rgba(18,45,73,.35)}
.pkm__banner{display:flex;justify-content:space-between;align-items:center;background:var(--a100);border:1px solid #b9d9c4;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:600;color:var(--a500)}
.pkm__banner>span:last-child{color:var(--b600)}
.pc2{position:relative;display:inline-block;width:9px;height:1em}
.pc2 span{position:absolute;left:0;top:0;opacity:0}
.m7{animation:m7 12s infinite}.m8{animation:m8 12s infinite}.m9{animation:m9 12s infinite}
@keyframes m7{0%,19.5%{opacity:1}20%,100%{opacity:0} }
@keyframes m8{0%,19.5%{opacity:0}20%,34.5%{opacity:1}35%,100%{opacity:0} }
@keyframes m9{0%,34.5%{opacity:0}35%,100%{opacity:1} }
.pkm__sec{font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--b800);margin:14px 0 4px}
.pkm__r{position:relative;font-size:14px;padding:10px 34px 10px 0;border-top:1px solid var(--g100)}
.pkm__r .pbx{opacity:1;right:0}
.q1{animation:q1 12s infinite}.q2{animation:q2 12s infinite}.q3{animation:q3 12s infinite}
@keyframes q1{0%,100%{background:var(--a400);border-color:var(--a400);color:#fff} }
@keyframes q2{0%,19%{background:#fff;color:transparent}20%,100%{background:var(--a400);border-color:var(--a400);color:#fff} }
@keyframes q3{0%,34%{background:#fff;color:transparent}35%,100%{background:var(--a400);border-color:var(--a400);color:#fff} }
.pkm__sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--g200);border-radius:16px 16px 0 0;box-shadow:0 -20px 40px -10px rgba(0,0,0,.25);transform:translateY(105%);animation:pks 12s infinite}
@keyframes pks{0%,50%{transform:translateY(105%)}58%,94%{transform:none}100%{transform:translateY(105%)} }
.pkm__sheet .sh{display:flex;justify-content:space-between;padding:12px 15px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--b800);border-bottom:1px solid var(--g100)}
.pkm__sheet .sh span+span{letter-spacing:0;font-size:12px;color:var(--b600)}
.pkm__sheet .sg{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;padding:8px 15px;border-top:1px solid var(--g100)}
.pkm__sheet .sh+.sg{border-top:0}
.pkm__sheet .sg span{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--b600);padding-top:2px}
.pkm__sheet .sg ul{margin:0;padding:0 0 0 14px;font-size:13px;line-height:1.55}
.facts--l{grid-template-columns:minmax(0,1fr)}
.dv__c{padding:22px}
.bk__r{padding:18px}
.h3c{font-size:22px}
}

/* overrides and fixes */
@supports (animation-timeline: view()){
.mf .w{animation-range:cover calc(14% + var(--i) * 1.5%) cover calc(22% + var(--i) * 1.5%)}
}
.mf__t{font-size:clamp(28px,3.9vw,56px)}
.mf__t em{display:inline-block;margin-top:.35em}
.dz__pote--q{background:transparent;border:1px dashed var(--g200);box-shadow:none;color:var(--g500)}
.dz__pote--q p{color:var(--g500)}
.dz__strip b{font-weight:600}
.ct__x{font-size:13px}
.cp__stage{display:block}
@media (max-width: 1023px){
.cp__stage{display:block}
}
@media (max-width: 760px){
.pan{display:block;overflow:visible;margin:0;padding:0}
.rs__chart{padding:14px 6px 8px}
}
.ph--story .nt{z-index:3}
.st.flip .ph--story .nt{opacity:0;pointer-events:none}
.ph--story .pu{z-index:1}
.rs__chart .rs__svg-m{display:none}
.split--bk{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.bk{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.inbox{top:200px;width:72%}
.sendw{min-height:430px}
@media (max-width: 1023px){
.split--bk{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 760px){
.rs__chart .rs__svg-d{display:none}
.rs__chart .rs__svg-m{display:block}
.bk{grid-template-columns:minmax(0,1fr)}
.sendw{min-height:0}
}
.st__word{right:110px;top:150px;width:470px;z-index:1;transform:translateX(-40px) rotate(-3deg) scale(.96)}
.st.b4 .st__word{z-index:4;transform:rotate(-2.5deg)}
.st.b4 .ph--story{filter:brightness(.97)}
.thumb{display:block;width:96px;height:64px}
.rd-b{display:none;color:var(--clay500)}
.imp.redact .rd-a{display:none}
.imp.redact .rd-b{display:inline}
.chk{bottom:70px}
@media (max-width: 1023px){
.st__word{right:auto;left:8px;top:30px;width:344px;margin-left:0;transform:translateY(20px) rotate(-2deg)}
.st.b4 .st__word{transform:rotate(-1.5deg)}
.st__stage{height:48svh}
.bt,.bt--head{min-height:calc(52svh - var(--nav))}
.ph--story .pu__top{display:none}
.ph--story .pu__head{padding:10px 14px 8px}
.ph--story .pu__t{font-size:21px}
.ph--story .pu__save{margin-top:3px}
.ph--story .pu__chips--wrap{flex-wrap:nowrap}
.ph--story .pch{font-size:10.5px;padding:5px 8px}
.ph--story .pcmp{width:26px;height:26px}
.ph--story .chk{bottom:auto;top:96px}
}
.pan__in img{height:auto}
@media (max-width: 760px){
.rs__chips{gap:2px;padding:3px}
.rs__chip{padding:0 11px;font-size:13.5px;min-height:40px}
}
.al__p .al__big{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:var(--b800);font-size:clamp(34px,3.6vw,50px);line-height:1.04;letter-spacing:-.02em;margin:10px 0 0}
.al__p .al__big em{font-weight:400;color:var(--a500)}
@media (max-width: 1023px){
.dz__subs b{font-size:30px}
.dz__subs>span{font-size:8.5px;letter-spacing:0}
.dz__n{font-size:48px}
}
@media (min-width: 761px) and (max-width: 1023px){
.st__beats{max-width:640px;margin:0 auto}
}
/* ---- QA round 1 ---- */
@supports (animation-timeline: view()){
.rv{animation-range:entry 0px entry 200px}
.plan.rv{animation:none}
}
.pote [id]{scroll-margin-top:84px}
.rs__svg-d .t-s{font-size:14px}
.rs__svg-d .v{font-size:15px}
.rs__svg-d .lbl{font-size:14px}
.rs__svg-d .t{font-size:15px}
.inbox{top:236px;width:100%}
.sendw{min-height:470px}
.fd__img{padding:12px}
.fd__askm{display:none}
.rail__h{font-size:12px;font-weight:700;color:var(--b800);letter-spacing:.04em}
.bt__list{gap:4px}
.bt__list div{padding:5px 10px}
@media (min-width:1024px){.secs11{display:none} }
.ph--story .nt{transition:opacity .22s}
.st.flip .ph--story .pu{animation:puIn .4s .2s both}
@keyframes puIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none} }
.chk{transition:opacity .18s,transform .4s}
.pkd__sc{inset:0}
.pkd{aspect-ratio:1000/620}
.pkd__in{height:620px}
.st__stage{overflow-clip-margin:64px}
.plan ul{grid-template-columns:minmax(0,1fr)}
.dv__c{display:flex;flex-direction:column}
.dv ul{flex:1}
.split--bk{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:48px}
@media (max-width: 1023px){
.split--bk{grid-template-columns:minmax(0,1fr)}
.ph--story .chk{top:128px}
.st__word .wpill{left:6px!important}
}
@media (max-width: 760px){
.cp__phone{width:358px;height:540px;overflow:hidden;border-radius:18px;border:1px solid var(--g200);box-shadow:0 10px 24px -14px rgba(18,45,73,.35)}
.ph--cmp{width:360px;height:740px;padding:0;background:transparent;box-shadow:none;transform:scale(.994)}
.ph--cmp .ph__island{display:none}
.ph--cmp .ph__scr{border-radius:0}
.ph--cmp .pu__top{padding-top:14px}
.pan{display:none}
.fd__a .fd__pan{display:none}
.fd__askm{display:block;background:#fff;border-radius:14px;padding:14px;color:var(--g900)}
.fd__askm .aq{margin-left:auto;max-width:86%;background:var(--b600);color:#fff;border-radius:14px 14px 4px 14px;padding:9px 12px;font-size:14px;width:fit-content}
.fd__askm .aqq{margin-top:12px;border-left:3px solid var(--a400);background:var(--g50);padding:8px 10px;font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-size:14px}
.fd__askm .al2{font-size:10.5px;font-weight:600;letter-spacing:.07em;color:var(--g500);margin:14px 0 6px}
.fd__askm .ar{border:1px solid var(--g200);border-radius:10px;padding:9px 11px;font-size:14px;line-height:1.4;margin-top:6px}
.fd__askm .ao{margin-top:12px;font-size:14px;font-weight:600;color:var(--b600)}
.rs__ctr em{font-size:11px}
.rs__key i.h{border:0;height:10px;background:repeating-linear-gradient(45deg,#d8d4cc 0 2px,#eeebe6 2px 5px)}
.rs__key i.g{border:0;height:10px;background:#e0efe5}
.inbox{width:100%;top:auto}
.dz__lbl{font-size:11px}
sup.fn{font-size:.75em}
sup.fn a{display:inline-block;padding:8px 4px;margin:-8px -2px}
.src li+li{margin-top:10px}
}
/* name swap: reflow instead of overlay (comment d5c2cc6d) */
.nmw{position:static;display:inline}
.pcard__q .nmA,.pcard__q .nmw .nmB2{position:static;display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;font-family:inherit;font-size:inherit;line-height:inherit}
.pcard__q .nmA{max-width:4em;border-bottom:2px solid transparent;animation:nmA2 10s infinite}
.pcard__q .nmw .nmB2{max-width:0;opacity:0;color:var(--clay500);font-style:normal;font-weight:600;animation:nmB3 10s infinite}
@keyframes nmA2{0%,12%{max-width:4em;opacity:1;background:transparent;border-color:transparent}18%,40%{max-width:4em;opacity:1;background:var(--clay100);border-color:var(--clay500)}46%,90%{max-width:0;opacity:0;background:transparent;border-color:transparent}96%,100%{max-width:4em;opacity:1} }
@keyframes nmB3{0%,42%{max-width:0;opacity:0}50%,90%{max-width:7em;opacity:1}96%,100%{max-width:0;opacity:0} }
@media (prefers-reduced-motion: reduce){
.pcard__q .nmA{max-width:0!important;opacity:0!important}
.pcard__q .nmw .nmB2{max-width:none!important;opacity:1!important}
}
/* ---- share and export, split (comments 313bdc94, bd9732c7) ---- */
.split--sh{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}
.shp{background:#fff;border:1px solid var(--g200);border-radius:20px;padding:26px}
.shp .sendw{margin-top:0}
.px{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:start}
.px .pick{margin-top:26px}
.pick__h{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:600}
.pick__x{font-size:18px;line-height:1;color:var(--g500)}
.pk2__all,.pk2__g,.pk2__o{display:flex;align-items:center;gap:10px;font-size:14px;padding:9px 16px;border-bottom:1px solid var(--g100)}
.pk2__all{font-weight:600;color:var(--b800)}
.pk2__g .pk2__n{font-weight:600}
.pk2__o{padding-left:42px}
.pk2__n{flex:none}
.pk2__g small,.pk2__o small{color:var(--g500);font-size:12px}
.pk2__chev{margin-left:auto;color:var(--g500)}
.px .pt{padding-left:68px;border-bottom:1px solid var(--g100);padding-top:8px;padding-bottom:8px}
.x3m{animation:x3m 12s infinite}
@keyframes x3m{0%,9%{background:#fff;border-color:var(--g400)}11%,26%{background:var(--b50);border-color:var(--b600);box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 9px var(--b600)}27%,94%{background:var(--b600);border-color:var(--b600);box-shadow:none}97%,100%{background:#fff;border-color:var(--g400)} }
.pk2__sum{position:relative;display:inline-block;min-width:190px;height:1.4em}
.pk2__sum span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0}
.xp{min-width:120px}
.pdfs{position:relative;padding:24px 40px 20px 30px;min-height:560px}
.pdfs img{display:block;width:100%;height:auto}
.pdfs__cover,.pdfs__toc{position:absolute;width:74%!important;border:1px solid var(--g200);box-shadow:0 20px 40px -24px rgba(18,45,73,.35);background:#fff}
.pdfs__cover{left:0;top:6px;transform:rotate(-5deg)}
.pdfs__toc{right:0;top:0;transform:rotate(4deg)}
.pdfs__front{position:relative;display:block;width:82%;margin:30px auto 0;border:1px solid var(--g200);box-shadow:0 40px 70px -30px rgba(18,45,73,.5);background:#fff;transition:transform .25s}
.pdfs__front:hover{transform:translateY(-4px)}
.pdfs__cap{font-size:13.5px;color:var(--g500);text-align:center;margin:14px 0 0}
@media (max-width: 1023px){
.split--sh,.px{grid-template-columns:minmax(0,1fr);gap:36px}
}
@media (max-width: 760px){
.shp{padding:18px}
.pdfs{padding:10px 18px 10px;min-height:0}
.pdfs__front{width:88%;margin-top:18px}
.pk2__sum{min-width:0;flex:1}
.px .pt{padding-left:56px}
}
/* ---- Ask simulation (comment b9f21637) ---- */
.asim{position:relative;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);display:flex;flex-direction:column;height:560px;color:var(--g900)}
.asim__thread{flex:1;padding:20px 22px 10px;overflow:hidden;display:flex;flex-direction:column}
.asim__q{align-self:flex-end;max-width:80%;background:var(--b600);color:#fff;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:14.5px;line-height:1.4}
.asim__work{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--g500);margin-top:12px}
.asim__spin{width:13px;height:13px;border-radius:50%;border:2px solid var(--g200);border-top-color:var(--b600);animation:aspin .8s linear infinite}
@keyframes aspin{to{transform:rotate(360deg)} }
.asim__ans{margin-top:-22px}
.asim__quote{border-left:3px solid var(--a400);background:var(--g50);border-radius:0 6px 6px 0;padding:10px 12px;font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-size:15px;line-height:1.45}
.asim__note{font-size:13px;color:var(--g600);margin:10px 0 0;line-height:1.5}
.asim__lbl{font-size:10.5px;font-weight:600;letter-spacing:.07em;color:var(--g500);margin:14px 0 6px}
.asim__row{border:1px solid var(--g200);border-radius:10px;padding:9px 12px;font-size:13.5px;line-height:1.4;margin-top:6px}
.asim__more{font-size:13px;font-weight:600;color:var(--g600);margin-top:12px}
.asim__open{font-size:13.5px;font-weight:600;color:var(--b600);margin-top:8px}
.asim__bar{display:flex;align-items:center;gap:10px;margin:0 16px 16px;border:1px solid var(--g300);border-radius:999px;padding:7px 8px 7px 16px;background:#fff}
.asim__field{position:relative;flex:1;height:22px;font-size:14px;overflow:hidden}
.asim__field>span{position:absolute;left:0;top:1px;white-space:nowrap}
.asim__ph1,.asim__ph2{color:var(--g400)}
.asim__mic{width:32px;height:32px;border-radius:50%;background:var(--b50);color:var(--b600);display:flex;align-items:center;justify-content:center;flex:none}
.asim__mic svg{width:15px;height:15px}
.asim__car{width:1.5px;height:17px;background:var(--b600);top:2px!important}
.fd__src{font-size:12.5px;color:var(--b200);margin:10px 0 0}
@keyframes kas1{0%,29.0%{opacity:0;transform:translateY(8px)}31.5%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .as1{animation:kas1 14s infinite both}
@keyframes kas3{0%,40.0%{opacity:0;transform:translateY(8px)}42.5%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .as3{animation:kas3 14s infinite both}
@keyframes kas4{0%,42.5%{opacity:0;transform:translateY(8px)}45.0%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .as4{animation:kas4 14s infinite both}
@keyframes kas5{0%,45.0%{opacity:0;transform:translateY(8px)}47.5%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .as5{animation:kas5 14s infinite both}
@keyframes kas6{0%,47.0%{opacity:0;transform:translateY(8px)}49.5%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .as6{animation:kas6 14s infinite both}
@keyframes kas7{0%,49.0%{opacity:0;transform:translateY(8px)}51.5%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .as7{animation:kas7 14s infinite both}
@keyframes kas8{0%,51.0%{opacity:0;transform:translateY(8px)}53.5%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .as8{animation:kas8 14s infinite both}
@keyframes kas9{0%,53.5%{opacity:0;transform:translateY(8px)}56.0%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .as9{animation:kas9 14s infinite both}
@keyframes kas2{0%,30%{opacity:0;max-height:0;margin-top:0}32%,39%{opacity:1;max-height:24px;margin-top:12px}41%,100%{opacity:0;max-height:0;margin-top:0} }
.asim .as2{animation:kas2 14s infinite both;overflow:hidden}
.asim__ans{margin-top:14px}
@keyframes kph1{0%,3.5%{opacity:1}4%,96%{opacity:0}97%,100%{opacity:1} }
@keyframes kph2{0%,28.5%{opacity:0}29.5%,95%{opacity:1}96%,100%{opacity:0} }
@keyframes ktyp{0%,4%{clip-path:inset(0 100% 0 0);opacity:1}26%,27.8%{clip-path:inset(0 0 0 0);opacity:1}28%,100%{clip-path:inset(0 0 0 0);opacity:0} }
@keyframes kcar{0%,3.9%{opacity:0;left:0}4%{opacity:1;left:0}26%,27.8%{opacity:1;left:var(--tw)}28%,100%{opacity:0;left:var(--tw)} }
@keyframes kbar{0%,26.5%{box-shadow:none;border-color:var(--g300)}27%,28.5%{box-shadow:0 0 0 3px var(--b200);border-color:var(--b600)}29.5%,100%{box-shadow:none;border-color:var(--g300)} }
.asim .asim__ph1{animation:kph1 14s infinite}
.asim .asim__ph2{opacity:0;animation:kph2 14s infinite}
.asim .asim__typed{animation:ktyp 14s steps(41) infinite}
.asim .asim__car{--tw:290px;animation:kcar 14s steps(41) infinite}
.asim .asim__bar{animation:kbar 14s infinite}
@media (prefers-reduced-motion: reduce){.asim .as1,.asim .as3,.asim .as4,.asim .as5,.asim .as6,.asim .as7,.asim .as8,.asim .as9{opacity:1!important;transform:none!important}.asim .as2,.asim .asim__typed,.asim .asim__car,.asim .asim__ph1{opacity:0!important}.asim .asim__ph2{opacity:1!important} }
@media (max-width: 760px){.asim{height:640px}.asim__thread{padding:16px 14px 8px}.asim__bar{margin:0 10px 12px}.asim__q{font-size:14px}.asim .asim__car{--tw:270px}.asim__field{font-size:13px} }
.fd__askm{display:none!important}

/* ---- laptop frames for desktop views (comment 1f9d08ee) ---- */
.lap{position:relative;width:100%}
.lap__lid{position:relative;background:#141518;border-radius:22px 22px 8px 8px;padding:2.3% 1.8% 3%;box-shadow:inset 0 0 0 1.5px #34363b,0 50px 90px -40px rgba(18,45,73,.55)}
.lap__cam{position:absolute;top:1.05%;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#2a2c31;box-shadow:inset 0 0 0 2px #1d1e22}
.lap__scr{position:relative;border-radius:5px;overflow:hidden;background:#fbfaf9}
.lap__scr>img{display:block;width:100%;height:auto}
.lap__base{position:relative;height:15px;margin:0 -6.5%;background:linear-gradient(180deg,#eceef0 0%,#cfd1d4 45%,#a9abaf 100%);border-radius:2px 2px 18px 18px;box-shadow:0 18px 30px -14px rgba(0,0,0,.35)}
.lap__base span{position:absolute;left:50%;top:0;width:14%;height:6px;margin-left:-7%;background:linear-gradient(#a9abaf,#cdd0d3);border-radius:0 0 10px 10px}
.fd .lap__lid{box-shadow:inset 0 0 0 1.5px #3c3f45,0 50px 90px -30px rgba(0,0,0,.65)}
.lapc{position:relative;aspect-ratio:1280/800;overflow:hidden}
.lapc__in{position:absolute;left:0;top:0;transform-origin:top left}
.hdesk{animation:hdIn 1.2s .4s cubic-bezier(.2,.8,.2,1) both}
.hdesk .lap__base{margin:0 -5%}
.cp__desk .cp__call{top:30.5%;right:4%;left:auto;transform:translateY(-50%)}
/* desktop rail (coded, from the real boards) */
.drail{width:240px;flex:none;display:flex;flex-direction:column;padding:22px 16px 16px;border-right:1px solid var(--g200);background:var(--g25);font-size:15px;color:var(--g900)}
.drail svg{width:18px;height:18px;flex:none}
.drail__wm{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:19px;color:var(--b800);padding:2px 10px 16px}
.drail__wm sup{font-size:8px}
.drail__search{display:flex;align-items:center;gap:10px;height:42px;border:1px solid var(--g300);border-radius:999px;padding:0 14px;color:var(--g500);background:#fff}
.drail__it{display:flex;align-items:center;gap:12px;height:44px;border-radius:9px;padding:0 14px;margin-top:12px;font-weight:600}
.drail__it+.drail__it{margin-top:6px}
.drail__it.on{background:var(--b600);color:#fff}
.drail__sp{flex:1}
.drail__lo{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;color:var(--g600);font-weight:500}
.drail__lo b{margin-left:auto;background:var(--b600);color:#fff;font-size:11px;width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.drail__hr{height:1px;background:var(--g200);margin:8px 4px}
.drail__out{color:var(--clay500)}
.drail__v{font-size:11.5px;color:var(--g500);padding:12px 14px 0}
/* pocket demo, full desktop */
.pk__demo{max-width:1080px}
.pkd{aspect-ratio:1280/800}
.pkd__in{width:1280px;height:800px}
.pkd__sc{position:absolute;inset:0;display:flex;background:var(--g25)}
.pkd__card{margin:16px;border:1px solid var(--g200);border-radius:10px;padding:26px 32px;overflow:hidden}
.pkd .o1{font-size:11px}
.pkd .o2{font-size:30px}
.pkd .o3{font-size:13.5px}
.pkd .pch{font-size:13px;padding:6px 13px}
.pkd .osec .oh{height:36px;font-size:11px}
.pkd .osec .op{height:41px;font-size:15px}
.pkd .pinbar{font-size:13.5px}
.obtns{right:32px;top:26px}
.pbc{animation:pbcK 13s infinite}
@keyframes pbcK{0%,46%{opacity:0}48%,96%{opacity:1;background:var(--a400);border-color:var(--a400);color:#fff}98%,100%{opacity:0} }
.oside{width:400px}
.oside .sg ul{font-size:14px}
.pk__cap{margin-top:22px}
/* Ask at a desk */
.fd__sim{max-width:1120px;margin:48px auto 0}
.fd__lap{margin-top:12px}
.asim--d{height:800px;flex-direction:row;border-radius:0;box-shadow:none;background:var(--g25)}
.askd__main{flex:1;min-width:0;margin:16px 0 16px 16px;background:#fff;border:1px solid var(--g200);border-radius:10px;display:flex;flex-direction:column;overflow:hidden}
.asim--d .asim__thread{padding:26px 36px 10px}
.asim--d .asim__q{font-size:16px;padding:12px 18px;border-radius:12px}
.asim--d .asim__ans{border:1px solid var(--g200);border-radius:12px;padding:18px 22px 20px;margin-top:16px}
.asim--d .asim__quote{font-size:16.5px}
.asim--d .asim__note{font-size:14.5px}
.asim--d .asim__lbl{font-size:12px}
.asim--d .asim__row{font-size:15px;padding:10px 14px}
.asim--d .asim__more,.asim--d .asim__open{font-size:15px}
.asim--d .asim__bar{margin:0 36px 20px;padding:10px 10px 10px 22px}
.asim--d .asim__field{font-size:16px;height:24px}
.asim--d .asim__car{--tw:330px;height:19px}
.asim--d .asim__mic{width:38px;height:38px}
.askd__side{width:350px;flex:none;margin:16px;background:#fff;border:1px solid var(--g200);border-radius:10px;padding:20px 18px;overflow:hidden}
.askd__lbl{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--g500)}
.askd__c{border:1px solid var(--g200);border-radius:10px;padding:11px 14px;font-size:14.5px;line-height:1.4;margin-top:10px}
.askd__c b{display:block;font-size:15.5px;font-weight:600}
.askd__c small{display:block;font-size:12.5px;color:var(--g500);margin-top:3px}
.askd__more{font-size:14.5px;font-weight:600;color:var(--g600);margin-top:14px}
.asim--m{display:none}
/* backups, full desktop */
.bkl{max-width:1060px;margin:48px auto 0}
.bk__m2{display:none}
@media (max-width: 760px){
.pk__lap{display:none}
.fd__lap{display:none}
.asim--m{display:flex;margin-top:12px}
.bkl{display:none}
.bk__m2{display:block;max-width:420px;margin:32px auto 0;border-radius:12px;overflow:hidden;border:1px solid var(--g200);background:#fff}
}
@keyframes kaf1{0%,10.0%{opacity:0;transform:translateY(8px)}11.5%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .af1{animation:kaf1 14s infinite both}
@keyframes kaf2{0%,17.5%{opacity:0;transform:translateY(8px)}19.0%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .af2{animation:kaf2 14s infinite both}
@keyframes kaf3{0%,19.5%{opacity:0;transform:translateY(8px)}21.0%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .af3{animation:kaf3 14s infinite both}
@keyframes kaf4{0%,21.5%{opacity:0;transform:translateY(8px)}23.0%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .af4{animation:kaf4 14s infinite both}
@keyframes kaf5{0%,23.5%{opacity:0;transform:translateY(8px)}25.0%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .af5{animation:kaf5 14s infinite both}
@keyframes kaf6{0%,25.5%{opacity:0;transform:translateY(8px)}27.0%,95.5%{opacity:1;transform:none}98.0%,100%{opacity:0;transform:none} }
.asim .af6{animation:kaf6 14s infinite both}
@media (prefers-reduced-motion: reduce){.asim .af1,.asim .af2,.asim .af3,.asim .af4,.asim .af5,.asim .af6{opacity:1!important;transform:none!important} }
@keyframes kansd{0%,39.5%{opacity:0;transform:translateY(8px)}42%,95.5%{opacity:1;transform:none}98%,100%{opacity:0} }
.asim--d .asim__ans{animation:kansd 14s infinite both}
@media (prefers-reduced-motion: reduce){.asim--d .asim__ans{opacity:1!important;transform:none!important} }
@media (max-width: 760px){.fd__srcd{display:none} }

/* ---- spell check + material list sections ---- */
.phx{position:relative;width:327px;height:654px;margin:0 auto}
.phx .ph--x{position:absolute;left:0;top:0;transform:scale(.86);transform-origin:top left}
.sn{color:var(--g500);margin-right:6px;font-variant-numeric:tabular-nums}
.hb3{margin-left:auto;display:flex;gap:6px}
.hb{position:relative;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:visible}
.hb svg{width:14px;height:14px}
.hb--sh{background:var(--b50);color:var(--b600)}
.hb--sp,.hb--pk{background:var(--a100);color:var(--a500)}
.hb__rip{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--b400);opacity:0}
.hb--sp .hb__rip{animation:hrip2 16s infinite}
.mh__sh{position:relative;background:var(--b50)!important;border-color:var(--b200)!important;color:var(--b600)!important}
.mh__sh .hb__rip{animation:hrip 14s infinite}
@keyframes hrip2{0.0%,21.5%{opacity:0;transform:scale(.6)}22.5%{opacity:1;transform:scale(.8)}25.0%,100.0%{opacity:0;transform:scale(1.4)} }
/* word swap in the card rows */
.sw1,.sw2{display:inline}
.swo,.swn{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-radius:3px}
.swo{max-width:8em}
.swn{max-width:0}
.sw1 .swo{animation:swoA2 16s infinite}.sw1 .swn{animation:swnA2 16s infinite}
.sw2 .swo{animation:swoB2 16s infinite}.sw2 .swn{animation:swnB2 16s infinite}
@keyframes swoA2{0.0%,53.6%{max-width:8em}54.0%,97.5%{max-width:0}98.5%,100.0%{max-width:8em} }
@keyframes swnA2{0.0%,53.6%{max-width:0;background:transparent}54.0%,72.5%{max-width:8em;background:transparent}74.5%,84.0%{max-width:8em;background:var(--a200)}88.0%,97.5%{max-width:8em;background:transparent}98.5%,100.0%{max-width:0} }
@keyframes swoB2{0.0%,63.6%{max-width:8em}64.0%,97.5%{max-width:0}98.5%,100.0%{max-width:8em} }
@keyframes swnB2{0.0%,63.6%{max-width:0;background:transparent}64.0%,72.5%{max-width:8em;background:transparent}74.5%,84.0%{max-width:8em;background:var(--a200)}88.0%,97.5%{max-width:0;max-width:8em;background:transparent}98.5%,100.0%{max-width:0} }
/* the check card (real: One card to check) */
.spw{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(28,27,25,.45);opacity:0;animation:spw2 16s infinite}
@keyframes spw2{0.0%,24.5%{opacity:0}26.5%,70.0%{opacity:1}73.0%,100.0%{opacity:0} }
.spc{width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(28,27,25,.07),0 12px 28px rgba(28,27,25,.08);padding:14px 16px 6px;transform:translateY(14px);animation:spc2 16s infinite}
@keyframes spc2{0.0%,24.5%{transform:translateY(14px)}27.0%,100.0%{transform:none} }
.spc__head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--g200)}
.spc__t{position:relative;flex:1;height:22px;font-family:"Source Serif 4",Georgia,serif;font-size:17px;font-weight:600;color:var(--b800)}
.spc__t span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0}
.st0{animation:st02 16s infinite}.st3{animation:st32 16s infinite}.st2{animation:st22 16s infinite}.st1{animation:st12 16s infinite}.stz{animation:stz2 16s infinite}
@keyframes st02{0.0%,24.0%{opacity:0}25.0%,33.0%{opacity:1}33.5%,100.0%{opacity:0} }
@keyframes st32{0.0%,33.0%{opacity:0}33.5%,45.0%{opacity:1}45.5%,100.0%{opacity:0} }
@keyframes st22{0.0%,45.0%{opacity:0}45.5%,54.8%{opacity:1}55.2%,100.0%{opacity:0} }
@keyframes st12{0.0%,54.8%{opacity:0}55.2%,65.0%{opacity:1}65.5%,100.0%{opacity:0} }
@keyframes stz2{0.0%,65.0%{opacity:0}65.5%,74.5%{opacity:1}75.5%,100.0%{opacity:0} }
.spc__x{width:30px;height:30px;border-radius:999px;border:1px solid var(--g300);display:inline-flex;align-items:center;justify-content:center;color:var(--g600)}
.spc__x svg{width:13px;height:13px}
.spc__note{font-size:13.5px;color:var(--g600);overflow:hidden;max-height:0;opacity:0}
.sn0{animation:sn02 16s infinite}
@keyframes sn02{0.0%,24.5%{max-height:0;opacity:0;padding:0}25.5%,33.0%{max-height:44px;opacity:1;padding:14px 0}33.5%,100.0%{max-height:0;opacity:0;padding:0} }
.snz{animation:snz2 16s infinite}
@keyframes snz2{0.0%,66.0%{max-height:0;opacity:0;padding:0}67.3%,74.5%{max-height:44px;opacity:1;padding:14px 0}75.5%,100.0%{max-height:0;opacity:0;padding:0} }
.spc__it{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid var(--g200);overflow:hidden;max-height:0;opacity:0}
.si1{animation:si12 16s infinite}.si2{animation:si22 16s infinite}.si3{animation:si32 16s infinite}
@keyframes si12{0.0%,33.0%{max-height:0;opacity:0;padding:0;border-bottom-width:0}34.5%,44.0%{max-height:180px;opacity:1;padding:11px 0 4px;border-bottom-width:1px}46.0%,100.0%{max-height:0;opacity:0;padding:0;border-bottom-width:0} }
@keyframes si22{0.0%,33.0%{max-height:0;opacity:0;padding:0;border-bottom-width:0}34.5%,54.0%{max-height:180px;opacity:1;padding:11px 0 4px;border-bottom-width:1px}55.6%,100.0%{max-height:0;opacity:0;padding:0;border-bottom-width:0} }
@keyframes si32{0.0%,33.0%{max-height:0;opacity:0;padding:0;border-bottom-width:0}34.5%,64.0%{max-height:180px;opacity:1;padding:11px 0 4px;border-bottom-width:1px}66.0%,100.0%{max-height:0;opacity:0;padding:0;border-bottom-width:0} }
.spc__sec{font-size:10.5px;font-weight:600;letter-spacing:.07em;color:var(--g500)}
.spc__line{font-size:13.5px;line-height:1.6;color:var(--g600)}
.spc__line b{font-weight:700;color:var(--g900)}
.spc__acts{display:flex;align-items:center;gap:2px;min-height:38px}
.spc__pair{font-size:13.5px;color:var(--g600)}
.spc__pair b{color:var(--g900)}
.spc__gap{flex:1}
.spc__btn{border-radius:8px;padding:9px 10px;font-size:13px;font-weight:600;color:var(--g600);white-space:nowrap}
.spc__btn--go{color:var(--b600)}
.sb1{animation:sb12 16s infinite}.sb2{animation:sb22 16s infinite}.sb3{animation:sb32 16s infinite}
@keyframes sb12{0.0%,41.6%{background:transparent}42.4%,44.0%{background:var(--g100)}45.0%,100.0%{background:transparent} }
@keyframes sb22{0.0%,51.6%{background:transparent}52.4%,54.0%{background:var(--g100)}54.8%,100.0%{background:transparent} }
@keyframes sb32{0.0%,61.5%{background:transparent}62.3%,64.0%{background:var(--g100)}65.0%,100.0%{background:transparent} }
/* material list: the real share sheet */
.mt__stage{position:relative;height:690px;max-width:560px;margin:0 auto;width:100%}
.mt__stage .phx--mt{position:absolute;left:0;top:0;margin:0;z-index:2}
.phx--rx{position:absolute;right:0;top:110px;width:266px;height:532px;margin:0}
.phx--rx .ph--x{transform:scale(.7)}
.rx__lbl{position:absolute;left:0;right:0;bottom:-28px;text-align:center;font-size:13px;color:var(--g500)}
.msw{position:absolute;inset:0;z-index:8;display:flex;align-items:flex-end;justify-content:center;padding:8px 12px 16px;background:rgba(16,15,14,.5);opacity:0;animation:msw 14s infinite}
@keyframes msw{0%,10.5%{opacity:0}12.5%,49%{opacity:1}51%,100%{opacity:0} }
.ms{width:100%;display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(28,27,25,.07),0 12px 28px rgba(28,27,25,.08);padding:16px;transform:translateY(110%);animation:ms 14s infinite}
@keyframes ms{0%,10.5%{transform:translateY(110%)}13.5%,40%{transform:none}43%,100%{transform:translateY(120%)} }
.ms__head{font-size:11px;font-weight:600;letter-spacing:.07em;color:var(--g500)}
.ms__msg{background:var(--b50);border-radius:12px 12px 12px 2px;padding:12px 14px;font-size:13.5px;line-height:1.6;color:var(--g900)}
.ms__add{display:block;white-space:nowrap}
.ms__addt{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;clip-path:inset(0 100% 0 0);animation:msadd 14s steps(38) infinite}
@keyframes msadd{0%,19%{clip-path:inset(0 100% 0 0);max-height:0}19.5%{max-height:30px}34%,96%{clip-path:inset(0 0 0 0);max-height:30px}98%,100%{clip-path:inset(0 100% 0 0);max-height:0} }
.ms__add{animation:msaddl 14s infinite;overflow:hidden}
@keyframes msaddl{0%,18.5%{max-height:0}19.5%,96%{max-height:30px}98%,100%{max-height:0} }
.ms__car{display:inline-block;width:1.5px;height:15px;background:var(--b600);vertical-align:-2px;margin-left:1px;opacity:0;animation:mscar 14s infinite}
@keyframes mscar{0%,19%{opacity:0}19.5%,36%{opacity:1}37%,100%{opacity:0} }
.ms__note{font-size:12px;color:var(--g500);padding:0 2px}
.ms__acts{display:flex;justify-content:flex-end;gap:8px;align-items:center}
.ms__q{font-size:13.5px;font-weight:600;color:var(--g600);padding:9px 12px}
.ms__p{font-size:13.5px;font-weight:600;color:#fff;background:var(--b800);border-radius:999px;padding:9px 18px;animation:msp 14s infinite}
@keyframes msp{0%,38%{transform:none}39%,40.5%{transform:scale(.92);background:var(--b600)}41.5%,100%{transform:none} }
.osh{position:absolute;left:0;right:0;bottom:0;z-index:9;background:#f2f2f4;border-radius:16px 16px 0 0;padding:14px 16px 26px;transform:translateY(110%);animation:osh 14s infinite}
@keyframes osh{0%,41.5%{transform:translateY(110%)}44%,48.5%{transform:none}50.5%,100%{transform:translateY(110%)} }
.osh__t{font-size:13px;font-weight:600;color:#3a3a3c;text-align:center;margin-bottom:12px}
.osh__row{display:flex;justify-content:space-around}
.osh__a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:#3a3a3c}
.osh__a i{width:46px;height:46px;border-radius:12px;background:#d9dadf;display:block}
.osh__a--go i{animation:osha 14s infinite}
@keyframes osha{0%,46.5%{background:#d9dadf;transform:none}47%,48.5%{background:#b8bac2;transform:scale(.92)}49%,100%{background:#d9dadf;transform:none} }
.toast{position:absolute;left:14px;right:14px;bottom:84px;z-index:9;background:var(--g900);color:#fff;font-size:13px;border-radius:10px;padding:11px 14px;opacity:0;transform:translateY(8px);animation:toast 14s infinite}
@keyframes toast{0%,51%{opacity:0;transform:translateY(8px)}53%,68%{opacity:1;transform:none}71%,100%{opacity:0} }
/* the scrub tech's phone: a plain messaging app, no brand */
.rx{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;font-family:-apple-system,"Helvetica Neue",Arial,sans-serif}
.rx__top{display:flex;align-items:center;gap:10px;padding:56px 16px 12px;border-bottom:1px solid #e5e5ea;background:#f7f7f8}
.rx__top b{display:block;font-size:15px;color:#111}
.rx__top small{display:block;font-size:11.5px;color:#8e8e93}
.rx__av{width:36px;height:36px;border-radius:50%;background:var(--g300);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}
.rx__body{flex:1;padding:12px 12px 0;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.rx__ts{text-align:center;font-size:11px;color:#8e8e93;margin:4px 0}
.rx__in{align-self:flex-start;max-width:86%;background:#e9e9eb;color:#111;border-radius:18px 18px 18px 4px;padding:10px 13px;font-size:14px;line-height:1.45;opacity:0;transform:translateY(12px);animation:rxin 14s infinite}
@keyframes rxin{0%,52%{opacity:0;transform:translateY(12px)}54.5%,95%{opacity:1;transform:none}97.5%,100%{opacity:0} }
.rx__out{align-self:flex-end;max-width:80%;background:var(--b600);color:#fff;border-radius:18px 18px 4px 18px;padding:10px 13px;font-size:14px;line-height:1.4;opacity:0;transform:translateY(12px);animation:rxout 14s infinite}
@keyframes rxout{0%,63%{opacity:0;transform:translateY(12px)}65.5%,95%{opacity:1;transform:none}97.5%,100%{opacity:0} }
.rx__ts{animation:rxin 14s infinite}
.rx__bar{margin:10px 12px 26px;border:1px solid #d1d1d6;border-radius:999px;padding:9px 14px;font-size:13px;color:#8e8e93}
@media (prefers-reduced-motion: reduce){
.osh,.toast{display:none}
.rx__in,.rx__out,.rx__ts{opacity:1!important;transform:none!important}
.ms__add{max-height:none!important}
}
#devices{background:transparent;border:0}
.dv__c{background:#fff}
@media (max-width: 1023px){
.split--sp,.split--mt{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width: 760px){
.phx{width:358px;height:600px;max-width:100%;overflow:hidden;border-radius:18px;border:1px solid var(--g200);box-shadow:0 10px 24px -14px rgba(18,45,73,.35);background:#fff}
.phx .ph--x{width:360px;height:740px;padding:0;background:transparent;box-shadow:none;transform:scale(.994)}
.phx .ph--x .ph__island{display:none}
.phx .ph--x .ph__scr{border-radius:0}
.phx .pu__top{padding-top:14px}
.phx .rx__top{padding-top:16px}
.mt__stage{height:auto;display:flex;flex-direction:column;gap:46px;align-items:center}
.mt__stage .phx--mt,.phx--rx{position:relative;left:auto;right:auto;top:auto}
.phx--rx{height:440px}
.phx--rx .ph--x{transform:scale(.994)}
.rx__lbl{bottom:auto;top:calc(100% + 8px)}
.phx .msw,.phx .spw{padding-bottom:70px}
}
.split--mt{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px}
.mt__stage{max-width:620px}
@media (max-width: 1023px){.split--mt{grid-template-columns:minmax(0,1fr)} }
@media (max-width: 760px){
.phx--mt{height:690px}
.phx--mt .msw{padding-bottom:62px}
.phx--mt .osh{bottom:50px;border-radius:16px}
.phx--mt .toast{bottom:70px}
}
/* section header controls: mic, pencil, and share on Material when it has rows (comment 2200a61f) */
.psec__h i+i{margin-left:-2px}
.psec__sh{display:none!important;background:var(--b50)!important;border-color:var(--b200)!important;color:var(--b600)!important}
.psec__sh--on,.psec[data-s="5"]:has(.prow.in) .psec__sh{display:flex!important}

@keyframes hrip{0%,7.5%{opacity:0;transform:scale(.6)}8.5%{opacity:1;transform:scale(.8)}11%,100%{opacity:0;transform:scale(1.4)} }
/* speedy capture: the pencil opens the box, the line is typed fast, Enter files it */
.sp__pen{position:relative;animation:sppen 16s infinite}
@keyframes sppen{0%,2%{background:#fff;color:var(--g600);border-color:var(--g300)}3%,19.5%{background:var(--b600);color:#fff;border-color:var(--b600)}20.5%,100%{background:#fff;color:var(--g600);border-color:var(--g300)} }
.sp__pen .hb__rip{animation:hripP 16s infinite}
@keyframes hripP{0%,1.5%{opacity:0;transform:scale(.6)}2.5%{opacity:1;transform:scale(.8)}5%,100%{opacity:0;transform:scale(1.5)} }
.sp__box{display:flex;align-items:center;gap:4px;margin:6px 10px 8px;border:1.5px solid var(--b600);border-radius:10px;padding:9px 10px;font-size:13.5px;overflow:hidden;max-height:0;opacity:0;animation:spbox 16s infinite}
@keyframes spbox{0%,3%{max-height:0;opacity:0;padding:0 10px;margin:0 10px;border-width:0}4.5%,19.5%{max-height:60px;opacity:1;padding:9px 10px;margin:6px 10px 8px;border-width:1.5px}21%,100%{max-height:0;opacity:0;padding:0 10px;margin:0 10px;border-width:0} }
.sp__typed{display:inline-block;white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0);animation:sptyp 16s steps(30) infinite}
@keyframes sptyp{0%,5%{clip-path:inset(0 100% 0 0)}17%,100%{clip-path:inset(0 0 0 0)} }
.sp__car{display:inline-block;width:1.5px;height:16px;background:var(--b600);animation:blk 1s infinite}
.sp__add{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--b600);border-radius:6px;padding:3px 6px;animation:spadd 16s infinite}
@keyframes spadd{0%,18%{background:transparent}18.5%,19.5%{background:var(--b50)}20%,100%{background:transparent} }
.sp__new{overflow:hidden;max-height:0;padding-top:0!important;padding-bottom:0!important;border-top-width:0!important;animation:spnew 16s infinite}
@keyframes spnew{0%,19.5%{max-height:0;padding-top:0;padding-bottom:0;background:#fff}21%,23%{max-height:60px;padding-top:9px;padding-bottom:9px;background:var(--a100);border-top-width:1px}26%,97%{max-height:60px;padding-top:9px;padding-bottom:9px;background:#fff;border-top-width:1px}98.5%,100%{max-height:0;padding-top:0;padding-bottom:0} }
.sp__new{animation-fill-mode:both}
@keyframes spsave{0%,20%{opacity:1} }
/* reduced motion: show the card with its three typos, a still that still explains */
@media (prefers-reduced-motion: reduce){
.phx--sp .spw{opacity:1!important}
.phx--sp .spc{transform:none!important}
.phx--sp .st3{opacity:1!important}
.phx--sp .st0,.phx--sp .st2,.phx--sp .st1,.phx--sp .stz{opacity:0!important}
.phx--sp .si1,.phx--sp .si2,.phx--sp .si3{max-height:none!important;opacity:1!important;padding:11px 0 4px!important;border-bottom-width:1px!important}
.phx--sp .sp__new{max-height:none!important;padding-top:9px!important;padding-bottom:9px!important;border-top-width:1px!important}
.mt__stage .msw{display:flex!important;opacity:1!important}
.mt__stage .ms{transform:none!important}
.mt__stage .ms__add{max-height:none!important}
.mt__stage .ms__addt{clip-path:none!important}
}
/* ---- day scoreboard numerals (comment b7e20ef2): page text face, smaller sub-counts ---- */
.dz__n,.dz__subs b{font-family:"IBM Plex Sans",ui-sans-serif,-apple-system,"Segoe UI",sans-serif;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums}
.dz__subs b{font-size:36px}
@media (max-width: 1023px){.dz__subs b{font-size:26px} }
/* ---- Ask, in the owner's order: type, answer in the middle, then the technique opens on the right with the tapped line lit (comment 6196963e) ---- */
@keyframes q1{0%,25%{opacity:0;transform:translateY(8px)}27%,95.5%{opacity:1;transform:none}98%,100%{opacity:0;transform:none} }
.asim .as1{animation:q1 16s infinite both}
@keyframes q2{0%,27%{opacity:0;max-height:0;margin-top:0}28.5%,35.5%{opacity:1;max-height:24px;margin-top:12px}37.5%,100%{opacity:0;max-height:0;margin-top:0} }
.asim .as2{animation:q2 16s infinite both;overflow:hidden}
@keyframes q3{0%,37.5%{opacity:0;transform:translateY(8px)}39.5%,95.5%{opacity:1;transform:none}98%,100%{opacity:0;transform:none} }
.asim .as3{animation:q3 16s infinite both}
@keyframes q4{0%,39%{opacity:0;transform:translateY(8px)}41%,95.5%{opacity:1;transform:none}98%,100%{opacity:0;transform:none} }
.asim .as4{animation:q4 16s infinite both}
@keyframes q5{0%,40.5%{opacity:0;transform:translateY(8px)}42.5%,95.5%{opacity:1;transform:none}98%,100%{opacity:0;transform:none} }
.asim .as5{animation:q5 16s infinite both}
@keyframes q6{0%,42%{opacity:0;transform:translateY(8px)}44%,95.5%{opacity:1;transform:none}98%,100%{opacity:0;transform:none} }
.asim .as6{animation:q6 16s infinite both}
@keyframes q7{0%,43.5%{opacity:0;transform:translateY(8px)}45.5%,95.5%{opacity:1;transform:none}98%,100%{opacity:0;transform:none} }
.asim .as7{animation:q7 16s infinite both}
@keyframes q8{0%,45%{opacity:0;transform:translateY(8px)}47%,95.5%{opacity:1;transform:none}98%,100%{opacity:0;transform:none} }
.asim .as8{animation:q8 16s infinite both}
@keyframes q9{0%,46.5%{opacity:0;transform:translateY(8px)}48.5%,95.5%{opacity:1;transform:none}98%,100%{opacity:0;transform:none} }
.asim .as9{animation:q9 16s infinite both}
@keyframes qans{0%,37%{opacity:0;transform:translateY(8px)}39%,95.5%{opacity:1;transform:none}98%,100%{opacity:0;transform:none} }
.asim--d .asim__ans{animation:qans 16s infinite both}
@keyframes qph1{0%,2.5%{opacity:1}3%,96%{opacity:0}97%,100%{opacity:1} }
@keyframes qph2{0%,25.5%{opacity:0}26.5%,95%{opacity:1}96%,100%{opacity:0} }
@keyframes qtyp{0%,3%{clip-path:inset(0 100% 0 0);opacity:1}23%,24.8%{clip-path:inset(0 0 0 0);opacity:1}25%,100%{clip-path:inset(0 0 0 0);opacity:0} }
@keyframes qcar{0%,2.9%{opacity:0;left:0}3%{opacity:1;left:0}23%,24.8%{opacity:1;left:var(--tw)}25%,100%{opacity:0;left:var(--tw)} }
@keyframes qbar{0%,23.5%{box-shadow:none;border-color:var(--g300)}24%,25.5%{box-shadow:0 0 0 3px var(--b200);border-color:var(--b600)}26.5%,100%{box-shadow:none;border-color:var(--g300)} }
.asim .asim__ph1{animation:qph1 16s infinite}
.asim .asim__ph2{animation:qph2 16s infinite}
.asim .asim__typed{animation:qtyp 16s steps(41) infinite}
.asim .asim__car{animation:qcar 16s steps(41) infinite}
.asim .asim__bar{animation:qbar 16s infinite}
@keyframes qtap{0%,54.5%{background:#fff;border-color:var(--g200);transform:none}55.5%{background:var(--b50);border-color:var(--b400);transform:scale(.985)}57%,95.5%{background:var(--b50);border-color:var(--b600);transform:none}98%,100%{background:#fff;border-color:var(--g200);transform:none} }
.asim .asim__row--tap{animation:q5 16s infinite both,qtap 16s infinite both}
.asim--d .askd__main{margin:16px}
.asim--d .asim__thread{width:100%;max-width:792px;align-self:center;box-sizing:border-box}
.asim--d .asim__bar{align-self:center;width:calc(100% - 72px);max-width:720px;margin:0 0 20px;box-sizing:border-box}
.askd__pane{position:relative;flex:none;width:0;margin:16px 0;overflow:hidden;animation:qpane 16s infinite both}
@keyframes qpane{0%,56.5%{width:0;margin-right:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}61%,96.5%{width:460px;margin-right:16px}99%,100%{width:0;margin-right:0} }
.tp{position:absolute;top:0;right:0;bottom:0;width:460px;background:#fff;border:1px solid var(--g200);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}
.tp .tp__head{padding:16px 20px 12px;border-radius:10px 10px 0 0}
.tp .pu__ov{font-size:11px}
.tp .pu__t{font-size:28px}
.tp .pu__save{font-size:12.5px}
.tp .pch{font-size:12.5px;padding:6px 12px}
.tp__body{flex:1;overflow:hidden;padding:2px 14px 14px;background:var(--g25)}
.tp .psec{margin-top:12px}
.tp .psec__h span{font-size:11px}
.tp__r{display:flex;gap:10px;padding:10px 14px;font-size:14.5px;line-height:1.4;color:var(--g900);border-top:1px solid var(--g100)}
.tp .psec__h+.tp__r{border-top:0}
.tp__r b{flex:none;min-width:22px;font-size:12.5px;font-weight:600;color:var(--g500);font-variant-numeric:tabular-nums;padding-top:1px}
.tp__r b:empty{display:none}
.tp__sub .tp__r{padding-left:36px}
@keyframes qlit{0%,61.5%{background:transparent}63.5%,93%{background:var(--a100)}96%,100%{background:transparent} }
.tp__r--lit{animation:qlit 16s infinite both}
.asim--m .askd__pane{position:absolute;inset:0;z-index:5;width:auto;margin:0;overflow:visible;animation:qpanem 16s infinite both}
@keyframes qpanem{0%,56.5%{transform:translateX(104%);animation-timing-function:cubic-bezier(.2,.8,.2,1)}60.5%,96.5%{transform:none}99%,100%{transform:translateX(104%)} }
.asim--m .tp{width:auto;left:0;border:0;border-radius:0}
.asim--m .tp .tp__head{border-radius:0;padding:14px 16px 10px}
.asim--m .tp .pu__t{font-size:24px}
.asim--m .tp .pch{font-size:11.5px;padding:5px 10px}
.asim--m .tp__mat{display:none}
.asim--m .tp__r{font-size:14px;padding:9px 12px}
.asim--m .tp__sub .tp__r{padding-left:30px}
@media (prefers-reduced-motion: reduce){.asim--d .askd__pane{width:460px!important;margin-right:16px!important}.asim--m .askd__pane{display:none}.tp__r--lit{background:var(--a100)!important}.asim .asim__row--tap{border-color:var(--b600)!important;background:var(--b50)!important} }
/* ---- security and compliance ---- */
.scy{background:var(--b800);color:#dfe8f1}
.scy .over{color:var(--b200)}
.scy .h2{color:#fff}
.scy .lede{color:#c9d6e3;margin-left:auto;margin-right:auto}
.scy__badges{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:48px}
.scy__b{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:20px 16px 18px;text-align:center}
.scy__seal{width:64px;height:64px;margin:0 auto;border-radius:50%;border:1.5px solid #9fcbb0;box-shadow:inset 0 0 0 4px var(--b800),inset 0 0 0 5px rgba(159,203,176,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cfe5d7}
.scy__seal svg{width:26px;height:26px}
.scy__seal b{font-size:17px;font-weight:700;letter-spacing:.02em;line-height:1;color:#fff}
.scy__seal--t b{font-size:14px}
.scy__seal small{font-size:8.5px;font-weight:600;letter-spacing:.12em;margin-top:3px;color:#cfe5d7}
.scy__b h4{margin:14px 0 0;font-size:15px;font-weight:600;color:#fff}
.scy__b p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#b3c8dd}
.scy__cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}
.scy__c{background:#fff;color:var(--g900);border-radius:18px;padding:28px 30px}
.scy__h{display:flex;align-items:center;gap:12px}
.scy__h h3{margin:0;font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:24px;line-height:1.2;color:var(--b800)}
.scy__ic{width:40px;height:40px;flex:none;border-radius:12px;background:var(--a100);color:var(--a500);display:flex;align-items:center;justify-content:center}
.scy__ic svg{width:22px;height:22px}
.scy__c ul{list-style:none;margin:18px 0 0;padding:0}
.scy__c li{font-size:15px;line-height:1.55;color:var(--g600);padding:10px 0;border-top:1px solid var(--g100)}
.scy__c li:first-child{border-top:0;padding-top:0}
.scy__c li b{color:var(--g900);font-weight:600}
.scy__c p{font-size:15px;line-height:1.6;color:var(--g600);margin:16px 0 0}
.scy__who{margin-top:18px;background:var(--g50);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.55;color:var(--g600)}
.scy__who b{display:block;color:var(--g900);font-weight:600;margin-bottom:4px}
.scy__legal{max-width:880px;margin:28px auto 0;text-align:center;font-size:12.5px;line-height:1.6;color:#9fb6cd}
@media (max-width: 1023px){.scy__badges{grid-template-columns:repeat(3,minmax(0,1fr))}.scy__cols{grid-template-columns:minmax(0,1fr)} }
@media (max-width: 760px){.scy__badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scy__b{padding:16px 12px}.scy__c{padding:22px 18px}.scy__h h3{font-size:21px}.scy__legal{text-align:left} }
.faq p a{color:var(--b600);font-weight:600;text-decoration:underline;text-underline-offset:2px}
/* ---- table group titles (comment e620e840): a serif title with a short green rule ---- */
.ct__g>span:first-child{position:relative;padding:34px 0 12px;font-family:"Source Serif 4",Georgia,serif;font-size:22px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--b800)}
.ct__g>span:first-child::after{content:"";position:absolute;left:0;bottom:-1px;width:36px;height:3px;border-radius:2px;background:var(--a400)}
.ct__g>span:not(:first-child){padding-top:34px}
.ct__mg{position:relative;font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600;letter-spacing:-.01em;text-transform:none;margin:28px 0 4px;padding-bottom:8px}
.ct__mg::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;border-radius:2px;background:var(--a400)}
/* ---- the three header buttons on every coded technique (comment aba6854b): share, spell check, pocket card ---- */
.pu__save .hb3{gap:6px}
.pu__save .hb{width:28px;height:28px}
.hb--pk{border:1px solid #9fcbb0}
.hb--sh{border:1px solid var(--b200)}
.hb--sp{border:1px solid #9fcbb0}
.ph--story .pu:not(:has(.pu__track.on .prow.in)) .pu__save .hb--sh,.ph--story .pu:not(:has(.pu__track.on .prow.in)) .pu__save .hb--sp{display:none}
.tp .pu__save .hb{width:30px;height:30px}
/* ---- tray badge, as the app draws it (comment 93396dee) ---- */
.pu__ics{gap:14px}
.pu__ics>span,.pu__ics>svg{display:grid;place-items:center}
.pu__tray{display:grid;place-items:center;width:22px;height:22px}
.pu__tray svg{display:block}
.pu__tray b{top:-6px;right:-9px;left:auto;width:auto;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;font-size:9.5px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--g25)}
/* ---- Share: the card travels to a colleague's phone (comment 125d5a4b) — 18s loop ---- */
.s2wrap{max-width:900px;margin:44px auto 0}
.tl--row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1000px;margin:34px auto 0}
.tl--row div{border-top:1px solid var(--g200)}
.s2{position:relative}
.s2--d{width:900px;height:660px}
.s2slot{position:absolute;top:0;width:300px;height:640px}
.s2--d .s2slot--a{left:70px}
.s2--d .s2slot--b{left:530px}
.s2ph{position:absolute;left:0;top:0;transform:scale(.7895);transform-origin:top left}
.s2lbl{position:absolute;left:0;right:0;top:614px;text-align:center;font-size:14px;font-weight:600;color:var(--g500)}
.s2--m{display:none}
.s2scr{background:var(--g25);overflow:hidden}
.s2body{padding:10px 12px 0;flex:1;overflow:hidden}
.s2body .psec{margin-top:9px}
/* sender: share pressed, dialog, typing, send, toast */
.s2rip{position:absolute;border-radius:50%;border:2px solid var(--b400);opacity:0;pointer-events:none}
.s2rip--sh{inset:-7px;animation:s2ripsh 18s infinite}
@keyframes s2ripsh{0%,5%{opacity:0;transform:scale(.6)}6%{opacity:1;transform:scale(1)}9%,100%{opacity:0;transform:scale(1.35)} }
.s2dim{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:0 16px;background:rgba(16,15,14,.45);opacity:0;animation:s2dim 18s infinite}
@keyframes s2dim{0%,8.5%{opacity:0}10%,33.5%{opacity:1}35.5%,100%{opacity:0} }
.s2dlg{width:100%;background:#fff;border-radius:16px;padding:18px;box-shadow:0 18px 40px -16px rgba(0,0,0,.4);transform:translateY(18px) scale(.97);animation:s2dlg 18s infinite}
@keyframes s2dlg{0%,8.5%{transform:translateY(18px) scale(.97)}10.5%,33.5%{transform:none}35.5%,100%{transform:translateY(18px) scale(.97)} }
.s2dlg__h{font-size:11px;font-weight:600;letter-spacing:.07em;color:var(--g500)}
.s2dlg__what{margin-top:10px}
.s2dlg__what b{display:block;font-size:15.5px;font-weight:600;color:var(--b800)}
.s2dlg__what small{display:block;font-size:12.5px;color:var(--g500);margin-top:2px}
.s2dlg__note{font-size:12.5px;line-height:1.5;color:var(--g600);margin:10px 0 12px}
.s2in{position:relative;height:42px;border:1px solid var(--g300);border-radius:10px;font-size:14.5px;animation:s2inf 18s infinite}
@keyframes s2inf{0%,11%{border-color:var(--g300);box-shadow:none}11.5%,27%{border-color:var(--b600);box-shadow:0 0 0 3px var(--b50)}28%,100%{border-color:var(--g300);box-shadow:none} }
.s2in>span{position:absolute;left:12px;top:11px;white-space:nowrap}
.s2in__ph{color:var(--g400);animation:s2ph 18s infinite}
@keyframes s2ph{0%,11.5%{opacity:1}12%,96%{opacity:0}97%,100%{opacity:1} }
.s2in__t{color:var(--g900);clip-path:inset(0 100% 0 0);animation:s2typ 18s steps(18) infinite}
@keyframes s2typ{0%,12%{clip-path:inset(0 100% 0 0)}25%,96%{clip-path:inset(0 0 0 0)}97%,100%{clip-path:inset(0 100% 0 0)} }
.s2in__car{width:1.5px;height:19px;top:11px!important;background:var(--b600);opacity:0;--tw:131px;animation:s2car 18s steps(18) infinite}
@keyframes s2car{0%,11.9%{opacity:0;left:12px}12%{opacity:1;left:12px}25%,27.4%{opacity:1;left:calc(12px + var(--tw))}27.5%,100%{opacity:0;left:calc(12px + var(--tw))} }
.s2dlg__acts,.s2acts{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px}
.s2q{font-size:13.5px;font-weight:600;color:var(--g600);padding:9px 12px}
.s2go,.s2add{display:grid;font-size:13.5px;font-weight:600;color:#fff;background:var(--b800);border-radius:999px;padding:9px 18px}
.s2go>span,.s2add>span{grid-area:1/1;text-align:center}
.s2go{animation:s2gop 18s infinite}
@keyframes s2gop{0%,27.5%{transform:none;background:var(--b800)}28.2%{transform:scale(.93);background:var(--b600)}29%,100%{transform:none;background:var(--b800)} }
.s2go__a{animation:s2la 18s infinite}.s2go__b{opacity:0;animation:s2lb 18s infinite}
@keyframes s2la{0%,28.5%{opacity:1}29%,35%{opacity:0}36%,100%{opacity:1} }
@keyframes s2lb{0%,28.5%{opacity:0}29%,35%{opacity:1}36%,100%{opacity:0} }
.s2toast{position:absolute;left:14px;right:14px;top:62px;z-index:9;background:var(--g900);color:#fff;font-size:13.5px;border-radius:10px;padding:12px 14px;opacity:0;transform:translateY(-8px);animation:s2toast 18s infinite}
@keyframes s2toast{0%,35.5%{opacity:0;transform:translateY(-8px)}37%,58%{opacity:1;transform:none}60%,100%{opacity:0;transform:translateY(-8px)} }
/* the card in flight */
.s2fly{position:absolute;left:0;top:0;z-index:20;pointer-events:none;opacity:0}
.s2fly span{display:block;transform:translate(-50%,-50%);white-space:nowrap;background:#fff;border:1px solid var(--b200);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--b800);box-shadow:0 14px 28px -12px rgba(18,45,73,.45)}
.s2fly--d{animation:s2flyd 18s infinite}
@keyframes s2flyd{0%,34.5%{opacity:0;transform:translate(307px,371px) scale(.7)}36%{opacity:1;transform:translate(307px,360px) scale(1)}39.5%{opacity:1;transform:translate(560px,150px) scale(.85)}42.5%{opacity:1;transform:translate(773px,64px) scale(.25)}43.5%,100%{opacity:0;transform:translate(773px,64px) scale(.2)} }
/* recipient: badge, Import, the card, Add, the technique */
.pu__tray .s2badge{position:absolute;top:-6px;right:-9px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:var(--b600);color:#fff;font-size:9.5px;font-weight:600;line-height:1;box-shadow:0 0 0 2px var(--g25);transform:scale(0);animation:s2badge 18s infinite}
@keyframes s2badge{0%,42.5%{transform:scale(0)}44%{transform:scale(1.35)}45%,49%{transform:scale(1)}50%,100%{transform:scale(0)} }
.s2rip--tray{inset:-8px;animation:s2riptr 18s infinite}
@keyframes s2riptr{0%,47%{opacity:0;transform:scale(.6)}48%{opacity:1;transform:scale(1)}51%,100%{opacity:0;transform:scale(1.4)} }
.s2r1,.s2r2,.s2r3{transform:translateX(102%);box-shadow:-10px 0 24px -12px rgba(0,0,0,.25)}
.s2r1{animation:s2r1 18s infinite}.s2r2{animation:s2r2 18s infinite}.s2r3{animation:s2r3 18s infinite}
@keyframes s2r1{0%,49.5%{transform:translateX(102%)}52%,96.5%{transform:none}99%,100%{transform:translateX(102%)} }
@keyframes s2r2{0%,58.5%{transform:translateX(102%)}61%,96.5%{transform:none}99%,100%{transform:translateX(102%)} }
@keyframes s2r3{0%,71.5%{transform:translateX(102%)}74%,96.5%{transform:none}99%,100%{transform:translateX(102%)} }
.s2imp{padding:12px 18px}
.s2imp__t{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:26px;color:var(--b800);margin:6px 0 18px}
.s2imp__h{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--g500)}
.s2row{position:relative;display:block;background:#fff;border:1px solid var(--g200);border-radius:12px;padding:12px 14px;margin-top:8px;animation:s2row 18s infinite}
@keyframes s2row{0%,56.5%{background:#fff;border-color:var(--g200)}57.5%,59%{background:var(--b50);border-color:var(--b400)}60%,100%{background:#fff;border-color:var(--g200)} }
.s2row b{display:block;font-size:14.5px;font-weight:600;color:var(--b800)}
.s2row small{display:block;font-size:12.5px;color:var(--g500);margin-top:3px}
.s2rip--row{display:none}
.s2back{font-size:13.5px;font-weight:600;color:var(--b600);margin-top:4px}
.s2card{background:#fff;border:1px solid var(--g200);border-radius:14px;padding:16px;margin-top:12px}
.s2card__t{font-size:17px;font-weight:600;color:var(--b800);line-height:1.3}
.s2card__f{font-size:12.5px;color:var(--g500);margin-top:3px}
.s2plan{margin:12px 0 0;padding-left:18px;font-size:13.5px;line-height:1.5;color:var(--g900)}
.s2plan li+li{margin-top:4px}
.s2card__n{font-size:12.5px;line-height:1.5;color:var(--g500);margin-top:10px}
.s2add{animation:s2addp 18s infinite}
@keyframes s2addp{0%,67.5%{transform:none;background:var(--b800)}68.2%{transform:scale(.93);background:var(--b600)}69%,100%{transform:none;background:var(--b800)} }
.s2add__a{animation:s2aa 18s infinite}.s2add__b{opacity:0;animation:s2ab 18s infinite}
@keyframes s2aa{0%,68.5%{opacity:1}69%,73%{opacity:0}74%,100%{opacity:1} }
@keyframes s2ab{0%,68.5%{opacity:0}69%,73%{opacity:1}74%,100%{opacity:0} }
.s2from{font-size:11.5px;color:var(--g500);margin-top:3px}
.s2in3 .prow{animation:s2land 18s infinite}
.s2in3 .psec:nth-child(1) .prow:nth-of-type(2){animation-delay:.12s}
.s2in3 .psec:nth-child(1) .prow:nth-of-type(3){animation-delay:.24s}
.s2in3 .psec:nth-child(2) .prow{animation-delay:.36s}
.s2in3 .psec:nth-child(2) .prow:nth-of-type(2){animation-delay:.48s}
.s2in3 .psec:nth-child(2) .prow:nth-of-type(3){animation-delay:.6s}
@keyframes s2land{0%,74.5%{background:#fff}76%,80%{background:var(--a100)}86%,100%{background:#fff} }
@media (prefers-reduced-motion: reduce){
.s2r3{transform:none!important}
.s2dim,.s2toast,.s2fly{display:none}
.s2in3 .prow{background:#fff!important}
}
/* phones: two phones stacked, no scaling */
@media (max-width: 760px){
.tl--row{grid-template-columns:minmax(0,1fr);gap:0}
.s2d{display:none}
.s2--m{display:block;height:1200px}
.s2--m .s2slot{left:50%;width:266px;height:570px;margin-left:-133px}
.s2--m .s2slot--a{top:0}
.s2--m .s2slot--b{top:610px}
.s2--m .s2ph{transform:scale(.7)}
.s2--m .s2lbl{top:540px}
.s2fly--m{left:50%;animation:s2flym 18s infinite}
@keyframes s2flym{0%,34.5%{opacity:0;transform:translate(77px,329px) scale(.7)}36%{opacity:1;transform:translate(60px,330px) scale(.95)}39.5%{opacity:1;transform:translate(10px,500px) scale(.8)}42.5%{opacity:1;transform:translate(83px,665px) scale(.25)}43.5%,100%{opacity:0;transform:translate(83px,665px) scale(.2)} }
}
.s2ph .ph__scr{isolation:isolate}
.s2scr{z-index:1}.s2r1{z-index:3}.s2r2{z-index:4}.s2r3{z-index:5}
.s2ph--a .s2dim{z-index:8}.s2ph--a .s2toast{z-index:9}
/* ---- Export PDF: press, Preparing, the pages come out (comment 597857a7) — 15s loop ---- */
.px .x1{animation:q2b1 15s infinite}.px .x2{animation:q2b2 15s infinite}.px .x3{animation:q2b3 15s infinite}
@keyframes q2b1{0%,7%{background:#fff;border-color:var(--g400);color:transparent}8.5%,95%{background:var(--b600);border-color:var(--b600);color:#fff}97%,100%{background:#fff;border-color:var(--g400);color:transparent} }
@keyframes q2b2{0%,13%{background:#fff;border-color:var(--g400);color:transparent}14.5%,95%{background:var(--b600);border-color:var(--b600);color:#fff}97%,100%{background:#fff;border-color:var(--g400);color:transparent} }
@keyframes q2b3{0%,19%{background:#fff;border-color:var(--g400);color:transparent}20.5%,95%{background:var(--b600);border-color:var(--b600);color:#fff}97%,100%{background:#fff;border-color:var(--g400);color:transparent} }
.px .x3m{animation:q2m 15s infinite}
@keyframes q2m{0%,7%{background:#fff;border-color:var(--g400);box-shadow:none}8.5%,19%{background:var(--b50);border-color:var(--b600);box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 9px var(--b600)}20.5%,95%{background:var(--b600);border-color:var(--b600);box-shadow:none}97%,100%{background:#fff;border-color:var(--g400);box-shadow:none} }
.px .k0{animation:q2k0 15s infinite}.px .k1{animation:q2k1 15s infinite}.px .k2{animation:q2k2 15s infinite}.px .k3{animation:q2k3 15s infinite}
@keyframes q2k0{0%,7.5%{opacity:1}8%,96.5%{opacity:0}97.5%,100%{opacity:1} }
@keyframes q2k1{0%,7.5%{opacity:0}8%,13.5%{opacity:1}14%,100%{opacity:0} }
@keyframes q2k2{0%,13.5%{opacity:0}14%,19.5%{opacity:1}20%,100%{opacity:0} }
@keyframes q2k3{0%,19.5%{opacity:0}20%,96%{opacity:1}97%,100%{opacity:0} }
.px .xp{display:inline-grid;min-width:150px;animation:q2xp 15s infinite}
@keyframes q2xp{0%,7.5%{background:var(--g200);color:var(--g500);transform:none}8.5%,26.5%{background:var(--b800);color:#fff;transform:none}27.3%{background:var(--b600);color:#fff;transform:scale(.93)}28.5%,43%{background:var(--b600);color:#fff;transform:none}44%,95%{background:var(--b800);color:#fff;transform:none}97%,100%{background:var(--g200);color:var(--g500);transform:none} }
.px .xp>b{position:static;grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;white-space:nowrap;opacity:1}
.px .xp__a{animation:q2xa 15s infinite}
.px .xp__b{opacity:0;animation:q2xbb 15s infinite}
@keyframes q2xa{0%,27.5%{opacity:1}28%,43.5%{opacity:0}44%,100%{opacity:1} }
@keyframes q2xbb{0%,27.5%{opacity:0}28%,43.5%{opacity:1}44%,100%{opacity:0} }
.xp__spin{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:aspin .8s linear infinite}
.pdft{display:flex;justify-content:flex-end;margin-top:12px;height:44px}
.pdft span{background:var(--g900);color:#fff;font-size:13px;border-radius:10px;padding:11px 14px;max-width:100%;opacity:0;transform:translateY(8px);animation:q2toast 15s infinite}
@keyframes q2toast{0%,44%{opacity:0;transform:translateY(8px)}45.5%,88%{opacity:1;transform:none}91%,100%{opacity:0;transform:translateY(8px)} }
/* the pages */
.pdfs__gen{position:absolute;left:50%;top:40px;width:62%;margin-left:-31%;z-index:3;opacity:0;animation:q2gen 15s infinite}
@keyframes q2gen{0%,27.5%{opacity:0;transform:translateY(10px)}29%,43%{opacity:1;transform:none}45%,100%{opacity:0;transform:scale(1.03)} }
.pg{aspect-ratio:1240/1754;background:#fff;border:1px solid var(--g200);box-shadow:0 30px 60px -30px rgba(18,45,73,.45);padding:12% 11%;display:flex;flex-direction:column;gap:5.2%}
.pg i{display:block;height:2.1%;min-height:6px;border-radius:3px;background:var(--g100);transform-origin:left;transform:scaleX(0);animation:q2line 15s infinite}
.pg i.pg__t{height:4.2%;width:62%;background:var(--b200)}
.pg i.pg__s{width:38%;background:var(--a200)}
.pg i:nth-child(2){width:92%;animation-delay:.12s}.pg i:nth-child(3){width:84%;animation-delay:.24s}.pg i:nth-child(4){animation-delay:.36s}
.pg i:nth-child(5){width:96%;animation-delay:.48s}.pg i:nth-child(6){width:88%;animation-delay:.6s}.pg i:nth-child(7){width:70%;animation-delay:.72s}
.pg i:nth-child(8){animation-delay:.84s}.pg i:nth-child(9){width:90%;animation-delay:.96s}.pg i:nth-child(10){width:78%;animation-delay:1.08s}
@keyframes q2line{0%,29%{transform:scaleX(0)}33%,100%{transform:scaleX(1)} }
.px .pdfs__cover{animation:q2cov 15s infinite both}
.px .pdfs__toc{animation:q2toc 15s infinite both}
.px .pdfs__front{animation:q2fr 15s infinite both}
@keyframes q2cov{0%,44%{opacity:0;transform:translate(-40px,30px) rotate(-14deg)}48%,95%{opacity:1;transform:rotate(-5deg)}98%,100%{opacity:0;transform:rotate(-5deg)} }
@keyframes q2toc{0%,46.5%{opacity:0;transform:translate(40px,30px) rotate(12deg)}50.5%,95%{opacity:1;transform:rotate(4deg)}98%,100%{opacity:0;transform:rotate(4deg)} }
@keyframes q2fr{0%,49%{opacity:0;translate:0 40px;scale:.94}54%,95%{opacity:1;translate:0 0;scale:1}98%,100%{opacity:0;translate:0 0;scale:1} }
@media (prefers-reduced-motion: reduce){
.pdfs__gen,.pdft{display:none}
.px .pdfs__cover,.px .pdfs__toc,.px .pdfs__front{opacity:1!important}
}
@media (max-width: 760px){.pdft{justify-content:flex-start;height:auto;min-height:44px}.pdfs__gen{top:14px;width:70%;margin-left:-35%} }
@keyframes q2gen{0%,26%{opacity:.5;transform:none}29%,43%{opacity:1;transform:none}45.5%,96%{opacity:0;transform:scale(1.03)}98.5%,100%{opacity:.5;transform:none} }
/* ---- Compare flow: open the procedure, tick three, compare (comment ec3e0ce6) — 16s loop ---- */
.cpx__scr{position:relative;width:1280px;height:773px;display:flex;background:var(--g25);overflow:hidden;color:var(--g900)}
.cpx__scr .drail{height:773px;box-sizing:border-box}
.cpx__main{position:relative;flex:1;min-width:0}
.cpx__tree,.cpx__card{position:absolute;top:18px;left:24px;width:720px;bottom:0}
.ctree{display:flex;flex-direction:column;gap:12px}
.cg{background:#fff;border:1px solid var(--g200);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(28,27,25,.05)}
.cg__h{display:flex;align-items:baseline;gap:10px;padding:13px 18px;background:var(--g50)}
.cg__n{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--b800)}
.cg__c{flex:1;font-size:12px;color:var(--g500)}
.cg__v{font-size:12px;color:var(--g500)}
.cg__b{border-top:1px solid var(--g200)}
.cg__r{display:flex;align-items:center;gap:10px;padding:12px 18px 12px 36px;border-bottom:1px solid var(--g100)}
.cg__r:last-child{border-bottom:0}
.cg__r b{flex:1;font-size:15px;font-weight:600;color:var(--b800)}
.cg__r span{font-size:12.5px;color:var(--g500)}
.cg__r i{font-style:normal;color:var(--g500);font-size:13px}
.ccard{background:#fff;border:1px solid var(--g200);border-bottom:0;border-radius:12px 12px 0 0;height:100%;overflow:hidden}
.ccard__h{padding:22px 26px 14px}
.ccard__h .pu__ov{font-size:12px}
.ccard__t{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:32px;color:var(--b800);line-height:1.15;margin-top:4px;padding-bottom:14px;border-bottom:1px solid var(--g200)}
.ccard__save{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--g600)}
.ccard__save .hb{width:34px;height:34px}
.ccard__save .hb svg{width:16px;height:16px}
.cchips{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.cch,.cch__new{display:inline-flex;align-items:center;font-size:13.5px;padding:7px 14px}
.cch__new{border-style:dashed;color:var(--b600)}
.cch__dd{font-style:normal;margin-left:7px;font-size:11px;opacity:.85}
.ctk{display:inline-grid;place-items:center;width:15px;height:15px;margin-right:0;max-width:0;overflow:hidden;opacity:0;border-radius:50%;border:1.5px solid var(--g300);background:#fff;color:transparent;box-sizing:border-box;font-style:normal}
.ctk svg{width:9px;height:9px}
.cglyph{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--g300);background:#fff;color:var(--g600);display:grid;place-items:center;flex:none}
.cglyph svg{width:15px;height:15px}
.cgn{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:999px;border:1.5px solid #fff;background:var(--b600);color:#fff;font-size:10px;font-weight:700;line-height:14px;text-align:center;opacity:0}
.chint{font-size:13px;color:var(--g500);height:0;overflow:hidden;opacity:0}
.ccard__b{padding:4px 26px 0;background:var(--g25);height:100%;border-top:1px solid var(--g100)}
.ccard__b .psec{margin-top:12px}
.ccard__b .psec__h span{font-size:11.5px}
.ccard__b .prow{font-size:14.5px;padding:10px 14px}
.cnum{display:inline-block;min-width:20px;font-size:12.5px;font-weight:600;color:var(--g500)}
.cpx__cmp{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5}
.cpx .cp__call{z-index:6;opacity:0}
.ccur{position:absolute;left:0;top:0;z-index:9;width:26px;height:26px;pointer-events:none}
.ccur svg{width:26px;height:26px;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.ccur__clk{position:absolute;left:-10px;top:-10px;width:26px;height:26px;border-radius:50%;border:2px solid var(--b400);opacity:0}
/* phone flow */
.ph--cmp .pu{position:absolute;inset:0}
.cpm{position:absolute;left:0;right:0;top:80px;bottom:0;background:var(--g25);overflow:hidden}
.cpm0{padding:6px 12px 0}
.cpm0 .ctree{gap:10px}
.cpm0 .cg__h{padding:11px 14px}
.cpm0 .cg__n,.cpm0 .cg__c{font-size:11px}
.cpm0 .cg__r{padding:11px 14px 11px 26px}
.cpm0 .cg__r b{font-size:14px}
.cpm0 .cg__r span{font-size:11px}
.cpm1__h{padding:4px 18px 10px}
.cpm1 .cchips{margin-top:9px;gap:6px}
.cpm1 .cch,.cpm1 .cch__new{font-size:11.5px;padding:6px 10px}
.cpm1 .cglyph{width:28px;height:28px}
.cpm1 .cglyph svg{width:13px;height:13px}
.cpm1 .chint{font-size:11.5px}
.cpm1__b{padding:2px 12px 0}
.cpm1__b .psec{margin-top:9px}
.cpm2 .mc{padding-bottom:20px}
.cpx__tree,.cpm0{animation:cqtree 16s infinite both}
@keyframes cqtree{0%,12%{opacity:1;transform:none}14.5%,97%{opacity:0;transform:translateY(-6px)}99%,100%{opacity:1;transform:none} }
.cpx__card{animation:cqcard 16s infinite both}
@keyframes cqcard{0%,12.5%{opacity:0;transform:translateY(14px)}15.5%,96.5%{opacity:1;transform:none}98.5%,100%{opacity:0;transform:translateY(14px)} }
.cpm1{animation:cqm1 16s infinite both}
@keyframes cqm1{0%,12.5%{transform:translateX(102%)}15.5%,96.5%{transform:none}99%,100%{transform:translateX(102%)} }
.cpm2{animation:cqm2 16s infinite both}
@keyframes cqm2{0%,49.5%{transform:translateX(102%)}53%,96.5%{transform:none}99%,100%{transform:translateX(102%)} }
.cg__r--go{animation:cqrow 16s infinite}
@keyframes cqrow{0%,10%{background:#fff}10.6%,13%{background:var(--b50)}15%,100%{background:#fff} }
.ctk{animation:cqtk 16s infinite both}
@keyframes cqtk{0%,22.5%{max-width:0;margin-right:0;opacity:0}23.5%,96.5%{max-width:15px;margin-right:6px;opacity:1}98%,100%{max-width:0;margin-right:0;opacity:0} }
.ctk1{animation:cqtk 16s infinite both,cqon1 16s infinite both}
.ctk2{animation:cqtk 16s infinite both,cqon2 16s infinite both}
.ctk3{animation:cqtk 16s infinite both,cqon3 16s infinite both}
@keyframes cqon1{0%,29.8%{color:transparent;border-color:var(--g300)}30.2%,96.5%{color:var(--b600);border-color:var(--b600)}98%,100%{color:transparent;border-color:var(--g300)} }
@keyframes cqon2{0%,35.8%{color:transparent;border-color:var(--g300)}36.2%,96.5%{color:var(--b600);border-color:var(--b600)}98%,100%{color:transparent;border-color:var(--g300)} }
@keyframes cqon3{0%,41.8%{color:transparent;border-color:var(--g300)}42.2%,96.5%{color:var(--b600);border-color:var(--b600)}98%,100%{color:transparent;border-color:var(--g300)} }
.cch2{animation:cqp2 16s infinite both}.cch3{animation:cqp3 16s infinite both}
@keyframes cqp2{0%,35.8%{border-color:var(--g300)}36.2%,96.5%{border-color:var(--b600);box-shadow:inset 0 0 0 1px var(--b600)}98%,100%{border-color:var(--g300);box-shadow:none} }
@keyframes cqp3{0%,41.8%{border-color:var(--g300)}42.2%,96.5%{border-color:var(--b600);box-shadow:inset 0 0 0 1px var(--b600)}98%,100%{border-color:var(--g300);box-shadow:none} }
.cch__dd{display:inline-block;overflow:hidden;max-width:14px;animation:cqdd 16s infinite both}
@keyframes cqdd{0%,22.5%{max-width:14px;margin-left:7px;opacity:.85}23.5%,96.5%{max-width:0;margin-left:0;opacity:0}98%,100%{max-width:14px;margin-left:7px;opacity:.85} }
.cglyph{animation:cqgl 16s infinite both}
@keyframes cqgl{0%,22.5%{border-color:var(--g300);color:var(--g600);background:#fff;transform:none}22.8%{transform:scale(.9)}23.5%,35.8%{border-color:var(--b600);color:var(--b600);background:#fff;transform:none}36.2%,48.5%{border-color:var(--b600);color:#fff;background:var(--b600);transform:none}49%{transform:scale(.9);background:var(--b700)}50%,96.5%{border-color:var(--b600);color:#fff;background:var(--b600);transform:none}98%,100%{border-color:var(--g300);color:var(--g600);background:#fff} }
.cgn1{animation:cqn1 16s infinite both}.cgn2{animation:cqn2 16s infinite both}.cgn3{animation:cqn3 16s infinite both}
@keyframes cqn1{0%,29.8%{opacity:0;transform:scale(.4)}30.5%,35.8%{opacity:1;transform:none}36%,100%{opacity:0} }
@keyframes cqn2{0%,35.8%{opacity:0}36%,41.8%{opacity:1}42%,100%{opacity:0} }
@keyframes cqn3{0%,41.8%{opacity:0}42%,96.5%{opacity:1}98%,100%{opacity:0} }
.chint{animation:cqhint 16s infinite both}
@keyframes cqhint{0%,22.5%{height:0;opacity:0;margin-top:0}23.5%,35.5%{height:20px;opacity:1;margin-top:8px}36.5%,100%{height:0;opacity:0;margin-top:0} }
.cpx__cmp{animation:cqcmp 16s infinite both}
@keyframes cqcmp{0%,49.5%{opacity:0;transform:scale(1.015)}53.5%,96%{opacity:1;transform:none}98.5%,100%{opacity:0;transform:scale(1.015)} }
.cpx .cp__call{animation:cqcall 16s infinite both}
@keyframes cqcall{0%,57%{opacity:0;transform:translateY(-50%) translateX(8px)}59%,95%{opacity:1;transform:translateY(-50%)}97%,100%{opacity:0;transform:translateY(-50%)} }
@media (prefers-reduced-motion: reduce){
.cpx__cmp,.cpx .cp__call{opacity:1!important}
.ccur{display:none}
.cpm2{transform:none!important}
}
.ccur{animation:cqcur 16s infinite both}
@keyframes cqcur{0%,3%{opacity:1;transform:translate(695px,417px)}9%,12%{transform:translate(619px,86px)}21%,23.5%{transform:translate(889px,189px)}28.5%,31%{transform:translate(352px,189px)}34.5%,37%{transform:translate(515px,189px)}40.5%,43%{transform:translate(687px,189px)}47.5%,50%{opacity:1;transform:translate(930px,189px)}52.5%,97%{opacity:0;transform:translate(930px,189px)}99%,100%{opacity:1;transform:translate(695px,417px)} }
.ccur__clk{animation:cqclk 16s infinite}
@keyframes cqclk{0%,10.2%{opacity:0;transform:scale(.4)}10.6%{opacity:1;transform:scale(.6)}12%{opacity:0;transform:scale(1.4)}22.3%{opacity:0;transform:scale(.4)}22.7%{opacity:1;transform:scale(.6)}24%{opacity:0;transform:scale(1.4)}29.7%{opacity:0;transform:scale(.4)}30.1%{opacity:1;transform:scale(.6)}31.4%{opacity:0;transform:scale(1.4)}35.7%{opacity:0;transform:scale(.4)}36.1%{opacity:1;transform:scale(.6)}37.4%{opacity:0;transform:scale(1.4)}41.7%{opacity:0;transform:scale(.4)}42.1%{opacity:1;transform:scale(.6)}43.4%{opacity:0;transform:scale(1.4)}48.7%{opacity:0;transform:scale(.4)}49.1%{opacity:1;transform:scale(.6)}50.4%,100%{opacity:0;transform:scale(1.4)} }
/* ---- Saving and backups (comment 2ada97b8) — 16s loops ---- */
.sv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1060px;margin:48px auto 0}
.sv__c{background:var(--g25);border:1px solid var(--g200);border-radius:20px;padding:26px 26px 22px;display:flex;flex-direction:column}
.sv__h{display:flex;gap:14px;align-items:flex-start}
.sv__n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--b800);color:#fff;font-weight:600;font-size:15px;display:grid;place-items:center}
.sv__h h3{margin:2px 0 0;font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:23px;color:var(--b800)}
.sv__h p{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--g600)}
.sv__stage{position:relative;margin-top:26px;padding-top:14px}
.sv__ph{position:relative;width:300px;height:600px;margin:0 auto}
.svph{position:absolute;left:0;top:0;transform:scale(.7895);transform-origin:top left}
.svbody{padding:10px 12px 0;flex:1;overflow:hidden}
.svbody .psec{margin-top:9px}
.svms{position:relative;display:inline-grid;align-items:center}
.svm{grid-area:1/1;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;opacity:0}
.svm svg{width:13px;height:13px;flex:none}
.svm--busy,.svm--held{color:var(--g500)}
.svm--held svg{color:var(--g500)}
.svm__spin{animation:aspin 1s linear infinite}
.svm1{animation:sv1 16s infinite both}.svm2{animation:sv2 16s infinite both}.svm3{animation:sv3 16s infinite both}.svm4{animation:sv4 16s infinite both}
.svm5{animation:sv5 16s infinite both}.svm6{animation:sv6 16s infinite both}.svm7{animation:sv7 16s infinite both}.svm8{animation:sv8 16s infinite both}
@keyframes sv1{0%,8.4%{opacity:1}8.5%,97.4%{opacity:0}97.5%,100%{opacity:1} }
@keyframes sv2{0%,8.4%{opacity:0}8.5%,13.9%{opacity:1}14%,100%{opacity:0} }
@keyframes sv3{0%,13.9%{opacity:0}14%,36.9%{opacity:1}37%,100%{opacity:0} }
@keyframes sv4{0%,36.9%{opacity:0}37%,41.9%{opacity:1}42%,100%{opacity:0} }
@keyframes sv5{0%,41.9%{opacity:0}42%,61.9%{opacity:1}62%,100%{opacity:0} }
@keyframes sv6{0%,61.9%{opacity:0}62%,78.9%{opacity:1}79%,100%{opacity:0} }
@keyframes sv7{0%,78.9%{opacity:0}79%,83.9%{opacity:1}84%,100%{opacity:0} }
@keyframes sv8{0%,83.9%{opacity:0}84%,97.4%{opacity:1}97.5%,100%{opacity:0} }
.svnew{overflow:hidden}
.svnew1{animation:svn1 16s infinite both}
.svnew3{animation:svn3 16s infinite both}
@keyframes svn1{0%,7%{max-height:0;padding-top:0;padding-bottom:0;opacity:0;background:#fff}8.5%{max-height:80px;padding-top:9px;padding-bottom:9px;opacity:1;background:var(--a100)}13%,96.5%{max-height:80px;padding-top:9px;padding-bottom:9px;opacity:1;background:#fff}98%,100%{max-height:0;padding-top:0;padding-bottom:0;opacity:0;background:#fff} }
@keyframes svn3{0%,60%{max-height:0;padding-top:0;padding-bottom:0;opacity:0;background:#fff}61.5%{max-height:80px;padding-top:9px;padding-bottom:9px;opacity:1;background:var(--a100)}67%,96.5%{max-height:80px;padding-top:9px;padding-bottom:9px;opacity:1;background:#fff}98%,100%{max-height:0;padding-top:0;padding-bottom:0;opacity:0;background:#fff} }
.svedit{display:grid;animation:sved 16s infinite both}
.svedit>span{grid-area:1/1}
.sve1{animation:sve1 16s infinite both}.sve2{animation:sve2 16s infinite both}
@keyframes sved{0%,35.5%{background:#fff}36.5%,40%{background:var(--a100)}45%,100%{background:#fff} }
@keyframes sve1{0%,35.9%{opacity:1}36%,97.4%{opacity:0}97.5%,100%{opacity:1} }
@keyframes sve2{0%,35.9%{opacity:0}36%,97.4%{opacity:1}97.5%,100%{opacity:0} }
.sv__net{position:absolute;top:0;left:50%;z-index:3;transform:translate(-50%,-50%);font-size:12.5px;font-weight:600;color:#fff;border-radius:999px;padding:6px 14px;white-space:nowrap;opacity:0}
.sv__net--off{background:var(--g900);animation:svoff 16s infinite both}
.sv__net--on{background:var(--a500);animation:svon 16s infinite both}
@keyframes svoff{0%,57%{opacity:0}58.5%,78.5%{opacity:1}79.5%,100%{opacity:0} }
@keyframes svon{0%,78.5%{opacity:0}79.5%,87%{opacity:1}89%,100%{opacity:0} }
/* the backups list */
.bks{padding:10px 16px 0}
.bks__t{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:24px;color:var(--b800);margin-top:6px}
.bks__n{font-size:13px;line-height:1.5;color:var(--g600);margin-top:8px}
.bks__l{list-style:none;margin:14px 0 0;padding:0;background:#fff;border:1px solid var(--g200);border-radius:12px;overflow:hidden}
.bkr{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid var(--g100);font-size:14px;color:var(--b600);font-weight:500}
.bkr small{font-size:12px;color:var(--g500);font-weight:400}
.bkr--new{overflow:hidden}
.bkr1{animation:bk1 16s infinite both}.bkr2{animation:bk2 16s infinite both}.bkr3{animation:bk3 16s infinite both}
@keyframes bk1{0%,14%{max-height:0;padding-top:0;padding-bottom:0;opacity:0;background:#fff}16%{max-height:60px;padding-top:11px;padding-bottom:11px;opacity:1;background:var(--a100)}22%,96.5%{max-height:60px;padding-top:11px;padding-bottom:11px;opacity:1;background:#fff}98%,100%{max-height:0;padding-top:0;padding-bottom:0;opacity:0} }
@keyframes bk2{0%,44%{max-height:0;padding-top:0;padding-bottom:0;opacity:0;background:#fff}46%{max-height:60px;padding-top:11px;padding-bottom:11px;opacity:1;background:var(--a100)}52%,96.5%{max-height:60px;padding-top:11px;padding-bottom:11px;opacity:1;background:#fff}98%,100%{max-height:0;padding-top:0;padding-bottom:0;opacity:0} }
@keyframes bk3{0%,74%{max-height:0;padding-top:0;padding-bottom:0;opacity:0;background:#fff}76%{max-height:60px;padding-top:11px;padding-bottom:11px;opacity:1;background:var(--a100)}82%,96.5%{max-height:60px;padding-top:11px;padding-bottom:11px;opacity:1;background:#fff}98%,100%{max-height:0;padding-top:0;padding-bottom:0;opacity:0} }
.sv__days{display:flex;justify-content:center;gap:10px;margin-top:14px}
.svd{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--g500);border:1px solid var(--g200);border-radius:999px;padding:6px 12px;background:#fff}
.svd b{font-weight:500;font-variant-numeric:tabular-nums}
.svd1{animation:sd1 16s infinite both}.svd2{animation:sd2 16s infinite both}.svd3{animation:sd3 16s infinite both}
@keyframes sd1{0%,11%{background:#fff;border-color:var(--g200);color:var(--g500)}13%,96.5%{background:var(--a100);border-color:#9fcbb0;color:var(--a500)}98%,100%{background:#fff;border-color:var(--g200);color:var(--g500)} }
@keyframes sd2{0%,41%{background:#fff;border-color:var(--g200);color:var(--g500)}43%,96.5%{background:var(--a100);border-color:#9fcbb0;color:var(--a500)}98%,100%{background:#fff;border-color:var(--g200);color:var(--g500)} }
@keyframes sd3{0%,71%{background:#fff;border-color:var(--g200);color:var(--g500)}73%,96.5%{background:var(--a100);border-color:#9fcbb0;color:var(--a500)}98%,100%{background:#fff;border-color:var(--g200);color:var(--g500)} }
.sv__more{max-width:1060px;margin:56px auto 0}
.sv__mh{text-align:center;font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:26px;color:var(--b800);margin:0}
.sv__more .bkl{margin-top:24px}
@media (prefers-reduced-motion: reduce){.sv__net{display:none}.svm8{opacity:1!important}.svnew,.bkr--new{max-height:none!important;opacity:1!important} }
@media (max-width: 1023px){.sv{grid-template-columns:minmax(0,1fr);max-width:560px} }
@media (max-width: 760px){.sv__c{padding:20px 14px 18px}.sv__h h3{font-size:20px}.sv__more{margin-top:36px}.sv__mh{font-size:22px} }
/* ---- Pocket card on the phone, at every width (comment 9779bd5a) — 12s loop ---- */
.pk2{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:center;max-width:900px;margin:48px auto 0}
.pk2__ph{position:relative;width:300px;height:600px}
.pkph{position:absolute;left:0;top:0;transform:scale(.7895);transform-origin:top left}
.pk2__cap{font-size:17px;line-height:1.6;color:var(--g600);margin:0}
.facts--col{grid-template-columns:minmax(0,1fr);gap:0;margin-top:22px}
.facts--col div{padding:14px 0}
.pkban{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 12px 0;background:var(--a100);border:1px solid #b9d9c4;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;color:var(--a500);overflow:hidden;animation:pk3ban 16s infinite both}
.pkban small{font-weight:500;color:var(--a500);opacity:.8;margin-left:6px}
.pkdone{color:var(--b600);font-weight:600;border-radius:6px;padding:2px 6px;animation:pk3done 16s infinite both}
@keyframes pk3ban{0%,30%{opacity:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0;border-width:0}32.5%,59.5%{opacity:1;max-height:60px;margin-top:8px;padding-top:8px;padding-bottom:8px;border-width:1px}62%,100%{opacity:0;max-height:0;margin-top:0;padding-top:0;padding-bottom:0;border-width:0} }
@keyframes pk3done{0%,56.5%{background:transparent}57%,59%{background:var(--b50)}59.5%,100%{background:transparent} }
.pkn{position:relative;display:inline-block;width:9px;height:1em;vertical-align:baseline}
.pkn span{position:absolute;left:0;top:0;opacity:0}
.pkn3{animation:pk3n3 16s infinite both}.pkn4{animation:pk3n4 16s infinite both}.pkn5{animation:pk3n5 16s infinite both}
@keyframes pk3n3{0%,39.5%{opacity:1}40%,97.5%{opacity:0}98%,100%{opacity:1} }
@keyframes pk3n4{0%,39.5%{opacity:0}40%,48.5%{opacity:1}49%,100%{opacity:0} }
@keyframes pk3n5{0%,48.5%{opacity:0}49%,97.5%{opacity:1}98%,100%{opacity:0} }
.pkbody{padding:4px 12px 0;flex:1;overflow:hidden}
.pkbody .psec{margin-top:9px}
.pkr{position:relative;padding-right:40px!important}
.pkr .pbx{position:absolute;right:10px;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:5px;border:1.5px solid var(--g300);background:#fff;color:transparent;display:grid;place-items:center;opacity:0;animation:pk3box 16s infinite both}
@keyframes pk3box{0%,30%{opacity:0}32.5%,59.5%{opacity:1}62%,100%{opacity:0} }
.pkr .pbx svg{width:12px;height:12px}
.pkr .pkon{background:var(--a400);border-color:var(--a400);color:#fff}
.pkr .pkt1{animation:pk3box 16s infinite both,pk3t1 16s infinite both}.pkr .pkt2{animation:pk3box 16s infinite both,pk3t2 16s infinite both}
@keyframes pk3t1{0%,39%{background:#fff;border-color:var(--g300);color:transparent;transform:none}39.6%{transform:scale(.85)}40%,97%{background:var(--a400);border-color:var(--a400);color:#fff;transform:none}98%,100%{background:#fff;border-color:var(--g300);color:transparent} }
@keyframes pk3t2{0%,48%{background:#fff;border-color:var(--g300);color:transparent;transform:none}48.6%{transform:scale(.85)}49%,97%{background:var(--a400);border-color:var(--a400);color:#fff;transform:none}98%,100%{background:#fff;border-color:var(--g300);color:transparent} }
.pkb{position:relative}
.pkb__rip{position:absolute;inset:-7px;border-radius:50%;border:2px solid var(--a400);opacity:0;animation:pk3rip 16s infinite}
@keyframes pk3rip{0%,6%{opacity:0;transform:scale(.6)}6.8%{opacity:1;transform:scale(1)}9.5%{opacity:0;transform:scale(1.4)}9.6%,64.5%{opacity:0;transform:scale(.6)}65.3%{opacity:1;transform:scale(1)}68%,100%{opacity:0;transform:scale(1.4)} }
.pksheet{position:absolute;left:0;right:0;bottom:0;z-index:6;background:#fff;border-top:1px solid var(--g200);border-radius:18px 18px 0 0;box-shadow:0 -20px 40px -10px rgba(0,0,0,.25);transform:translateY(105%);animation:pk2sheet 12s infinite both;padding-bottom:30px}
@keyframes pk2sheet{0%,49.5%{transform:translateY(105%)}57%,94%{transform:none}99%,100%{transform:translateY(105%)} }
.pksheet .sh{display:flex;justify-content:space-between;padding:14px 18px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--b800);border-bottom:1px solid var(--g100)}
.pksheet .sh span+span{letter-spacing:0;font-size:13px;color:var(--b600)}
.pksheet .sg{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;padding:10px 18px;border-top:1px solid var(--g100)}
.pksheet .sh+.sg{border-top:0}
.pksheet .sg span{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--b600);padding-top:3px}
.pksheet .sg ul{margin:0;padding:0 0 0 16px;font-size:14px;line-height:1.55}
.pknew{border-radius:4px;animation:pk3new 16s infinite both}
@keyframes pk3new{0%,69%{background:transparent}71%,82%{background:var(--a100)}88%,100%{background:transparent} }
@media (prefers-reduced-motion: reduce){.pksheet{transform:none!important} }
@media (max-width: 760px){.pk2{grid-template-columns:minmax(0,1fr);gap:24px;justify-items:center}.pk2__txt{width:100%}.pk2__cap{font-size:15.5px} }
/* ---- Dictation on the phone (comment 3d393b1e) ---- */
.dst{position:relative;display:grid;grid-template-columns:minmax(0,380px) 300px;gap:0;justify-content:center;align-items:start;max-width:860px;margin:44px auto 0}
.dst__set{position:relative;z-index:1;margin:70px -40px 0 0;transform:rotate(-2deg);opacity:.92}
.dst__set .dset__card{box-shadow:0 2px 6px rgba(28,27,25,.07),0 30px 50px -24px rgba(18,45,73,.3)}
.dst__cap{font-size:13.5px;color:var(--g500);margin:14px 30px 0 4px;transform:rotate(2deg)}
.dsn{overflow:hidden;white-space:nowrap}
.dst__ph{position:relative;z-index:2;width:300px;height:600px}
.dph{position:absolute;left:0;top:0;transform:scale(.7895);transform-origin:top left}
.dst__ctx{position:absolute;top:-14px;left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap;font-size:12.5px;font-weight:600;color:#fff;background:var(--b800);border-radius:999px;padding:6px 14px}
.tl--4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1060px}
.dbody{padding:8px 12px 0;flex:1;overflow:hidden}
.dsec .psec__h i{position:relative}
.dmc{overflow:hidden}
.dmc b{position:absolute;inset:0;display:grid;place-items:center;font-weight:normal}
.dmc__b{background:var(--clay100);border-radius:50%;box-shadow:inset 0 0 0 1px var(--clay500)}
.dmc__b em{display:block;width:8px;height:8px;border-radius:2px;background:var(--clay500)}
.dfx{color:var(--b600)}
.dhint{font-size:12.5px;line-height:1.45;color:var(--g500);padding:8px 12px 0;overflow:hidden}
.dlist{border-radius:8px}
.drow{position:relative;display:flex!important;gap:8px;align-items:baseline;overflow:visible}
.drow .drn{flex:none;min-width:14px;font-size:12px;font-weight:600;color:var(--g500);font-variant-numeric:tabular-nums;position:relative}
.drn span{position:absolute;left:0;top:0}
.drow .drt{flex:1;min-width:0;position:relative;display:grid}
.drB1,.drB2{grid-area:1/1}
.dseam{position:absolute;left:-6px;top:-11px;z-index:2;width:22px;height:22px;border-radius:50%;border:1px solid var(--g300);background:#fff;color:var(--g500);display:grid;place-items:center;font-style:normal;opacity:0}
.dseam svg{width:12px;height:12px}
.dbx{overflow:hidden}
.dbx__box{position:relative;margin:2px;border:1px solid #22643e;outline:2px solid #22643e;outline-offset:2px;border-radius:14px;min-height:60px;padding:10px 52px 10px 12px;background:#fff;font-size:15px;line-height:1.55;color:var(--g900)}
.dkey{position:absolute;top:8px;right:8px;width:32px;height:32px;border:1px solid var(--g300);border-radius:6px;display:grid;place-items:center;color:var(--b600);background:#fff}
.dkey svg{width:15px;height:15px}
.dl{overflow:hidden}
.dw{display:inline-block;white-space:nowrap}
.dw--f{color:var(--g400);text-decoration:line-through;text-decoration-color:var(--g300)}
.dw--m{color:var(--b600)}
.dk{display:inline-block;overflow:hidden;vertical-align:bottom;color:var(--g900);font-weight:600}
.dcar{display:inline-block;width:2px;height:15px;background:var(--b600);vertical-align:-2px;margin-left:3px}
.dlisten{font-size:12.5px;font-style:italic;color:var(--g500);padding:6px 4px 0}
@media (prefers-reduced-motion: reduce){.dsn{max-width:none!important;opacity:1!important} }
@media (max-width: 1023px){.tl--4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width: 760px){
.dst{grid-template-columns:minmax(0,1fr);justify-items:center;gap:28px}
.dst__ph{order:1}
.dst__set{order:2;margin:0;transform:none;width:100%;max-width:400px}
.dst__cap{transform:none;margin:10px 0 0}
.tl--4{grid-template-columns:minmax(0,1fr)}
}
.dw{white-space:pre}
.dw--f{text-decoration:none}
/* the repairs (fuse) button on every section header, as in the app: blue glyph, unavailable while the section is empty */
.psec__h i.jn{color:var(--b600)}
.psec:not(:has(.prow)) .psec__h i.jn{opacity:.4}
.ph--story .psec:not(:has(.prow.in)) .psec__h i.jn{opacity:.4}
.psec__h i{flex:none}
.dw{overflow:hidden;vertical-align:bottom}
/* pocket card on the phone: a centred card over a dimmed screen, as in the app (comment 9bd7e8b0) */
.pkdim{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:0 16px;background:rgba(16,15,14,.5);opacity:0;animation:pk3dim 16s infinite both}
.pkcards{display:grid;width:100%}
.pkcards>.pksheet{grid-area:1/1;align-self:center}
@keyframes pk3dim{0%,7.5%{opacity:0}10%,27.5%{opacity:1}29.5%,66%{opacity:0}68.5%,94%{opacity:1}97%,100%{opacity:0} }
.pkdim .pksheet{position:relative;left:auto;right:auto;bottom:auto;width:100%;border:0;border-radius:16px;padding-bottom:6px;box-shadow:0 24px 50px -16px rgba(0,0,0,.45);transform:translateY(10px) scale(.94);opacity:0}
.pkdim .pkca{animation:pk3ca 16s infinite both}
.pkdim .pkcb{animation:pk3cb 16s infinite both}
.pkedit{border-radius:6px;padding:1px 6px;margin:-1px -6px;animation:pk3edit 16s infinite both}
@keyframes pk3ca{0%,7.5%{opacity:0;transform:translateY(10px) scale(.94)}10.5%,27.5%{opacity:1;transform:none}29.5%,100%{opacity:0;transform:translateY(10px) scale(.94)} }
@keyframes pk3cb{0%,66%{opacity:0;transform:translateY(10px) scale(.94)}69.5%,94%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(10px) scale(.94)} }
@keyframes pk3edit{0%,25%{background:transparent}25.5%,27.5%{background:var(--b50)}28%,100%{background:transparent} }
@media (prefers-reduced-motion: reduce){.pkdim{opacity:1!important}.pkdim .pksheet{transform:none!important}.pkdim .pkca{opacity:0!important}.pkdim .pkcb{opacity:1!important}.pkban{max-height:0!important;opacity:0!important} }
/* ---- Restore, step by step (comment 0b7defb5) — 16s loop ---- */
.rsx__scr{position:relative;width:1280px;height:798px;display:flex;background:var(--g25);overflow:hidden;color:var(--g900)}
.rsx__scr .drail{height:798px;box-sizing:border-box}
.rsx__main{flex:1;padding:18px 24px}
.rsx__main .ctree{max-width:520px}
.rsx__back{animation:rqback 16s infinite both}
@keyframes rqback{0%,84%{max-height:0;padding-top:0;padding-bottom:0;opacity:0;background:#fff}86%{max-height:60px;padding-top:12px;padding-bottom:12px;opacity:1;background:var(--a100)}93%,96%{max-height:60px;padding-top:12px;padding-bottom:12px;opacity:1;background:#fff}98%,100%{max-height:0;padding-top:0;padding-bottom:0;opacity:0} }
.rsx__back{overflow:hidden}
.rsx__dim{position:absolute;inset:0;background:rgba(16,15,14,.35);z-index:3;animation:rqdim 16s infinite both}
@keyframes rqdim{0%,82%{opacity:1}84.5%,97%{opacity:0}99%,100%{opacity:1} }
.rss{position:absolute;left:180px;top:104px;height:600px;width:320px;z-index:4;display:flex;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);animation:rqsheet 16s infinite both}
@keyframes rqsheet{0%,15%{width:320px;opacity:1;transform:none}19%,82%{width:930px;opacity:1;transform:none}84.5%,97%{width:930px;opacity:0;transform:translateY(10px)}99%,100%{width:320px;opacity:1;transform:none} }
.rsl{flex:none;width:320px;border-right:1px solid var(--g200);display:flex;flex-direction:column}
.rsl__h{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:18px;color:var(--b800);padding:20px 18px 0}
.rsl__h sup{font-size:9px}
.rsl__n{font-size:13px;line-height:1.5;color:var(--g600);padding:8px 18px 14px;border-bottom:1px solid var(--g200)}
.rsl__r{padding:11px 18px;border-bottom:1px solid var(--g200);border-left:3px solid transparent}
.rsl__r b{display:block;font-size:14.5px;font-weight:600;color:var(--g900)}
.rsl__r small{display:block;font-size:12px;color:var(--g500);margin-top:2px}
.rsl__pick{animation:rqpick 16s infinite both}
@keyframes rqpick{0%,13.5%{background:#fff;border-left-color:transparent}14.5%,96%{background:var(--b50);border-left-color:var(--b600)}98%,100%{background:#fff;border-left-color:transparent} }
.rsl__f{margin-top:auto;padding:16px 18px;border-top:1px solid var(--g200);font-size:14px;font-weight:600;color:var(--b600)}
.rsp{flex:none;width:610px;padding:22px 20px;display:flex;flex-direction:column;gap:10px;animation:rqplan 16s infinite both}
@keyframes rqplan{0%,17.5%{opacity:0}20%,96%{opacity:1}98%,100%{opacity:0} }
.rsp__h{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:20px;color:var(--b800)}
.rsp__sum{position:relative;display:grid;font-size:14px;color:var(--g600);margin-bottom:4px}
.rsp__sum>span{grid-area:1/1}
.rsp__sum b{font-weight:500;color:var(--g900)}
.rsum1{animation:rqs1 16s infinite both}.rsum2{opacity:0;animation:rqs2 16s infinite both}
@keyframes rqs1{0%,44%{opacity:1}45%,96%{opacity:0}98%,100%{opacity:1} }
@keyframes rqs2{0%,44%{opacity:0}45%,96%{opacity:1}98%,100%{opacity:0} }
.rsc{display:flex;align-items:center;gap:12px;border:1px solid var(--g200);border-radius:10px;padding:11px 12px 11px 14px;opacity:0}
.rsc1{animation:rqc1 16s infinite both}.rsc2{animation:rqc2 16s infinite both}.rsc3{animation:rqc3 16s infinite both}
@keyframes rqc1{0%,20%{opacity:0;transform:translateY(6px)}22%,96%{opacity:1;transform:none}98%,100%{opacity:0} }
@keyframes rqc2{0%,22%{opacity:0;transform:translateY(6px)}24%,96%{opacity:1;transform:none}98%,100%{opacity:0} }
@keyframes rqc3{0%,24%{opacity:0;transform:translateY(6px)}26%,96%{opacity:1;transform:none}98%,100%{opacity:0} }
.rsc__t{flex:1;min-width:0}
.rsc__t b{display:block;font-size:14.5px;font-weight:600;color:var(--g900)}
.rsc__t small{display:block;font-size:12.5px;color:var(--g500);margin-top:2px}
.seg{flex:none;display:inline-flex;border:1px solid var(--g300);border-radius:8px;overflow:hidden;font-size:13px;font-weight:600}
.seg>span{padding:7px 12px;color:var(--g600);background:#fff}
.seg .seg__n{background:var(--b600);color:#fff}
.rsc3 .seg__o{animation:rqo3 16s infinite both}.rsc3 .seg__n{animation:rqn3 16s infinite both}
@keyframes rqo3{0%,43.5%{background:#fff;color:var(--g600)}44.5%,96%{background:var(--b600);color:#fff}98%,100%{background:#fff;color:var(--g600)} }
@keyframes rqn3{0%,43.5%{background:var(--b600);color:#fff}44.5%,96%{background:#fff;color:var(--g600)}98%,100%{background:var(--b600);color:#fff} }
.rsp__warn{font-size:13px;line-height:1.5;color:var(--g600);opacity:0;animation:rqc3 16s infinite both}
.rsp__busy{position:relative;display:grid;font-size:13px;color:var(--g500);height:20px}
.rsp__busy>span{grid-area:1/1;opacity:0}
.rb1{animation:rqb1 16s infinite both}.rb2{animation:rqb2 16s infinite both}
@keyframes rqb1{0%,69.5%{opacity:0}70%,75.5%{opacity:1}76%,100%{opacity:0} }
@keyframes rqb2{0%,75.5%{opacity:0}76%,82%{opacity:1}83%,100%{opacity:0} }
.rsp__acts{margin-top:auto;display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--g200);padding-top:14px}
.rsq{font-size:14px;font-weight:600;color:var(--g600);padding:9px 14px}
.rsgo{display:grid;font-size:14px;font-weight:600;color:#fff;background:var(--b800);border-radius:999px;padding:10px 22px;animation:rqgo 16s infinite both}
.rsgo>span{grid-area:1/1;text-align:center}
.rsgo__b{opacity:0;animation:rqgb 16s infinite both}.rsgo__a{animation:rqga 16s infinite both}
@keyframes rqgo{0%,68.5%{transform:none;background:var(--b800)}69.2%{transform:scale(.93);background:var(--b600)}70%,100%{transform:none;background:var(--b800)} }
@keyframes rqga{0%,69.5%{opacity:1}70%,96%{opacity:0}98%,100%{opacity:1} }
@keyframes rqgb{0%,69.5%{opacity:0}70%,96%{opacity:1}98%,100%{opacity:0} }
.rsx__toast{position:absolute;right:28px;bottom:28px;z-index:6;max-width:420px;background:var(--g900);color:#fff;font-size:14px;border-radius:10px;padding:12px 16px;opacity:0;transform:translateY(8px);animation:rqtoast 16s infinite both}
@keyframes rqtoast{0%,84%{opacity:0;transform:translateY(8px)}86%,96%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(8px)} }
.rcur{position:absolute;left:0;top:0;z-index:9;width:26px;height:26px;pointer-events:none}
.rcur svg{width:26px;height:26px;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.rcur__clk{position:absolute;left:-10px;top:-10px;width:26px;height:26px;border-radius:50%;border:2px solid var(--b400);opacity:0}
@media (prefers-reduced-motion: reduce){.rcur{display:none}.rss{width:930px!important}.rsp,.rsc,.rsp__warn{opacity:1!important} }
.rcur{animation:rqcur 16s infinite both}
@keyframes rqcur{0%,3%{opacity:1;transform:translate(695px,497px)}11%,15%{transform:translate(335px,415px)}30%{transform:translate(700px,420px)}40%,46%{transform:translate(974px,389px)}64%,70%{opacity:1;transform:translate(1026px,658px)}74%,97%{opacity:0;transform:translate(1026px,658px)}99%,100%{opacity:1;transform:translate(695px,497px)} }
.rcur__clk{animation:rqclk 16s infinite}
@keyframes rqclk{0%,13.2%{opacity:0;transform:scale(.4)}13.6%{opacity:1;transform:scale(.6)}15%{opacity:0;transform:scale(1.4)}43.7%{opacity:0;transform:scale(.4)}44.1%{opacity:1;transform:scale(.6)}45.5%{opacity:0;transform:scale(1.4)}68.8%{opacity:0;transform:scale(.4)}69.2%{opacity:1;transform:scale(.6)}70.6%,100%{opacity:0;transform:scale(1.4)} }
/* dictation: numbers on the first line of their row, settings fully visible (comment f012006e) */
.drow{align-items:flex-start!important}
.drow .drn{display:inline-grid;align-items:start;padding-top:2px;line-height:1.4}
.drow .drn span{position:static;grid-area:1/1}
.dst{grid-template-columns:380px 300px;gap:48px}
.dst__set{margin:40px 0 0;transform:none;opacity:1}
.dst__cap{transform:none;margin:14px 0 0}
.dlist .drow--s{background:#fff}
/* the phone's share sheet with real destinations (comment 64bf9d4c); generic glyphs, not the apps' own icons */
.osh{padding:12px 14px 22px}
.osh__hd{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:14px}
.osh__doc{width:34px;height:34px;border-radius:8px;background:var(--g50);border:1px solid var(--g200);display:grid;place-items:center;color:var(--g600);flex:none}
.osh__doc svg{width:18px;height:18px}
.osh__hd div{flex:1;min-width:0}
.osh__hd b{display:block;font-size:12.5px;font-weight:600;color:#1c1c1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.osh__hd small{display:block;font-size:11px;color:#8e8e93}
.osh__x{width:24px;height:24px;border-radius:50%;background:#e5e5ea;color:#636366;display:grid;place-items:center;font-size:15px;line-height:1}
.osh__row{justify-content:space-between;padding:0 2px}
.osh__a{font-size:10.5px;color:#1c1c1e}
.osh__a i.osi{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#fff;background:#8e8e93}
.osi svg{width:24px;height:24px}
.osi--msg{background:linear-gradient(#5fc96b,#3fae4f)!important}
.osi--wa{background:linear-gradient(#3cc8a8,#1fa385)!important}
.osi--mail{background:linear-gradient(#5aa6f5,#2f7fe0)!important}
.osi--note{background:#fff!important;color:#c8952e!important;box-shadow:inset 0 0 0 1px #e5e5ea}
.osi--more{background:#e5e5ea!important;color:#636366!important}
.osi--more b{font-size:18px;letter-spacing:1px;line-height:1}
.osh__list{margin-top:14px;background:#fff;border-radius:12px}
.osh__list span{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13.5px;color:#1c1c1e}
.osh__list svg{width:18px;height:18px;color:#3a3a3c}
/* ---- Restore through Settings (comment c66c6b9e) — 20s loop, overrides the 16s version ---- */
.rsx__main{position:relative;overflow:hidden}
.rsx__tree{position:absolute;left:24px;top:18px;width:520px;animation:rrtree 20s infinite both}
@keyframes rrtree{0%,9.5%{opacity:1}11%,96%{opacity:0}98%,100%{opacity:1} }
.rset{position:absolute;left:24px;top:0;width:700px;bottom:0;overflow:hidden;opacity:0;animation:rrset 20s infinite both}
@keyframes rrset{0%,9.5%{opacity:0}11.5%,96%{opacity:1}98%,100%{opacity:0} }
.rset__in{padding:20px 0 40px;animation:rrscroll 20s infinite both}
@keyframes rrscroll{0%,13%{transform:none}22%,96%{transform:translateY(var(--rsy,-520px))}98%,100%{transform:none} }
.rset__t{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:30px;color:var(--b800);margin:4px 0 16px}
.rset__g{background:#fff;border:1px solid var(--g200);border-radius:12px;overflow:hidden;margin-bottom:14px}
.rset__gh{background:var(--g50);border-bottom:1px solid var(--g200);padding:11px 16px;font-size:11.5px;font-weight:600;letter-spacing:.08em;color:var(--b800)}
.rset__sub{padding:12px 16px 4px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--g500)}
.rset__r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--g100);font-size:14.5px}
.rset__r:last-child{border-bottom:0}
.rset__r b{font-weight:500;color:var(--g900)}
.rset__r small{font-size:13px;color:var(--g500)}
.rset__r em{font-style:normal;font-size:13px;color:var(--g500);white-space:nowrap}
.rset__link b{color:var(--b600);font-weight:600}
.rset__go{animation:rrgo 20s infinite both}
@keyframes rrgo{0%,26%{background:#fff}26.5%,30%{background:var(--b50)}32%,100%{background:#fff} }
.rsx__setrow{border-radius:8px;animation:rrsetrow 20s infinite both}
@keyframes rrsetrow{0%,9.5%{background:transparent;color:inherit}10%,96%{background:var(--b600);color:#fff}98%,100%{background:transparent;color:inherit} }
.rsx .drail__it.on{animation:rratlas 20s infinite both}
@keyframes rratlas{0%,9.5%{background:var(--b600);color:#fff}10%,96%{background:transparent;color:inherit}98%,100%{background:var(--b600);color:#fff} }
.rsx__dim{animation:rrdim 20s infinite both}
@keyframes rrdim{0%,26.8%{opacity:0}28.5%,79%{opacity:1}81%,100%{opacity:0} }
.rss{animation:rrsheet 20s infinite both}
@keyframes rrsheet{0%,26.8%{width:320px;opacity:0;transform:translateY(10px)}28.5%,35.5%{width:320px;opacity:1;transform:none}39%,79%{width:930px;opacity:1;transform:none}81%,100%{width:930px;opacity:0;transform:translateY(10px)} }
.rsl__pick{animation:rrpick 20s infinite both}
@keyframes rrpick{0%,35.3%{background:#fff;border-left-color:transparent}35.8%,96%{background:var(--b50);border-left-color:var(--b600)}98%,100%{background:#fff;border-left-color:transparent} }
.rsp{animation:rrplan 20s infinite both}
@keyframes rrplan{0%,38%{opacity:0}40.5%,96%{opacity:1}98%,100%{opacity:0} }
.rsc1{animation:rrc1 20s infinite both}.rsc2{animation:rrc2 20s infinite both}.rsc3,.rsp__warn{animation:rrc3 20s infinite both}
@keyframes rrc1{0%,40.5%{opacity:0;transform:translateY(6px)}42%,96%{opacity:1;transform:none}98%,100%{opacity:0} }
@keyframes rrc2{0%,42%{opacity:0;transform:translateY(6px)}43.5%,96%{opacity:1;transform:none}98%,100%{opacity:0} }
@keyframes rrc3{0%,43.5%{opacity:0;transform:translateY(6px)}45%,96%{opacity:1;transform:none}98%,100%{opacity:0} }
.rsum1{animation:rrs1 20s infinite both}.rsum2{animation:rrs2 20s infinite both}
@keyframes rrs1{0%,51.8%{opacity:1}52.3%,96%{opacity:0}98%,100%{opacity:1} }
@keyframes rrs2{0%,51.8%{opacity:0}52.3%,96%{opacity:1}98%,100%{opacity:0} }
.rsc3 .seg__o{animation:rro3 20s infinite both}.rsc3 .seg__n{animation:rrn3 20s infinite both}
@keyframes rro3{0%,51.8%{background:#fff;color:var(--g600)}52.3%,96%{background:var(--b600);color:#fff}98%,100%{background:#fff;color:var(--g600)} }
@keyframes rrn3{0%,51.8%{background:var(--b600);color:#fff}52.3%,96%{background:#fff;color:var(--g600)}98%,100%{background:var(--b600);color:#fff} }
.rsgo{animation:rrgop 20s infinite both}
@keyframes rrgop{0%,64.5%{transform:none;background:var(--b800)}65.2%{transform:scale(.93);background:var(--b600)}66%,100%{transform:none;background:var(--b800)} }
.rsgo__a{animation:rrga 20s infinite both}.rsgo__b{animation:rrgb 20s infinite both}
@keyframes rrga{0%,65.3%{opacity:1}65.8%,96%{opacity:0}98%,100%{opacity:1} }
@keyframes rrgb{0%,65.3%{opacity:0}65.8%,96%{opacity:1}98%,100%{opacity:0} }
.rb1{animation:rrb1 20s infinite both}.rb2{animation:rrb2 20s infinite both}
@keyframes rrb1{0%,65.5%{opacity:0}66%,71.5%{opacity:1}72%,100%{opacity:0} }
@keyframes rrb2{0%,71.5%{opacity:0}72%,78.5%{opacity:1}79%,100%{opacity:0} }
.rsx__toast{animation:rrtoast 20s infinite both}
@keyframes rrtoast{0%,80.5%{opacity:0;transform:translateY(8px)}82%,95%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(8px)} }
.rcur{animation:rrcur 20s infinite both}
@keyframes rrcur{0%,2%{opacity:1;transform:translate(695px,497px)}8%,10%{transform:translate(115px,689px)}14%{transform:translate(400px,560px)}22%,27%{transform:translate(609px,479px)}34%,36.5%{transform:translate(335px,415px)}44%{transform:translate(700px,440px)}50%,53%{transform:translate(974px,389px)}63%,66%{opacity:1;transform:translate(1026px,658px)}69%,97%{opacity:0;transform:translate(1026px,658px)}99%,100%{opacity:1;transform:translate(695px,497px)} }
.rcur__clk{animation:rrclk 20s infinite}
@keyframes rrclk{0%,9.2%{opacity:0;transform:scale(.4)}9.6%{opacity:1;transform:scale(.6)}11%{opacity:0;transform:scale(1.4)}26.2%{opacity:0;transform:scale(.4)}26.6%{opacity:1;transform:scale(.6)}28%{opacity:0;transform:scale(1.4)}35.2%{opacity:0;transform:scale(.4)}35.6%{opacity:1;transform:scale(.6)}37%{opacity:0;transform:scale(1.4)}51.7%{opacity:0;transform:scale(.4)}52.1%{opacity:1;transform:scale(.6)}53.5%{opacity:0;transform:scale(1.4)}64.7%{opacity:0;transform:scale(.4)}65.1%{opacity:1;transform:scale(.6)}66.5%,100%{opacity:0;transform:scale(1.4)} }
.plan .plan__sub{margin-top:14px}

/* accuracy A */
/* numbered Steps rows (bare digit, as in the app) */
.prow.nr:not([data-rb]),.prow.nr.in,.prow.nr.placing{display:flex}
.nr{gap:7px;align-items:flex-start}
.nr>b{flex:none;min-width:14px;font-size:.88em;font-weight:600;color:var(--g500);font-variant-numeric:tabular-nums;line-height:inherit}
.nr>span{flex:1;min-width:0}
/* chip strip: technique chips clip inside their own strip (it scrolls in the app); the compare glyph stays whole beside it */
.pu__chips .chs,.hdx__chips .chs{display:flex;gap:6px;align-items:center;flex:0 1 auto;min-width:0;overflow:hidden}
.chs>.pch{flex:none}
.pu__chips>.pcmp{flex:none}
.pu__chips .chs .cch__new{display:block;font-size:11.5px;padding:6px 11px}
.ph--story .pu__chips .chs .cch__new{font-size:10.5px;padding:5px 8px}
/* hero desk (A2) */
.hdx{text-align:left}
.hdx__scr{position:relative;width:1280px;height:773px;display:flex;background:var(--g25);overflow:hidden;color:var(--g900)}
.hdx__scr .drail{height:773px;box-sizing:border-box}
.hdx__tree{flex:none;width:350px;box-sizing:border-box;padding:18px 0 0 22px;overflow:hidden}
.hdx__card{flex:1;min-width:0;box-sizing:border-box;padding:18px 22px 0;overflow:hidden}
.hdx .ctree{gap:8px}
.hdx .cg__h{padding:10px 14px}
.hdx .cg__r{padding:9px 14px 9px 24px}
.hdx .cg__r b{font-size:14px}
.hdx .cg__r span{font-size:12px}
.hdx .cg__r--go{animation:none;background:var(--b50)}
.hdx .ccard__t{font-size:30px}
.hdx__chips{display:flex;align-items:center;gap:8px;margin-top:12px}
.hdx__chips .chs{gap:8px}
.hdx__chips .pch{font-size:13.5px;padding:7px 14px}
.hdx__chips .chs .cch__new{display:block;font-size:13.5px;padding:7px 14px}
.hdx__gl{width:34px;height:34px;border-radius:50%;border:1px solid var(--g300);background:#fff;color:var(--g600);display:grid;place-items:center;flex:none}
.hdx__gl svg{width:15px;height:15px}
.hdx .ccard__b .prow.nr{display:flex}
.hdx .ccard__b .psec{margin-top:10px}
.hdx .ccard__b .prow{font-size:14px;padding:9px 14px}
.hdx .ccard__b .psec__e{padding:8px 14px}
/* small desktops: the laptop moves right so the phone covers its rail, never the tree's selected row */
@media (min-width:1024px) and (max-width:1279px){.hdesk{max-width:calc(100% - 200px)} }
/* QA: the hero laptop's base kept 5% overhangs and ran past the right edge from 1024 to 1280; narrower below 1280, as B did for the other laptops */
@media (max-width:1280px){.hdesk .lap__base{margin:0 -2.5%} }
/* story (A3, A4): her real DLI reversal note */
.ph--story .psec__e{font-size:11.5px;padding:8px 12px}
.ph--story .psec:has(.prow.in,.prow.placing) .psec__e{display:none}
.nt__in{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ph--story .nt .nl{font-size:13.5px;line-height:1.36;padding:3px 5px;margin-top:2px}
.win--notes{font-family:"IBM Plex Sans",system-ui,sans-serif}
.win--notes .win__body{padding:14px 18px 16px}
.win--notes .win__h{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.09em;text-decoration:none;text-align:left;color:var(--b600);margin-bottom:8px}
.win--notes .win__body p{margin:6px 0 0;font-size:14px;color:var(--g900)}
.win--notes .win__st{font-size:11px}
.bt__list span{white-space:normal;overflow:visible;text-overflow:clip}
.bt__list div{align-items:flex-start}
.bt__list em{flex:none}
.ph--story .imp__ln{white-space:normal;overflow:visible;text-overflow:clip}
/* the pasted note scrolls inside its box, as the app's textarea does; the cap is a whole number of 18 px lines */
.ph--story .imp__lines{max-height:288px;overflow:hidden}
/* spelling (A6): two real typos, Satinski twice; the 24-character Material line is typed first */
.phx--sp .sp__typed{animation:sptyp 16s steps(24) infinite}
.phx--sp .sp__car{position:relative;--tw:151px;animation:blk 1s infinite,xspcar 16s steps(24) infinite}
@keyframes xspcar{0%,5%{transform:translateX(calc(-1 * var(--tw)))}17%,100%{transform:none} }
.phx--sp .spw{animation:xspw 16s infinite}
@keyframes xspw{0%,24.5%{opacity:0}26.5%,64.5%{opacity:1}67.5%,100%{opacity:0} }
.phx--sp .st2{animation:xst2 16s infinite}.phx--sp .st1{animation:xst1 16s infinite}.phx--sp .stz{animation:xstz 16s infinite}
@keyframes xst2{0%,33%{opacity:0}33.5%,45%{opacity:1}45.5%,100%{opacity:0} }
@keyframes xst1{0%,45%{opacity:0}45.5%,54.8%{opacity:1}55.2%,100%{opacity:0} }
@keyframes xstz{0%,54.8%{opacity:0}55.2%,67%{opacity:1}67.5%,100%{opacity:0} }
.phx--sp .snz{animation:xsnz 16s infinite}
@keyframes xsnz{0%,56%{max-height:0;opacity:0;padding:0}57.3%,67%{max-height:44px;opacity:1;padding:14px 0}67.5%,100%{max-height:0;opacity:0;padding:0} }
.phx--sp .sw1 .swo{animation:xswo 16s infinite}.phx--sp .sw1 .swn{animation:xswn 16s infinite}
@keyframes xswo{0%,43.6%{max-width:8em}44%,97.5%{max-width:0}98.5%,100%{max-width:8em} }
@keyframes xswn{0%,43.6%{max-width:0;background:transparent}44%,67%{max-width:8em;background:transparent}69%,80%{max-width:8em;background:var(--a200)}84%,97.5%{max-width:8em;background:transparent}98.5%,100%{max-width:0} }
.phx--sp .pu__t{line-height:1.12}
/* #day (A7): one real Tuesday; one scoreboard, then the time and her own lines along the spine */
.dz--one{max-width:900px;margin-left:auto;margin-right:auto}
.dz--one .dz__score{grid-template-columns:minmax(0,1fr)}
.dz--one .dz__subs{grid-template-columns:repeat(5,minmax(0,1fr))}
.dz--one .dz__pote p+p{margin-top:8px}
.dz--one .dz__pote .dz__ph{font-size:14px;color:var(--g600);font-style:italic}
.dz__clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:761px){
.dz--one .dz__r{grid-template-columns:200px minmax(0,1fr);column-gap:24px;min-height:0;padding:14px 0}
.dz--one .dz__mid{margin:0 auto}
.dz--one .dz__pote{justify-self:stretch;max-width:none}
.dz--one .dz__spine{left:100px;top:230px}
}
@media (prefers-reduced-motion: reduce){.phx--sp .st2{opacity:1!important}.phx--sp .si1,.phx--sp .si2{max-height:none!important;opacity:1!important}.phx--sp .sp__car{transform:none!important} }
/* end accuracy A */
/* accuracy B */
/* B1 rail: no Import number, a small saved mark in the version line */
.drail__v svg{width:11px;height:11px;vertical-align:-1.5px;color:var(--a500)}
/* B2 compare desk: rail | tree (always there) | card | the side-by-side pane, on a 1720 canvas */
.cpx .cpx__scr{width:1720px;height:1039px}
.cpx .cpx__scr .drail{height:1039px}
.cpx .cpx__main{display:flex;align-items:stretch;min-width:0}
.cpx .cpx__tree{position:relative;top:auto;left:auto;bottom:auto;width:360px;flex:none;box-sizing:border-box;padding:18px 16px 0 24px;overflow:hidden;animation:none;opacity:1;transform:none}
.cpx .cpx__card{position:relative;top:auto;left:auto;bottom:auto;width:auto;flex:1 1 0;min-width:0;box-sizing:border-box;padding:18px 20px 0 8px}
.cpx .cpx__pane{flex:none;width:0;overflow:hidden;animation:cqxpane 16s infinite both}
.cpx__pin{width:640px;height:100%;box-sizing:border-box;padding:18px 24px 0 0}
.cpx__sbs{height:100%;background:#fff;border:1px solid var(--g200);border-bottom:0;border-radius:12px 12px 0 0;overflow:hidden}
.cpx__ph{padding:20px 22px 14px;border-bottom:1px solid var(--g200)}
.cpx__pt{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:28px;color:var(--b800);line-height:1.15}
.cpx__ph .mc__cards{margin-top:12px;gap:8px}
.cpx__ph .mc__cards span{font-size:13px;padding:6px 14px}
.cpx__mc.mc{padding:14px 22px 0}
.cpx__mc .mc__hd span{font-size:14px;padding:9px 12px;border-radius:8px}
.cpx__mc .mc__hd small{font-size:12.5px}
.cpx__mc .mc__band{font-size:11.5px;margin:16px 0 8px}
.cpx__mc .mc__row{gap:8px;margin-bottom:8px}
.cpx__mc .mc__row span{font-size:14px;line-height:1.4;padding:9px 12px;min-height:0;border-radius:8px}
.cpx__mc .mc__hd,.cpx__mc .mc__row,.cpm2 .mc__hd,.cpm2 .mc__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cpx__mc .mc__dash{font-size:16px}
.cpx .ccard__b{overflow:hidden}
/* the chip strip never wraps: it scrolls in the app, so only "+ New technique" may meet the edge; the glyph always shows */
.cchips{flex-wrap:nowrap;min-width:0}
.cch__strip{display:flex;align-items:center;gap:inherit;min-width:0;flex:0 1 auto;overflow:hidden}
.cch__strip .pch{flex:none}
.cpx .cg__r--go{animation:cqxrow 16s infinite}
@keyframes cqxrow{0%,10%{background:#fff}10.6%,97%{background:var(--b50)}99%,100%{background:#fff} }
@keyframes cqxpane{0%,43.3%{width:0}47%,96.5%{width:640px}99.5%,100%{width:0} }
.cpx .cp__call{font-size:17px;padding:9px 16px;right:auto;transform:none;animation:cqxcall 16s infinite both}
@keyframes cqxcall{0%,50%{opacity:0;translate:10px 0}52.5%,95%{opacity:1;translate:0 0}97%,100%{opacity:0;translate:0 0} }
/* the 16 s loop, two ticks: open DLI reversal, press compare, tick Garcia then Patel, press compare again */
.cglyph{animation:cqxgl 16s infinite both}
@keyframes cqxgl{0%,22.5%{border-color:var(--g300);color:var(--g600);background:#fff;transform:none}22.8%{transform:scale(.9)}23.5%,35.8%{border-color:var(--b600);color:var(--b600);background:#fff;transform:none}36.2%,42.4%{border-color:var(--b600);color:#fff;background:var(--b600);transform:none}42.8%{transform:scale(.9);background:var(--b700)}43.6%,96.5%{border-color:var(--b600);color:#fff;background:var(--b600);transform:none}98%,100%{border-color:var(--g300);color:var(--g600);background:#fff} }
.cgn2{animation:cqxn2 16s infinite both}
@keyframes cqxn2{0%,35.8%{opacity:0}36%,96.5%{opacity:1}98%,100%{opacity:0} }
.cpm2{animation:cqxm2 16s infinite both}
@keyframes cqxm2{0%,43.3%{transform:translateX(102%)}46.8%,96.5%{transform:none}99%,100%{transform:translateX(102%)} }
.ccur{animation:cqxcur 16s infinite both}
.ccur__clk{animation:cqxclk 16s infinite}
@keyframes cqxclk{0%,10.2%{opacity:0;transform:scale(.4)}10.6%{opacity:1;transform:scale(.6)}12%{opacity:0;transform:scale(1.4)}22.3%{opacity:0;transform:scale(.4)}22.7%{opacity:1;transform:scale(.6)}24%{opacity:0;transform:scale(1.4)}29.7%{opacity:0;transform:scale(.4)}30.1%{opacity:1;transform:scale(.6)}31.4%{opacity:0;transform:scale(1.4)}35.7%{opacity:0;transform:scale(.4)}36.1%{opacity:1;transform:scale(.6)}37.4%{opacity:0;transform:scale(1.4)}42.3%{opacity:0;transform:scale(.4)}42.7%{opacity:1;transform:scale(.6)}44%,100%{opacity:0;transform:scale(1.4)} }
@keyframes cqxcur{0%,3%{opacity:1;transform:translate(760px,620px)}9%,12%{transform:translate(330px,245px)}21%,23.5%{transform:translate(1048px,189px)}28.5%,31%{transform:translate(652px,189px)}34.5%,37%{transform:translate(796px,189px)}41%,43.5%{opacity:1;transform:translate(1070px,189px)}46%,97%{opacity:0;transform:translate(1070px,189px)}99%,100%{opacity:1;transform:translate(760px,620px)} }
.cpx .cp__call{left:870px;top:252px}
/* at 1024+ the phone moves to the laptop's lower left, over the rail's foot, so the side-by-side pane on the right stays in view */
@media (min-width:1024px){
.cp__desk{margin-right:0;margin-left:150px}
.cp__phone{right:auto;left:0}
.ph--cmp{transform-origin:bottom left;right:auto;left:0}
}
/* the 1720 canvas draws smaller: its small labels are set a step larger so they stay legible at 1024 */
.cpx .cg__n,.cpx .cg__c,.cpx .cg__v{font-size:13.5px}
.cpx .cg__r span{font-size:13.5px}
.cpx__mc .mc__band{font-size:13px}
.cpx .drail__v{font-size:13px}
.cpm2 .mc__band{font-size:10px}
.cpm2 .mc__hd small{font-size:10px}
/* below 1280 the three laptops' base no longer hangs past the window's edges */
@media (max-width:1280px){.cp__desk .lap__base,.fd__lap .lap__base,.bkl .lap__base{margin:0 -2.5%} }
/* the phone: Card A and Card B float at the foot, above the tab pill */
.ph--cmp .pu__pill{z-index:4}
.cpm2 .mc{padding-bottom:110px}
.cpm2 .mc__cards{position:absolute;left:0;right:0;bottom:72px;justify-content:center;margin:0;z-index:3}
.cpm2 .mc__cards span{box-shadow:0 4px 10px rgba(28,27,25,.12)}
@media (prefers-reduced-motion: reduce){.cpx .cpx__pane{width:640px!important}.cpx .cp__call{opacity:1!important} }
/* B4 Ask: her labels in the label case, rows clamped to two lines with the arrow outside the clamp */
.asim__lbl{text-transform:uppercase;line-height:1.4}
.asim__row{display:flex;align-items:flex-start;gap:6px}
.asim__rt{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.asim__row>i{flex:none;font-style:normal}
/* the tap navigates: at a desk the tree (Transplant open) and the card replace the thread; the rail keeps Ask lit */
.asim--d .askd__pane{position:absolute;left:240px;top:0;right:0;bottom:0;width:auto;margin:0;padding:16px;box-sizing:border-box;display:flex;gap:16px;background:var(--g25);z-index:4;overflow:hidden;animation:qxnav 16s infinite both}
@keyframes qxnav{0%,56%{opacity:0;transform:translateX(18px)}58.5%,96.5%{opacity:1;transform:none}99%,100%{opacity:0;transform:translateX(18px)} }
.askd__tree{width:360px;flex:none;overflow:hidden}
.asim--d .tp{position:relative;top:auto;right:auto;bottom:auto;width:auto;flex:1;min-width:0}
.asim--m .askd__tree{display:none}
.askd__tree .cg__r--go{animation:none;background:var(--b50)}
.tp .cch__new{border-style:dashed;color:var(--b600)}
/* the body is scrolled so row 7 sits mid-pane: rows 1-6 end at the middle line, row 7 starts there; the Steps header is sticky on top */
.tp__body--mid{position:relative;padding:0}
.tp__up,.tp__dn{position:absolute;left:14px;right:14px}
.tp__up{bottom:56%}
.tp__dn{top:44%}
.tp .tp__s1{border-bottom:0;border-radius:11px 11px 0 0}
.tp .tp__s2{margin-top:0;border-top:1px solid var(--g100);border-radius:0 0 11px 11px}
.tp .tp__stk{position:absolute;top:0;left:14px;right:14px;margin:0;border-top:0;border-radius:0;z-index:2;box-shadow:0 6px 10px -8px rgba(28,27,25,.25)}
.tp .tp__stk .psec__h{border-bottom:0}
@keyframes qxlit{0%,59%{background:transparent}60.5%,74%{background:var(--a100)}79%,100%{background:transparent} }
.tp__r--lit{animation:qxlit 16s infinite both}
@media (prefers-reduced-motion: reduce){.asim--d .askd__pane{opacity:1!important;transform:none!important} }
/* B5 pocket card: numbered Steps rows; the Material pins print as one joined line, without a bullet */
.pkr .cnum{min-width:22px}
.pksheet .sgl{margin:0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
/* B7 Original notes, coded at the old screenshot's 835 x 664 box: raw note a1603bc2, verbatim */
.on2{background:#fff}
.on2__p{position:absolute;inset:0;padding:34px 38px 0;color:var(--g900);background:#fff}
.on2__h{display:flex;align-items:center;justify-content:space-between}
.on2__h b{font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:36px;color:var(--b800);line-height:1.2}
.on2__x{width:58px;height:58px;border-radius:50%;border:1.5px solid var(--g300);display:grid;place-items:center;font-size:30px;line-height:1;color:var(--g600)}
.on2__sub{font-size:22px;color:var(--g600);margin-top:10px;line-height:1.4}
.on2__blk{margin-top:26px}
.on2__d{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:19px;letter-spacing:.08em;text-transform:uppercase;color:var(--g500)}
.on2__d sup{font-size:.62em;vertical-align:.55em;letter-spacing:.04em}
.on2__d b{font-size:21px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--clay500)}
.al__p .on2 .on2__l{margin:12px 0 0;font-size:23px;line-height:1.55;color:var(--g900)}
.on2__fade{position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(rgba(255,255,255,0),#fff 85%)}
/* B7 the name check, as phi.js finds it in row 297f3532: one word to check; Keep it is tapped and the card closes */
.pcx__t{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:19px;color:var(--b800)}
.pcx__s{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g500);margin:10px 0 6px}
.pcx__q{font-style:normal}
.pcx__w{font-weight:inherit;border-radius:3px;border-bottom:2px solid transparent;animation:pcxw 10s infinite}
@keyframes pcxw{0%,10%{background:transparent;border-color:transparent}16%,66%{background:var(--clay100);border-color:var(--clay500)}72%,100%{background:transparent;border-color:transparent} }
.pcx__f{justify-content:flex-start;margin-top:14px}
.pcx__k{position:relative;overflow:visible;animation:pcxk 10s infinite}
@keyframes pcxk{0%,52%{transform:none}53.5%{transform:scale(.93)}55.5%,100%{transform:none} }
.pcx__rip{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:2px solid var(--b400);opacity:0;animation:pcxr 10s infinite}
@keyframes pcxr{0%,52%{opacity:0;transform:scale(.4)}53%{opacity:1;transform:scale(.7)}56.5%,100%{opacity:0;transform:scale(1.6)} }
.pcard.pcx{animation:pcxc 10s infinite both}
@keyframes pcxc{0%,59.5%{opacity:1;transform:none}62.5%,90%{opacity:0;transform:translateY(6px) scale(.97)}95%,100%{opacity:1;transform:none} }
@media (prefers-reduced-motion: reduce){.pcard.pcx{opacity:1!important;transform:none!important}.pcx__w{background:var(--clay100)!important;border-color:var(--clay500)!important}.pcx__rip{display:none} }
/* B10 save demo: Fogarty arrives at 09:54, where the edit beat used to be */
.svnew2{animation:svn2 16s infinite both}
@keyframes svn2{0%,35%{max-height:0;padding-top:0;padding-bottom:0;opacity:0;background:#fff}36.5%{max-height:80px;padding-top:9px;padding-bottom:9px;opacity:1;background:var(--a100)}42%,96.5%{max-height:80px;padding-top:9px;padding-bottom:9px;opacity:1;background:#fff}98%,100%{max-height:0;padding-top:0;padding-bottom:0;opacity:0;background:#fff} }
/* B12 restore (20 s): the sheet's heading turns to Restore at the pick; after the restore the tree comes back and Hartmann's takedown has its technique again */
.rsl__h{display:grid}
.rsl__h>span{grid-area:1/1}
.rsl__h0{animation:rrh0 20s infinite both}
.rsl__h1{opacity:0;animation:rrh1 20s infinite both}
@keyframes rrh0{0%,35.6%{opacity:1}36.2%,100%{opacity:0} }
@keyframes rrh1{0%,35.6%{opacity:0}36.2%,96%{opacity:1}98%,100%{opacity:0} }
.seg__note{font-size:11px;font-weight:500;opacity:.85;margin-left:3px}
.rsx__ht{display:inline-grid;justify-items:end}
.rsx__ht>em{grid-area:1/1;font-style:normal}
.rsx__h0{animation:rrht0 20s infinite both}
.rsx__h1{opacity:0;animation:rrht1 20s infinite both}
@keyframes rrht0{0%,85%{opacity:1}85.2%,100%{opacity:0} }
@keyframes rrht1{0%,85%{opacity:0}85.2%,98.4%{opacity:1}98.5%,100%{opacity:0} }
.rsx .cg__r:has(.rsx__ht){animation:rrhrow 20s infinite both}
@keyframes rrhrow{0%,86%{background:#fff}87.5%,93%{background:var(--a100)}96%,100%{background:#fff} }
.rsx__tree{animation:rrtree2 20s infinite both}
@keyframes rrtree2{0%{opacity:0}1.5%,9.5%{opacity:1}11%,84.5%{opacity:0}86.5%,96.5%{opacity:1}98.5%,100%{opacity:0} }
.rset{animation:rrset2 20s infinite both}
@keyframes rrset2{0%,9.5%{opacity:0}11.5%,83.5%{opacity:1}85.5%,100%{opacity:0} }
.rsx__setrow{animation:rrsetrow2 20s infinite both}
@keyframes rrsetrow2{0%,9.5%{background:transparent;color:inherit}10%,84.5%{background:var(--b600);color:#fff}85.5%,100%{background:transparent;color:inherit} }
.rsx .drail__it.on{animation:rratlas2 20s infinite both}
@keyframes rratlas2{0%,9.5%{background:var(--b600);color:#fff}10%,84.5%{background:transparent;color:inherit}85.5%,100%{background:var(--b600);color:#fff} }
.rqm__pd{font-size:13px;color:var(--g600);margin-top:-4px}
/* the pick is now the second row (Oct. 1st); the pointer is re-aimed */
.rcur{animation:rrcur2 20s infinite both}
@keyframes rrcur2{0%,2%{opacity:1;transform:translate(695px,497px)}8%,10%{transform:translate(115px,689px)}14%{transform:translate(400px,560px)}22%,27%{transform:translate(609px,479px)}34%,36.5%{transform:translate(335px,349px)}44%{transform:translate(700px,440px)}50%,53%{transform:translate(974px,381px)}63%,66%{opacity:1;transform:translate(1026px,658px)}69%,97%{opacity:0;transform:translate(1026px,658px)}99%,100%{opacity:1;transform:translate(695px,497px)} }
@media (prefers-reduced-motion: reduce){.rsl__h0{opacity:0!important}.rsl__h1{opacity:1!important} }
/* B13 share: the arriving card's Steps rows land after Prep & drape */
.s2in3 .psec:nth-child(3) .prow{animation-delay:.36s}
.s2in3 .psec:nth-child(3) .prow:nth-of-type(3){animation-delay:.48s}
.s2in3 .psec:nth-child(3) .prow:nth-of-type(4){animation-delay:.6s}
.s2body .prow .cnum{min-width:18px}
/* the flying label keeps the old 235 px box, so it still scales about the same centre and lands on the tray */
.s2fly{width:235px}
.s2fly span{width:max-content}
/* B14 PDF: the picker list scrolls (Hartmann's takedown meets its edge); two ticks, Colorectal stays mixed, DLI reversal goes mixed then full */
.pick__ls{max-height:348px;overflow:hidden}
.px .xgm{animation:q2gm 15s infinite}
@keyframes q2gm{0%,7%{background:#fff;border-color:var(--g400);box-shadow:none}8.5%,95%{background:var(--b50);border-color:var(--b600);box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 9px var(--b600)}97%,100%{background:#fff;border-color:var(--g400);box-shadow:none} }
.px .xom{animation:q2om 15s infinite}
@keyframes q2om{0%,7%{background:#fff;border-color:var(--g400);box-shadow:none}8.5%,13%{background:var(--b50);border-color:var(--b600);box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 9px var(--b600)}14.5%,95%{background:var(--b600);border-color:var(--b600);box-shadow:none}97%,100%{background:#fff;border-color:var(--g400);box-shadow:none} }
.px .k2{animation:q2k2b 15s infinite}
@keyframes q2k2b{0%,13.5%{opacity:0}14%,96%{opacity:1}97%,100%{opacity:0} }
/* the coded A4 pages (1240 px wide, as the exporter's 150 dpi pages), in the exporter's look */
.pdfs .pdfs__cover.lapc,.pdfs .pdfs__toc.lapc{position:absolute}
.pgx{background:#fff}
.pgx__pg{position:absolute;inset:0;padding:0 133px;color:#1c1b19;font-family:"IBM Plex Sans",Helvetica,Arial,sans-serif;font-size:19px;line-height:1.6}
.pgx__rh{display:flex;gap:16px;margin-top:88px;padding-bottom:12px;border-bottom:1.5px solid #e4e2dd;font-size:16.5px;color:#7a766d}
.pgx__rh b{font-weight:700}
.pgx__ft{position:absolute;left:133px;right:133px;bottom:84px;display:flex;justify-content:space-between;padding-top:14px;border-top:1.5px solid #e4e2dd;font-size:16px;color:#8a867d}
.pgx__h1{font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:42px;line-height:1.15;color:#122d49;margin-top:46px;padding-bottom:10px;border-bottom:1.5px solid #e4e2dd}
.pgx__h2{font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:29px;color:#122d49;margin-top:28px}
.pgx__h3{font-weight:600;font-size:24px;color:#1e5a8c;margin-top:22px}
.pgx__sl{font-size:15.5px;font-weight:700;letter-spacing:.02em;color:#7a766d;margin-top:16px}
.pgx__ul{list-style:none;margin:4px 0 0;padding:0}
.pgx__ul li{display:flex;gap:12px;padding:2px 0 2px 14px}
.pgx__ul li i{flex:none;min-width:24px;font-style:normal;color:#9a968d;text-align:right}
.pgx__body .pgx__h1{margin-top:40px}
/* cover */
.pgx__cv{position:absolute;left:133px;top:205px}
.pgx__brand{font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:92px;line-height:1;color:#1e4e79;letter-spacing:-.01em}
.pgx__tag{font-size:20px;color:#7a766d;margin-top:14px}
.pgx__cb{position:absolute;left:133px;right:133px;top:1022px}
.pgx__at{font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:66px;line-height:1.1;color:#122d49;padding-bottom:12px;border-bottom:1.5px solid #e4e2dd}
.pgx__sel{font-size:20px;color:#7a766d;margin-top:8px}
.pgx__ex{font-size:20px;color:#7a766d;margin-top:24px}
.pgx__rd{font-size:20px;line-height:1.5;color:#7a766d;margin:60px 0 0}
/* contents */
.pgx__tr{display:flex;align-items:baseline;gap:6px;margin-top:6px}
.pgx__tr i{flex:1;height:1em;background:radial-gradient(circle,currentColor 1.1px,transparent 1.6px) 0 100%/7px 6px repeat-x;opacity:.75}
.pgx__t1{font-size:23px;font-weight:700;color:#122d49;margin-top:18px}
.pgx__t2{font-size:19px;padding-left:33px}
.pgx__t3{font-size:19px;padding-left:66px}
/* end B14 */
/* the ghost "+ New technique" chip, at the phone chip size, on every B phone */
.pkph .pu__chips .cch__new,.s2ph .pu__chips .cch__new,.svph .pu__chips .cch__new,.phx--mt .pu__chips .cch__new{display:inline-block;font-size:11.5px;padding:6px 11px;border-style:dashed;color:var(--b600)}
/* end accuracy B */

@keyframes dlA{0%,17.75%{opacity:0;max-height:0}18.0%,29.75%{opacity:1;max-height:60px}30.0%,100%{opacity:0;max-height:0} }
.dlA{animation:dlA 20s infinite both}
@keyframes dwA0{0%,17.9%{opacity:0;max-width:0}18.0%,100%{opacity:1;max-width:12em} }
.dwA0{animation:dwA0 20s infinite both}
@keyframes dwA1{0%,19.15%{opacity:0;max-width:0}19.25%,100%{opacity:1;max-width:12em} }
.dwA1{animation:dwA1 20s infinite both}
@keyframes dwA2{0%,20.4%{opacity:0;max-width:0}20.5%,100%{opacity:1;max-width:12em} }
.dwA2{animation:dwA2 20s infinite both}
@keyframes dwA3{0%,21.9%{opacity:0;max-width:0}22.0%,25.0%{opacity:1;max-width:6em}26.5%,100%{opacity:0;max-width:0} }
.dwA3{animation:dwA3 20s infinite both}
@keyframes dwA4{0%,24.65%{opacity:0;max-width:0}24.75%,100%{opacity:1;max-width:12em} }
.dwA4{animation:dwA4 20s infinite both}
@keyframes dwA5{0%,26.15%{opacity:0;max-width:0}26.25%,100%{opacity:1;max-width:12em} }
.dwA5{animation:dwA5 20s infinite both}
@keyframes dlB{0%,31.0%{opacity:0;max-height:0}31.25%,35.0%{opacity:1;max-height:60px}35.25%,100%{opacity:0;max-height:0} }
.dlB{animation:dlB 20s infinite both}
@keyframes dwB0{0%,31.15%{opacity:0;max-width:0}31.25%,100%{opacity:1;max-width:12em} }
.dwB0{animation:dwB0 20s infinite both}
@keyframes dwB1{0%,31.9%{opacity:0;max-width:0}32.0%,33.1%{opacity:1;max-width:7em}33.85%,100%{opacity:0;max-width:0} }
@keyframes dkB1{0%,33.1%{opacity:0;max-width:0}33.85%,100%{opacity:1;max-width:1em} }
.dkB1{animation:dkB1 20s infinite both}
.dwB1{animation:dwB1 20s infinite both}
@keyframes dwB2{0%,33.4%{opacity:0;max-width:0}33.5%,100%{opacity:1;max-width:12em} }
.dwB2{animation:dwB2 20s infinite both}
@keyframes dwB3{0%,34.15%{opacity:0;max-width:0}34.25%,100%{opacity:1;max-width:12em} }
.dwB3{animation:dwB3 20s infinite both}
@keyframes dlC{0%,36.0%{opacity:0;max-height:0}36.25%,39.5%{opacity:1;max-height:60px}39.75%,100%{opacity:0;max-height:0} }
.dlC{animation:dlC 20s infinite both}
@keyframes dwC0{0%,36.15%{opacity:0;max-width:0}36.25%,100%{opacity:1;max-width:12em} }
.dwC0{animation:dwC0 20s infinite both}
@keyframes dwC1{0%,37.15%{opacity:0;max-width:0}37.25%,100%{opacity:1;max-width:12em} }
.dwC1{animation:dwC1 20s infinite both}
@keyframes dwC2{0%,38.15%{opacity:0;max-width:0}38.25%,100%{opacity:1;max-width:12em} }
.dwC2{animation:dwC2 20s infinite both}
@keyframes drA{0%,29.75%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;background:#f6f5f3}30.5%{max-height:70px;opacity:1;padding-top:9px;padding-bottom:9px;background:#f6f5f3}35.0%,97.0%{max-height:70px;opacity:1;padding-top:9px;padding-bottom:9px;background:#fff}98.5%,100%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;background:#fff} }
.drA{animation:drA 20s infinite both}
@keyframes drB{0%,35.0%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;background:#f6f5f3}35.75%{max-height:70px;opacity:1;padding-top:9px;padding-bottom:9px;background:#f6f5f3}40.25%,97.0%{max-height:70px;opacity:1;padding-top:9px;padding-bottom:9px;background:#fff}98.5%,100%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;background:#fff} }
.drB{animation:drB 20s infinite both}
@keyframes drC{0%,39.5%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;background:#f6f5f3}40.25%{max-height:70px;opacity:1;padding-top:9px;padding-bottom:9px;background:#f6f5f3}44.75%,70.0%{max-height:70px;opacity:1;padding-top:9px;padding-bottom:9px;background:#fff}71.5%,100%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;background:#fff} }
.drC{animation:drC 20s infinite both}
@keyframes drB1{0%,70.0%{opacity:1}70.75%,100%{opacity:0} }
@keyframes drB2{0%,70.0%{opacity:0}70.75%,100%{opacity:1} }
.drB1{animation:drB1 20s infinite both}
.drB2{animation:drB2 20s infinite both}
@keyframes drBflash{0%,70.0%{background:#fff}70.5%,74.5%{background:#e0efe5}78.0%,100%{background:#fff} }
.drB .drt{animation:drBflash 20s infinite both;border-radius:4px}
@keyframes dbox{0%,16.0%{max-height:0;opacity:0;margin-top:0}17.0%,44.25%{max-height:160px;opacity:1;margin-top:10px}45.75%,100%{max-height:0;opacity:0;margin-top:0} }
.dbx{animation:dbox 20s infinite both}
@keyframes dmic{0%,15.5%{opacity:1}16.0%,44.0%{opacity:0}44.5%,100%{opacity:1} }
@keyframes drec{0%,15.5%{opacity:0}16.0%,44.0%{opacity:1}44.5%,100%{opacity:0} }
.dmc__a{animation:dmic 20s infinite both}
.dmc__b{animation:drec 20s infinite both}
@keyframes dkey{0%{background:#fff;color:#1e4e79;transform:none}29.25%{background:#fff;color:#1e4e79;transform:none}29.6%{background:#1e4e79;color:#fff;transform:scale(.9)}31.0%{background:#fff;color:#1e4e79;transform:none}34.75%{background:#fff;color:#1e4e79;transform:none}35.1%{background:#1e4e79;color:#fff;transform:scale(.9)}36.5%{background:#fff;color:#1e4e79;transform:none}39.25%{background:#fff;color:#1e4e79;transform:none}39.6%{background:#1e4e79;color:#fff;transform:scale(.9)}41.0%{background:#fff;color:#1e4e79;transform:none}100%{background:#fff;color:#1e4e79;transform:none} }
.dkey{animation:dkey 20s infinite both}
@keyframes dmicp{0%{transform:none}15.75%{transform:none}16.1%{transform:scale(.85)}17.25%{transform:none}43.75%{transform:none}44.1%{transform:scale(.85)}45.25%{transform:none}100%{transform:none} }
.dmc{animation:dmicp 20s infinite both}
@keyframes dfix{0%,61.75%{background:#fff;color:#1e4e79;border-color:var(--g300);transform:none}62.1%{transform:scale(.85)}62.75%,78.75%{background:#1e4e79;color:#fff;border-color:#1e4e79;transform:none}79.1%{transform:scale(.85)}79.75%,100%{background:#fff;color:#1e4e79;border-color:var(--g300);transform:none} }
.dfx{animation:dfix 20s infinite both}
@keyframes dlist{0%,62.5%{background:transparent;padding:0;margin-top:0}63.5%,79.0%{background:#f6f5f3;padding:4px 10px;margin-top:8px}80.0%,100%{background:transparent;padding:0;margin-top:0} }
.dlist{animation:dlist 20s infinite both}
@keyframes dhint{0%,62.5%{max-height:0;opacity:0}63.5%,79.0%{max-height:60px;opacity:1}80.0%,100%{max-height:0;opacity:0} }
.dhint{animation:dhint 20s infinite both}
@keyframes dseam{0%,62.5%{opacity:0}63.5%,79.0%{opacity:1}80.0%,100%{opacity:0} }
.dseam{animation:dseam 20s infinite both}
@keyframes dseamC{0%,62.5%{opacity:0;background:#fff;color:var(--g500)}63.5%,68.5%{opacity:1;background:#fff;color:var(--g500)}69.0%,70.0%{opacity:1;background:#1e4e79;color:#fff;transform:scale(.88)}71.0%,100%{opacity:0} }
.dseamC{animation:dseamC 20s infinite both}
@keyframes dset1{0%,6%{max-width:0;opacity:0;background:#e0efe5}8%,14%{max-width:12em;opacity:1;background:#e0efe5}20%,96%{max-width:12em;opacity:1;background:#fff}98%,100%{max-width:0;opacity:0} }
.dsn1{animation:dset1 20s infinite both}
@keyframes dlisten{0%,16.0%{opacity:0}17.0%,44.0%{opacity:1}44.5%,100%{opacity:0} }
.dlisten{animation:dlisten 20s infinite both}
@keyframes dcar{0%,49%{opacity:1}50%,100%{opacity:0} }
.dcar{animation:dcar .9s steps(1) infinite}

/* legal pages: in-page reading views opened from the footer (#terms #privacy #cookies #legal) */
.lgp{display:none}
/* the About and legal pages at their own address (14 October 2026): a normal page, scrolled by the window */
.lgp.lgp--page{display:block;min-height:100vh;background:var(--g25)}
.lgp.is-open{display:block;position:fixed;inset:0;z-index:1000;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--g25)}
:root:has(.lgp.is-open){overflow:hidden}
.lgp:focus{outline:none}
.lgp__bar{position:sticky;top:0;z-index:2;background:rgba(251,250,249,.96);backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--g100)}
.lgp__barin{max-width:880px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:22px}
.lgp__wm{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:22px;color:var(--b800);text-decoration:none;flex:none}
.lgp__wm sup{font-size:9px;font-family:"IBM Plex Sans",sans-serif;font-weight:600;margin-left:1px}
.lgp__tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.lgp__tabs::-webkit-scrollbar{display:none}
.lgp__tabs a{flex:none;font-size:14.5px;font-weight:500;color:var(--g600);text-decoration:none;padding:9px 12px;border-radius:999px;white-space:nowrap}
.lgp__tabs a:hover{background:var(--g50);color:var(--b800)}
.lgp__tabs a.on{background:var(--b50);color:var(--b800);font-weight:600}
.lgp__x{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--g600);background:var(--g50);border:1px solid var(--g100)}
.lgp__x:hover{color:var(--b800);background:var(--g100)}
.lgp__doc{max-width:720px;margin:0 auto;padding:40px 24px 72px;color:var(--g900);font-size:16.5px;line-height:1.7}
.lgp__draft{display:inline-block;margin:0 0 18px;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--clay500);background:var(--clay100);border:1px solid var(--clay200);border-radius:999px;padding:4px 12px}
.lgp__doc h1{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:var(--b800);font-size:44px;line-height:1.1;letter-spacing:-.015em;margin:0}
.lgp__upd{margin:10px 0 28px;font-size:14px;color:var(--g500)}
.lgp__doc h2{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:var(--b800);font-size:25px;line-height:1.25;margin:42px 0 10px}
.lgp__doc h3{font-size:17px;font-weight:600;color:var(--b800);margin:24px 0 6px}
.lgp__doc p{margin:0 0 14px}
.lgp__doc ul{margin:0 0 16px;padding-left:22px}
.lgp__doc li{margin:0 0 8px}
.lgp__doc li ul{margin:8px 0 4px}
.lgp__doc a{color:var(--b600);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.lgp__doc b{font-weight:600;color:var(--g900)}
.lgp__lede{font-size:18.5px;line-height:1.6;color:var(--g900)}
.lgp__key{background:var(--b50);border:1px solid #d5e1ec;border-radius:14px;padding:20px 24px 8px;margin:6px 0 10px}
.lgp__key>b{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:19px;color:var(--b800);margin-bottom:8px}
.lgp__dec{background:var(--gold100);border:1px solid var(--gold300);border-radius:14px;padding:18px 22px 6px;margin:16px 0 18px;font-size:15.5px}
.lgp__dec>b{display:block;color:#6b4e12;margin-bottom:10px}
.lgp__opt{background:#fff;border:1px solid #ead8b0;border-radius:10px;padding:14px 16px 4px;margin:0 0 12px}
.lgp__opt>span{display:block;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8a6a1c;margin-bottom:6px}
.lgp__dl{margin:0 0 16px}
.lgp__dl dt{font-weight:600;color:var(--b800);margin-top:14px}
.lgp__dl dd{margin:4px 0 0}
.lgp__tw{overflow-x:auto;margin:6px 0 16px;border:1px solid var(--g100);border-radius:12px;background:#fff}
.lgp__doc table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.lgp__doc th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b800);background:var(--g50);padding:10px 14px;border-bottom:1px solid var(--g100)}
.lgp__doc td{padding:11px 14px;border-top:1px solid var(--g100);vertical-align:top}
.lgp__doc tbody tr:first-child td{border-top:0}
.lgp__ft{margin-top:56px;padding-top:20px;border-top:1px solid var(--g100);font-size:14px;color:var(--g500)}
.lgp__ft nav{margin-bottom:8px}
.lgp__ft p{margin:0}
.lgp__ft nav b{font-weight:600;color:var(--g900)}
/* ABOUT (#180, POTE About v1): the legal shell, a serif story, the signature, then the ask */
.lgp__over{margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--b800)}
.lgp__doc--about h1{margin-bottom:28px}
.lgp__story p{font-family:"Source Serif 4",Georgia,serif;font-size:18.5px;line-height:1.75;color:var(--g900);margin:0 0 20px}
.lgp__story b{font-weight:600;color:var(--b800)}
.lgp__story .lgp__q{margin:0 0 12px;padding-left:16px;border-left:3px solid var(--b200,#c9d7e6)}
.lgp__story .lgp__q + p:not(.lgp__q){margin-top:22px}
.lgp__sign{margin:34px 0 0;display:flex;flex-direction:column;gap:4px}
.lgp__sign b{font-family:"Source Serif 4",Georgia,serif;font-size:21px;font-weight:600;color:var(--g900)}
.lgp__sign span{font-size:14px;color:var(--g500)}
.lgp__ask{margin-top:40px;padding-top:32px;border-top:1px solid var(--g100)}
.lgp__ask p{margin:0 0 20px}
.lgp__doc a.lgp__join{color:#fff;text-decoration:none;border-radius:10px}
.lgp__doc--about .lgp__ft{margin-top:72px}
/* footer links on the landing page */
.ft__lg{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:12px}
.ft__lg a{color:var(--g600);text-decoration:none;font-size:13.5px}
.ft__lg a:hover{color:var(--b800);text-decoration:underline}
@media (max-width: 760px){
  .lgp__barin{padding:0 12px 0 16px;height:58px;gap:10px}
  .lgp__wm{font-size:20px}
  .lgp__tabs{gap:2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}
  .lgp__tabs a{font-size:13.5px;padding:10px 8px}
  .lgp__tn{display:none}
  .lgp__doc{padding:28px 16px 64px;font-size:16px}
  .lgp__doc h1{font-size:33px}
  .lgp__doc h2{font-size:22px;margin-top:34px}
  .lgp__key,.lgp__dec{padding-left:16px;padding-right:16px}
  .lgp__tw{overflow:visible;border:0;background:transparent}
  .lgp__doc table,.lgp__doc tbody,.lgp__doc tr,.lgp__doc td{display:block;width:100%}
  .lgp__doc thead{display:none}
  .lgp__doc tr{background:#fff;border:1px solid var(--g100);border-radius:12px;padding:12px 14px 8px;margin:0 0 10px}
  .lgp__doc td{border:0;padding:0 0 6px;font-size:15px}
  .lgp__doc td:first-child{font-weight:600;color:var(--b800);padding-bottom:8px}
  .lgp__doc td:not(:first-child)::before{content:attr(data-l);display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g500);margin-bottom:1px}
  .ft__lg{gap:0 4px;margin-top:6px}
  .ft__lg a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;margin-left:-8px}
}
@media (max-width: 400px){
  .lgp__wm{display:none}
}
.lgp:focus{outline:none}

/* release notes: the app's own sheet (ReleaseNotes.jsx; screens.css .notesw, .pocket, .notes; kit.css .lb__close),
   opened from the footer. Colors are the app's tokens: grey-0 #fff, grey-50 #f6f5f3, grey-200 #dcdad4,
   grey-500 #767268, grey-900 #1a1917. Opened by class (logic.js setupLegal), never by :target. */
.rnw{display:none}
.rnw.is-open{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:8px 0;background:rgba(16,15,14,.88);overscroll-behavior:contain;font-family:"IBM Plex Sans",ui-sans-serif,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
:root:has(.rnw.is-open){overflow:hidden}
.rnw:focus{outline:none}
.rnw__x{position:absolute;z-index:2;top:12px;right:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(250,250,250,.18);border:1px solid rgba(250,250,250,.34);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.rnw__x:hover,.rnw__x:active{background:rgba(250,250,250,.3)}
.rnw__card{width:calc(100% - 40px);max-width:430px;max-height:calc(100% - 84px);display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(28,27,25,.07),0 12px 28px rgba(28,27,25,.08);padding:16px 0 4px}
.rnw__title{flex:none;padding:0 18px 10px;font-size:17px;font-weight:700;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:#767268}
.rnw__legend{flex:none;margin:0 18px 12px;padding:9px 11px;border:1px solid #dcdad4;border-radius:8px;background:#f6f5f3;display:grid;grid-template-columns:repeat(3,1fr);row-gap:5px;column-gap:8px}
.rnw__lrow{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;line-height:1.5;color:#1a1917}
.rnw__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 18px 20px}
.rnw__rel{padding:12px 0;border-top:1px solid #dcdad4}
.rnw__rel:first-child{border-top:0;padding-top:2px}
.rnw__v{font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.07em;color:#767268;margin-bottom:6px}
.rnw__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.rnw__list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.55;color:#1a1917}
.rnw__kind{flex:none;display:inline-flex;align-items:center;justify-content:center;color:#767268}
.rnw__list .rnw__kind{height:calc(13px * 1.55)}
.rnw__list li>span:last-child{flex:1 1 auto;min-width:0}
.rnw svg{display:block}
/* at a desk: the app's 640 x 480 sheet, with the key on one line (screens.css, min-width 1280px) */
@media (min-width:1280px){
  .rnw__card{width:640px;max-width:640px;height:480px}
  .rnw__legend{grid-template-columns:repeat(5,auto);justify-content:start;column-gap:16px}
}
/* the footer link */
.ft__rn{color:var(--g600);text-decoration:none}
.ft__rn:hover{color:var(--b800);text-decoration:underline}
@media (max-width:760px){
  .ft__rn{display:inline-flex;align-items:center;min-height:44px;margin:-13px 0}
}

/* ---- hero tour: the laptop and the phone play one loop of the app (owner comments on the hero) ----
   Markup: build.py herodesk(), herophone(), herolabel(). The timeline is generated by build.py into the block between the
   @@ht markers at the end of this file; everything above is written by hand. Every animated element moves by transform
   and opacity only (plus the page's own clip-path typing). Reduced motion shows the first frame, the whole atlas. */

/* stage: the step label sits under the laptop's right edge; the sync pill keeps its place */
.htour .htlbl{position:absolute;right:32px;bottom:44px;z-index:4;display:flex;align-items:center;gap:12px;background:var(--b800);color:#fff;border-radius:999px;padding:9px 18px 9px 14px;box-shadow:0 14px 30px -12px rgba(18,45,73,.45);animation:hpIn 1s 1.3s both}
.htlbl__dots{position:relative;display:flex;gap:5px;flex:none}
.htlbl__dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.28)}
.htlbl__dots b{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;background:#fff}
.htlbl__t{display:grid;font-size:13.5px;font-weight:600;line-height:1.2;white-space:nowrap}
.htlbl__t>em{grid-area:1/1;font-style:normal;opacity:0}
.htlbl__t>em.ht-l0{opacity:1}

/* mode switches: the phone plays the desk's steps itself where the laptop is hidden */
.htour .htonly-m{display:none}
@media (max-width:900px){
.htour .htonly-m{display:block}
.htour .htonly-d{display:none}
}

/* ---------------- the desk (1280 x 773, scaled by scaleScreens) ---------------- */
.htour .htds{display:block}
.htd__rail{position:absolute;left:0;top:0;bottom:0;width:240px;background:var(--g25);z-index:3}
.htd__rail .drail{height:773px;box-sizing:border-box}
.htd__rail--ask{opacity:0}
.htd__main{position:absolute;left:240px;top:0;right:0;bottom:0;overflow:hidden}
.htd__tree{position:absolute;left:0;top:0;width:350px;bottom:0;box-sizing:border-box;padding:18px 0 0 22px;overflow:hidden;background:var(--g25)}
.htd__card{position:absolute;left:350px;top:0;right:0;bottom:0;box-sizing:border-box;padding:18px 22px 0;overflow:hidden;background:var(--g25)}
.htd__card--n{right:380px;padding:18px 14px 0}
.htd__card--n .ccard__h{padding:20px 18px 12px}
.htd__card--n .ccard__save{flex-wrap:wrap;row-gap:8px}
.htds .htd__card--n .htbot,.htds .htd__card--n .htstick{left:18px;right:18px}
.htd__empty{height:calc(100% - 18px);display:grid;place-items:center;font-size:15px;color:var(--g500);background:#fff;border:1px solid var(--g200);border-bottom:0;border-radius:12px 12px 0 0}
.hd-t1,.hd-t2,.hd-t3,.hd-c1,.hd-c2,.hd-c3,.hd-c3n,.hd-ask,.hd-askp{opacity:0}
.htour .htc{display:flex;flex-direction:column}
.htour .htc .ccard__h{flex:none}
.htour .htb{flex:1;position:relative;overflow:hidden;padding:0;height:auto;min-height:0}
.htds .htsc{position:absolute;left:26px;right:26px;top:4px}
.htds .htstk--chips{margin-top:12px}
.htds .htstrip .pch{font-size:13.5px;padding:7px 14px}
.htds .htstrip{gap:8px}
.htds .htstrip .chs{gap:8px}
.htds .htstrip .pcmp{width:34px;height:34px}
.htds .htstrip .pcmp svg{width:15px;height:15px}
.htds .ccard__save .pu__ck{width:15px;height:15px}
.htds .htmk{font-size:14px}
.htds .htdump{margin-top:12px}
.htds .htdump .imp__h{font-size:11px;padding:11px 14px 4px}
.htds .htdump .imp__help{font-size:13px;padding:2px 14px 12px}
.htds .htdump .imp__box{margin:6px 14px 0;min-height:190px;font-size:13px}
.htds .htdump .imp__f{padding:8px 14px 12px}
.htds .htfly .imp__ln{width:540px;font-size:13px;line-height:19px}
.htd__side{position:absolute;top:0;right:0;bottom:0;width:380px;background:var(--g25);border-left:1px solid var(--g200);opacity:0}
.htd__sidein{position:absolute;inset:0;background:rgba(16,15,14,.55);display:flex;flex-direction:column;justify-content:center;padding:0 16px}
.htd__ask,.htd__askp{position:absolute;inset:0;background:var(--g25)}
.htour .htd__ask .htask{position:absolute;inset:16px;margin:0;height:auto;flex-direction:column;background:#fff;border-radius:10px;box-shadow:none}
.htour .htd__askp .askd__pane{position:absolute;inset:0;width:auto;margin:0;padding:16px;box-sizing:border-box;display:flex;gap:16px;animation:none;overflow:hidden;opacity:1;transform:none}
.htour .htd__askp .tp{position:relative;top:auto;right:auto;bottom:auto;width:auto;flex:1;min-width:0}
.htour .htd__askp .askd__tree{width:360px}
.htcur{position:absolute;left:0;top:0;z-index:40;width:26px;height:26px;pointer-events:none}
.htcur svg{width:26px;height:26px;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.htcur__clk{position:absolute;left:-8px;top:-10px;width:26px;height:26px;border-radius:50%;border:2px solid var(--b400);opacity:0}
.htds .httoast--d{position:absolute;right:30px;bottom:24px;left:auto;top:auto;max-width:420px;font-size:14px}

/* trees: a selected row lights through its own overlay; the row meta swaps 1 technique for 2 */
.htour .htsr{position:relative}
.htour .htsr>b,.htour .htsr>span,.htour .htsr>i:not(.htsel){position:relative}
.htsel{position:absolute;inset:0;background:var(--b50);opacity:0}
.htsw{display:grid;justify-items:end}
.htsw>em{grid-area:1/1;font-style:normal}
.htsw>em+em{opacity:0}

/* ---------------- the phone ---------------- */
.htph .htp__lay{position:absolute;left:0;right:0;top:80px;bottom:0;background:var(--g25);display:flex;flex-direction:column;overflow:hidden}
.hp-dli,.hp-tr,.hp-ask,.hp-askp{opacity:0}
.htp__title{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:25px;line-height:1.15;color:var(--b800);padding:6px 18px 0}
.htp__search{display:flex;align-items:center;gap:9px;height:38px;margin:10px 16px 0;border:1px solid var(--g300);border-radius:999px;padding:0 14px;color:var(--g500);background:#fff;font-size:13px}
.htp__search svg{width:15px;height:15px;flex:none}
.htp__trees{position:absolute;left:0;right:0;top:94px;bottom:0}
.htp__tree{position:absolute;inset:0;padding:8px 12px 0;background:var(--g25);overflow:hidden}
.hp-t1,.hp-t2,.hp-t3{opacity:0}
.htp__tree .ctree{gap:8px}
.htp__tree .cg__h{padding:10px 14px}
.htp__tree .cg__n,.htp__tree .cg__c,.htp__tree .cg__v{font-size:10.5px}
.htp__tree .cg__r{padding:9px 14px 9px 24px}
.htp__tree .cg__r b{font-size:13.5px}
.htp__tree .cg__r span{font-size:11px}
.htph .htstk--chips{margin-top:9px}
.htph .htstrip .chs{gap:6px}
.htph .htstrip .cch__new{font-size:11.5px;padding:6px 11px}
.htph .htb{flex:1;position:relative;overflow:hidden}
.htph .htsc{position:absolute;left:12px;right:12px;top:0;padding-bottom:90px}
.htph .htdump{margin-top:10px}
.htph .htfly .imp__ln{width:288px}
.htph .httoast{position:absolute;left:14px;right:14px;top:142px;font-size:12.5px}
.htph .htpill{z-index:12}

/* stacks: the variants of one control share its place */
.htstk{display:grid;align-items:center}
.htstk>*{grid-area:1/1}
.htstk>*+*{opacity:0}
.htstrip{display:flex;align-items:center;gap:6px;min-width:0}
.htstrip .chs{display:flex;align-items:center;min-width:0;overflow:hidden;flex:0 1 auto}
.htstrip .pcmp{flex:none}
.htpend{border-style:dashed;border-color:var(--b300)}
.htmk{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.htmk .svm__spin{width:14px;height:14px;color:var(--g500);flex:none}
.hp-pk1{opacity:1}
.hp-sh1,.hp-sp1,.hd-sh1,.hd-sp1{opacity:0}

/* Import notes (Ot.jsx DumpBox) and the lines that fly to their sections */
.htdump{position:relative}
.htdump .imp__h i{font-style:normal}
.htdump__st{display:grid}
.htdump__st>*{grid-area:1/1}
.htdump .imp__box{opacity:0;min-height:186px;margin-top:4px;position:relative}
.htdump .imp__f{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-height:30px}
.htdump .clean,.htwork{opacity:0}
.htwork{font-size:12px;color:var(--g500)}
.htfly{position:absolute;left:0;top:0;width:100%;height:0;z-index:3;pointer-events:none}
.htfly .imp__ln{position:absolute;left:0;top:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:18px;color:var(--g900);background:#fff;border-radius:4px;opacity:0}
.htshut{display:flex;align-items:center;gap:8px;margin-top:10px;background:var(--g50);border:1px solid var(--g200);border-radius:8px;padding:9px 12px;color:var(--g500)}
.htshut span{flex:1;font-size:12px;font-weight:500;color:var(--g600)}
.htshut svg{width:14px;height:14px}
.htadd{display:block;margin:8px 12px 10px;padding:10px;text-align:center;border:1px dashed var(--g300);border-radius:8px;color:var(--b600);font-size:12.5px;font-weight:500}
.hp-gA,.hd-gA,.hp-pB{opacity:0}

/* the new-technique bar (kit/Pickers.jsx) */
.htnv{position:absolute;left:0;right:0;top:calc(100% - 1px);display:flex;align-items:center;gap:6px;padding:0 18px 10px;background:var(--g25);border-bottom:1px solid var(--g100);opacity:0}
.htnv__gap{flex:1}
.htdd{display:grid}
.htdd>*{grid-area:1/1}
.htnv .pch{display:inline-flex;align-items:center;gap:5px}
.htnv .pch em{font-style:normal;font-size:10px;line-height:1}
.htdd1,.htgo1{opacity:0}
.htgo0{opacity:.45}

/* dictation into Steps (the look of the dictation demo on this page) */
.htph .dmc{position:relative;overflow:hidden}
.htour .dmc,.htour .dmc__a,.htour .dmc__b,.htour .dbx,.htour .dlisten{animation:none}
.htour .dmc__b{opacity:0}
.htdict{position:relative}
.htdict>.psec__e{position:absolute;left:0;right:0;top:0}
.htdict>.prow{opacity:0}
.htour .htdbx{position:absolute;left:4px;right:4px;top:2px;z-index:3;background:#fff;border-radius:14px;opacity:0;overflow:visible}
.htdbx .dbx__box{font-size:14px;min-height:54px}
.htdbx .dw{opacity:0}
.htdl{display:grid}
.htdl>span{grid-area:1/1}
.hp-dlb{opacity:0}
.htour .hp-pB-steps{overflow:visible}
.htour .hp-pB-steps>.psec__h{border-radius:11px 11px 0 0}
.htour .htdbx{box-shadow:0 10px 24px -14px rgba(18,45,73,.45);padding-bottom:6px}

/* photos (kit/Photos.jsx): her labels on a plain placeholder tile, since her photo files are not on this page */
.htgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:8px 12px 0}
.htph .htgrid .htpt__cap{font-size:11px}
.htpt__img{aspect-ratio:4/3;background:var(--g50);border-bottom:1px solid var(--g200);display:grid;place-items:center;color:var(--g300)}
.htpt__img svg{width:26px;height:26px}
.htpt{border:1px solid var(--g200);border-radius:10px;overflow:hidden;background:#fff;min-width:0}
.htpt__cap{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:12px}
.htpt__cap span{flex:1;min-width:0;color:var(--b600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.htpt__cap em{flex:none;font-style:normal;color:var(--clay500)}
.htslot{position:relative}
.htv{position:absolute;left:0;right:0;top:0;opacity:0}
.htv.hp-v0{position:relative;opacity:1}
.htchoice{display:flex;align-items:center;gap:8px;padding:8px 12px 10px}
.htchoice em{font-style:normal;font-size:11.5px;color:var(--g500)}
.htbtn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}
.htbtn--p{background:var(--b800);color:#fff}
.htbtn--q{border:1px solid var(--g300);color:var(--b800);background:#fff}
.htrev{display:flex;flex-direction:column;gap:8px;padding:8px 12px 10px}
.htrev__shot{height:150px;border:1px solid var(--g200);border-radius:8px;background:var(--g50);display:grid;place-items:center;color:var(--g300)}
.htrev__shot svg{width:34px;height:34px}
.htrev__note{font-size:11px;line-height:1.5;color:var(--g500)}
.htrev .hp-rn1{display:flex;gap:7px;align-items:flex-start;margin-top:-26px;opacity:0}
.htspin{flex:none;width:11px;height:11px;margin-top:2px;border-radius:50%;border:2px solid var(--g200);border-top-color:var(--b600);animation:aspin .8s linear infinite}
.htrev__name{display:flex;align-items:center;gap:8px}
.htrev__in{position:relative;flex:1;height:34px;border:1px solid var(--b600);box-shadow:0 0 0 3px var(--b50);border-radius:999px;background:#fff;min-width:0}
.htrev__ph,.htrev__t{position:absolute;left:12px;top:8px;font-size:13px;line-height:18px;white-space:nowrap}
.htrev__ph{color:var(--g400)}
.htrev__t{color:var(--g900);clip-path:inset(0 100% 0 0)}
.htrev__go{display:grid}
.htrev__go>span{grid-area:1/1;text-align:center}
.hp-ad1{opacity:0}
.htrev__x{font-style:normal;font-size:11.5px;color:var(--g500)}
.htstick{position:absolute;left:12px;right:12px;top:0;z-index:2}
.htstick .psec{margin-top:0;border-radius:0 0 11px 11px;border-top:0;box-shadow:0 6px 10px -8px rgba(28,27,25,.25)}
.htstick .psec__h{border-bottom:0}
.hp-stk1,.hd-stks,.hp-stks{opacity:0}
.htpp{margin-top:0;border-top:0;border-radius:0 0 11px 11px}
.htds .htbot{position:absolute;left:26px;right:26px;bottom:0;padding-bottom:20px}
.htds .htstick{left:26px;right:26px}
.hd-c3-new,.hd-c3n-new{opacity:0}

/* the pocket card: a card over a dimmed screen on the phone, the fourth panel at a desk (the pocket demo's look) */
.htour .htpkdim{z-index:20;opacity:0;animation:none}
.htour .htpk{position:relative;left:auto;right:auto;bottom:auto;width:100%;border:0;border-radius:16px;padding-bottom:6px;box-shadow:0 24px 50px -16px rgba(0,0,0,.45);transform:none;opacity:1;animation:none}
.htour .htpkdim .htpk{opacity:0}
.htour .htpk--d .sh{border-bottom:1px solid var(--g100)}

/* Ask */
.htask{display:flex;flex-direction:column;overflow:hidden}
.htask__rest{position:relative}
.htour .htask .asim__ans{animation:none;opacity:1;transform:none}
.htour .htask .asim__work{position:absolute;left:0;top:0;margin-top:16px;opacity:0}
.htour .htask .asim__q,.htour .htask .asim__ans>*,.htour .htask .asim__ph2,.htour .htask .asim__typed{opacity:0}
.htour .htask .asim__typed{clip-path:inset(0 100% 0 0)}
.htour .htask--m{position:absolute;left:0;right:0;top:44px;bottom:0;background:#fff}
.htask--m .asim__thread{padding:16px 14px 8px}
.htask--m .asim__q{font-size:13.5px}
.htask--m .asim__quote{font-size:13.5px;padding:8px 10px}
.htask--m .asim__lbl{font-size:9.5px;margin:10px 0 4px}
.htask--m .asim__row{font-size:12.5px;padding:7px 10px;margin-top:5px}
.htask--m .asim__more,.htask--m .asim__open{font-size:12px;margin-top:8px}
.htask--m .asim__bar{margin:0 12px 76px;font-size:13px}
.htask--m .asim__field{font-size:13px}
.htour .htp__askp .askd__pane{position:absolute;inset:0;width:auto;margin:0;padding:0;animation:none;overflow:hidden}
.htour .htp__askp .askd__tree{display:none}
.htour .htp__askp .tp{position:absolute;inset:0;width:auto;left:0;border:0;border-radius:0}
.htp__askp .tp .tp__head{border-radius:0;padding:6px 18px 10px}
.htp__askp .tp .pu__t{font-size:24px}
.htp__askp .tp .pch{font-size:11.5px;padding:5px 10px}
.htp__askp .tp__mat{display:none}
.htp__askp .tp__r{font-size:13.5px;padding:9px 12px}
.htour .tp__r--lit{animation:none;position:relative}
.htour .tp__r--lit>*{position:relative;z-index:1}
.htour .tp__r--lit::before{content:"";position:absolute;inset:0;background:var(--a100);opacity:var(--lit,0)}

@property --lit{syntax:'<number>';inherits:true;initial-value:0}
/* Send this card (SendCard.jsx), from the foot of the screen */
.htour .htsend{z-index:22;align-items:flex-end;padding:0 10px 14px;opacity:0;animation:none}
.htour .htsend__dlg{transform:translateY(24px);animation:none;padding:16px}
.htour .htsend__in,.htour .s2in__ph,.htour .s2in__t,.htour .s2go,.htour .s2go__a,.htour .s2go__b{animation:none}
.htour .htsend .s2in__t{clip-path:inset(0 100% 0 0)}
.htour .htsend .s2go__b{opacity:0}
.htsend__what{display:grid}
.htsend__what>*{grid-area:1/1}
.htour .htsend .s2dlg__what{margin-top:8px}
.htour .htsend .s2dlg__what b{font-size:14.5px;line-height:1.3}
.htour .htsend .s2dlg__note{font-size:12px;margin:8px 0 10px}
.htour .htsend .s2in{height:38px;font-size:13.5px}
.htour .htsend .s2in>span{top:9px}
.htour .htsend .s2dlg__acts{margin-top:10px}

/* toasts (kit/toast.jsx): under the header on a phone, bottom right at a desk */
.httoast{position:absolute;z-index:21;background:var(--g900);color:#fff;border-radius:10px;padding:11px 14px;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);opacity:0}

/* the tab pill: Atlas and Ask, each with its lit twin */
.htour .htpill>.htpill__a{display:grid;padding:0;border-radius:999px}
.htour .htpill>.htpill__a>span{grid-area:1/1}
.hp-pa0,.hp-pq1{opacity:0}

/* taps on the phone */
.httap{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid var(--b400);background:rgba(79,124,167,.16);z-index:30;opacity:0;pointer-events:none}

/* ---------------- below 901 px the laptop is hidden and the phone plays the whole tour ---------------- */
@media (min-width:761px) and (max-width:900px){
.htour.hstage{padding:0 16px 40px;min-height:0;display:flex;flex-direction:column;align-items:center;margin-top:28px}
.htour .hdesk{display:none}
.htour .hphone{position:relative;left:auto;bottom:auto;width:304px;height:608px}
.htour .hphone .ph{transform:scale(.8);transform-origin:top left}
.htour .sync{position:relative;left:auto;bottom:auto;margin-top:14px}
}
@media (max-width:900px){
.htour .htlbl{position:relative;right:auto;bottom:auto;align-self:center;order:-1;margin:0 0 16px}
.htour .hphone{bottom:auto}
}

@media (prefers-reduced-motion: reduce){
.htour .htds *,.htour .htph *,.htour .htlbl *{animation:none!important}
.htour .htpkdim{opacity:0!important}
.htour .htcur,.htour .httap{display:none}
}

/* @@ht-keyframes begin (generated by build.py; do not edit by hand) */
.htour .ht-l0.ht-l0{opacity:1}
.htour .ht-l0{animation:htk1 43s infinite both}
.htour .ht-l1.ht-l1{opacity:0}
.htour .ht-l1{animation:htk2 43s infinite both}
.htour .ht-l2.ht-l2{opacity:0}
.htour .ht-l2{animation:htk3 43s infinite both}
.htour .ht-l3.ht-l3{opacity:0}
.htour .ht-l3{animation:htk4 43s infinite both}
.htour .ht-l4.ht-l4{opacity:0}
.htour .ht-l4{animation:htk5 43s infinite both}
.htour .ht-l5.ht-l5{opacity:0}
.htour .ht-l5{animation:htk6 43s infinite both}
.htour .ht-l6.ht-l6{opacity:0}
.htour .ht-l6{animation:htk7 43s infinite both}
.htour .ht-l7.ht-l7{opacity:0}
.htour .ht-l7{animation:htk8 43s infinite both}
.htour .ht-l8.ht-l8{opacity:0}
.htour .ht-l8{animation:htk9 43s infinite both}
.htour .ht-dot.ht-dot{transform:translateX(0px)}
.htour .ht-dot{animation:htk10 43s infinite both}
.htour .hd-cur.hd-cur{transform:translate(935px,557px)}
.htour .hd-cur{animation:htk11 43s infinite both}
.htour .hd-clk.hd-clk{opacity:0;transform:scale(.4)}
.htour .hd-clk{animation:htk12 43s infinite both}
.htour .hd-t1.hd-t1{opacity:0}
.htour .hd-t1{animation:htk13 43s infinite both}
.htour .hd-t2.hd-t2{opacity:0}
.htour .hd-t2{animation:htk14 43s infinite both}
.htour .hd-t3.hd-t3{opacity:0}
.htour .hd-t3{animation:htk15 43s infinite both}
.htour .hd3-seldli.hd3-seldli{opacity:0}
.htour .hd3-seldli{animation:htk16 43s infinite both}
.htour .hd3-dli1.hd3-dli1{opacity:1}
.htour .hd3-dli1{animation:htk17 43s infinite both}
.htour .hd3-dli2.hd3-dli2{opacity:0}
.htour .hd3-dli2{animation:htk18 43s infinite both}
.htour .hd3-seltr.hd3-seltr{opacity:0}
.htour .hd3-seltr{animation:htk19 43s infinite both}
.htour .hd-c0.hd-c0{opacity:1}
.htour .hd-c0{animation:htk20 43s infinite both}
.htour .hd-c1.hd-c1{opacity:0}
.htour .hd-c1{animation:htk21 43s infinite both}
.htour .hd-help.hd-help{opacity:1}
.htour .hd-help{animation:htk22 43s infinite both}
.htour .hd-box.hd-box{opacity:0}
.htour .hd-box{animation:htk23 43s infinite both}
.htour .hd-ph.hd-ph{opacity:1}
.htour .hd-ph{animation:htk24 43s infinite both}
.htour .hd-clean.hd-clean{opacity:0;transform:scale(1)}
.htour .hd-clean{animation:htk25 43s infinite both}
.htour .hd-work.hd-work{opacity:0}
.htour .hd-work{animation:htk26 43s infinite both}
.htour .hd-gB.hd-gB{opacity:1}
.htour .hd-gB{animation:htk27 43s infinite both}
.htour .hd-gA.hd-gA{opacity:0;transform:translateY(0px)}
.htour .hd-gA{animation:htk28 43s infinite both}
.htour .hd-sh1.hd-sh1{opacity:0}
.htour .hd-sh1{animation:htk29 43s infinite both}
.htour .hd-sp1.hd-sp1{opacity:0}
.htour .hd-sp1{animation:htk30 43s infinite both}
.htour .hd-m1.hd-m1{opacity:1}
.htour .hd-m1{animation:htk31 43s infinite both}
.htour .hd-m1b.hd-m1b{opacity:0}
.htour .hd-m1b{animation:htk32 43s infinite both}
.htour .hd-toast1.hd-toast1{opacity:0;transform:translateY(8px)}
.htour .hd-toast1{animation:htk33 43s infinite both}
.htour .hd-stks.hd-stks{opacity:0}
.htour .hd-stks{animation:htk34 43s infinite both}
.htour .hd-s1.hd-s1{opacity:1}
.htour .hd-s1{animation:htk35 43s infinite both}
.htour .hd-s2.hd-s2{opacity:0}
.htour .hd-s2{animation:htk36 43s infinite both}
.htour .hd-ln0.hd-ln0{opacity:0;transform:translate(52px,70px)}
.htour .hd-ln0{animation:htk37 43s infinite both}
.htour .hd-gA-r0.hd-gA-r0{opacity:0;transform:translateY(-4px)}
.htour .hd-gA-r0{animation:htk38 43s infinite both}
.htour .hd-ln1.hd-ln1{opacity:0;transform:translate(52px,89px)}
.htour .hd-ln1{animation:htk39 43s infinite both}
.htour .hd-gA-r1.hd-gA-r1{opacity:0;transform:translateY(-4px)}
.htour .hd-gA-r1{animation:htk40 43s infinite both}
.htour .hd-ln2.hd-ln2{opacity:0;transform:translate(52px,108px)}
.htour .hd-ln2{animation:htk41 43s infinite both}
.htour .hd-gA-r2.hd-gA-r2{opacity:0;transform:translateY(-4px)}
.htour .hd-gA-r2{animation:htk42 43s infinite both}
.htour .hd-ln3.hd-ln3{opacity:0;transform:translate(52px,127px)}
.htour .hd-ln3{animation:htk43 43s infinite both}
.htour .hd-gA-r3.hd-gA-r3{opacity:0;transform:translateY(-4px)}
.htour .hd-gA-r3{animation:htk44 43s infinite both}
.htour .hd-ln4.hd-ln4{opacity:0;transform:translate(52px,146px)}
.htour .hd-ln4{animation:htk45 43s infinite both}
.htour .hd-gA-r4.hd-gA-r4{opacity:0;transform:translateY(-4px)}
.htour .hd-gA-r4{animation:htk46 43s infinite both}
.htour .hd-ln5.hd-ln5{opacity:0;transform:translate(52px,165px)}
.htour .hd-ln5{animation:htk47 43s infinite both}
.htour .hd-gA-r5.hd-gA-r5{opacity:0;transform:translateY(-4px)}
.htour .hd-gA-r5{animation:htk48 43s infinite both}
.htour .hd-ln6.hd-ln6{opacity:0;transform:translate(52px,184px)}
.htour .hd-ln6{animation:htk49 43s infinite both}
.htour .hd-gA-r6.hd-gA-r6{opacity:0;transform:translateY(-4px)}
.htour .hd-gA-r6{animation:htk50 43s infinite both}
.htour .hd-ln7.hd-ln7{opacity:0;transform:translate(52px,203px)}
.htour .hd-ln7{animation:htk51 43s infinite both}
.htour .hd-gA-r7.hd-gA-r7{opacity:0;transform:translateY(-4px)}
.htour .hd-gA-r7{animation:htk52 43s infinite both}
.htour .hd-ln8.hd-ln8{opacity:0;transform:translate(52px,222px)}
.htour .hd-ln8{animation:htk53 43s infinite both}
.htour .hd-gA-r8.hd-gA-r8{opacity:0;transform:translateY(-4px)}
.htour .hd-gA-r8{animation:htk54 43s infinite both}
.htour .hd-ln9.hd-ln9{opacity:0;transform:translate(52px,241px)}
.htour .hd-ln9{animation:htk55 43s infinite both}
.htour .hd-gA-r9.hd-gA-r9{opacity:0;transform:translateY(-4px)}
.htour .hd-gA-r9{animation:htk56 43s infinite both}
.htour .hd-c2.hd-c2{opacity:0}
.htour .hd-c2{animation:htk57 43s infinite both}
.htour .hd-pA.hd-pA{transform:translateY(-410px)}
.htour .hd-pA{animation:htk58 43s infinite both}
.htour .hd-c3.hd-c3{opacity:0}
.htour .hd-c3{animation:htk59 43s infinite both}
.htour .hd-c3-new.hd-c3-new{opacity:0;transform:scale(.96)}
.htour .hd-c3-new{animation:htk60 43s infinite both}
.htour .hd-c3n.hd-c3n{opacity:0}
.htour .hd-c3n{animation:htk61 43s infinite both}
.htour .hd-c3n-new.hd-c3n-new{opacity:1}
.htour .hd-c3n-new{animation:htk62 43s infinite both}
.htour .hd-side.hd-side{opacity:0;transform:translateX(36px)}
.htour .hd-side{animation:htk63 43s infinite both}
.htour .hd-pkb.hd-pkb{opacity:1;transform:scale(1)}
.htour .hd-pkb{animation:htk64 43s infinite both}
.htour .hd-railask.hd-railask{opacity:0}
.htour .hd-railask{animation:htk65 43s infinite both}
.htour .hd-ask.hd-ask{opacity:0}
.htour .hd-ask{animation:htk66 43s infinite both}
.htour .hd-q-ph1.hd-q-ph1{opacity:1}
.htour .hd-q-ph1{animation:htk67 43s infinite both}
.htour .hd-q-typed.hd-q-typed{opacity:0;clip-path:inset(0 100% 0 0)}
.htour .hd-q-typed{animation:htk68 43s infinite both}
.htour .hd-q-ph2.hd-q-ph2{opacity:0}
.htour .hd-q-ph2{animation:htk69 43s infinite both}
.htour .hd-q-q.hd-q-q{opacity:0;transform:translateY(8px)}
.htour .hd-q-q{animation:htk70 43s infinite both}
.htour .hd-q-work.hd-q-work{opacity:0}
.htour .hd-q-work{animation:htk71 43s infinite both}
.htour .hd-q-a1.hd-q-a1{opacity:0;transform:translateY(8px)}
.htour .hd-q-a1{animation:htk72 43s infinite both}
.htour .hd-q-a2.hd-q-a2{opacity:0;transform:translateY(8px)}
.htour .hd-q-a2{animation:htk73 43s infinite both}
.htour .hd-q-a3.hd-q-a3{opacity:0;transform:translateY(8px)}
.htour .hd-q-a3{animation:htk74 43s infinite both}
.htour .hd-q-a4.hd-q-a4{opacity:0;transform:translateY(8px)}
.htour .hd-q-a4{animation:htk75 43s infinite both}
.htour .hd-q-a5.hd-q-a5{opacity:0;transform:translateY(8px)}
.htour .hd-q-a5{animation:htk76 43s infinite both}
.htour .hd-q-a6.hd-q-a6{opacity:0;transform:translateY(8px)}
.htour .hd-q-a6{animation:htk77 43s infinite both}
.htour .hd-askp.hd-askp{opacity:0;transform:translateX(24px)}
.htour .hd-askp{animation:htk78 43s infinite both}
.htour .hd-lit.hd-lit{--lit:0}
.htour .hd-lit{animation:htk79 43s infinite both}
@media (min-width:901px){.htour .hp-tap{animation:htk80 43s infinite both} }
@media (max-width:900px){.htour .hp-tap{animation:htk81 43s infinite both} }
.htour .hp-t1.hp-t1{opacity:0}
.htour .hp-t1{animation:htk82 43s infinite both}
.htour .hp-t2.hp-t2{opacity:0}
.htour .hp-t2{animation:htk83 43s infinite both}
.htour .hp-t3.hp-t3{opacity:0}
.htour .hp-t3{animation:htk84 43s infinite both}
.htour .hp3-dli1.hp3-dli1{opacity:1}
.htour .hp3-dli1{animation:htk85 43s infinite both}
.htour .hp3-dli2.hp3-dli2{opacity:0}
.htour .hp3-dli2{animation:htk86 43s infinite both}
.htour .hp3-seldli.hp3-seldli{opacity:0}
.htour .hp3-seldli{animation:htk87 43s infinite both}
.htour .hp3-seltr.hp3-seltr{opacity:0}
.htour .hp3-seltr{animation:htk88 43s infinite both}
.htour .hp-dli.hp-dli{opacity:0;transform:translateX(18px)}
.htour .hp-dli{animation:htk89 43s infinite both}
.htour .hp-m1.hp-m1{opacity:1}
.htour .hp-m1{animation:htk90 43s infinite both}
.htour .hp-m1b.hp-m1b{opacity:0}
.htour .hp-m1b{animation:htk91 43s infinite both}
.htour .hp-m2.hp-m2{opacity:0}
.htour .hp-m2{animation:htk92 43s infinite both}
.htour .hp-m3.hp-m3{opacity:0}
.htour .hp-m3{animation:htk93 43s infinite both}
.htour .hp-sh1.hp-sh1{opacity:0}
.htour .hp-sh1{animation:htk94 43s infinite both}
.htour .hp-sp1.hp-sp1{opacity:0}
.htour .hp-sp1{animation:htk95 43s infinite both}
.htour .hp-pk1.hp-pk1{opacity:1}
.htour .hp-pk1{animation:htk96 43s infinite both}
.htour .hp-s1.hp-s1{opacity:1}
.htour .hp-s1{animation:htk97 43s infinite both}
.htour .hp-s2.hp-s2{opacity:0}
.htour .hp-s2{animation:htk98 43s infinite both}
.htour .hp-s3.hp-s3{opacity:0}
.htour .hp-s3{animation:htk99 43s infinite both}
.htour .hp-s4.hp-s4{opacity:0}
.htour .hp-s4{animation:htk100 43s infinite both}
.htour .hp-nv.hp-nv{opacity:0;transform:translateY(-6px)}
.htour .hp-nv{animation:htk101 43s infinite both}
.htour .hp-a1.hp-a1{opacity:0}
.htour .hp-a1{animation:htk102 43s infinite both}
.htour .hp-b1.hp-b1{opacity:0}
.htour .hp-b1{animation:htk103 43s infinite both}
.htour .hp-c1.hp-c1{opacity:0;transform:scale(1)}
.htour .hp-c1{animation:htk104 43s infinite both}
.htour .hp-body.hp-body{transform:translateY(0px)}
.htour .hp-body{animation:htk105 43s infinite both}
@media (max-width:900px){.htour .hp-help{animation:htk106 43s infinite both} }
@media (max-width:900px){.htour .hp-box{animation:htk107 43s infinite both} }
@media (max-width:900px){.htour .hp-ph{animation:htk108 43s infinite both} }
@media (max-width:900px){.htour .hp-clean{animation:htk109 43s infinite both} }
@media (max-width:900px){.htour .hp-work{animation:htk110 43s infinite both} }
.htour .hp-gB.hp-gB{opacity:1}
.htour .hp-gB{animation:htk111 43s infinite both}
.htour .hp-gA.hp-gA{opacity:0;transform:translateY(0px)}
.htour .hp-gA{animation:htk112 43s infinite both}
.htour .hp-stks.hp-stks{opacity:0}
.htour .hp-stks{animation:htk113 43s infinite both}
@media (max-width:900px){.htour .hp-toast1{animation:htk114 43s infinite both} }
@media (max-width:900px){.htour .hp-ln0{animation:htk115 43s infinite both} }
.htour .hp-gA-r0.hp-gA-r0{opacity:0;transform:translateY(-4px)}
.htour .hp-gA-r0{animation:htk116 43s infinite both}
@media (max-width:900px){.htour .hp-ln1{animation:htk117 43s infinite both} }
.htour .hp-gA-r1.hp-gA-r1{opacity:0;transform:translateY(-4px)}
.htour .hp-gA-r1{animation:htk118 43s infinite both}
@media (max-width:900px){.htour .hp-ln2{animation:htk119 43s infinite both} }
.htour .hp-gA-r2.hp-gA-r2{opacity:0;transform:translateY(-4px)}
.htour .hp-gA-r2{animation:htk120 43s infinite both}
@media (max-width:900px){.htour .hp-ln3{animation:htk121 43s infinite both} }
.htour .hp-gA-r3.hp-gA-r3{opacity:0;transform:translateY(-4px)}
.htour .hp-gA-r3{animation:htk122 43s infinite both}
@media (max-width:900px){.htour .hp-ln4{animation:htk123 43s infinite both} }
.htour .hp-gA-r4.hp-gA-r4{opacity:0;transform:translateY(-4px)}
.htour .hp-gA-r4{animation:htk124 43s infinite both}
@media (max-width:900px){.htour .hp-ln5{animation:htk125 43s infinite both} }
.htour .hp-gA-r5.hp-gA-r5{opacity:0;transform:translateY(-4px)}
.htour .hp-gA-r5{animation:htk126 43s infinite both}
@media (max-width:900px){.htour .hp-ln6{animation:htk127 43s infinite both} }
.htour .hp-gA-r6.hp-gA-r6{opacity:0;transform:translateY(-4px)}
.htour .hp-gA-r6{animation:htk128 43s infinite both}
@media (max-width:900px){.htour .hp-ln7{animation:htk129 43s infinite both} }
.htour .hp-gA-r7.hp-gA-r7{opacity:0;transform:translateY(-4px)}
.htour .hp-gA-r7{animation:htk130 43s infinite both}
@media (max-width:900px){.htour .hp-ln8{animation:htk131 43s infinite both} }
.htour .hp-gA-r8.hp-gA-r8{opacity:0;transform:translateY(-4px)}
.htour .hp-gA-r8{animation:htk132 43s infinite both}
@media (max-width:900px){.htour .hp-ln9{animation:htk133 43s infinite both} }
.htour .hp-gA-r9.hp-gA-r9{opacity:0;transform:translateY(-4px)}
.htour .hp-gA-r9{animation:htk134 43s infinite both}
.htour .hp-pB.hp-pB{opacity:0;transform:translateY(0px)}
.htour .hp-pB{animation:htk135 43s infinite both}
.htour .hp-pB-mica.hp-pB-mica{opacity:1}
.htour .hp-pB-mica{animation:htk136 43s infinite both}
.htour .hp-pB-micb.hp-pB-micb{opacity:0}
.htour .hp-pB-micb{animation:htk137 43s infinite both}
.htour .hp-pB-mic.hp-pB-mic{opacity:1;transform:scale(1)}
.htour .hp-pB-mic{animation:htk138 43s infinite both}
.htour .hp-dbx.hp-dbx{opacity:0;transform:translateY(-6px)}
.htour .hp-dbx{animation:htk139 43s infinite both}
.htour .hp-w0.hp-w0{opacity:0}
.htour .hp-w0{animation:htk140 43s infinite both}
.htour .hp-w1.hp-w1{opacity:0}
.htour .hp-w1{animation:htk141 43s infinite both}
.htour .hp-w2.hp-w2{opacity:0}
.htour .hp-w2{animation:htk142 43s infinite both}
.htour .hp-w3.hp-w3{opacity:0}
.htour .hp-w3{animation:htk143 43s infinite both}
.htour .hp-w4.hp-w4{opacity:0}
.htour .hp-w4{animation:htk144 43s infinite both}
.htour .hp-dla.hp-dla{opacity:1}
.htour .hp-dla{animation:htk145 43s infinite both}
.htour .hp-dlb.hp-dlb{opacity:0}
.htour .hp-dlb{animation:htk146 43s infinite both}
.htour .hp-w5.hp-w5{opacity:0}
.htour .hp-w5{animation:htk147 43s infinite both}
.htour .hp-w6.hp-w6{opacity:0}
.htour .hp-w6{animation:htk148 43s infinite both}
.htour .hp-key.hp-key{opacity:1;transform:scale(1)}
.htour .hp-key{animation:htk149 43s infinite both}
.htour .hp-pe.hp-pe{opacity:1}
.htour .hp-pe{animation:htk150 43s infinite both}
.htour .hp-prow.hp-prow{opacity:0;transform:translateY(-6px)}
.htour .hp-prow{animation:htk151 43s infinite both}
.htour .hp-atlas.hp-atlas{opacity:1}
.htour .hp-atlas{animation:htk152 43s infinite both}
.htour .hp-tr.hp-tr{opacity:0;transform:translateX(18px)}
.htour .hp-tr{animation:htk153 43s infinite both}
.htour .hp-trsc.hp-trsc{transform:translateY(0px)}
.htour .hp-trsc{animation:htk154 43s infinite both}
.htour .hp-stk0.hp-stk0{opacity:1}
.htour .hp-stk0{animation:htk155 43s infinite both}
.htour .hp-stk1.hp-stk1{opacity:0}
.htour .hp-stk1{animation:htk156 43s infinite both}
.htour .hp-v0.hp-v0{opacity:1}
.htour .hp-v0{animation:htk157 43s infinite both}
.htour .hp-v1.hp-v1{opacity:0}
.htour .hp-v1{animation:htk158 43s infinite both}
.htour .hp-v2.hp-v2{opacity:0}
.htour .hp-v2{animation:htk159 43s infinite both}
.htour .hp-v3.hp-v3{opacity:0}
.htour .hp-v3{animation:htk160 43s infinite both}
.htour .hp-newt.hp-newt{opacity:1;transform:scale(.94)}
.htour .hp-newt{animation:htk161 43s infinite both}
.htour .hp-nph.hp-nph{opacity:1}
.htour .hp-nph{animation:htk162 43s infinite both}
.htour .hp-nt.hp-nt{clip-path:inset(0 100% 0 0)}
.htour .hp-nt{animation:htk163 43s infinite both}
.htour .hp-ad0.hp-ad0{opacity:1}
.htour .hp-ad0{animation:htk164 43s infinite both}
.htour .hp-ad1.hp-ad1{opacity:0}
.htour .hp-ad1{animation:htk165 43s infinite both}
.htour .hp-rn0.hp-rn0{opacity:1}
.htour .hp-rn0{animation:htk166 43s infinite both}
.htour .hp-rn1.hp-rn1{opacity:0}
.htour .hp-rn1{animation:htk167 43s infinite both}
.htour .hp-trpk.hp-trpk{opacity:1;transform:scale(1)}
.htour .hp-trpk{animation:htk168 43s infinite both}
.htour .hp-pkdim.hp-pkdim{opacity:0}
.htour .hp-pkdim{animation:htk169 43s infinite both}
.htour .hp-pk.hp-pk{opacity:0;transform:translateY(10px) scale(.94)}
.htour .hp-pk{animation:htk170 43s infinite both}
@media (max-width:900px){.htour .hp-ask{animation:htk171 43s infinite both} }
@media (max-width:900px){.htour .hp-pa1{animation:htk172 43s infinite both} }
@media (max-width:900px){.htour .hp-pa0{animation:htk173 43s infinite both} }
@media (max-width:900px){.htour .hp-pq0{animation:htk174 43s infinite both} }
@media (max-width:900px){.htour .hp-pq1{animation:htk175 43s infinite both} }
@media (max-width:900px){.htour .hp-q-ph1{animation:htk176 43s infinite both} }
@media (max-width:900px){.htour .hp-q-typed{animation:htk177 43s infinite both} }
@media (max-width:900px){.htour .hp-q-ph2{animation:htk178 43s infinite both} }
@media (max-width:900px){.htour .hp-q-q{animation:htk179 43s infinite both} }
@media (max-width:900px){.htour .hp-q-work{animation:htk180 43s infinite both} }
@media (max-width:900px){.htour .hp-q-a1{animation:htk181 43s infinite both} }
@media (max-width:900px){.htour .hp-q-a2{animation:htk182 43s infinite both} }
@media (max-width:900px){.htour .hp-q-a3{animation:htk183 43s infinite both} }
@media (max-width:900px){.htour .hp-q-a4{animation:htk184 43s infinite both} }
@media (max-width:900px){.htour .hp-q-a5{animation:htk185 43s infinite both} }
@media (max-width:900px){.htour .hp-q-a6{animation:htk186 43s infinite both} }
@media (max-width:900px){.htour .hp-askp{animation:htk187 43s infinite both} }
@media (max-width:900px){.htour .hp-lit{animation:htk188 43s infinite both} }
.htour .hp-send.hp-send{opacity:0}
.htour .hp-send{animation:htk189 43s infinite both}
.htour .hp-dlg.hp-dlg{transform:translateY(24px)}
.htour .hp-dlg{animation:htk190 43s infinite both}
.htour .hp-in.hp-in{box-shadow:none;border-color:var(--g300)}
.htour .hp-in{animation:htk191 43s infinite both}
.htour .hp-iph.hp-iph{opacity:1}
.htour .hp-iph{animation:htk192 43s infinite both}
.htour .hp-it.hp-it{clip-path:inset(0 100% 0 0)}
.htour .hp-it{animation:htk193 43s infinite both}
.htour .hp-sgo.hp-sgo{opacity:1;transform:scale(1)}
.htour .hp-sgo{animation:htk194 43s infinite both}
.htour .hp-sga.hp-sga{opacity:1}
.htour .hp-sga{animation:htk195 43s infinite both}
.htour .hp-sgb.hp-sgb{opacity:0}
.htour .hp-sgb{animation:htk196 43s infinite both}
.htour .hp-toast2.hp-toast2{opacity:0;transform:translateY(-8px)}
.htour .hp-toast2{animation:htk197 43s infinite both}
@keyframes htk1{0%{opacity:1}9.419%{opacity:1}10%{opacity:0}97.674%{opacity:0}98.372%{opacity:1}100%{opacity:1} }
@keyframes htk2{0%{opacity:0}9.767%{opacity:0}10.465%{opacity:1}19.186%{opacity:1}19.767%{opacity:0}100%{opacity:0} }
@keyframes htk3{0%{opacity:0}19.535%{opacity:0}20.233%{opacity:1}28.953%{opacity:1}29.535%{opacity:0}100%{opacity:0} }
@keyframes htk4{0%{opacity:0}29.302%{opacity:0}30%{opacity:1}38.721%{opacity:1}39.302%{opacity:0}100%{opacity:0} }
@keyframes htk5{0%{opacity:0}39.07%{opacity:0}39.767%{opacity:1}50.814%{opacity:1}51.395%{opacity:0}100%{opacity:0} }
@keyframes htk6{0%{opacity:0}51.163%{opacity:0}51.86%{opacity:1}63.372%{opacity:1}63.953%{opacity:0}100%{opacity:0} }
@keyframes htk7{0%{opacity:0}63.721%{opacity:0}64.419%{opacity:1}72.209%{opacity:1}72.791%{opacity:0}100%{opacity:0} }
@keyframes htk8{0%{opacity:0}72.558%{opacity:0}73.256%{opacity:1}83.837%{opacity:1}84.419%{opacity:0}100%{opacity:0} }
@keyframes htk9{0%{opacity:0}84.186%{opacity:0}84.884%{opacity:1}97.442%{opacity:1}98.023%{opacity:0}100%{opacity:0} }
@keyframes htk10{0%{transform:translateX(0px)}9.535%{transform:translateX(0px)}10.349%{transform:translateX(11px)}19.302%{transform:translateX(11px)}20.116%{transform:translateX(22px)}29.07%{transform:translateX(22px)}29.884%{transform:translateX(33px)}38.837%{transform:translateX(33px)}39.651%{transform:translateX(44px)}50.93%{transform:translateX(44px)}51.744%{transform:translateX(55px)}63.488%{transform:translateX(55px)}64.302%{transform:translateX(66px)}72.326%{transform:translateX(66px)}73.14%{transform:translateX(77px)}83.953%{transform:translateX(77px)}84.767%{transform:translateX(88px)}97.442%{transform:translateX(88px)}98.605%{transform:translateX(0px)}100%{transform:translateX(0px)} }
@keyframes htk11{0%{transform:translate(935px,557px)}3.256%{transform:translate(935px,557px)}4.419%{transform:translate(284px,133px)}4.884%{transform:translate(284px,133px)}6.279%{transform:translate(306px,465px)}6.744%{transform:translate(306px,465px)}8.605%{transform:translate(313px,85px)}10%{transform:translate(313px,85px)}11.279%{transform:translate(425px,206px)}11.744%{transform:translate(425px,206px)}13.14%{transform:translate(1200px,259px)}13.605%{transform:translate(1200px,259px)}14.535%{transform:translate(930px,377px)}15.116%{transform:translate(930px,377px)}17.674%{transform:translate(1196px,493px)}20.233%{transform:translate(1196px,493px)}22.326%{transform:translate(1145px,637px)}48.605%{transform:translate(1145px,637px)}49.767%{transform:translate(810px,186px)}50.233%{transform:translate(810px,186px)}52.093%{transform:translate(900px,417px)}52.326%{transform:translate(900px,417px)}53.372%{transform:translate(425px,458px)}53.837%{transform:translate(425px,458px)}55.581%{transform:translate(995px,637px)}64.884%{transform:translate(995px,637px)}66.047%{transform:translate(1209px,139px)}66.512%{transform:translate(1209px,139px)}68.372%{transform:translate(755px,557px)}72.442%{transform:translate(755px,557px)}73.256%{transform:translate(200px,192px)}73.721%{transform:translate(200px,192px)}74.651%{transform:translate(755px,703px)}75.116%{transform:translate(755px,703px)}76.977%{transform:translate(1145px,597px)}81.047%{transform:translate(1145px,597px)}82.093%{transform:translate(635px,234px)}82.558%{transform:translate(635px,234px)}84.419%{transform:translate(1115px,557px)}97.442%{transform:translate(1115px,557px)}98.605%{transform:translate(935px,557px)}100%{transform:translate(935px,557px)} }
@keyframes htk12{0%{opacity:0;transform:scale(.4)}4.605%{opacity:0;transform:scale(.4)}4.744%{opacity:1;transform:scale(.65)}5.698%{opacity:0;transform:scale(1.45)}6.465%{opacity:0;transform:scale(.4)}6.605%{opacity:1;transform:scale(.65)}7.558%{opacity:0;transform:scale(1.45)}10.186%{opacity:0;transform:scale(.4)}10.326%{opacity:1;transform:scale(.65)}11.279%{opacity:0;transform:scale(1.45)}11.581%{opacity:0;transform:scale(.4)}11.721%{opacity:1;transform:scale(.65)}12.674%{opacity:0;transform:scale(1.45)}13.442%{opacity:0;transform:scale(.4)}13.581%{opacity:1;transform:scale(.65)}14.535%{opacity:0;transform:scale(1.45)}14.837%{opacity:0;transform:scale(.4)}14.977%{opacity:1;transform:scale(.65)}15.93%{opacity:0;transform:scale(1.45)}19.953%{opacity:0;transform:scale(.4)}20.093%{opacity:1;transform:scale(.65)}21.047%{opacity:0;transform:scale(1.45)}49.953%{opacity:0;transform:scale(.4)}50.093%{opacity:1;transform:scale(.65)}51.047%{opacity:0;transform:scale(1.45)}53.558%{opacity:0;transform:scale(.4)}53.698%{opacity:1;transform:scale(.65)}54.651%{opacity:0;transform:scale(1.45)}66.233%{opacity:0;transform:scale(.4)}66.372%{opacity:1;transform:scale(.65)}67.326%{opacity:0;transform:scale(1.45)}73.442%{opacity:0;transform:scale(.4)}73.581%{opacity:1;transform:scale(.65)}74.535%{opacity:0;transform:scale(1.45)}74.837%{opacity:0;transform:scale(.4)}74.977%{opacity:1;transform:scale(.65)}75.93%{opacity:0;transform:scale(1.45)}82.279%{opacity:0;transform:scale(.4)}82.419%{opacity:1;transform:scale(.65)}83.372%{opacity:0;transform:scale(1.45)}100%{opacity:0;transform:scale(1.45)} }
@keyframes htk13{0%{opacity:0}4.698%{opacity:0}4.977%{opacity:1}6.86%{opacity:1}7.14%{opacity:0}100%{opacity:0} }
@keyframes htk14{0%{opacity:0}6.558%{opacity:0}6.837%{opacity:1}10.698%{opacity:1}10.977%{opacity:0}100%{opacity:0} }
@keyframes htk15{0%{opacity:0}10.279%{opacity:0}10.558%{opacity:1}97.442%{opacity:1}98.372%{opacity:0}100%{opacity:0} }
@keyframes htk16{0%{opacity:0}11.628%{opacity:0}11.907%{opacity:1}53.605%{opacity:1}53.884%{opacity:0}100%{opacity:0} }
@keyframes htk17{0%{opacity:1}49.535%{opacity:1}50%{opacity:0}98.605%{opacity:0}98.628%{opacity:1}100%{opacity:1} }
@keyframes htk18{0%{opacity:0}49.535%{opacity:0}50%{opacity:1}98.605%{opacity:1}98.628%{opacity:0}100%{opacity:0} }
@keyframes htk19{0%{opacity:0}53.605%{opacity:0}53.884%{opacity:1}97.442%{opacity:1}98.372%{opacity:0}100%{opacity:0} }
@keyframes htk20{0%{opacity:1}12.326%{opacity:1}12.558%{opacity:0}97.442%{opacity:0}98.372%{opacity:1}100%{opacity:1} }
@keyframes htk21{0%{opacity:0}11.674%{opacity:0}12.256%{opacity:1}50.698%{opacity:1}51.163%{opacity:0}100%{opacity:0} }
@keyframes htk22{0%{opacity:1}13.605%{opacity:1}13.953%{opacity:0}53.488%{opacity:0}53.512%{opacity:1}100%{opacity:1} }
@keyframes htk23{0%{opacity:0}13.605%{opacity:0}13.953%{opacity:1}22.326%{opacity:1}22.907%{opacity:0}100%{opacity:0} }
@keyframes htk24{0%{opacity:1}15.349%{opacity:1}15.581%{opacity:0}53.488%{opacity:0}53.512%{opacity:1}100%{opacity:1} }
@keyframes htk25{0%{opacity:0;transform:scale(1)}15.581%{opacity:0}16.047%{opacity:1}20%{transform:scale(1)}20.186%{transform:scale(.86)}20.233%{transform:scale(.86)}20.512%{transform:scale(1)}22.209%{opacity:1}22.674%{opacity:0}100%{opacity:0;transform:scale(1)} }
@keyframes htk26{0%{opacity:0}20.279%{opacity:0}20.628%{opacity:1}22.209%{opacity:1}22.558%{opacity:0}100%{opacity:0} }
@keyframes htk27{0%{opacity:1}22.372%{opacity:1}22.953%{opacity:0}53.488%{opacity:0}53.512%{opacity:1}100%{opacity:1} }
@keyframes htk28{0%{opacity:0;transform:translateY(0px)}22.326%{opacity:0}22.558%{transform:translateY(0px)}22.907%{opacity:1}23.488%{transform:translateY(-412px)}26.279%{transform:translateY(-412px)}27.674%{transform:translateY(-681px)}53.488%{opacity:1;transform:translateY(-681px)}53.512%{opacity:0;transform:translateY(0px)}100%{opacity:0;transform:translateY(0px)} }
@keyframes htk29{0%{opacity:0}22.791%{opacity:0}23.372%{opacity:1}53.488%{opacity:1}53.512%{opacity:0}100%{opacity:0} }
@keyframes htk30{0%{opacity:0}22.791%{opacity:0}23.372%{opacity:1}53.488%{opacity:1}53.512%{opacity:0}100%{opacity:0} }
@keyframes htk31{0%{opacity:1}22.674%{opacity:1}22.907%{opacity:0}26.512%{opacity:0}26.86%{opacity:1}100%{opacity:1} }
@keyframes htk32{0%{opacity:0}22.674%{opacity:0}22.907%{opacity:1}26.512%{opacity:1}26.86%{opacity:0}100%{opacity:0} }
@keyframes htk33{0%{opacity:0;transform:translateY(8px)}24.651%{opacity:0;transform:translateY(8px)}25.116%{opacity:1;transform:translateY(0px)}28.837%{opacity:1}29.535%{opacity:0}29.767%{transform:translateY(0px)}29.791%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk34{0%{opacity:0}27.163%{opacity:0}27.349%{opacity:1}53.488%{opacity:1}53.512%{opacity:0}100%{opacity:0} }
@keyframes htk35{0%{opacity:1}49.535%{opacity:1}50%{opacity:0}53.488%{opacity:0}53.512%{opacity:1}100%{opacity:1} }
@keyframes htk36{0%{opacity:0}49.535%{opacity:0}50%{opacity:1}53.488%{opacity:1}53.512%{opacity:0}100%{opacity:0} }
@keyframes htk37{0%{opacity:0;transform:translate(52px,70px)}15.349%{opacity:0}15.628%{opacity:1}22.907%{transform:translate(52px,70px)}23.837%{opacity:1}23.953%{transform:translate(41px,53px)}24.233%{opacity:0}24.419%{transform:translate(41px,53px)}24.535%{transform:translate(52px,70px)}100%{opacity:0;transform:translate(52px,70px)} }
@keyframes htk38{0%{opacity:0;transform:translateY(-4px)}23.767%{opacity:0;transform:translateY(-4px)}24.233%{opacity:1}24.302%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk39{0%{opacity:0;transform:translate(52px,89px)}15.395%{opacity:0}15.674%{opacity:1}23.14%{transform:translate(52px,89px)}24.07%{opacity:1}24.186%{transform:translate(62px,231px)}24.465%{opacity:0}24.651%{transform:translate(62px,231px)}24.767%{transform:translate(52px,89px)}100%{opacity:0;transform:translate(52px,89px)} }
@keyframes htk40{0%{opacity:0;transform:translateY(-4px)}24%{opacity:0;transform:translateY(-4px)}24.465%{opacity:1}24.535%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk41{0%{opacity:0;transform:translate(52px,108px)}15.442%{opacity:0}15.721%{opacity:1}23.372%{transform:translate(52px,108px)}24.302%{opacity:1}24.419%{transform:translate(62px,269px)}24.698%{opacity:0}24.884%{transform:translate(62px,269px)}25%{transform:translate(52px,108px)}100%{opacity:0;transform:translate(52px,108px)} }
@keyframes htk42{0%{opacity:0;transform:translateY(-4px)}24.233%{opacity:0;transform:translateY(-4px)}24.698%{opacity:1}24.767%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk43{0%{opacity:0;transform:translate(52px,127px)}15.488%{opacity:0}15.767%{opacity:1}23.605%{transform:translate(52px,127px)}24.535%{opacity:1}24.651%{transform:translate(62px,307px)}24.93%{opacity:0}25.116%{transform:translate(62px,307px)}25.233%{transform:translate(52px,127px)}100%{opacity:0;transform:translate(52px,127px)} }
@keyframes htk44{0%{opacity:0;transform:translateY(-4px)}24.465%{opacity:0;transform:translateY(-4px)}24.93%{opacity:1}25%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk45{0%{opacity:0;transform:translate(52px,146px)}15.535%{opacity:0}15.814%{opacity:1}23.837%{transform:translate(52px,146px)}24.767%{opacity:1}24.884%{transform:translate(62px,405px)}25.163%{opacity:0}25.349%{transform:translate(62px,405px)}25.465%{transform:translate(52px,146px)}100%{opacity:0;transform:translate(52px,146px)} }
@keyframes htk46{0%{opacity:0;transform:translateY(-4px)}24.698%{opacity:0;transform:translateY(-4px)}25.163%{opacity:1}25.233%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk47{0%{opacity:0;transform:translate(52px,165px)}15.581%{opacity:0}15.86%{opacity:1}24.07%{transform:translate(52px,165px)}25%{opacity:1}25.116%{transform:translate(62px,443px)}25.395%{opacity:0}25.581%{transform:translate(62px,443px)}25.698%{transform:translate(52px,165px)}100%{opacity:0;transform:translate(52px,165px)} }
@keyframes htk48{0%{opacity:0;transform:translateY(-4px)}24.93%{opacity:0;transform:translateY(-4px)}25.395%{opacity:1}25.465%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk49{0%{opacity:0;transform:translate(52px,184px)}15.628%{opacity:0}15.907%{opacity:1}24.302%{transform:translate(52px,184px)}25.233%{opacity:1}25.349%{transform:translate(62px,482px)}25.628%{opacity:0}25.814%{transform:translate(62px,482px)}25.93%{transform:translate(52px,184px)}100%{opacity:0;transform:translate(52px,184px)} }
@keyframes htk50{0%{opacity:0;transform:translateY(-4px)}25.163%{opacity:0;transform:translateY(-4px)}25.628%{opacity:1}25.698%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk51{0%{opacity:0;transform:translate(52px,203px)}15.674%{opacity:0}15.953%{opacity:1}24.535%{transform:translate(52px,203px)}25.465%{opacity:1}25.581%{transform:translate(62px,521px)}25.86%{opacity:0}26.047%{transform:translate(62px,521px)}26.163%{transform:translate(52px,203px)}100%{opacity:0;transform:translate(52px,203px)} }
@keyframes htk52{0%{opacity:0;transform:translateY(-4px)}25.395%{opacity:0;transform:translateY(-4px)}25.86%{opacity:1}25.93%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk53{0%{opacity:0;transform:translate(52px,222px)}15.721%{opacity:0}16%{opacity:1}24.767%{transform:translate(52px,222px)}25.698%{opacity:1}25.814%{transform:translate(41px,700px)}26.093%{opacity:0}26.279%{transform:translate(41px,700px)}26.395%{transform:translate(52px,222px)}100%{opacity:0;transform:translate(52px,222px)} }
@keyframes htk54{0%{opacity:0;transform:translateY(-4px)}25.628%{opacity:0;transform:translateY(-4px)}26.093%{opacity:1}26.163%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk55{0%{opacity:0;transform:translate(52px,241px)}15.767%{opacity:0}16.047%{opacity:1}25%{transform:translate(52px,241px)}25.93%{opacity:1}26.047%{transform:translate(41px,757px)}26.326%{opacity:0}26.512%{transform:translate(41px,757px)}26.628%{transform:translate(52px,241px)}100%{opacity:0;transform:translate(52px,241px)} }
@keyframes htk56{0%{opacity:0;transform:translateY(-4px)}25.86%{opacity:0;transform:translateY(-4px)}26.326%{opacity:1}26.395%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk57{0%{opacity:0}50.116%{opacity:0}50.698%{opacity:1}54.07%{opacity:1}54.535%{opacity:0}100%{opacity:0} }
@keyframes htk58{0%{transform:translateY(-410px)}100%{transform:translateY(-410px)} }
@keyframes htk59{0%{opacity:0}53.605%{opacity:0}54.186%{opacity:1}66.512%{opacity:1}66.977%{opacity:0}100%{opacity:0} }
@keyframes htk60{0%{opacity:0;transform:scale(.96)}62.209%{opacity:0;transform:scale(.96)}62.907%{opacity:1;transform:scale(1)}69.767%{opacity:1;transform:scale(1)}69.791%{opacity:0;transform:scale(.96)}100%{opacity:0;transform:scale(.96)} }
@keyframes htk61{0%{opacity:0}66.395%{opacity:0}66.86%{opacity:1}74.419%{opacity:1}74.884%{opacity:0}100%{opacity:0} }
@keyframes htk62{0%{opacity:1}100%{opacity:1} }
@keyframes htk63{0%{opacity:0;transform:translateX(36px)}66.395%{opacity:0;transform:translateX(36px)}67.093%{opacity:1}67.209%{transform:translateX(0px)}74.419%{opacity:1}74.884%{opacity:0}75.116%{transform:translateX(0px)}75.14%{transform:translateX(36px)}100%{opacity:0;transform:translateX(36px)} }
@keyframes htk64{0%{opacity:1;transform:scale(1)}66.279%{transform:scale(1)}66.465%{transform:scale(.86)}66.512%{transform:scale(.86)}66.791%{transform:scale(1)}100%{opacity:1;transform:scale(1)} }
@keyframes htk65{0%{opacity:0}73.535%{opacity:0}73.884%{opacity:1}97.442%{opacity:1}98.372%{opacity:0}100%{opacity:0} }
@keyframes htk66{0%{opacity:0}73.535%{opacity:0}74.116%{opacity:1}97.442%{opacity:1}98.372%{opacity:0}100%{opacity:0} }
@keyframes htk67{0%{opacity:1}75.116%{opacity:1}75.233%{opacity:0}98.14%{opacity:0}98.163%{opacity:1}100%{opacity:1} }
@keyframes htk68{0%{opacity:0;clip-path:inset(0 100% 0 0)}75.07%{opacity:0}75.116%{opacity:1;clip-path:inset(0 100% 0 0);animation-timing-function:steps(41,end)}77.442%{clip-path:inset(0 0 0 0)}77.674%{opacity:1}77.791%{opacity:0;clip-path:inset(0 0 0 0)}77.814%{clip-path:inset(0 100% 0 0)}100%{opacity:0;clip-path:inset(0 100% 0 0)} }
@keyframes htk69{0%{opacity:0}77.721%{opacity:0}77.953%{opacity:1}97.442%{opacity:1}97.907%{opacity:0}100%{opacity:0} }
@keyframes htk70{0%{opacity:0;transform:translateY(8px)}77.721%{opacity:0;transform:translateY(8px)}78.302%{opacity:1}78.419%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk71{0%{opacity:0}78.023%{opacity:0}78.372%{opacity:1}79.419%{opacity:1}79.767%{opacity:0}100%{opacity:0} }
@keyframes htk72{0%{opacity:0;transform:translateY(8px)}79.535%{opacity:0;transform:translateY(8px)}80.116%{opacity:1}80.233%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk73{0%{opacity:0;transform:translateY(8px)}79.837%{opacity:0;transform:translateY(8px)}80.419%{opacity:1}80.535%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk74{0%{opacity:0;transform:translateY(8px)}80.14%{opacity:0;transform:translateY(8px)}80.721%{opacity:1}80.837%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk75{0%{opacity:0;transform:translateY(8px)}80.442%{opacity:0;transform:translateY(8px)}81.023%{opacity:1}81.14%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk76{0%{opacity:0;transform:translateY(8px)}80.744%{opacity:0;transform:translateY(8px)}81.326%{opacity:1}81.442%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk77{0%{opacity:0;transform:translateY(8px)}81.047%{opacity:0;transform:translateY(8px)}81.628%{opacity:1}81.744%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk78{0%{opacity:0;transform:translateX(24px)}82.442%{opacity:0;transform:translateX(24px)}83.14%{opacity:1}83.256%{transform:translateX(0px)}97.442%{opacity:1}98.372%{opacity:0}98.605%{transform:translateX(0px)}98.628%{transform:translateX(24px)}100%{opacity:0;transform:translateX(24px)} }
@keyframes htk79{0%{--lit:0}83.023%{--lit:0}83.605%{--lit:1}93.023%{--lit:1}94.884%{--lit:0}100%{--lit:0} }
@keyframes htk80{0%{opacity:0;transform:translate(177px,191px) scale(.5)}29.767%{opacity:0;transform:translate(177px,191px) scale(.5)}30%{opacity:1;transform:translate(177px,191px) scale(.75)}30.977%{opacity:0;transform:translate(177px,191px) scale(1.35)}31.163%{opacity:0;transform:translate(62px,232px) scale(.5)}31.395%{opacity:1;transform:translate(62px,232px) scale(.75)}32.372%{opacity:0;transform:translate(62px,232px) scale(1.35)}32.558%{opacity:0;transform:translate(157px,232px) scale(.5)}32.791%{opacity:1;transform:translate(157px,232px) scale(.75)}33.767%{opacity:0;transform:translate(157px,232px) scale(1.35)}34.186%{opacity:0;transform:translate(308px,232px) scale(.5)}34.419%{opacity:1;transform:translate(308px,232px) scale(.75)}35.395%{opacity:0;transform:translate(308px,232px) scale(1.35)}41.279%{opacity:0;transform:translate(268px,321px) scale(.5)}41.512%{opacity:1;transform:translate(268px,321px) scale(.75)}42.488%{opacity:0;transform:translate(268px,321px) scale(1.35)}46.744%{opacity:0;transform:translate(316px,371px) scale(.5)}46.977%{opacity:1;transform:translate(316px,371px) scale(.75)}47.907%{opacity:0;transform:translate(268px,321px) scale(.5)}47.953%{opacity:0;transform:translate(316px,371px) scale(1.35)}48.14%{opacity:1;transform:translate(268px,321px) scale(.75)}49.116%{opacity:0;transform:translate(268px,321px) scale(1.35)}51.395%{opacity:0;transform:translate(153px,698px) scale(.5)}51.628%{opacity:1;transform:translate(153px,698px) scale(.75)}52.605%{opacity:0;transform:translate(153px,698px) scale(1.35)}52.791%{opacity:0;transform:translate(180px,611px) scale(.5)}53.023%{opacity:1;transform:translate(180px,611px) scale(.75)}54%{opacity:0;transform:translate(180px,611px) scale(1.35)}54.419%{opacity:0;transform:translate(180px,611px) scale(.5)}54.651%{opacity:1;transform:translate(180px,611px) scale(.75)}55.628%{opacity:0;transform:translate(180px,611px) scale(1.35)}55.814%{opacity:0;transform:translate(66px,617px) scale(.5)}56.047%{opacity:1;transform:translate(66px,617px) scale(.75)}57.023%{opacity:0;transform:translate(66px,617px) scale(1.35)}57.442%{opacity:0;transform:translate(141px,615px) scale(.5)}57.674%{opacity:1;transform:translate(141px,615px) scale(.75)}58.651%{opacity:0;transform:translate(141px,615px) scale(1.35)}60%{opacity:0;transform:translate(300px,614px) scale(.5)}60.233%{opacity:1;transform:translate(300px,614px) scale(.75)}61.209%{opacity:0;transform:translate(300px,614px) scale(1.35)}63.953%{opacity:0;transform:translate(328px,152px) scale(.5)}64.186%{opacity:1;transform:translate(328px,152px) scale(.75)}65.163%{opacity:0;transform:translate(328px,152px) scale(1.35)}70.93%{opacity:0;transform:translate(180px,650px) scale(.5)}71.163%{opacity:1;transform:translate(180px,650px) scale(.75)}72.14%{opacity:0;transform:translate(180px,650px) scale(1.35)}84.884%{opacity:0;transform:translate(260px,152px) scale(.5)}85.116%{opacity:1;transform:translate(260px,152px) scale(.75)}86.093%{opacity:0;transform:translate(260px,152px) scale(1.35)}86.512%{opacity:0;transform:translate(180px,642px) scale(.5)}86.744%{opacity:1;transform:translate(180px,642px) scale(.75)}87.721%{opacity:0;transform:translate(180px,642px) scale(1.35)}89.767%{opacity:0;transform:translate(290px,690px) scale(.5)}90%{opacity:1;transform:translate(290px,690px) scale(.75)}90.977%{opacity:0;transform:translate(290px,690px) scale(1.35)}100%{opacity:0;transform:translate(290px,690px) scale(1.35)} }
@keyframes htk81{0%{opacity:0;transform:translate(38px,294px) scale(.5)}4.419%{opacity:0;transform:translate(38px,294px) scale(.5)}4.651%{opacity:1;transform:translate(38px,294px) scale(.75)}5.628%{opacity:0;transform:translate(38px,294px) scale(1.35)}6.279%{opacity:0;transform:translate(57px,611px) scale(.5)}6.512%{opacity:1;transform:translate(57px,611px) scale(.75)}7.488%{opacity:0;transform:translate(57px,611px) scale(1.35)}10%{opacity:0;transform:translate(63px,247px) scale(.5)}10.233%{opacity:1;transform:translate(63px,247px) scale(.75)}11.209%{opacity:0;transform:translate(63px,247px) scale(1.35)}11.395%{opacity:0;transform:translate(180px,365px) scale(.5)}11.628%{opacity:1;transform:translate(180px,365px) scale(.75)}12.605%{opacity:0;transform:translate(180px,365px) scale(1.35)}13.256%{opacity:0;transform:translate(324px,249px) scale(.5)}13.488%{opacity:1;transform:translate(324px,249px) scale(.75)}14.465%{opacity:0;transform:translate(324px,249px) scale(1.35)}14.651%{opacity:0;transform:translate(180px,361px) scale(.5)}14.884%{opacity:1;transform:translate(180px,361px) scale(.75)}15.86%{opacity:0;transform:translate(180px,361px) scale(1.35)}19.767%{opacity:0;transform:translate(320px,477px) scale(.5)}20%{opacity:1;transform:translate(320px,477px) scale(.75)}20.977%{opacity:0;transform:translate(320px,477px) scale(1.35)}29.767%{opacity:0;transform:translate(177px,191px) scale(.5)}30%{opacity:1;transform:translate(177px,191px) scale(.75)}30.977%{opacity:0;transform:translate(177px,191px) scale(1.35)}31.163%{opacity:0;transform:translate(62px,232px) scale(.5)}31.395%{opacity:1;transform:translate(62px,232px) scale(.75)}32.372%{opacity:0;transform:translate(62px,232px) scale(1.35)}32.558%{opacity:0;transform:translate(157px,232px) scale(.5)}32.791%{opacity:1;transform:translate(157px,232px) scale(.75)}33.767%{opacity:0;transform:translate(157px,232px) scale(1.35)}34.186%{opacity:0;transform:translate(308px,232px) scale(.5)}34.419%{opacity:1;transform:translate(308px,232px) scale(.75)}35.395%{opacity:0;transform:translate(308px,232px) scale(1.35)}41.279%{opacity:0;transform:translate(268px,321px) scale(.5)}41.512%{opacity:1;transform:translate(268px,321px) scale(.75)}42.488%{opacity:0;transform:translate(268px,321px) scale(1.35)}46.744%{opacity:0;transform:translate(316px,371px) scale(.5)}46.977%{opacity:1;transform:translate(316px,371px) scale(.75)}47.907%{opacity:0;transform:translate(268px,321px) scale(.5)}47.953%{opacity:0;transform:translate(316px,371px) scale(1.35)}48.14%{opacity:1;transform:translate(268px,321px) scale(.75)}49.116%{opacity:0;transform:translate(268px,321px) scale(1.35)}51.395%{opacity:0;transform:translate(153px,698px) scale(.5)}51.628%{opacity:1;transform:translate(153px,698px) scale(.75)}52.605%{opacity:0;transform:translate(153px,698px) scale(1.35)}52.791%{opacity:0;transform:translate(180px,611px) scale(.5)}53.023%{opacity:1;transform:translate(180px,611px) scale(.75)}54%{opacity:0;transform:translate(180px,611px) scale(1.35)}54.419%{opacity:0;transform:translate(180px,611px) scale(.5)}54.651%{opacity:1;transform:translate(180px,611px) scale(.75)}55.628%{opacity:0;transform:translate(180px,611px) scale(1.35)}55.814%{opacity:0;transform:translate(66px,617px) scale(.5)}56.047%{opacity:1;transform:translate(66px,617px) scale(.75)}57.023%{opacity:0;transform:translate(66px,617px) scale(1.35)}57.442%{opacity:0;transform:translate(141px,615px) scale(.5)}57.674%{opacity:1;transform:translate(141px,615px) scale(.75)}58.651%{opacity:0;transform:translate(141px,615px) scale(1.35)}60%{opacity:0;transform:translate(300px,614px) scale(.5)}60.233%{opacity:1;transform:translate(300px,614px) scale(.75)}61.209%{opacity:0;transform:translate(300px,614px) scale(1.35)}63.953%{opacity:0;transform:translate(328px,152px) scale(.5)}64.186%{opacity:1;transform:translate(328px,152px) scale(.75)}65.163%{opacity:0;transform:translate(328px,152px) scale(1.35)}70.93%{opacity:0;transform:translate(180px,650px) scale(.5)}71.163%{opacity:1;transform:translate(180px,650px) scale(.75)}72.14%{opacity:0;transform:translate(180px,650px) scale(1.35)}72.791%{opacity:0;transform:translate(209px,698px) scale(.5)}73.023%{opacity:1;transform:translate(209px,698px) scale(.75)}74%{opacity:0;transform:translate(209px,698px) scale(1.35)}74.651%{opacity:0;transform:translate(180px,640px) scale(.5)}74.884%{opacity:1;transform:translate(180px,640px) scale(.75)}75.86%{opacity:0;transform:translate(180px,640px) scale(1.35)}82.093%{opacity:0;transform:translate(180px,320px) scale(.5)}82.326%{opacity:1;transform:translate(180px,320px) scale(.75)}83.302%{opacity:0;transform:translate(180px,320px) scale(1.35)}84.884%{opacity:0;transform:translate(255px,181px) scale(.5)}85.116%{opacity:1;transform:translate(255px,181px) scale(.75)}86.093%{opacity:0;transform:translate(255px,181px) scale(1.35)}86.512%{opacity:0;transform:translate(180px,642px) scale(.5)}86.744%{opacity:1;transform:translate(180px,642px) scale(.75)}87.721%{opacity:0;transform:translate(180px,642px) scale(1.35)}89.767%{opacity:0;transform:translate(290px,690px) scale(.5)}90%{opacity:1;transform:translate(290px,690px) scale(.75)}90.977%{opacity:0;transform:translate(290px,690px) scale(1.35)}100%{opacity:0;transform:translate(290px,690px) scale(1.35)} }
@keyframes htk82{0%{opacity:0}4.698%{opacity:0}4.977%{opacity:1}6.86%{opacity:1}7.14%{opacity:0}100%{opacity:0} }
@keyframes htk83{0%{opacity:0}6.558%{opacity:0}6.837%{opacity:1}10.698%{opacity:1}10.977%{opacity:0}100%{opacity:0} }
@keyframes htk84{0%{opacity:0}10.279%{opacity:0}10.558%{opacity:1}97.442%{opacity:1}98.372%{opacity:0}100%{opacity:0} }
@keyframes htk85{0%{opacity:1}49.535%{opacity:1}50%{opacity:0}98.605%{opacity:0}98.628%{opacity:1}100%{opacity:1} }
@keyframes htk86{0%{opacity:0}49.535%{opacity:0}50%{opacity:1}98.605%{opacity:1}98.628%{opacity:0}100%{opacity:0} }
@keyframes htk87{0%{opacity:0}11.628%{opacity:0}11.814%{opacity:1}12.558%{opacity:1}13.023%{opacity:0}100%{opacity:0} }
@keyframes htk88{0%{opacity:0}53.023%{opacity:0}53.209%{opacity:1}54.186%{opacity:1}54.651%{opacity:0}100%{opacity:0} }
@keyframes htk89{0%{opacity:0;transform:translateX(18px)}11.674%{opacity:0;transform:translateX(18px)}12.256%{opacity:1}12.372%{transform:translateX(0px)}51.744%{opacity:1}52.209%{opacity:0}52.558%{transform:translateX(0px)}52.581%{transform:translateX(18px)}100%{opacity:0;transform:translateX(18px)} }
@keyframes htk90{0%{opacity:1}22.674%{opacity:1}22.907%{opacity:0}26.512%{opacity:0}26.791%{opacity:1}34.651%{opacity:1}34.884%{opacity:0}97.442%{opacity:0}97.721%{opacity:1}100%{opacity:1} }
@keyframes htk91{0%{opacity:0}22.674%{opacity:0}22.907%{opacity:1}26.512%{opacity:1}26.791%{opacity:0}100%{opacity:0} }
@keyframes htk92{0%{opacity:0}34.651%{opacity:0}34.93%{opacity:1}48.953%{opacity:1}49.186%{opacity:0}100%{opacity:0} }
@keyframes htk93{0%{opacity:0}49.186%{opacity:0}49.535%{opacity:1}53.488%{opacity:1}53.512%{opacity:0}100%{opacity:0} }
@keyframes htk94{0%{opacity:0}22.791%{opacity:0}23.372%{opacity:1}30.116%{opacity:1}30.349%{opacity:0}49.186%{opacity:0}49.767%{opacity:1}53.488%{opacity:1}53.721%{opacity:0}100%{opacity:0} }
@keyframes htk95{0%{opacity:0}22.791%{opacity:0}23.372%{opacity:1}30.116%{opacity:1}30.349%{opacity:0}49.186%{opacity:0}49.767%{opacity:1}53.488%{opacity:1}53.721%{opacity:0}100%{opacity:0} }
@keyframes htk96{0%{opacity:1}30.116%{opacity:1}30.349%{opacity:0}49.186%{opacity:0}49.767%{opacity:1}100%{opacity:1} }
@keyframes htk97{0%{opacity:1}30.116%{opacity:1}30.233%{opacity:0}53.488%{opacity:0}53.512%{opacity:1}100%{opacity:1} }
@keyframes htk98{0%{opacity:0}30.07%{opacity:0}30.186%{opacity:1}34.651%{opacity:1}34.767%{opacity:0}100%{opacity:0} }
@keyframes htk99{0%{opacity:0}34.605%{opacity:0}34.721%{opacity:1}49.186%{opacity:1}49.535%{opacity:0}100%{opacity:0} }
@keyframes htk100{0%{opacity:0}49.07%{opacity:0}49.535%{opacity:1}53.488%{opacity:1}53.512%{opacity:0}100%{opacity:0} }
@keyframes htk101{0%{opacity:0;transform:translateY(-6px)}30.233%{opacity:0;transform:translateY(-6px)}30.698%{opacity:1}30.814%{transform:translateY(0px)}34.651%{opacity:1;transform:translateY(0px)}35%{opacity:0}35.116%{transform:translateY(-6px)}100%{opacity:0;transform:translateY(-6px)} }
@keyframes htk102{0%{opacity:0}31.512%{opacity:0}31.744%{opacity:1}34.651%{opacity:1}34.674%{opacity:0}100%{opacity:0} }
@keyframes htk103{0%{opacity:0}32.907%{opacity:0}33.14%{opacity:1}34.651%{opacity:1}34.674%{opacity:0}100%{opacity:0} }
@keyframes htk104{0%{opacity:0;transform:scale(1)}33.023%{opacity:0}33.372%{opacity:1}34.419%{transform:scale(1)}34.581%{transform:scale(.88)}34.605%{transform:scale(.88)}34.651%{opacity:1}34.674%{opacity:0}34.837%{transform:scale(1)}100%{opacity:0;transform:scale(1)} }
@keyframes htk105{0%{transform:translateY(0px)}30.233%{transform:translateY(0px)}30.814%{transform:translateY(43px)}34.651%{transform:translateY(43px)}35.116%{transform:translateY(0px)}100%{transform:translateY(0px)} }
@keyframes htk106{0%{opacity:1}13.605%{opacity:1}13.953%{opacity:0}53.488%{opacity:0}53.512%{opacity:1}100%{opacity:1} }
@keyframes htk107{0%{opacity:0}13.605%{opacity:0}13.953%{opacity:1}22.326%{opacity:1}22.907%{opacity:0}100%{opacity:0} }
@keyframes htk108{0%{opacity:1}15.349%{opacity:1}15.581%{opacity:0}53.488%{opacity:0}53.512%{opacity:1}100%{opacity:1} }
@keyframes htk109{0%{opacity:0;transform:scale(1)}15.581%{opacity:0}16.047%{opacity:1}20%{transform:scale(1)}20.186%{transform:scale(.86)}20.233%{transform:scale(.86)}20.512%{transform:scale(1)}22.209%{opacity:1}22.674%{opacity:0}100%{opacity:0;transform:scale(1)} }
@keyframes htk110{0%{opacity:0}20.279%{opacity:0}20.628%{opacity:1}22.209%{opacity:1}22.558%{opacity:0}100%{opacity:0} }
@keyframes htk111{0%{opacity:1}22.372%{opacity:1}22.953%{opacity:0}53.488%{opacity:0}53.512%{opacity:1}100%{opacity:1} }
@keyframes htk112{0%{opacity:0;transform:translateY(0px)}22.326%{opacity:0}22.558%{transform:translateY(0px)}22.907%{opacity:1}23.488%{transform:translateY(-402px)}26.279%{transform:translateY(-402px)}27.674%{transform:translateY(-924px)}30.116%{opacity:1}30.581%{opacity:0}53.488%{transform:translateY(-924px)}53.512%{transform:translateY(0px)}100%{opacity:0;transform:translateY(0px)} }
@keyframes htk113{0%{opacity:0}26.791%{opacity:0}26.977%{opacity:1}30.116%{opacity:1}30.581%{opacity:0}100%{opacity:0} }
@keyframes htk114{0%{opacity:0;transform:translateY(-8px)}24.651%{opacity:0;transform:translateY(-8px)}25.116%{opacity:1;transform:translateY(0px)}28.837%{opacity:1}29.535%{opacity:0}29.767%{transform:translateY(0px)}29.791%{transform:translateY(-8px)}100%{opacity:0;transform:translateY(-8px)} }
@keyframes htk115{0%{opacity:0;transform:translate(36px,59px)}15.349%{opacity:0}15.628%{opacity:1}22.907%{transform:translate(36px,59px)}23.837%{opacity:1}23.953%{transform:translate(25px,61px)}24.233%{opacity:0}24.419%{transform:translate(25px,61px)}24.535%{transform:translate(36px,59px)}100%{opacity:0;transform:translate(36px,59px)} }
@keyframes htk116{0%{opacity:0;transform:translateY(-4px)}23.767%{opacity:0;transform:translateY(-4px)}24.233%{opacity:1}24.302%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk117{0%{opacity:0;transform:translate(36px,77px)}15.395%{opacity:0}15.674%{opacity:1}23.14%{transform:translate(36px,77px)}24.07%{opacity:1}24.186%{transform:translate(46px,257px)}24.465%{opacity:0}24.651%{transform:translate(46px,257px)}24.767%{transform:translate(36px,77px)}100%{opacity:0;transform:translate(36px,77px)} }
@keyframes htk118{0%{opacity:0;transform:translateY(-4px)}24%{opacity:0;transform:translateY(-4px)}24.465%{opacity:1}24.535%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk119{0%{opacity:0;transform:translate(36px,95px)}15.442%{opacity:0}15.721%{opacity:1}23.372%{transform:translate(36px,95px)}24.302%{opacity:1}24.419%{transform:translate(46px,294px)}24.698%{opacity:0}24.884%{transform:translate(46px,294px)}25%{transform:translate(36px,95px)}100%{opacity:0;transform:translate(36px,95px)} }
@keyframes htk120{0%{opacity:0;transform:translateY(-4px)}24.233%{opacity:0;transform:translateY(-4px)}24.698%{opacity:1}24.767%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk121{0%{opacity:0;transform:translate(36px,113px)}15.488%{opacity:0}15.767%{opacity:1}23.605%{transform:translate(36px,113px)}24.535%{opacity:1}24.651%{transform:translate(46px,332px)}24.93%{opacity:0}25.116%{transform:translate(46px,332px)}25.233%{transform:translate(36px,113px)}100%{opacity:0;transform:translate(36px,113px)} }
@keyframes htk122{0%{opacity:0;transform:translateY(-4px)}24.465%{opacity:0;transform:translateY(-4px)}24.93%{opacity:1}25%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk123{0%{opacity:0;transform:translate(36px,131px)}15.535%{opacity:0}15.814%{opacity:1}23.837%{transform:translate(36px,131px)}24.767%{opacity:1}24.884%{transform:translate(46px,483px)}25.163%{opacity:0}25.349%{transform:translate(46px,483px)}25.465%{transform:translate(36px,131px)}100%{opacity:0;transform:translate(36px,131px)} }
@keyframes htk124{0%{opacity:0;transform:translateY(-4px)}24.698%{opacity:0;transform:translateY(-4px)}25.163%{opacity:1}25.233%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk125{0%{opacity:0;transform:translate(36px,149px)}15.581%{opacity:0}15.86%{opacity:1}24.07%{transform:translate(36px,149px)}25%{opacity:1}25.116%{transform:translate(46px,540px)}25.395%{opacity:0}25.581%{transform:translate(46px,540px)}25.698%{transform:translate(36px,149px)}100%{opacity:0;transform:translate(36px,149px)} }
@keyframes htk126{0%{opacity:0;transform:translateY(-4px)}24.93%{opacity:0;transform:translateY(-4px)}25.395%{opacity:1}25.465%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk127{0%{opacity:0;transform:translate(36px,167px)}15.628%{opacity:0}15.907%{opacity:1}24.302%{transform:translate(36px,167px)}25.233%{opacity:1}25.349%{transform:translate(46px,597px)}25.628%{opacity:0}25.814%{transform:translate(46px,597px)}25.93%{transform:translate(36px,167px)}100%{opacity:0;transform:translate(36px,167px)} }
@keyframes htk128{0%{opacity:0;transform:translateY(-4px)}25.163%{opacity:0;transform:translateY(-4px)}25.628%{opacity:1}25.698%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk129{0%{opacity:0;transform:translate(36px,185px)}15.674%{opacity:0}15.953%{opacity:1}24.535%{transform:translate(36px,185px)}25.465%{opacity:1}25.581%{transform:translate(46px,635px)}25.86%{opacity:0}26.047%{transform:translate(46px,635px)}26.163%{transform:translate(36px,185px)}100%{opacity:0;transform:translate(36px,185px)} }
@keyframes htk130{0%{opacity:0;transform:translateY(-4px)}25.395%{opacity:0;transform:translateY(-4px)}25.86%{opacity:1}25.93%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk131{0%{opacity:0;transform:translate(36px,203px)}15.721%{opacity:0}16%{opacity:1}24.767%{transform:translate(36px,203px)}25.698%{opacity:1}25.814%{transform:translate(25px,813px)}26.093%{opacity:0}26.279%{transform:translate(25px,813px)}26.395%{transform:translate(36px,203px)}100%{opacity:0;transform:translate(36px,203px)} }
@keyframes htk132{0%{opacity:0;transform:translateY(-4px)}25.628%{opacity:0;transform:translateY(-4px)}26.093%{opacity:1}26.163%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk133{0%{opacity:0;transform:translate(36px,221px)}15.767%{opacity:0}16.047%{opacity:1}25%{transform:translate(36px,221px)}25.93%{opacity:1}26.047%{transform:translate(25px,888px)}26.326%{opacity:0}26.512%{transform:translate(25px,888px)}26.628%{transform:translate(36px,221px)}100%{opacity:0;transform:translate(36px,221px)} }
@keyframes htk134{0%{opacity:0;transform:translateY(-4px)}25.86%{opacity:0;transform:translateY(-4px)}26.326%{opacity:1}26.395%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-4px)}100%{opacity:0;transform:translateY(-4px)} }
@keyframes htk135{0%{opacity:0;transform:translateY(0px)}34.651%{opacity:0}35.233%{opacity:1}39.302%{transform:translateY(0px)}40.698%{transform:translateY(-540px)}51.744%{opacity:1}51.767%{opacity:0}53.488%{transform:translateY(-540px)}53.512%{transform:translateY(0px)}100%{opacity:0;transform:translateY(0px)} }
@keyframes htk136{0%{opacity:1}41.581%{opacity:1}41.767%{opacity:0}48.256%{opacity:0}48.488%{opacity:1}100%{opacity:1} }
@keyframes htk137{0%{opacity:0}41.581%{opacity:0}41.767%{opacity:1}48.256%{opacity:1}48.488%{opacity:0}100%{opacity:0} }
@keyframes htk138{0%{opacity:1;transform:scale(1)}41.512%{transform:scale(1)}41.674%{transform:scale(.85)}41.744%{transform:scale(.85)}42.093%{transform:scale(1)}48.14%{transform:scale(1)}48.302%{transform:scale(.85)}48.372%{transform:scale(.85)}48.721%{transform:scale(1)}100%{opacity:1;transform:scale(1)} }
@keyframes htk139{0%{opacity:0;transform:translateY(-6px)}41.744%{opacity:0;transform:translateY(-6px)}42.209%{opacity:1}42.326%{transform:translateY(0px)}48.256%{opacity:1;transform:translateY(0px)}48.721%{opacity:0;transform:translateY(-6px)}100%{opacity:0;transform:translateY(-6px)} }
@keyframes htk140{0%{opacity:0}42.442%{opacity:0}42.628%{opacity:1}45.581%{opacity:1}45.605%{opacity:0}100%{opacity:0} }
@keyframes htk141{0%{opacity:0}42.907%{opacity:0}43.093%{opacity:1}45.581%{opacity:1}45.605%{opacity:0}100%{opacity:0} }
@keyframes htk142{0%{opacity:0}43.256%{opacity:0}43.442%{opacity:1}45.581%{opacity:1}45.605%{opacity:0}100%{opacity:0} }
@keyframes htk143{0%{opacity:0}43.721%{opacity:0}43.907%{opacity:1}45.581%{opacity:1}45.605%{opacity:0}100%{opacity:0} }
@keyframes htk144{0%{opacity:0}44.419%{opacity:0}44.605%{opacity:1}45.581%{opacity:1}45.605%{opacity:0}100%{opacity:0} }
@keyframes htk145{0%{opacity:1}45.465%{opacity:1}45.814%{opacity:0}48.837%{opacity:0}48.86%{opacity:1}100%{opacity:1} }
@keyframes htk146{0%{opacity:0}45.349%{opacity:0}45.628%{opacity:1}48.256%{opacity:1}48.605%{opacity:0}100%{opacity:0} }
@keyframes htk147{0%{opacity:0}45.814%{opacity:0}46%{opacity:1}48.837%{opacity:1}48.86%{opacity:0}100%{opacity:0} }
@keyframes htk148{0%{opacity:0}46.395%{opacity:0}46.581%{opacity:1}48.837%{opacity:1}48.86%{opacity:0}100%{opacity:0} }
@keyframes htk149{0%{opacity:1;transform:scale(1)}46.977%{transform:scale(1)}47.14%{transform:scale(.85)}47.209%{transform:scale(.85)}47.488%{transform:scale(1)}100%{opacity:1;transform:scale(1)} }
@keyframes htk150{0%{opacity:1}47.209%{opacity:1}47.488%{opacity:0}53.488%{opacity:0}53.512%{opacity:1}100%{opacity:1} }
@keyframes htk151{0%{opacity:0;transform:translateY(-6px)}47.209%{opacity:0;transform:translateY(-6px)}47.791%{opacity:1}47.907%{transform:translateY(0px)}53.488%{opacity:1;transform:translateY(0px)}53.512%{opacity:0;transform:translateY(-6px)}100%{opacity:0;transform:translateY(-6px)} }
@keyframes htk152{0%{opacity:1}12.326%{opacity:1}12.907%{opacity:0}51.744%{opacity:0}52.209%{opacity:1}53.721%{opacity:1}54.302%{opacity:0}97.442%{opacity:0}97.907%{opacity:1}100%{opacity:1} }
@keyframes htk153{0%{opacity:0;transform:translateX(18px)}53.14%{opacity:0;transform:translateX(18px)}53.721%{opacity:1}53.837%{transform:translateX(0px)}97.442%{opacity:1}98.372%{opacity:0}98.605%{transform:translateX(0px)}98.628%{transform:translateX(18px)}100%{opacity:0;transform:translateX(18px)} }
@keyframes htk154{0%{transform:translateY(0px)}56.279%{transform:translateY(0px)}57.326%{transform:translateY(-200px)}61.86%{transform:translateY(-200px)}62.907%{transform:translateY(-180px)}98.605%{transform:translateY(-180px)}98.628%{transform:translateY(0px)}100%{transform:translateY(0px)} }
@keyframes htk155{0%{opacity:1}56.395%{opacity:1}56.744%{opacity:0}98.605%{opacity:0}98.628%{opacity:1}100%{opacity:1} }
@keyframes htk156{0%{opacity:0}56.512%{opacity:0}56.977%{opacity:1}98.605%{opacity:1}98.628%{opacity:0}100%{opacity:0} }
@keyframes htk157{0%{opacity:1}54.767%{opacity:1}55.047%{opacity:0}98.605%{opacity:0}98.628%{opacity:1}100%{opacity:1} }
@keyframes htk158{0%{opacity:0}54.767%{opacity:0}55.116%{opacity:1}56.279%{opacity:1}56.558%{opacity:0}100%{opacity:0} }
@keyframes htk159{0%{opacity:0}56.279%{opacity:0}56.628%{opacity:1}61.86%{opacity:1}62.326%{opacity:0}100%{opacity:0} }
@keyframes htk160{0%{opacity:0}61.86%{opacity:0}62.326%{opacity:1}98.605%{opacity:1}98.628%{opacity:0}100%{opacity:0} }
@keyframes htk161{0%{opacity:1;transform:scale(.94)}61.977%{transform:scale(.94)}62.791%{transform:scale(1)}98.605%{transform:scale(1)}98.628%{transform:scale(.94)}100%{opacity:1;transform:scale(.94)} }
@keyframes htk162{0%{opacity:1}57.907%{opacity:1}58.023%{opacity:0}98.605%{opacity:0}98.628%{opacity:1}100%{opacity:1} }
@keyframes htk163{0%{clip-path:inset(0 100% 0 0)}57.907%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(15,end)}59.767%{clip-path:inset(0 0 0 0)}97.442%{clip-path:inset(0 0 0 0)}98.605%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 100% 0 0)} }
@keyframes htk164{0%{opacity:1}60.465%{opacity:1}60.581%{opacity:0}98.605%{opacity:0}98.628%{opacity:1}100%{opacity:1} }
@keyframes htk165{0%{opacity:0}60.465%{opacity:0}60.581%{opacity:1}61.86%{opacity:1}62.209%{opacity:0}100%{opacity:0} }
@keyframes htk166{0%{opacity:1}60.465%{opacity:1}60.698%{opacity:0}98.605%{opacity:0}98.628%{opacity:1}100%{opacity:1} }
@keyframes htk167{0%{opacity:0}60.465%{opacity:0}60.698%{opacity:1}61.86%{opacity:1}62.209%{opacity:0}100%{opacity:0} }
@keyframes htk168{0%{opacity:1;transform:scale(1)}64.186%{transform:scale(1)}64.372%{transform:scale(.85)}64.419%{transform:scale(.85)}64.698%{transform:scale(1)}100%{opacity:1;transform:scale(1)} }
@keyframes htk169{0%{opacity:0}64.302%{opacity:0}64.767%{opacity:1}71.395%{opacity:1}71.977%{opacity:0}100%{opacity:0} }
@keyframes htk170{0%{opacity:0;transform:translateY(10px) scale(.94)}64.419%{opacity:0;transform:translateY(10px) scale(.94)}65%{opacity:1}65.116%{transform:translateY(0px) scale(1)}71.395%{opacity:1;transform:translateY(0px) scale(1)}71.86%{opacity:0}71.977%{transform:translateY(40px) scale(.98)}72.558%{transform:translateY(40px) scale(.98)}72.581%{transform:translateY(10px) scale(.94)}100%{opacity:0;transform:translateY(10px) scale(.94)} }
@keyframes htk171{0%{opacity:0}73.14%{opacity:0}73.721%{opacity:1}97.442%{opacity:1}98.372%{opacity:0}100%{opacity:0} }
@keyframes htk172{0%{opacity:1}73.14%{opacity:1}73.372%{opacity:0}97.442%{opacity:0}97.791%{opacity:1}100%{opacity:1} }
@keyframes htk173{0%{opacity:0}73.14%{opacity:0}73.372%{opacity:1}97.442%{opacity:1}97.791%{opacity:0}100%{opacity:0} }
@keyframes htk174{0%{opacity:1}73.14%{opacity:1}73.372%{opacity:0}97.442%{opacity:0}97.791%{opacity:1}100%{opacity:1} }
@keyframes htk175{0%{opacity:0}73.14%{opacity:0}73.372%{opacity:1}97.442%{opacity:1}97.791%{opacity:0}100%{opacity:0} }
@keyframes htk176{0%{opacity:1}75.116%{opacity:1}75.233%{opacity:0}98.14%{opacity:0}98.163%{opacity:1}100%{opacity:1} }
@keyframes htk177{0%{opacity:0;clip-path:inset(0 100% 0 0)}75.07%{opacity:0}75.116%{opacity:1;clip-path:inset(0 100% 0 0);animation-timing-function:steps(41,end)}77.442%{clip-path:inset(0 0 0 0)}77.674%{opacity:1}77.791%{opacity:0;clip-path:inset(0 0 0 0)}77.814%{clip-path:inset(0 100% 0 0)}100%{opacity:0;clip-path:inset(0 100% 0 0)} }
@keyframes htk178{0%{opacity:0}77.721%{opacity:0}77.953%{opacity:1}97.442%{opacity:1}97.907%{opacity:0}100%{opacity:0} }
@keyframes htk179{0%{opacity:0;transform:translateY(8px)}77.721%{opacity:0;transform:translateY(8px)}78.302%{opacity:1}78.419%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk180{0%{opacity:0}78.023%{opacity:0}78.372%{opacity:1}79.419%{opacity:1}79.767%{opacity:0}100%{opacity:0} }
@keyframes htk181{0%{opacity:0;transform:translateY(8px)}79.535%{opacity:0;transform:translateY(8px)}80.116%{opacity:1}80.233%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk182{0%{opacity:0;transform:translateY(8px)}79.837%{opacity:0;transform:translateY(8px)}80.419%{opacity:1}80.535%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk183{0%{opacity:0;transform:translateY(8px)}80.14%{opacity:0;transform:translateY(8px)}80.721%{opacity:1}80.837%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk184{0%{opacity:0;transform:translateY(8px)}80.442%{opacity:0;transform:translateY(8px)}81.023%{opacity:1}81.14%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk185{0%{opacity:0;transform:translateY(8px)}80.744%{opacity:0;transform:translateY(8px)}81.326%{opacity:1}81.442%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk186{0%{opacity:0;transform:translateY(8px)}81.047%{opacity:0;transform:translateY(8px)}81.628%{opacity:1}81.744%{transform:translateY(0px)}97.442%{opacity:1}98.14%{opacity:0}98.372%{transform:translateY(0px)}98.395%{transform:translateY(8px)}100%{opacity:0;transform:translateY(8px)} }
@keyframes htk187{0%{opacity:0;transform:translateX(104%)}82.442%{opacity:0;transform:translateX(104%)}82.791%{opacity:1}83.372%{transform:translateX(0%)}97.442%{opacity:1}98.372%{opacity:0}98.605%{transform:translateX(0%)}98.628%{transform:translateX(104%)}100%{opacity:0;transform:translateX(104%)} }
@keyframes htk188{0%{--lit:0}83.256%{--lit:0}83.837%{--lit:1}93.023%{--lit:1}94.884%{--lit:0}100%{--lit:0} }
@keyframes htk189{0%{opacity:0}85.349%{opacity:0}85.814%{opacity:1}91.744%{opacity:1}92.326%{opacity:0}100%{opacity:0} }
@keyframes htk190{0%{transform:translateY(24px)}85.349%{transform:translateY(24px)}86.047%{transform:translateY(0px)}91.628%{transform:translateY(0px)}92.326%{transform:translateY(24px)}100%{transform:translateY(24px)} }
@keyframes htk191{0%{box-shadow:none;border-color:var(--g300)}86.744%{box-shadow:none;border-color:var(--g300)}87.093%{box-shadow:0 0 0 3px var(--b50);border-color:var(--b600)}92.558%{box-shadow:0 0 0 3px var(--b50);border-color:var(--b600)}92.581%{box-shadow:none;border-color:var(--g300)}100%{box-shadow:none;border-color:var(--g300)} }
@keyframes htk192{0%{opacity:1}86.977%{opacity:1}87.093%{opacity:0}92.791%{opacity:0}92.814%{opacity:1}100%{opacity:1} }
@keyframes htk193{0%{clip-path:inset(0 100% 0 0)}86.977%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(18,end)}89.07%{clip-path:inset(0 0 0 0)}92.558%{clip-path:inset(0 0 0 0)}92.674%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 100% 0 0)} }
@keyframes htk194{0%{opacity:1;transform:scale(1)}90%{transform:scale(1)}90.186%{transform:scale(.93)}90.233%{transform:scale(.93)}90.512%{transform:scale(1)}100%{opacity:1;transform:scale(1)} }
@keyframes htk195{0%{opacity:1}90.233%{opacity:1}90.349%{opacity:0}92.791%{opacity:0}92.814%{opacity:1}100%{opacity:1} }
@keyframes htk196{0%{opacity:0}90.233%{opacity:0}90.349%{opacity:1}91.744%{opacity:1}91.977%{opacity:0}100%{opacity:0} }
@keyframes htk197{0%{opacity:0;transform:translateY(-8px)}92.093%{opacity:0;transform:translateY(-8px)}92.558%{opacity:1;transform:translateY(0px)}97.442%{opacity:1}98.372%{opacity:0}98.605%{transform:translateY(0px)}98.628%{transform:translateY(-8px)}100%{opacity:0;transform:translateY(-8px)} }
/* @@ht-keyframes end */

/* ---- mobile-a.css ---- */
/* mobile-a.css: mobile overrides. Every rule must sit inside a max-width media query (1023px or narrower) so desktop never changes. */
/* Owner A: header/nav, sections 00-06 (hero, manifesto, story, dictation, spell check, day, residency) and page-wide rules.
   Order: <=1023, 761-1023, <=900, <=760, <=400, <=360, landscape-short. */

/* ---------- <=1023: tablet and phone ---------- */
@media (max-width:1023px){
  /* A-00 page-wide: tap areas without layout change */
  .wm{position:relative}
  .wm::after{content:"";position:absolute;left:-8px;right:-8px;top:-6px;bottom:-6px}
  .pote .nav a.btn{min-height:44px}
  sup.fn a{display:inline;position:relative;padding:0;margin:0}
  sup.fn a::after{content:"";position:absolute;left:-12px;right:-12px;top:-12px;bottom:-12px}
  .lede,.h3c,.fd__stmt,.dv__h small,.tl div>span,.facts div,.fc p,.faq details p,.pk2__cap{text-wrap:pretty}
  /* sections 05-06: no one-word last lines in running copy; result pills break evenly */
  .rs__sub,.rs__lead,.rs__pull,.rs__col span,.dz__pote p,.bt .c{text-wrap:pretty}
  .dz__good{text-wrap:balance}

  /* A-03 story: the end beat is never left dimmed */
  .bt--end{opacity:1}

  /* A-07, A-08 captions and labels at the 12 px floor, tablet and phone */
  .bt__list em,.bt__tok,.bt__badge,.dz__lbl,.rs__ctr em,.rs__col b{font-size:12px}

  /* A-07 story: pasted-notes card pills (the first hangs above the title bar) */
  .st__word .wpill--file{top:-30px!important}
  /* accuracy A4: the pinned stage shows a short window, so the pasted note shows its first five lines and Clean stays in view */
  .ph--story .imp__lines{max-height:90px}
  /* the note's title bar covers the lines that move up under it (fitNote in logic.js) */
  .ph--story .nt__nav{position:relative;z-index:2;background:#fff;margin:-14px -18px 0;padding:14px 18px 6px}

  /* A-05 residency: the phone chart and its legend from tablet down */
  .rs__chart .rs__svg-d{display:none}
  .rs__chart .rs__svg-m{display:block;max-width:560px;margin:0 auto}
  .rs__key{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--g600);margin-top:10px}
  .rs__key span{display:flex;align-items:center;gap:6px}
  .rs__key i{width:22px;height:0;border-top:3px solid var(--a500);display:block}
  .rs__key i.d{border-top:2px dashed var(--clay500)}
  .rs__key i.h{border:0;height:10px;background:repeating-linear-gradient(45deg,#d8d4cc 0 2px,#eeebe6 2px 5px)}
  .rs__key i.g{border:0;height:10px;background:#e0efe5}
}

/* ---------- 761-1023: tablets ---------- */
@media (min-width:761px) and (max-width:1023px){
  /* A-06 day: the six sub-counts in two rows of three so the labels fit */
  .dz__subs{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:6px}
  .dz__subs>span{font-size:12px;letter-spacing:.02em}
  .dz__subs>span:nth-child(4){border-left:0}
  .dz--one .dz__subs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .dz--one .dz__subs>span:nth-child(4){border-left:1px solid #b9d9c4}

  /* A-09 hero (tablets): the laptop moves right so the phone covers its rail, not its title column */
  .hdesk{max-width:calc(100% - 200px)}
  .hphone{left:16px}
}

/* ---------- 901-1023: the six section links fit, so they come back ---------- */
@media (min-width:901px) and (max-width:1023px){
  /* A-10: the vertical padding gives each link a 44 px tap height inside the 68 px bar; the side padding is cancelled by the margin */
  .nav__txt{display:inline;padding:12px 6px;margin:0 -6px}
}

/* ---------- <=900: section menu instead of text links ---------- */
@media (max-width:900px){
  /* A-10 */
  .nav__in{gap:8px}
  .nav__links{margin-left:auto}
  .nav__menu{display:block;position:relative}
  .nav__menu>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-6px;border-radius:12px;color:var(--b800);cursor:pointer;-webkit-tap-highlight-color:transparent}
  .nav__menu>summary::-webkit-details-marker{display:none}
  .nav__menu>summary:focus-visible{outline:2px solid var(--a400);outline-offset:-2px}
  .nav__menu[open]>summary{background:var(--g50)}
  .nav__sheet{position:absolute;right:0;top:calc(100% + 8px);z-index:41;min-width:220px;padding:6px 0;background:#fff;border:1px solid var(--g200);border-radius:14px;box-shadow:0 18px 40px -16px rgba(18,45,73,.35)}
  .nav__sheet a{display:flex;align-items:center;min-height:48px;padding:0 18px;font-size:16px;font-weight:500;color:var(--b800);text-decoration:none}
  .nav__sheet a+a{border-top:1px solid var(--g100)}
}

/* ---------- <=760: phones ---------- */
@media (max-width:760px){
  /* A-00 */
  .hero .meta,#residency .meta,.sync{text-wrap:balance}

  /* A-09 hero: "next case." always shares the last line. The words are inline-blocks (a break is always
     allowed next to one, and the template drops a lone &nbsp;), so the measure does it: "ready before the next"
     is 349 px at 40 px, every other line is 269 px or less. */
  .hero h1{max-width:330px}

  /* A-09 hero: the sync dot sits on the first text line */
  .sync{align-items:flex-start}
  .sync .dot{margin-top:6px}

  /* A-01 dictation: phone first, settings card under it */
  .dst{grid-template-columns:minmax(0,1fr);gap:28px;justify-items:center}
  .dst__ph{order:1}
  .dst__set{order:2;margin:0;width:100%;max-width:400px}
  .dst__cap{margin:10px 0 0}

  /* A-07 story: sorted lines shown in full, labels at the caption floor */
  .bt__list span{white-space:normal;overflow:visible;text-overflow:clip;min-width:0}
  .bt__list div{align-items:flex-start;gap:8px}
  .bt__list em{flex:none}

  /* A-06 day: every time row left-aligned with the cards */
  .dz__mid{margin:0;width:100%;justify-self:stretch}

  /* A-05 residency: five chips share the width, each 44 px tall */
  .rs__chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;overflow:visible}
  .rs__chip{min-height:44px;padding:0 2px;font-size:13.5px;justify-content:center}
}

/* ---------- <=400: small phones ---------- */
@media (max-width:400px){
  /* A-02 frameless phone screens reflow to the card width instead of being cropped */
  .phx .ph--x{width:100%;transform:none}
  .phx .ph--x .ph__scr{width:100%}

  /* A-05 residency chart: use the full content width, and lift the smallest chart labels
     (11-12 user units) so they stay at 9.5 px or more on a 320 px phone */
  .rs__chart{padding:12px 0 8px;margin-left:-8px;margin-right:-8px}
  .rs__svg-m text[font-size="11"]{font-size:12.6px}
  .rs__svg-m text[font-size="12"]{font-size:13px}

  /* A-06 day: on small phones the count sits above its words, so "techniques captured" and
     "51 lines, filed · 1 photo" each keep one line and the board keeps one height */
  .dz__nums{flex-direction:column;align-items:flex-start;gap:2px}
  .dz__n{font-size:36px}
}

/* ---------- <=360: 320-360 phones ---------- */
@media (max-width:360px){
  /* A-01 dictation phone steps down to 288 px */
  .dst__ph{width:288px;height:576px}
  .dst__ph .dph{transform:scale(.7579)}

  /* A-09 hero phone steps down to 288 px */
  .hphone{width:288px;height:576px}
  .hphone .ph{transform:scale(.7579)}

  /* A-03 story */
  .st__stage{padding-left:8px;padding-right:8px}
  .bt--end .big{font-size:44px}

  /* A-06 day: a little more room per card; the line under the count reserves two lines so the board never grows */
  .dz__score{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}
  .dz__sc{padding:8px 8px 10px}
  .dz__lbl{letter-spacing:.02em}
  .dz__n{font-size:34px}
  .dz__u small{display:block;min-height:2.5em}

  /* A-08 */
  .rs__ctr em{letter-spacing:.04em;padding:3px 7px}
}

/* ---------- landscape-short: phones held sideways (844x390, 740x360, 667x375) ---------- */
/* the same media string is used by logic.js (mqLand) */
@media (max-width:1023px) and (max-height:520px) and (orientation:landscape){
  /* A-04 nav: 52 px */
  .nav__in{height:52px}
  .pote{--nav:52px}

  /* A-04 story: beats on the left, the phone pinned in a right-hand column */
  .st__grid{display:grid;grid-template-columns:minmax(0,1fr) 336px;column-gap:24px;padding:0 16px}
  .st__beats{grid-column:1;grid-row:1;padding:0;max-width:none;margin:0}
  .st__stage{grid-column:2;grid-row:1;align-self:start;position:sticky;top:var(--nav);padding:8px 0 0;border-bottom:0}
  .bt,.bt--head{min-height:calc(80svh - var(--nav))}

  /* A-04 day: a compact one-line board */
  .dz__score .dz__subs{display:none}
  .dz__sc{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:10px;padding:6px 14px}
  .dz__lbl{flex:0 0 100%}
  .dz__n{font-size:30px}
  .dz__u{font-size:13px}
}

/* ---- mobile-b.css ---- */
/* mobile-b.css: mobile overrides. Every rule must sit inside a max-width media query (1023px or narrower) so desktop never changes. */
/* Owner B: sections 07-21 + footer. Order: <=1023, 761-1023, <=900, 761-900, <=760, <=400, <=360, landscape-short. */

/* ================= <=1023: tablet and phone ================= */
@media (max-width:1023px){
  /* B-05 PDF: the pages come out right under the picker; the toast floats over the picker foot */
  .px{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .px__l{display:contents}
  .px .pick{order:1;margin-top:26px}
  .pdft{order:2}
  .px__r{order:3;margin-top:24px}
  .px__l>.tl{order:4;margin-top:26px}
  .pdft{position:relative;height:0;min-height:0;margin:0;z-index:4}
  .pdft span{position:absolute;left:0;right:0;bottom:8px}
  /* B-09 sources: taller hit areas on the links without moving lines */
  #src li{line-height:30px}
  #src a{white-space:nowrap;padding:7px 0}
  /* polish: the one inline link in the FAQ gets a taller hit area without moving lines */
  .faq details p a{padding:4px 0}
}

/* ================= 761-1023: tablets ================= */
@media (min-width:761px) and (max-width:1023px){
  /* B-05 */
  .px .pick{max-width:560px}
  .px__r{max-width:560px}  /* the pages sit centred under the picker */
  .pdfs{max-width:440px;margin-left:auto;margin-right:auto}
  /* B-06 backups: the two cards side by side */
  .sv{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:16px}
  #backups .sv__c{padding-left:16px;padding-right:16px}
  /* B-11 */
  .al__img{max-width:520px}
  .ct__r .ct__l small{display:block;font-size:12.5px}
  /* polish: badge to the 12 px caption floor, table button to 44 px */
  .ct__badge{font-size:12px}
  .ct__foot .btn{min-height:44px!important}
  .ft__in{display:grid;grid-template-columns:1fr auto;row-gap:8px}
}

/* ================= <=900: coded laptops swap to their phone versions ================= */
@media (min-width:901px) and (max-width:1023px){
  /* B-03: room between the laptop base and the compare phone */
  .cp__phone{margin-top:28px}
}
@media (max-width:900px){
  /* B-03 compare: the phone version replaces the laptop (same values as <=760) */
  .cp__desk{display:none}
  .cp__phone{width:358px;height:640px;overflow:hidden;border-radius:18px;border:1px solid var(--g200);box-shadow:0 10px 24px -14px rgba(18,45,73,.35)}
  .ph--cmp{width:360px;height:644px;padding:0;background:transparent;box-shadow:none;transform:scale(.994)}
  .ph--cmp .ph__scr{height:644px}  /* accuracy B2: the screen ends at the box, so Card A, Card B and the tab pill show at its foot */
  .ph--cmp .ph__island{display:none}
  .ph--cmp .ph__scr{border-radius:0}
  .ph--cmp .pu__top{padding-top:14px}
  /* B-11 07: no leftover space from the desktop overlap */
  .cp__stage{padding-bottom:0}
  .cp__phone{margin-bottom:0}
  /* B-03 Ask: the phone version replaces the laptop (same values as <=760) */
  .fd__lap{display:none}
  .fd__srcd{display:none}
  .asim--m{display:flex;margin-top:12px;max-width:390px;margin-left:auto;margin-right:auto}
  .fd__lbl,.fd__src{max-width:390px;margin-left:auto;margin-right:auto}  /* label and caption line up with the card */
  .asim{height:660px}
  .asim__thread{padding:16px 14px 8px}
  .asim__bar{margin:0 10px 12px}
  .asim__q{font-size:14px}
  .asim .asim__car{--tw:266px}
  /* accuracy B4: the question is wider than the field below 390 px, so the field scrolls as the last words go in, like a real input */
  .asim--m .asim__field{--sh:max(0px,calc(269px - 100vw + 120px))}
  .asim--m .asim__typed{animation:qtyp 16s steps(41) infinite,qxsh 16s infinite}
  .asim--m .asim__car{animation:qcar 16s steps(41) infinite,qxsh 16s infinite}
  @keyframes qxsh{0%,18.5%{transform:none}23%,24.8%{transform:translateX(calc(-1 * var(--sh)))}25%,100%{transform:none} }
  .asim__field{font-size:13px}
  /* B-08 start near the question: every part shifted by the same 2.5 s, so they stay in sync */
  .asim--m,.asim--m *{animation-delay:-2.5s!important}
  .asim--m .tp .pu__chips{flex-wrap:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  /* B-01 restore on the phone */
  .bkl{display:none}
  .bk__m2{display:block;position:relative;width:min(100%,358px);max-width:none;height:600px;margin:28px auto 0;border-radius:18px;overflow:hidden;border:1px solid var(--g200);background:#fff;box-shadow:0 10px 24px -14px rgba(18,45,73,.35)}
  .bk__m2>div{position:absolute;inset:0}
  .rqm{position:absolute;inset:0;background:var(--g25);color:var(--g900);overflow:hidden}
  .rqm .pu__top{padding:14px 18px 0}
  .rqm .pu__wm{font-size:15px}
  .rqm .pu__wm sup{font-size:7.5px}
  .rqm__vp{position:relative;flex:1;min-height:0;overflow:hidden;margin-top:6px}
  .rqm__l,.rqm__p{position:absolute;inset:0;display:flex;flex-direction:column}
  .rqm__l{padding:4px 16px 0;animation:rqml 16s infinite both}
  .rqm__h,.rqm__ph{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:var(--b800)}
  .rqm__h{font-size:23px;line-height:1.2}
  .rqm__h sup{font-size:10px}
  .rqm__n{font-size:13px;line-height:1.5;color:var(--g600);margin-top:6px}
  .rqm .rqm__ls{margin-top:14px}
  .rqm .bkr{position:relative;font-size:14.5px}
  .rqm .bkr:last-child{border-bottom:0}
  .rqm__pick{animation:rqmpick 16s infinite both}
  .rqm__f{margin-top:14px;padding:12px 2px;font-size:14.5px;font-weight:600;color:var(--b600)}
  .rqm__p{background:var(--g25);padding:4px 14px 14px;gap:8px;transform:translateX(100%);animation:rqmp 16s infinite both;box-shadow:-10px 0 24px -16px rgba(18,45,73,.35)}
  .rqm__ph{font-size:20px;line-height:1.25}
  .rqm__sum{display:grid;font-size:13.5px;color:var(--g600)}
  .rqm__sum>span{grid-area:1/1}
  .rqm__sum b{font-weight:500;color:var(--g900)}
  .rqm__s1{animation:rqms1 16s infinite both}
  .rqm__s2{opacity:0;animation:rqms2 16s infinite both}
  .rqm .rsc{opacity:0;flex-wrap:wrap;align-items:flex-start;gap:8px 10px;background:#fff;padding:10px 12px}
  .rqm .rsc__t{flex:1 1 100%}
  .rqm .rsc__t b{font-size:14.5px;line-height:1.3}
  .rqm .rsc__t small{font-size:12.5px}
  .rqm .seg{position:relative;overflow:visible;font-size:13px}
  .rqm .seg>span{position:relative;padding:6px 12px}
  .rqm .seg>span:first-child{border-radius:7px 0 0 7px}
  .rqm .seg>span:last-child{border-radius:0 7px 7px 0}
  .rqm__c1{animation:rqmc1 16s infinite both}
  .rqm__c2{animation:rqmc2 16s infinite both}
  .rqm__c3{animation:rqmc3 16s infinite both}
  .rqm__c3 .seg__o{animation:rqmo3 16s infinite both}
  .rqm__c3 .seg__n{animation:rqmn3 16s infinite both}
  .rqm__warn{font-size:12.5px;line-height:1.45;color:var(--g600);opacity:0;animation:rqmc3 16s infinite both}
  .rqm__busy{display:grid;font-size:13px;color:var(--g500);min-height:18px}
  .rqm__busy>span{grid-area:1/1;opacity:0}
  .rqm__b1{animation:rqmb1 16s infinite both}
  .rqm__b2{animation:rqmb2 16s infinite both}
  .rqm__acts{margin-top:auto;display:flex;justify-content:flex-end;align-items:center;gap:8px;border-top:1px solid var(--g200);padding-top:10px}
  .rqm__q{font-size:14.5px;font-weight:600;color:var(--g600);padding:9px 14px}
  .rqm__go{position:relative;display:grid;font-size:14.5px;font-weight:600;color:#fff;background:var(--b800);border-radius:999px;padding:10px 22px;animation:rqmgo 16s infinite both}
  .rqm__go>span{grid-area:1/1;text-align:center}
  .rqm__ga{animation:rqmga 16s infinite both}
  .rqm__gb{opacity:0;animation:rqmgb 16s infinite both}
  .rqm__toast{position:absolute;left:12px;right:12px;bottom:14px;z-index:6;background:var(--g900);color:#fff;font-size:14px;line-height:1.4;border-radius:12px;padding:12px 14px;opacity:0;transform:translateY(8px);animation:rqmtoast 16s infinite both}
  /* tap rings, like the desktop click ring */
  .rqm__pick::after,.rqm__c3 .seg__o::after,.rqm__go::after{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid var(--b400);opacity:0;pointer-events:none}
  .rqm__pick::after{left:30%;animation:rqmt1 16s infinite}
  .rqm__c3 .seg__o::after{animation:rqmt2 16s infinite}
  .rqm__go::after{animation:rqmt3 16s infinite}
  @keyframes rqml{0%,12.5%{transform:none;opacity:1}15%,66.5%{transform:translateX(-28%);opacity:.5}69%,100%{transform:none;opacity:1} }
  @keyframes rqmp{0%,12.5%{transform:translateX(100%)}15%,66.5%{transform:none}69%,100%{transform:translateX(100%)} }
  @keyframes rqmpick{0%,9%{background:#fff;box-shadow:none}9.5%,94%{background:var(--b50);box-shadow:inset 3px 0 0 var(--b600)}96%,100%{background:#fff;box-shadow:none} }
  @keyframes rqmt1{0%,8.6%{opacity:0;transform:scale(.4)}9%{opacity:1;transform:scale(.6)}11%,100%{opacity:0;transform:scale(1.4)} }
  @keyframes rqmt2{0%,30%{opacity:0;transform:scale(.4)}30.4%{opacity:1;transform:scale(.6)}32.4%,100%{opacity:0;transform:scale(1.4)} }
  @keyframes rqmt3{0%,39.4%{opacity:0;transform:scale(.4)}39.8%{opacity:1;transform:scale(.6)}41.8%,100%{opacity:0;transform:scale(1.4)} }
  @keyframes rqmc1{0%,15%{opacity:0;transform:translateY(6px)}16.5%,94%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(6px)} }
  @keyframes rqmc2{0%,16.5%{opacity:0;transform:translateY(6px)}18%,94%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(6px)} }
  @keyframes rqmc3{0%,18%{opacity:0;transform:translateY(6px)}19.5%,94%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(6px)} }
  @keyframes rqmo3{0%,30.8%{background:#fff;color:var(--g600)}31.2%,94%{background:var(--b600);color:#fff}96%,100%{background:#fff;color:var(--g600)} }
  @keyframes rqmn3{0%,30.8%{background:var(--b600);color:#fff}31.2%,94%{background:#fff;color:var(--g600)}96%,100%{background:var(--b600);color:#fff} }
  @keyframes rqms1{0%,31.4%{opacity:1}31.9%,94%{opacity:0}96%,100%{opacity:1} }
  @keyframes rqms2{0%,31.4%{opacity:0}31.9%,94%{opacity:1}96%,100%{opacity:0} }
  @keyframes rqmgo{0%,39.6%{transform:none;background:var(--b800)}40.2%{transform:scale(.93);background:var(--b600)}41%,100%{transform:none;background:var(--b800)} }
  @keyframes rqmga{0%,40.6%{opacity:1}41%,94%{opacity:0}96%,100%{opacity:1} }
  @keyframes rqmgb{0%,40.6%{opacity:0}41%,94%{opacity:1}96%,100%{opacity:0} }
  @keyframes rqmb1{0%,41.5%{opacity:0}42%,54.5%{opacity:1}55%,100%{opacity:0} }
  @keyframes rqmb2{0%,54.5%{opacity:0}55%,66%{opacity:1}66.5%,100%{opacity:0} }
  @keyframes rqmtoast{0%,68%{opacity:0;transform:translateY(8px)}70%,92%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(8px)} }
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
  .rqm__l{display:none}
  .rqm__p{transform:none!important;animation:none!important}
  .rqm .rsc,.rqm__warn{opacity:1!important;transform:none!important}
  .rqm__s1{opacity:0!important}
  .rqm__s2{opacity:1!important}
  .rqm__c3 .seg__o{background:var(--b600)!important;color:#fff!important}
  .rqm__c3 .seg__n{background:#fff!important;color:var(--g600)!important}
  .rqm__toast,.rqm__busy>span,.rqm__pick::after,.rqm__c3 .seg__o::after,.rqm__go::after{display:none}
}

/* ================= <=760: phones ================= */
@media (max-width:760px){
  /* B-11 10 pocket card: the phone at 340 px */
  .pk2__ph{width:340px;height:680px}
  .pkph{transform:scale(.8947)}
  /* B-07 materials: caption under the second card, no half pill, tighter stage */
  .mt__stage{gap:28px}
  .phx--mt .pu__pill{display:none}
  .phx--rx{overflow:visible}  /* the caption hangs into the section padding below */
  .phx--rx .ph--x{clip-path:inset(0 0 calc(100% - 443px) 0 round 18px)}
  /* B-11 12 AI card: the screenshot runs to the card edges */
  .al__img{margin-left:-22px;margin-right:-22px;border-radius:0;border-left:0;border-right:0}
  /* B-04 share: both phones in one slot, crossfade at the hand-over */
  .s2--m{height:650px}
  .s2--m .s2slot{top:0;left:50%;width:300px;height:640px;margin-left:-150px}
  .s2--m .s2slot--b{top:0}
  .s2--m .s2ph{transform:scale(.7895)}
  .s2--m .s2lbl{top:614px}
  .s2--m .s2slot--a{animation:s2ma 18s infinite}
  .s2--m .s2slot--b{animation:s2mb 18s infinite}
  @keyframes s2ma{0%,41.5%{opacity:1}44.5%,96%{opacity:0}99%,100%{opacity:1} }
  @keyframes s2mb{0%,41.5%{opacity:0}44.5%,96%{opacity:1}99%,100%{opacity:0} }
  /* pill centre = translate + 117.5px*(1-scale): the fly box scales about its own centre */
  .s2fly--m{left:50%;animation:s2mfly 18s infinite}
  @keyframes s2mfly{0%,34.5%{opacity:0;transform:translate(-5px,367px) scale(.7)}36%{opacity:1;transform:translate(30px,360px) scale(1)}39.5%{opacity:1;transform:translate(17px,195px) scale(.7)}42.5%{opacity:1;transform:translate(5px,50px) scale(.25)}43.5%,100%{opacity:0;transform:translate(-1px,49px) scale(.2)} }
  /* B-10 small things: one readable column, calm pulse */
  .fg{grid-template-columns:minmax(0,1fr);gap:10px}
  .fc{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:14px;align-items:start}
  .fc>svg{grid-row:1 / span 2}
  .fc h4{margin:0 0 4px}
  .fc p,.fc .keys{grid-column:2;margin-top:0}
  .fc p{font-size:15px}
  .keys{font-size:14px}
  .fg .fc{animation-name:fczm}
  @keyframes fczm{0%,17%,100%{box-shadow:none}5%,12%{box-shadow:0 2px 6px rgba(28,27,25,.07),0 18px 36px -14px rgba(18,45,73,.28)} }
  /* B-11 19 FAQ: air around two-line questions */
  .faq summary{padding:12px 0}
  /* B-11 20 CTA */
  .cta{padding-top:84px;padding-bottom:84px}
  /* B-11 footer: one item per row */
  .ft__in{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .s2--m{height:1300px}
  .s2--m .s2slot--a,.s2--m .s2slot--b{animation:none;opacity:1}
  .s2--m .s2slot--b{top:660px}
}

/* ================= <=400: small phones ================= */
@media (max-width:400px){
  /* B-02 compare phone reflows to the card width */
  .cp__phone{width:100%;max-width:358px;height:700px}
  .ph--cmp{width:100%;height:700px;transform:none}
  .ph--cmp .ph__scr{width:100%;height:700px}
  /* accuracy B2: both ticked chips stay whole at 288 px; only "+ New technique" meets the strip's edge */
  .cpm1__h{padding-left:14px;padding-right:14px}
  .cpm1 .cch,.cpm1 .cch__new{padding:6px 9px;font-size:11px}
  /* B-07 under A-02 (transform none) the screen is not scaled */
  .phx--rx .ph--x{clip-path:inset(0 0 calc(100% - 440px) 0 round 18px)}
  /* B-08 the full answer, down to its last line, sits above the input bar (361-400 wraps one more line) */
  .asim{height:700px}
  /* B-05 the foot wraps: summary on one line, the button full width under it */
  .px .pick__f{flex-wrap:wrap;row-gap:10px}
  .px .pk2__sum{flex:1 0 100%}
  .px .xp{flex:1 0 100%;min-width:0}
  /* B-11 12 */
  .al__p{padding:16px}
  .al__img{margin-left:-16px;margin-right:-16px}
}

/* ================= <=372: the 340 px pocket phone no longer fits the content box ================= */
@media (max-width:372px){
  .pk2__ph{width:300px;height:600px}
  .pkph{transform:scale(.7895)}
}

/* ================= <=360: 320-360 phones ================= */
@media (max-width:360px){
  /* B-01 the plan needs more height when its row titles wrap */
  .bk__m2{height:650px}
  /* B-06 backups phones fit the card */
  #backups .sv__c{padding:18px 4px}
  #backups .sv__h{padding:0 8px}
  #backups .sv__days{gap:6px}
  /* B-11 10 pocket card */
  .pk2__ph{width:288px;height:576px}
  .pkph{transform:scale(.7579)}
  /* B-04 share at 288 px */
  .s2--m{height:624px}
  .s2--m .s2slot{width:288px;height:614px;margin-left:-144px}
  .s2--m .s2ph{transform:scale(.7579)}
  .s2--m .s2lbl{top:590px}
  .s2fly--m{animation-name:s2mfly2}
  @keyframes s2mfly2{0%,34.5%{opacity:0;transform:translate(-11px,352px) scale(.7)}36%{opacity:1;transform:translate(18px,345px) scale(.95)}39.5%{opacity:1;transform:translate(15px,187px) scale(.7)}42.5%{opacity:1;transform:translate(1px,48px) scale(.25)}43.5%,100%{opacity:0;transform:translate(-5px,47px) scale(.2)} }
  /* B-08 the full answer, down to its last line, sits above the input bar */
  .asim{height:740px}
  .asim__field{font-size:12.5px}
  .asim .asim__car{--tw:255px}
  .asim--m .asim__field{--sh:max(0px,calc(258px - 100vw + 120px))}
}
/* ================= <=349: the 300 px backups phones no longer fit their cards ================= */
@media (max-width:349px){
  #backups .sv__ph{width:270px;height:540px}
  #backups .svph{transform:scale(.7105)}
}
@media (max-width:360px) and (prefers-reduced-motion:reduce){
  .s2--m{height:1260px}
  .s2--m .s2slot--b{top:636px}
}

/* ---- mobile-qa.css ---- */
/* mobile-qa.css: mobile overrides. Every rule must sit inside a max-width media query (1023px or narrower) so desktop never changes. */
/* Owner QA: integration fixes found after both implementers finished. Order: <=1023, <=900, <=760, <=400. */

/* ---------- <=1023: tablet and phone ---------- */
@media (max-width:1023px){
  /* No one-word last lines in page copy. Wrapped in :where() so the specificity is zero:
     every targeted text-wrap rule in css*.css, mobile-a.css and mobile-b.css still wins.
     Mockups are left out, so the coded app screens keep the app's own line breaks. */
  :where(.pote :is(h2,h3,h4,summary):not(:is(.ph,.phone,.phx,.pu,.ap,.dst,.pk2,.s2,.bk__m2,.asim,.lapc,.cp__phone,.st__pw,svg,[aria-hidden="true"]) *)){text-wrap:balance}
  :where(.pote :is(p,li,small,dd,figcaption):not(:is(.ph,.phone,.phx,.pu,.ap,.dst,.pk2,.s2,.bk__m2,.asim,.lapc,.cp__phone,.st__pw,svg,[aria-hidden="true"]) *)){text-wrap:pretty}
  /* short centered copy where pretty does not help: the security cards and the day board's one-liners */
  .scy__b p,.dz__u small{text-wrap:balance}
  /* story beat 12: break at the full stop ("Paste the old note. / Press Clean."), not inside the first sentence */
  .bt[data-b="12"] h3{text-wrap:pretty}
}

/* ---------- <=900: restore on the phone ---------- */
@media (max-width:900px){
  /* The plan panel waits 24 px past the card edge, so its left shadow no longer shows as a grey band
     along the card's right edge while the backup list is on screen. Same timing as rqmp. */
  .rqm__p{transform:translateX(calc(100% + 24px));animation-name:rqmpq}
  @keyframes rqmpq{0%,12.5%{transform:translateX(calc(100% + 24px))}15%,66.5%{transform:none}69%,100%{transform:translateX(calc(100% + 24px))} }
}

/* ---------- <=760: phones ---------- */
@media (max-width:760px){
  /* CTA meta: the line under the final button wraps as balanced lines (A's open request) */
  .cta .meta{text-wrap:balance}
}

/* ---------- <=400: small phones ---------- */
@media (max-width:400px){
  /* Residency chart: at 12.6 units the y-axis numbers started at x = -1.4 and touched the card edge.
     Move only those labels 5 units right; nothing is scaled, so no text gets smaller. */
  .rs__svg-m text[text-anchor="end"][x="22"]{transform:translateX(5px)}
}