/* Kombú trade: specimen catalogue, actual packaging, and conversational pre-contact. */
.trade-page{--trade-paper:#f6f2e8;--trade-sage:#dce1c7;--trade-ink:#1b2f18;background:var(--trade-paper);color:var(--trade-ink)}
.trade-page .wrap{max-width:1320px;padding-inline:clamp(22px,5vw,80px)}
.trade-page .site-header{background:var(--trade-paper);box-shadow:none;border:0}
.trade-page .site-header .bar{height:86px}
.trade-page .trade-logo img{width:104px;height:65px;object-fit:contain}
.trade-page .nav{gap:34px}.trade-page .nav a{font-size:15px}.trade-page .nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}
.trade-page .btn{border-radius:3px;padding:17px 25px;min-height:54px;font:600 16px/1.25 var(--sans);box-shadow:none}
.trade-page h1{font-size:clamp(3rem,5.4vw,5.9rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.trade-page h2{font-size:clamp(2rem,3.3vw,3.5rem);line-height:1.12;letter-spacing:-.03em}
.trade-page p{font-size:17px;line-height:1.75;text-wrap:pretty}
.trade-hero{padding:132px 0 60px;min-height:720px}
.trade-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,90px);align-items:center}
.trade-hero-copy{max-width:540px;display:grid;justify-items:start;gap:25px}.trade-hero-copy p{margin:0 0 8px;max-width:460px;font-size:19px}
.trade-text-link{font-size:15px;line-height:1.6;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;display:inline-block}.trade-text-link span{margin-left:8px}.trade-text-link:hover{color:var(--green-2)}
.trade-hero-showcase{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:20px}
.trade-specimen{background:var(--trade-sage);height:500px;display:grid;place-items:center;padding:24px 12px}
.trade-specimen img{height:460px;width:100%;object-fit:contain;filter:drop-shadow(14px 15px 9px #263d2022)}
.trade-specimen-index{display:grid;gap:20px}.trade-specimen-index button,.trade-specimen-index a{border:0;border-radius:0;padding:10px 0;background:transparent;color:var(--green-deep);font:400 16px/1.5 var(--sans);text-align:left;text-decoration:none;min-height:46px;cursor:pointer}.trade-specimen-index button[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:7px}.trade-specimen-index a{font-size:14px}
.trade-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);padding-block:75px 105px}.trade-intro p{margin:0 0 15px}
.trade-catalog{padding-block:60px 110px}.trade-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px}.trade-section-head p{margin:18px 0 0;max-width:560px}.trade-filter{display:grid;gap:8px;font-size:13px;flex:0 0 205px}.trade-filter select{min-height:48px;border:1px solid #51624766;border-radius:2px;background:transparent;color:var(--green-deep);font:inherit;font-size:15px;padding:10px 12px}
.trade-flavors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px 20px}.trade-flavor{min-width:0}.trade-flavor figure{margin:0 0 18px;background:#eadfc6;display:grid;place-items:center;height:315px;padding:22px}.trade-flavor:nth-child(4n+2) figure{background:#dee3ce}.trade-flavor:nth-child(4n+3) figure{background:#e5dde9}.trade-flavor:nth-child(4n) figure{background:#efd8d5}.trade-flavor img{height:272px;width:100%;object-fit:contain;transition:transform .25s ease}.trade-flavor:hover img{transform:translateY(-4px)}.trade-flavor h3{font-size:23px;line-height:1.25}.trade-flavor p{font-size:14px;line-height:1.6;margin:9px 0 0}.trade-catalog-note{font-size:14px!important;margin:40px 0 0;max-width:650px}
.trade-partner-proof{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,100px);align-items:center;padding-block:45px 100px}.trade-partner-proof figure{margin:0}.trade-partner-proof img{width:100%;height:450px;object-fit:cover;object-position:50% 42%}.trade-partner-proof figcaption,.partnership-hero-art figcaption{font-size:12px;line-height:1.6;margin-top:10px}.trade-partner-proof p{margin:24px 0}
.trade-contact{background:#eceee1;padding-block:90px;scroll-margin-top:100px}.trade-contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,7vw,110px);align-items:start}.trade-contact-copy p{max-width:380px;margin:24px 0}.trade-contact-copy .trade-text-link{max-width:360px;font-size:14px}
.trade-page .trade-form{border:0;background:none;border-radius:0;padding:0;gap:24px;box-shadow:none;min-width:0}.trade-form fieldset{padding:0;margin:0;border:0;min-width:0;display:grid;gap:20px}.trade-form legend{padding:0 0 26px;font:700 clamp(1.55rem,2.2vw,2rem)/1.25 var(--serif);color:var(--green-deep)}.trade-form:not(.is-enhanced) fieldset+fieldset{margin-top:40px}
.form-steps{list-style:none;display:flex;gap:20px;padding:0;margin:0 0 12px;flex-wrap:wrap}.form-steps li{font-size:13px;color:#596450;line-height:1.5}.form-steps li[aria-current=step]{font-weight:700;color:var(--green-deep);text-decoration:underline;text-underline-offset:8px}
.trade-form .field{gap:9px}.trade-form .field span{font-size:15px;font-weight:500;line-height:1.45}.trade-form .field small{font-size:12px;font-weight:400;margin-left:5px}.trade-form .field input,.trade-form .field select,.trade-form .field textarea{border:1px solid #73806988;border-radius:2px;background:#ffffff9c;color:var(--green-deep);font:400 16px/1.5 var(--sans);padding:14px;min-height:52px;box-shadow:none;max-width:100%}.trade-form .row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trade-form textarea{resize:vertical}.trade-form .field-help{font-size:14px;margin:0;line-height:1.65}.trade-form .audience-options{display:grid;gap:10px}.audience-options label{display:flex;align-items:center;gap:14px;min-height:60px;background:#ffffffa6;padding:15px;cursor:pointer;font-size:15px;line-height:1.5}.audience-options label:has(input:checked){background:#d9e1c7}.audience-options input{width:21px;height:21px;accent-color:var(--green);flex:none;margin:0}.step-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:10px}.step-actions .btn{margin-left:auto}.trade-back{border:0;background:transparent;color:var(--green);text-decoration:underline;text-underline-offset:5px;font-size:15px;cursor:pointer;min-height:48px;padding:10px 0}.trade-form .form-note{font-size:12px;line-height:1.65;margin:0}.trade-form .form-status{font-size:15px;line-height:1.65;padding:16px;background:#dce6ce}.trade-form .form-status[data-state=error]{background:#f3ddd6;color:#772d1d}
.trade-faq{padding-block:85px 100px;max-width:1040px!important}.trade-faq h2{margin-bottom:35px}.trade-faq details{padding:20px 0;border-bottom:1px solid #71806544}.trade-faq summary{font-size:18px;line-height:1.5;cursor:pointer}.trade-faq details p{max-width:750px}
.trade-page .trade-footer{background:var(--green-deep);color:var(--cream);padding-block:50px}.trade-footer .wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px}.trade-footer .logo img{width:135px;height:90px;object-fit:contain}.trade-footer p{font-size:14px}.trade-footer nav{display:flex;flex-wrap:wrap;align-content:center;gap:20px 30px;max-width:450px}.trade-footer nav a{font-size:14px}.trade-footer .fine{grid-column:1/-1;font-size:12px;border:0;margin:0;padding:0}
.partnership-hero-art{margin:0}.partnership-hero-art img{width:100%;height:500px;object-fit:cover;object-position:center 43%}.partnership-people{padding-block:70px 90px}.partnership-people .trade-section-head p{max-width:360px}.partnership-roles{display:grid;grid-template-columns:1fr 1fr;gap:45px 80px}.partnership-roles h3{font-size:25px;line-height:1.3}.partnership-roles p{margin:16px 0 0}.partnership-process{padding-block:65px;background:var(--green-deep);color:var(--cream)}.partnership-process .wrap{max-width:1120px}.partnership-process h2{max-width:650px}.partnership-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:22px}.partnership-process-note{font-size:13px!important;margin:20px 0 0}
@media(max-width:1000px){.trade-hero-showcase{grid-template-columns:1fr}.trade-specimen-index{grid-template-columns:repeat(2,1fr);gap:6px}.trade-specimen-index button,.trade-specimen-index a{font-size:14px}.trade-hero{min-height:auto;padding-top:120px}.trade-specimen{height:440px}.trade-specimen img{height:400px}.trade-contact-grid{gap:35px}.trade-flavors{grid-template-columns:repeat(3,1fr)}.trade-flavor figure{height:280px}.trade-flavor img{height:240px}}
@media(max-width:760px){.trade-page .site-header .bar{height:76px}.trade-page .trade-logo img{width:86px;height:57px}.trade-page .nav{gap:10px}.trade-hero{padding:108px 0 35px}.trade-hero-grid{grid-template-columns:1fr;gap:32px}.trade-page h1{font-size:clamp(2.65rem,10vw,4rem);line-height:1.06;max-width:560px}.trade-hero-copy{gap:21px}.trade-hero-copy p{font-size:16px;line-height:1.7;max-width:470px}.trade-hero-copy .trade-text-link{font-size:14px}.trade-specimen{height:325px}.trade-specimen img{height:300px}.trade-hero-showcase{grid-template-columns:minmax(0,1fr) 130px;gap:15px}.trade-specimen-index{grid-template-columns:1fr;gap:7px}.trade-specimen-index button,.trade-specimen-index a{font-size:13px;line-height:1.4}.trade-intro{grid-template-columns:1fr;padding-block:35px 65px;gap:22px}.trade-page p{font-size:16px}.trade-catalog{padding-block:30px 60px}.trade-section-head{display:grid;gap:22px;margin-bottom:30px}.trade-filter{max-width:280px}.trade-flavors{grid-template-columns:1fr 1fr;gap:28px 14px}.trade-flavor figure{height:230px;padding:16px 10px}.trade-flavor img{height:200px}.trade-flavor h3{font-size:20px;overflow-wrap:anywhere}.trade-flavor p{font-size:13px}.trade-catalog-note{font-size:13px!important}.trade-partner-proof{grid-template-columns:1fr;gap:28px;padding-block:30px 60px}.trade-partner-proof img{height:350px}.trade-contact{padding-block:55px}.trade-contact-grid{grid-template-columns:1fr;gap:36px}.trade-contact-copy p{margin:20px 0}.trade-contact-copy .trade-text-link{font-size:13px}.trade-page h2{font-size:clamp(1.9rem,7vw,2.65rem)}.trade-form .row{grid-template-columns:1fr}.form-steps{gap:18px}.trade-form legend{padding-bottom:24px}.trade-faq{padding-block:55px 65px}.trade-faq summary{font-size:16px}.trade-footer .wrap{grid-template-columns:1fr}.trade-footer nav{gap:15px 25px}.partnership-hero-art img{height:360px}.partnership-people{padding-block:30px 60px}.partnership-roles{grid-template-columns:1fr;gap:30px}.partnership-roles h3{font-size:23px}.partnership-process{padding-block:45px}.partnership-process-grid{grid-template-columns:1fr;gap:0;margin-top:18px}.trade-page .partnership-process-note{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.trade-flavor img{transition:none}.trade-flavor:hover img{transform:none}}

/* ---------------------------------------------------------------- 2026-11-02 motion redesign
   One orchestrated entrance (hero), then scroll-linked moments: partner marquee,
   word-by-word statement, drawn timeline, parallax photos, staggered catalogue.
   Every hidden state lives under .js-motion or a class trade.js adds, so the
   page reads complete without scripts; reduced motion turns it all off. */
:root{interpolate-size:allow-keywords}
.tx-lines{display:grid}
.tx-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.tx-line>span{display:block}
.tx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.js-motion .tx-line>span{animation:txLine 1s var(--ease) both;animation-delay:calc(80ms + var(--l,0)*110ms)}
.js-motion .tx-fade{animation:txFade .9s var(--ease) both;animation-delay:calc(160ms + var(--l,0)*110ms)}
.js-motion .trade-specimen{animation:txWipe 1.2s var(--ease) .1s both}
.js-motion .trade-specimen img{animation:txRise 1.3s var(--ease) .35s both}
.js-motion .partnership-hero-art{animation:txWipe 1.3s var(--ease) .15s both}
#tradeHeroBottle{transition:opacity .25s ease,transform .45s var(--ease)}
#tradeHeroBottle.is-swapping{opacity:0;transform:translateY(14px) scale(.98)}
.tx-parallax{overflow:hidden}
.tx-parallax img{transform:translate3d(0,var(--py,0px),0) scale(1.08);will-change:transform}

/* partner marquee */
.tx-band{background:var(--green-deep);color:var(--cream);padding-block:26px;overflow:hidden}
.tx-band.proof .wrap{flex-wrap:nowrap;justify-content:flex-start;gap:32px}
.tx-band-row{display:flex;align-items:center;gap:32px}
.tx-band-label{margin:0;flex:none;font-size:13px!important;font-weight:600;letter-spacing:.06em;color:var(--lime)}
.tx-marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tx-marquee-track{display:flex;flex-wrap:wrap;gap:10px 44px;width:max-content;max-width:100%}
.tx-marquee-track.is-moving{flex-wrap:nowrap;max-width:none;animation:txMarquee calc(var(--n,5)*5s) linear infinite}
.tx-marquee:hover .tx-marquee-track{animation-play-state:paused}
.tx-marquee-track b{color:var(--cream);font:italic 600 clamp(1.15rem,1.8vw,1.45rem)/1.3 var(--serif);white-space:nowrap;display:inline-flex;align-items:center;gap:44px}
.tx-marquee-track.is-moving b::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);opacity:.7}

/* statement, lit word by word */
.tx-statement{padding-block:clamp(80px,11vw,150px);text-align:center}
.tx-statement-text{margin:0 auto!important;max-width:21ch;font:700 clamp(2rem,4.3vw,3.9rem)/1.14 var(--serif)!important;letter-spacing:-.025em;color:var(--green-deep);text-wrap:balance}
.tx-statement-text.is-split span{color:rgba(27,47,24,.16);transition:color .45s ease}
.tx-statement-text.is-split span.on{color:var(--green-deep)}
.tx-statement-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);max-width:920px;margin:clamp(40px,6vw,70px) auto 0;text-align:left}
.tx-statement-cols p{margin:0}

