.hero{padding-top:88px}
.hero .lede{margin-bottom:0}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--faint);flex:none}
.dot.on{background:var(--grn);box-shadow:0 0 0 3px #E2F0E8;animation:pulse 1.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 5px rgba(31,122,77,.08)}}
.mk{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--org);color:#fff;font:600 10px/1 var(--mono);flex:none}
/* big SAM UI */
.sui{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;text-align:left;display:grid;grid-template-columns:224px minmax(0,1fr) 288px;height:640px}
.sui .sb{border-right:1px solid var(--line);background:#FBFBF9;padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow:hidden}
.sui .ws{display:flex;align-items:center;gap:8px;padding:6px 8px 12px;font-weight:500;font-size:14px}
.sui .ws i{width:22px;height:22px;border-radius:6px;background:var(--ink);color:#fff;font:600 11px/22px var(--sans);text-align:center;font-style:normal}
.sui .ni{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;font-size:13.5px;color:var(--body)}
.sui .ni.on{background:var(--ash);color:var(--ink);font-weight:500}
.sui .ni img{width:20px;height:20px;border-radius:50%}
.sui .ni em{margin-left:auto;font:500 11px/1 var(--mono);font-style:normal;color:var(--muted)}
.sui .gh{display:flex;align-items:center;justify-content:space-between;font:500 11px/1 var(--mono);color:var(--faint);padding:16px 8px 8px}
.ag{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;padding:7px 8px;border-radius:7px}
.ag .av{position:relative}.ag .av img{width:28px;height:28px;border-radius:50%;display:block}
.ag .av .dot{position:absolute;right:-1px;bottom:-1px;border:2px solid #FBFBF9;width:10px;height:10px}
.ag b{display:block;font-weight:500;font-size:13px;line-height:1.2}
.ag span{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sui .cv{display:flex;flex-direction:column;min-width:0}
.cvh{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line)}
.cvh img{width:26px;height:26px;border-radius:50%}
.cvh b{font-weight:500;font-size:14px}.cvh span{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}
.cvh .mk{margin-left:auto;color:#fff;font-size:10px;display:inline-flex}
.cvb{flex:1;padding:20px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.sm{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px}
.sm>img{width:28px;height:28px;border-radius:50%}
.sm .tm{font-size:12px;color:var(--muted);margin-bottom:4px}.sm .tm b{color:var(--ink);font-weight:500;margin-right:6px}
.sm p{font-size:14px;line-height:1.55;color:var(--ink)}
.moves{margin-top:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.moves .row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.moves .row:last-of-type{border-bottom:none}
.moves .row>img{width:44px;height:44px;border-radius:6px;object-fit:cover;object-position:top;border:1px solid var(--line)}
.moves b{display:block;font-weight:500;font-size:13.5px}
.moves span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.moves span img{width:14px;height:14px;border-radius:50%}
.ap{font:500 12.5px/1 var(--sans);padding:8px 11px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;white-space:nowrap}
.ap:hover{background:#000}
.ap.ok{background:#F2F8F4;color:var(--grn);border-color:#CFE3D7;cursor:default}
.moves .ft{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#FBFBF9;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.moves .ft .ap{background:#fff;color:var(--ink);border-color:var(--line2)}
.moves .ft .ap.ok{background:#F2F8F4;color:var(--grn);border-color:#CFE3D7}
.cmpz{margin:0 20px 18px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--faint)}
.cmpz i{margin-left:auto;width:28px;height:28px;border-radius:8px;background:var(--ash);font-style:normal;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.sui .rr{border-left:1px solid var(--line);background:#FBFBF9;display:flex;flex-direction:column;overflow:hidden}
.rs{padding:14px 14px 6px}
.rs+.rs{border-top:1px solid var(--line)}
.rsh{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13.5px;margin-bottom:10px}
.rsh small{margin-left:auto;font:500 11px/1 var(--mono);color:var(--muted)}
.pbr{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0}
.pbr img{width:40px;height:25px;border-radius:4px;object-fit:cover;border:1px solid var(--line)}
.pbr b{font-weight:500;font-size:12.5px}
.pbr span{font:500 11px/1 var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:4px 6px;background:#fff}
.au{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.au:first-of-type{border-top:none}
.au b{display:block;font-weight:500;font-size:12.5px}.au span{font-size:11.5px;color:var(--muted)}
.sw{width:30px;height:18px;border-radius:999px;background:var(--line2);position:relative;cursor:pointer;flex:none;border:none;transition:background .15s}
.sw::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.sw.on{background:var(--ink)}.sw.on::after{transform:translateX(12px)}
.legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px;text-align:left}
.legend>div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px}
.legend b{display:block;font-weight:500;font-size:14px}.legend span{font-size:13px;color:var(--muted)}
/* chatgpt-style */
.gpt{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:150px minmax(0,1fr);min-height:520px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;letter-spacing:0}
.gpt .gs{background:#F9F9F9;border-right:1px solid #EDEDED;padding:12px 8px;display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:#0D0D0D}
.gpt .gs .gl{width:22px;height:22px;border-radius:50%;border:1.5px solid #0D0D0D;margin:2px 6px 12px}
.gpt .gs a{text-decoration:none;color:#0D0D0D;padding:6px 8px;border-radius:8px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gpt .gs a.on{background:#ECECEC}
.gpt .gs small{color:#8F8F8F;font-size:11.5px;padding:14px 8px 6px}
.gpt .gm{display:flex;flex-direction:column;min-width:0}
.gpt .gh2{padding:12px 16px;font-size:15px;color:#0D0D0D;display:flex;justify-content:space-between;align-items:center}
.gpt .gh2 span{font-size:12px;color:#5D5D5D}
.gpt .gb{flex:1;padding:8px 22px;display:flex;flex-direction:column;gap:16px;font-size:13.5px;color:#0D0D0D;line-height:1.6}
.gpt .ub{align-self:flex-end;background:#F4F4F4;border-radius:18px;padding:8px 14px;max-width:80%}
.gpt .ab p+p{margin-top:8px}
.gpt .ab .draft{border-left:2px solid #E5E5E5;padding-left:12px;color:#3D3D3D;margin:8px 0}
.gpt .ab ol{padding-left:18px;margin-top:6px}
.gpt .gc{margin:10px 16px 6px;border:1px solid #E5E5E5;border-radius:24px;padding:10px 12px 10px 16px;display:flex;align-items:center;gap:10px;color:#8F8F8F;font-size:13.5px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.gpt .gc i{margin-left:auto;width:26px;height:26px;border-radius:50%;background:#0D0D0D;font-style:normal}
.gpt .gn{font-size:10.5px;color:#8F8F8F;text-align:center;padding:0 0 10px}
.cmp2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.cmpcap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:16px;font-size:14px;color:var(--muted)}
.cmpcap b{color:var(--ink);font-weight:500}
/* how it works v2 */
.steps4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.s4{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;text-align:left;padding:18px 20px 18px 0;cursor:pointer;font-family:var(--sans);display:flex;flex-direction:column;gap:6px;position:relative}
.s4 i{font:500 11px/1 var(--mono);font-style:normal;color:var(--faint)}
.s4 b{font-weight:500;font-size:15px;color:var(--muted);letter-spacing:-.01em}
.s4 span{font-size:13px;color:var(--faint);line-height:1.45}
.s4.on{border-bottom-color:var(--ink)}.s4.on b{color:var(--ink)}.s4.on i{color:var(--org)}.s4.on span{color:var(--muted)}
.s4 .prog{position:absolute;left:0;bottom:-2px;height:2px;background:var(--org);width:0}
.s4.on .prog{animation:prog 6s linear forwards}
.paused .s4.on .prog{animation:none;width:0}
@keyframes prog{to{width:100%}}
.hstage{margin-top:32px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-lg);min-height:440px;position:relative;overflow:hidden}
.hp{display:none;padding:36px;min-height:440px}
.hp.on{display:flex;flex-direction:column}
.hp .cap{font:500 12px/1 var(--mono);color:var(--muted);margin-bottom:24px;display:flex;align-items:center;gap:8px}
.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tool{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;transition:border-color .3s,background .3s}
.tool .lg{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font:600 15px/1 var(--sans)}
.tool b{display:block;font-weight:500;font-size:14px}
.tool span{font-size:12px;color:var(--muted)}
.tool.c{border-color:#CFE3D7;background:#F7FBF8}.tool.c span{color:var(--grn)}
.think{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;max-width:640px}
.think>img{width:48px;height:48px;border-radius:50%}
.think h4{font:500 16px/1.3 var(--sans);display:flex;align-items:center;gap:10px}
.shim{background:linear-gradient(90deg,var(--muted) 0%,var(--ink) 40%,var(--muted) 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 1.8s linear infinite}
@keyframes shim{to{background-position:-200% 0}}
.tl{list-style:none;margin-top:16px;display:grid;gap:2px}
.tl li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:14px;color:var(--body);opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}
.tl li.in{opacity:1;transform:none}
.tl li i{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--grn);line-height:1.7}
.tl li em{font-style:normal;font:400 12px/1.7 var(--mono);color:var(--muted)}
.tl li.last{color:var(--ink);font-weight:500}.tl li.last i{color:var(--org)}
.mv3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.m3{border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.m3 .im{aspect-ratio:4/3;background:var(--ash);border-bottom:1px solid var(--line)}.m3 .im img{width:100%;height:100%;object-fit:cover;object-position:top}
.m3 .bd{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}
.m3 .who{display:flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);color:var(--muted)}.m3 .who img{width:16px;height:16px;border-radius:50%}
.m3 b{font-weight:500;font-size:15px}
.m3 p{font-size:13px;color:var(--muted)}
.m3 .ap{margin-top:auto;align-self:flex-start;margin-top:10px}
.mv3ft{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:13.5px;color:var(--muted)}
.live3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.lv{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.lv .lh2{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:500}
.lv .lh2 .lg{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font:600 10px/1 var(--sans)}
.lv .lh2 em{margin-left:auto;font:500 11px/1 var(--mono);font-style:normal;color:var(--grn);display:flex;align-items:center;gap:6px}
.lv .im{aspect-ratio:1;background:var(--ash)}.lv .im img{width:100%;height:100%;object-fit:cover;object-position:top}
.lv .im.w{aspect-ratio:4/3}
.lv .bd{padding:12px;font-size:13px;color:var(--body);display:grid;gap:6px}
.lv .kv{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted)}.lv .kv b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.lv .big{font:400 30px/1 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.flyin{animation:fly .6s cubic-bezier(.2,.8,.2,1) both}
.flyin:nth-child(2){animation-delay:.25s}.flyin:nth-child(3){animation-delay:.5s}
@keyframes fly{from{opacity:0;transform:translateY(16px) scale(.98)}}
/* benefits */
.bens{display:grid;gap:96px}
.ben{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}
.ben:nth-child(even){grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.ben:nth-child(even) .bt2{order:2}
.ben .lab{margin-bottom:18px}
.ben h3{font:400 clamp(28px,3.2vw,38px)/1.1 var(--serif);letter-spacing:-.02em;text-wrap:balance}
.ben p{font-size:16.5px;color:var(--body);margin-top:16px;max-width:46ch}
.ben ul{list-style:none;margin-top:22px;display:grid;border-top:1px solid var(--line)}
.ben li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--body);display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px}
.ben li i{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--org);line-height:1.8}
.vis{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-lg);overflow:hidden}
.vh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;font-weight:500}
.vh small{margin-left:auto;font:500 11px/1 var(--mono);color:var(--muted)}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cal>div{border-left:1px solid var(--line);padding:10px 8px 12px;display:flex;flex-direction:column;gap:8px;min-height:250px}
.cal>div:first-child{border-left:none}
.cal .d{font:500 11px/1 var(--mono);color:var(--muted)}
.cal .d.t{color:var(--org)}
.pc{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
.pc img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top}
.pc span{display:flex;align-items:center;gap:4px;padding:4px 5px;font:500 9.5px/1.2 var(--mono);color:var(--muted)}
.pc span i{width:6px;height:6px;border-radius:50%;background:var(--grn);font-style:normal;flex:none}
.pc.qd span i{background:var(--faint)}.pc.qd{border-style:dashed}.pc.qd img{opacity:.85}.pc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brw .bar2{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:#FBFBF9}
.brw .bar2 i{width:9px;height:9px;border-radius:50%;background:var(--line2);font-style:normal}
.brw .bar2 span{margin-left:10px;flex:1;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 10px;font:400 11.5px/1.3 var(--mono);color:var(--muted)}
.brw .pg{position:relative;height:380px;overflow:hidden}
.brw .pg img{width:100%;object-fit:cover;object-position:top}
.float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);padding:12px 14px;font-size:12.5px;color:var(--muted)}
.float b{display:block;font:400 26px/1 var(--serif);color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}
.serp{padding:18px 20px;display:grid;gap:16px}
.sbx{border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:14px;color:var(--ink);display:flex;justify-content:space-between}
.sbx span{color:var(--faint)}
.res{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.res .rk{font:500 11px/1 var(--mono);border-radius:5px;padding:5px 6px;background:var(--ink);color:#fff}
.res .rk.g{background:var(--ash);color:var(--muted)}
.res small{display:block;font-size:12px;color:var(--muted)}
.res b{display:block;font-weight:500;font-size:15px;color:#1a0dab}
.res p{font-size:13px;color:var(--body);margin-top:2px}
.res.dim{opacity:.5}
.aians{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#FBFBF9;font-size:13.5px;color:var(--body)}
.aians .t{font:500 11px/1 var(--mono);color:var(--muted);margin-bottom:8px}
.aians .src{display:inline-flex;margin-top:10px;font:500 11px/1 var(--mono);border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:#fff;color:var(--ink)}
.cad{display:flex;gap:6px;flex-wrap:wrap;padding:0 20px 18px}
.cad span{font:500 11px/1 var(--mono);border:1px solid var(--line);border-radius:5px;padding:5px 7px;color:var(--muted)}
.cad span b{color:var(--grn);font-weight:500}
.inbox .em{display:grid;grid-template-columns:minmax(0,1fr) 70px 70px 84px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px}
.inbox .em.h{font:500 11px/1 var(--mono);color:var(--muted);background:#FBFBF9}
.inbox .em>span:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}
.inbox .em b{display:block;font-weight:500;font-size:13.5px}.inbox .em small{font-size:12px;color:var(--muted)}
.inbox .em .rv{color:var(--grn);font-weight:500}
.inbox .tot2{display:flex;justify-content:space-between;align-items:baseline;padding:16px;font-size:13px;color:var(--muted)}
.inbox .tot2 b{font:400 34px/1 var(--serif);color:var(--ink);letter-spacing:-.02em}
.camp .cr{display:grid;grid-template-columns:44px minmax(0,1fr) 70px 60px 60px;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13px}
.camp .cr.h{font:500 11px/1 var(--mono);color:var(--muted);background:#FBFBF9;padding:10px 16px}
.camp .cr>span:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
.camp .cr img{width:44px;height:44px;border-radius:6px;object-fit:cover;object-position:top;border:1px solid var(--line)}
.camp .cr b{display:block;font-weight:500}.camp .cr small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--grn)}
.camp .cr small.off{color:var(--muted)}
.camp .log{padding:12px 16px;font-size:12.5px;color:var(--body);background:#FBFBF9;display:grid;gap:6px}
.camp .log div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px}
.camp .log em{font:400 11px/1.7 var(--mono);font-style:normal;color:var(--muted)}
/* features */
.feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.auto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ac{border:1px solid var(--line);border-radius:10px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:10px;min-height:170px}
.ac .top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ac .top img{width:26px;height:26px;border-radius:50%}
.ac b{font-weight:500;font-size:15px}
.ac p{font-size:13px;color:var(--muted)}
.ac .sch{margin-top:auto;font:500 11px/1 var(--mono);color:var(--muted);display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line)}
.ac .sch b{font:inherit;color:var(--ink)}
.wb{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-lg);overflow:hidden}
.wbt{display:flex;gap:0;border-bottom:1px solid var(--line);padding:0 16px}
.wbt button{font:500 13.5px/1 var(--sans);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:14px 12px;color:var(--muted);cursor:pointer;display:flex;gap:6px;align-items:center}
.wbt button em{font:500 11px/1 var(--mono);font-style:normal;color:var(--faint)}
.wbt button.on{color:var(--ink);border-bottom-color:var(--ink)}
.wr{display:grid;grid-template-columns:40px minmax(0,1fr) 150px 130px;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13.5px}
.wr:last-child{border-bottom:none}
.wr img.th{width:40px;height:40px;border-radius:6px;object-fit:cover;object-position:top;border:1px solid var(--line)}
.wr b{display:block;font-weight:500}.wr small{font-size:12px;color:var(--muted)}
.wr .by{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.wr .by img{width:18px;height:18px;border-radius:50%}
.wr .stt{justify-self:end;font:500 11px/1 var(--mono);padding:5px 8px;border-radius:5px;border:1px solid var(--line);color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}
.stt.done{color:var(--grn);border-color:#CFE3D7;background:#F2F8F4}
.stt.run{color:var(--ink);border-color:var(--line2)}
.stt.rev{color:#8A4B12;border-color:#F0DCC4;background:#FDF6EE}
.wr.hide{display:none}
nav .r{margin-left:auto}

/* playbook run animation */
.pbrun{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-lg);overflow:hidden;height:520px;margin-bottom:40px}
.pl{background:#FBFBF9;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.plh{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}
.plh img{width:24px;height:24px;border-radius:50%}.plh b{font-weight:500}
.rp{margin-left:auto;font:500 12px/1 var(--sans);border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;color:var(--muted);cursor:pointer}
.plb{flex:1;padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;scrollbar-width:none;min-height:0}.plb::-webkit-scrollbar{display:none}.pk{max-height:60px;overflow:hidden;transition:max-height .35s,opacity .3s,padding .35s,margin .35s,border-width .35s}.pk{position:relative}.pk::after{content:"✓";position:absolute;right:10px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--grn);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s}.pk.sel{border-color:#CFE3D7!important;background:#F2F8F4!important;box-shadow:0 0 0 3px #EAF5EE!important}.pk.sel::after{opacity:1;transform:none}.pk.gone{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-width:0;margin-top:-6px}.gst.idle b,.gst.idle em{height:auto;width:auto;background:none;animation:none}.gst.idle b{font-weight:500;font-size:13.5px;color:var(--muted);margin-bottom:2px}.gst.idle em{font:500 11px/1 var(--mono);color:var(--faint)}.gst.idle i{border-style:dashed}
.pm small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.pm p{font-size:13.5px;line-height:1.5}
.pick{display:grid;gap:6px;margin-top:10px}
.pk{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px;transition:border-color .2s,box-shadow .2s,transform .15s}
.pk img{width:44px;height:28px;border-radius:4px;object-fit:cover}
.pk b{display:block;font-weight:500;font-size:13px}.pk em{font-style:normal;font-size:11.5px;color:var(--muted)}
.pk.hov{border-color:var(--ink);box-shadow:0 0 0 3px rgba(26,25,23,.06)}
.pk.prs{transform:scale(.98)}
.pu{align-self:flex-end;background:var(--ash);border-radius:12px;padding:9px 12px;font-size:13px;max-width:90%}
.pu b{font-weight:500}
.tht{display:flex;align-items:center;gap:8px;color:var(--muted)}
.spk{color:var(--org)}
.runc{margin-top:10px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;box-shadow:var(--shadow);font-size:13px}
.runc b{font-weight:500}.ri{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}
.spin{margin-left:auto;width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--ink);animation:spin .8s linear infinite;font-style:normal}
.runc.ok .spin{animation:none;border:none;width:auto;height:auto;color:var(--grn)}.runc.ok .spin::after{content:"✓";font-size:13px}
@keyframes spin{to{transform:rotate(360deg)}}
.pm .ap{margin-top:10px}
.hid{display:none!important}
.pop{animation:pop .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes pop{from{opacity:0;transform:translateY(6px)}}
.plc{margin:12px;border-radius:12px;padding:12px 14px;display:flex;align-items:center;font-size:13.5px;color:var(--faint);background:#fff;border:1px solid var(--line);position:relative}
.plc i{margin-left:auto;width:24px;height:24px;border-radius:7px;background:var(--ash);font-style:normal}
.plc.busy{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--org),#F3B39A,var(--line2),var(--org)) border-box;background-size:100% 100%,300% 100%;animation:bord 2s linear infinite}
.plc.busy i{background:var(--org)}
@keyframes bord{to{background-position:0 0,-300% 0}}
.pr{display:flex;flex-direction:column;min-width:0}
.prh{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}
.prh b{font-weight:500;font-size:14px}
.prst{margin-left:auto;font:500 11px/1 var(--mono);color:var(--muted);display:flex;align-items:center;gap:6px}
.canvas{flex:1;position:relative;background:radial-gradient(circle,var(--line2) 1px,transparent 1.2px) 0 0/28px 28px;display:flex;align-items:center;justify-content:center;padding:24px}
.gen{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .4s,transform .4s}
.gen.on{opacity:1;transform:none}
.genh{font:500 11.5px/1 var(--mono);letter-spacing:.06em;color:var(--muted);text-align:center;padding:12px;border-bottom:1px solid var(--line);background:#FBFBF9}
.gst{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:10px 14px}
.gst i{width:40px;height:40px;border-radius:9px;border:1px solid var(--line);background:#FBFBF9;display:flex;align-items:center;justify-content:center;font-style:normal;overflow:hidden;transition:all .3s}
.gst b,.gst em{display:block;height:8px;border-radius:4px;background:var(--ash);font-style:normal}
.gst b{width:55%;margin-bottom:8px}.gst em{width:85%}
.gst.act i::after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--ink);animation:spin .8s linear infinite}
.gst.act b,.gst.act em{background:linear-gradient(90deg,var(--ash),#E9E7E2,var(--ash));background-size:200% 100%;animation:shim 1.2s linear infinite}
.gst.ok i{background:#F2F8F4;border-color:#CFE3D7;color:var(--grn);font-size:15px}
.gst.ok i::after{content:"✓"}
.gst.ok.im i::after{content:none}.gst.ok.im i img{width:100%;height:100%;object-fit:cover;object-position:top}
.gst.ok b,.gst.ok em{height:auto;width:auto;background:none;animation:none}
.gst.ok b{font-weight:500;font-size:13.5px;margin-bottom:2px}.gst.ok em{font-size:12px;color:var(--muted)}
.outs{position:absolute;inset:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:center;pointer-events:none}
.oc{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(16px)}
.oc img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}
.oc span{display:block;padding:8px 10px;font-size:12.5px;font-weight:500}
.outs.on .oc{animation:flyup .5s cubic-bezier(.2,.8,.2,1) forwards}
.outs.on .oc:nth-child(2){animation-delay:.12s}.outs.on .oc:nth-child(3){animation-delay:.24s}.outs.on .oc:nth-child(4){animation-delay:.36s}
@keyframes flyup{to{opacity:1;transform:none}}
.gen.out{opacity:0;transform:scale(.96)}
@media(max-width:960px){.pbrun{grid-template-columns:minmax(0,1fr);height:auto}.pl{border-right:none;border-bottom:1px solid var(--line)}.plb{min-height:300px}.canvas{min-height:420px}.outs{gap:8px}.oc img{aspect-ratio:3/4}.oc span{font-size:11.5px;padding:6px 8px}}


/* product page + stickers */
.stk-wrap{position:relative;padding:28px 20px 34px}
.shop{background:#F7F4EE;font-family:var(--sans)}
.shn{display:flex;align-items:center;gap:18px;padding:12px 20px;background:#fff;border-bottom:1px solid #ECE7DE;font-size:12px;color:#5C574E}
.shn b{font-weight:600;letter-spacing:.18em;font-size:13px;color:#1F2420;margin-right:auto}
.shn em{font-style:normal}
.shb{background:#2F3A33;color:#F1EDE4;text-align:center;font-size:11.5px;padding:7px;letter-spacing:.02em}
.shg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;padding:22px}
.shi{aspect-ratio:1;background:#ECE6DB;border-radius:8px;overflow:hidden;position:relative}.shtag{position:absolute;top:10px;left:10px;font-size:10.5px;font-weight:600;background:#fff;color:#8A3B2B;border-radius:999px;padding:4px 8px;pointer-events:none}.shq{font:400 13px/1.4 var(--serif);color:#1F2420;border-left:2px solid #D9D2C5;padding-left:10px}.shq span{display:block;font:400 11px var(--sans);color:#7A7468;margin-top:3px}
.shd{display:flex;flex-direction:column;gap:9px;color:#1F2420}
.shd small{font-size:11px;color:#7A7468;letter-spacing:.04em;text-transform:uppercase}
.shd h5{font:400 28px/1.05 var(--serif);letter-spacing:-.02em}
.shr{font-size:12px;color:#B8862E;letter-spacing:.06em}.shr span{color:#7A7468;letter-spacing:0;margin-left:4px}
.shp{display:flex;align-items:baseline;gap:8px}.shp b{font-weight:600;font-size:20px}.shp s{color:#9A9488;font-size:14px}.shp em{font-style:normal;font-size:11px;font-weight:600;color:#8A3B2B;background:#F3E3DC;border-radius:4px;padding:3px 6px}
.shc{display:flex;gap:7px}.shc i{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #D9D2C5}.shc i:first-child{box-shadow:0 0 0 1.5px #1F2420}
.sha{background:#1F2420;color:#fff;text-align:center;border-radius:6px;padding:11px;font-size:13px;font-weight:500;margin-top:2px}
.shd p{font-size:11.5px;color:#7A7468;line-height:1.45}
.she{margin-top:auto;border-top:1px solid #E4DED3;padding-top:10px;display:grid;gap:6px;font-size:11.5px;font-weight:500}
.she div{display:flex;border:1px solid #D9D2C5;border-radius:6px;overflow:hidden;background:#fff}
.she i{font-style:normal;flex:1;padding:7px 9px;color:#A39D91;font-weight:400}.she b{background:#2F3A33;color:#fff;padding:7px 12px;font-weight:500}
.stkr{position:absolute;z-index:3;background:#fff;border-radius:16px;padding:12px 16px 12px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 10px 24px -6px rgba(28,26,22,.28),0 2px 6px rgba(28,26,22,.12);border:3px solid #fff;outline:1px solid var(--line);display:flex;flex-direction:column;gap:2px;pointer-events:none}
.stkr b{font:400 30px/1 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.stkr span{font-size:12.5px;color:var(--muted);white-space:nowrap}
.stkr.s1{top:4px;right:0;transform:rotate(4deg);background:#FFF4D6;outline-color:#F0DFAE}
.stkr.s2{bottom:6px;left:0;transform:rotate(-5deg)}
.stkr.s3{bottom:-6px;right:34px;transform:rotate(2.5deg);background:#EAF5EE;outline-color:#CFE3D7}.stkr.s3 b{color:var(--grn)}
@media(max-width:960px){.shn span{display:none}.shg{grid-template-columns:minmax(0,1fr)}.shi{aspect-ratio:4/3}.stkr b{font-size:24px}}


/* email visual */
.emv{position:relative;border-radius:16px;background:radial-gradient(circle,var(--line2) 1px,transparent 1.2px) 0 0/24px 24px,#F6F4EF;border:1px solid var(--line);padding:56px 28px 36px;display:flex;flex-direction:column;align-items:center;gap:28px}
.emstack{position:relative;width:100%;max-width:340px}
.emc{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg)}
.emc.b1,.emc.b2{position:absolute;inset:0}
.emc.b2{transform:rotate(5deg) translate(12px,4px);opacity:.55}
.emc.b1{transform:rotate(2.5deg) translate(6px,2px);opacity:.8}
.emc.main{position:relative;transform:rotate(-1.5deg);padding:14px;display:grid;gap:10px;transition:transform .3s}
.emv:hover .emc.main{transform:rotate(0) translateY(-4px)}
.emh{display:flex;align-items:center;gap:9px}
.emh i{width:28px;height:28px;border-radius:50%;background:#2F3A33;color:#fff;font:600 12px/28px var(--sans);text-align:center;font-style:normal;flex:none}
.emh b{display:block;font-weight:500;font-size:13px}.emh span{font-size:11.5px;color:var(--muted)}
.ems{font-weight:500;font-size:15px;letter-spacing:-.01em}
.emi{border-radius:8px;overflow:hidden;background:#F7F4EE;border:1px solid #ECE7DE}.embr{text-align:center;font-weight:600;letter-spacing:.18em;font-size:11px;padding:8px;color:#1F2420;background:#fff;border-bottom:1px solid #ECE7DE}.emhero{aspect-ratio:16/9;background:#ECE6DB}.emcopy{padding:10px 12px;text-align:center}.emcopy b{display:block;font:400 18px/1.15 var(--serif);color:#1F2420}.emcopy span{font-size:11.5px;color:#7A7468}
.emb{background:#2F3A33;color:#fff;border-radius:7px;text-align:center;padding:9px;font-size:13px;font-weight:500}
.toast{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px;box-shadow:0 10px 24px -8px rgba(28,26,22,.3);font-size:12px;color:var(--muted);white-space:nowrap;animation:toastin 5s ease-in-out infinite}
.toast img{width:20px;height:20px;border-radius:5px}
.toast b{display:block;color:var(--ink);font-weight:500;font-size:12.5px}
.toast.t1{top:-38px;right:-70px}
@keyframes toastin{0%,8%{opacity:0;transform:translateY(8px) scale(.96)}14%,70%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(-6px)}}
.emtools{display:flex;flex-direction:column;align-items:center;gap:12px}
.emtl{font:500 12px/1 var(--mono);color:var(--muted)}
.emg{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.emt{width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:transform .2s}
.emt:hover{transform:translateY(-2px) rotate(-3deg)}
.emt img{width:22px;height:22px;border-radius:5px}
.emt.on{border-color:#CFE3D7;box-shadow:0 0 0 3px #EAF5EE}
.stkr.e2{bottom:-24px;left:16px;transform:rotate(-5deg);background:#EAF5EE;outline-color:#CFE3D7}.stkr.e2 b{color:var(--grn)}
@media(max-width:960px){.toast.t1{right:-10px}.stkr.e2{left:8px}}
/* ads platforms */
.plats{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);background:#FBFBF9}
.pl2{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px 5px 6px;color:var(--muted)}
.pl2 img{width:18px;height:18px;border-radius:4px}
.pl2.on{color:var(--ink);border-color:var(--line2)}
.pl2 .dot{width:6px;height:6px}
.camp .cr b{display:flex;align-items:center;gap:7px}
.pf{width:16px;height:16px;border-radius:4px;flex:none}
.stk-wrap.ads{padding:30px 20px 34px}
.stkr.a1{top:-42px;right:-8px;transform:rotate(5deg);background:#1A1917;outline-color:#1A1917;border-color:#1A1917}.stkr.a1 b{color:#fff}.stkr.a1 span{color:#C9C6BE}
.stkr.a2{bottom:-30px;left:0;transform:rotate(-4deg);background:#EAF5EE;outline-color:#CFE3D7}.stkr.a2 b{color:var(--grn)}


/* playbook marquee */
.pbmq{display:grid;gap:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);overflow:hidden}
.pbrow{overflow:hidden}
.pbtrk{display:flex;gap:10px;width:max-content;animation:mq 60s linear infinite}
.pbrow.r1 .pbtrk{animation-direction:reverse;animation-duration:70s}
.pbrow.r2 .pbtrk{animation-duration:80s}
.pbmq:hover .pbtrk{animation-play-state:paused}
@keyframes mq{to{transform:translateX(calc(-50% - 5px))}}
.pbc{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px;font-size:14px;font-weight:500;color:var(--ink);transition:border-color .15s,transform .15s}
.pbc:hover{border-color:var(--ink);transform:translateY(-1px)}
.pbc img{width:24px;height:24px;border-radius:50%}
@media(prefers-reduced-motion:reduce){.pbtrk{animation:none}}


.stage::before{display:none}
.stage{position:relative}
.callouts{position:absolute;inset:0;pointer-events:none;z-index:6}
.co{position:absolute;display:flex;gap:10px;align-items:flex-start;background:#FFF4D6;border:3px solid #fff;outline:1px solid #F0DFAE;border-radius:14px;padding:10px 14px 11px 11px;box-shadow:0 10px 24px -6px rgba(28,26,22,.28),0 2px 6px rgba(28,26,22,.12);max-width:220px;text-align:left}
.co .mk{color:#fff;font-size:10px;margin-top:2px}
.co b{display:block;font-weight:600;font-size:14px;letter-spacing:-.01em}
.co span:not(.mk){display:block;font-size:12px;color:#6B5E3E;line-height:1.35;margin-top:2px}
.arw{position:absolute;width:52px;height:44px;overflow:visible}
.arw path{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.co.c1{left:-26px;bottom:110px;transform:rotate(-3deg)}.co.c1 .arw{left:44px;top:-46px}
.co.c2{left:30%;top:-34px;transform:rotate(2deg)}.co.c2 .arw{right:-48px;top:26px}
.co.c3{right:-30px;top:-38px;transform:rotate(3.5deg)}.co.c3 .arw{left:-46px;top:28px}
.co.c4{right:-26px;bottom:70px;transform:rotate(-2.5deg)}.co.c4 .arw{left:70px;top:-46px}

/* problem (negative) */
.prob{background:#151412;color:#EDEBE6;margin-top:120px;padding:110px 0 100px}
.prob .lab{color:#8C887F}.prob h2{color:#F4F2EE}.prob .lede{color:#A9A59C}
.waits2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wt{background:#1D1B18;border:1px solid #2C2A26;border-radius:12px;padding:18px 18px 24px;display:flex;flex-direction:column;gap:8px}
.wt .x{font:500 12px/1 var(--mono);color:#6E6A62;margin-top:10px}
.wt h3{font:400 26px/1.15 var(--serif);letter-spacing:-.02em;color:#F4F2EE}
.wt p{font-size:14px;color:#9C988F}
.wv{background:#141311;border:1px solid #2A2824;border-radius:9px;padding:14px;height:150px;display:flex;flex-direction:column;justify-content:center;filter:saturate(.4)}
.draft2,.adr,.flat{display:grid;gap:9px}
.dh,.ar{display:flex;justify-content:space-between;gap:10px;font:500 11px/1 var(--mono);color:#7D796F}
.dh em,.ar em{font-style:normal;color:#D9735E}
.dl{font-size:13px;color:#BDB9B0}.dl b{font-weight:500;color:#DDD9D0}
.cur{display:inline-block;width:1.5px;height:14px;background:#DDD9D0;vertical-align:-2px;margin-left:2px;animation:blink2 1.1s steps(1) infinite}
@keyframes blink2{50%{opacity:0}}
.dx{display:grid;gap:6px}.dx i{display:block;height:6px;border-radius:3px;background:#2B2925}
.dst{justify-self:start;font:500 11px/1 var(--mono);color:#E08A75;background:rgba(217,115,94,.12);border:1px solid rgba(217,115,94,.3);border-radius:5px;padding:5px 7px}
.am{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.am div{background:#1B1A17;border:1px solid #2A2824;border-radius:6px;padding:8px}
.am b{display:block;font:400 22px/1 var(--serif);color:#8C887F}.am small{font-size:11px;color:#6E6A62}
.flat svg{width:100%;height:62px}
.flat .g{stroke:#2A2824;stroke-width:1;fill:none}.flat .l{stroke:#D9735E;stroke-width:1.6;fill:none;vector-effect:non-scaling-stroke}
.mo{display:flex;justify-content:space-between;font:500 10px/1 var(--mono);color:#5F5B54}
.prob .after{color:#A9A59C;margin-top:36px}.prob .after b{color:#F4F2EE}
@media(max-width:960px){.waits2{grid-template-columns:minmax(0,1fr)}}

/* meet sam: negative vs positive */
.vs2{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch}
.sneg,.spos{border-radius:18px;padding:20px 20px 24px;display:flex;flex-direction:column;gap:16px}
.sneg{background:#ECEAE5;border:1px dashed #CFCBC2}
.spos{background:linear-gradient(170deg,#EEF7F1,#FDFDFC 70%);border:1px solid #CFE3D7;box-shadow:0 30px 60px -30px rgba(31,122,77,.35)}
.sh{display:flex;align-items:center;gap:10px;font-size:15px}
.sh b{font-weight:600}
.sh .ic{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}
.sneg .ic{background:#A8442F}.spos .ic{background:var(--grn)}
.sh em{margin-left:auto;font:500 11px/1 var(--mono);font-style:normal;padding:5px 8px;border-radius:5px}
.sneg .sh em{color:#8A3B2B;background:#F5E2DC}.spos .sh em{color:var(--grn);background:#DCEFE3}
.gwrap,.cwrap{position:relative;flex:1;display:flex;flex-direction:column}
.gwrap .gpt{flex:1;filter:grayscale(1);opacity:.78;box-shadow:none}
.cwrap .card{flex:1;box-shadow:0 2px 3px -2px rgba(28,26,22,.12),0 24px 50px -20px rgba(28,26,22,.3)}
.hwk{position:absolute;right:-10px;bottom:-34px;z-index:2;max-width:320px;background:#fff;border:1px solid #E4C9BF;border-radius:12px;padding:12px 14px;box-shadow:0 14px 30px -10px rgba(28,26,22,.35);transform:rotate(2.5deg);font-size:12.5px;width:200px}
.hwk b{display:block;font-weight:600;color:#8A3B2B;margin-bottom:6px;font-size:13px}
.hwk ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px}
.hwk li{display:flex;gap:8px;align-items:center;color:var(--body)}
.hwk li::before{content:"";width:12px;height:12px;border:1.5px solid #C9B8B0;border-radius:3px;flex:none}
.stkr.dn{right:-14px;top:-30px;transform:rotate(-3deg);background:#EAF5EE;outline-color:#CFE3D7}.stkr.dn b{color:var(--grn)}
.scap{font-size:14.5px;color:var(--muted);margin-top:8px}.scap b{color:var(--ink);font-weight:500}
.sneg .scap{color:#7D776C}
.vsb{align-self:center;justify-self:center;font:400 italic 20px/1 var(--serif);color:var(--muted)}
@media(max-width:960px){.vs2{grid-template-columns:minmax(0,1fr);gap:8px}.vsb{padding:8px 0}.hwk{margin-right:0}.stkr.dn{right:0}}

/* automations calendar */
.acal{display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-lg);overflow:hidden}
.aleg{border-right:1px solid var(--line);background:#FBFBF9;padding:14px 14px 16px;display:flex;flex-direction:column}
.alh{display:flex;justify-content:space-between;font-weight:500;font-size:14px;padding:4px 2px 10px}.alh em{font:500 11px/1.6 var(--mono);font-style:normal;color:var(--muted)}
.al{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 2px;border-top:1px solid var(--line)}
.al img{width:26px;height:26px;border-radius:50%}
.al b{display:block;font-weight:500;font-size:13.5px}.al span{font-size:12px;color:var(--muted)}
.al.off{opacity:.55}
.aln{margin-top:auto;padding-top:14px;font-size:12px;color:var(--muted)}
.agh{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px}.agh b{font-weight:500}.agh span{color:var(--muted);font-size:13px}
.agh em{margin-left:auto;font:500 11px/1 var(--mono);font-style:normal;color:var(--grn);display:flex;align-items:center;gap:8px}
.ag2{display:grid;grid-template-columns:54px repeat(7,minmax(0,1fr))}
.ahrs{border-right:1px solid var(--line)}
.sp1{height:44px;border-bottom:1px solid var(--line)}.sp2{height:26px;border-bottom:1px solid var(--line);font:500 9px/26px var(--mono);color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden}
.ahb{position:relative;height:420px}.ahb span{position:absolute;right:8px;transform:translateY(-50%);font:500 10px/1 var(--mono);color:var(--faint)}
.cday{border-left:1px solid var(--line);min-width:0}.cday:nth-child(2){border-left:none}
.cdh{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px;font:500 11px/1 var(--mono);color:var(--muted)}
.cdh em{font:500 13px/1 var(--sans);font-style:normal;color:var(--ink)}
.cday.today .cdh em{background:var(--org);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.cday.today .cbody{background:#FFFBF8}
.copt{position:relative;height:26px;border-bottom:1px solid var(--line);background:#FBFBF9}
.copt i{position:absolute;top:50%;width:6px;height:6px;margin:-3px 0 0 4px;border-radius:50%;background:#7EA6E0}
.cbody{position:relative;height:420px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(100%/7 - 1px),#F1F0EC calc(100%/7 - 1px),#F1F0EC calc(100%/7))}
.cev{position:absolute;left:4px;right:4px;transform:translateY(-2px);border-radius:6px;padding:5px 6px;font-size:11px;line-height:1.25;border:1px solid;transition:opacity .25s}
.cev b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cev span{font:500 9.5px/1.3 var(--mono);opacity:.8}
.cev.mb{background:#F4F3F0;border-color:#E2E0DA;color:var(--ink)}
.cev.ig{background:#FCEAF1;border-color:#F3C7D8;color:#8A1F4A}
.cev.seo{background:#EAF5EE;border-color:#CFE3D7;color:#1F5E3E}
.cev.wbr{background:#FFF4D6;border-color:#F0DFAE;color:#6B5310}
.cev.done{opacity:.6}
.cev.hide,.copt.hide i{opacity:0}
.nowl{position:absolute;left:0;right:0;height:0;border-top:1.5px solid var(--org);z-index:2}
.nowl::before{content:"";position:absolute;left:-4px;top:-4.5px;width:7px;height:7px;border-radius:50%;background:var(--org)}
.nowl span{position:absolute;right:4px;top:-16px;font:500 9.5px/1 var(--mono);color:var(--org)}
@media(max-width:960px){.acal{grid-template-columns:minmax(0,1fr)}.aleg{border-right:none;border-bottom:1px solid var(--line)}.agrid{overflow-x:auto}.ag2{min-width:640px}}

.bimg.fib{position:relative;aspect-ratio:1;background:#07080B;border-color:#1C1D21}
.bimg.fib canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fibtags span{position:absolute;font:500 10.5px/1 var(--mono);color:#C9C4BA;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 9px;backdrop-filter:blur(4px);animation:tagf 7s ease-in-out infinite;pointer-events:none}
.fibtags span:nth-child(2){animation-delay:2.3s}.fibtags span:nth-child(3){animation-delay:4.6s}
@keyframes tagf{0%,100%{opacity:0;transform:translateY(4px)}20%,70%{opacity:1;transform:none}}
.fibcap{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-size:13px;color:#8F8A80}.fibcap b{font:400 15px var(--serif);color:#F4F2EE}

/* testimonial wall */
.twall{columns:3 300px;column-gap:16px}
.tq{break-inside:avoid;margin:0 0 16px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.tqi{aspect-ratio:16/10;background:linear-gradient(160deg,#F4EEE6,#EFE9E1);padding:16px 16px 0;overflow:hidden}
.tqi img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px 8px 0 0;box-shadow:0 10px 30px -12px rgba(28,26,22,.35)}
.tqb{padding:20px 20px 0}.tqb b{display:block;font:400 48px/1 var(--serif);letter-spacing:-.03em}.tqb span{display:block;font-size:13.5px;color:var(--muted);margin-top:8px}
.tq blockquote{margin:0;padding:20px 20px 0;font:400 20px/1.35 var(--serif);letter-spacing:-.01em;color:var(--ink);text-wrap:pretty}
.tqs{display:flex;gap:22px;flex-wrap:wrap;margin:16px 20px 0;padding-top:14px;border-top:1px solid var(--line)}
.tqs b{display:block;font-weight:500;font-size:16px}.tqs span{font-size:12px;color:var(--muted)}
.tq figcaption{display:flex;align-items:center;gap:10px;padding:16px 20px 18px;font-size:13px;margin-top:4px}
.tq figcaption i{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font:500 12px/30px var(--sans);text-align:center;font-style:normal;flex:none}
.tq figcaption b{display:block;font-weight:500}.tq figcaption span{color:var(--muted);line-height:1.35}
.tq.dk{background:#151412;border-color:#2C2A26}.tq.dk .tqi{background:linear-gradient(160deg,#24211D,#1B1916)}.tq.dk .tqb b,.tq.dk figcaption b,.tq.dk .tqs b{color:#F4F2EE}.tq.dk .tqb span,.tq.dk .tqs span,.tq.dk figcaption span{color:#9C988F}.tq.dk .tqs{border-color:#2C2A26}.tq.dk figcaption i{background:var(--org)}

/* seo engines */
.engs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--line);background:#FBFBF9}
.eng{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px 10px;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font:500 12px/1 var(--sans);color:var(--muted)}
.eng img{width:22px;height:22px;border-radius:5px}
.eng em{font:500 10px/1 var(--mono);font-style:normal;color:var(--grn);background:#EAF5EE;border-radius:4px;padding:3px 5px}
.eng.on{color:var(--ink);border-bottom-color:var(--ink);background:#fff}
.sbx img{width:18px;height:18px;border-radius:4px;margin-right:10px}.sbx{align-items:center;justify-content:flex-start}.sbx span{margin-left:auto}
.aians .t{display:flex;align-items:center;gap:8px}.aians .t img{width:18px;height:18px;border-radius:4px}
.seov.ai .res{display:none}.seov.ai .aians{border-color:var(--line2);background:#fff;box-shadow:var(--shadow)}
@media(max-width:960px){.engs{grid-template-columns:repeat(3,minmax(0,1fr))}}

.bimg.orbw{position:relative;aspect-ratio:1;background:none;border:none;box-shadow:none;border-radius:0;overflow:visible}
.orb{position:absolute;inset:0 0 40px;cursor:grab;touch-action:pan-y;display:flex;align-items:center;justify-content:center;isolation:isolate}
.orb:active{cursor:grabbing}
.orb canvas{position:relative;z-index:2;display:block}
.orbm{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.om{position:absolute;left:0;top:0;background:#fff;border-radius:28%;box-shadow:0 4px 12px -2px rgba(28,26,22,.22),0 0 0 1px rgba(28,26,22,.06);display:flex;align-items:center;justify-content:center;will-change:transform,opacity}
.om img{width:62%;height:62%;border-radius:3px}
.orbw .fibcap{color:var(--muted)}.orbw .fibcap b{color:var(--ink)}

/* problem: growing to-do */
.pgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.pl1 h2{margin:20px 0 24px;font-size:clamp(40px,5.4vw,68px);line-height:1.02}.pl1 .lede{font-size:19px}.pgrid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.wl{list-style:none;margin-top:32px;border-top:1px solid #2C2A26}
.wl li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid #2C2A26}
.wl i{font:500 12px/1.9 var(--mono);font-style:normal;color:#6E6A62}
.wl b{display:block;font:400 22px/1.2 var(--serif);color:#F4F2EE}.wl span{font-size:14px;color:#9C988F}
.prob .after{text-align:left;margin-top:32px;padding-top:24px;border-top:1px solid #2C2A26;font-size:18px}
.todo{background:#1D1B18;border:1px solid #2C2A26;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.tdh{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #2C2A26}
.tdh b{font-weight:500;color:#F4F2EE;font-size:15px}.tdh span{font:500 12px/1 var(--mono);color:#8C887F}.tdh em{font-style:normal;color:#E08A75;font-size:14px}
.tdl{height:440px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.td{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 18px;border-bottom:1px solid #26241F;animation:tdin .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes tdin{from{opacity:0;transform:translateY(-14px);background:rgba(224,138,117,.08)}}
.td i{width:16px;height:16px;border:1.5px solid #4A4740;border-radius:4px}
.td b{display:block;font-weight:400;font-size:14px;color:#DDD9D0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td small{font:500 10.5px/1 var(--mono);color:#6E6A62}
.td em{font:500 10.5px/1 var(--mono);font-style:normal;padding:4px 7px;border-radius:4px;white-space:nowrap;color:#9C988F;background:#26241F}
.td em.od{color:#E08A75;background:rgba(217,115,94,.12)}
.tdf{padding:12px 18px;font-size:12.5px;color:#8C887F;border-top:1px solid #2C2A26}
@media(max-width:960px){.pgrid{grid-template-columns:minmax(0,1fr);gap:36px}.tdl{height:340px}}
.vs2 .gpt{grid-template-columns:minmax(0,1fr);min-height:0}.vs2 .gwrap{padding-bottom:44px}.hwk{width:auto!important}
.vs2 .shiprow{padding:14px 20px}

/* how it works: pinned notes */
.board{position:relative;max-width:1000px;margin:0 auto;height:900px}
.board::before{content:"";position:absolute;inset:-40px -10%;background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(28,26,22,.07) 31px,rgba(28,26,22,.07) 32px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);pointer-events:none}
.bpath{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bpath path{fill:none;stroke:var(--line2);stroke-width:2;stroke-dasharray:8 6;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:dash 3s linear infinite}
@keyframes dash{to{stroke-dashoffset:-140}}
.note{position:absolute;width:310px;transition:transform .3s;z-index:1}
.note:hover{z-index:5}
.n1{top:0;left:12%;transform:rotate(6deg)}.n2{top:150px;right:12%;transform:rotate(-6deg)}.n3{top:440px;left:14%;transform:rotate(5deg)}.n4{top:600px;right:10%;transform:rotate(-5deg)}
.note:hover{transform:rotate(0) scale(1.04)}
.nin{background:#fff;padding:8px;border-radius:24px;border:1px solid var(--line);box-shadow:0 12px 26px -8px rgba(28,26,22,.22)}
.pin{width:30px;height:30px;display:block;margin:6px auto 18px;fill:currentColor}
.nb{border-radius:15px;padding:16px 16px 18px;border:1px solid;display:flex;flex-direction:column;gap:8px}
.nn{font:600 40px/1 'Caveat',cursive;margin-bottom:8px}
.nb h3{font:600 23px/1.05 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.nb p{font-size:14px;color:var(--body);line-height:1.45}
.note.o{color:var(--org)}.note.o .nb{background:#FDF3EE;border-color:#F7DCCF}
.note.b{color:#3566D6}.note.b .nb{background:#EFF4FD;border-color:#D7E2F8}
.note.g{color:var(--grn)}.note.g .nb{background:#EEF7F1;border-color:#D3E8DB}
.nv{margin-top:8px}
.nv.logos{display:flex;gap:6px}.nv.logos img{width:30px;height:30px;padding:6px;background:#fff;border-radius:8px;border:1px solid var(--line)}
.nv.think2{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:13px}.nv.think2 img{width:22px;height:22px;border-radius:50%}
.nv.appr{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 7px 7px 12px;font-size:13px;color:var(--body)}.nv.appr b{background:var(--ink);color:#fff;font-weight:500;font-size:12.5px;padding:7px 11px;border-radius:7px}
.nv.live4{display:flex;gap:6px;flex-wrap:wrap}.nv.live4 span{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);color:var(--grn);background:#fff;border:1px solid #CFE3D7;border-radius:6px;padding:6px 8px}
@media(max-width:960px){.board{height:auto;display:grid;gap:28px;justify-items:center}.board::before,.bpath{display:none}.note{position:relative;inset:auto!important;width:100%;max-width:360px}.n1,.n3{transform:rotate(2deg)}.n2,.n4{transform:rotate(-2deg)}}
@media(min-width:961px){.strip{grid-template-columns:repeat(5,minmax(0,1fr))}.strip>div{padding:24px 20px 22px}.strip b{font-size:34px}}
@media(max-width:960px){.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip>div{border-left:none!important;border-top:1px solid var(--line)}.strip>div:nth-child(-n+2){border-top:none}.strip>div:nth-child(even){border-left:1px solid var(--line)!important}}

/* workbench as file browser */
.wbs{background:var(--ash);margin-top:120px;padding:100px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wbg{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;align-items:center}
.wbt2 h2{margin:20px 0 18px}
.wbk{list-style:none;margin-top:26px;border-top:1px solid var(--line2)}
.wbk li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:11px 0;border-bottom:1px solid var(--line2);font-size:14.5px;color:var(--body)}
.wbk i{font-style:normal;color:var(--org)}
.fb{display:grid;grid-template-columns:170px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;height:540px}
.fbs{background:#FBFBF9;border-right:1px solid var(--line);padding:12px 8px;display:flex;flex-direction:column;gap:2px}
.fbh{display:flex;align-items:center;gap:8px;padding:4px 8px 12px;font-size:14px}.fbh img{width:22px;height:22px;border-radius:50%}.fbh b{font-weight:500}
.fbf{display:flex;justify-content:space-between;align-items:center;border:none;background:none;border-radius:7px;padding:7px 8px;font:400 13px/1.2 var(--sans);color:var(--body);cursor:pointer;text-align:left}
.fbf em{font:500 11px/1 var(--mono);font-style:normal;color:var(--faint)}
.fbf:hover{background:var(--ash)}.fbf.on{background:var(--ash);color:var(--ink);font-weight:500}
.fbm{display:flex;flex-direction:column;min-width:0}
.fbq{display:flex;align-items:center;gap:10px;margin:14px;border:1px solid var(--line2);border-radius:10px;padding:9px 12px}
.fbq span{color:var(--muted)}.fbq input{flex:1;border:none;outline:none;font:400 14px var(--sans);background:none;color:var(--ink);min-width:0}
.fbq em{font:500 11px/1 var(--mono);font-style:normal;color:var(--muted);white-space:nowrap}
.fbq:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(26,25,23,.06)}
.fbg{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 14px 14px;align-content:start}
.fc{display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:0}
.fci{aspect-ratio:4/3;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--ash);margin-bottom:6px;transition:box-shadow .15s,transform .15s}
.fci img{width:100%;height:100%;object-fit:cover;object-position:top}
.fc:hover .fci{box-shadow:var(--shadow);transform:translateY(-2px)}
.fc b{font-weight:500;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc span{font-size:11.5px;color:var(--muted)}
.fc.hide{display:none}
.fbe{display:none;padding:30px 14px;text-align:center;font-size:13.5px;color:var(--muted)}.fbe.on{display:block}
@media(max-width:960px){.wbg{grid-template-columns:minmax(0,1fr);gap:32px}.fb{grid-template-columns:minmax(0,1fr);height:auto}.fbs{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line)}.fbh{display:none}.fbf{white-space:nowrap;gap:6px}.fbg{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px}}

/* team */
.tm2{border-top:1px solid var(--line);padding-top:64px}
.tmimg{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);aspect-ratio:2.35/1}
.tmimg img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.tmtag{position:absolute;left:16px;bottom:16px;font:500 12px/1 var(--mono);color:var(--ink);background:rgba(255,255,255,.92);border-radius:999px;padding:7px 11px;backdrop-filter:blur(6px)}
.tmtx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:40px;align-items:start}
.tmtx h2{margin-top:18px}
.tmtx p{font-size:17px;color:var(--body);margin-bottom:12px;max-width:52ch}.tmtx p b{color:var(--ink);font-weight:500}
@media(max-width:960px){.tmtx{grid-template-columns:minmax(0,1fr);gap:16px}.tmimg{aspect-ratio:16/9}}

.sthd{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-top:72px;padding-bottom:14px;font-size:13.5px;color:var(--muted)}
.strip{margin-top:0!important;background:#fff;border:1px solid var(--line)!important;border-radius:12px;box-shadow:var(--shadow)}
.strip>div{text-align:left}
.prob{margin-top:96px!important}
@media(max-width:1080px){.callouts{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.co{position:static;transform:none!important;max-width:none}.arw{display:none}}
@media(max-width:1080px){.sui{grid-template-columns:200px minmax(0,1fr);height:auto}.sui .rr{grid-column:1/-1;border-left:none;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sui .rr .rs+.rs{border-top:none;border-left:1px solid var(--line)}.cvb{overflow:visible}}
@media(max-width:960px){
.sui{grid-template-columns:minmax(0,1fr);height:auto}.sui .sb{flex-direction:row;align-items:center;gap:6px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line);padding:10px}.sui .sb .ws,.sui .sb .ni{display:none}.sui .sb .gh{padding:0 6px 0 2px;flex:none;gap:6px}.sui .sb .gh>span:first-child{display:none}.ag{flex:none;grid-template-columns:28px auto;background:#fff;border:1px solid var(--line);padding:6px 10px 6px 6px}.ag span{max-width:140px}
.legend{grid-template-columns:repeat(2,minmax(0,1fr))}
.sui .rr{grid-template-columns:minmax(0,1fr)}.sui .rr .rs+.rs{border-left:none;border-top:1px solid var(--line)}
.cmp2,.cmpcap,.ben,.feat{grid-template-columns:minmax(0,1fr)}.ben:nth-child(even) .bt2{order:0}.ben{gap:32px}
.gpt{grid-template-columns:minmax(0,1fr)}.gpt .gs{display:none}
.steps4{grid-template-columns:repeat(2,minmax(0,1fr))}
.tools{grid-template-columns:repeat(2,minmax(0,1fr))}
.mv3,.live3,.auto{grid-template-columns:minmax(0,1fr)}
.hp{padding:20px}
.cal{grid-template-columns:repeat(4,minmax(0,1fr))}.cal>div:nth-child(n+5){display:none}
.inbox .em{grid-template-columns:minmax(0,1fr) 60px 74px}.inbox .em>span:nth-child(3){display:none}
.camp .cr{grid-template-columns:44px minmax(0,1fr) 60px}.camp .cr>span:nth-child(n+4){display:none}
.wr{grid-template-columns:40px minmax(0,1fr) auto}.wr .by{display:none}
}

footer .g.g4{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr))}@media(max-width:960px){footer .g.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}