/* it-t10-designer.css: generated by tools/trades10/designer.py; sizes are design pixels x --u */
main.t-designer{container-type:inline-size;--u:calc(min(100cqw,1600px)/836);
  --ink:#0C1419;--tx:#3F4A52;--mu:#6E757C;--eb:#767C83;--ln:#E7EBED;--rule:#DFE4E7;
  --or:#F26207;--slate:#242C34;--mist:#F0F2F4;--cw:1096px;--gut:clamp(20px,7.2vw,92px);
  font-family:Inter,'Inter Fallback',-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#FEFEFE}
.t-designer .gd-in{width:calc(716*var(--u));margin:0 auto;position:relative}
.t-designer a{text-decoration:none}
.t-designer .gd-eb{font-size:max(7.2px,calc(7.2*var(--u)));font-weight:700;letter-spacing:.155em;text-transform:uppercase;color:var(--eb);line-height:1.2}
.t-designer .gd-h2{font-size:max(11px,calc(23.5*var(--u)));line-height:1.1;font-weight:700;letter-spacing:-.022em;color:var(--ink)}
.t-designer .gd-p{font-size:max(10.5px,calc(10.5*var(--u)));line-height:1.52;color:var(--tx)}
.t-designer .gd-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(6*var(--u));height:calc(30*var(--u));padding:0 calc(15*var(--u));border-radius:calc(3*var(--u));
  background:var(--cta);color:#fff;font-size:max(10.2px,calc(10.2*var(--u)));font-weight:700;letter-spacing:-.005em;box-shadow:0 calc(6*var(--u)) calc(14*var(--u)) calc(-8*var(--u)) rgba(192,78,6,.9)}
.t-designer .gd-btn:hover{background:var(--cta-h)}
.t-designer .gd-btn svg{width:calc(11*var(--u));height:calc(11*var(--u));stroke-width:2.2}
.t-designer svg.i{stroke-width:1.8}

/* the handwritten notes and their swooshes */
.t-designer .gd-hand{position:absolute;font-family:Caveat,"Segoe Script",cursive;font-weight:600;color:#2C343B;line-height:1.02}
.t-designer .gd-hand span{display:block;white-space:nowrap}
.t-designer .gd-swoosh{position:absolute;overflow:visible;fill:none;stroke:var(--or);stroke-width:calc(1.6*var(--u));stroke-linecap:round}

/* hero: one picture across the band, the copy on its calm side */
.gd-hero{position:relative;height:calc(372*var(--u));overflow:hidden;background:#FBFBFC}
.gd-hero-img{position:absolute;inset:0}
.gd-hero-img img{width:100%;height:100%;object-fit:cover;object-position:100% 0;display:block}
.gd-hero-img::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(253,253,253,.72) 0%,rgba(253,253,253,.5) 30%,rgba(253,253,253,0) 52%)}
.gd-hero .gd-in{height:100%}
.gd-hero-copy{position:absolute;left:0;top:calc(57*var(--u));width:calc(352*var(--u))}
.gd-hero h1{margin:0}
.gd-hero .gd-k{display:block;font-size:max(7.2px,calc(7.2*var(--u)));font-weight:700;letter-spacing:.155em;text-transform:uppercase;color:var(--eb);line-height:1.5}
.gd-hero .gd-big{display:block;margin-top:calc(8*var(--u));font-size:max(11px,calc(29*var(--u)));line-height:1.07;font-weight:800;letter-spacing:-.028em}
.gd-hero .gd-big em{font-style:normal;color:var(--or)}
.gd-lede{margin-top:calc(14*var(--u))!important;font-size:max(10.4px,calc(10.4*var(--u)));line-height:1.53;color:var(--tx)}
.gd-hero .gd-btn{margin-top:calc(12*var(--u));width:calc(168*var(--u))}
.gd-note{margin-top:calc(12*var(--u))!important;font-size:max(7.0px,calc(7*var(--u)));color:#7E858B}
.gd-proof{display:flex;gap:calc(35*var(--u));margin-top:calc(29*var(--u))!important}
.gd-proof li{display:flex;align-items:center;gap:calc(7*var(--u));font-size:max(7.4px,calc(7.4*var(--u)));line-height:1.3;font-weight:500;color:var(--ink)}
.gd-proof svg{width:calc(14*var(--u));height:calc(14*var(--u));flex:none}

/* from brief to payment */
.gd-path{padding:calc(15.5*var(--u)) 0 calc(14.6*var(--u))}
.gd-path h2{margin-top:calc(4.9*var(--u))!important}
.gd-steps{display:flex;align-items:flex-start;justify-content:space-between;margin-top:calc(26*var(--u))!important}
.gd-steps li{width:calc(92*var(--u));text-align:center}
.gd-steps li.gd-arr{width:calc(16*var(--u));align-self:flex-start;margin-top:calc(36*var(--u));color:#9AA2A8}
.gd-steps li.gd-arr svg{width:calc(16*var(--u));height:calc(12*var(--u));fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gd-steps .gd-ico{display:block;height:calc(26*var(--u))}
.gd-steps .gd-ico svg{width:calc(25*var(--u));height:calc(25*var(--u));stroke-width:1.7}
.gd-steps h3{margin-top:calc(6.5*var(--u))!important;font-size:max(10.0px,calc(10*var(--u)));font-weight:700;letter-spacing:-.01em;line-height:1.2}
.gd-steps p{margin:calc(6*var(--u)) calc(-12*var(--u)) 0!important;font-size:max(9.4px,calc(9.4*var(--u)));line-height:1.42;color:var(--mu)}

/* the project scope paper and its column */
.gd-scope{position:relative;height:calc(323*var(--u))}
.gd-scope .gd-in{height:100%}
.gd-scope-paper{position:absolute;left:calc(22.5*var(--u));top:calc(15*var(--u));width:calc(321*var(--u))}
.gd-scope-paper .gd-stack{position:absolute;left:calc(-30*var(--u));top:calc(-6*var(--u));right:calc(9*var(--u));bottom:calc(-8*var(--u));background:#FBFBFB;
  box-shadow:0 calc(2*var(--u)) calc(10*var(--u)) calc(-4*var(--u)) rgba(11,20,25,.22),calc(-10*var(--u)) calc(5*var(--u)) 0 calc(-1*var(--u)) #F6F6F7,calc(-19*var(--u)) calc(10*var(--u)) 0 calc(-2*var(--u)) #F1F1F3;transform:rotate(-1.4deg)}
.gd-sheet2{position:relative;height:calc(308*var(--u));background:#FDFDFD;padding:calc(28.5*var(--u)) calc(16*var(--u)) 0 calc(33*var(--u));
  box-shadow:0 calc(10*var(--u)) calc(26*var(--u)) calc(-14*var(--u)) rgba(11,20,25,.4),0 calc(1*var(--u)) 0 0 rgba(11,20,25,.04)}
.gd-clip{position:absolute;left:calc(228*var(--u));top:calc(-16*var(--u));width:calc(30*var(--u));height:calc(32*var(--u));z-index:2}
.gd-clip svg{width:100%;height:100%;display:block;overflow:visible}
.gd-clip .gd-wire{fill:none;stroke:#B9BDC2;stroke-width:2.1}
.gd-clip .gd-body{fill:#15181B}
.gd-clip .gd-slot{stroke:#4A4F55;stroke-width:1.4}
.gd-scope-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:calc(13*var(--u));border-bottom:1px solid var(--rule)}
.gd-scope-top h3{font-size:max(11px,calc(18*var(--u)));font-weight:700;letter-spacing:-.02em;line-height:1.1}
.gd-scope-note{font-size:max(7.0px,calc(7*var(--u)));line-height:1.45;color:var(--mu);text-align:left;padding-top:calc(1*var(--u))}
.gd-scope-rows{margin-top:calc(16*var(--u))!important}
.gd-scope-rows li{display:flex;gap:calc(26*var(--u));padding:0 0 calc(15.3*var(--u))}
.gd-scope-rows svg{width:calc(16*var(--u));height:calc(16*var(--u));flex:none;margin-top:0;stroke-width:2}
.gd-scope-rows b{display:block;font-size:max(8.4px,calc(8.4*var(--u)));font-weight:700;letter-spacing:-.005em;line-height:1.2}
.gd-scope-rows i{display:block;margin-top:calc(2.5*var(--u));font-size:max(7.2px,calc(7.2*var(--u)));font-style:normal;line-height:1.35;color:var(--mu)}
.gd-scope-copy{position:absolute;left:calc(383*var(--u));top:calc(58.5*var(--u));width:calc(333*var(--u))}
.gd-scope-copy h2{margin-top:calc(1*var(--u))!important;width:calc(250*var(--u))}
.gd-scope-copy .gd-p{margin-top:calc(8.4*var(--u))!important;width:calc(285*var(--u));font-size:max(11px,calc(11*var(--u)))}
.gd-scope-copy .gd-btn{margin-top:calc(13.7*var(--u));width:calc(169*var(--u))}
.gd-hand-scope{left:calc(248*var(--u));top:calc(152*var(--u));font-size:max(11px,calc(17.5*var(--u)));transform:rotate(-8deg);transform-origin:0 0}
.gd-hand-scope .gd-swoosh{left:calc(18*var(--u));top:calc(56*var(--u));width:calc(50*var(--u));height:calc(12*var(--u))}

/* price with confidence */
.gd-tools{padding:calc(23.5*var(--u)) 0 0}
.gd-tools h2{margin-top:calc(3.9*var(--u))!important}
.gd-tools .gd-sub{margin-top:calc(3.8*var(--u))!important;font-size:max(10.4px,calc(10.4*var(--u)));line-height:1.52;color:var(--tx)}
.gd-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(18*var(--u));margin-top:calc(16.5*var(--u))!important}
.gd-card{border:1px solid var(--ln);border-radius:calc(3*var(--u));padding:calc(16*var(--u)) calc(8*var(--u)) calc(19*var(--u)) calc(21*var(--u));display:flex;flex-direction:column;min-height:calc(139*var(--u));background:#fff}
.gd-card-h{display:flex;align-items:center;gap:calc(18*var(--u))}
.gd-card-h svg{width:calc(22*var(--u));height:calc(22*var(--u));flex:none;stroke-width:1.7}
.gd-card h3{font-size:max(10.4px,calc(10.4*var(--u)));font-weight:700;letter-spacing:-.012em;line-height:1.2}
.gd-card p{margin-top:calc(1.5*var(--u))!important;margin-left:calc(40*var(--u))!important;font-size:max(9.2px,calc(9.2*var(--u)));line-height:1.5;color:var(--mu)}
.gd-card .gd-open{margin:auto 0 0 calc(40*var(--u));display:inline-flex;align-items:center;justify-content:center;gap:calc(6*var(--u));height:calc(24*var(--u));padding:0 calc(12*var(--u));
  border:1px solid var(--ln);border-radius:calc(2.5*var(--u));font-size:max(9.2px,calc(9.2*var(--u)));font-weight:700;color:var(--ink)}
.gd-card .gd-open:hover{border-color:var(--or);color:var(--cta)}
.gd-card .gd-open svg{width:calc(10*var(--u));height:calc(10*var(--u));stroke-width:2.2}

/* the three template papers */
.gd-tpl{padding:calc(22.5*var(--u)) 0 0}
.gd-tpl-top{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(24*var(--u))}
.t-designer .gd-tpl-top h2{margin-top:calc(5.9*var(--u))!important;max-width:calc(500*var(--u));letter-spacing:-.032em}
.gd-tpl-top .gd-p{width:calc(192*var(--u));padding-top:calc(5.9*var(--u));font-size:max(9.3px,calc(9.3*var(--u)));line-height:1.5;color:var(--mu)}
.gd-tpl-list{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(26*var(--u));margin-top:calc(22*var(--u))!important}
.gd-tp{display:flex;align-items:flex-start;gap:calc(11*var(--u))}
.gd-tp-txt{padding-top:calc(17*var(--u))}
.gd-tp-txt h3{font-size:max(11px,calc(11*var(--u)));font-weight:700;letter-spacing:-.015em;line-height:1.2}
.gd-tp-txt p{margin-top:calc(8*var(--u))!important;font-size:max(9.3px,calc(9.3*var(--u)));line-height:1.5;color:var(--mu)}
.gd-edit{margin-top:calc(14*var(--u));display:inline-flex;align-items:center;justify-content:center;gap:calc(6*var(--u));width:calc(91*var(--u));height:calc(26*var(--u));border:1px solid var(--ln);
  border-radius:calc(2.5*var(--u));font-size:max(9.6px,calc(9.6*var(--u)));font-weight:700;color:var(--ink);background:#fff;opacity:1}
.gd-edit 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}
.gd-tp:hover .gd-edit{border-color:var(--or);color:var(--cta)}
.gd-tp:hover .gd-sheet{transform:translateY(calc(-2*var(--u)))}

/* a template paper */
.gd-paper{position:relative;display:block;width:calc(118*var(--u));flex:none;container-type:inline-size;transform:rotate(-.9deg)}
.gd-tpl-list li:nth-child(2) .gd-paper{transform:rotate(-1.2deg)}
.gd-tpl-list li:nth-child(3) .gd-paper{transform:rotate(-.5deg)}
.gd-paper::before,.gd-paper::after{content:"";position:absolute;background:#F7F7F8;box-shadow:0 calc(2*var(--u)) calc(8*var(--u)) calc(-4*var(--u)) rgba(11,20,25,.3)}
.gd-paper::before{left:calc(6*var(--u));top:calc(-5*var(--u));right:calc(-4*var(--u));bottom:calc(12*var(--u));transform:rotate(.9deg)}
.gd-paper::after{left:calc(2*var(--u));top:calc(-2*var(--u));right:calc(-1*var(--u));bottom:calc(7*var(--u));background:#FAFAFB;transform:rotate(-.5deg)}
.gd-sheet{--u:calc(100cqw/118);position:relative;z-index:1;display:block;height:calc(144*var(--u));background:#fff;padding:calc(9*var(--u)) calc(8*var(--u)) 0;overflow:hidden;
  box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) calc(-12*var(--u)) rgba(11,20,25,.45),0 0 0 1px rgba(11,20,25,.045);transition:transform .18s ease-out}
.gd-wm{display:block;text-align:right;font-size:max(5.4px,calc(5.4*var(--u)));font-weight:800;letter-spacing:-.02em;color:#0C1419;line-height:1}
.gd-wm b{font-weight:800}
.gd-wm i{display:block;margin-top:calc(1.2*var(--u));font-style:normal;font-size:max(2.2px,calc(2.2*var(--u)));font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#98A0A6}
.gd-doc-h{display:block;margin-top:calc(8*var(--u))}
.gd-doc-h>b{display:block;width:calc(46*var(--u));font-size:max(8.6px,calc(8.6*var(--u)));line-height:1.02;font-weight:800;letter-spacing:-.03em}
.gd-doc-ml{display:block;width:calc(48*var(--u));margin-top:calc(4*var(--u));font-size:max(3.0px,calc(3*var(--u)));line-height:1.4;color:#7A8288}
.gd-doc-ml span{display:block}
.gd-doc-mr{position:absolute;right:calc(8*var(--u));top:calc(31*var(--u));width:calc(50*var(--u));text-align:right;font-size:max(3.0px,calc(3*var(--u)));line-height:1.45;color:#7A8288}
.gd-doc-mr span{display:flex;justify-content:space-between;gap:calc(4*var(--u))}
.gd-doc-mr b{font-weight:600;color:#3F4A52}
.gd-doc-tab{display:block;margin-top:calc(6*var(--u))}
.gd-doc-th{display:flex;justify-content:space-between;padding-bottom:calc(1.8*var(--u));border-bottom:1px solid #2A3238;font-size:max(3.0px,calc(3*var(--u)));font-weight:700;color:#0C1419}
.gd-doc-th span:nth-child(2){width:calc(26*var(--u));text-align:right}
.gd-doc-th span:nth-child(3){width:calc(22*var(--u));text-align:right}
.gd-doc-tab li{display:flex;justify-content:space-between;padding:calc(1.1*var(--u)) 0;border-bottom:1px solid #EDEFF1;font-size:max(3.0px,calc(3*var(--u)));line-height:1.3;color:#5D666D}
.gd-doc-tab li span:nth-child(2){width:calc(26*var(--u));text-align:right}
.gd-doc-tab li span:nth-child(3){width:calc(22*var(--u));text-align:right;color:#2A3238}
.gd-doc-sum{display:block;margin-top:calc(3.5*var(--u));border-top:1px solid #2A3238;padding-top:calc(3*var(--u))}
.gd-doc-sum p{display:flex;justify-content:flex-end;gap:calc(8*var(--u));font-size:max(3.0px,calc(3*var(--u)));line-height:1.3;color:#5D666D}
.gd-doc-sum p b{width:calc(22*var(--u));text-align:right;font-weight:600;color:#2A3238}
.gd-doc-sum p.t{margin-top:calc(2.5*var(--u))!important;font-size:max(4.0px,calc(4*var(--u)));font-weight:700;color:#0C1419}
.gd-doc-sum p.t b{font-weight:800;color:#0C1419}
.gd-doc-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:calc(2.2*var(--u))}
.gd-doc-fl{font-size:max(2.8px,calc(2.8*var(--u)));line-height:1.55;color:#8A9197}
.gd-doc-fl span{display:block}
.gd-doc-foot>b{font-size:max(4.0px,calc(4*var(--u)));font-weight:800;letter-spacing:-.01em}
.gd-paper-rec .gd-doc-h>b{width:auto;font-size:max(6.8px,calc(6.8*var(--u)))}
.gd-paper-rec .gd-doc-ml{margin-top:calc(13*var(--u))}
.gd-paper-rec .gd-doc-mr{top:calc(44*var(--u))}

/* the strip of every design, added under the design's papers */
.gd-tpl .t10-strip{margin-top:calc(44*var(--u))}

/* one payment band, one QR */
.gd-pay{margin-top:calc(19*var(--u));background:var(--slate);color:#fff}
.gd-pay .gd-in{display:flex;align-items:flex-start;padding:calc(26.5*var(--u)) 0 calc(19*var(--u));position:relative}
.gd-pay-copy{width:calc(364*var(--u))}
.gd-pay .gd-eb{color:#A7AFB5}
.gd-pay h2{margin-top:calc(3.9*var(--u))!important;color:#fff}
.gd-pay-p{margin-top:calc(6.9*var(--u))!important;font-size:max(10.2px,calc(10.2*var(--u)));line-height:1.52;color:#D5DADE}
.gd-ways{display:flex;align-items:center;gap:calc(9*var(--u));margin-top:calc(17.3*var(--u))!important}
.gd-ways span:first-child{font-size:max(8.4px,calc(8.4*var(--u)));color:#B7BEC3}
.gd-ways li{font-size:max(8.4px,calc(8.4*var(--u)));font-weight:700;color:#fff;background:rgba(255,255,255,.1);border-radius:calc(2*var(--u));padding:calc(3.5*var(--u)) calc(7*var(--u));line-height:1}
.gd-qr{width:calc(83*var(--u));height:calc(83*var(--u));flex:none;margin:calc(-3.5*var(--u)) 0 0 0;background:#fff;border-radius:calc(4*var(--u));padding:calc(6*var(--u))}
.gd-pay-scan{width:calc(105*var(--u));margin:calc(11.5*var(--u)) 0 0 calc(16*var(--u))}
.gd-pay-scan b{display:block;font-size:max(11px,calc(11*var(--u)));font-weight:700;line-height:1.2}
.gd-pay-scan p{margin-top:calc(5.3*var(--u))!important;font-size:max(9.3px,calc(9.3*var(--u)));line-height:1.5;color:#C5CBD0}
.gd-pay-scan i{display:block;margin-top:calc(13.6*var(--u));width:calc(27*var(--u));height:calc(1.6*var(--u));background:var(--or)}
.t-designer .gd-hand-pay{right:calc(-2*var(--u));top:calc(32*var(--u));font-size:max(11px,calc(17*var(--u)));color:#fff;transform:rotate(-7deg);transform-origin:0 0}
.gd-hand-pay .gd-swoosh{left:calc(14*var(--u));top:calc(40*var(--u));width:calc(56*var(--u));height:calc(12*var(--u))}

/* FAQs */
.gd-faq{padding:calc(14.5*var(--u)) 0 0}
.gd-faq-top{display:flex;justify-content:space-between;align-items:baseline}
.gd-faq-top h2{margin-top:calc(4.9*var(--u))!important}
.gd-faq-more{font-size:max(8.6px,calc(8.6*var(--u)));color:var(--mu);display:inline-flex;align-items:center;gap:calc(5*var(--u))}
.gd-faq-more:hover{color:var(--cta)}
.gd-faq-more svg{width:calc(10*var(--u));height:calc(10*var(--u));stroke-width:1.8}
.gd-faq-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(40*var(--u));margin-top:calc(5.8*var(--u))!important}
.t-designer .gd-faq-cols .t10-faq details{border-bottom:1px solid var(--rule)}
.t-designer .gd-faq-cols .t10-faq summary{padding:calc(7.6*var(--u)) 0;font-size:max(9.2px,calc(9.2*var(--u)));font-weight:600;gap:calc(12*var(--u));line-height:1.35}
.t-designer .gd-faq-cols .t10-faq summary::after{font:400 max(11px,calc(15*var(--u)))/.83 Inter,'Inter Fallback',sans-serif;color:#5C656C}
.t-designer .gd-faq-cols .t10-faq .a{padding:0 calc(18*var(--u)) calc(11*var(--u)) 0}
.t-designer .gd-faq-cols .t10-faq .a p{font-size:max(9.2px,calc(9.2*var(--u)));line-height:1.6;color:var(--mu)}

/* closing band: one picture, the copy on it */
.gd-end{position:relative;height:calc(188*var(--u));margin-top:calc(29*var(--u));overflow:hidden;background:var(--mist)}
.gd-end-img{position:absolute;inset:0}
.gd-end-img img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;display:block}
.gd-end-img::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(240,242,244,.8) 0%,rgba(240,242,244,.55) 26%,rgba(240,242,244,0) 46%)}
.gd-end .gd-in{position:relative;height:100%}
.gd-end-copy{position:absolute;left:0;top:calc(26.5*var(--u));width:calc(300*var(--u))}
.gd-end h2{margin-top:calc(4.9*var(--u))!important}
.gd-end-p{margin-top:calc(5.3*var(--u))!important;font-size:max(9.5px,calc(9.5*var(--u)));line-height:1.5;color:var(--tx)}
.gd-end .gd-btn{margin-top:calc(15.8*var(--u));width:calc(179*var(--u))}
.gd-hand-end{right:calc(-23*var(--u));top:calc(70*var(--u));font-size:max(11px,calc(17*var(--u)));transform:rotate(-8deg);transform-origin:0 0}
.gd-hand-end .gd-swoosh{left:calc(14*var(--u));top:calc(74*var(--u));width:calc(50*var(--u));height:calc(12*var(--u))}

/* the search copy at the end of main keeps the design's gutters */
.t-designer .t10-long{margin-top:0}

@media (max-width:899px){
  main.t-designer{--u:1px}
  .t-designer .gd-in{width:auto;padding-inline:20px}
  .t-designer .gd-eb{font-size:11px}
  .t-designer .gd-h2{font-size:clamp(28px,6.4vw,36px)}
  .t-designer .gd-p,.gd-lede,.gd-tools .gd-sub{font-size:16px}
  .t-designer .gd-btn{height:48px;font-size:15px;border-radius:6px;gap:9px;padding:0 22px}
  .t-designer .gd-btn svg{width:16px;height:16px}
  .gd-hero{height:auto;background:#FBFBFC}
  .gd-hero-img{position:relative;height:64vw;min-height:250px}
  .gd-hero-img img{object-position:100% 12%}
  .gd-hero-img::after{background:linear-gradient(0deg,#FBFBFC 0%,rgba(251,251,252,.5) 18%,rgba(251,251,252,0) 46%)}
  .gd-hero .gd-in{height:auto}
  .gd-hero-copy{position:static;width:auto;margin-top:-30px;padding-bottom:34px}
  .gd-hero .gd-k{font-size:11px;line-height:1.5}
  .gd-hero .gd-big{margin-top:10px;font-size:clamp(34px,9.2vw,46px)}
  .gd-lede br,.gd-end-copy br,.gd-scope-copy .gd-p br,.gd-steps p br,.gd-proof br{display:none}
  .gd-hero .gd-btn,.gd-end .gd-btn{width:auto;min-width:240px;margin-top:22px}
  .gd-note{font-size:12px;margin-top:10px!important}
  .gd-proof{flex-wrap:wrap;gap:14px 26px;margin-top:24px!important}
  .gd-proof li{font-size:13px}
  .gd-proof svg{width:20px;height:20px}
  .gd-path{padding:44px 0 0}
  .gd-steps{flex-wrap:wrap;gap:26px 0;justify-content:flex-start;margin-top:26px!important}
  .gd-steps li{width:50%}
  .gd-steps li.gd-arr{display:none}
  .gd-steps .gd-ico{height:34px}
  .gd-steps .gd-ico svg{width:32px;height:32px}
  .gd-steps h3{font-size:16px;margin-top:12px!important}
  .gd-steps p{font-size:13.5px;margin-top:6px!important}
  .gd-steps p br{display:none}
  .gd-scope{padding:48px 0 0;height:auto}
  .gd-scope .gd-in{display:block;height:auto}
  .gd-scope-copy{position:static;width:auto;padding-top:0}
  .gd-scope-paper{position:relative}
  .gd-scope-copy .gd-p{width:auto}
  .gd-scope-paper{width:auto;max-width:520px;margin:34px auto 34px;padding-top:16px}
  .gd-scope-copy h2{width:auto}
  .gd-scope-copy .gd-btn{width:auto;min-width:240px}
  .gd-scope-paper .gd-stack{left:-14px;top:10px;right:10px;bottom:-6px;box-shadow:0 2px 10px -4px rgba(11,20,25,.22),-8px 4px 0 -1px #F6F6F7,-15px 8px 0 -2px #F1F1F3}
  .gd-sheet2{height:auto;padding:30px 22px 26px 26px}
  .gd-clip{left:auto;right:46px;width:34px;height:40px}
  .gd-scope-top h3{font-size:24px}
  .gd-scope-note{font-size:11.5px}
  .gd-scope-rows li{gap:16px;padding-bottom:18px}
  .gd-scope-rows svg{width:22px;height:22px}
  .gd-scope-rows b{font-size:15px}
  .gd-scope-rows i{font-size:13.5px}
  .t-designer .gd-hand{position:static;transform:none;right:auto;left:auto;top:auto;margin-top:26px!important;font-size:26px;text-align:left}
  .t-designer .gd-swoosh{position:static;display:block;margin-top:4px;width:120px;height:14px;stroke-width:2.4}
  .gd-tools{padding:52px 0 0}
  .gd-cards{grid-template-columns:1fr;gap:16px;margin-top:26px!important}
  .gd-card{min-height:0;padding:22px 20px;border-radius:8px}
  .gd-card-h svg{width:28px;height:28px}
  .gd-card h3{font-size:17px}
  .gd-card p{font-size:14.5px;margin-left:0!important;margin-top:10px!important}
  .gd-card .gd-open{margin:16px 0 0;height:44px;padding:0 18px;font-size:14px;border-radius:6px}
  .gd-card .gd-open svg{width:15px;height:15px}
  .gd-tpl{padding:52px 0 0}
  .gd-tpl-top{display:block}
  .gd-tpl-top h2{max-width:none}
  .gd-tpl-top .gd-p{width:auto;padding-top:10px;font-size:15px}
  .gd-tpl-list{grid-template-columns:1fr;gap:26px;margin-top:26px!important}
  .gd-tp{gap:18px;align-items:center}
  .gd-paper{width:40%;max-width:190px}
  .gd-paper::before,.gd-paper::after{display:none}
  .gd-tp-txt{padding-top:0}
  .gd-tp-txt h3{font-size:18px}
  .gd-tp-txt p{font-size:14.5px}
  .gd-edit{width:auto;height:44px;padding:0 18px;font-size:14px;border-radius:6px;margin-top:16px}
  .gd-edit svg{width:15px;height:15px}
  .gd-tpl .t10-strip{margin-top:40px}
  .gd-pay{margin-top:44px}
  .gd-pay .gd-in{display:block;padding:34px 20px 36px}
  .gd-pay-copy{width:auto}
  .gd-pay-copy>p{font-size:15.5px}
  .gd-ways{flex-wrap:wrap;gap:10px;margin-top:22px!important}
  .gd-ways span:first-child,.gd-ways li{font-size:13px}
  .gd-ways li{padding:7px 12px;border-radius:4px}
  .gd-qr{width:128px;height:128px;margin:26px 0 0;border-radius:8px;padding:9px}
  .gd-pay-scan{width:auto;margin:16px 0 0}
  .gd-pay-scan b{font-size:17px}
  .gd-pay-scan p{font-size:14.5px}
  .gd-pay-scan i{width:44px;height:2px;margin-top:14px}
  .gd-faq{padding:48px 0 0}
  .gd-faq-top{display:block}
  .gd-faq-more{margin-top:14px;font-size:14px}
  .gd-faq-more svg{width:15px;height:15px}
  .gd-faq-cols{grid-template-columns:1fr;column-gap:0;margin-top:18px!important}
  .t-designer .gd-faq-cols .t10-faq summary{padding:15px 0;font-size:15.5px}
  .t-designer .gd-faq-cols .t10-faq summary::after{font-size:22px}
  .t-designer .gd-faq-cols .t10-faq .a{padding:0 28px 14px 0}
  .t-designer .gd-faq-cols .t10-faq .a p{font-size:14.5px}
  .gd-end{height:auto;margin-top:44px}
  .gd-end-img{position:relative;height:46vw;min-height:190px}
  .gd-end-img::after{background:linear-gradient(0deg,var(--mist) 0%,rgba(240,242,244,.5) 20%,rgba(240,242,244,0) 48%)}
  .gd-end .gd-in{height:auto}
  .gd-end-copy{position:static;width:auto;margin-top:-26px;padding-bottom:40px}
  .gd-end-copy p{font-size:15.5px}
  .t-designer .gd-hand-end{margin-top:22px!important}
}
@media (max-width:520px){
  .gd-steps li{width:100%}
  .gd-tp{display:block}
  .gd-paper{width:62%;max-width:210px}
  .gd-tp-txt{margin-top:18px}
}
@media (prefers-reduced-motion:reduce){.gd-sheet{transition:none}}