/* TR MEMORY — mobile-first */
:root{
  --bg:#FBF8F3;
  --paper:#FFFFFF;
  --ink:#2A2733;
  --ink-2:#5E5A68;
  --line:#E9E3DA;

  /* pastéis derivados da barra da logo */
  --coral:oklch(0.87 0.065 32);
  --pessego:oklch(0.89 0.07 62);
  --manteiga:oklch(0.94 0.075 95);
  --menta:oklch(0.89 0.065 150);
  --ceu:oklch(0.88 0.055 240);
  /* tons profundos (texto/ícones sobre pastel) */
  --coral-d:oklch(0.52 0.13 32);
  --pessego-d:oklch(0.55 0.12 62);
  --manteiga-d:oklch(0.52 0.1 90);
  --menta-d:oklch(0.48 0.1 150);
  --ceu-d:oklch(0.48 0.1 240);

  /* cores vivas da logo — só na barra */
  --b1:#FF3723;--b2:#FF8300;--b3:#FFB700;--b4:#47BE00;--b5:#028EDB;

  --r-lg:28px;--r-md:20px;--r-sm:14px;
  --pad:20px;
  --max:1240px;
  --font:"Outfit",ui-sans-serif,sans-serif;
}
*{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:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{line-height:1.02;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
p{text-wrap:pretty}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}

/* stripe da marca */
.stripe{display:flex;height:6px;border-radius:99px;overflow:hidden;width:100%}
.stripe i{flex:1}
.stripe i:nth-child(1){background:var(--b1)}.stripe i:nth-child(2){background:var(--b2)}
.stripe i:nth-child(3){background:var(--b3)}.stripe i:nth-child(4){background:var(--b4)}
.stripe i:nth-child(5){background:var(--b5)}

/* tokens por cor */
[data-cor=coral]{--c:var(--coral);--cd:var(--coral-d)}
[data-cor=pessego]{--c:var(--pessego);--cd:var(--pessego-d)}
[data-cor=manteiga]{--c:var(--manteiga);--cd:var(--manteiga-d)}
[data-cor=menta]{--c:var(--menta);--cd:var(--menta-d)}
[data-cor=ceu]{--c:var(--ceu);--cd:var(--ceu-d)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:99px;font-weight:600;font-size:16px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-ink{background:var(--ink);color:var(--bg)}
.btn-ink:hover{box-shadow:0 8px 24px -8px rgba(42,39,51,.5)}
.btn-ghost{background:var(--paper);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--ink)}
.btn .dot{width:8px;height:8px;border-radius:50%;background:#47BE00;box-shadow:0 0 0 4px rgba(71,190,0,.2)}
.arrow{display:inline-block;transition:transform .2s}
a:hover .arrow,button:hover .arrow{transform:translateX(4px)}

.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.eyebrow::before{content:"";width:18px;height:2px;background:currentColor;border-radius:2px}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.hdr.scrolled{border-color:var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo img{height:26px;width:auto}
.nav{display:none}
.hdr-cta{display:none}
.burger{width:44px;height:44px;border-radius:50%;background:var(--paper);border:1.5px solid var(--line);display:grid;place-items:center}
.burger span{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px;position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:16px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s}
.burger span::before{top:-5px}.burger span::after{top:5px}
body.menu-open .burger span{background:transparent}
body.menu-open .burger span::before{transform:translateY(5px) rotate(45deg)}
body.menu-open .burger span::after{transform:translateY(-5px) rotate(-45deg)}

.drawer{position:fixed;inset:64px 0 0 0;z-index:49;background:var(--bg);padding:24px var(--pad) 40px;display:flex;flex-direction:column;gap:6px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;overflow:auto}
body.menu-open .drawer{opacity:1;transform:none;pointer-events:auto}
body.menu-open{overflow:hidden}
.drawer a.dl{font-size:32px;font-weight:600;letter-spacing:-.02em;padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.drawer .sub{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:22px 0 6px;font-weight:600}
.drawer .chip-row{display:flex;flex-wrap:wrap;gap:8px}
.drawer .chip-row a{padding:10px 16px;border-radius:99px;background:var(--c);font-weight:600;font-size:15px}
.drawer .btn{margin-top:28px}

/* ---------- hero ---------- */
.hero{padding:28px 0 0;position:relative}
.hero-top{display:flex;flex-direction:column;gap:18px}
.hero h1{font-size:clamp(46px,13.5vw,132px);font-weight:700;letter-spacing:-.045em;line-height:.92}
.hero h1 .l2{display:block;color:var(--ink);position:relative}
.hero h1 .hl{background:linear-gradient(transparent 58%,var(--manteiga) 58%,var(--manteiga) 92%,transparent 92%);padding:0 .06em;margin:0 -.06em}
.hero-lede{font-size:18px;color:var(--ink-2);max-width:34ch}
.hero-lede b{color:var(--ink);font-weight:600}
.hero-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.hero-media{position:relative;margin-top:28px}
.hero-img{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;background:#1a1a19;position:relative}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero-img::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,rgba(20,18,24,.55))}
.hero-cap{position:absolute;left:18px;bottom:18px;right:18px;z-index:2;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;font-size:14px}
.hero-cap .mono{font-weight:500;opacity:.85;letter-spacing:.04em}
.sticker{position:absolute;z-index:3;border-radius:99px;padding:10px 16px 10px 12px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 30px -12px rgba(42,39,51,.35);background:var(--c);color:var(--ink)}
.sticker .ic{width:26px;height:26px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--cd)}
.sticker.s1{top:-16px;left:14px;transform:rotate(-4deg)}
.sticker.s2{top:44%;right:-6px;transform:rotate(5deg)}
.hero-ring{position:absolute;z-index:3;width:84px;height:84px;right:18px;top:-30px;animation:spin 22s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* marquee de eventos */
.marquee{margin-top:36px;overflow:hidden;border-block:1px solid var(--line);padding:16px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;gap:10px;width:max-content;animation:mq 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee span{padding:9px 18px;border-radius:99px;background:var(--c);font-weight:600;font-size:15px;white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- seções ---------- */
.sec{padding:72px 0}
.sec-head{display:flex;flex-direction:column;gap:14px;margin-bottom:32px}
.sec-head h2{font-size:clamp(34px,9vw,68px)}
.sec-head p{color:var(--ink-2);max-width:48ch;font-size:17px}

/* ---------- grade de experiências ---------- */
.xp-grid{display:grid;grid-template-columns:1fr;gap:16px}
.xp-card{position:relative;background:var(--c);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;min-height:100%;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.xp-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(42,39,51,.35)}
.xp-media{aspect-ratio:4/3;margin:10px 10px 0;border-radius:calc(var(--r-lg) - 8px);overflow:hidden;position:relative;background:#222}
.xp-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.xp-card:hover .xp-media img{transform:scale(1.05)}
.xp-num{position:absolute;top:12px;left:12px;background:var(--paper);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600;letter-spacing:.04em}
.xp-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.xp-tag{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cd)}
.xp-body h3{font-size:34px;letter-spacing:-.03em}
.xp-body p{color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:16px}
.xp-foot{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.xp-foot .go{width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:20px;transition:transform .25s}
.xp-card:hover .go{transform:rotate(-45deg)}
.xp-foot .lbl{font-weight:600}
.xp-soon{background:transparent;border:2px dashed var(--line);justify-content:center;align-items:flex-start;padding:28px;gap:12px;min-height:260px}
.xp-soon:hover{transform:none;box-shadow:none;border-color:var(--ink-2)}
.xp-soon .plus{width:52px;height:52px;border-radius:50%;background:var(--paper);border:1.5px solid var(--line);display:grid;place-items:center;font-size:26px;font-weight:300}
.xp-soon h3{font-size:26px}
.xp-soon p{color:var(--ink-2);font-size:15px}

/* ---------- detalhe da ativação ---------- */
.dt{padding:24px 0}
.dt-card{background:var(--paper);border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden}
.dt-head{background:var(--c);padding:28px 22px 24px;display:flex;flex-direction:column;gap:12px}
.dt-head .xp-tag{color:var(--cd)}
.dt-head h2{font-size:clamp(42px,11vw,88px)}
.dt-head p{font-size:18px;max-width:52ch}
.dt-main{display:grid;grid-template-columns:1fr;gap:0}
.dt-cover{aspect-ratio:4/5;overflow:hidden;background:#1a1a19}
.dt-cover img{width:100%;height:100%;object-fit:cover}
.dt-info{padding:24px 22px 28px;display:flex;flex-direction:column;gap:22px}
.feat{display:grid;grid-template-columns:1fr;gap:10px}
.feat li{list-style:none;display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px;border-radius:var(--r-sm);background:var(--bg)}
.feat .n{width:36px;height:36px;border-radius:50%;background:var(--c);display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--cd)}
.feat b{display:block;font-weight:600;font-size:17px;line-height:1.25}
.feat span{color:var(--ink-2);font-size:15px;line-height:1.4}
.fmt-title{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.fmts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fmt figure{border-radius:var(--r-sm);overflow:hidden;aspect-ratio:3/4;background:var(--bg)}
.fmt img{width:100%;height:100%;object-fit:cover}
.fmt .figcap{font-size:14px;font-weight:600;margin-top:8px;text-align:center}
.dt-strip{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 22px 28px;scrollbar-width:none}
.dt-strip::-webkit-scrollbar{display:none}
.dt-strip img{scroll-snap-align:start;border-radius:var(--r-sm);aspect-ratio:4/3;object-fit:cover;width:100%;height:100%}
.dt-strip .ph{scroll-snap-align:start;border-radius:var(--r-sm);aspect-ratio:4/3;background:repeating-linear-gradient(135deg,var(--bg) 0 10px,color-mix(in srgb,var(--c) 60%,var(--bg)) 10px 20px);display:grid;place-items:center;font-family:ui-monospace,monospace;font-size:12px;color:var(--ink-2);text-align:center;padding:12px}

/* secao vertical (360 / stories): midia 9:16 em moldura de celular */
.dt.vertical .dt-cover{aspect-ratio:auto;min-height:0;background:transparent;display:flex;justify-content:center;padding:20px 22px 8px}
.dt.vertical .phone{width:min(100%,280px);aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#1a1a19;border:1.5px solid var(--line);box-shadow:0 18px 40px -20px rgba(42,39,51,.45)}
.dt.vertical .phone img,.dt.vertical .phone video{width:100%;height:100%;object-fit:cover;display:block}
.dt.vertical .dt-strip{display:flex;justify-content:flex-start;gap:16px;align-items:stretch}
.dt.vertical .dt-strip .phone,.dt.vertical .dt-strip .ph{flex:0 0 42%;width:auto;scroll-snap-align:start}
.dt.vertical .dt-strip .ph{aspect-ratio:9/16;border-radius:28px}

/* ---------- como funciona ---------- */
.steps{display:grid;grid-template-columns:1fr;gap:12px;counter-reset:s}
.step{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.step .k{width:52px;height:52px;border-radius:16px;background:var(--c);display:grid;place-items:center;font-weight:700;font-size:20px;color:var(--cd)}
.step h3{font-size:22px;letter-spacing:-.02em;margin-bottom:4px;line-height:1.15}
.step p{color:var(--ink-2);font-size:16px}

/* ---------- galeria ---------- */
.gal{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;grid-auto-flow:dense;gap:10px}
.gal figure{position:relative;border-radius:var(--r-md);overflow:hidden;background:#222}
.gal figure.w2{grid-column:span 2}
.gal figure.h2{grid-row:span 2}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.gal figure:hover img{transform:scale(1.05)}
.gal figcaption{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.92);border-radius:99px;padding:5px 12px;font-size:13px;font-weight:600;opacity:0;transform:translateY(6px);transition:.25s}
.gal figure:hover figcaption{opacity:1;transform:none}

/* ---------- faq ---------- */
.faq{display:flex;flex-direction:column;gap:10px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);transition:background .25s}
.faq details[open]{background:var(--c)}
.faq summary{list-style:none;cursor:pointer;padding:20px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:600;font-size:18px;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{flex:none;width:32px;height:32px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-size:20px;font-weight:400;transition:transform .25s}
.faq details[open] .pm{transform:rotate(45deg);background:var(--paper)}
.faq .ans{padding:0 20px 22px;color:color-mix(in srgb,var(--ink) 80%,transparent);max-width:64ch}

/* ---------- orçamento ---------- */
.quote{background:var(--ink);color:var(--bg);border-radius:var(--r-lg);padding:32px 20px;position:relative;overflow:hidden}
.quote h2{font-size:clamp(36px,10vw,72px);color:var(--bg)}
.quote .eyebrow{color:color-mix(in srgb,var(--bg) 65%,transparent)}
.quote .intro{color:color-mix(in srgb,var(--bg) 70%,transparent);margin:14px 0 28px;max-width:44ch}
.form{display:grid;grid-template-columns:1fr;gap:18px}
.fld{display:flex;flex-direction:column;gap:8px}
.fld>label,.fld>.lb{font-size:14px;font-weight:600;color:color-mix(in srgb,var(--bg) 80%,transparent)}
.fld input,.fld select{height:54px;border-radius:var(--r-sm);border:1.5px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--bg);padding:0 16px;font:inherit;font-size:16px;outline:none;transition:border-color .2s,background .2s;appearance:none;-webkit-appearance:none}
.fld select{background-image:linear-gradient(45deg,transparent 50%,var(--bg) 50%),linear-gradient(135deg,var(--bg) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.fld select option{color:var(--ink)}
.fld input::placeholder{color:rgba(255,255,255,.4)}
.fld input:focus,.fld select:focus{border-color:var(--manteiga);background:rgba(255,255,255,.1)}
.fld input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}
.picks{display:flex;flex-wrap:wrap;gap:8px}
.pick{position:relative}
.pick input{position:absolute;opacity:0;pointer-events:none}
.pick span{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:99px;border:1.5px solid rgba(255,255,255,.2);font-weight:600;font-size:15px;cursor:pointer;transition:.2s;user-select:none}
.pick span::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c);transition:.2s}
.pick input:checked+span{background:var(--c);color:var(--ink);border-color:var(--c)}
.pick input:checked+span::before{background:var(--ink)}
.pick input:focus-visible+span{outline:2px solid var(--manteiga);outline-offset:2px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote .btn-send{background:var(--manteiga);color:var(--ink);width:100%;min-height:58px;font-size:17px}
.quote .btn-send:hover{background:#fff}
.quote .note{font-size:14px;color:color-mix(in srgb,var(--bg) 55%,transparent);text-align:center}
.quote .stripe{position:absolute;left:0;right:0;top:0;border-radius:0}

/* ---------- rodapé ---------- */
.ftr{padding:56px 0 120px}
.ftr-top{display:flex;flex-direction:column;gap:28px}
.ftr .logo img{height:30px}
.ftr p{color:var(--ink-2);max-width:36ch}
.ftr-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ftr h4{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:600;margin-bottom:12px}
.ftr ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.ftr ul a{font-weight:500}
.ftr ul a:hover{text-decoration:underline;text-underline-offset:4px}
.ftr-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-2)}

/* barra fixa mobile */
.mbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;display:grid;grid-template-columns:1fr auto;gap:8px;transform:translateY(120%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mbar.show{transform:none}
.mbar .btn{box-shadow:0 14px 30px -10px rgba(42,39,51,.45)}
.mbar .btn-wa{background:var(--menta);color:var(--ink);width:52px;padding:0;font-weight:700}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.marquee-track,.hero-ring{animation:none}}

/* =================== TABLET =================== */
@media (min-width:640px){
  :root{--pad:32px}
  .hero-actions{flex-direction:row}
  .hero-img{aspect-ratio:16/11}
  .xp-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .feat{grid-template-columns:1fr 1fr}
  .dt-strip{grid-auto-columns:44%}
  .dt.vertical .dt-strip .phone,.dt.vertical .dt-strip .ph{flex-basis:28%}
  .steps{grid-template-columns:1fr 1fr}
  .gal{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px}
  .quote{padding:48px 40px}
  .form .full{grid-column:1/-1}
  .form{grid-template-columns:1fr 1fr}
  .ftr-cols{grid-template-columns:repeat(3,1fr)}
}

@media (min-width:900px){
  .steps{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
  }
  .step{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto 1fr;
    gap:20px;
    padding:24px;
    min-width:0;
    min-height:0;
    align-items:start;
    align-content:start;
  }
}
@supports (grid-template-rows:subgrid){
  @media (min-width:900px){
    .steps{grid-template-rows:auto auto 1fr}
    .step{
      grid-template-rows:subgrid;
      grid-row:span 3;
    }
    .step>div{display:contents}
  }
}

/* =================== DESKTOP =================== */
@media (min-width:1024px){
  :root{--pad:40px}
  body{font-size:18px}
  .hdr .wrap{height:76px}
  .drawer{inset:76px 0 0 0}
  .logo img{height:28px}
  .burger{display:none}
  .nav{display:flex;gap:4px;align-items:center}
  .nav a{padding:10px 16px;border-radius:99px;font-weight:500;font-size:16px;transition:background .2s}
  .nav a:hover{background:var(--paper)}
  .hdr-cta{display:inline-flex;min-height:46px}

  .hero{padding-top:48px}
  .hero-top{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:48px}
  .hero-side{display:flex;flex-direction:column;gap:24px;padding-bottom:14px}
  .hero-lede{font-size:20px}
  .hero-media{margin-top:44px}
  .hero-img{aspect-ratio:21/9}
  .hero-img img{object-position:50% 45%}
  .hero-cap{left:28px;right:28px;bottom:24px;font-size:15px}
  .sticker{font-size:16px;padding:12px 20px 12px 14px}
  .sticker .ic{width:30px;height:30px}
  .sticker.s1{top:-20px;left:40px}
  .sticker.s2{top:auto;bottom:70px;right:-14px}
  .hero-ring{width:120px;height:120px;right:48px;top:-50px}

  .sec{padding:120px 0}
  .sec-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
  .sec-head>div{display:flex;flex-direction:column;gap:16px}

  .xp-grid{grid-template-columns:repeat(3,1fr);gap:24px}
  .xp-grid.n2 .xp-card:not(.xp-soon){grid-column:span 1}
  .xp-body{padding:26px 28px 28px}
  .xp-body h3{font-size:40px}

  .dt{padding:32px 0}
  .dt-head{padding:48px 48px 40px;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px}
  .dt-head>div{display:flex;flex-direction:column;gap:14px}
  .dt-head p{max-width:40ch}
  .dt-main{grid-template-columns:1fr 1.15fr}
  .dt.flip .dt-cover{order:2}
  .dt-cover{aspect-ratio:auto;min-height:100%}
  .dt.vertical .dt-main{grid-template-columns:minmax(220px,300px) 1fr;align-items:start}
  .dt.vertical.flip .dt-main{grid-template-columns:1fr minmax(220px,300px)}
  .dt.vertical .dt-cover{min-height:0;padding:40px 24px 16px;background:transparent}
  .dt.vertical .phone{width:100%;max-width:300px}
  .dt-info{padding:40px 48px 44px;gap:28px}
  .dt-strip{grid-auto-columns:calc((100% - 40px)/3);padding:32px 48px 48px;overflow:visible;gap:20px}
  .dt.vertical .dt-strip{justify-content:center;flex-wrap:wrap;overflow:visible;gap:20px}
  .dt.vertical .dt-strip .phone,.dt.vertical .dt-strip .ph{flex:0 0 calc((100% - 60px)/4)}

  .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .step{gap:28px;padding:28px}
  .step h3{font-size:26px}

  .gal{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px}

  .faq-wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;align-items:start}
  .faq-wrap .sec-head{flex-direction:column;align-items:flex-start;position:sticky;top:110px}

  .quote{padding:72px 64px;display:grid;grid-template-columns:1fr 1.2fr;gap:64px}
  .ftr{padding-bottom:56px}
  .ftr-top{flex-direction:row;justify-content:space-between}
  .ftr-cols{gap:64px}
  .ftr-bottom{flex-direction:row;justify-content:space-between}
  .mbar{display:none}
}