/* ---------- design tokens: 3 designs x light/dark ---------- */
:root,[data-design=studio]{--bg:#F3F5FB;--card:#fff;--ink:#0E1330;--mute:#6A7194;--line:#E4E8F4;--soft:#F3F5FB;--acc:#4B3BFF;--acc2:#7A6BFF;--accs:#ECEAFF;--on:#fff;--ok:#14B87A;--oks:#DCF6EB;--bad:#FF5C7A;--bads:#FFE3E9;--sun:#FFC93C;--phone:#0E1330;
 --btn:linear-gradient(135deg,var(--acc),var(--acc2));--hero:linear-gradient(140deg,#1B1466,#4B3BFF 70%,#7A6BFF);--r:20px;--rs:12px;--bd:0 solid transparent;--sh:0 1px 2px #0e133010,0 12px 32px -12px #0e133026;
 --fh:"Avenir Next","SF Pro Rounded","Segoe UI",system-ui,sans-serif;--fb:"Avenir Next","Segoe UI",system-ui,sans-serif;--hw:800;--hl:-.03em}
[data-design=studio][data-mode=dark]{--bg:#0A0D1F;--card:#141934;--ink:#EEF0FF;--mute:#98A0CC;--line:#242B54;--soft:#1B2144;--accs:#262370;--oks:#0F3B2D;--bads:#4A1B2A;--phone:#2A3166;--acc:#6D5FFF;--sh:0 1px 2px #0006,0 12px 32px -12px #0009}
[data-design=atelier]{--bg:#EEEFE9;--card:#FBFBF8;--ink:#14201B;--mute:#66706B;--line:#DADCD2;--soft:#F1F2EC;--acc:#0F4C3A;--acc2:#1F7A5C;--accs:#DDEBE3;--on:#fff;--sun:#B08D3C;--phone:#14201B;
 --btn:var(--acc);--hero:linear-gradient(150deg,#0B2F25,#0F4C3A 65%,#1F6B50);--r:6px;--rs:4px;--bd:1px solid var(--line);--sh:none;--fh:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--fb:"Avenir Next","Segoe UI",system-ui,sans-serif;--hw:500;--hl:-.01em}
[data-design=atelier][data-mode=dark]{--bg:#0B100E;--card:#121A16;--ink:#EDEAE0;--mute:#8E9A94;--line:#25322C;--soft:#17211C;--acc:#C9A557;--acc2:#E0C078;--accs:#2B2616;--on:#14201B;--oks:#143327;--bads:#3F1D22;--phone:#2A3A33;--btn:var(--acc);--hero:linear-gradient(150deg,#0A1511,#14301F 70%,#1D4A33)}
[data-design=mono]{--bg:#F4F4F2;--card:#fff;--ink:#0A0A0A;--mute:#6B6B6B;--line:#E3E3E0;--soft:#F4F4F2;--acc:#0A0A0A;--acc2:#333;--accs:#EAEAE6;--on:#fff;--sun:#FF5A36;--phone:#0A0A0A;
 --btn:var(--acc);--hero:#0A0A0A;--r:10px;--rs:8px;--bd:1px solid var(--line);--sh:none;--fh:"Helvetica Neue","Avenir Next",Arial,sans-serif;--fb:"Helvetica Neue","Avenir Next",Arial,sans-serif;--hw:700;--hl:-.045em}
[data-design=mono][data-mode=dark]{--bg:#080808;--card:#121212;--ink:#F4F4F2;--mute:#9A9A96;--line:#262626;--soft:#1A1A1A;--acc:#FF5A36;--acc2:#FF7B5C;--accs:#2E1A14;--on:#0A0A0A;--oks:#10382A;--bads:#40181C;--phone:#2A2A2A;--btn:var(--acc);--hero:#171717}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--fb);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--acc2);outline-offset:2px}
h1,h2,h3,h4{margin:0;font-family:var(--fh);font-weight:var(--hw);letter-spacing:var(--hl);line-height:1.12}
a{color:inherit}
.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
aside.side{position:sticky;top:0;height:100vh;padding:24px 14px;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;overflow:auto}
.logo{display:flex;align-items:center;gap:10px;font:var(--hw) 24px var(--fh);letter-spacing:var(--hl);padding:0 10px 20px}
.logo i{width:32px;height:32px;border-radius:var(--rs);background:var(--btn);display:grid;place-items:center;color:var(--on)}
.side a,.side .more{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--rs);color:var(--mute);text-decoration:none;font-weight:600;border:0;background:none;text-align:left;width:100%}
.ico{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.side a:hover,.side .more:hover{background:var(--soft);color:var(--ink)}
.side a.on{background:var(--accs);color:var(--acc)}
[data-mode=dark] .side a.on{color:var(--acc2)}
.side .more{display:none}
.badge{margin-left:auto;background:var(--bad);color:#fff;border-radius:99px;font-size:12px;font-weight:800;padding:0 8px;line-height:20px}
.biz{margin-top:auto;display:flex;gap:10px;align-items:center;padding:12px;border-radius:var(--rs);background:var(--soft);border:0;text-align:left;width:100%}
.biz b{display:block;font-size:14px;line-height:1.2}.biz small{color:var(--mute)}
.av{width:38px;height:38px;border-radius:var(--rs);background:linear-gradient(135deg,var(--sun),#FF9F43);display:grid;place-items:center;font-weight:800;color:#0E1330;flex:none}
main{padding:20px clamp(16px,3.5vw,44px) 70px;min-width:0}
.bar{display:flex;align-items:center;gap:10px;margin-bottom:26px;position:relative}
.search{flex:1;max-width:380px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--rs);padding:9px 14px;color:var(--mute);text-align:left}
.search kbd{margin-left:auto;font:600 12px var(--fb);background:var(--soft);border-radius:6px;padding:1px 7px}
.sp{flex:1}
.ib{width:42px;height:42px;border-radius:var(--rs);background:var(--card);border:1px solid var(--line);display:grid;place-items:center;position:relative}
.ib .dot{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--bad);border:2px solid var(--card)}
.mlogo{display:none}
.head{display:flex;align-items:flex-end;gap:14px;margin-bottom:24px;flex-wrap:wrap}
.head h1{font-size:clamp(28px,3.2vw,42px)}
.head p{margin:6px 0 0;color:var(--mute);max-width:62ch}
.btn{border:0;border-radius:var(--rs);padding:12px 20px;font-weight:700;background:var(--btn);color:var(--on);transition:transform .15s,opacity .15s;display:inline-flex;align-items:center;gap:8px;justify-content:center;text-decoration:none}
[data-design=studio] .btn{box-shadow:0 8px 20px -8px var(--acc)}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:var(--card);color:var(--ink);box-shadow:none;border:1px solid var(--line)}
.btn.sm{padding:8px 14px;font-size:14px}
.btn.danger{background:var(--bads);color:var(--bad);box-shadow:none}
.btn:disabled{opacity:.45;cursor:default;transform:none}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:99px;font-size:12.5px;font-weight:700;background:var(--accs);color:var(--acc);white-space:nowrap}
[data-mode=dark] .pill{color:var(--acc2)}
.pill.ok{background:var(--oks);color:var(--ok)}.pill.sun{background:#FFF1C9;color:#8A6200}[data-mode=dark] .pill.sun{background:#3A2F10;color:#E8C46A}.pill.bad{background:var(--bads);color:var(--bad)}
.seg{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:var(--rs);padding:3px;max-width:100%;overflow:auto}
.seg button{border:0;background:none;padding:7px 14px;border-radius:calc(var(--rs) - 3px);font-weight:700;color:var(--mute);white-space:nowrap}
.seg button.on{background:var(--accs);color:var(--acc)}
[data-mode=dark] .seg button.on{color:var(--acc2)}
.seg button:disabled{opacity:.4}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:6px 14px;font-weight:600;display:inline-flex;gap:7px;align-items:center}
.chip.on{background:var(--acc);border-color:var(--acc);color:var(--on)}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);border:var(--bd);padding:22px;min-width:0}
.card h3{font-size:18px;margin-bottom:4px}
.mute{color:var(--mute)}.sm{font-size:13px}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:span 12}
.hero{background:var(--hero);color:#fff;position:relative;overflow:hidden;min-height:290px;display:flex;flex-direction:column;justify-content:flex-end}
[data-design=atelier][data-mode=dark] .hero .big{color:#E0C078}
.hero .big{font:var(--hw) clamp(64px,8vw,104px)/.9 var(--fh);letter-spacing:var(--hl)}
.hero p{margin:10px 0 0;font-size:18px;max-width:30ch;opacity:.92}
.hero svg{position:absolute;right:-10px;top:10px;width:58%}
.stat b{font:var(--hw) 36px var(--fh);letter-spacing:var(--hl);display:block}
.delta{color:var(--ok);font-weight:700;font-size:13px}
.spark{width:100%;height:44px;margin-top:8px;display:block}
.ph{position:relative;width:100%;height:100%;overflow:hidden;background:var(--soft)}
.ph svg,.ph img{width:100%;height:100%;object-fit:cover;display:block}
.aib{position:absolute;top:6px;right:6px;background:#000a;color:#fff;font:700 10px var(--fb);padding:2px 7px;border-radius:99px;backdrop-filter:blur(4px)}
.tb{position:absolute;bottom:6px;left:6px;background:#000b;color:#fff;font:700 11px var(--fb);padding:2px 8px;border-radius:99px}
.q{display:flex;gap:12px;align-items:center;padding:10px 0;border:0;border-top:1px solid var(--line);width:100%;background:none;text-align:left}
.q:first-of-type{border-top:0}
.q .t{width:54px;height:54px;border-radius:var(--rs);overflow:hidden;flex:none}
.q>div:not(.t){flex:1;min-width:0}.q b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q small{color:var(--mute)}
.ch{width:22px;height:22px;border-radius:7px;color:#fff;font:800 11px/22px var(--fb);text-align:center;display:inline-block;flex:none}
.ig{background:linear-gradient(45deg,#FEDA75,#FA7E1E 30%,#D62976 60%,#4F5BD5)}.fb{background:#1877F2}.tt{background:#111;border:1px solid #444}
.chs{display:inline-flex;gap:3px}
.feed{display:grid;max-height:270px;overflow:hidden;padding:0;margin:8px 0 0}
.feed li{list-style:none;display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line);animation:in .5s}
.feed li:first-child{border-top:0}
.feed i{width:30px;height:30px;border-radius:var(--rs);background:var(--accs);display:grid;place-items:center;flex:none;font-style:normal}
.feed small{color:var(--mute);display:block}
@keyframes in{from{opacity:0;transform:translateY(-8px)}}
.check{display:flex;gap:12px;align-items:center;padding:8px 0}
.check i{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:13px;color:#fff;flex:none}
.check.done i{background:var(--ok);border-color:var(--ok)}
.check.done span{color:var(--mute);text-decoration:line-through}
.prog{height:10px;border-radius:9px;background:var(--line);overflow:hidden;margin:12px 0}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--ok));border-radius:9px;transition:width .6s}
.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.quick button{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:left;font-weight:700;display:grid;gap:8px}
.quick button:hover{border-color:var(--acc)}
.quick span{font-size:22px}
.tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.col{min-height:200px;border-radius:var(--r);padding:4px;transition:background .15s}
.col.over{background:var(--accs)}
.col h4{margin:0 0 10px;font:700 13px var(--fb);letter-spacing:0;color:var(--mute);display:flex;justify-content:space-between}
.col h4 .today{color:var(--acc)}
.pc{display:block;width:100%;text-align:left;border:2px solid transparent;border-radius:var(--r);background:var(--card);box-shadow:var(--sh);outline:var(--bd);padding:8px;margin-bottom:12px;transition:transform .15s}
.pc:hover{transform:translateY(-2px)}
.pc.sel{border-color:var(--acc)}.pc.drag{opacity:.4}
.pc .thumb{aspect-ratio:1;border-radius:var(--rs);overflow:hidden;margin-bottom:8px;position:relative}
.pc small{display:flex;align-items:center;gap:6px;color:var(--mute);font-weight:600;font-size:12px}
.pc b{display:block;font-size:13px;line-height:1.25;margin-top:4px}
.slot{border:2px dashed var(--line);border-radius:var(--r);min-height:80px;display:grid;place-items:center;color:var(--mute);font-weight:700;font-size:13px;background:none;width:100%}
.slot:hover{border-color:var(--acc);color:var(--acc)}
.split{display:grid;grid-template-columns:1fr 350px;gap:22px;align-items:start}
.prev{position:sticky;top:20px}
.phone{border-radius:28px;background:var(--card);border:8px solid var(--phone);overflow:hidden;position:relative}
.phone header{display:flex;gap:8px;align-items:center;padding:10px 12px;font-weight:700;font-size:13px}
.phone header i{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--sun),#FF9F43)}
.phone .img{aspect-ratio:1;position:relative;overflow:hidden}
.phone .acts{display:flex;gap:12px;padding:8px 12px 0;color:var(--mute)}
.phone p{margin:0;padding:10px 12px 14px;font-size:13px;white-space:pre-wrap}
.slides{display:flex;height:100%;transition:transform .35s}.slides>div{flex:0 0 100%;height:100%}
.dots{display:flex;gap:5px;justify-content:center;padding:8px 0 0}.dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.dots i.on{background:var(--acc)}
.arr{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;background:#fffd;color:#000;font-weight:800;z-index:2}
.ta{width:100%;border:1px solid var(--line);background:var(--soft);border-radius:var(--rs);padding:12px;min-height:96px;resize:vertical;line-height:1.45}
.field{display:grid;gap:6px;margin-bottom:14px}.field>label,.lab{font-weight:700;font-size:13px;color:var(--mute)}
.inp{border:1px solid var(--line);background:var(--soft);border-radius:var(--rs);padding:10px 12px;width:100%}
.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}
.range{width:100%;accent-color:var(--acc)}
/* library */
.lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.lib.sm{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.tile{position:relative;aspect-ratio:1;border-radius:var(--rs);overflow:hidden;border:2px solid transparent;padding:0;background:var(--soft)}
.tile:hover{border-color:var(--acc2)}.tile.on{border-color:var(--acc)}
.tile .n{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;background:var(--acc);color:var(--on);font:800 12px/22px var(--fb);text-align:center}
.tile .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;background:linear-gradient(transparent,#000a);color:#fff;font-size:11.5px;font-weight:600;text-align:left}
.tile.add{border:2px dashed var(--line);display:grid;place-items:center;color:var(--mute);font-weight:700;font-size:13px}
.drop{border:2px dashed var(--line);border-radius:var(--r);padding:26px;text-align:center;color:var(--mute);background:var(--soft);width:100%}
.drop:hover{border-color:var(--acc);color:var(--acc)}
.strip{display:flex;gap:10px;overflow:auto;padding:4px 2px 10px}
.strip .sl{flex:0 0 92px}.strip .sl .tile{width:92px;height:92px}.strip .sl .row{justify-content:center;gap:2px}
.strip .sl button{border:0;background:var(--soft);border-radius:8px;width:28px;height:24px;font-size:12px}
.reel{aspect-ratio:9/16;position:relative;overflow:hidden;background:#000;color:#fff}
.reel .sc{position:absolute;inset:0;opacity:0;transition:opacity .6s,transform .6s}
.reel.f .sc{opacity:0}.reel.s .sc{opacity:1;transform:translateX(100%)}.reel.z .sc{opacity:0;transform:scale(1.4)}
.reel .sc.on{opacity:1;transform:none;z-index:1}.reel .sc.on .ph{animation:kb 5s linear forwards}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.14)}}
.reel .ttl{position:absolute;left:14px;right:14px;bottom:44px;z-index:3;font:var(--hw) 22px var(--fh);text-shadow:0 2px 12px #000a;letter-spacing:var(--hl)}
.reel .pg{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:4px;z-index:3}.reel .pg i{flex:1;height:3px;border-radius:3px;background:#fff5;overflow:hidden}.reel .pg i b{display:block;height:100%;width:0;background:#fff}
.reel .mu{position:absolute;left:14px;bottom:14px;z-index:3;font-size:12px;background:#0008;padding:4px 10px;border-radius:99px}
/* customers */
.mail{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start}
.msg{display:flex;gap:12px;padding:14px;border-radius:var(--rs);width:100%;border:0;background:none;text-align:left;align-items:flex-start}
.msg:hover{background:var(--soft)}.msg.on{background:var(--accs)}
.msg .who{font-weight:800;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.msg p{margin:2px 0 0;color:var(--mute);font-size:13.5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.msg.unread .who::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc);margin-left:auto}
.bubble{background:var(--soft);border-radius:16px 16px 16px 4px;padding:14px 16px;max-width:520px}
.bubble.me{background:var(--acc);color:var(--on);border-radius:16px 16px 4px 16px;margin-left:auto;margin-top:14px}
.aibox{border:2px solid var(--acc2);border-radius:var(--r);padding:14px;margin-top:18px;background:var(--card)}
.aibox h4{display:flex;gap:8px;align-items:center;font:700 14px var(--fb);margin-bottom:8px;color:var(--acc)}
[data-mode=dark] .aibox h4{color:var(--acc2)}
.tblw{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:520px}th,td{text-align:left;padding:11px 8px;border-top:1px solid var(--line);font-size:14px;vertical-align:middle}th{border:0;color:var(--mute);font-size:12px;font-weight:700}
tr.cl{cursor:pointer}tr.cl:hover td{background:var(--soft)}
.who2{display:flex;gap:10px;align-items:center}.who2 .av{width:34px;height:34px;font-size:14px;background:var(--accs);color:var(--acc)}
.tl{border-left:2px solid var(--line);margin-left:6px;padding-left:16px;display:grid;gap:14px}
.tl div{position:relative}.tl div::before{content:"";position:absolute;left:-23px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--acc)}
/* catalogue */
.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.item{padding:0;overflow:hidden;display:flex;flex-direction:column}
.item .im{aspect-ratio:4/3}
.item .bd{padding:16px;display:grid;gap:8px;flex:1;align-content:start}
.item .pr{font:var(--hw) 20px var(--fh)}
.item.off .im{filter:grayscale(1) opacity(.6)}
.tg{position:relative;width:44px;height:26px;border-radius:99px;background:var(--line);border:0;padding:0;flex:none;transition:.2s}.tg::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.tg.on{background:var(--ok)}.tg.on::after{left:21px}
/* charts */
.chart{width:100%;display:block}
.draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:dr 1.4s ease forwards}
@keyframes dr{to{stroke-dashoffset:0}}
.bars{display:grid;gap:12px;margin-top:12px}
.bars>div{display:grid;grid-template-columns:96px 1fr 44px;gap:10px;align-items:center;font-weight:700;font-size:14px}
.bars em{height:12px;border-radius:9px;background:var(--line);overflow:hidden;display:block}.bars em i{display:block;height:100%;border-radius:9px;background:var(--acc)}
.heat{display:grid;grid-template-columns:44px repeat(7,1fr);gap:4px;margin-top:12px;font-size:12px;color:var(--mute);font-weight:700}
.heat span{text-align:center;align-self:center}.heat i{height:30px;border-radius:6px;display:block}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kpis .card{padding:16px}
.val{background:var(--hero);color:#fff;border-radius:var(--r);padding:26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.val b{font:var(--hw) 40px var(--fh);letter-spacing:var(--hl);display:block;line-height:1}.val span{opacity:.8;font-size:13px}
.donut{width:120px;height:120px;transform:rotate(-90deg)}
/* settings / plans / onboarding */
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.opt{border:2px solid var(--line);border-radius:var(--r);padding:16px;text-align:left;background:var(--card);display:grid;gap:6px}
.opt.on{border-color:var(--acc);background:var(--accs)}
.opt b{font-size:15px}.opt span{color:var(--mute);font-size:13px}
.dz{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dz .opt{padding:10px}
.mini{height:74px;border-radius:var(--rs);display:grid;grid-template-columns:30% 1fr;overflow:hidden;border:1px solid #0002}
.mini i{display:block}
.net{display:flex;gap:16px;align-items:center;padding:16px;border-radius:var(--r);background:var(--soft);margin-bottom:12px}
.net .ch{width:46px;height:46px;border-radius:14px;font-size:18px;line-height:46px}
.net>div{flex:1}.net small{color:var(--mute);display:block}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.plan{display:flex;flex-direction:column;gap:10px}
.plan.rec{background:var(--hero);color:#fff}
.plan .price{font:var(--hw) 48px var(--fh);letter-spacing:var(--hl)}.plan .price small{font-size:15px;font-weight:600;opacity:.6;letter-spacing:0}
.plan ul{list-style:none;padding:0;margin:0 0 auto;display:grid;gap:8px}
.plan li::before{content:"✓";color:var(--ok);font-weight:800;margin-right:8px}
.plan.rec .btn{background:#fff;color:#0E1330}
details{border-top:1px solid var(--line);padding:14px 0}summary{font-weight:700;cursor:pointer}details p{margin:8px 0 0;color:var(--mute)}
.onb{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.onb .box{width:min(880px,100%)}
.onb h1{font-size:clamp(30px,5vw,46px);margin-bottom:8px}
.stepdots{display:flex;gap:8px;margin-bottom:26px}.stepdots i{flex:1;height:4px;border-radius:4px;background:var(--line)}.stepdots i.on{background:var(--acc)}
.biz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:22px 0}
.bt{border:2px solid var(--line);border-radius:var(--r);background:var(--card);padding:0;overflow:hidden;text-align:left}
.bt.on{border-color:var(--acc);box-shadow:0 0 0 4px var(--accs)}
.bt .im{aspect-ratio:16/10}.bt div:last-child{padding:12px 14px}.bt b{display:block}.bt span{color:var(--mute);font-size:13px}
/* overlays */
.ov{position:fixed;inset:0;background:#0A0D2299;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:50;padding:14px;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.modal{background:var(--card);border-radius:calc(var(--r) + 6px);padding:26px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 80px -20px #000a;animation:pop .25s;border:var(--bd)}
@keyframes pop{from{transform:translateY(14px) scale(.98);opacity:0}}
.modal h2{font-size:26px;margin-bottom:6px}
.x{float:right;border:0;background:var(--soft);width:36px;height:36px;border-radius:var(--rs);font-size:18px}
.cmd{width:min(560px,100%);align-self:start;margin-top:12vh;padding:12px}
.cmd input{width:100%;border:0;background:none;padding:14px;font-size:18px;outline:0;border-bottom:1px solid var(--line)}
.cmd button,.sheet a{display:flex;gap:12px;width:100%;border:0;background:none;text-align:left;padding:12px 14px;border-radius:var(--rs);font-weight:600;align-items:center;text-decoration:none}
.cmd button:hover,.cmd button.on,.sheet a:hover{background:var(--accs)}
.pop{position:absolute;right:0;top:50px;width:min(340px,92vw);background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 50px -16px #0008;padding:12px;z-index:20}
.pop .n{display:flex;gap:10px;padding:10px;border-radius:var(--rs);text-decoration:none}.pop .n:hover{background:var(--soft)}
.sheet{align-self:end;width:min(520px,100%);margin-bottom:76px}
.toast{position:fixed;bottom:22px;right:22px;background:var(--ink);color:var(--bg);padding:13px 20px;border-radius:var(--rs);font-weight:600;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;z-index:99;max-width:86vw}
.toast.show{opacity:1;transform:none}
.caret::after{content:"▍";animation:bl 1s steps(2) infinite;color:var(--acc)}@keyframes bl{50%{opacity:0}}
.conf{position:fixed;top:-20px;width:9px;height:14px;z-index:98;animation:fall 1.6s ease-in forwards}
@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.8}}
@media(max-width:1000px){.s3,.s4,.s5,.s6,.s7,.s8{grid-column:span 12}.split,.mail{grid-template-columns:1fr}.week{grid-template-columns:repeat(2,1fr)}.prev{position:static}}
@media(max-width:760px){
 .app{display:block}
 aside.side{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;flex-direction:row;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:30;border-top:1px solid var(--line);border-right:0;justify-content:space-around;gap:0;overflow:visible}
 .logo,.biz,.side a.np{display:none}
 .side a,.side .more{flex-direction:column;gap:2px;font-size:11px;padding:6px 4px;width:auto;flex:1;align-items:center;justify-content:center}.side .more{display:flex}
 .side a.fab .ico{background:var(--btn);color:var(--on);width:44px;height:44px;padding:11px;border-radius:50%;margin-top:-22px;box-shadow:0 8px 20px -6px #0006}
 .search,.bar #newp{display:none}.mlogo{display:flex;align-items:center;gap:8px;font:var(--hw) 22px var(--fh)}
 main{padding:14px 14px 100px}.bar{margin-bottom:18px}
 .head h1{font-size:28px}.month{grid-template-columns:repeat(2,1fr)}
 .dz{grid-template-columns:1fr}.toast{bottom:92px;right:14px;left:14px;text-align:center}
 .modal{padding:20px;border-radius:22px}.bars>div{grid-template-columns:80px 1fr 40px}
 .hero{min-height:230px}.stat b{font-size:30px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.draw{stroke-dashoffset:0}}
/* examples */
.ex{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.exc{min-width:0}
.igp{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.igh{display:flex;gap:10px;align-items:center;padding:10px 12px}.igh .av{width:32px;height:32px;font-size:14px;border-radius:50%}
.igp .lk{padding:4px 12px;font-weight:700;font-size:13px}.igp p{margin:0;padding:0 12px 14px;font-size:13px}
.sq{aspect-ratio:1;position:relative;overflow:hidden}
.ov1{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 16px;background:linear-gradient(transparent,#000c);color:#fff;display:grid;gap:2px}
.ov1 b{font:var(--hw) 22px/1.1 var(--fh);letter-spacing:var(--hl)}.ov1 span{font-weight:700;opacity:.9}
.typo{position:absolute;inset:0;background:var(--hero);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:28px}
.typo small{opacity:.7;font-weight:700}.typo h3{font-size:28px;line-height:1.08;color:#fff}.typo p{margin:0;padding:0;opacity:.85;font-size:14px}
.typo.rev{background:var(--accs);color:var(--ink)}.typo.rev h3{color:var(--ink)}
.ribbon{position:absolute;left:0;bottom:22px;background:var(--sun);color:#0E1330;font:800 15px var(--fb);padding:8px 18px 8px 14px;border-radius:0 99px 99px 0;max-width:80%}
.ev{position:absolute;left:12px;bottom:12px;background:#fff;color:#0E1330;border-radius:10px;padding:6px 12px;text-align:center;display:grid;line-height:1.1}.ev span{font-size:11px;color:var(--bad);font-weight:800}
.story{aspect-ratio:9/16;position:relative;border-radius:24px;overflow:hidden;max-width:250px;margin:0 auto;box-shadow:var(--sh);background:#000}
.stk{position:absolute;left:14px;right:14px;color:#fff;z-index:2;text-shadow:0 2px 10px #0008}
.stk.top{top:16px}.stk.top b{background:#fff;color:#0E1330;padding:3px 10px;border-radius:99px;text-shadow:none;font-size:13px}
.stk.mid{top:34%;font:var(--hw) 26px/1.1 var(--fh);letter-spacing:var(--hl)}.stk.mid b{font-size:20px}
.stk.poll{bottom:70px;background:#fffe;color:#0E1330;border-radius:14px;padding:10px;text-shadow:none;font-weight:800;font-size:13px;text-align:center}
.stk.poll .row{margin-top:8px}.stk.poll span{flex:1;background:var(--soft);border-radius:8px;padding:6px 4px;font-size:12px}
.stk.low{bottom:46px}.swipe{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:2;background:#fff;color:#0E1330;font-weight:800;font-size:12px;padding:6px 14px;border-radius:99px;white-space:nowrap}
.pl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fff6;backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;font-size:20px;z-index:2}
.pgb{position:absolute;left:12px;right:12px;bottom:14px;height:3px;background:#fff5;border-radius:3px;z-index:2}.pgb i{display:block;width:38%;height:100%;background:#fff;border-radius:3px}
.mu2{position:absolute;top:14px;left:14px;z-index:2;color:#fff;font-size:12px;background:#0008;padding:3px 10px;border-radius:99px}
.car>div{position:absolute;inset:0;transform:translateX(calc(var(--o) * 5px)) scale(calc(1 - var(--o) * .03));opacity:calc(1 - var(--o) * .28);z-index:calc(9 - var(--o))}
.car .cnt,.car .hint{position:absolute;z-index:20;background:#000a;color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px}.car .cnt{top:10px;right:10px}.car .hint{bottom:10px;right:10px}
[hidden]{display:none!important}
#onb{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.bt .im{height:auto}.bt>div:last-child{padding:12px 14px}
.bt{display:block}
.q .t .ph,.thumb .ph,.item .im .ph{height:100%}
#onb .box{width:min(900px,100%)}
#onb h1{font-size:clamp(30px,5vw,46px);margin-bottom:8px}
#onb .stepdots{display:flex;gap:8px;margin-bottom:26px}#onb .stepdots i{flex:1;height:4px;border-radius:4px;background:var(--line)}#onb .stepdots i.on{background:var(--acc)}
@media(max-width:760px){.side a{position:relative}.side .badge{position:absolute;top:0;right:12%;margin:0;line-height:18px;font-size:11px}.tools{gap:8px}.split .week{grid-template-columns:repeat(2,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}.val{grid-template-columns:repeat(2,1fr)}}
/* premium treatment for restaurant and jeweller (data-lux) */
[data-lux]{--r:3px;--rs:3px}
[data-lux] .head h1{font-size:clamp(36px,4.2vw,58px);font-weight:400;letter-spacing:-.025em}
[data-lux] .head h1::after{content:"";display:block;width:56px;height:1px;background:var(--sun);margin-top:16px}
[data-lux] .card{box-shadow:none;border:1px solid var(--line)}
[data-lux] .hero{background:#0A1511;border-color:#1E3128;min-height:340px}
[data-lux] .hero .big{font-weight:400;color:#E8D59A;font-size:clamp(76px,9vw,120px)}
[data-lux] .hero p{font-family:var(--fh);font-style:italic;font-size:20px}
.hbg{position:absolute;inset:0}.hbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0A1511f2 8%,#0A1511aa 55%,#0A151144)}
.hero.lx>*:not(.hbg){position:relative;z-index:1}.hero.lx svg{display:none}
[data-lux] .stat b,[data-lux] .kpis b{font-weight:400}
[data-lux] .btn{letter-spacing:.01em}
[data-lux] .pill{border-radius:3px}
[data-lux] .logo{font-weight:400;letter-spacing:.02em}
.menu{max-width:880px;padding:44px clamp(20px,5vw,56px)}
.mh{text-align:center;margin-bottom:26px}.mh h2{font-size:clamp(30px,4vw,44px);font-weight:400}
.orn{width:120px;height:1px;background:var(--sun);margin:16px auto 12px;position:relative}.orn::after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-size:9px;color:var(--sun);background:var(--card);padding:0 10px}
.mi{display:grid;grid-template-columns:92px 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--line)}
.mi.off{opacity:.55}.mi.off .mt{filter:grayscale(1)}
.mt{width:92px;height:92px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 0 0 5px var(--card),0 0 0 6px var(--sun)}
.mr{display:flex;align-items:baseline;gap:12px}.mr b{font:500 22px var(--fh);letter-spacing:-.01em}.mp{font:500 20px var(--fh)}
.dl{flex:1;border-bottom:1px dotted var(--mute);transform:translateY(-5px);min-width:20px}
.md{font-family:var(--fh);font-style:italic;color:var(--mute);margin-top:4px;font-size:16px}
@media(max-width:560px){.mi{grid-template-columns:64px 1fr;gap:14px}.mt{width:64px;height:64px}.mr b{font-size:18px}}

/* ---------- type: self-hosted Instrument Serif + Hanken Grotesk ---------- */
@font-face{font-family:"Instrument Serif";src:url(../fonts/instrument-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(../fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-600-normal.woff2) format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
:root,[data-design]{--fb:"Hanken Grotesk","Avenir Next","Segoe UI",system-ui,sans-serif}
[data-design=studio],[data-design=mono]{--fh:"Hanken Grotesk","Avenir Next",system-ui,sans-serif}
[data-design=atelier]{--fh:"Instrument Serif","Iowan Old Style",Georgia,serif;--hw:400;--hl:-.025em}
[data-design=atelier] .head h1{font-size:clamp(42px,5vw,72px);line-height:1}
[data-design=atelier] .card h3{font-size:26px}
[data-design=atelier] .sec h2,[data-design=atelier] .modal h2{font-size:38px}
[data-design=atelier] .stat b,[data-design=atelier] .kpis b{font-size:40px}
[data-design=atelier] .logo{font-size:32px;letter-spacing:-.02em;padding-bottom:26px}
[data-design=atelier] .logo i{background:none;color:var(--sun);width:26px}
[data-design=atelier] .side a.on{background:none;color:var(--ink);border-radius:0;box-shadow:inset 2px 0 0 var(--sun)}
[data-mode=dark][data-design=atelier] .side a.on{color:var(--ink)}
[data-design=atelier] .btn{box-shadow:inset 0 0 0 1px #C9A55755,0 1px 0 #ffffff22 inset}
[data-design=atelier] .btn.ghost{box-shadow:none}
[data-design=atelier] body::after,body[data-g]::after{content:""}
[data-design=atelier]::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
[data-mode=dark][data-design=atelier]::after{opacity:.07;filter:invert(1)}
#view>*{animation:rin .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes rin{from{opacity:0;transform:translateY(10px)}}
/* ---------- home cover ---------- */
.cov{position:relative;border-radius:var(--r);overflow:hidden;min-height:clamp(400px,54vh,540px);display:flex;align-items:flex-end;color:#fff;background:#07100D;border:1px solid #ffffff14}
.cvbg{position:absolute;inset:0}.cvbg .ph svg{transform:scale(1.35);transform-origin:82% 55%}
.cvbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07100Df2 0%,#07100Dc4 36%,#07100D44 72%,#07100D11),linear-gradient(0deg,#07100Daa,transparent 45%)}
.cvin{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;width:100%;padding:clamp(24px,4vw,56px);flex-wrap:wrap}
.cvk{font:italic 400 24px var(--fh);opacity:.8}
.num{font:400 clamp(110px,17vw,210px)/.82 var(--fh);letter-spacing:-.05em;margin:6px 0 10px;background:linear-gradient(180deg,#FFF1C4,#E3C16F 52%,#9C7A2E);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
[data-design=studio] .num,[data-design=mono] .num{background:none;color:#fff;font-weight:800;line-height:.9}
.cvp{margin:0 0 14px;font:italic 400 clamp(24px,2.8vw,36px)/1.1 var(--fh)}
[data-design=studio] .cvp,[data-design=mono] .cvp{font-style:normal;font-weight:600;font-size:22px}
.cvs{margin:0;display:grid;min-width:min(260px,100%)}.cvs div{border-top:1px solid #ffffff3a;padding:12px 0}.cvs dt{font-size:13px;opacity:.7}.cvs dd{margin:0;font:400 36px/1.1 var(--fh)}
.sec{display:flex;align-items:baseline;gap:16px;margin:44px 0 18px}.sec h2{font-size:34px}.sec a{margin-left:auto;font-weight:600}
.upn{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,250px);gap:20px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x mandatory}
.upc{scroll-snap-align:start;text-align:left;background:none;border:0;padding:0;display:grid;gap:4px;align-content:start}
.upc .ui{aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.upc:hover .ui{transform:translateY(-5px)}
.upc .ut{display:flex;justify-content:space-between;align-items:center;color:var(--mute);font-size:13px;font-weight:600;margin-top:10px}
.upc b{font:400 23px/1.15 var(--fh);letter-spacing:-.01em}.upc small{color:var(--mute)}
[data-design=studio] .upc b,[data-design=mono] .upc b{font-weight:700;font-size:17px}
/* ---------- opening ---------- */
#onb.onb0{display:block;padding:0}#onb.onb0 .box{padding:64px 24px 90px;margin:0 auto}
.cover{position:relative;overflow:hidden;min-height:92vh;display:grid;place-items:center;align-content:center;text-align:center;color:#EDEAE0;background:radial-gradient(ellipse 62% 56% at 50% 38%,#1E3F30 0,#0A1511 72%);padding:40px 20px}
.cover::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 20%,#fff9,transparent),radial-gradient(1.5px 1.5px at 78% 14%,#fff8,transparent),radial-gradient(1px 1px at 88% 60%,#fff7,transparent),radial-gradient(1px 1px at 22% 74%,#fff6,transparent),radial-gradient(1.5px 1.5px at 62% 84%,#fff6,transparent),radial-gradient(1px 1px at 40% 9%,#fff7,transparent),radial-gradient(1px 1px at 6% 52%,#fff6,transparent),radial-gradient(1.5px 1.5px at 93% 34%,#fff7,transparent)}
.eyes{display:flex;gap:clamp(20px,4vw,44px);position:relative;z-index:1}
.eyes i{position:relative;width:clamp(70px,9.5vw,120px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 34%,#FFE59A,#F2B134 55%,#B97812);box-shadow:0 0 0 clamp(5px,.8vw,9px) #14261d,0 0 90px 14px #F2B13440,inset 0 -10px 20px #7a4a0a66;overflow:hidden;display:grid;place-items:center}
.eyes b{width:44%;aspect-ratio:1;border-radius:50%;background:#050806;position:relative;transition:transform .09s linear}
.eyes b::after{content:"";position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:#fff;top:17%;left:20%}
.eyes.idle b{animation:look 8s ease-in-out 2s infinite}
@keyframes look{0%,100%{transform:none}25%{transform:translate(-14%,-4%)}60%{transform:translate(14%,6%)}}
.eyes i::after{content:"";position:absolute;inset:0;background:#0d1b14;transform-origin:top;animation:eopen 1.2s .9s cubic-bezier(.7,0,.2,1) both,blink 7s 3.6s infinite}
@keyframes eopen{from{transform:scaleY(1)}to{transform:scaleY(0)}}
@keyframes blink{0%,93%,100%{transform:scaleY(0)}96%{transform:scaleY(1)}}
.wm{position:relative;z-index:1;font:400 clamp(120px,24vw,320px)/.86 "Instrument Serif",Georgia,serif;letter-spacing:-.045em;margin-top:clamp(0px,1vw,16px)}
.wm span{display:inline-block;animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both}
.wm span:nth-child(1){animation-delay:.25s}.wm span:nth-child(2){animation-delay:.34s}.wm span:nth-child(3){animation-delay:.43s}.wm span:nth-child(4){animation-delay:.52s}
@keyframes rise{from{opacity:0;transform:translateY(46%)}}
.tag{position:relative;z-index:1;margin:6px 0 0;font:italic 400 clamp(22px,3vw,34px) "Instrument Serif",Georgia,serif;color:#C9A557;animation:fadein 1.2s 1.6s both}
.dn{position:absolute;z-index:1;bottom:28px;left:50%;transform:translateX(-50%);color:#EDEAE0;opacity:.7;text-decoration:none;font-weight:600;font-size:14px;animation:fadein 1s 2.4s both}
.dn::after{content:"";display:block;width:1px;height:34px;background:linear-gradient(#EDEAE0,transparent);margin:10px auto 0}
@keyframes fadein{from{opacity:0}}
@media(max-width:760px){.cvin{align-items:flex-start}.cvs{width:100%}.cov{min-height:560px}.sec h2{font-size:28px}}
#onb.onb0{place-items:stretch;justify-items:stretch}.cover{width:100%}
.cvbg{display:flex;justify-content:flex-end;background:radial-gradient(ellipse at 78% 50%,#1b3a2c 0,#07100D 70%)}
.cvbg .ph{width:auto;height:100%;aspect-ratio:1;flex:none;background:none}
.cvbg .ph svg{transform:none}
@media(max-width:760px){.cvbg .ph{height:62%;align-self:flex-start;margin-top:-4%}.cvbg::after{background:linear-gradient(0deg,#07100Dfa 28%,#07100D55 70%,#07100D11)}}
.cvin{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:26px}
.cvs{display:flex;flex-wrap:wrap;gap:12px 44px;min-width:0}
.cvs div{border-top:0;border-left:1px solid #ffffff44;padding:2px 0 2px 18px}
.cvs dd{font-size:34px}
@media(max-width:760px){
 .cov{flex-direction:column;align-items:stretch;min-height:0}
 .cvbg{position:relative;inset:auto;height:310px;justify-content:center;flex:none}
 .cvbg .ph{height:100%;margin-top:0;align-self:auto}
 .cvbg::after{background:linear-gradient(0deg,#07100D 2%,#07100D00 60%)}
 .cvin{padding:0 22px 28px;margin-top:-34px}
 .num{font-size:128px}
}
/* ---------- tour ---------- */
.tour{position:fixed;inset:0;z-index:90;background:radial-gradient(ellipse 70% 55% at 50% 28%,#1E3F30,#07100D 72%);color:#EDEAE0;display:grid;place-items:center;animation:fadein .4s}
.tw{width:min(480px,100%);height:min(100dvh,900px);display:flex;flex-direction:column;padding:16px 22px 26px;position:relative}
.tbar{display:flex;gap:5px}.tbar i{flex:1;height:4px;border-radius:4px;background:#ffffff30;overflow:hidden;cursor:pointer}.tbar i b{display:block;height:100%;width:0;background:#EDEAE0}
.tbar i.done b{width:100%}.tbar i.cur b{animation:tfill var(--d) linear forwards}.paused .tbar i.cur b{animation-play-state:paused}
@keyframes tfill{to{width:100%}}
.tctl{display:flex;justify-content:space-between;align-items:center;margin:14px 0 4px;font-size:13px;opacity:.75;position:relative;z-index:3}
.tctl button{background:none;border:0;color:#EDEAE0;font-weight:600;padding:6px 10px;font-size:13px}
.tslide{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;position:relative;z-index:1}
.tslide h2{font:400 clamp(40px,9vw,54px)/1 "Instrument Serif",Georgia,serif;letter-spacing:-.025em;margin:8px 0 0;animation:rise .8s both}
.tslide .t{margin:0;opacity:.8;font-size:16px;max-width:36ch;animation:fadein .8s .3s both}
.tvis{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:0;position:relative}
.tz{position:absolute;top:70px;bottom:0;width:38%;background:none;border:0;z-index:2}.tz.l{left:0}.tz.r{right:0}
.tour .twm{font:400 96px/1 "Instrument Serif",Georgia,serif;letter-spacing:-.04em;animation:rise 1s .3s both}
.tour .eyes i{width:84px}
.fan{display:flex;justify-content:center;height:150px;margin-top:6px}.fan>div{width:120px;height:150px;border-radius:12px;overflow:hidden;margin:0 -16px;transform:rotate(var(--r));box-shadow:0 14px 30px -10px #000;animation:rise .9s var(--d) both}
.tcard{background:#FBFBF8;color:#14201B;border-radius:16px;padding:16px;width:100%;animation:rise .8s .6s both}.tcard .cap{font-size:15px;line-height:1.45;min-height:88px}
.tweek{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;width:100%}.tweek small{display:block;text-align:center;opacity:.6;margin-bottom:6px;font-size:12px}
.tweek .th{aspect-ratio:3/4;border-radius:10px;overflow:hidden;animation:pop2 .6s var(--d) both;box-shadow:0 8px 18px -8px #000}.tweek .th.ghost{border:1.5px dashed #ffffff40;box-shadow:none}
@keyframes pop2{from{opacity:0;transform:scale(.6) translateY(14px)}}
.tapp{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #ffffff30;border-radius:14px;padding:14px 16px;animation:fadein .8s 3.4s both}.tapp b{background:#C9A557;color:#14201B;border-radius:10px;padding:8px 14px;animation:pulse 1.2s 4s 3}
@keyframes pulse{50%{transform:scale(1.06)}}
.tmedia{display:flex;gap:18px;align-items:center;justify-content:center;width:100%}
.tcar{width:190px;aspect-ratio:1;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 16px 34px -12px #000}.tcar .tr{display:flex;width:400%;height:100%;animation:slide4 6s ease-in-out infinite}.tcar .tr>div{flex:0 0 25%}.tcar span{position:absolute;right:8px;bottom:8px;background:#000a;font-size:12px;border-radius:99px;padding:2px 10px}
@keyframes slide4{0%,18%{transform:none}25%,43%{transform:translateX(-25%)}50%,68%{transform:translateX(-50%)}75%,93%{transform:translateX(-75%)}100%{transform:none}}
.tree{width:120px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;position:relative;background:#000;box-shadow:0 16px 34px -12px #000}.tree .sl{position:absolute;inset:0;opacity:0;animation:cyc 4.8s infinite}.tree .sl:nth-of-type(1){animation-delay:0s}
@keyframes cyc{0%{opacity:0}8%,30%{opacity:1}38%,100%{opacity:0}}
.tree .tp{position:absolute;left:6px;right:6px;top:6px;display:flex;gap:3px;z-index:2}.tree .tp i{flex:1;height:2px;background:#fff5;overflow:hidden}.tree .tp b{display:block;height:100%;width:0;background:#fff;animation:tfill 1.6s linear infinite}
.tree em{position:absolute;left:6px;bottom:8px;z-index:2;font-size:10px;background:#000a;padding:2px 8px;border-radius:99px;font-style:normal}
.tmsg{width:100%;display:grid;gap:14px}.tmsg .b1{display:flex;gap:10px;background:#ffffff14;border-radius:16px 16px 16px 4px;padding:14px;animation:rise .7s both}.tmsg .b1 div div{opacity:.85;margin-top:2px}
.tmsg .b2{border:1.5px solid #C9A557;border-radius:16px;padding:14px;animation:rise .7s 1s both;display:flex;flex-direction:column;align-items:flex-start;background:#C9A5570f}.tmsg .lab{display:flex;gap:6px;align-items:center;color:#C9A557;font-weight:700;font-size:13px;margin-bottom:8px}.tmsg #trep{min-height:84px;line-height:1.45}
.tour .pill.ok{background:#14B87A22;color:#5FE0AA}
.tnum{text-align:center;animation:rise .8s both}.tnum .num{font-size:170px}.tnum p{margin:0;font:italic 400 28px "Instrument Serif",Georgia,serif;opacity:.9}
.tstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;animation:fadein .8s 1.2s both}.tstats div{border-top:1px solid #ffffff3a;padding-top:10px}.tstats b{display:block;font:400 30px "Instrument Serif",Georgia,serif}.tstats small{opacity:.7}
.tlist{list-style:none;padding:0;margin:0;display:grid;gap:12px;width:100%}.tlist li{border-left:2px solid #C9A557;padding:4px 0 4px 14px;font-size:17px;animation:rise .7s both}.tlist li:nth-child(2){animation-delay:.2s}.tlist li:nth-child(3){animation-delay:.4s}
.tcta{display:flex;gap:10px;width:100%;margin-top:10px;position:relative;z-index:4}.tcta .btn{flex:1}.tour .btn.ghost{background:none;color:#EDEAE0;border-color:#ffffff40}
@media(max-height:700px){.tour .twm{font-size:70px}.tnum .num{font-size:120px}.fan{height:110px}.fan>div{width:90px;height:110px}}
/* ---------- posting and results focus ---------- */
.cvbg{display:block;background:#07100D}.cvbg .ph{position:absolute;inset:-10%;width:120%;height:120%;filter:blur(34px) saturate(1.1);opacity:.45;aspect-ratio:auto}.cvbg::after{background:linear-gradient(90deg,#07100Df5 0%,#07100Dcc 55%,#07100D99)}
.cvin{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:34px}
.cvl{min-width:0}.cvs{margin-top:18px}
.bpost{display:block;width:min(310px,100%);text-decoration:none;color:#fff;background:#ffffff12;backdrop-filter:blur(10px);border:1px solid #ffffff26;border-radius:var(--r);overflow:hidden;flex:none;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.bpost:hover{transform:translateY(-4px)}
.bpost .bi{aspect-ratio:1}.bt2{padding:14px 16px 16px;display:grid;gap:3px}.bt2 span{font:italic 400 17px var(--fh);color:#E3C16F}.bt2 b{font:400 24px/1.1 var(--fh);letter-spacing:-.01em}.bt2 small{opacity:.78}
[data-design=studio] .bt2 b,[data-design=mono] .bt2 b{font-weight:700;font-size:18px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.ebar{display:flex;align-items:center;gap:10px}.ebar i{display:block;height:8px;border-radius:8px;background:var(--acc);min-width:6px;transition:width .8s}.ebar b{font-size:13px;min-width:20px;white-space:nowrap}
.learn{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.lc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:left;display:grid;gap:6px}.lc:hover{border-color:var(--acc)}.lc span{font-size:24px}.lc b{font:400 22px/1.15 var(--fh)}[data-design=studio] .lc b,[data-design=mono] .lc b{font-weight:700;font-size:16px}.lc small{color:var(--mute)}
.pt td{white-space:nowrap}.pt td:first-child{white-space:normal;min-width:240px}.pth{width:46px;height:46px;border-radius:10px;overflow:hidden;position:relative;flex:none}.pth .tb{position:absolute;bottom:2px;left:2px;font-size:10px;padding:0 6px}
.pt .ebar{min-width:130px}
.resg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.resg div{background:var(--soft);border-radius:var(--rs);padding:10px}.resg b{display:block;font:var(--hw) 22px var(--fh);letter-spacing:var(--hl)}.resg small{color:var(--mute)}
.expect{margin-top:14px;padding:12px 14px;border-radius:var(--rs);background:var(--accs);font-size:14px}
.prev.pub .ta,.prev.pub .row:has(#tt),.prev.pub .row:has(#ap){display:none}
@media(max-width:1000px){.duo{grid-template-columns:1fr}.cvin{flex-direction:column;align-items:stretch}.bpost{width:100%;display:grid;grid-template-columns:110px 1fr}.bpost .bi{aspect-ratio:1}}
@media(max-width:760px){.cvbg{height:auto;position:absolute;inset:0}.cvbg .ph{position:absolute;height:120%}.cov{flex-direction:row;min-height:0}.num{font-size:120px}.cvin{padding:24px 20px;margin-top:0}}
.trows{display:grid;gap:12px;width:100%}.trows>div{display:flex;gap:12px;align-items:center;background:#ffffff10;border-radius:14px;padding:10px;animation:rise .7s both}.trows .th2{width:54px;height:54px;border-radius:10px;overflow:hidden;flex:none}.trows small{opacity:.7}.tour .ebar i{background:#C9A557}.tnum .num{font-size:120px}.side .more{position:relative}
/* ---------- simple home + campaigns ---------- */
.act{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3.5vw,40px);box-shadow:var(--sh)}
.act h2{font-size:clamp(34px,4.6vw,56px);margin:6px 0 4px}.act p{margin:0;color:var(--mute);font-size:17px}
.act .cvk{color:var(--mute);font:italic 400 22px var(--fh)}[data-design=studio] .act .cvk,[data-design=mono] .act .cvk{font-style:normal;font-weight:700;font-size:14px}
.btn.big{padding:16px 30px;font-size:17px}
.act.ok{border-color:var(--ok)}
.stack{position:relative;width:200px;height:170px}.stack>div{position:absolute;width:128px;height:150px;border-radius:12px;overflow:hidden;box-shadow:0 14px 28px -10px #000a;left:calc(var(--i)*22px);top:calc(var(--i)*4px);transform:rotate(calc((var(--i) - 1.5)*4deg))}
.camps{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.cc{text-align:left;display:block;width:100%;border:1px solid var(--line)}.cc:hover{border-color:var(--acc)}
.tl2{display:grid;gap:0;position:relative}
.step{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:0 0 22px 28px;position:relative;text-align:left;background:none;border:0;width:100%}
.step::before{content:"";position:absolute;left:6px;top:14px;bottom:-4px;width:2px;background:var(--line)}.step:last-child::before{display:none}
.step>i{position:absolute;left:0;top:8px;width:14px;height:14px;border-radius:50%;background:var(--card);border:2px solid var(--line)}.step.done>i{background:var(--ok);border-color:var(--ok)}
.step .si{width:92px;height:92px;border-radius:var(--r);overflow:hidden;position:relative}.sm2 .step{grid-template-columns:56px 1fr;padding-bottom:14px}.sm2 .step .si{width:56px;height:56px;border-radius:10px}.sm2 .step>i{top:6px}.sm2 .step::before{top:12px}
.step:hover .si{outline:2px solid var(--acc)}
.mob{display:none}
@media(max-width:760px){.mob{display:grid}.act{grid-template-columns:1fr}.stack{margin:0 auto}.step{grid-template-columns:72px 1fr}.step .si{width:72px;height:72px}.btn.big{width:100%}}
.tslide{z-index:3;pointer-events:none}.tslide button,.tslide a,.tslide input{pointer-events:auto}

.seg{flex-wrap:wrap}