@font-face{font-family:Outfit;font-weight:300 800;font-display:swap;src:url(fonts/outfit.woff2) format('woff2')}
@view-transition{navigation:auto}

:root{
  --bg:#efeee9;--surf:#fff;--surf2:#f8f7f3;--ink:#1a1917;--mut:#6b685f;--line:rgba(26,25,23,.08);
  --gold:#e3c98f;--goldd:#85651b;--goldl:#f6efdc;--gold2:#efdfb4;
  --r:24px;--r2:16px;--ease:cubic-bezier(.2,.8,.2,1);
  --sh:0 1px 2px rgba(26,25,23,.04),0 6px 18px -8px rgba(26,25,23,.08);
  --sh2:0 2px 4px rgba(26,25,23,.04),0 24px 48px -18px rgba(26,25,23,.2);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:Outfit,system-ui,'Segoe UI',sans-serif;font-size:17px;line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
::selection{background:var(--gold)}
.wrap{width:min(1240px,100% - 40px);margin-inline:auto}
.gold{color:var(--goldd)}
#bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gold);z-index:120}
main{padding:104px 0 40px;animation:in .6s var(--ease)}
@keyframes in{from{opacity:0;transform:translateY(14px)}}

/* header */
header{position:fixed;top:12px;left:0;right:0;z-index:100}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 8px 8px 20px;background:rgba(255,255,255,.7);backdrop-filter:blur(24px) saturate(1.5);border:1px solid var(--line);border-radius:99px;box-shadow:var(--sh)}
.nav ul{display:flex;gap:4px;list-style:none}
.nav ul a{font-size:15px;color:var(--mut);padding:8px 16px;border-radius:99px;transition:background .2s,color .2s}
.nav ul a:hover{background:rgba(26,25,23,.06);color:var(--ink)}
.nav ul a.cur{background:var(--goldl);color:var(--ink);font-weight:500}
.burger{display:none;width:42px;height:42px;border:0;border-radius:50%;background:rgba(26,25,23,.06);position:relative}
.burger i{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:var(--ink);transition:.3s}
.burger i:first-child{top:16px}.burger i:last-child{top:24px}
.burger.on i:first-child{top:20px;transform:rotate(45deg)}.burger.on i:last-child{top:20px;transform:rotate(-45deg)}
.mmenu{position:fixed;inset:0;background:var(--bg);z-index:99;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 28px;opacity:0;visibility:hidden;transition:.3s}
.mmenu.on{opacity:1;visibility:visible}
.mmenu a{font-size:clamp(30px,8vw,46px);font-weight:600;letter-spacing:-.03em;padding:4px 0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:99px;font-weight:500;font-size:16px;border:1px solid transparent;transition:transform .25s var(--ease),background .2s,box-shadow .25s;white-space:nowrap}
.btn.pri{background:var(--ink);color:#fff}
.btn.pri:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(0,0,0,.55)}
.btn.gold{background:var(--gold)}.btn.gold:hover{background:var(--gold2);transform:translateY(-2px)}
.btn.ghost{background:var(--surf);border-color:var(--line);box-shadow:var(--sh)}
.btn.ghost:hover{transform:translateY(-2px)}
.btn svg{width:18px;height:18px;transition:transform .3s var(--ease)}.btn:hover svg{transform:translateX(3px)}
.sm{padding:10px 20px;font-size:15px}

/* text */
.eyebrow{display:inline-block;font-size:14px;color:var(--goldd);font-weight:500;background:var(--goldl);padding:5px 14px;border-radius:99px}
h1{font-size:clamp(42px,5.6vw,80px);line-height:1;letter-spacing:-.045em;font-weight:600}
h2{font-size:clamp(28px,3.4vw,46px);line-height:1.06;letter-spacing:-.04em;font-weight:600}
h3{letter-spacing:-.03em;font-weight:600}
.mut{color:var(--mut)}
.chip{display:inline-block;background:var(--gold);padding:0 .2em .05em;border-radius:.24em}
.ph{padding:36px 0 26px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.ph h1{font-size:clamp(38px,5vw,68px);margin:14px 0 0}
.ph p{max-width:430px;color:var(--mut);font-size:18px}

/* surfaces + grid */
.panel{background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:30px;box-shadow:var(--sh)}
.tint{background:var(--goldl);border-color:transparent;box-shadow:none}
.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.dark .mut{color:#b5b1a4}
.g{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.g6{grid-template-columns:repeat(6,1fr)}.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}
.ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--goldl);color:var(--goldd);flex:none}
.ic svg{width:23px;height:23px}
.lift{transition:transform .4s var(--ease),box-shadow .4s}.lift:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.pillrow{display:flex;gap:8px;flex-wrap:wrap}
.pillrow span{font-size:13px;padding:5px 13px;background:var(--bg);border-radius:99px;color:var(--mut)}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}

