/* it-t10-marketing.css: marketing agency page, the owner's pack mockup scaled
   (tools/trades10/pack-professional/visual-references/marketing-agency.png, 789 wide).
   --u = one mockup pixel; every position, size, hairline and rotation below is the mockup's own,
   measured. Built by tools/trades10/marketing.py. */
main.t-marketing{container-type:inline-size;--u:calc(min(100cqw,1440px) / 789);
  --mk-ink:#0C1A21;--mk-mut:#5E686E;--mk-or:#F26207;--mk-line:#E7E9EA;--mk-rule:#EDEFEE;
  --mk-band:#183137;--mk-note:#8C9399;--mk-font:Inter,'Inter Fallback',-apple-system,"Segoe UI",Roboto,sans-serif;
  background:#FCFCFA;font-family:var(--mk-font);color:var(--mk-ink)}
.t-marketing .mk-board{position:relative}
.t-marketing .mk-art{position:relative;width:calc(789 * var(--u));height:calc(var(--h) * var(--u));margin:0 auto}
.t-marketing .mk-a{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}
.t-marketing h1,.t-marketing h2,.t-marketing h3{font-family:var(--mk-font);color:var(--mk-ink)}
.mk-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mk-eyebrow{font:700 calc(8.32 * var(--u))/calc(12 * var(--u)) var(--mk-font);letter-spacing:.07em;text-transform:uppercase;color:var(--mk-or);white-space:nowrap}
.mk-h2{font-weight:700;font-size:calc(24.4 * var(--u));line-height:calc(30 * var(--u));letter-spacing:-.022em}
.mk-h2-xl{font-size:calc(29.3 * var(--u));line-height:calc(34 * var(--u))}
.mk-mid{text-align:center}
.mk-p{font-size:calc(9.32 * var(--u));line-height:calc(15 * var(--u));color:var(--mk-mut)}
.mk-sub{font-size:calc(12.5 * var(--u));line-height:calc(18 * var(--u));color:var(--mk-mut)}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(7 * var(--u));height:calc(28 * var(--u));
  background:var(--mk-or);color:#fff!important;border-radius:calc(6 * var(--u));
  font:700 calc(9.05 * var(--u))/1 var(--mk-font);text-decoration:none!important;
  box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) calc(-6 * var(--u)) rgba(242,98,7,.42);transition:background .16s ease-out,transform .16s ease-out}
