.btn{min-height:58px;padding:0 22px;border-radius:2px;background:var(--cta-bg);box-shadow:0 8px 18px -9px rgba(35,77,66,.42),0 2px 0 rgba(35,77,66,.2);color:var(--main-text);font-size:14px;font-weight:800;letter-spacing:.01em;text-shadow:none;transition:background .2s ease,transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}
.btn:hover{background:var(--cta-bg-hover);transform:translateY(-2px);box-shadow:0 13px 22px -10px rgba(35,77,66,.4),0 2px 0 rgba(35,77,66,.2)}
.btn:active{background:var(--cta-bg-hover);transform:translateY(1px) scale(.99);box-shadow:0 3px 8px -5px rgba(35,77,66,.38)}
.btn::after{display:none!important}
header.site{background:var(--background);backdrop-filter:none}
.hdr{height:72px;gap:36px}
.hdr .logo{font-size:14px;letter-spacing:.12em}
.hdr .cta{min-height:42px;padding:10px 17px}
nav.main{gap:24px;font-size:14px}

.hero{background:var(--background)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);align-items:center;gap:48px;min-height:520px;padding-block:42px 50px}
.hero__copy{max-width:610px}
.hero__label,.section-label{display:block;margin-bottom:16px;color:var(--main);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hero h1{max-width:10ch;font-size:clamp(42px,5.2vw,68px);letter-spacing:-.035em;line-height:1.04}
.hero__lede{max-width:54ch;margin-top:20px;color:var(--secondary-text);font-size:17px;line-height:1.65}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:27px}
.text-link{position:relative;display:inline-flex;align-items:center;gap:7px;color:var(--main);font-size:14px;font-weight:700;text-decoration:none}
.hero__note{margin-top:20px;color:var(--muted-text);font-size:13px}
.hero__product{display:grid;place-items:center;position:relative;min-height:430px;overflow:hidden;background:#eeece4;text-decoration:none}
.hero__product img{width:min(78%,390px);height:390px;object-fit:contain;mix-blend-mode:multiply}
.hero__product-mark{position:absolute;right:20px;bottom:18px;padding:7px 10px;background:var(--surface);color:var(--main);font-family:var(--wordmark);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.benefits{border-bottom:1px solid var(--border);background:var(--surface)}
.benefits__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:78px;align-items:center}
.benefits__item{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 12px;color:var(--secondary-text);font-size:13px;font-weight:600;text-align:center}
.benefits__item+ .benefits__item{border-left:1px solid var(--border)}
.benefits__item svg{flex:none;width:19px;height:19px;stroke:var(--main);stroke-width:1.5}

.sec{padding-block:78px}
.sec-h{max-width:680px;margin:0 auto 34px;text-align:center}
.sec-h h2,.product-section h2,.faq h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.03em;line-height:1.1}
.sec-h p,.product-section__copy>p,.faq__heading>p{max-width:62ch;margin:15px auto 0;color:var(--secondary-text);font-size:16px;line-height:1.7}
.approach{background:var(--surface)}
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.approach__item{padding:27px 26px 29px}
.approach__item+.approach__item{border-left:1px solid var(--border)}
.approach__item i{display:block;width:30px;height:30px;margin-bottom:22px;color:var(--main)}
.approach__item i svg{width:100%;height:100%}
.approach__item h3{font-size:18px;line-height:1.3}
.approach__item p{margin-top:9px;color:var(--secondary-text);font-size:14px;line-height:1.65}