/* ---------- HOME ---------- */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;align-items:stretch;margin-top:10px}
.hero .l{padding:44px 44px 36px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.pill{display:inline-flex;align-items:center;gap:10px;padding:7px 15px 7px 11px;border-radius:99px;font-size:14px;color:var(--mut);background:var(--bg)}
.pill b{width:8px;height:8px;border-radius:50%;background:#2fb463}
.hero h1{margin:22px 0 20px}
.hero h1 .chip{display:inline-block;transition:opacity .3s,transform .3s}
.hero .lead{color:var(--mut);font-size:19px;max-width:520px}.hero .lead b{color:var(--ink);font-weight:500}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.hero .r{padding:0;overflow:hidden;display:flex;flex-direction:column;background:var(--gold2);border:0;position:relative}
.dev{flex:1;margin:26px 26px 0;background:var(--surf);border-radius:18px 18px 0 0;box-shadow:var(--sh2);display:flex;flex-direction:column;min-height:420px;overflow:hidden}
.dev .bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:var(--surf2);border-bottom:1px solid var(--line)}
.dev .bar i{width:9px;height:9px;border-radius:50%;background:#d9d6cd}
.dev .bar em{margin-left:10px;font-style:normal;font-size:12px;color:var(--mut);background:var(--surf);border:1px solid var(--line);padding:3px 14px;border-radius:99px;flex:1;max-width:230px}
.scene{display:none;flex:1;padding:18px;animation:in .5s var(--ease)}
.scene.on{display:block}
.sc-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.sc-nav b{width:60px;height:10px;border-radius:5px;background:var(--ink)}
.sc-nav span{display:flex;gap:8px}.sc-nav span i{width:30px;height:8px;border-radius:4px;background:#e6e3da}
.cart{position:relative;width:34px;height:34px;border-radius:50%;background:var(--ink);display:grid;place-items:center;color:#fff}
.cart svg{width:16px;height:16px}
.cart u{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--gold);color:var(--ink);font-size:11px;font-weight:600;display:grid;place-items:center;text-decoration:none}
.cart u.bump{animation:bump .4s var(--ease)}
@keyframes bump{50%{transform:scale(1.5)}}
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.prod{border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--surf)}
.prod .im{height:84px;border-radius:10px;background:var(--goldl);margin-bottom:8px;display:grid;place-items:center}
.prod:nth-child(2) .im{background:#e8e6de}.prod:nth-child(3) .im{background:var(--gold)}
.prod .im svg{width:30px;height:30px;color:var(--goldd);opacity:.8}
.prod i{display:block;height:7px;border-radius:4px;background:#e6e3da;margin-bottom:6px;width:80%}
.prod button{border:0;background:var(--ink);color:#fff;border-radius:99px;font-size:11px;padding:4px 10px;margin-top:2px;transition:background .2s}
.prod button.added{background:#2fb463}
.sc-hero{height:110px;border-radius:14px;background:var(--goldl);position:relative;margin-bottom:12px;padding:16px}
.sc-hero i{display:block;height:10px;border-radius:5px;background:var(--ink);width:55%;margin-bottom:8px}
.sc-hero i+i{width:35%;background:rgba(26,25,23,.25);height:8px}
.sc-hero u{position:absolute;left:16px;bottom:14px;width:86px;height:26px;border-radius:99px;background:var(--gold)}
.sc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sc-row div{border:1px solid var(--line);border-radius:14px;padding:12px;font-size:12px;color:var(--mut)}
.sc-row b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal span{aspect-ratio:1;border-radius:10px;background:var(--surf2);display:grid;place-items:center;font-size:12px;color:var(--mut);transition:background .3s,color .3s,transform .3s}
.cal span.h{background:none;aspect-ratio:auto;font-size:11px}
.cal span.pick{background:var(--ink);color:#fff;transform:scale(1.08)}
.cal span.rng{background:var(--gold);color:var(--ink)}
.slots{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.slots span{padding:6px 14px;border-radius:99px;border:1px solid var(--line);font-size:12px}
.slots span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.bars{display:flex;gap:8px;align-items:flex-end;height:110px;padding:0 4px;margin-bottom:12px}
.bars i{flex:1;border-radius:7px 7px 3px 3px;background:var(--gold);height:var(--h);transform-origin:bottom;animation:grow .9s var(--ease) both}
.bars i:nth-child(even){background:var(--ink)}
@keyframes grow{from{transform:scaleY(0)}}
.rows div{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:12px;color:var(--mut)}
.rows div i{width:26px;height:26px;border-radius:8px;background:var(--goldl)}
.rows div b{margin-left:auto;color:var(--ink)}
.tabs-d{display:flex;gap:6px;padding:14px 26px 22px;flex-wrap:wrap}
.tabs-d button{position:relative;overflow:hidden;border:0;background:rgba(255,255,255,.6);padding:9px 16px;border-radius:99px;font-size:14px;font-weight:500;transition:background .2s}
.tabs-d button.on{background:var(--ink);color:#fff}
.tabs-d button::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--gold)}
.tabs-d button.on::after{animation:fill 4.5s linear forwards}
@keyframes fill{to{width:100%}}
.kp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.kp .panel{padding:24px 26px;display:flex;flex-direction:column;gap:4px}
.kp strong{font-size:clamp(34px,3.6vw,52px);letter-spacing:-.05em;line-height:1;font-weight:600}
.kp span{color:var(--mut);font-size:15px}
.mq{overflow:hidden;border-radius:var(--r);margin-top:14px;background:var(--surf);border:1px solid var(--line)}
.mq .track{display:flex;width:max-content;animation:mq 38s linear infinite}
.mq:hover .track{animation-play-state:paused}
.mq span{display:flex;align-items:center;gap:30px;padding:18px 15px;font-size:22px;font-weight:500;letter-spacing:-.02em;color:var(--mut);white-space:nowrap}
.mq span::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--gold)}
@keyframes mq{to{transform:translateX(-50%)}}
.rowh{display:flex;justify-content:space-between;align-items:flex-end;margin:34px 6px 14px;gap:20px}
.hs{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}
.hs::-webkit-scrollbar{display:none}
.hs .wcard{flex:0 0 min(380px,82vw);scroll-snap-align:start}
.wcard{display:block;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .4s var(--ease),box-shadow .4s}
.wcard:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.wcard .pv{height:190px;display:grid;place-items:center;background:var(--c);color:var(--t,#fff);position:relative;overflow:hidden}
.wcard .pv span{font-size:clamp(30px,3.2vw,42px);font-weight:700;letter-spacing:-.05em;text-align:center;line-height:1;transition:transform .5s var(--ease)}
.wcard:hover .pv span{transform:scale(1.07)}
.wcard .pv em{position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:var(--surf);color:var(--ink);display:grid;place-items:center;transition:transform .4s var(--ease)}
.wcard:hover .pv em{transform:rotate(45deg)}.wcard .pv em svg{width:18px;height:18px}
.wcard .tx{padding:20px 22px 24px}
.wcard small{color:var(--goldd);font-size:14px;font-weight:500}
.wcard h4{font-size:22px;letter-spacing:-.03em;margin:2px 0 4px;font-weight:600}
.wcard p{color:var(--mut);font-size:15px;line-height:1.45}
.band{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:38px 42px;margin-top:14px}
.band h2{max-width:640px}

/* ---------- SERVICES (vertical tabs) ---------- */
.vt{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}
.vt .list{display:grid;gap:8px;position:sticky;top:96px}
.vt .list button{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:var(--r2);background:var(--surf);border:1px solid var(--line);font-size:17px;font-weight:500;transition:.25s var(--ease)}
.vt .list button .ic{width:38px;height:38px;border-radius:11px;transition:.25s}
.vt .list button .ic svg{width:19px;height:19px}
.vt .list button:hover{transform:translateX(4px)}
.vt .list button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.vt .list button.on .ic{background:var(--gold);color:var(--ink)}
.pane{display:none;animation:in .5s var(--ease)}.pane.on{display:block}
.pane .top{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}
.pane h2{margin:14px 0 12px}
.pane .intro{color:var(--mut);font-size:18px}
.chk{list-style:none;display:grid;gap:11px;margin-top:6px}
.chk li{display:flex;gap:12px;font-size:16px}
.chk li::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;background:var(--gold) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1917' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5 9-10'/></svg>") center/12px no-repeat}
.pane .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.pane .mini .panel{padding:22px}
.pane .mini h3{font-size:19px;margin:12px 0 4px}.pane .mini p{color:var(--mut);font-size:15px}

/* ---------- WORK ---------- */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.chips button{border:1px solid var(--line);background:var(--surf);padding:9px 18px;border-radius:99px;font-size:15px;font-weight:500;transition:.2s}
.chips button:hover{border-color:rgba(26,25,23,.25)}
.chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wgrid .wcard{transition:transform .4s var(--ease),box-shadow .4s,opacity .3s}
.wgrid .wcard.off{display:none}
.wgrid .big{grid-column:span 2}.wgrid .big .pv{height:300px}
.wcard{cursor:pointer;text-align:left;border:1px solid var(--line);font:inherit;color:inherit;width:100%}
.modal{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(26,25,23,.4);backdrop-filter:blur(8px)}
.modal.on{display:flex;animation:fade .25s}
@keyframes fade{from{opacity:0}}
.mbox{width:min(1180px,100%);height:min(780px,92vh);background:var(--surf);border-radius:28px;box-shadow:var(--sh2);display:grid;grid-template-columns:340px 1fr;grid-template-rows:minmax(0,1fr);overflow:hidden;animation:in .4s var(--ease)}
.mside{padding:30px;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--line);overflow:auto}
.mside h3{font-size:34px;line-height:1}
.mside p{color:var(--mut)}
.mside .btn{margin-top:auto}
.mview{background:var(--bg);display:flex;flex-direction:column;min-width:0;min-height:0}
.mtool{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:10px}
.seg{display:inline-flex;background:var(--surf);border:1px solid var(--line);border-radius:99px;padding:3px}
.seg button{border:0;background:none;padding:7px 16px;border-radius:99px;font-size:14px;font-weight:500}
.seg button.on{background:var(--ink);color:#fff}
.xbtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surf);font-size:20px;line-height:1}
.frame{flex:1;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;padding:0 16px 16px;min-height:0;position:relative}
.frame .fb{width:100%;height:100%;background:var(--surf);border-radius:16px;overflow:hidden;border:1px solid var(--line);transition:width .5s var(--ease);position:relative}
.frame.m .fb{width:390px;max-width:100%}
.frame .fb{overflow-y:auto}
.frame .fb img{display:block;width:100%;height:auto;background:#fff}
.mnote{font-size:13px;color:var(--mut);text-align:center;flex:1}

/* ---------- OFFERS ---------- */
.tg{display:inline-flex;background:var(--surf);border:1px solid var(--line);border-radius:99px;padding:4px;position:relative;box-shadow:var(--sh)}
.tg button{border:0;background:none;position:relative;z-index:1;padding:10px 22px;border-radius:99px;font-weight:500;transition:color .25s}
.tg button.on{color:#fff}
.tg i{position:absolute;top:4px;bottom:4px;left:4px;width:var(--w,100px);border-radius:99px;background:var(--ink);transition:transform .4s var(--ease),width .4s var(--ease);transform:translateX(var(--x,0))}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.plan{display:flex;flex-direction:column;position:relative;padding:32px}
.plan h3{font-size:24px}.plan .dl{font-size:48px;letter-spacing:-.05em;font-weight:600;line-height:1;margin:14px 0 4px}
.plan .dl small{font-size:17px;color:var(--mut);letter-spacing:0;font-weight:400;margin-left:6px}
.dark .dl small{color:#b5b1a4}
.plan>p{color:var(--mut);margin-bottom:20px}.dark.plan>p{color:#b5b1a4}
.plan .chk{margin-bottom:26px;flex:1}
.plan .tag{position:absolute;top:20px;right:20px;background:var(--gold);color:var(--ink);font-size:13px;font-weight:500;padding:4px 13px;border-radius:99px}
.opts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.opts .panel{padding:22px}.opts h3{font-size:18px;margin:12px 0 4px}.opts p{color:var(--mut);font-size:15px}
.swap{transition:opacity .2s}.swap.out{opacity:0}

/* ---------- AGENCY ---------- */
.ht{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.ht button{border:1px solid var(--line);background:var(--surf);padding:11px 22px;border-radius:99px;font-weight:500;transition:.2s}
.ht button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.stp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stp .panel{padding:26px}
.stp .n{width:46px;height:46px;border-radius:14px;background:var(--gold);display:grid;place-items:center;font-weight:600;font-size:18px;margin-bottom:18px}
.stp h3{font-size:22px;margin-bottom:6px}.stp p{color:var(--mut);font-size:15.5px}
.stp .d{display:inline-block;margin-top:12px;font-size:13px;color:var(--goldd);background:var(--goldl);padding:3px 12px;border-radius:99px}
.why{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vs{display:grid;gap:10px;margin:0}
.vs div{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:var(--r2);background:var(--surf2)}
.vs b{display:block;font-weight:600;letter-spacing:-.02em}.vs span{color:var(--mut);font-size:15px}
.vs .ic{width:40px;height:40px;border-radius:12px}.vs .ic svg{width:20px;height:20px}
.faq{display:grid;gap:8px}
details{background:var(--surf);border:1px solid var(--line);border-radius:var(--r2);padding:0 22px;transition:background .2s}
details[open]{background:var(--goldl);border-color:transparent}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:18px;font-weight:500;letter-spacing:-.02em}
summary::-webkit-details-marker{display:none}
summary i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--bg);position:relative;transition:transform .35s var(--ease),background .2s}
summary i::before,summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%)}
summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
details[open] summary i{transform:rotate(180deg);background:var(--gold)}details[open] summary i::after{transform:translate(-50%,-50%)}
details p{color:var(--mut);padding:0 40px 20px 0;animation:in .4s var(--ease)}

/* ---------- CONTACT ---------- */
.cwrap{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;align-items:stretch}
.cside{display:flex;flex-direction:column;gap:20px;justify-content:space-between;padding:36px}
.cside h1{font-size:clamp(36px,4.2vw,58px);margin:14px 0}
.cinfo{display:grid;gap:10px}
.cinfo a{display:inline-flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;background:var(--surf);border-radius:99px;width:fit-content;transition:transform .25s var(--ease)}
.cinfo a:hover{transform:translateX(4px)}
.cinfo .ic{width:34px;height:34px;border-radius:50%}.cinfo .ic svg{width:17px;height:17px}
.wiz{padding:34px;display:flex;flex-direction:column;min-height:520px}
.prog{display:flex;gap:6px;margin-bottom:26px}
.prog i{flex:1;height:5px;border-radius:3px;background:var(--bg);overflow:hidden;position:relative}
.prog i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.prog i.on::after{transform:none}
.step{display:none;flex:1;flex-direction:column;animation:in .45s var(--ease)}.step.on{display:flex}
.step h2{font-size:clamp(26px,2.8vw,36px);margin-bottom:6px}.step>p{color:var(--mut);margin-bottom:20px}
.opt{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.opt label{position:relative;cursor:pointer}
.opt input{position:absolute;opacity:0;inset:0}
.opt label span{display:flex;gap:12px;align-items:center;padding:14px;border:1.5px solid var(--line);border-radius:var(--r2);background:var(--surf);font-weight:500;transition:.2s var(--ease);height:100%}
.opt label span small{display:block;font-weight:400;color:var(--mut);font-size:13px}
.opt label span .ic{width:40px;height:40px;border-radius:12px}.opt label span .ic svg{width:20px;height:20px}
.opt label:hover span{transform:translateY(-2px)}
.opt input:checked+span{border-color:var(--ink);background:var(--goldl)}
.opt input:checked+span .ic{background:var(--gold);color:var(--ink)}
.opt input:focus-visible+span{outline:2px solid var(--goldd);outline-offset:2px}
.fld{position:relative;margin-bottom:12px}
.fld input,.fld textarea{width:100%;background:var(--bg);border:1.5px solid transparent;border-radius:14px;padding:23px 16px 8px;outline:none;transition:border-color .2s,background .2s}
.fld textarea{min-height:110px;resize:vertical}
.fld label{position:absolute;left:17px;top:15px;color:var(--mut);pointer-events:none;transition:.2s var(--ease);transform-origin:left}
.fld input:focus,.fld textarea:focus{border-color:var(--ink);background:var(--surf)}
.fld input:focus+label,.fld input:not(:placeholder-shown)+label,.fld textarea:focus+label,.fld textarea:not(:placeholder-shown)+label{transform:translateY(-10px) scale(.76)}
.hp{position:absolute;left:-9999px}
.nav2{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:22px}
.err{color:#b3261e;font-size:14px;min-height:20px;margin-top:6px}
.done{align-items:center;justify-content:center;text-align:center;gap:10px}
.done .ic{width:72px;height:72px;border-radius:50%;background:var(--gold);color:var(--ink);animation:bump .6s var(--ease)}
.done .ic svg{width:34px;height:34px}

/* footer */
footer{padding:10px 0 26px}
footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px 40px;padding:34px;background:var(--surf);border:1px solid var(--line);border-radius:var(--r)}
footer img{height:32px;width:auto;margin-bottom:12px}
footer p,footer a{color:var(--mut);font-size:15px}
footer ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
footer a:hover{color:var(--ink)}
.fl3{display:grid;gap:8px;align-content:start}
.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:14px}

@media(max-width:1020px){
  .nav ul,.nav .btn{display:none}.burger{display:block}
  .hero{grid-template-columns:1fr}.hero .l{padding:34px 28px}
  .kp,.opts,.stp{grid-template-columns:repeat(2,1fr)}
  .g6{grid-template-columns:repeat(2,1fr)}.s2,.s3,.s4{grid-column:span 2}.g6 .s2{grid-column:span 1}
  .vt{grid-template-columns:1fr}.vt .list{position:static;grid-template-columns:repeat(2,1fr)}
  .pane .top,.pane .mini,.why,.cwrap{grid-template-columns:1fr}
  .wgrid{grid-template-columns:1fr 1fr}.wgrid .big{grid-column:span 2}
  .plans{grid-template-columns:1fr}
  .mbox{grid-template-columns:1fr;grid-template-rows:auto 1fr}.mnote{display:none}.mside{border:0;border-bottom:1px solid var(--line);padding:20px;max-height:38vh}.mside h3{font-size:26px}.mside .btn{margin-top:4px}
  footer .wrap{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  body{font-size:16px}.wrap{width:calc(100% - 28px)}
  main{padding-top:92px}
  .g6,.g2,.g3,.g4,.wgrid,.pane .mini,.opt,.stp,.opts,.vt .list{grid-template-columns:1fr}
  .s2,.s3,.s4,.g6 .s2,.wgrid .big{grid-column:span 1}.wgrid .big .pv{height:200px}
  .kp{grid-template-columns:1fr 1fr}
  .hero .l{padding:26px 22px}.dev{margin:16px 14px 0;min-height:360px}.tabs-d{padding:12px 14px 16px}
  .cta .btn{flex:1}.panel{padding:22px}.band{padding:26px 22px}
  .wiz,.cside{padding:24px 20px}footer .wrap{grid-template-columns:1fr;padding:24px}footer ul{grid-template-columns:1fr 1fr}
  .modal{padding:0}.mbox{height:100vh;border-radius:0}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .rv{opacity:1;transform:none}html{scroll-behavior:auto}
}
.lg{display:inline-flex;align-items:center;gap:9px}
.lg .lr{width:30px;height:26px;background:url(img/logo-r.png) center/contain no-repeat;flex:none}
.lg b{font-size:25px;font-weight:600;letter-spacing:-.02em;color:var(--ink);line-height:1}
/* legal pages */
.doc{max-width:860px;margin:0 auto 14px;padding:40px 44px}
.doc h2{font-size:24px;margin:30px 0 10px;letter-spacing:-.03em}
.doc h2:first-child{margin-top:0}
.doc p,.doc li{color:#47443d;font-size:16.5px;line-height:1.65}
.doc p{margin-bottom:10px}
.doc ul{margin:0 0 10px 20px;display:grid;gap:5px}
.doc a{color:var(--goldd);text-decoration:underline;text-underline-offset:3px}
.doc b{color:var(--ink);font-weight:600}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px;margin:12px 0}
.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{background:var(--goldl);font-weight:600;color:var(--ink)}
.tbl td{color:#47443d}
mark.todo{background:#fff1b8;color:#7a4b00;padding:1px 8px;border-radius:6px;font-size:.92em}
.legal a{text-decoration:underline;text-underline-offset:3px}
.rgpd{font-size:13px;color:var(--mut);margin-top:12px;line-height:1.45}
.rgpd a{text-decoration:underline}
@media(max-width:620px){.doc{padding:24px 20px}.tbl{display:block;overflow-x:auto}}