/* v7 overrides on bp.css: pain-pick GATE (blur below until a pick), light A/B/both tailoring, alternating story rows, equal win cards.
   v6: bigger body, decluttered marker-scribble hero, "sound familiar" pick cards,
   reality pull-quotes, yo-yo vs escalator charts, stage icons, document-style blueprint card,
   Meg-first results, short story, dark application (Q1 on screen immediately), light booking, DQ modal */
.ve-page,body{font-size:23px;}
section{padding:92px 0 68px;}
.wrap.wide{max-width:1080px;}
h2{margin-bottom:22px;}
.big{margin-top:10px;}

/* hero: logo, who-it's-for callout, the outcome as H1 + its turn, the CTA. Room to breathe between each. */
.hero{padding:34px 0 36px;}
.hero .brand{margin-bottom:34px;}
.hero h1{font-size:60px;max-width:800px;margin:36px auto 0;}
.hero .h1b{font-family:'Archivo',sans-serif;font-weight:700;font-size:28px;line-height:1.25;letter-spacing:-.01em;color:var(--teal-bright);max-width:760px;margin:22px auto 0;}
.hero .cta-btn{margin-top:46px;}
.hero .cta-note{color:#8b867d;}

/* sound familiar: two tappable pain cards right under the hero (same dark, split by a hairline).
   The pick gets a hand-drawn marker ring that draws itself in; the other card dims. */
.pick{padding:0 0 72px;}
.pick .wrap{background:#F5F2EA;color:#141416;border-radius:22px;padding:52px 48px 40px;box-shadow:0 30px 80px rgba(0,0,0,.45);}
.pick .pick-h{color:#141416;}
.pick-h{font-size:31px;text-align:center;margin:0 0 30px;}
.pick-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.pick-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;text-align:left;font:inherit;color:#141416;background:#fff;border:1.5px solid #e4ded2;border-radius:16px;box-shadow:0 2px 0 #e4ded2;
  padding:26px 26px 24px;min-height:160px;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:border-color .18s,transform .18s,opacity .35s;}
.pick-card:hover{border-color:var(--teal-bright);transform:translateY(-2px);}
.pick-card:focus-visible,.pick-both:focus-visible{outline:2px solid var(--teal-bright);outline-offset:4px;}
.pick-k{display:block;font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.2em;color:#a87b1c;margin-bottom:10px;}
.pick-t{display:block;font-family:'Archivo',sans-serif;font-weight:700;font-size:22px;line-height:1.28;letter-spacing:-.01em;}
.pick-ring{position:absolute;left:-5%;top:-14px;width:110%;height:calc(100% + 28px);overflow:visible;pointer-events:none;opacity:0;}
.pick-ring path{fill:none;stroke:#ff4a3d;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;}
.pick-card.on{border-color:#e4ded2;transform:none;}
.pick-card.on .pick-ring{opacity:1;}
.pick-card.on .pick-ring path{animation:pick-draw .6s cubic-bezier(.3,.7,.2,1) forwards;}
@keyframes pick-draw{to{stroke-dashoffset:0;}}
.pick-card.off{opacity:.38;}
.pick-card.off:hover{opacity:.75;}
.pick-both{display:block;margin:24px auto 0;font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;background:none;border:0;color:#6b665e;padding:12px 8px;cursor:pointer;
  text-decoration:underline;text-underline-offset:5px;text-decoration-color:#3a3a3f;}
.pick-both:hover{color:#141416;}
.pick-both[aria-pressed=true]{color:#ff4a3d;text-decoration-color:#ff4a3d;}
.pick-reply{text-align:center;font-family:'Archivo',sans-serif;font-weight:700;font-size:25px;line-height:1.3;color:#0f8f80;max-width:600px;margin:0 auto;max-height:0;overflow:hidden;
  opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s,max-height .45s ease,margin-top .45s ease;}
.pick-reply.show{opacity:1;transform:none;max-height:240px;margin-top:22px;}
@media(prefers-reduced-motion:reduce){
  .pick-card,.pick-reply{transition:none;}
  .pick-card.on .pick-ring path{animation:none;stroke-dashoffset:0;}
}
/* skip: low-contrast escape hatch under "Both"; only exists while the gate is up */
.pick-skip{display:none;margin:6px auto 0;font-family:'Inter',sans-serif;font-size:14px;background:none;border:0;color:#9d9890;padding:8px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#d8d2c6;}
html.gated .pick-skip{display:block;}
.pick-skip:hover{color:#141416;}
.pick-skip:focus-visible{outline:2px solid var(--teal-bright);outline-offset:3px;}
/* pulse: a CTA clicked before a pick lands here */
.pick-cards.pulse .pick-card{animation:pick-pulse .9s ease-out;}
@keyframes pick-pulse{0%{box-shadow:0 0 0 0 rgba(77,201,192,.0);border-color:#2e2e33;}25%{box-shadow:0 0 0 6px rgba(77,201,192,.28);border-color:var(--teal-bright);}100%{box-shadow:0 0 0 0 rgba(77,201,192,0);border-color:#2e2e33;}}

/* THE GATE. html.gated is added by an inline script right under the picker, so without JS nothing is hidden.
   The blur fades out over .6s on pick. The hint is sticky so it stays in view while someone scrolls the blur. */
.gate{position:relative;}
.gate-body{transition:filter .6s ease,opacity .6s ease;}
html.gated .gate-body{filter:blur(8px);opacity:.42;pointer-events:none;user-select:none;}
.gate-hint{position:fixed;left:50%;bottom:22px;z-index:2147483000;display:inline-flex;align-items:center;gap:9px;transform:translate(-50%,16px);font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#F5F2EA;background:rgba(20,20,22,.96);border:1px solid #3a3a3f;border-radius:999px;padding:13px 20px 13px 16px;box-shadow:0 14px 40px rgba(0,0,0,.45);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,transform .3s,visibility .3s;white-space:nowrap;}
html.gated .gate-hint.away{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);}
.gate-hint svg{width:16px;height:16px;color:var(--teal-bright);animation:hint-up 1.6s ease-in-out infinite;}
@keyframes hint-up{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}
@media(prefers-reduced-motion:reduce){.gate-body{transition:none;}.gate-hint svg{animation:none;}.pick-cards.pulse .pick-card{animation:none;}}
/* tailored quote order: the pick's quote first; lead-ins are written to read in any position */
.reality{display:flex;flex-direction:column;}
.reality[data-order=B] .u-know{order:-1;}

/* ideal-client callout, lifted from the winning ad (build.py): .who / .ins / .mark / .caret */
.who{text-align:center;font-family:'Archivo',sans-serif;font-weight:600;font-size:22px;line-height:1.3;color:#f3eee5;letter-spacing:.01em;
  max-width:720px;margin:0 auto;padding-top:30px;}
.who > span{display:block;}
.who .l1{font-size:22px;}
.who .l2{font-size:18px;color:#cfc6b6;margin-top:8px;font-family:'Inter',sans-serif;font-weight:400;}
.who b{color:#4fc9bb;font-weight:800;}
.ins{position:relative;display:inline-block;width:0;vertical-align:baseline;}
.mark{position:absolute;left:0;bottom:1.05em;transform:translateX(-22%) rotate(-7deg);transform-origin:left bottom;
  font-family:'Permanent Marker',cursive;color:#ff4a3d;font-size:24px;font-weight:400;white-space:nowrap;letter-spacing:.01em;}
.caret{position:absolute;left:-13px;bottom:-15px;width:22px;height:19px;transform:rotate(-4deg);}

/* reality: pull-quotes from a real research call (unattributed) */
.pull{font-family:'Archivo',sans-serif;font-weight:700;font-size:27px;line-height:1.32;letter-spacing:-.01em;color:var(--ink);
  border-left:3px solid var(--gold);padding:4px 0 4px 24px;margin:28px 0 28px;}

/* mechanism: marker underline on the key word, charts on dark, keys, the solve */
.dark .law .a{color:#9d9890;}
.dark .big{color:#F5F2EA;}
.umark{position:relative;display:inline-block;white-space:nowrap;}
.umark svg{position:absolute;left:-2%;right:-2%;bottom:-.16em;width:104%;height:.42em;overflow:visible;pointer-events:none;}
.dark .charts{margin:34px 0 10px;}
.dark .chart{position:relative;border-color:#2a2a2d;}
.chart .cl{font-size:12px;letter-spacing:.12em;line-height:1.5;}
.note{font-family:'Permanent Marker',cursive;color:#ff4a3d;font-size:22px;line-height:1;white-space:nowrap;letter-spacing:.01em;}
.dark .chart{overflow:visible;}
.note-yoyo{position:absolute;left:16px;top:8px;transform:rotate(-6deg);font-size:21px;z-index:1;}
.chart-keys{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin-top:18px;}
.chart-keys p{font-size:18px;line-height:1.6;color:#B8B5AE;margin:0;}
.chart-keys strong{color:#F5F2EA;}
.solve{margin-top:40px;padding:30px 32px 26px;border:1px solid #26262a;border-left:3px solid var(--teal-bright);border-radius:14px;background:#111113;}
.solve p{font-size:21px;line-height:1.6;margin-bottom:14px;}
.solve .big{margin:0;color:#F5F2EA;}

/* the call: three stages with line icons (teal line, gold accent) */
.steps{margin-top:34px;}
.step{padding:28px 24px 26px;}
.step .ico{display:block;width:52px;height:52px;margin-bottom:16px;}
.step h3{font-size:21px;line-height:1.25;}
.step p,.deliver p{font-size:18px;line-height:1.55;}
.after{margin-top:30px;font-size:20px;color:var(--muted);text-align:center;max-width:620px;margin-left:auto;margin-right:auto;}

/* the blueprint: document mock + what's inside */
.deliver{margin-top:30px;padding:36px 38px;text-align:left;display:grid;grid-template-columns:270px 1fr;gap:38px;align-items:center;}
.deliver-txt h3{margin-top:10px;font-size:27px;line-height:1.2;}
.deliver-txt p{margin:12px 0 0;max-width:none;}
.inside{list-style:none;margin:18px 0 0;padding:0;}
.inside li{position:relative;padding:9px 0 9px 32px;font-size:17.5px;line-height:1.5;color:var(--muted);border-top:1px solid #F0EDE5;}
.inside li b{color:var(--ink);font-weight:700;}
.inside li::before{content:"";position:absolute;left:0;top:17px;width:13px;height:13px;background:var(--teal);clip-path:polygon(14% 44%,0 60%,40% 100%,100% 16%,84% 4%,38% 72%);}
.doc{position:relative;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 22px 26px;box-shadow:0 18px 40px rgba(0,0,0,.09),0 2px 0 #EFEDE6;transform:rotate(-1.5deg);}
.doc-top{display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.doc-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);}
.doc-tag{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);}
.doc-h{font-family:'Archivo',sans-serif;font-weight:800;font-size:17px;line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin-bottom:12px;}
.doc-sec{display:flex;align-items:baseline;gap:8px;margin:12px 0 6px;}
.doc-k{font-family:'DM Mono',monospace;font-size:9.5px;color:var(--gold);letter-spacing:.1em;}
.doc-l{font-family:'Archivo',sans-serif;font-weight:700;font-size:12.5px;color:var(--ink);}
.doc-line{height:5px;border-radius:3px;background:#ECE9E1;margin:5px 0;}
.doc-line.w1{width:92%;}.doc-line.w2{width:70%;}.doc-line.w3{width:82%;}
.note-doc{position:absolute;right:-18px;bottom:-30px;transform:rotate(-8deg);font-size:24px;}

/* results: Meg full-width horizontal on top, Jake + Zachary vertical below */
.wins{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px;}
.win{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 16px 24px;margin:0;}
.win img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;}
.wins{align-items:stretch;}
.win-shot{aspect-ratio:1000/480;overflow:hidden;border:1px solid var(--line);border-radius:10px;}
.win-shot img{height:100%;object-fit:cover;object-position:top;border:0;border-radius:0;}
.win.win-v blockquote{flex:1 0 auto;}
.win blockquote{font-size:17.5px;line-height:1.55;color:var(--ink);margin:18px 8px 0;}
.win figcaption{font-family:'DM Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:auto 8px 0;padding-top:16px;}
.win.win-h{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;padding:18px 26px 18px 18px;}
.win.win-h img{align-self:center;}
.win.win-h .win-body{display:flex;flex-direction:column;}
.win.win-h blockquote{font-size:19px;line-height:1.55;margin:0;}
.win.win-h figcaption{margin:18px 0 0;padding-top:0;}

/* story: short, two real photos */
.story{display:grid;gap:40px;margin-top:30px;}
.story-row{display:grid;grid-template-columns:1fr 1.25fr;gap:32px;align-items:center;}
.story-row.flip .photo{order:2;}
.story-row .photo img{aspect-ratio:4/3;}
.story-row .photo.tall img{object-position:50% 20%;}
.story-txt p{font-size:20px;line-height:1.65;color:var(--muted);}
.story-txt p:last-of-type{margin-bottom:0;}
.sig{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-top:6px;}

/* application (dark section) */
#apply{padding-bottom:72px;}
#apply h2{margin-bottom:12px;}
.qz-intro{font-size:21px;line-height:1.55;color:#B8B5AE;max-width:640px;}
.qz{max-width:640px;margin:34px auto 0;scroll-margin-top:28px;}
.qz-dots{display:flex;gap:8px;justify-content:center;margin-bottom:28px;min-height:10px;}
.qz-dots span{width:30px;height:6px;border-radius:3px;background:#26262a;}
.qz-dots span.done{background:var(--teal);}
.qz-dots span.cur{background:var(--gold);}
.qz-n{font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:10px;}
.qz-q{font-family:'Archivo',sans-serif;font-weight:800;font-size:30px;line-height:1.22;color:#F5F2EA;margin-bottom:22px;}
.qz-opts{display:grid;gap:12px;}
.qz-opt{font:inherit;font-size:20px;line-height:1.35;text-align:left;color:#F5F2EA;background:#141416;border:1.5px solid #2e2e33;border-radius:12px;padding:18px 20px;min-height:64px;cursor:pointer;transition:border-color .15s,background .15s;}
.qz-opt:hover{border-color:var(--teal-bright);}
.qz-opt.sel{border-color:var(--gold);background:#1f1a10;}
.qz-back{font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;background:none;border:0;color:#9d9890;margin-top:22px;padding:14px 4px;cursor:pointer;}
.qz-back:hover{color:#F5F2EA;}
.qz-form{display:grid;gap:14px;margin-top:14px;}
.qz-form input{display:block;width:100%;font:inherit;font-size:20px;color:#F5F2EA;background:#141416;border:1.5px solid #2e2e33;border-radius:12px;padding:16px;min-height:58px;}
.qz-form input::placeholder{color:#6d675c;}
.qz-form input:focus{outline:none;border-color:var(--teal-bright);}
.qz-form .cta-btn{border:0;cursor:pointer;width:100%;white-space:normal;margin-top:0;}
.qz-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.qz-err{font-size:16px;color:#ff7b6e;margin-top:-4px;}
.qz .cta-btn{border:0;cursor:pointer;}

/* booking (light section) */
#book{padding-bottom:70px;}

/* community result modal */
.dq{position:fixed;inset:0;z-index:50;background:rgba(10,10,11,.86);display:flex;align-items:center;justify-content:center;padding:20px;}
.dq-card{background:var(--black);color:var(--dark-body);border:1px solid #2a2a2d;border-radius:18px;max-width:560px;width:100%;padding:38px 36px 30px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5);}
.dq-card .qz-n{color:var(--gold-soft);}
.dq-card .qz-q{color:#F5F2EA;font-size:30px;margin-bottom:14px;}
.dq-card p{font-size:19px;line-height:1.6;color:#B8B5AE;margin-bottom:4px;}
.dq-card .cta-btn{margin-top:22px;}
.dq-back{display:block;width:100%;font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;background:none;border:0;color:#9d9890;margin-top:18px;padding:14px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;}
.dq-back:hover{color:#F5F2EA;}
.dq-back:focus-visible,.dq-card .cta-btn:focus-visible{outline:2px solid var(--teal-bright);outline-offset:3px;}
body.dq-open{overflow:hidden;}

@media(max-width:960px){
  .deliver{grid-template-columns:230px 1fr;gap:28px;padding:30px 28px;}
}
@media(max-width:720px){
  .ve-page,body{font-size:21px;}
  section{padding:62px 0 40px;}
  .hero{padding:24px 0 28px;}
  .hero .brand{margin-bottom:22px;}
  .who{font-size:17px;padding-top:26px;line-height:1.35;}
  .who .l1{font-size:17px;}
  .who .l2{font-size:15px;margin-top:6px;}
  .mark{font-size:19px;}
  .caret{left:-10px;bottom:-13px;width:18px;height:16px;}
  .hero h1{font-size:38px;margin-top:26px !important;}
  .hero .h1b{font-size:21px;margin-top:16px;}
  .hero .cta-btn{margin-top:34px;}
  .pick{padding-bottom:52px;}
  .pick .wrap{padding-top:64px;}
  .pick-h{font-size:26px;margin:0 0 22px;}
  .gate-hint{font-size:11.5px;padding:12px 16px 12px 13px;bottom:16px;}
  .pick-cards{grid-template-columns:1fr;gap:14px;}
  .pick-card{padding:22px 20px 20px;min-height:0;}
  .pick-t{font-size:20px;}
  .pick-ring{top:-12px;height:calc(100% + 24px);}
  .pick-both{margin-top:18px;}
  .pick-reply{font-size:21px;margin-top:18px;}
  .pull{font-size:22px;padding-left:18px;margin:22px 0;}
  .umark svg{height:.4em;}
  .dark .charts{gap:28px;margin-top:30px;}
  .note{font-size:19px;}
  .note-yoyo{left:12px;top:6px;font-size:18px;}
  .chart-keys{grid-template-columns:1fr;gap:12px;}
  .chart-keys p{font-size:17px;}
  .solve{padding:24px 20px 20px;margin-top:30px;}
  .solve p{font-size:19px;}
  .step .ico{width:46px;height:46px;margin-bottom:12px;}
  .deliver{grid-template-columns:1fr;gap:34px;padding:28px 22px 30px;}
  .doc{max-width:250px;margin:0 auto;transform:rotate(-1.5deg);}
  .note-doc{right:-10px;bottom:-26px;font-size:21px;}
  .deliver-txt h3{font-size:24px;}
  .inside li{font-size:16.5px;}
  .wins{grid-template-columns:1fr;gap:16px;}
  .win.win-h{grid-template-columns:1fr;gap:0;padding:14px 14px 22px;}
  .win.win-h blockquote{font-size:17px;margin:18px 8px 0;}
  .win.win-h figcaption{margin:auto 8px 0;padding-top:16px;}
  .win blockquote{font-size:17px;}
  .after{font-size:18.5px;}
  .story{gap:34px;}
  .story-row{grid-template-columns:1fr;gap:18px;}
  .story-row.flip .photo{order:0;}
  .story-row .photo img{aspect-ratio:16/10;}
  .story-txt p{font-size:18.5px;}
  .qz{margin-top:26px;}
  .qz-intro{font-size:19px;}
  .qz-q{font-size:25px;}
  .qz-opt{font-size:18.5px;}
  .qz-dots span{width:24px;}
  .dq-card{padding:30px 22px 22px;}
  .dq-card .qz-q{font-size:25px;}
  .dq-card .cta-btn{white-space:normal;width:100%;}
}

/* tap invite: a small wiggle, staggered, off for reduced motion */
@keyframes pick-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-1.4deg)}40%{transform:rotate(1.2deg)}60%{transform:rotate(-.8deg)}80%{transform:rotate(.4deg)}}
.pick-cards.wiggle .pick-card{animation:pick-wiggle .7s ease-in-out;}
.pick-cards.wiggle .pick-card:nth-child(2){animation-delay:.12s;}
@media(prefers-reduced-motion:reduce){.pick-cards.wiggle .pick-card{animation:none;}}
@media(max-width:700px){.pick .wrap{padding:36px 20px 28px;border-radius:18px;margin:0 12px;}}

/* tap cues: a line under the question and a small "Tap" chip on each card (gone once picked) */
.pick-sub{text-align:center;margin:-16px 0 26px;font-size:17px;color:#6b665e;}
.pick-tap{position:absolute;right:16px;top:14px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#0f8f80;border:1px solid #bfe3dd;background:#effaf8;border-radius:999px;padding:4px 10px;transition:opacity .25s;}
.pick-card.on .pick-tap,.pick-card.off .pick-tap{opacity:0;}
@media(max-width:700px){.pick-sub{font-size:15px;margin:-10px 0 20px;}}

/* mid-page CTA after the results */
.mid-cta{text-align:center;margin-top:52px;}
@media(max-width:700px){.mid-cta{margin-top:36px;}}

/* pinned picker: follows the scroll while the page is gated */
.gate-sheet{position:fixed;left:50%;bottom:16px;z-index:2147483000;width:min(680px,calc(100vw - 24px));transform:translate(-50%,130%);background:#F5F2EA;color:#141416;border-radius:20px;padding:20px 20px 14px;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.06);transition:transform .4s cubic-bezier(.2,.8,.2,1);font-family:'Inter',sans-serif;}
.gate-sheet.show{transform:translate(-50%,0);}
.gs-q{font-family:'Archivo',sans-serif;font-weight:800;font-size:20px;line-height:1.2;text-align:center;}
.gs-sub{text-align:center;font-size:14px;color:#6b665e;margin:4px 0 12px;}
.gs-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.gs-opts button{display:block;text-align:left;font:inherit;font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;line-height:1.28;color:#141416;background:#fff;border:1.5px solid #e4ded2;border-radius:14px;padding:12px 14px;cursor:pointer;}
.gs-opts button:hover{border-color:#1FA892;}
.gs-opts button span{display:block;font-family:'DM Mono',monospace;font-weight:400;font-size:11px;letter-spacing:.16em;color:#a87b1c;margin-bottom:4px;}
.gs-both{display:block;margin:10px auto 0;background:none;border:0;font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6b665e;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:6px;}
@media(max-width:700px){.gs-q{font-size:17px}.gs-opts button{font-size:14px;padding:10px 12px}.gate-sheet{padding:16px 14px 10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.gate-sheet{transition:none}}