/* catalogue cascade */
.js-motion .is-armed:not(.is-in) .trade-flavor{opacity:0}
.is-in .trade-flavor{animation:txRise .75s var(--ease) both}
.is-in .trade-flavor:nth-child(4n+2){animation-delay:70ms}.is-in .trade-flavor:nth-child(4n+3){animation-delay:140ms}.is-in .trade-flavor:nth-child(4n){animation-delay:210ms}
.trade-flavor figure{border-radius:4px;overflow:hidden;transition:background-color .4s ease}
.trade-flavor img{transition:transform .5s var(--ease)}
.trade-flavor:hover img{transform:translateY(-8px) rotate(-2deg)}

/* timeline that draws itself */
.tx-steps{background:#e9edde;padding-block:clamp(70px,9vw,120px)}
.tx-steps-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,7vw,110px);align-items:start}
.tx-steps-head{position:sticky;top:120px}
.tx-steps-head p{margin:20px 0 0;max-width:380px}
.tx-steps-list{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:clamp(34px,4.5vw,52px)}
.tx-steps-list::before,.tx-steps-list::after{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:#c9d1b8}
.tx-steps-list::after{background:var(--green);transform-origin:top;transform:scaleY(var(--p,1))}
.js-motion [data-progress] .tx-steps-list::after{transform:scaleY(var(--p,0))}
.tx-steps-list li{position:relative;padding-left:72px;min-height:40px}
.tx-step-n{position:absolute;left:0;top:0;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e9edde;border:2px solid #c9d1b8;font:700 15px var(--sans);color:var(--green-deep);transition:background-color .4s,border-color .4s}
.tx-steps-list li.is-in .tx-step-n,.tx-steps-list li:not([data-reveal]) .tx-step-n{background:var(--lime);border-color:var(--green)}
.tx-steps-list h3{font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.25;padding-top:4px}
.tx-steps-list p{margin:8px 0 0;max-width:46ch}
.tx-steps .partnership-process-note{margin:clamp(40px,5vw,60px) 0 0;font-size:13px!important;color:#4d5a48}

/* call to action with a live preview of the pre-contact */
.tx-cta{background:radial-gradient(90% 120% at 85% 10%,#2b4826 0%,var(--green-deep) 55%,#142411 100%);color:var(--cream);padding-block:clamp(80px,10vw,130px);scroll-margin-top:90px;overflow:hidden}
.tx-cta-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,7vw,110px);align-items:center}
.tx-cta h2{color:var(--cream)}
.tx-cta-copy p{color:rgba(255,247,237,.82);max-width:470px;margin:24px 0 0}
.tx-cta-facts{list-style:none;padding:0;margin:26px 0 34px;display:flex;flex-wrap:wrap;gap:10px}
.tx-cta-facts li{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1.5px rgba(255,247,237,.28)}
.tx-cta-facts li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime)}
.trade-page .tx-btn-lime{--bg:var(--lime);--fg:var(--green-deep);border-radius:999px;padding:17px 30px}
.tx-btn-lime:hover{--bg:#e8fdc2}
.tx-cta-aside{font-size:14px!important;margin-top:26px!important}
.tx-cta-aside a{color:var(--lime)}
.tx-cta-preview{display:grid;place-items:center;perspective:1200px}
.tx-mock{width:min(100%,400px);background:#fffdf8;color:var(--green-deep);border-radius:22px;padding:18px 22px 24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transform:rotate(-2.5deg)}
.js-motion .tx-mock{animation:txFloat 7s ease-in-out infinite}
.tx-mock-top{display:flex;align-items:center;gap:12px;height:30px}
.tx-mock-top i{width:16px;height:16px;border-radius:50%;background:#eef1e6}
.tx-mock-bar{flex:1;height:5px;border-radius:9px;background:#e6eadb;overflow:hidden}
.tx-mock-bar span{display:block;height:100%;width:22%;background:var(--green);border-radius:inherit}
.tx-mock-count{margin:14px 0 0!important;font-size:12px!important;font-weight:600;color:var(--green-2)}
.tx-mock-title{margin:6px 0 16px!important;font:700 1.45rem/1.2 var(--serif)!important;color:var(--green-deep)}
.tx-mock-opts{display:grid;gap:9px}
.tx-mock-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1.5px solid #dfe3d4;border-radius:12px;background:#fff}
.tx-mock-opt b{font:500 14.5px/1.3 var(--sans)}
.tx-mock-opt i{width:20px;height:20px;border-radius:50%;border:2px solid #b8bfad;flex:none}
.tx-mock-opt.is-on{border-color:var(--green);background:#eff3e4}
.tx-mock-opt.is-on i{border-color:var(--green);background:radial-gradient(circle,var(--green-deep) 0 4px,var(--lime) 5px)}
.js-motion .tx-cta-copy.is-in~.tx-cta-preview .tx-mock-opt{animation:txRise .6s var(--ease) both;animation-delay:calc(250ms + var(--i,0)*120ms)}

/* roles: a fine line draws over each card as it arrives */
.partnership-roles article{position:relative;padding-top:26px}
.partnership-roles article::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--green);transform-origin:left;transform:scaleX(1)}
.js-motion .partnership-roles article[data-reveal]:not(.is-in)::before{transform:scaleX(0)}
.js-motion .partnership-roles article.is-in::before{transition:transform 1s var(--ease);transform:scaleX(1)}

/* FAQ opens smoothly where the browser supports it */
.trade-faq details::details-content{block-size:0;overflow:hidden;transition:block-size .35s var(--ease),content-visibility .35s allow-discrete}
.trade-faq details[open]::details-content{block-size:auto}
.trade-faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}
.trade-faq summary::-webkit-details-marker{display:none}
.trade-faq summary::after{content:"+";font:400 26px/1 var(--sans);color:var(--green);transition:transform .3s var(--ease)}
.trade-faq details[open] summary::after{transform:rotate(45deg)}

@keyframes txLine{from{transform:translateY(105%)}to{transform:none}}
@keyframes txFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes txWipe{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes txRise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes txMarquee{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@keyframes txFloat{0%,100%{transform:rotate(-2.5deg) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-10px)}}

@media(max-width:1000px){.tx-steps-grid{grid-template-columns:1fr}.tx-steps-head{position:static}.tx-cta-grid{grid-template-columns:1fr}.tx-cta-preview{justify-content:center}}
@media(max-width:760px){
  .tx-band{padding-block:18px}.tx-band.proof .tx-band-row{flex-direction:column;align-items:stretch;gap:10px}.tx-band-label{text-align:center}
  .tx-statement-cols{grid-template-columns:1fr;gap:16px}
  .tx-statement-text{max-width:17ch}
  .tx-steps-list li{padding-left:62px}
  .tx-cta-facts{margin:22px 0 28px}
  .tx-mock{width:min(100%,340px);padding:16px 18px 20px}.tx-mock-title{font-size:1.25rem!important}
  .trade-page .tx-btn-lime{width:100%;justify-content:center}
  .tx-actions{gap:14px 22px}
}
@media(prefers-reduced-motion:reduce){.tx-parallax img{transform:none}.tx-marquee-track{animation:none!important}}
/* The preview opens the real pre-contact; an option tapped there is the first answer. */
.tx-cta-preview[data-precontato]{cursor:pointer}
.tx-cta-preview[data-precontato] .tx-mock{transition:box-shadow .3s ease}
.tx-cta-preview[data-precontato]:hover .tx-mock{box-shadow:0 50px 90px -30px rgba(0,0,0,.7),0 0 0 3px rgba(217,249,157,.45)}
.tx-cta-preview[data-precontato] .tx-mock-opt{transition:border-color .15s,background-color .15s}
.tx-cta-preview[data-precontato] .tx-mock-opt:hover{border-color:var(--green);background:#eff3e4}