/* Tidelog site. One dark look on purpose: the Signal Marea language of the app, water accent. */
@font-face{font-family:"Funnel Display";src:url("fonts/funnel-display-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Funnel Display";src:url("fonts/funnel-display-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Archivo";src:url("fonts/archivo-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Archivo";src:url("fonts/archivo-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Archivo";src:url("fonts/archivo-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Funnel Sans";src:url("fonts/funnel-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Funnel Sans";src:url("fonts/funnel-sans-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  --bg:#0B0B0B;--surface:#1A1A19;--surface-2:#2A2A28;--line:#3A3A37;
  --text:#F2F0EA;--soft:#B5B2AA;--muted:#8F8C84;
  --accent:#3FE0C5;--water:#2CC2A8;--on-accent:#0B0B0B;--on-accent-muted:#164A41;
  --caution:#E0A13B;--alert:#FF6B3D;
  --display:"Funnel Display",ui-sans-serif,system-ui,sans-serif;
  --body:"Archivo",ui-sans-serif,system-ui,sans-serif;
  --mono:"Funnel Sans",ui-sans-serif,system-ui,sans-serif;
  --r:4px;--wrap:1240px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
a{color:var(--accent)}a:hover{color:var(--text)}
img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
.mono{font-family:var(--mono);font-weight:500;letter-spacing:.04em}
.display{font-family:var(--display);font-weight:700;letter-spacing:-.02em}
.eyebrow{font-family:var(--mono);font-weight:500;font-size:13px;color:var(--accent);letter-spacing:.08em}
.label{font-weight:500;font-size:13px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.soft{color:var(--soft)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* header */
.site-head{border-bottom:2px solid var(--surface)}
.site-head .wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}
.brand svg{width:32px;height:20px}
.brand span{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.02em}
.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pill{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:-.01em;text-transform:uppercase;text-decoration:none;color:var(--text);border:2px solid var(--line);padding:7px 16px;border-radius:999px;min-height:40px;display:inline-flex;align-items:center}
.pill,.btn,.pbtn,.faq summary::after,.toc a,a{transition:background-color .22s ease-out,color .22s ease-out,border-color .22s ease-out,transform .22s ease-out}
.pill:hover,.btn:hover{transform:translateY(-1px)}
.pill:active,.btn:active{transform:translateY(0)}
.pill:hover{border-color:var(--text);color:var(--text)}
.pill.cta{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.pill.cta:hover{background:var(--text);border-color:var(--text);color:var(--bg)}

/* hero */
.hero{padding-block:clamp(48px,8vw,88px) 0;position:relative}
.hero-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:13px;color:var(--muted)}
.live{display:inline-flex;align-items:center;gap:8px;color:var(--text)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-top:16px}
.hero h1{font-family:var(--display);font-weight:700;letter-spacing:-.03em;font-size:clamp(64px,11vw,156px);line-height:.95;margin:0;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero-flow{width:clamp(120px,16vw,210px);color:var(--accent);margin-bottom:12px;--eye:var(--bg)}
.hero-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:32px}
.hero-row p{font-size:20px;color:var(--soft);max-width:600px;margin:0}

/* waitlist form */
.join{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.join .field{display:flex;flex-direction:column;gap:6px}
.join label{font-weight:500;font-size:13px;letter-spacing:.08em;color:var(--muted)}
.join input[type=email]{font:inherit;font-size:16px;width:290px;max-width:100%;height:56px;padding:0 16px;border:2px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--text)}
.join input[type=email]:focus{outline:none;border-color:var(--accent)}
.join .hp{position:absolute;left:-9999px}
.btn{height:56px;padding:0 24px;border:none;border-radius:var(--r);background:var(--text);color:var(--bg);font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.01em;text-transform:uppercase;cursor:pointer}
.btn:hover{background:var(--accent);color:var(--on-accent)}
.btn.accent{background:var(--accent);color:var(--on-accent)}
.btn.accent:hover{background:var(--text);color:var(--bg)}
.btn[disabled]{opacity:.6;cursor:progress}
.join-status{flex-basis:100%;min-height:1.4em;margin:4px 0 0;font-family:var(--mono);font-size:13px;color:var(--soft)}
.join-status.ok{color:var(--accent)}
.join-status.err{color:var(--caution)}

/* sections */
.section{padding-block:clamp(80px,11vw,136px) 0}
.section h2{font-family:var(--display);font-weight:700;letter-spacing:-.025em;font-size:clamp(40px,5.4vw,72px);line-height:.98;margin:14px 0 0;text-wrap:balance}
.section .lead{font-size:18px;color:var(--soft);margin:20px 0 0;max-width:500px}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(32px,5vw,64px);align-items:center}
.checks{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:520px}
.checks li{border-top:2px solid var(--surface);padding-top:12px;display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;font-size:16px;color:var(--soft)}
.checks b{font-family:var(--display);font-weight:700;letter-spacing:-.01em;color:var(--text);text-transform:uppercase;font-size:15px}

/* app window */
.window{border:2px solid var(--surface);border-radius:var(--r);overflow:hidden;background:var(--bg)}
.win-bar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-bottom:2px solid var(--surface);flex-wrap:wrap}
.win-left{display:flex;align-items:center;gap:20px}
.lights{display:flex;gap:8px}.lights i{width:12px;height:12px;border-radius:999px;background:var(--line);display:block}
.tab{font-family:var(--display);font-weight:600;font-size:13px;text-transform:uppercase;border:2px solid var(--line);padding:2px 12px;border-radius:999px}
.tab.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.win-body{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:24px;padding:24px}
.bars{display:flex;flex-direction:column;gap:8px;min-width:0}
.bar{border-radius:var(--r);padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}
.bar .n{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:19px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar .m{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}
.bar.done{background:var(--surface)}.bar.done .n{color:var(--muted);text-decoration:line-through;font-weight:600}
.bar.flex{background:var(--surface)}
.bar.fixed{border:2px solid var(--text)}.bar.fixed .m{color:var(--text)}
.bar.brk{background:var(--surface-2)}.bar.brk .n{color:var(--soft);font-weight:600}
.chip{font-family:var(--mono);font-size:11px;border:1.5px solid currentColor;border-radius:3px;padding:1px 6px;white-space:nowrap}

.current{height:300px;background:var(--accent);color:var(--on-accent);border-radius:var(--r);position:relative;overflow:hidden}
.current .water{position:absolute;left:0;right:0;bottom:0;background:var(--water);transition:height 1s linear}
.wave-edge{position:absolute;left:0;top:-19px;width:100%;height:20px;overflow:hidden}
.wave-edge svg{display:block;width:1440px;max-width:none;height:20px;animation:drift 6s linear infinite;will-change:transform}
.current .inner{position:relative;height:100%;padding:20px 24px;display:flex;flex-direction:column}
.current .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.current .name{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:27px;text-transform:uppercase}
.current .meta{font-family:var(--mono);font-size:12px;color:var(--on-accent-muted)}
.current .chip{color:var(--on-accent);margin-top:8px;align-self:flex-start}
.current .bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.current .clock{font-family:var(--display);font-weight:700;letter-spacing:-.03em;font-size:clamp(64px,9vw,112px);line-height:.95;font-variant-numeric:tabular-nums}
.current .left{font-weight:600;font-size:14px;padding-bottom:8px;text-transform:uppercase}
.current .flow-mini{position:absolute;right:24px;top:56px;width:52px;color:var(--on-accent);--eye:var(--accent)}

.panel{display:flex;flex-direction:column;gap:14px}
.panel .tk{border:2px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.panel .tk .k{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em}
.panel .tk .s{font-family:var(--mono);font-size:12px;color:var(--accent)}
.pomo{display:grid;gap:6px}
.pomo i{display:block;height:48px;border-radius:var(--r);background:var(--surface)}
.pomo i.d{background:var(--accent)}.pomo i.c{background:transparent;border:2px solid var(--accent)}
.panel .t{font-size:15px;color:var(--soft)}
.pbtn{height:60px;border:none;border-radius:var(--r);background:var(--text);color:var(--bg);font-family:var(--display);font-weight:700;font-size:20px;text-transform:uppercase}
.pbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pbtns span{height:50px;border:2px solid var(--text);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:17px;text-transform:uppercase}
.pbtns span+span{border-color:var(--line)}
.prow{border-top:2px solid var(--surface);padding-top:14px}
.prow .v{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px}
.prow .big{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:30px}
.tag{font-family:var(--mono);font-size:12px;background:var(--accent);color:var(--on-accent);padding:3px 8px;border-radius:var(--r);white-space:nowrap}

/* timer strip */
.strip{border:2px solid var(--surface);border-radius:var(--r);padding:24px}
.strip .row{display:flex;gap:4px;margin-top:16px;height:72px}
.seg{border-radius:var(--r);display:flex;flex-direction:column;justify-content:flex-end;padding:8px 10px;min-width:0;font-family:var(--mono);font-size:11px;overflow:hidden}
.seg.w{background:var(--accent);color:var(--on-accent)}
.seg.w2{background:var(--text);color:var(--bg)}
.seg.p{background:var(--surface-2);color:var(--soft)}
.seg.x{background:repeating-linear-gradient(135deg,var(--surface) 0 6px,var(--bg) 6px 12px);color:var(--muted);border:2px dashed var(--line)}
.legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--soft)}
.legend span{display:inline-flex;align-items:center;gap:8px}
.legend i{width:14px;height:14px;border-radius:3px;display:inline-block}
.axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:8px}

/* break card */
.breakcard{background:var(--surface-2);border-radius:var(--r);padding:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.breakcard .ebb{width:clamp(130px,18vw,190px)}
.breakcard .k{font-family:var(--display);font-weight:700;font-size:clamp(48px,6vw,72px);letter-spacing:-.03em;line-height:.95;font-variant-numeric:tabular-nums}
.breakcard .note{font-family:var(--display);font-weight:700;font-size:20px;text-transform:uppercase;margin-top:12px}
.paused{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--soft);border:1.5px solid var(--line);border-radius:3px;padding:4px 8px}
.paused i{width:8px;height:8px;border-radius:2px;background:var(--soft);display:inline-block}

/* reflow */
.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mini{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.mini div{border-radius:var(--r);padding:10px 12px;font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.01em;display:flex;justify-content:space-between;gap:8px}
.mini span{font-family:var(--mono);font-weight:400;font-size:11px;color:var(--muted)}
.mini .f{background:var(--surface)}.mini .x{border:2px solid var(--text)}.mini .x span{color:var(--text)}
.mini .a{background:var(--accent);color:var(--on-accent)}.mini .a span{color:var(--on-accent-muted)}
.mini .late span{color:var(--caution)}
.late-note{display:flex;align-items:center;gap:12px;margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--caution)}
.late-note .ebb{width:56px}

/* integrations */
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:8px;margin-top:40px}
.card{border:2px solid var(--line);border-radius:var(--r);padding:24px}
.card h3{font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-.02em;margin:0;text-transform:uppercase}
.card p{margin:8px 0 0;font-size:15px;color:var(--soft)}
.card .eyebrow{display:block;margin-bottom:10px}

/* mascots */
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:8px;margin-top:40px}
.mascot{background:var(--surface);border-radius:var(--r);padding:32px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.mascot svg{width:clamp(96px,12vw,140px)}
.mascot .flow{color:var(--accent);--eye:var(--surface)}
.mascot h3{font-family:var(--display);font-weight:700;font-size:40px;letter-spacing:-.03em;margin:0}
.mascot p{margin:8px 0 0;color:var(--soft);font-size:16px}
.mascot .eyebrow{display:block}

/* who */
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin-top:40px}
.who{border-top:2px solid var(--text);padding-top:18px}
.who h3{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em;margin:0;text-transform:uppercase}
.who p{margin:6px 0 0;font-size:15px;color:var(--soft)}

/* privacy band */
.band{background:var(--text);color:var(--bg);border-radius:var(--r);padding:clamp(28px,5vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px;align-items:center}
.band .eyebrow{color:#5C594F}
.band h2{color:var(--bg)}
.band ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;font-size:17px;color:#3A3832}
.band li{border-top:2px solid var(--bg);padding-top:12px}
.band a{color:var(--bg);font-weight:600}

/* pricing */
.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:8px;margin-top:40px}
.price{border:2px solid var(--line);border-radius:var(--r);padding:32px;display:flex;flex-direction:column}
.price h3{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em;margin:0;text-transform:uppercase}
.price .amt{font-family:var(--display);font-weight:700;font-size:60px;line-height:.98;letter-spacing:-.03em;margin-top:10px}
.price .amt small{font-size:20px;letter-spacing:0;font-weight:600}
.price .sub{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:8px}
.price ul{margin:20px 0 0;padding-left:20px;color:var(--soft);font-size:15px;line-height:1.9}
.price.pro{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.price.pro .sub,.price.pro ul{color:var(--on-accent-muted)}
.price.founder{border-color:var(--text)}
.ribbon{align-self:flex-start;font-family:var(--mono);font-size:11px;border:1.5px solid currentColor;border-radius:3px;padding:2px 6px;margin-bottom:14px}
.fineprint{font-size:14px;color:var(--muted);margin-top:16px;max-width:720px}

/* faq */
.faq{margin-top:32px;border-top:2px solid var(--surface)}
.faq details{border-bottom:2px solid var(--surface)}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--accent)}
.faq details[open] summary::after{content:"\2212"}
.faq p{margin:0 0 20px;color:var(--soft);max-width:720px}

/* footer */
.finale{margin-top:clamp(120px,14vw,168px);position:relative;overflow:hidden}
.finale>.wrap{position:relative;z-index:1;padding-bottom:290px}
.finale h2{font-family:var(--display);font-weight:700;font-size:clamp(50px,7.6vw,116px);line-height:.95;letter-spacing:-.03em;margin:0}
.finale .pair{position:absolute;right:clamp(16px,6vw,96px);bottom:150px;z-index:2;display:flex;align-items:flex-end;gap:8px}
.finale .pair .flow{width:clamp(80px,10vw,120px);color:var(--accent);--eye:var(--bg)}
.finale .pair .ebb{width:clamp(90px,11vw,132px)}
.sea{position:absolute;left:0;bottom:0;height:230px;width:2400px;animation:drift-slow 30s linear infinite;will-change:transform}
.sea svg{display:block;width:2400px;max-width:none;height:230px}
.sea-floor{position:absolute;left:0;bottom:0;height:120px;width:100%;background:var(--water)}
.foot{position:absolute;left:0;right:0;bottom:20px;z-index:3}
.foot .wrap{padding-bottom:0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:var(--on-accent);font-family:var(--mono);font-size:13px}
.foot .wm{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em}
.foot nav{display:flex;gap:20px;flex-wrap:wrap}
.foot a{color:var(--on-accent)}
.foot a:hover{color:var(--bg)}

/* mascot animation */
.flow .tent{stroke-linejoin:round}
.flow .bell-g{transform-origin:80px 70px;animation:breathe 4s ease-in-out infinite}
.ebb .up{animation:pushup 1.2s ease-in-out infinite}
.ebb.walk .legs path:nth-child(odd){animation:step .5s ease-in-out infinite}
.ebb.walk .legs path:nth-child(even){animation:step .5s ease-in-out infinite reverse}
.ebb.walk{animation:shuffle 2.4s ease-in-out infinite}

@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-240px)}}
@keyframes drift-slow{from{transform:translateX(0)}to{transform:translateX(-600px)}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes pushup{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@keyframes step{0%,100%{transform:rotate(0)}50%{transform:rotate(14deg)}}
@keyframes shuffle{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}
.legs path{transform-box:fill-box;transform-origin:top center}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* document pages */
.doc{padding-block:clamp(48px,8vw,88px) 96px}
.doc h1{font-family:var(--display);font-weight:700;font-size:clamp(48px,7vw,88px);letter-spacing:-.03em;line-height:.95;margin:14px 0 0}
.doc .updated{font-family:var(--mono);font-size:13px;color:var(--muted);margin-top:16px}
.doc-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;margin-top:56px;align-items:start}
.toc{position:sticky;top:24px;display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:13px}
.toc a{color:var(--soft);text-decoration:none}.toc a:hover{color:var(--accent)}
.prose{max-width:68ch}
.prose h2{font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:-.02em;margin:48px 0 0;padding-top:20px;border-top:2px solid var(--surface)}
.prose h2:first-child{margin-top:0}
.prose h3{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.01em;margin:28px 0 0}
.prose p,.prose li{color:var(--soft)}
.prose p{margin:12px 0 0}
.prose ul,.prose ol{margin:12px 0 0;padding-left:22px}
.prose li+li{margin-top:6px}
.prose strong{color:var(--text);font-weight:600}
.prose code{font-family:var(--mono);font-size:14px;background:var(--surface);padding:1px 6px;border-radius:3px;color:var(--text)}
.contact{background:var(--surface);border-radius:var(--r);padding:28px;margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.contact .addr{font-family:var(--display);font-weight:700;font-size:clamp(24px,3.4vw,36px);letter-spacing:-.02em}
.contact .ebb{width:96px}
.doc-foot{border-top:2px solid var(--surface)}
.doc-foot .wrap{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:13px;color:var(--muted)}
.doc-foot nav{display:flex;gap:20px}

@media (max-width:900px){
  .win-body{grid-template-columns:minmax(0,1fr)}
  .doc-grid{grid-template-columns:minmax(0,1fr)}
  .toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 16px}
}
@media (max-width:640px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-flow{width:110px;justify-self:end;margin-top:-8px;order:-1}
  .checks li{grid-template-columns:minmax(0,1fr)}
  .breakcard{grid-template-columns:minmax(0,1fr)}
  .breakcard .ebb{justify-self:end}
  .mascot{grid-template-columns:minmax(0,1fr)}
  .finale .pair{bottom:210px}
  .finale>.wrap{padding-bottom:330px}
  .current .flow-mini{display:none}
  .bar .m{font-size:11px}
}