.mk-btn:hover{background:#D95100;transform:translateY(-1px)}
.mk-btn svg{width:calc(10 * var(--u));height:calc(10 * var(--u));fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------------------------------------------------------------- hero */
.mk-hero{overflow:hidden;background:#FBFAF9}
.mk-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0 0;display:block}
.t-marketing .mk-hero h1{display:block}
.mk-k{display:block;font:700 calc(8.32 * var(--u))/calc(12 * var(--u)) var(--mk-font);letter-spacing:.07em;text-transform:uppercase;color:var(--mk-or)}
.mk-big{display:block;margin-top:calc(5 * var(--u));font-weight:700;font-size:calc(27.5 * var(--u));line-height:calc(30 * var(--u));letter-spacing:-.022em}
.mk-lede{font-size:calc(11 * var(--u));line-height:calc(14 * var(--u));color:#3C464C}
.mk-proof li{display:contents}
.t-marketing .mk-pw{width:calc(8.4 * var(--u));height:calc(8.4 * var(--u))}
.mk-pw svg{display:block;width:100%;height:100%}
.mk-pl{font:400 calc(7.6 * var(--u))/calc(10 * var(--u)) var(--mk-font);color:#3E484E;white-space:nowrap}

/* the invoice card the design lays over the photo */
.t-marketing .mk-card{position:absolute;left:calc(560 * var(--u));top:calc(70 * var(--u));width:calc(205 * var(--u));height:calc(243 * var(--u));
  background:#fff;border-radius:calc(10 * var(--u));overflow:hidden;
  box-shadow:0 calc(16 * var(--u)) calc(38 * var(--u)) calc(-14 * var(--u)) rgba(11,20,25,.22),0 0 calc(2 * var(--u)) rgba(11,20,25,.05)}
.mk-sheet{position:absolute;inset:0;display:block}
.mk-sheet>*{position:absolute}
.mk-clogo{left:calc(17 * var(--u));top:calc(18.4 * var(--u));font:700 calc(9.75 * var(--u))/1 var(--mk-font);letter-spacing:-.03em;white-space:nowrap}
.mk-clogo b{font-weight:700}
.mk-ckind{right:calc(19 * var(--u));top:calc(18.7 * var(--u));font:400 calc(8.56 * var(--u))/1 var(--mk-font);letter-spacing:.04em;color:#8A9399}
.mk-crule{left:calc(17 * var(--u));right:calc(19 * var(--u));top:calc(37.5 * var(--u));height:1px;background:var(--mk-line)}
.mk-cbill{left:calc(17 * var(--u));top:calc(50.4 * var(--u));display:grid;font-size:calc(6.2 * var(--u));line-height:calc(10.4 * var(--u));color:#4A555B;white-space:nowrap}
.mk-cbill b{font-weight:700;font-size:calc(6.5 * var(--u));color:var(--mk-ink)}
.mk-cmeta{left:calc(109 * var(--u));right:calc(19 * var(--u));top:calc(50.3 * var(--u));display:grid;grid-template-columns:auto 1fr;
  font-size:calc(6.2 * var(--u));line-height:calc(11 * var(--u));color:#4A555B;white-space:nowrap}
.mk-cmeta span:nth-child(2n-1){font-weight:700;font-size:calc(6.5 * var(--u));color:var(--mk-ink)}
.mk-cmeta span:nth-child(2n){text-align:right}
.mk-chead{left:calc(17 * var(--u));right:calc(19 * var(--u));top:calc(103 * var(--u));height:calc(16.7 * var(--u));display:flex;align-items:center;
  justify-content:space-between;background:#F4F5F6;padding:0 calc(5 * var(--u));font:700 calc(7.3 * var(--u))/1 var(--mk-font)}
.mk-crows{left:calc(17 * var(--u));right:calc(19 * var(--u));top:calc(119.7 * var(--u));display:block}
.mk-cr{display:flex;align-items:center;justify-content:space-between;height:calc(16.5 * var(--u));border-bottom:1px solid #F0F1F2;
  font-size:calc(7.4 * var(--u));color:#33403F}
.mk-ctot{left:calc(17 * var(--u));right:calc(19 * var(--u));top:calc(215.6 * var(--u));display:flex;align-items:center;justify-content:space-between;
  font:700 calc(9.1 * var(--u))/1 var(--mk-font)}
.t-marketing .mk-card .t10-edit{bottom:10%}

/* ------------------------------------------------- brief to billed */
.mk-curve{position:absolute;left:0;top:0;width:calc(789 * var(--u));height:calc(221 * var(--u));overflow:visible}
.mk-stops li{display:contents}
.mk-ct{font-weight:700;font-size:calc(9.6 * var(--u));line-height:calc(12 * var(--u));letter-spacing:-.01em}
.mk-cd{font-size:calc(7.3 * var(--u));line-height:calc(11.5 * var(--u));color:var(--mk-mut)}

/* ------------------------------------------------- campaign scope */
.t-marketing .mk-paper{position:absolute;left:calc(207 * var(--u));top:calc(72 * var(--u));width:calc(376 * var(--u));height:calc(261 * var(--u));
  background:#fff;border-radius:calc(10 * var(--u));overflow:hidden;
  box-shadow:0 calc(14 * var(--u)) calc(34 * var(--u)) calc(-16 * var(--u)) rgba(11,20,25,.16),0 0 calc(2 * var(--u)) rgba(11,20,25,.04)}
.mk-sheet2{position:absolute;inset:0;display:block}
.mk-bh{position:absolute;left:calc(34 * var(--u));right:calc(34 * var(--u));top:calc(24.4 * var(--u));display:flex;align-items:baseline;justify-content:space-between}
.mk-bh b{font:700 calc(8.7 * var(--u))/calc(12 * var(--u)) var(--mk-font);letter-spacing:.1em;text-transform:uppercase;color:#3E4A50}
.mk-bh span{font:500 calc(7.6 * var(--u))/calc(12 * var(--u)) var(--mk-font);color:var(--mk-ink)}
.mk-brow{position:absolute;left:calc(34 * var(--u));right:calc(34 * var(--u));border-top:1px solid #EDEFEF;padding-top:calc(9 * var(--u))}
.mk-brow b{position:absolute;left:0;font:700 calc(9.8 * var(--u))/calc(12.5 * var(--u)) var(--mk-font);letter-spacing:-.01em}
.mk-brow span{display:block;margin-left:calc(91 * var(--u));font-size:calc(8.63 * var(--u));line-height:calc(12.5 * var(--u));color:#4C575D}
.mk-sheet2 .mk-brow:nth-of-type(1){top:calc(49 * var(--u))}
.mk-sheet2 .mk-brow:nth-of-type(2){top:calc(87 * var(--u))}
.mk-sheet2 .mk-brow:nth-of-type(3){top:calc(125 * var(--u))}
.mk-sheet2 .mk-brow:nth-of-type(4){top:calc(159 * var(--u))}
.mk-sheet2 .mk-brow:nth-of-type(5){top:calc(193 * var(--u))}
.mk-note{font-family:"Caveat","Segoe Script",cursive;font-weight:500;font-size:calc(16.4 * var(--u));line-height:calc(16.5 * var(--u));color:var(--mk-note);transform:rotate(-11deg);transform-origin:0 0;white-space:nowrap}
.mk-arrow{height:calc(var(--ah) * var(--u));overflow:visible;fill:none;stroke:#8E969C;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.t-marketing .mk-paper .t10-edit{bottom:8%}

/* ------------------------------------------------------- pricing */
.t-marketing .mk-vrule{width:1px;height:calc(147 * var(--u));background:#E7E9EA}
.mk-ch{font-weight:700;font-size:calc(15.2 * var(--u));line-height:calc(19 * var(--u));letter-spacing:-.02em}
.mk-cp{font-size:calc(9.64 * var(--u));line-height:calc(14 * var(--u));color:var(--mk-mut)}
.mk-tiles li{display:contents}
.t-marketing .mk-tile{width:calc(37 * var(--u));height:calc(39 * var(--u));border-radius:calc(9 * var(--u));background:#FDF6EF;display:grid;place-items:center}
.mk-tile svg{width:calc(17 * var(--u));height:calc(17 * var(--u));fill:none;stroke:var(--mk-or);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mk-tl{display:block;text-decoration:none!important;color:inherit}
.mk-tl b{display:block;font:700 calc(11.3 * var(--u))/calc(15 * var(--u)) var(--mk-font);letter-spacing:-.01em;color:var(--mk-ink)}
.mk-tl span{display:block;margin-top:calc(2 * var(--u));font-size:calc(8.48 * var(--u));line-height:calc(13 * var(--u));color:var(--mk-mut)}
.mk-tl:hover b{color:#C04E06}
.t-marketing .mk-tarrow{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--mk-ink)}
.mk-tarrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------------------------------------------------- template studio */
.t-marketing .mk-board-card{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));
  height:calc(258 * var(--u) - var(--y) * var(--u));background:#FDFDFC;border-radius:calc(6 * var(--u)) calc(6 * var(--u)) 0 0;overflow:hidden;
  box-shadow:0 calc(10 * var(--u)) calc(26 * var(--u)) calc(-14 * var(--u)) rgba(11,20,25,.16),0 0 0 1px rgba(11,20,25,.035)}
.mk-board-mid{z-index:2;box-shadow:0 calc(14 * var(--u)) calc(30 * var(--u)) calc(-14 * var(--u)) rgba(11,20,25,.2),0 0 0 1px rgba(11,20,25,.04)}
.mk-bt{position:absolute;left:calc(20 * var(--u));top:calc(8.4 * var(--u));font:700 calc(10.02 * var(--u))/calc(14 * var(--u)) var(--mk-font);letter-spacing:-.01em}
.mk-doc{position:absolute;left:calc(20 * var(--u));right:calc(20 * var(--u));top:calc(40 * var(--u));display:block}
.mk-board-mid .mk-doc{top:calc(50 * var(--u))}
.mk-dh{display:flex;align-items:baseline;justify-content:space-between}
.mk-dh b{font:700 calc(9.4 * var(--u))/1 var(--mk-font);letter-spacing:-.03em}
.mk-dh b i{font-style:normal}
.mk-dh u{font:400 calc(8.6 * var(--u))/1 var(--mk-font);letter-spacing:.06em;color:#98A1A6;text-decoration:none}
.mk-dl{display:block;margin-top:calc(22 * var(--u))}
.mk-dr{display:flex;align-items:center;gap:calc(10 * var(--u));height:calc(12.6 * var(--u))}
.mk-dr i{font-style:normal;font-size:calc(7.6 * var(--u));line-height:1;color:#6B757A;width:calc(36 * var(--u));white-space:nowrap}
.mk-dr s{display:block;flex:1;height:calc(4.6 * var(--u));border-radius:calc(2 * var(--u));background:#ECEEEF;text-decoration:none}
.mk-dr s.mk-s1{flex:none;width:calc(30 * var(--u))}
.mk-dl2 .mk-dr{gap:calc(12 * var(--u))}
.mk-dl3{margin-top:calc(16 * var(--u))}
.mk-dl3 .mk-dr{height:calc(15 * var(--u));gap:calc(14 * var(--u))}
.mk-dl3 .mk-dr s.mk-s1{width:calc(54 * var(--u))}
.mk-dl3 .mk-dr s{height:calc(5.4 * var(--u))}
.mk-db{display:grid;gap:calc(9 * var(--u));margin-top:calc(16 * var(--u))}
.mk-db s{display:block;height:calc(5.4 * var(--u));border-radius:calc(2 * var(--u));background:#ECEEEF;text-decoration:none}
.mk-db s:nth-child(2n){width:72%}
.t-marketing .mk-board-card .t10-edit{bottom:auto;top:calc(109 * var(--u));font-size:calc(9.4 * var(--u));padding:calc(8 * var(--u)) calc(13 * var(--u));border-radius:calc(6 * var(--u))}
.t-marketing .mk-board-mid .t10-edit{opacity:1;transform:translate(-50%,0)}
.mk-strip-wrap{padding-block:calc(20 * var(--u)) calc(26 * var(--u));background:#FCFCFA}
.mk-strip-wrap .t10-strip{margin-top:0}

/* ------------------------------------------------------ payment band */
.mk-pay{background:var(--mk-band)}
.t-marketing .mk-qr{width:calc(66 * var(--u));height:calc(66 * var(--u));background:#fff;border-radius:calc(4 * var(--u));padding:calc(4 * var(--u));display:block}
.mk-qrimg{width:100%;height:100%}
.t-marketing .mk-payrule{width:1px;height:calc(55 * var(--u));background:rgba(255,255,255,.22)}
.mk-payt{color:#fff;font-weight:700;font-size:calc(12.87 * var(--u));line-height:calc(17 * var(--u))}
.mk-paym{color:#fff;font-weight:700;font-size:calc(10.13 * var(--u));line-height:calc(15 * var(--u))}
.mk-payu{font-size:calc(9.03 * var(--u));line-height:calc(14 * var(--u));color:#C6D1D4}
.t-marketing .mk-payu a{color:#C6D1D4!important;text-decoration:none!important}
.t-marketing .mk-payu a:hover{color:#fff!important;text-decoration:underline!important;text-decoration-color:#fff!important;text-decoration-thickness:1px!important;text-underline-offset:3px}

/* -------------------------------------------------- commercial clarity */
.t-marketing .mk-srule{width:1px;height:calc(42 * var(--u));background:#E7E9EA}
.mk-steps li{display:contents}
.mk-num{font:700 calc(10.2 * var(--u))/calc(14 * var(--u)) var(--mk-font);color:var(--mk-or)}
.mk-steps li:first-child .mk-num::before{content:"";position:absolute;left:calc(-8.5 * var(--u));top:calc(-5.5 * var(--u));width:calc(24 * var(--u));height:calc(24 * var(--u));border:1px solid #F4DFCC;border-radius:50%}
.mk-sh{font-weight:700;font-size:calc(12.2 * var(--u));line-height:calc(14 * var(--u));letter-spacing:-.01em}
.mk-sd{font-size:calc(8.64 * var(--u));line-height:calc(13 * var(--u));color:var(--mk-mut)}

/* ----------------------------------------------------------------- FAQ */
.mk-all{display:inline-flex;align-items:center;gap:calc(5 * var(--u));font:700 calc(9.42 * var(--u))/calc(13 * var(--u)) var(--mk-font);
  color:var(--mk-or)!important;text-decoration:none!important;border-bottom:calc(1.4 * var(--u)) solid var(--mk-or);padding-bottom:calc(3 * var(--u))}
.t-marketing .mk-all{width:max-content}
.mk-all svg{width:calc(10 * var(--u));height:calc(10 * var(--u));fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.t-marketing .mk-faqs .mk-art{height:auto;min-height:calc(130 * var(--u))}
.t-marketing .mk-faq{margin-left:calc(391 * var(--u));padding-top:calc(6 * var(--u));width:calc(357 * var(--u))}
.t-marketing .mk-faq details:first-of-type{border-top:1px solid var(--mk-rule)}
.t-marketing .mk-faq details{border-bottom:1px solid var(--mk-rule)}
.t-marketing .mk-faq summary{padding:calc(10.4 * var(--u)) calc(4 * var(--u)) 0 0;min-height:0;align-items:flex-start;
  font-size:calc(8.71 * var(--u));line-height:calc(13 * var(--u));color:#2E393F}
.t-marketing .mk-faq summary::after{font:300 calc(13 * var(--u))/calc(13 * var(--u)) var(--mk-font);color:#3A454A;margin-top:calc(1 * var(--u))}
.t-marketing .mk-faq .a{padding:0 calc(26 * var(--u)) calc(8 * var(--u)) 0}
.t-marketing .mk-faq .a p{font-size:calc(8.4 * var(--u));line-height:1.62;color:var(--mk-mut)}

/* ------------------------------------------------------- closing card */
.mk-endcard{position:absolute;left:calc(21 * var(--u));top:calc(11 * var(--u));width:calc(748 * var(--u));height:calc(126 * var(--u));
  border-radius:calc(12 * var(--u));overflow:hidden;background:#F1F1F2}
.mk-end-img{position:absolute;left:0;top:0;height:100%;width:auto;max-width:none;object-fit:cover;object-position:0 50%;display:block}
.mk-endcard::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,241,242,0) 36%,rgba(241,241,242,.5) 48%,rgba(241,241,242,.9) 60%,#F1F1F2 68%)}
.mk-endcard .mk-a{z-index:1}
.mk-endh{font-weight:700;font-size:calc(17 * var(--u));line-height:calc(22 * var(--u));letter-spacing:-.022em}
.mk-btn-e{height:calc(29 * var(--u))}

@media (prefers-reduced-motion:reduce){.mk-btn{transition:none}}

/* ------------------------------ below 900px: the same pieces, stacked in the design's order */
@media (max-width:899px){
  main.t-marketing{--u:1.6px}
  .t-marketing .mk-art{width:auto;height:auto;padding:0 20px}
  .t-marketing .mk-a{position:static;width:auto}
  .mk-br{display:none}
  .mk-hero{background:#0E1418}
  .mk-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:46% 50%}
  .mk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(168deg,rgba(252,252,250,.9) 0%,rgba(252,252,250,.75) 48%,rgba(252,252,250,.44) 100%)}
  .mk-hero .mk-art{position:relative;z-index:1;padding:26px 20px 30px}
  .mk-k{white-space:normal;font-size:11px;line-height:1.4}
  .mk-big{font-size:31px;line-height:1.1;margin-top:10px}
  .mk-lede{margin-top:13px!important;font-size:16px;line-height:1.5}
  .mk-btn{display:inline-flex;margin-top:20px;height:46px;padding:0 22px;font-size:15px;gap:8px}
  .mk-btn svg{width:15px;height:15px}
  .mk-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px!important}
  .mk-proof li{display:flex;align-items:center;gap:7px}
  .t-marketing .mk-pw{position:static;width:15px;height:15px;flex:none}
  .mk-pl{font-size:13.5px}
  .t-marketing .mk-card{position:relative;left:auto;top:auto;margin:26px auto 0;--u:min(1.55px,calc((100cqw - 40px) / 205));
    width:calc(205 * var(--u));height:calc(243 * var(--u))}
  .mk-brief .mk-art{padding:40px 20px 10px}
  .mk-h2,.mk-h2-xl{font-size:29px;line-height:1.14}
  .mk-p{margin-top:12px!important;font-size:15.5px;line-height:1.55}
  .mk-curve{display:none}
  .mk-stops{display:grid;gap:16px;margin-top:26px!important;counter-reset:s}
  .mk-stops li{display:block;padding-left:20px;position:relative}
  .mk-stops li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--mk-or)}
  .mk-ct{font-size:16px;line-height:1.3}
  .mk-cd{margin-top:2px!important;font-size:14.5px;line-height:1.4}
  .mk-cd br{display:none}
  .mk-scope .mk-art{padding:40px 20px}
  .mk-sub{margin-top:8px!important;font-size:16px;line-height:1.5}
  .t-marketing .mk-paper{position:relative;left:auto;top:auto;margin:24px auto 0;--u:min(1.55px,calc((100cqw - 40px) / 376));
    width:calc(376 * var(--u));height:calc(261 * var(--u))}
  .mk-note,.mk-arrow{display:none}
  .mk-price .mk-art{padding:40px 20px}
  .mk-vrule{display:none}
  .mk-ch{font-size:22px;line-height:1.2;margin-top:26px!important}
  .mk-cp{margin-top:4px!important;font-size:15px}
  .mk-tiles{display:grid;gap:18px;margin-top:18px!important}
  .mk-tiles li{display:grid;grid-template-columns:44px 1fr 20px;gap:14px;align-items:center}
  .t-marketing .mk-tile{position:static;width:44px;height:44px}
  .t-marketing .mk-tile svg{width:20px;height:20px}
  .mk-tl b{font-size:16.5px;line-height:1.25}
  .mk-tl span{font-size:14.5px;line-height:1.4}
  .t-marketing .mk-tarrow{position:static;width:18px;height:18px}
  .mk-studio .mk-art{padding:40px 20px 0}
  .t-marketing .mk-board-card{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:18px;padding:16px 16px 20px;border-radius:10px}
  .mk-bt{position:static;font-size:17px;line-height:1.3}
  .mk-doc,.mk-board-mid .mk-doc{position:static;margin-top:16px}
  .mk-dh b{font-size:15px}
  .mk-dh u{font-size:13px}
  .mk-dr{height:20px}
  .mk-dr i{font-size:13px;width:54px}
  .mk-dr s{height:8px}
  .mk-dr s.mk-s1{width:58px}
  .mk-db s{height:9px}
  .t-marketing .mk-board-card .t10-edit{position:relative;left:auto;top:auto;transform:none;display:inline-flex;margin-top:16px;opacity:1;font-size:14px;padding:11px 16px}
  .mk-pay .mk-art{padding:26px 20px;display:block}
  .t-marketing .mk-qr{width:118px;height:118px;padding:8px;margin:0 0 16px}
  .mk-payrule{display:none}
  .mk-payt{font-size:17px}
  .mk-paym{margin-top:6px!important;font-size:15px}
  .mk-payu{margin-top:4px!important;font-size:14.5px}
  .mk-clear .mk-art{padding:40px 20px 6px}
  .mk-srule{display:none}
  .mk-steps{display:grid;gap:18px;margin-top:22px!important}
  .mk-steps li{display:grid;grid-template-columns:30px 1fr;row-gap:2px}
  .mk-num{font-size:15px;grid-row:span 2;position:relative}
  .mk-steps li:first-child .mk-num::before{left:-7px;top:-4px;width:26px;height:26px}
  .mk-sh{font-size:16.5px;line-height:1.3}
  .mk-sd{font-size:14.5px;line-height:1.4}
  .mk-faqs .mk-art{padding:34px 20px 8px}
  .mk-all{margin-top:14px}
  .t-marketing .mk-faq{position:static;width:auto;margin:22px 0 0;padding-top:0}
  .t-marketing .mk-faqs .mk-art{min-height:0}
  .t-marketing .mk-faq summary{min-height:48px;padding:10px 4px 10px 0;font-size:15.5px;line-height:1.4}
  .t-marketing .mk-faq summary::after{font-size:22px;line-height:1.1}
  .t-marketing .mk-faq .a{padding:0 8px 14px 0}
  .t-marketing .mk-faq .a p{font-size:14.5px}
  .mk-end .mk-art{padding:8px 20px 30px}
  .mk-endcard{position:relative;left:auto;top:auto;width:auto;height:auto;min-height:68vw;padding:26px 20px 28px;display:block}
  .mk-endcard::after{background:linear-gradient(170deg,rgba(241,241,242,.9) 0%,rgba(241,241,242,.78) 50%,rgba(241,241,242,.6) 100%)}
  .mk-end-img{object-position:30% 50%}
  .mk-endh{font-size:26px;line-height:1.16}
  .mk-endh br{display:none}
  .mk-btn-e{height:46px}
  .mk-strip-wrap{padding-block:26px}
}