.product-section{padding-block:78px;background:var(--background)}
.product-section__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:70px}
.product-section__image{display:grid;place-items:center;min-height:420px;background:#eeece4}
.product-section__image img{width:min(78%,360px);height:370px;object-fit:contain;mix-blend-mode:multiply}
.product-section__copy{max-width:560px}
.product-section__copy>p{margin:15px 0 25px}
.product-section__offers{margin:25px 0 24px;border-top:1px solid var(--border)}
.product-section__offers>div{display:flex;justify-content:space-between;gap:20px;padding:13px 2px;border-bottom:1px solid var(--border);font-size:14px}
.product-section__offers b{font-variant-numeric:tabular-nums}
.product-section__copy>.text-link{margin-left:18px}

.sec--tinted{background:var(--surface)}
.howto{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:64px;align-items:start}
.howto ol{display:grid;gap:0;margin:0;padding:0;list-style:none}
.howto li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--border)}
.howto li:last-child{border-bottom:1px solid var(--border)}
.howto .n{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;color:var(--main);font-size:13px;font-weight:700}
.howto li b{font-size:16px}
.howto__note{display:inline-block;margin-top:5px;color:var(--secondary-text);font-size:14px;line-height:1.6}
.ready{padding:28px;background:var(--main);color:#fff}
.ready .kick{color:#e4e8d7}
.ready h3{margin-top:10px;font-size:26px;line-height:1.15}
.ready p{margin-top:12px;color:#e4e8d7;font-size:14px;line-height:1.65}
.ready .btn{margin-top:22px}

.faq{padding-block:78px;background:var(--background)}
.faq__grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:72px;align-items:start}
.faq__heading .section-label{margin-bottom:12px}
.faq__heading>p{margin:14px 0 20px}
.faq__items,.legalfaq{border-top:1px solid var(--border)}
.faq details,.legalfaq details{border-bottom:1px solid var(--border)}
.faq summary,.legalfaq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:650}
.faq summary::-webkit-details-marker,.legalfaq summary::-webkit-details-marker{display:none}
.faq__toggle{position:relative;flex:none;width:20px;height:20px;color:var(--main)}
.faq__toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.faq__toggle-vertical{transform-box:fill-box;transform-origin:center;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease}
.faq details[open] .faq__toggle-vertical,.legalfaq details[open] .faq__toggle-vertical{transform:scaleY(0);opacity:0}
.faq details>p,.legalfaq details>p{padding:0 32px 18px 0;color:var(--secondary-text);font-size:14px;line-height:1.7}

.fgrid{grid-template-columns:1.4fr repeat(3,1fr);gap:36px}
footer.site{margin-top:0}
.fgrid__about{max-width:30ch;color:#d8d5cc}
.legal{color:#d0ccc2}
.stickyco .scbtn{min-height:58px;height:auto;border-radius:2px;font-size:14px}

@media(max-width:900px){
  .hero__grid{gap:24px;min-height:450px}
  .product-section__grid{gap:38px}
  .howto{gap:36px}
  .faq__grid{gap:42px}
}
@media(max-width:760px){
  .hero__grid{grid-template-columns:1fr;gap:24px;padding-block:30px 28px}
  .hero__product{min-height:300px}.hero__product img{height:270px}
  .benefits__row{grid-template-columns:1fr;padding-block:4px}
  .benefits__item{justify-content:flex-start;padding:10px 0;text-align:left}
  .benefits__item+.benefits__item{border-left:0;border-top:1px solid var(--border)}
}
@media(max-width:700px){
  .hdr{height:64px;gap:12px}.hdr .logo{font-size:14px}.hdr .logo-mark{width:25px;height:25px}.hdr .cta{min-height:40px;padding:9px 13px}.hdr-r{gap:8px}.language-control>summary{min-width:72px;min-height:38px;padding-inline:8px}
  .hero__grid{grid-template-columns:1fr;gap:24px;padding-block:30px 28px}
  .hero h1{max-width:12ch;font-size:clamp(40px,11vw,54px)}
  .hero__lede{margin-top:14px;font-size:16px}
  .hero__product{min-height:300px}.hero__product img{height:270px}
  .benefits__row{grid-template-columns:1fr;padding-block:4px}
  .benefits__item{justify-content:flex-start;padding:10px 0;text-align:left}
  .benefits__item+.benefits__item{border-left:0;border-top:1px solid var(--border)}
  .sec,.product-section,.faq{padding-block:56px}
  .why{grid-template-columns:1fr}
  .approach__item{padding:20px 5px 22px}
  .approach__item+.approach__item{border-top:1px solid var(--border);border-left:0}
  .approach__item i{margin-bottom:13px}
  .product-section__grid{grid-template-columns:1fr;gap:28px}
  .product-section__image{min-height:300px}.product-section__image img{height:270px}
  .product-section__copy>.text-link{margin:15px 0 0}
  .howto,.faq__grid{grid-template-columns:1fr;gap:30px}
  .sec-h{margin-bottom:26px;text-align:left}
  .sec-h p{margin-inline:0}
  .fgrid{grid-template-columns:1fr 1fr;gap:26px 18px;padding-block:34px}
  .fgrid>div:first-child{grid-column:1/-1}
  .legal{font-size:11.5px}
}
@media(max-width:390px){.language-control>summary{min-width:62px;gap:6px;padding-inline:6px}.language-control__flag{width:17px;height:12px}.hdr .cta{padding-inline:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.btn,.faq__toggle-vertical{transition:none}}

/* Interaction motion: quick, state-led SVGs and a left-to-right link rule. */
nav.main a,.fgrid a,.text-link,.tlink{position:relative;text-decoration:none}
nav.main a::after,.fgrid a::after,.text-link::after,.tlink::after{
  content:"";position:absolute;right:0;bottom:-4px;left:0;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:left center;transition:transform .32s cubic-bezier(.16,1,.3,1)
}
nav.main a:hover::after,nav.main a:focus-visible::after,.fgrid a:hover::after,.fgrid a:focus-visible::after,
.text-link:hover::after,.text-link:focus-visible::after,.tlink:hover::after,.tlink:focus-visible::after{transform:scaleX(1)}
.text-link .icon-arrow{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.btn .icon-arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .26s cubic-bezier(.16,1,.3,1)}
.btn:hover .icon-arrow,.btn:focus-visible .icon-arrow{transform:none}
.benefits__item svg,.approach__item svg{transition:transform .28s cubic-bezier(.16,1,.3,1),color .2s ease}
.benefits__item svg,.approach__item svg{transition:none}
.faq__toggle{transition:color .16s ease}
.faq summary .faq__toggle-vertical,.legalfaq summary .faq__toggle-vertical{transform-box:fill-box;transform-origin:center}
.faq details[open] .faq__toggle-vertical,.legalfaq details[open] .faq__toggle-vertical{transform:scaleY(0)}
.coh .secure svg{transition:none}
.ok svg path{stroke-dasharray:28;stroke-dashoffset:28;animation:icon-draw .65s .12s cubic-bezier(.16,1,.3,1) forwards}
.ups-option:hover svg,.ups-service:hover svg{transform:none}
@keyframes icon-draw{from{stroke-dashoffset:28}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){
  nav.main a::after,.fgrid a::after,.text-link::after,.tlink::after,.text-link .icon-arrow,.btn .icon-arrow,.benefits__item svg,.approach__item svg,.ups-option svg,.ups-service svg{transition:none}
  .approach__item:hover svg path,.benefits__item:hover svg path,.coh .secure:hover svg path,.coh .secure:hover svg rect{animation:none}
  .ok svg path{animation:none;stroke-dashoffset:0}
}