
:root{
  /* Identidade Nexo do Nozyx CRM, como no vídeo institucional: fundo branco, assinatura em carbono,
     verde só em palavras, links e estados, filetes discretos e telas dentro de uma moldura de carbono.
     Coluna de 1120px, títulos à esquerda; uma única faixa escura, a do relógio de atraso. */
  --paper:#FFFFFF; --carbon:#0A0D10; --ink:#151923; --green:#007747; --line:#DCE2E1;
  --mist:#F4F6F5; --muted:#59616B; --soft:#3B424C; --green-soft:#E6F2EC; --mint:#45D69A;
  --night:#0A0D10; --night-2:#151923; --night-line:#2A313B; --night-muted:#A8B0BA;
  --warn:#F2B33D; --alert:#F08A3C; --crit:#EF5A5F;
  --display:'Sora','Avenir Next','Segoe UI',sans-serif;
  --body:'Inter','Helvetica Neue',Arial,sans-serif;
  --max:1120px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
[hidden]{display:none !important}
:focus-visible{outline:3px solid var(--green);outline-offset:2px;border-radius:6px}
.night :focus-visible{outline-color:var(--mint)}
main:focus{outline:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--carbon);color:#fff;border:0;border-radius:10px;padding:10px 14px}
.skip:focus{top:12px}

/* tipografia */
.h1{font:700 clamp(36px,5.2vw,62px)/1.02 var(--display);letter-spacing:-.05em;text-wrap:balance;color:var(--carbon)}
.h2{font:700 clamp(28px,3.4vw,42px)/1.06 var(--display);letter-spacing:-.045em;text-wrap:balance;color:var(--carbon)}
.h3{font:700 19px/1.25 var(--display);letter-spacing:-.03em;color:var(--carbon)}
.hl{color:var(--green)}
.eyebrow{font:600 14px/1 var(--body);color:var(--green);display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:44px;height:2px;background:var(--green);flex:none}
.night .eyebrow{color:var(--mint)}
.night .eyebrow::before{background:var(--mint)}
.night .h2{color:#fff}
.lead{font-size:19px;line-height:1.55;color:var(--soft);max-width:60ch}
.night .lead{color:var(--night-muted)}
.muted{color:var(--muted)}
.small{font-size:14px;line-height:1.5}
.num{font-variant-numeric:tabular-nums}
.pline{font:500 14px/1.6 var(--body);color:var(--green);font-variant-numeric:tabular-nums}

/* ícones e botões */
.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1 var(--body);padding:13px 18px;border-radius:10px;border:1.5px solid transparent;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.btn .ic{width:18px;height:18px}
.btn-ink{background:var(--carbon);color:#fff}
.btn-ink:hover{background:#2A313B}
.btn-line{background:var(--paper);border-color:var(--carbon);color:var(--green)}
.btn-line:hover{background:var(--green-soft)}
.btn-white{background:#fff;color:var(--carbon)}
.btn-white:hover{background:var(--green-soft)}
.btn-ghost{background:transparent;border-color:var(--night-line);color:#fff}
.btn-ghost:hover{border-color:#fff}
.btn-lg{padding:16px 22px;font-size:16px}
.btn:hover .ic-go{transform:translateX(3px)}
.ic-go{transition:transform .15s}
.tlink{font-weight:600;color:var(--green);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.tlink:hover{text-decoration:underline}
.tlink .ic{width:16px;height:16px}
.night .tlink{color:var(--mint)}
.pt p a,.note a,.fq p a,.small a,.opt a,.fld a{color:var(--green)}

/* aviso de prévia */
.prev{background:var(--mist);color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}
.prev .wrap{display:flex;align-items:center;gap:12px;justify-content:space-between;padding-top:7px;padding-bottom:7px}
.prev b{color:var(--ink);font-weight:600}
.prev button{background:none;border:0;color:var(--muted);padding:4px;border-radius:6px;display:flex}
.prev button:hover{color:var(--carbon)}

/* cabeçalho */
.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:saturate(1.3) blur(10px);-webkit-backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:8px;height:76px}
.logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--carbon);margin-right:14px;padding:6px;border-radius:8px;flex:none}
.logo svg{height:34px;width:auto;display:block}
.nav{display:flex;align-items:center;gap:2px;flex:1}
.nv{display:inline-flex;align-items:center;gap:4px;background:none;border:0;font:500 15px/1 var(--body);color:var(--ink);padding:11px 9px;border-radius:10px;text-decoration:none;white-space:nowrap}
.nv:hover,.nv[aria-expanded="true"]{background:var(--mist)}
.nv.on{color:var(--green)}
.nv .ic{width:15px;height:15px;transition:transform .15s}
.nv[aria-expanded="true"] .ic{transform:rotate(180deg)}
.hd-act{display:flex;align-items:center;gap:8px}
.srch{display:inline-flex;align-items:center;gap:8px;background:var(--mist);border:1px solid transparent;border-radius:10px;padding:9px 10px 9px 12px;color:var(--muted);font-size:14px}
.srch:hover{border-color:var(--line);color:var(--carbon)}
.srch .ic{width:17px;height:17px}
.srch kbd{font:500 12px/1 var(--body);border:1px solid var(--line);border-radius:6px;padding:3px 5px;background:#fff}
.burger{display:none;background:none;border:0;padding:10px;border-radius:10px}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 24px 48px -28px rgba(10,13,16,.28)}
.mega-in{display:grid;grid-template-columns:2.3fr 1fr;gap:32px;padding-top:24px;padding-bottom:28px}
.mg-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.mg-it{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:12px;text-decoration:none}
.mg-it:hover{background:var(--mist)}
.mg-it .ic{margin-top:2px;color:var(--green)}
.mg-it strong{display:block;font:600 15px/1.3 var(--body);color:var(--carbon)}
.mg-it span{display:block;font-size:14px;line-height:1.4;color:var(--muted)}
.mg-side{border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.mg-side p{font-size:14px;color:var(--soft)}

/* menu do celular */
.sheet{position:fixed;inset:0;z-index:80;background:var(--paper);display:flex;flex-direction:column}
.sheet-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line)}
.sheet-body{flex:1;overflow:auto;padding:8px 20px 24px}
.sh-g{border-bottom:1px solid var(--line)}
.sh-g>button,.sh-l{display:flex;width:100%;align-items:center;justify-content:space-between;background:none;border:0;font:700 18px/1 var(--display);letter-spacing:-.03em;padding:20px 0;text-decoration:none;color:var(--carbon)}
.sh-l{border-bottom:1px solid var(--line)}
.sh-g>button .ic{transition:transform .15s}
.sh-g>button[aria-expanded="true"] .ic{transform:rotate(180deg)}
.sh-sub{display:grid;gap:2px;padding:0 0 16px}
.sh-sub a{display:block;padding:11px 12px;border-radius:10px;text-decoration:none;font-size:16px}
.sh-sub a:active,.sh-sub a:hover{background:var(--mist)}
.sheet-ft{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.mbar{display:none}

/* busca */
.pal{position:fixed;inset:0;z-index:90;background:rgba(10,13,16,.5);display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px}
.pal-box{width:min(620px,100%);background:var(--paper);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(10,13,16,.6)}
.pal-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.pal-in input{flex:1;border:0;outline:0;font:500 17px var(--body);color:var(--ink);background:transparent;min-width:0}
.pal-list{max-height:min(52vh,420px);overflow:auto;padding:8px}
.pal-it{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:11px 12px;border-radius:10px}
.pal-it[aria-selected="true"],.pal-it:hover{background:var(--mist)}
.pal-it .tag{margin-left:auto}
.pal-empty{padding:28px 16px;text-align:center;color:var(--muted)}

/* seções */
.sec{padding:124px 0}
.sec-tight{padding:56px 0}
.sec-mist{background:var(--mist)}
.sec-line{border-top:1px solid var(--line)}
.night{background:var(--night);color:#fff}
.sec-hd{display:grid;gap:16px;margin-bottom:44px;max-width:760px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.stack{display:grid;gap:16px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tag{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--body);padding:6px 9px;border-radius:999px;background:var(--mist);color:var(--soft);white-space:nowrap}
.tag-g{background:var(--green-soft);color:var(--green)}
.tag-ink{background:var(--carbon);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--body);padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--soft);background:var(--paper)}
.chip .ic{width:16px;height:16px;color:var(--green)}
.arcs{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.arcs svg{position:absolute;max-width:none;fill:none;stroke:#E9EDEC;stroke-width:1.5}

/* moldura de tela, como no vídeo institucional */
.win{background:#fff;border:3px solid var(--carbon);border-bottom-width:7px;border-radius:16px;box-shadow:0 34px 60px -34px rgba(10,13,16,.4);overflow:hidden}
.win-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}
.win-bar svg{height:18px;width:auto;display:block}
.win-bar span{font-size:12px;color:var(--muted)}
.win-b{padding:20px;display:grid;gap:12px}
.n{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font:600 11px/1 var(--body);color:var(--green);flex:none;font-variant-numeric:tabular-nums}
.ncards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ncard{border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:8px;align-content:start;background:#fff}
.ncard strong{font:700 15px/1.3 var(--display);letter-spacing:-.03em;color:var(--carbon)}
.ncard p{font-size:13.500px;line-height:1.45;color:var(--muted)}

/* hero */
.hero .wrap{position:relative;z-index:1}
.hero-g{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.hero-t{display:grid;gap:22px;justify-items:start}
.hero-m{position:relative;padding:0 0 132px}
.shot{border-radius:14px;overflow:hidden;background:var(--mist)}
.shot img{display:block;width:100%;height:100%;object-fit:cover}
.hero-m .shot{aspect-ratio:608/720}
.float{position:absolute;left:5%;right:5%;bottom:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:grid;gap:10px;box-shadow:0 24px 50px -26px rgba(10,13,16,.35)}
.cap{font:600 11px/1 var(--body);letter-spacing:.09em;text-transform:uppercase;color:var(--green)}
.frow{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:10px}
.frow b{display:block;font:600 14px/1.3 var(--body);color:var(--carbon)}
.frow span{font-size:13px;color:var(--muted)}
.frow em{font:600 12px/1 var(--body);font-style:normal;color:var(--green)}


/* abertura: uma chamada, um botão, imagem grande */
.hero{padding:104px 0 80px;position:relative;text-align:center}
.hero-c{display:grid;gap:34px;justify-items:center}
.hero .h1{font-size:clamp(42px,6.6vw,92px);line-height:.98;max-width:13ch}
.hero-a{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center}
.tri{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px;align-items:end;margin-top:80px;text-align:left}
.tri .shot{aspect-ratio:3/4}
.tri-m{position:relative;padding-bottom:92px}
.tri-m .shot{aspect-ratio:608/700}
.tri-m .float{left:8%;right:8%}

/* capítulos: Atenda, Acompanhe, Feche */
.chap{padding:140px 0}
.chap-g{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.chap.flip .chap-t{order:2}
.chap-t{display:grid;gap:24px;justify-items:start}
.big{font:700 clamp(48px,6.4vw,86px)/.95 var(--display);letter-spacing:-.06em;color:var(--carbon)}
.chap-t>p{font-size:23px;line-height:1.4;color:var(--soft);max-width:21ch}
.duo .shot{aspect-ratio:16/10}
.duo .win{margin:-92px 0 0 12%;position:relative}
.duo .fn{grid-template-columns:1fr 1fr}
.chap.flip .duo .win{margin:-92px 12% 0 0}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.trust div{display:grid;gap:12px;justify-items:start;font:700 17px/1.3 var(--display);letter-spacing:-.03em;color:var(--carbon)}
.trust .ic{color:var(--green)}
.end{text-align:center;padding:150px 0 140px;position:relative}
.end .big{font-size:clamp(44px,6.4vw,88px);max-width:12ch;margin:0 auto 34px}


/* movimento: palco da abertura em vídeo, cartões que entram em sequência */
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero-c>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero-c>*:nth-child(2){animation-delay:.14s}
.rv.in{animation:rise .85s cubic-bezier(.2,.7,.2,1) both}
.shot video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 26%;background:var(--carbon)}
.stage{position:relative;margin-top:72px;border:3px solid var(--carbon);border-bottom-width:7px;border-radius:20px;overflow:hidden;background:var(--carbon);aspect-ratio:16/8.6;text-align:left;box-shadow:0 44px 80px -44px rgba(10,13,16,.5);animation:rise 1s .26s cubic-bezier(.2,.7,.2,1) both}
.st-v{display:grid;grid-template-columns:1fr 1.22fr 1fr;gap:3px;height:100%}
.st-v .shot{border-radius:0;height:100%;background:var(--carbon)}
.st-card{position:absolute;background:#fff;border-radius:12px;padding:14px 16px;display:grid;gap:7px;box-shadow:0 20px 44px -18px rgba(10,13,16,.6);min-width:212px}
.st-card strong{font:700 15px/1.25 var(--display);letter-spacing:-.03em;color:var(--carbon)}
.st-card>span{font-size:13px;color:var(--muted)}
.st-card .dm-clock{justify-self:start}
.c1{left:3%;top:9%}
.c2{left:0;right:0;margin:0 auto;bottom:7%;width:min(340px,36%)}
.c3{right:3%;top:16%}
.mq{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;white-space:nowrap}
.mq-t{display:inline-flex;gap:56px;padding-left:56px;animation:mq 34s linear infinite}
.mq-t span{display:inline-flex;align-items:center;gap:14px;font:700 20px/1 var(--display);letter-spacing:-.03em;color:var(--carbon)}
.mq-t i{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;box-shadow:0 12px 24px -12px rgba(10,13,16,.45)}
.mq-t .ic{width:28px;height:28px;stroke-width:2}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes hop{from{opacity:0;transform:translateX(-22px) scale(.96)}to{opacity:1;transform:none}}
.fn-k.hop{animation:hop .55s cubic-bezier(.2,.7,.2,1)}
.sg li{transition:opacity .45s}
.sg[data-step="0"] li,.sg[data-step="1"] li:nth-child(n+2),.sg[data-step="2"] li:nth-child(n+3){opacity:.25}


/* atributos, ícones e "Saiba mais" */
.attrs{display:flex;flex-wrap:wrap;gap:6px}
.attrs span{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--body);padding:7px 9px;border-radius:999px;background:var(--green-soft);color:var(--green)}
.attrs .ic{width:14px;height:14px}
.badge{width:52px;height:52px;border-radius:14px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}
.badge .ic{width:26px;height:26px}
.more{width:100%}
.more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:600 15px/1 var(--body);color:var(--green);padding:6px 0}
.more summary::-webkit-details-marker{display:none}
.more summary .ic{width:16px;height:16px;transition:transform .15s}
.more[open] summary .ic{transform:rotate(180deg)}
.more ul{display:grid;gap:10px;margin:12px 0 14px;font:400 15px/1.45 var(--body);letter-spacing:0;color:var(--soft)}
.more li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start}
.more li .ic{width:18px;height:18px;color:var(--green);margin-top:2px}
.more p{font:400 15px/1.5 var(--body);letter-spacing:0;color:var(--soft);margin-top:8px}
.chap-t .more ul,.chap-t .more li span{max-width:none}
.plans{row-gap:0}
.plans .plan{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:14px;margin-bottom:16px;align-content:normal}
.plans .attrs{align-content:start}
.plans .plan-ct{align-content:start}
.plans .plan-ct .btn{align-self:start}
.plan .nomore{min-height:1px}
.attrs{align-items:flex-start}
/* efeito dos vídeos: preto e branco com um banho de verde da marca */
.shot{position:relative}
.shot video,.shot img{filter:saturate(1.12) contrast(1.04)}
.shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,13,16,0) 55%,rgba(10,13,16,.28));pointer-events:none}


/* fila de exemplo */
.dm{display:grid;gap:10px}
.dm-tabs{display:flex;gap:6px;flex-wrap:wrap}
.dm-tabs span{font:500 12px/1 var(--body);padding:7px 10px;border-radius:999px;background:var(--mist);color:var(--muted)}
.dm-tabs span.on{background:var(--carbon);color:#fff}
.dm-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff}
.dm-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 12px var(--display);background:var(--mist);color:var(--soft)}
.dm-nm{font:600 14px/1.3 var(--body);display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--carbon)}
.dm-nm em{font:500 11px/1 var(--body);font-style:normal;color:var(--muted);border:1px solid var(--line);padding:4px 6px;border-radius:6px}
.dm-msg{font-size:13px;color:var(--muted);line-height:1.35}
.dm-st{display:grid;justify-items:end;gap:5px}
.dm-clock{font:600 13px/1 var(--body);font-variant-numeric:tabular-nums;padding:6px 8px;border-radius:8px;background:var(--mist);color:var(--ink);min-width:54px;text-align:center}
.dm-flag{font:500 11px/1 var(--body);color:var(--muted);white-space:nowrap}
[data-lv="1"] .dm-clock{background:var(--warn);color:#2A1B00}
[data-lv="2"] .dm-clock{background:var(--alert);color:#2A1000}
[data-lv="3"] .dm-clock{background:var(--crit);color:#fff}
[data-lv="1"] .dm-flag,[data-lv="2"] .dm-flag{color:#9A5B00}
[data-lv="3"] .dm-flag{color:#C02B33}
[data-lv="ok"] .dm-clock{background:var(--green-soft);color:var(--green)}
[data-lv="ok"] .dm-flag{color:var(--green)}
.dm-note{font-size:12px;color:var(--muted)}

/* relógio */
.clk{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.clk-c{border:1px solid var(--night-line);border-radius:16px;padding:24px;display:grid;gap:10px;background:var(--night-2)}
.clk-n{font:700 clamp(44px,6vw,72px)/1 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.clk-n small{font:500 16px var(--body);letter-spacing:0;color:var(--night-muted);margin-left:6px}
.clk-c:nth-child(1) .clk-n{color:var(--warn)}
.clk-c:nth-child(2) .clk-n{color:var(--alert)}
.clk-c:nth-child(3) .clk-n{color:var(--crit)}
.clk-c p{color:var(--night-muted)}
.clk-c strong{color:#fff;font-weight:600}
.bar{position:relative;height:10px;border-radius:999px;background:var(--night-2);border:1px solid var(--night-line);margin:36px 0 14px;overflow:hidden}
.bar i{position:absolute;inset:0;background:linear-gradient(90deg,var(--mint) 0%,var(--mint) 48%,var(--warn) 50%,var(--warn) 58%,var(--alert) 60%,var(--alert) 96%,var(--crit) 100%)}
.bar-l{display:flex;justify-content:space-between;margin-bottom:22px;font:500 12px/1 var(--body);color:var(--night-muted)}
.clk-light{background:var(--night);border-radius:16px;padding:24px 22px 22px}

/* percurso pelas quatro abas */
.tour{display:grid;gap:72px}
.tour-r{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.tour-r:nth-child(even) .tour-t{order:2}
.tour-t{display:grid;gap:16px;justify-items:start}
.tour-t ul{display:grid;gap:12px;margin-top:4px}
.tour-t li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}
.tour-t li strong{display:block;font:700 15px/1.3 var(--display);letter-spacing:-.03em;color:var(--carbon)}
.tour-t li p{font-size:14.500px;color:var(--muted);line-height:1.45}

/* índice de recursos */
.idx{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.idx a{display:grid;grid-template-columns:24px 1fr 20px;gap:16px;align-items:start;padding:22px 0;border-top:1px solid var(--line);text-decoration:none}
.idx a .ic:first-child{color:var(--green);margin-top:2px}
.idx a strong{display:block;font:700 18px/1.3 var(--display);letter-spacing:-.03em;color:var(--carbon)}
.idx a span{display:block;color:var(--muted);font-size:15px;line-height:1.45;margin-top:4px}
.idx a .ic:last-child{width:18px;height:18px;margin-top:4px;color:var(--muted);transition:transform .15s,color .15s}
.idx a:hover strong{color:var(--green)}
.idx a:hover .ic:last-child{transform:translateX(4px);color:var(--green)}

/* cartões */
.tile{display:grid;gap:10px;align-content:start;border:1px solid var(--line);border-radius:14px;padding:24px;text-decoration:none;background:var(--paper);transition:border-color .15s,transform .15s}
a.tile:hover{border-color:var(--carbon);transform:translateY(-2px)}
.tile .ic{color:var(--green)}
.tile p{color:var(--muted);font-size:15px;line-height:1.5}
.tile .tlink{margin-top:4px;font-size:14px}
.pt{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start}
.pt .ic{color:var(--green);margin-top:2px}
.pt strong{display:block;font:700 17px/1.3 var(--display);letter-spacing:-.03em;color:var(--carbon)}
.pt p{color:var(--muted);margin-top:4px}
.panel{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--paper)}
.sec-mist .panel{background:#fff}
.note{border-left:2px solid var(--green);background:var(--mist);padding:14px 16px;border-radius:0 10px 10px 0;font-size:15px;color:var(--soft)}
.note .tlink{margin-left:6px}

/* seu dia */
.day{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.day-h,.day-r{display:grid;grid-template-columns:84px 1fr 1fr}
.day-h{background:var(--mist);font:600 14px/1 var(--body)}
.day-h span,.day-r>*{padding:16px 18px}
.day-r{border-top:1px solid var(--line)}
.day-r time{font:700 15px var(--display);font-variant-numeric:tabular-nums;color:var(--carbon)}
.day-r p:nth-child(2){color:var(--muted)}
.day-r p:nth-child(3){font-weight:500;border-left:1px solid var(--line);background:#F9FBFA}
.day-h span:nth-child(3){border-left:1px solid var(--line);color:var(--green)}
.day-sw{display:none}

/* celular */
.ph{width:270px;border-radius:38px;background:var(--carbon);padding:11px;box-shadow:0 40px 80px -36px rgba(10,13,16,.5);margin:0 auto}
.ph-s{background:var(--paper);border-radius:28px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;height:500px;color:var(--ink)}
.ph-t{padding:16px 16px 10px;font:700 16px var(--display);letter-spacing:-.03em;display:flex;justify-content:space-between;align-items:center;color:var(--carbon)}
.ph-b{padding:4px 12px 12px;display:grid;gap:8px;align-content:start;overflow:hidden}
.ph-c{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.35;display:grid;gap:3px;background:#fff}
.ph-c b{font-weight:600;color:var(--carbon)}
.ph-c span{color:var(--muted)}
.ph-c.pick{border-color:var(--carbon)}
.ph-n{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.ph-n button{background:none;border:0;padding:10px 2px 12px;font:500 11px/1 var(--body);color:var(--muted);display:grid;gap:5px;justify-items:center}
.ph-n button .ic{width:20px;height:20px}
.ph-n button[aria-selected="true"]{color:var(--green);font-weight:600}

/* funil de exemplo */
.fn{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.fn-c{background:var(--mist);border-radius:12px;padding:10px;display:grid;gap:8px;align-content:start}
.fn-c h4{font:600 12px/1 var(--body);color:var(--muted);display:flex;justify-content:space-between;padding:2px 2px 0}
.fn-k{border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12.500px;line-height:1.35;background:#fff}
.fn-k b{display:block;font-weight:600;color:var(--carbon)}
.fn-k span{color:var(--muted)}
.fn-k.on{border-color:var(--green)}
.fn-k.on span{color:var(--green)}
.kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kpi div{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:4px}
.kpi b{font:700 22px/1.1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--carbon)}
.kpi span{font-size:13px;color:var(--muted)}

/* passos */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.steps li{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:10px;align-content:start}
.steps p{color:var(--muted);font-size:15px}

/* planos */
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.plan{border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;gap:14px;align-content:start;background:var(--paper);position:relative;grid-template-rows:auto auto auto 1fr auto}
.plan.top{border:3px solid var(--carbon);border-bottom-width:7px;padding:22px 22px 18px}
.plan .tag{position:absolute;top:-13px;left:20px}
.plan h3{font:700 21px/1 var(--display);letter-spacing:-.03em;color:var(--carbon)}
.price{font:700 32px/1 var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--carbon)}
.price small{display:block;margin-top:8px;font:500 14px/1 var(--body);letter-spacing:0;color:var(--muted)}
.plan ul{display:grid;gap:9px;font-size:14.500px;align-content:start}
.plan li{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;line-height:1.4}
.plan li .ic{width:17px;height:17px;color:var(--green);margin-top:2px}
.plan li.base{grid-template-columns:1fr;font-weight:600;color:var(--carbon)}
.plan-ct{display:grid;gap:8px;justify-items:stretch}
.plan-ct .small{text-align:center}
.sim{border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;gap:18px;background:var(--paper)}
.sim-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sim-c{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:4px;background:#fff}
.sim-c.best{border-color:var(--carbon)}
.sim-c b{font:700 22px/1.1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--carbon)}
input[type=range]{width:100%;accent-color:var(--green);height:28px}
.tblw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;position:relative}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font:700 15px var(--display);letter-spacing:-.03em;background:var(--mist);color:var(--carbon)}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
tbody th{font-weight:500;color:var(--soft)}
td .ic{width:18px;height:18px;color:var(--green)}
td.no{color:#A3ABB3}

/* perguntas */
.fq{border-top:1px solid var(--line)}
.fq:last-child{border-bottom:1px solid var(--line)}
.fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font:700 17px/1.35 var(--display);letter-spacing:-.03em;color:var(--carbon)}
.fq summary::-webkit-details-marker{display:none}
.fq summary .ic{transition:transform .15s;color:var(--muted)}
.fq[open] summary .ic{transform:rotate(180deg)}
.fq p{padding:0 0 22px;color:var(--soft);max-width:70ch}
.fbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.fbtn{font:500 14px/1 var(--body);padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}
.fbtn[aria-pressed="true"]{background:var(--carbon);border-color:var(--carbon);color:#fff}

/* formulários */
.fld{display:grid;gap:6px}
.fld label,.lbl{font:600 14px/1.3 var(--body);color:var(--carbon)}
.fld small{color:var(--muted);font-size:13px}
.inp{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:10px;font:16px var(--body);color:var(--ink);background:var(--paper)}
.inp:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft)}
.fld.err .inp{border-color:var(--crit)}
.fld .msg{color:#C02B33;font-size:13px}
textarea.inp{min-height:120px;resize:vertical}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.full{grid-column:1/-1}
.opt{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;background:var(--paper)}
.opt:has(input:checked){border-color:var(--carbon)}
.opt input{width:18px;height:18px;accent-color:var(--green);margin:0}
.opt strong{font:700 16px var(--display);letter-spacing:-.03em;color:var(--carbon)}
.opt span{display:block;color:var(--muted);font-size:14px}
.opt b{font:600 15px var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--carbon)}
.stp{display:flex;gap:6px;align-items:center;font:600 13px/1 var(--body);color:var(--muted);flex-wrap:wrap}
.stp span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--mist)}
.stp span[data-on="1"]{background:var(--carbon);color:#fff}
.stp span[data-done="1"]{background:var(--green-soft);color:var(--green)}
.stp .ic{width:14px;height:14px}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;overflow:hidden}
.qty button{background:var(--paper);border:0;width:44px;height:44px;font-size:20px}
.qty button:hover{background:var(--mist)}
.qty output{min-width:48px;text-align:center;font:600 16px var(--body);font-variant-numeric:tabular-nums}
.co{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start}
.sum{position:sticky;top:100px;border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;gap:14px;background:var(--paper)}
.sum dl{display:grid;gap:10px;font-size:15px}
.sum dl div{display:flex;justify-content:space-between;gap:12px}
.sum dt{color:var(--soft)}
.sum dd{font-variant-numeric:tabular-nums;font-weight:500;text-align:right;color:var(--carbon)}
.sum .tot{border-top:1px solid var(--line);padding-top:14px}
.sum .tot dd{font:700 22px var(--display);letter-spacing:-.03em}
.done{border:3px solid var(--carbon);border-bottom-width:7px;border-radius:16px;padding:32px;display:grid;gap:14px;justify-items:start}
.trialbox{border:1px solid var(--green);background:var(--green-soft);border-radius:12px;padding:16px;display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;color:var(--ink)}
.trialbox .ic{color:var(--green)}
.trialbox strong{display:block;color:var(--green);font:700 16px var(--display);letter-spacing:-.03em}

/* navegação da página */
.bc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--muted);padding:20px 24px 0}
.bc a{text-decoration:none}
.bc a:hover{color:var(--carbon);text-decoration:underline}
.pg{padding:40px 0 76px;position:relative}
.pg-hd{display:grid;gap:18px;justify-items:start;max-width:780px}
.pg-top{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.pg-top .shot{aspect-ratio:608/520}
.next{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.next a{border:1px solid var(--line);border-radius:14px;padding:18px 20px;text-decoration:none;display:grid;gap:4px}
.next a:hover{border-color:var(--carbon)}
.next a small{color:var(--muted)}
.next a strong{font:700 17px var(--display);letter-spacing:-.03em;color:var(--carbon)}
.next a:last-child{text-align:right}
.cta{border:3px solid var(--carbon);border-bottom-width:7px;border-radius:16px;padding:44px 48px;display:grid;grid-template-columns:1.4fr auto;gap:28px;align-items:center;background:#fff;position:relative;overflow:hidden}
.cta>.stack,.cta>.row{position:relative}

/* rodapé */
.ft{background:var(--mist);border-top:1px solid var(--line);color:var(--muted);padding:60px 0 28px;font-size:15px}
.ft-g{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px}
.ft h4{font:700 14px/1 var(--display);letter-spacing:-.02em;color:var(--carbon);margin-bottom:14px}
.ft ul{display:grid;gap:9px}
.ft a{text-decoration:none}
.ft a:hover{color:var(--carbon);text-decoration:underline}
.ft{padding:30px 0 26px}
.ft .logo{margin:0 0 0 -6px}
.ft-line{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.ft-brand{display:flex;align-items:center;gap:14px;font:600 14px/1 var(--display);letter-spacing:-.02em;color:var(--carbon)}
.ft-line nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-left:auto}
.ft-copy{margin-left:auto}
.ft-legal{display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:14px}
.ft-b{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;border-top:1px solid var(--line);margin-top:44px;padding-top:22px;font-size:14px}

@media (max-width:1100px){
  .nav,.srch kbd,.hd-act .lnk{display:none}
  .burger{display:flex}
  .hd-in{justify-content:space-between;height:68px}
  .logo svg{height:28px}
  .hd-act{gap:4px}
  .srch{background:none;padding:10px}
  .hero-g,.grid2,.co,.tour-r,.pg-top,.chap-g{grid-template-columns:1fr}
  .chap-g{gap:48px}
  .chap.flip .chap-t{order:0}
  .trust{grid-template-columns:1fr 1fr}
  .tour-r:nth-child(even) .tour-t{order:0}
  .hero-m{max-width:460px}
  .plans{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .ft-g{grid-template-columns:1fr 1fr}
  .sum{position:static}
  .cta{grid-template-columns:1fr;padding:32px 26px}
  .pg-top .shot{max-width:480px}
}
@media (max-width:700px){
  .sec{padding:72px 0}
  .hero{padding:56px 0 48px}
  .chap{padding:80px 0}
  .end{padding:88px 0}
  .stage{aspect-ratio:4/4.6;margin-top:44px}
  .st-v{grid-template-columns:1fr 1fr}
  .st-v .shot:first-child{display:none}
  .c1{display:none}
  .c2{width:auto;left:5%;right:5%;bottom:5%}
  .c3{top:5%;right:5%;min-width:0}
  .duo .win,.chap.flip .duo .win{margin:-48px 0 0 6%}
  .chap-t>p{font-size:20px}
  .hd-act .btn{display:none}
  .idx,.grid3,.clk,.plans,.next,.fgrid,.sim-g,.steps,.ncards,.kpi{grid-template-columns:1fr}
  .fn{grid-template-columns:1fr 1fr}
  .tour{gap:56px}
  .next a:last-child{text-align:left}
  .day-h,.day-r{grid-template-columns:64px 1fr}
  .day[data-v="sem"] .day-r p:nth-child(3),.day[data-v="sem"] .day-h span:nth-child(3),.day[data-v="com"] .day-r p:nth-child(2),.day[data-v="com"] .day-h span:nth-child(2){display:none}
  .day-r p:nth-child(3),.day-h span:nth-child(3){border-left:0}
  .day-sw{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
  .dm-row{grid-template-columns:34px 1fr}
  .dm-st{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}
  .win-b{padding:14px}
  .ft-g{grid-template-columns:1fr}
  .mbar{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line)}
  body.has-mbar{padding-bottom:76px}
  .opt{grid-template-columns:22px 1fr}
  .opt b{grid-column:2}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .bar i{transform:none}
}

/* ---- cor e vida ---- */
.duo{position:relative;isolation:isolate}
.duo::before{content:"";position:absolute;z-index:-1;width:52%;height:58%;border-radius:22px;top:-22px;right:-22px;background:var(--green)}
.chap.flip .duo::before{right:auto;left:-22px;background:#3DDC97}
.chap.k2 .duo::before{background:var(--carbon)}
@media (max-width:700px){.duo::before{top:-12px;right:-10px}.chap.flip .duo::before{left:-10px}}
.hero{position:relative}
.hero::before{content:"";position:absolute;left:50%;bottom:-6%;width:min(1100px,92%);height:62%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(61,220,151,.28),rgba(61,220,151,0));pointer-events:none}
.stage{box-shadow:0 44px 90px -40px rgba(0,119,71,.5)}
.chap .badge{background:var(--green);color:#fff;box-shadow:0 14px 26px -14px rgba(0,119,71,.8)}
.big .hl,.end .hl{color:var(--green)}
.dm-av.has{overflow:hidden;padding:0;background:none}
.dm-av.has img,.dm-av.has svg{width:100%;height:100%;display:block;object-fit:cover}
.st-who{display:flex;align-items:center;gap:9px}
.st-who .dm-av{width:28px;height:28px;flex:none}
/* efeitos dos cartões do topo, um por rodada */
.st-card{--dx:0px;--dy:16px;animation:fxA 12s infinite both}
.c1{--dx:-60px;--dy:0px}.c2{--dx:0px;--dy:60px;animation-delay:1.4s}.c3{--dx:60px;--dy:0px;animation-delay:2.8s}
.stage[data-fx="1"] .st-card{animation-name:fxB}
.stage[data-fx="2"] .st-card{animation-name:fxC}
.stage[data-fx="3"] .st-card{animation-name:fxD}
@keyframes fxA{0%{opacity:0;transform:translateY(16px) scale(.96)}5%,70%{opacity:1;transform:none}74%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes fxB{0%{opacity:0;transform:translate(var(--dx),var(--dy))}4%{opacity:1;transform:translate(calc(var(--dx)*-.08),calc(var(--dy)*-.08))}6%,70%{opacity:1;transform:none}74%,100%{opacity:0;transform:translate(calc(var(--dx)*-1),calc(var(--dy)*-1))}}
@keyframes fxC{0%{opacity:0;transform:perspective(700px) rotateX(-75deg);transform-origin:50% 0}5%{opacity:1;transform:perspective(700px) rotateX(8deg);transform-origin:50% 0}7%,70%{opacity:1;transform:perspective(700px) rotateX(0);transform-origin:50% 0}74%,100%{opacity:0;transform:perspective(700px) rotateX(60deg);transform-origin:50% 100%}}
@keyframes fxD{0%{opacity:0;transform:scale(1.35);filter:blur(12px)}5%,70%{opacity:1;transform:none;filter:none;box-shadow:0 0 0 0 rgba(61,220,151,0),0 20px 44px -18px rgba(10,13,16,.6)}2.5%{box-shadow:0 0 0 10px rgba(61,220,151,.45),0 20px 44px -18px rgba(10,13,16,.6)}74%,100%{opacity:0;transform:scale(.9);filter:blur(6px)}}
.st-sweep{position:absolute;inset:-20% auto -20% 0;width:26%;background:linear-gradient(100deg,rgba(61,220,151,0),rgba(61,220,151,.38),rgba(255,255,255,.22),rgba(61,220,151,0));transform:translateX(-120%) skewX(-14deg);animation:sweep 12s infinite;pointer-events:none;z-index:1;mix-blend-mode:screen}
.st-card{z-index:2}
@keyframes sweep{0%{transform:translateX(-120%) skewX(-14deg)}14%,100%{transform:translateX(520%) skewX(-14deg)}}
/* infográfico do relógio de atraso */
.tl{display:grid;gap:10px;margin-top:34px}
.tl-clock{display:flex;align-items:baseline;gap:12px}
.tl-t{font:700 clamp(46px,7vw,84px)/1 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--mint);transition:color .3s}
.tl-clock small{font:500 15px var(--body);color:var(--night-muted)}
.tlw[data-lv="1"] .tl-t{color:var(--warn)}.tlw[data-lv="2"] .tl-t{color:var(--alert)}.tlw[data-lv="3"] .tl-t{color:var(--crit)}
.tl-track{position:relative;padding:26px 0 8px;margin-right:18px}
.tl .bar{margin:0;overflow:hidden}
.tl-fill{clip-path:inset(0 0 0 0)}
.tl-s,.tl-m{position:absolute;top:31px;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;display:grid;place-items:center}
.tl-s{background:var(--night-2);border:2px solid var(--night-line);color:var(--night-muted);transition:all .3s}
.tl-s .ic,.tl-m .ic{width:17px;height:17px}
.tlw:not([data-lv="0"]) .tl-s[data-k="1"]{background:var(--warn);border-color:var(--warn);color:var(--night);transform:scale(1.18)}
.tlw[data-lv="2"] .tl-s[data-k="2"],.tlw[data-lv="3"] .tl-s[data-k="2"]{background:var(--alert);border-color:var(--alert);color:var(--night);transform:scale(1.18)}
.tlw[data-lv="3"] .tl-s[data-k="3"]{background:var(--crit);border-color:var(--crit);color:#fff;transform:scale(1.18)}
.tl-m{left:100%;background:#fff;color:var(--carbon);box-shadow:0 0 0 6px rgba(255,255,255,.14);z-index:1}
.tl .bar-l{margin-right:18px}
.clk-c{transition:border-color .3s,transform .3s}
.tlw:not([data-lv="0"]) .clk-c:nth-child(1){border-color:var(--warn);transform:translateY(-6px)}
.tlw[data-lv="2"] .clk-c:nth-child(2),.tlw[data-lv="3"] .clk-c:nth-child(2){border-color:var(--alert);transform:translateY(-6px)}
.tlw[data-lv="3"] .clk-c:nth-child(3){border-color:var(--crit);transform:translateY(-6px)}
@media (prefers-reduced-motion:reduce){.st-card,.st-sweep{animation:none}.st-sweep{display:none}}
.price .xu{white-space:nowrap;display:flex;align-items:center;gap:6px;margin-top:10px;font:600 13px/1.2 var(--body);color:var(--green)}
.price .xu .ic{width:14px;height:14px}
/* letra branca sobre laranja (início) */
[data-lv="2"] .dm-clock { background: #FF5A1F; color: #fff; }
/* letra branca sobre laranja (fim) */

/* === Base clara (CRM): sem fundo preto, direto no CSS. Revisão 2 · 13-11-2026 === */
.night,.stage,.ph{background-color:#F3F6F4!important;background-image:none!important;color:#16201B!important;border-color:#DCE4DF!important;box-shadow:0 10px 30px rgba(20,40,30,.06)}
.night *:not(.btn-k):not(.btn-ink):not(.btn-k *):not(.btn-ink *),.stage *:not(.btn-k):not(.btn-ink):not(.btn-k *):not(.btn-ink *),.ph *:not(.btn-k):not(.btn-ink):not(.btn-k *):not(.btn-ink *){color:#2A3530!important;border-color:#DCE4DF}
.clk-c,.clk-light,.st-v .shot{background-color:#FFFFFF!important;background-image:none!important;color:#16201B!important;border-color:#DCE4DF!important}
.shot video,.bar,.chap.k2 .duo::before{background-color:#EEF3F0!important;background-image:none!important}
