/* V20 offer: original v10 cards, scoped to this section. No global home-v10 styles. */
.o20-offer{--e-ink:#171a21;--e-paper:#f4f1ea;--e-yellow:#f2b705;--e-line:#171a2126;--e-muted:#52564f;--e-gutter:clamp(20px,3.3vw,64px);color:var(--e-ink);font-family:Figtree,sans-serif;overflow:hidden}
.o20-offer *,.o20-offer *::before,.o20-offer *::after{box-sizing:border-box}
.o20-offer h2,.o20-offer h3,.o20-offer p{margin-top:0}
.o20-offer h2,.o20-offer h3{font-family:Sora,Figtree,sans-serif;letter-spacing:-.065em}
.o20-offer h2{margin-bottom:0;font-size:clamp(2.8rem,4.7vw,5.5rem);line-height:.98;color:var(--e-ink)}
.o20-offer a{color:inherit;text-decoration:none;touch-action:manipulation}
.o20-offer a:focus-visible{outline:3px solid #8b6300;outline-offset:6px}
.o20-offer .e10-wrap{width:calc(100% - 2 * var(--e-gutter));max-width:1440px;margin-inline:auto}
.o20-offer.e10-section{padding-block:76px}
.o20-offer .e10-heading{display:grid;grid-template-columns:1.08fr .92fr;column-gap:64px;row-gap:16px;align-items:start;margin-bottom:32px}
.o20-offer .e10-heading-copy{max-width:520px;padding-top:4px}
.o20-offer .e10-heading-copy p{margin-bottom:16px;font-size:21px;line-height:1.45;color:var(--e-muted)}
.o20-offer .e10-heading-copy p:last-child{margin-bottom:0}
.o20-offer .e10-heading-copy strong{font-weight:600;color:var(--e-ink)}
.o20-offer.e10-offer{background:#eae6dc}
.o20-offer .e10-offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.o20-offer .e10-service{display:flex;flex-direction:column;min-width:0;border-top:1px solid #171a2166;padding-top:12px}
.o20-offer .e10-service-art{position:relative;height:235px;overflow:hidden;background:#d5d9c5;isolation:isolate;margin-bottom:20px}
.o20-offer .e10-service-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}
.o20-offer .e10-service-title h3{font-size:clamp(21px,1.7vw,29px);line-height:1.12;margin:0;letter-spacing:-.055em}
.o20-offer .e10-service-title>span{font-size:24px;transition:transform .3s}
.o20-offer .e10-service:hover .e10-service-title>span{transform:translate(3px,-4px)}
.o20-offer .e10-service>p{margin:0 0 20px;font-size:17px;line-height:1.48;color:#484e47}
.o20-offer .e10-service-price{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:12px;border-top:1px solid #171a2133}
.o20-offer .e10-service-price b{font-size:16px}
.o20-offer .e10-service-price>span{font-size:12px;color:#555b50}
.o20-offer .e10-service-art>*{transition:transform .6s cubic-bezier(.16,1,.3,1)}
.o20-offer .e10-service:hover .e10-wire-browser,.o20-offer .e10-service:hover .e10-product,.o20-offer .e10-service:hover .e10-brand-poster{transform:translateY(-6px) rotate(0)}
.o20-offer .e10-service-web .e10-service-art{background:#d5d9c5}
.o20-offer .e10-wire-browser{position:absolute;top:24px;left:20px;width:76%;height:178px;border:1px solid #171a21;background:#f7f5ed;padding:12px;transform:rotate(-5deg);box-shadow:8px 8px 0 #171a2114}
.o20-offer .e10-wire-browser>span{display:flex;justify-content:space-between;font-size:8px;border-bottom:1px solid #171a2122;padding-bottom:8px}
.o20-offer .e10-wire-browser>strong{display:block;font:700 23px/1 Sora,sans-serif;letter-spacing:-.065em;margin-top:13px}
.o20-offer .e10-wire-browser>i{display:block;background:#aab19b;width:70%;height:3px;margin-top:8px}
.o20-offer .e10-wire-browser>i+i{width:50%;margin-top:5px}
.o20-offer .e10-wire-cta{display:inline-block;margin-top:12px;padding:5px 8px;font-size:7px;color:#fff;background:#171a21}
.o20-offer .e10-wire-phone{position:absolute;bottom:13px;right:14px;width:76px;height:136px;border:3px solid #171a21;outline:1px solid #f4f1ea;padding:7px;color:#f4f1ea;background:#253326;transform:rotate(5deg);box-shadow:0 6px 16px #171a2133}
.o20-offer .e10-wire-phone>span{display:block;text-align:center;font-size:5px;line-height:1;color:#d5d9c5}
.o20-offer .e10-wire-phone strong{display:block;font:600 17px/.97 Sora,sans-serif;margin:10px 0;letter-spacing:-.07em}
.o20-offer .e10-wire-phone>i{display:block;font-size:18px;font-style:normal;color:#f2b705}
.o20-offer .e10-service-shop .e10-service-art{background:#dfc8b7}
.o20-offer .e10-product{position:absolute;left:35px;top:18px;width:155px;height:196px;background:#f4eee7;padding:11px;transform:rotate(-5deg);box-shadow:8px 10px 0 #83583e22}
.o20-offer .e10-product>span{font:6px "IBM Plex Mono",monospace;letter-spacing:.03em}
.o20-offer .e10-vase{width:62px;height:90px;margin:8px auto;background:linear-gradient(90deg,#915e42,#c38f6c 36%,#b37b57 72%,#8a573e);border-radius:23px 23px 18px 18px;box-shadow:12px 5px 12px #82523826;position:relative}
.o20-offer .e10-vase:before{position:absolute;top:-4px;left:17px;width:28px;height:16px;content:"";border:5px solid #b9825e;background:#794529;border-radius:50%}
.o20-offer .e10-product>b{display:block;font-size:11px}
.o20-offer .e10-product>small{display:flex;justify-content:space-between;font-size:10px}
.o20-offer .e10-product>small>i{font-size:15px;font-style:normal}
.o20-offer .e10-order{position:absolute;right:10px;bottom:17px;display:flex;align-items:center;gap:8px;padding:11px;background:#1e3028;color:#fff;transform:rotate(3deg);box-shadow:0 5px 18px #171a2122}
.o20-offer .e10-order>span{font-size:18px;color:#d5d9c5}
.o20-offer .e10-order>b{font-size:10px;font-weight:600}
.o20-offer .e10-order small{display:block;font-size:8px;font-weight:400;color:#d0d8d1}
.o20-offer .e10-service-system .e10-service-art{color:#e8eee6;background:#28332f}
.o20-offer .e10-system-flow{width:76%;position:absolute;left:12%;top:23px;transform:rotate(-4deg)}
.o20-offer .e10-system-flow>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid #b4d1bd66;background:#35473d;font-size:12px}
.o20-offer .e10-system-flow i{font-style:normal;color:#abc6aa}
.o20-offer .e10-system-flow b{font-size:9px;color:#c4e2a7}
.o20-offer .e10-flow-line{display:block;width:1px;height:16px;margin:auto;background:#adc7a5}
.o20-offer .e10-flow-caption{position:absolute;bottom:11px;left:0;right:0;text-align:center;font:7px "IBM Plex Mono",monospace;letter-spacing:.1em;color:#ced9c9}
.o20-offer .e10-service-brand .e10-service-art{background:#f2b705}
.o20-offer .e10-brand-poster{position:absolute;left:23px;top:19px;width:72%;height:187px;padding:14px;background:#171a21;color:#f4f1ea;transform:rotate(-6deg);box-shadow:7px 8px 0 #171a2120}
.o20-offer .e10-brand-poster>span,.o20-offer .e10-brand-poster>b{font:7px "IBM Plex Mono",monospace;letter-spacing:.08em}
.o20-offer .e10-brand-poster>strong{display:block;font:700 74px/1.3 Sora,sans-serif;letter-spacing:-.12em}
.o20-offer .e10-brand-poster>strong>span{display:inline-block;font:400 36px Figtree,sans-serif;letter-spacing:0;transform:translateX(4px);color:#f2b705}
.o20-offer .e10-colors{position:absolute;right:14px;bottom:14px;display:flex;transform:rotate(5deg);box-shadow:2px 5px 10px #0002}
.o20-offer .e10-colors i{width:40px;height:55px;background:#f4f1ea;border:1px solid #171a21}
.o20-offer .e10-colors i:nth-child(2){background:#a3b199}
.o20-offer .e10-colors i:nth-child(3){background:#171a21}
.o20-offer .e10-aftercare{display:flex;align-items:center;gap:24px;margin-top:30px;padding-top:22px;border-top:1px solid #171a2140}
.o20-offer .e10-care-symbol{font-size:42px;line-height:1;color:#4f634a}
.o20-offer .e10-aftercare p{margin:0;max-width:800px;font-size:17px;line-height:1.5;color:#52564f}
.o20-offer .e10-aftercare strong{color:#171a21}
.o20-offer .e10-aftercare a{display:flex;align-items:center;gap:20px;flex:none;margin-left:auto;font-size:15px;font-weight:600}
@media(max-width:1150px){
.o20-offer .e10-heading{column-gap:36px}
.o20-offer .e10-heading-copy p{font-size:19px}
.o20-offer .e10-offer-grid{gap:16px}
.o20-offer .e10-service-art{height:207px}
.o20-offer .e10-product{left:16px}
.o20-offer .e10-wire-phone{right:8px}
.o20-offer .e10-service>p{font-size:16px}
}
@media(max-width:900px){
.o20-offer.e10-section{padding-block:55px}
.o20-offer .e10-heading-copy p{font-size:18px}
.o20-offer .e10-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}
.o20-offer .e10-service-art{height:225px}
.o20-offer .e10-service-title h3{font-size:25px}
.o20-offer .e10-service>p{font-size:17px}
.o20-offer .e10-wire-browser{width:67%;left:26px;top:20px}
.o20-offer .e10-wire-phone{right:25px}
.o20-offer .e10-product{left:55px}
.o20-offer .e10-order{right:25px}
.o20-offer .e10-aftercare{flex-wrap:wrap}
.o20-offer .e10-aftercare p{flex:1}
.o20-offer .e10-aftercare a{margin-left:66px}
}
@media(max-width:640px){
.o20-offer.e10-section{padding-block:44px}
.o20-offer .e10-heading{grid-template-columns:1fr;gap:18px;margin-bottom:25px}
.o20-offer .e10-heading-copy{padding-top:0}
.o20-offer .e10-heading-copy p{font-size:18px;line-height:1.45;margin-bottom:12px}
.o20-offer .e10-offer-grid{gap:27px 16px}
.o20-offer .e10-service-art{height:170px;margin-bottom:15px}
.o20-offer .e10-service-title{align-items:flex-start;gap:3px}
.o20-offer .e10-service-title h3{font-size:21px;line-height:1.1}
.o20-offer .e10-service-title>span{font-size:20px}
.o20-offer .e10-service>p{font-size:16px;line-height:1.45;margin-bottom:15px}
.o20-offer .e10-service-price b{font-size:15px}
.o20-offer .e10-service-price>span{font-size:12px}
.o20-offer .e10-wire-browser{left:10px;top:16px;width:83%;height:139px;padding:8px}
.o20-offer .e10-wire-browser>strong{font-size:18px;margin-top:9px}
.o20-offer .e10-wire-browser>span{font-size:6px}
.o20-offer .e10-wire-browser>i{margin-top:6px}
.o20-offer .e10-wire-cta{font-size:6px;padding:4px;margin-top:8px}
.o20-offer .e10-wire-phone{width:51px;height:97px;right:6px;bottom:10px;padding:5px;border-width:2px}
.o20-offer .e10-wire-phone strong{font-size:11px;margin:8px 0}
.o20-offer .e10-wire-phone>i{font-size:13px}
.o20-offer .e10-product{left:11px;top:10px;width:112px;height:145px;padding:8px}
.o20-offer .e10-product>span{font-size:4px}
.o20-offer .e10-vase{width:45px;height:58px;margin:10px auto 5px}
.o20-offer .e10-vase:before{width:22px;height:11px;border-width:3px;left:12px}
.o20-offer .e10-product>b{font-size:8px}
.o20-offer .e10-product>small{font-size:8px}
.o20-offer .e10-order{right:6px;bottom:8px;gap:5px;padding:7px}
.o20-offer .e10-order>b{font-size:7px}
.o20-offer .e10-order small{font-size:5px}
.o20-offer .e10-order>span{font-size:13px}
.o20-offer .e10-system-flow{width:85%;left:7.5%;top:15px}
.o20-offer .e10-system-flow>div{padding:8px;font-size:9px;gap:4px}
.o20-offer .e10-flow-line{height:9px}
.o20-offer .e10-flow-caption{font-size:5px;bottom:7px}
.o20-offer .e10-brand-poster{left:12px;top:12px;padding:9px;width:77%;height:141px}
.o20-offer .e10-brand-poster>span,.o20-offer .e10-brand-poster>b{font-size:5px}
.o20-offer .e10-brand-poster>strong{font-size:52px;line-height:1.3}
.o20-offer .e10-brand-poster>strong>span{font-size:20px}
.o20-offer .e10-colors{right:6px;bottom:9px}
.o20-offer .e10-colors i{width:25px;height:35px}
.o20-offer .e10-aftercare{gap:16px;margin-top:27px;padding-top:20px}
.o20-offer .e10-care-symbol{font-size:31px}
.o20-offer .e10-aftercare p{font-size:16px}
.o20-offer .e10-aftercare a{margin-left:47px;font-size:14px}
}
@media(max-width:360px){
.o20-offer .e10-offer-grid{grid-template-columns:1fr}
.o20-offer .e10-service-art{height:210px}
.o20-offer .e10-service{display:grid;grid-template-columns:1fr}
.o20-offer .e10-service-title h3{font-size:26px}
.o20-offer .e10-wire-browser{width:69%;height:170px;left:30px;top:20px}
.o20-offer .e10-wire-browser>strong{font-size:24px}
.o20-offer .e10-wire-phone{width:65px;height:125px;right:25px}
.o20-offer .e10-wire-phone strong{font-size:16px}
.o20-offer .e10-product{left:40px;width:150px;height:180px}
.o20-offer .e10-vase{height:90px;width:62px}
.o20-offer .e10-system-flow{top:20px}
.o20-offer .e10-system-flow>div{padding:10px;font-size:12px}
.o20-offer .e10-brand-poster{width:70%;height:175px;left:25px}
.o20-offer .e10-brand-poster>strong{font-size:72px}
.o20-offer .e10-brand-poster>span,.o20-offer .e10-brand-poster>b{font-size:8px}
}
/* First-person introduction, a visible aftercare promise, and one clear full-offer action. */
.o20-offer .o20-offer-confidence{font-size:18px;line-height:1.5;color:#52564f;margin:25px 0 0;max-width:620px}
.o20-offer .o20-offer-confidence strong{font-weight:600;color:#171a21}
.o20-offer .e10-heading{margin-bottom:38px}
.o20-offer .e10-heading-copy{padding-top:4px}
.o20-offer .e10-aftercare{margin-top:36px;padding-block:28px;border-bottom:1px solid #171a2140}
.o20-offer .e10-care-symbol{font-size:51px;color:#9b7200;flex:none}
.o20-offer .e10-aftercare strong{display:block;font-size:clamp(23px,2.1vw,30px);line-height:1.12;letter-spacing:-.04em;margin-bottom:9px;font-weight:600}
.o20-offer .e10-aftercare a{border-bottom:1px solid #171a2170;padding-block:10px;line-height:1.25}
.o20-offer .e10-aftercare a:hover{border-color:#9b7200;color:#785500}
.o20-offer .o20-full-offer{display:grid;grid-template-columns:1.08fr .92fr;column-gap:64px;align-items:center;margin-top:32px}
.o20-offer .o20-full-offer>p{font-size:19px;line-height:1.5;color:#52564f;max-width:620px;margin:0}
.o20-offer .o20-full-offer>p strong{font-weight:500;color:#171a21}
.o20-offer .o20-full-offer-link{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:132px;padding:24px 30px;background:#f2b705;color:#171a21;border-bottom:4px solid #171a21;font:600 clamp(26px,2.5vw,38px)/1.06 Figtree,sans-serif;letter-spacing:-.045em;transition:background .2s,transform .25s}
.o20-offer .o20-full-offer-link>span:last-child{font-size:51px;font-weight:400;line-height:1;transition:transform .25s}
.o20-offer .o20-full-offer-link:hover{background:#ffca28;transform:translateY(-2px)}
.o20-offer .o20-full-offer-link:hover>span:last-child{transform:translate(4px,-4px)}
@media(max-width:1150px){.o20-offer .o20-full-offer{column-gap:36px}.o20-offer .o20-full-offer-link{padding:24px}.o20-offer .e10-aftercare{gap:20px}.o20-offer .e10-aftercare p{max-width:550px}}
@media(max-width:900px){.o20-offer h2{font-size:clamp(36px,5.7vw,55px)}.o20-offer .o20-offer-confidence{font-size:17px}.o20-offer .o20-full-offer{gap:26px}.o20-offer .o20-full-offer>p{font-size:17px}.o20-offer .o20-full-offer-link{font-size:27px;padding:23px}.o20-offer .o20-full-offer-link>span:last-child{font-size:40px}.o20-offer .e10-aftercare p{max-width:none}}
@media(max-width:640px){.o20-offer h2{font-size:clamp(34px,9.6vw,48px);line-height:1.02}.o20-offer .o20-offer-confidence{font-size:17px;margin-top:22px}.o20-offer .e10-heading{gap:20px;margin-bottom:28px}.o20-offer .e10-heading-copy{padding-top:0}.o20-offer .e10-aftercare{gap:16px;margin-top:29px;padding-block:24px}.o20-offer .e10-care-symbol{font-size:36px;align-self:flex-start;margin-top:1px}.o20-offer .e10-aftercare strong{font-size:24px;line-height:1.15}.o20-offer .e10-aftercare a{margin-left:52px;font-size:14px}.o20-offer .o20-full-offer{grid-template-columns:1fr;gap:23px;margin-top:26px}.o20-offer .o20-full-offer>p{font-size:17px}.o20-offer .o20-full-offer-link{min-height:122px;padding:23px 24px;font-size:32px}.o20-offer .o20-full-offer-link>span:last-child{font-size:43px}}
@media(prefers-reduced-motion:reduce){.o20-offer .e10-service-art>*,.o20-offer .e10-service-title>span,.o20-offer .o20-full-offer-link,.o20-offer .o20-full-offer-link>span:last-child{transition:none}}