/* Branded section rhythm, with uncropped media and the approved L motif. */
:root{--bg:#f5f6f7;--peach:#f7f0ec;--ink:#242b30;--soft:#586168;--max:1160px}
body{background:#fff}
section{padding:72px 0}
.wrap{padding-inline:28px}
.cap{font-size:18px;letter-spacing:.055em;font-weight:400;color:#6b7479;margin-bottom:9px}
h2{font-size:40px;line-height:1.16}
.hero{background:#f3f1ed;color:var(--ink);position:relative;overflow:hidden}
.hero-grid{grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding-block:46px;min-height:610px}
.hero .txt{padding-bottom:0}
.hero .cap{color:#656d70}
.hero h1{font-size:55px;line-height:1.18;font-weight:400;letter-spacing:-1.5px}
.hero h1 b{color:var(--coral);font-weight:800}
.hero .lead{color:#50585d;font-size:19px;line-height:1.8;margin:24px 0;max-width:490px}
.hero .btn{background:var(--coral);color:white}
.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.hero .hero-note{font-size:14px;margin-top:23px;color:#72797d}
.text-link{font-size:16px;text-underline-offset:5px}
.photo{width:100%;padding:28px 20px;display:flex;justify-content:center;background:linear-gradient(90deg,#19252888,#19252844),url('work/shoot-a.webp') center/cover;border-radius:65px 8px 8px 8px;isolation:isolate}
.vbox{width:245px;aspect-ratio:9/16;border:4px solid #fff;border-radius:13px;box-shadow:0 8px 26px #0003}
.vbox video{object-fit:contain}
.btn{font-size:17px;min-height:48px;transition:background .2s,transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn::after{display:none}
.hdr{box-shadow:0 1px 6px #0000000b}
.hdr-in{height:72px}
.nav a{font-size:16px;border:0;padding-inline:12px}
.intro-section{padding:64px 0;background:#fff}
.intro-section>.wrap{max-width:1040px!important}
.intro-section h2{max-width:680px}
.nolist{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}
.nolist li{font-size:17px;line-height:1.65}
.pull{font-size:18px;border-width:2px}
.story{background:#f1f4f5;padding-block:70px}
.story .split.rev{grid-template-columns:1.3fr .7fr;gap:65px}
.story .txt p{font-size:18px;line-height:1.8}
.bleed{background:none;padding:0;margin:0;border-radius:0}
.bleed .phone{width:280px;border-radius:16px;box-shadow:0 6px 22px #0002}
#work{padding-bottom:56px}
.work.slide-track{display:flex;gap:22px;grid-auto-rows:unset;margin-top:30px;padding:8px 2px 22px}
.work figure{flex:0 0 calc((100% - 22px)/2);height:330px;border-radius:13px;box-shadow:none;scroll-snap-align:start;grid-column:auto;grid-row:auto}
.work .bb{display:flex;aspect-ratio:auto}
.work .bb img{width:50%}
.work .w img,.work .c img{aspect-ratio:auto}
.slide-track{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;cursor:grab}
.slide-track::-webkit-scrollbar{display:none}
.slide-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.slide-track img{-webkit-user-drag:none;user-select:none}
.slider-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;color:var(--soft)}
.slider-controls button{width:42px;height:42px;border:1px solid #d9dee0;background:#fff;border-radius:50%;font:inherit;font-size:22px;cursor:pointer;transition:.2s}
.slider-controls button:hover{background:var(--coral);color:#fff;border-color:var(--coral)}
.slider-controls button:disabled{opacity:.3;cursor:default}
.slider-controls small{font-size:13px}
.slider-position{font-size:14px;min-width:46px;direction:ltr}
#reviews{background:#edf3f3}
.review-context{font-size:17px;color:var(--soft);margin-top:16px}
.review-track{display:flex;align-items:flex-start;gap:24px;padding:40px 4px 20px;margin-top:12px;text-align:right}
.review-card{position:relative;background:#fff;border-radius:12px;box-shadow:0 3px 12px #293c4410;padding:30px 18px 18px;flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;min-height:245px;display:flex;flex-direction:column;justify-content:center}
.review-card img{width:100%;height:auto;border-radius:4px}
.quote-mark{position:absolute;top:-38px;right:30px;font-family:Georgia,serif;font-weight:700;font-size:86px;line-height:1;color:var(--coral)}
.review-card figcaption{font-size:14px;color:#727b80;text-align:center;margin-top:20px}
#orders{padding:52px 0}
#orders h2{font-size:32px}
.orders{max-width:880px;margin:26px auto 0;gap:12px}
.orders img{border-radius:7px;box-shadow:none}
.orders img:nth-child(n+5){display:none}
#clients{background:#fff;border-top:1px solid #edf0f0;padding-block:55px}
#clients h2{font-size:31px;text-align:center}
#clients .cap,#clients .lnote{text-align:center}
.lgrid{grid-template-columns:repeat(8,1fr);gap:12px}
.lg{border:0;border-radius:5px}
.lnote{font-size:14px}
#how{background:#f1f4f5;padding-block:52px}
#how h2{font-size:34px}
.steps{gap:28px;margin-top:32px}
.step{border-inline-start:1px solid #cdd4d6;padding-inline-start:22px}
.step .n{font-size:36px;font-weight:300}
.step h3{font-size:20px}
.step p{font-size:16px}
#products{background:#fff}
.product-finder{border-block:1px solid #e0e4e5;padding:22px 0;margin:28px 0}
.product-finder>p:first-child{font-size:19px;font-weight:500}
.finder-options{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}
.finder-options button{padding:10px 20px;background:#f2f4f5;border:1px solid transparent;color:var(--ink);border-radius:6px;font-size:16px;cursor:pointer}
.finder-options button[aria-pressed=true]{color:var(--coral-d);background:#fff4ed;border-color:var(--coral)}
#finder-result{font-size:15px;color:var(--soft);min-height:26px}
.prods{gap:20px;margin-top:22px}
.prod{box-shadow:0 3px 18px #24333b10;border:1px solid #dfe4e6;border-radius:10px;padding:26px}
.prod.feat{border:1px solid #edc7b9;background:#fff8f3}
.prod.selected{outline:3px solid var(--coral);outline-offset:4px}
.prod h3{font-size:25px}
.prod .price b{font-size:37px}
.tag{background:transparent;color:var(--coral-d);padding:0;font-size:14px}
.tag.o{background:transparent;color:var(--soft)}
.fit>div{border-radius:8px}
.vs{box-shadow:none;border:1px solid #e2e5e6;border-radius:8px}
.topics button{border:1px solid #e1dedb;box-shadow:none;border-radius:7px}
.support-section{background:#f8f3ee}
.support-section>.wrap{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:55px;text-align:right}
.maya-portrait{width:300px;border-radius:50% 50% 12px 12px}
.support-copy .topics{justify-content:flex-start}
.support-copy .lead{margin-right:0!important}
details{box-shadow:none;border-radius:0;border-bottom:1px solid #e0e5e6}
summary{font-size:18px;padding:20px 5px}
.cband{background:#eb635d;padding:48px 0}
.cband h2{font-size:32px}
.cband p{font-size:17px}
.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.reveal-ready.in-view{opacity:1;transform:none}
/* Maya is explicitly a virtual assistant. Her portrait is illustration, not a human agent. */
.mfab{right:22px;bottom:22px;padding:6px 16px 6px 6px;gap:9px;border:1px solid #e3e0db;box-shadow:0 5px 22px #25384425;font-size:15px}
.mfab .av{width:60px;height:60px}
.av img{width:100%;height:100%;object-fit:cover;object-position:center 22%;border-radius:50%}
.mfab .av,.mh .av{background:#f1e5da}
.mfab small{font-size:12px;margin-top:4px}
.mtip{display:none!important}
.mwin{width:380px;right:22px;bottom:22px;height:min(620px,calc(100dvh - 40px));border:1px solid #e4dfd8;border-radius:19px;box-shadow:0 12px 65px #22333b40}
.mwin.open{animation:maya-open .22s ease-out}
.mh{background:#fbf7f2;color:var(--ink);padding:14px 16px;border-bottom:1px solid #e9e3dc}
.mh .av{width:56px;height:56px}
.mh span{color:#70787c;font-size:12px}
.mh .av::after{border-color:#fbf7f2}
.mh button{color:#535d63;width:38px;height:38px;border-radius:50%;font-size:28px}
.mh button:hover{background:#eee9e3}
.mb{background:#fff;padding:18px;gap:14px;font-size:15px;scroll-behavior:smooth}
.maya-welcome{text-align:center;padding-bottom:8px}
.maya-welcome img{width:84px;height:84px;object-fit:cover;object-position:center 20%;border-radius:50%;margin:0 auto 12px;background:#f8f0e9}
.maya-welcome h3{font-size:24px}
.maya-welcome p{color:#737b80;font-size:15px;margin-top:7px}
.mb .bm{background:#f3f5f5;box-shadow:none;max-width:95%;line-height:1.7}
.mb .um{max-width:95%;background:#fbece5;color:#863b23}
.mb .opts{gap:8px}
.mb .maya-welcome+.opts{display:grid;grid-template-columns:1fr 1fr}
.mb .maya-welcome+.opts button:last-child{grid-column:1/-1}
.mb .opts button,.mb .opts a{border:1px solid #e2e5e5;border-radius:8px;background:#fff;color:#344047;text-align:right;padding:12px 15px;font-size:15px;font-weight:400;transition:background .2s,transform .2s}
.mb .opts button::after{content:'‹';float:left;color:var(--coral);font-size:20px;line-height:20px}
.mb .opts button:hover{background:#fff8f3;color:var(--coral-d);transform:translateX(-2px)}
.maya-footer{padding:10px 16px;text-align:center;border-top:1px solid #eef0f0;font-size:11px;color:#7b8184;background:#fafafa}
@keyframes maya-open{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:899px){
 section{padding:52px 0}.wrap{padding-inline:22px}
 h2{font-size:32px}.cap{font-size:16px}
 .hdr-in{height:62px}.hdr .logo{font-size:25px}
 .hero-grid{grid-template-columns:1fr;gap:26px;min-height:0;padding-top:32px;padding-bottom:26px}
 .hero h1{font-size:39px;letter-spacing:-.7px;max-width:550px}
 .hero .lead{font-size:17px;line-height:1.7;margin:18px 0}
 .hero-actions{gap:16px}.hero .hero-note{margin-top:16px;font-size:12px}
 .hero .photo{width:100%;max-width:520px;padding:18px 15px;border-radius:28px 5px 5px 5px}
 .vbox{width:180px;border-width:3px}
 .nolist{grid-template-columns:1fr;gap:14px}.nolist li{font-size:17px}
 .story .split.rev{grid-template-columns:1fr;gap:30px}.story .txt p{font-size:17px}
 .bleed{margin:0;padding:0}.bleed .phone{width:240px}
 .work figure{flex-basis:86%;height:270px}
 .review-card{flex-basis:83%;min-height:220px}
 .lgrid{grid-template-columns:repeat(4,1fr);gap:9px}
 #clients h2{font-size:26px}.lnote{font-size:13px}
 .steps{grid-template-columns:1fr 1fr;gap:24px 15px}
 .step{padding-inline-start:12px}.step h3{font-size:17px}.step p{font-size:14px}
 .finder-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .finder-options button{padding:11px 6px;font-size:15px}
 .prods{grid-template-columns:1fr}
 .mfab{right:12px;bottom:82px;padding:4px 11px 4px 4px;font-size:13px}
 .mfab .av{width:48px;height:48px}
 .slider-controls small{display:none}
 .cband h2{font-size:28px}
 .support-section>.wrap{grid-template-columns:1fr;gap:24px;text-align:center}
 .maya-portrait{width:190px;margin:auto}
 .support-copy .topics{justify-content:center}
}
@media(max-width:520px){
 .mwin{right:8px;bottom:8px;width:calc(100vw - 16px);height:min(650px,calc(100dvh - 16px))}
 .hero h1{font-size:36px}
 .review-context{font-size:15px}
 .review-card{padding-inline:12px}
 .hdr-end{gap:8px}.hdr .btn{padding-inline:16px}
 .lgrid{grid-template-columns:repeat(3,1fr)}
}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.mwin.open{animation:none}.mb{scroll-behavior:auto}}

/* Approved direction: warm brand panels, shaped transitions, full photographs. */
:root{--brand-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.10' stroke-width='9'%3E%3Cpath d='M20 12v44h30'/%3E%3Cpath d='M80 72v36h28'/%3E%3C/g%3E%3Ccircle cx='62' cy='52' r='6' fill='%23fff' fill-opacity='.10'/%3E%3Ccircle cx='112' cy='106' r='5' fill='%23fff' fill-opacity='.10'/%3E%3C/svg%3E")}
.hero{background-color:#eb635d;background-image:var(--brand-pattern);color:#fff;border-bottom-left-radius:100px}
.hero .cap,.hero .lead,.hero .hero-note{color:#fff}
.hero h1 b{color:#fff}
.hero .btn{background:#fff;color:#c9443f;box-shadow:0 4px 0 #a2301c}
.hero .btn:hover{background:#fff4ed}
.hero .text-link{color:#fff}
.hero-grid{padding-top:38px;padding-bottom:42px;min-height:605px}
.hero .photo{background:none;border-radius:0;padding:0;width:100%;max-width:none}
.hero .vbox{width:265px;box-shadow:0 14px 30px #60251435;transform:rotate(-2deg);border-width:5px;border-radius:22px}
.intro-section{background:#faf3ed;padding-top:70px}
.intro-section .pull{background:#fff;border-radius:0 10px 10px 0;padding:15px 20px;border-color:var(--coral)}
.story{position:relative;background:#edf2f3;padding-block:80px;border-top-right-radius:85px}
.story .bleed{background-color:#eb635d;background-image:var(--brand-pattern);padding:30px 0;border-radius:65px 12px 65px 12px;position:relative}
.story .bleed .phone{width:245px;box-shadow:0 10px 30px #4b241c30}
#work{background:#fbf7f1;padding-top:70px;border-bottom-right-radius:80px}
#work .cap{color:#7d685e}
.work.slide-track{gap:26px;align-items:center;padding:0;margin-top:30px;border-radius:20px}
.work.slide-track figure{position:relative;flex:0 0 100%;height:auto;aspect-ratio:16/9;border-radius:20px;background:#22282b;overflow:hidden;display:flex;align-items:center;justify-content:center}
.work.slide-track figure img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.work.slide-track figure.bb img{width:auto;max-width:50%;height:100%;object-fit:contain}
.work .expand-work{position:absolute;bottom:15px;left:15px;border:1px solid #ffffff80;border-radius:99px;background:#172126c9;color:#fff;font:inherit;font-size:14px;padding:8px 16px;cursor:pointer}
.work .expand-work:hover{background:#000}
#work .slider-controls{margin-top:22px}
#reviews{background:#eaf2f2;border-top-left-radius:80px;padding-block:72px}
.review-card{border-radius:15px 15px 28px 15px;border-bottom:3px solid #dbe7e7}
#orders{background:#f4e7dc;padding:50px 0;border-bottom-left-radius:70px}
#clients{background:#fffaf5;border-top:0;padding-block:60px}
#how{background:#273d43;color:#fff;position:relative;overflow:hidden;border-top-right-radius:70px}
#how .cap,#how .step p{color:#dce7e8}
#how .step .n{color:#ffb6a1}
#how .step{border-color:#527077}
#products{background:#eef2f2;padding-block:75px}
.product-finder{background:#fff;border:0;border-inline-start:4px solid var(--coral);padding:24px;border-radius:12px}
.prod.feat{background:#fcf0e7}
.support-section{background:#f4e4d8;position:relative;border-top-left-radius:95px;border-bottom-right-radius:95px;margin-block:15px}
.maya-portrait{border:8px solid #fff6ef;box-shadow:12px 12px 0 #d8bda830;border-radius:48% 48% 18px 18px}
.support-copy h2{color:#703923}
.cband{background-color:#eb635d;background-image:var(--brand-pattern);border-top-right-radius:70px}
footer{background:#edf2f3}
/* Maya: compact branded welcome, clear topic buttons and a persistent home action. */
.mwin{width:390px;border:0;border-radius:24px 24px 16px 16px;box-shadow:0 18px 65px #18272f45}
.mh{background-color:#eb635d;background-image:var(--brand-pattern);color:#fff;border:0;padding:15px}
.mh span{color:#fff}
.mh .av{width:58px;height:58px;border:3px solid #ffffffd9}
.mh .av::after{border-color:#fff}
.mh button{color:#fff;background:#ffffff18}
.mh button:hover{background:#ffffff35}
.mb{background:#faf7f3;padding:16px}
.maya-welcome{background:#f1e4d8;border-radius:16px 16px 40px 16px;text-align:right;padding:18px 17px;position:relative;min-height:140px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.maya-welcome img{position:absolute;left:0;bottom:0;width:130px;height:140px;border-radius:0;object-fit:cover;object-position:center top;margin:0;mix-blend-mode:multiply}
.maya-welcome h3,.maya-welcome p{position:relative;max-width:58%;margin-right:0;z-index:1}
.maya-welcome h3{font-size:24px;color:#743c2c}
.maya-welcome p{font-size:14px;color:#735b51}
.mb .opts button,.mb .opts a{border:1px solid #e7dfd7;box-shadow:0 2px 5px #50382a06;min-height:51px;border-radius:12px;font-weight:500}
.mb .opts button:hover{background:#fff0e3;border-color:#cf8060}
.mb .maya-welcome+.opts button:last-child{background:transparent;border-style:dashed;font-weight:400;box-shadow:none}
.mb .bm{background:#fff;border:1px solid #ece5dd}
.mb .um{background:#f4d5c5}
.maya-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffaf5;padding:12px 16px;font-size:10px}
.maya-home{border:0;background:none;color:#a23c27;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.mfab{border:1px solid #e6cbbb;background:#fffaf5;box-shadow:0 5px 22px #593b2825}
.mfab .av{border:2px solid #ebbea7}
/* Image viewer enlarges originals without cropping, including the paired barber shots. */
.work-lightbox{border:0;background:#192024;color:#fff;padding:54px 18px 20px;border-radius:16px;width:min(1200px,96vw);max-width:96vw;max-height:94dvh;margin:auto}
.work-lightbox::backdrop{background:#101820dc}
.work-lightbox .lightbox-images{display:flex;align-items:center;justify-content:center;gap:0;max-height:78dvh}
.work-lightbox img{max-width:100%;max-height:76dvh;width:auto;height:auto;object-fit:contain}
.work-lightbox .lightbox-images.paired img{max-width:50%}
.work-lightbox .close-lightbox{position:absolute;top:9px;left:14px;border:0;background:#ffffff18;color:#fff;font:inherit;padding:6px 15px;border-radius:99px;cursor:pointer}
@media(max-width:899px){
 .hero{border-bottom-left-radius:55px}
 .hero-grid{min-height:0;padding-block:30px;gap:28px}
 .hero .vbox{width:215px;transform:none}
 .hero .photo{padding:0}
 .story{border-top-right-radius:50px;padding-block:55px}
 .story .bleed{width:100%;max-width:420px;margin:auto;padding:24px;border-radius:45px 10px 45px 10px}
 .story .bleed .phone{width:220px}
 #work{border-bottom-right-radius:45px;padding-block:48px}
 .work.slide-track{border-radius:10px}
 .work.slide-track figure{flex-basis:100%;height:auto;aspect-ratio:16/9;border-radius:10px}
 .work .expand-work{bottom:8px;left:8px;font-size:12px;padding:5px 10px}
 #reviews{border-top-left-radius:45px;padding-block:50px}
 #orders{border-bottom-left-radius:40px}
 #how{border-top-right-radius:45px}
 .product-finder{padding:18px}
 .support-section{border-top-left-radius:55px;border-bottom-right-radius:55px}
 .cband{border-top-right-radius:45px}
}
@media(max-width:520px){
 .mwin{width:calc(100vw - 16px);height:min(650px,calc(100dvh - 16px))}
 .mh{padding:12px}.mh .av{width:48px;height:48px}
 .mh b{font-size:19px}.mh span{font-size:11px}
 .maya-welcome{min-height:132px;padding:15px}
 .maya-welcome img{width:112px;height:132px}
 .maya-welcome h3{font-size:22px}
 .mb .opts button{font-size:14px}
 .maya-footer{padding-inline-end:48px}
}
/* v9: Meny-style hero portrait, hand-drawn marks, pattern side strips, soft framed cards */
:root{--pat-coral:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23D9482B' stroke-opacity='.16' stroke-width='9'%3E%3Cpath d='M20 12v44h30'/%3E%3Cpath d='M80 72v36h28'/%3E%3C/g%3E%3C/svg%3E");--mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 14 C 50 5, 120 4, 197 10' fill='none' stroke='%23fff' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");--mark-c:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 14 C 50 5, 120 4, 197 10' fill='none' stroke='%23D9482B' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
.hero{overflow:hidden}
.hero-grid{align-items:end;padding-bottom:0!important}
.hero .txt{padding-bottom:70px}
.hero-media{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:560px}
.hero-media .me{position:relative;z-index:1;width:min(430px,100%);height:auto;display:block;filter:drop-shadow(0 18px 30px #5a1d1040);animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero-media .vbox{position:absolute;z-index:2;left:-6px;bottom:46px;width:190px!important;transform:rotate(-4deg);animation:floaty 6s ease-in-out 1s infinite;box-shadow:0 18px 40px #2a0e0855!important}
.hero-media .vbox .mute{font-size:12px;padding:5px 10px}
.hero-media .sig{position:absolute;z-index:3;right:0;bottom:28px;background:#fff;color:#22262B;border-radius:14px 14px 14px 4px;padding:10px 16px;font-weight:800;font-size:17px;line-height:1.25;box-shadow:0 10px 24px #3a160c33;animation:rise .9s .35s cubic-bezier(.2,.7,.2,1) both}
.hero-media .sig small{display:block;font-weight:400;font-size:13px;color:#5E6670}
.hero h1 b.mark,h2 b{position:relative;white-space:nowrap}
.hero h1 b.mark::after,h2 b::after{content:'';position:absolute;right:0;bottom:-.12em;height:.28em;width:100%;background:var(--mark-c) no-repeat center/100% 100%;transform:scaleX(0);transform-origin:right;transition:transform .9s cubic-bezier(.6,.1,.2,1) .25s;pointer-events:none}
.hero h1 b.mark::after{background-image:var(--mark);transform:scaleX(1);animation:draw 1s .6s cubic-bezier(.6,.1,.2,1) both}
.hero h2 b::after,#how h2 b::after,.cband h2 b::after{background-image:var(--mark)}
h2.drawn b::after{transform:scaleX(1)}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-10px)}}
/* pattern side strips like Elementor sites */
#work,#products,#faq,#reviews{position:relative}
#work::before,#products::before,#faq::before{content:'';position:absolute;top:0;bottom:0;width:46px;background:var(--pat-coral);background-size:60px 60px;pointer-events:none}
#work::before,#faq::before{left:0}
#products::before{right:0}
/* framed cards */
.review-card,.prod,.step,.product-finder,.faq details{box-shadow:0 10px 30px #2a3a4014;border:0}
.prod{border-radius:20px;transition:transform .35s,box-shadow .35s}
.prod:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2a3a4024}
.prod.feat{background:#fff;outline:3px solid var(--coral);outline-offset:-3px}
.prod.feat .tag{background:var(--coral);color:#fff}
.story .bleed .phone{transform:rotate(2deg);transition:transform .5s}
.story .bleed:hover .phone{transform:rotate(0) scale(1.02)}
.lgrid img,.lgrid>*{transition:transform .3s,filter .3s}
.lgrid>*:hover{transform:translateY(-4px)}
.orders img{transition:transform .3s}
.orders img:hover{transform:scale(1.03) rotate(-1deg)}
footer{background-color:#273d43;background-image:var(--brand-pattern);color:#e9eff0}
footer a,footer h4,footer .logo{color:#fff}
footer p,footer .fbot{color:#cbd8da}
@media(max-width:899px){
 .hero .txt{padding-bottom:0;text-align:right}
 .hero-media{min-height:0;width:100%;margin-top:6px}
 .hero-media .me{width:min(82%,340px)}
 .hero-media .vbox{width:128px!important;left:2px;bottom:70px;border-width:4px!important;border-radius:16px!important}
 .hero-media .vbox .mute{font-size:10px;padding:4px 7px;bottom:6px}
 .hero-media .sig{bottom:16px;right:2px;font-size:15px;padding:8px 12px}
 .hero-media .sig small{font-size:11px}
 #work::before,#products::before,#faq::before{width:22px;background-size:44px 44px}
}
@media(max-width:360px){.hero-media .vbox{width:112px!important}.hero-media .sig{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-media .me,.hero-media .sig,.hero-media .vbox{animation:none}.hero h1 b.mark::after{animation:none}h2 b::after{transition:none;transform:scaleX(1)}}
footer ul a,footer li a,footer li button{color:#fff!important;opacity:.92}footer .fbot{border-color:#ffffff30}
/* v10: fixed pattern background behind product cards (Meny-style), works on iOS via clip-path */
#products{background:#23474d;color:#fff;clip-path:inset(0);padding-block:90px;border-radius:0}
#products::before{content:'';position:fixed;inset:0;width:auto;background-color:#23474d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.07' stroke-width='34'%3E%3Cpath d='M60 30v140h90'/%3E%3Cpath d='M230 200v120h100'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 80% 20%,#2f5d64 0,transparent 55%);background-size:360px 360px,100% 100%;z-index:0;pointer-events:none}
#products>.wrap{position:relative;z-index:1}
#products .cap,#products .lead{color:#d6e6e8}
#products h2{color:#fff}
#products h2 b::after{background-image:var(--mark)}
#products .product-finder{background:#ffffff12;color:#fff;border-inline-start-color:#ff9e98;backdrop-filter:blur(4px)}
#products .product-finder p,#products #finder-result{color:#fff}
#products .finder-options button{background:#fff;color:#22262B}
#products .finder-options button[aria-pressed=true]{background:var(--coral);color:#fff}
#products .prod{background:#fff;color:#22262B;box-shadow:0 18px 45px #0b1e2240}
#products .prod.selected{outline:3px solid #ff9e98;outline-offset:3px}
#products #finder-result .text-link{color:#ffc2b2!important}
#how{background:#fbf3ec;color:#22262B}
#how .cap,#how .step p{color:#5E6670}
#how .step .n{color:var(--coral)}
#how .step{border-color:#ead9cc;background:#fff}
#how h2 b::after{background-image:var(--mark-c)}
.prod .tag{width:fit-content;justify-self:start;align-self:flex-start}
/* v11: illustrated packages */
#products .prods{gap:26px;margin-top:34px}
#products .prod{padding:0 24px 24px;overflow:visible;border-radius:26px;gap:10px}
#products .prod .art{margin:-34px -4px 4px;height:210px;border-radius:22px;display:flex;align-items:flex-end;justify-content:center;position:relative}
#products .prod .art::before{content:'';position:absolute;inset:44px 0 0;border-radius:22px;background:#fbefe6}
.art-reels::before{background:#e7f0ef!important}.art-reply::before{background:#f4ece2!important}
#products .prod .art img{position:relative;width:auto;height:225px;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 18px #1b2f3330);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
#products .prod:hover .art img{transform:translateY(-10px) rotate(-3deg) scale(1.04)}
#products .prod .tag{position:absolute;top:16px;right:16px;z-index:2;background:#fff;color:var(--coral-d);padding:4px 12px;border-radius:99px;box-shadow:0 4px 12px #0002;font-size:13px;transform:rotate(3deg)}
#products .prod h3{margin-top:6px}
#products .prod .price{border-top:1px dashed #e3d7cd;padding-top:14px}
#products .prod.feat{background-color:#eb635d;background-image:var(--brand-pattern);color:#fff;outline:0;padding:30px}
#products .prod.feat h3,#products .prod.feat .d,#products .prod.feat li,#products .prod.feat .price b{color:#fff}
#products .prod.feat .price s{color:#ffd6d3}
#products .prod.feat li .ic{color:#fff}
#products .prod.feat .tag{background:#FFD23C;color:#22262B;top:-14px;right:28px}
#products .prod.feat .btn{background:#fff;color:#c9443f;box-shadow:0 4px 0 #8f2b18}
#products .prod.feat .art{margin:0;height:auto}
#products .prod.feat .art::before{display:none}
#products .prod.feat .art img{height:260px;animation:floaty2 5s ease-in-out infinite}
#products .prod.feat .price{border-color:#ffffff55}
@keyframes floaty2{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(min-width:800px){#products .prod.feat{grid-template-columns:1fr 1fr 300px;column-gap:34px}#products .prod.feat .art{grid-column:3;grid-row:1/8}#products .prod.feat .side{grid-column:2;grid-row:1/8}}
@media(max-width:799px){#products .prod{padding:0 20px 22px}#products .prod .art{height:180px;margin-top:-28px}#products .prod .art img{height:190px}#products .prods{gap:46px;margin-top:44px}#products .prod.feat{padding:26px 20px}#products .prod.feat .art img{height:200px}}
/* scroll progress */
.sprog{position:fixed;top:0;right:0;height:3px;background:var(--coral);z-index:200;transform-origin:right;transform:scaleX(0);width:100%;pointer-events:none}
/* Maya v11 */
.mwin.open{animation:mpop .35s cubic-bezier(.2,.9,.3,1.2)}
@keyframes mpop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
.mb .bm,.mb .um{animation:msg .3s ease both}
@keyframes msg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mb .bm{position:relative;margin-inline-start:34px}
.mb .bm::before{content:'';position:absolute;right:-34px;bottom:0;width:26px;height:26px;border-radius:50%;background:url(maya-face.webp) center/cover;border:2px solid #fff;box-shadow:0 2px 6px #0002}
.mb .typing{display:inline-flex;gap:5px;align-items:center;padding:14px 16px;width:auto;align-self:flex-start}
.mb .typing i{width:7px;height:7px;border-radius:50%;background:#c9b3a6;animation:dot 1s infinite}
.mb .typing i:nth-child(2){animation-delay:.15s}.mb .typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}
.msearch{margin:12px 0 4px}
.msearch label{display:block;font-size:13px;font-weight:700;color:#743c2c;margin-bottom:6px}
.msearch input{width:100%;min-height:46px;border:1.5px solid #e2d2c6;border-radius:12px;padding:0 14px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.msearch input:focus{outline:0;border-color:var(--coral);box-shadow:0 0 0 4px #eb635d22}
.mres{display:grid;gap:6px;margin-top:8px}
.mres button{text-align:right;border:0;background:#fff3ea;border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;color:#5b2d1f;cursor:pointer;animation:msg .25s ease both}
.mres button:hover{background:#ffe3d3}
.mnone{font-size:13px;color:#7a6a62}
.mb .opts button,.mb .opts a{transition:transform .2s,background .2s}
.mb .opts button:hover,.mb .opts a:hover{transform:translateX(-3px)}
.mfab{animation:fabin .6s 1.2s cubic-bezier(.2,.9,.3,1.3) both}
.mfab .av{position:relative}
.mfab .av::before{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid #eb635d66;animation:ring 2.4s ease-out 2s infinite}
@keyframes fabin{from{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:none}}
@keyframes ring{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}
@media(prefers-reduced-motion:reduce){.mfab,.mfab .av::before,.mwin.open,.mb .bm,.mb .um,#products .prod.feat .art img{animation:none}}
.work.slide-track figure:has(img[src*="barber.webp"]) img{object-fit:cover}
/* v12: photo-scene packages, premium feel */
#products .prod .art{margin:0 -24px 6px;height:auto;aspect-ratio:4/3;border-radius:26px 26px 0 0;overflow:hidden;display:block}
#products .prod .art::before{display:none}
#products .prod .art img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
#products .prod:hover .art img{transform:scale(1.06)}
#products .prod .art::after{content:'';position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#00000022);pointer-events:none}
#products .prod .tag{top:14px;right:14px;transform:none;background:#fffffff2;backdrop-filter:blur(6px)}
#products .prod:not(.feat){border:1px solid #e9e1d8}
#products .prod:not(.feat) h3{font-size:26px}
#products .prod.feat .art{border-radius:20px;aspect-ratio:4/3;margin:0;box-shadow:0 18px 40px #3a120a55;border:5px solid #fff}
#products .prod.feat .art img{animation:none}
#products .prod.feat .art::after{display:none}
.why{background:#ffffff1c;border:1px solid #ffffff40;border-radius:16px;padding:14px 16px;margin-top:8px}
.why b{display:block;font-size:17px;margin-bottom:6px;color:#FFD23C}
.why .sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:700}
.why .sum span{background:#fff;color:#c9443f;border-radius:8px;padding:2px 8px}
.why .sum i{font-style:normal;opacity:.8}
.why .sum s{color:#ffd6d3}
.why p{font-size:15px;line-height:1.55;margin-top:8px;color:#fff}
@media(min-width:800px){#products .prod.feat{grid-template-columns:1fr 320px 360px}#products .prod.feat .why{grid-column:1}}
@media(max-width:799px){#products .prod .art{margin:0 -20px 6px}#products .prods{gap:26px;margin-top:30px}}
/* reviews: uniform floating cards */
.review-track .review-card{flex:0 0 min(420px,86%);padding:18px 18px 16px;background:#fff;border-radius:22px;animation:none}
.review-track .review-card img{width:100%;aspect-ratio:1280/880;height:auto;object-fit:cover;border-radius:14px;display:block}
.review-track .review-card figcaption{font-weight:700;font-size:17px;color:#22262B;margin-top:12px}
.review-track .review-card:nth-child(odd){transform:translateY(8px)}
@media(prefers-reduced-motion:no-preference){.review-track .review-card{transition:transform .4s}.review-track .review-card:hover{transform:translateY(-6px) rotate(-.6deg)}}
/* orders: show all */
.orders img:nth-child(n+5){display:block!important}
@media(max-width:799px){.orders{gap:10px}}
/* more fixed moving backgrounds */
#reviews,.cband,.support-section{clip-path:inset(0);border-radius:0!important;position:relative}
#reviews::before,.cband::before,.support-section::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-size:360px 360px}
#reviews::before{background-color:#e7f0ef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='%23D9482B' stroke-opacity='.10' stroke-width='34'%3E%3Cpath d='M60 30v140h90'/%3E%3Cpath d='M230 200v120h100'/%3E%3C/g%3E%3C/svg%3E")}
.cband::before{background-color:#eb635d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.10' stroke-width='34'%3E%3Cpath d='M60 30v140h90'/%3E%3Cpath d='M230 200v120h100'/%3E%3C/g%3E%3C/svg%3E")}
.support-section::before{background-color:#f4e4d8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='%23D9482B' stroke-opacity='.09' stroke-width='34'%3E%3Cpath d='M60 30v140h90'/%3E%3Cpath d='M230 200v120h100'/%3E%3C/g%3E%3C/svg%3E")}
#reviews>.wrap,.cband>.wrap,.support-section>.wrap{position:relative;z-index:1}
/* Maya extra motion */
.mwin.is-typing .mh .av{animation:bob .8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.mh .av::after{animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #3fc06b80}50%{box-shadow:0 0 0 5px #3fc06b00}}
.maya-welcome img{animation:wave 1.4s .3s ease both;transform-origin:bottom center}
@keyframes wave{0%{transform:translateY(20px);opacity:0}60%{transform:translateY(-4px) rotate(-2deg);opacity:1}100%{transform:none}}
.mb .opts>*{animation:msg .35s ease both}
.mb .opts>*:nth-child(2){animation-delay:.05s}.mb .opts>*:nth-child(3){animation-delay:.1s}.mb .opts>*:nth-child(4){animation-delay:.15s}.mb .opts>*:nth-child(5){animation-delay:.2s}.mb .opts>*:nth-child(6){animation-delay:.25s}.mb .opts>*:nth-child(7){animation-delay:.3s}
.mtip.show{animation:tipin .5s cubic-bezier(.2,.9,.3,1.3) both}
@keyframes tipin{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mwin.is-typing .mh .av,.mh .av::after,.maya-welcome img,.mb .opts>*,.mtip.show{animation:none}}
.orders img{height:auto!important;aspect-ratio:1157/224;object-fit:cover}
/* ===== v13 ===== */
/* hero: rotating duotone background (Meny / homezhunter) */
.hero .hbg{position:absolute;inset:0 auto 0 0;width:46%;z-index:0;overflow:hidden;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 28%);mask-image:linear-gradient(to left,transparent 0,#000 28%)}
.hero .hbg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:grayscale(1) contrast(1.05) brightness(1.05);animation:hbg 24s infinite}
.hero .hbg::after{content:'';position:absolute;inset:0;background:#eb635d;mix-blend-mode:multiply;opacity:.78}
.hero .hbg img:nth-child(2){animation-delay:6s}.hero .hbg img:nth-child(3){animation-delay:12s}.hero .hbg img:nth-child(4){animation-delay:18s}
@keyframes hbg{0%{opacity:0;transform:scale(1.12)}4%{opacity:1}25%{opacity:1}30%{opacity:0;transform:scale(1)}100%{opacity:0}}
.hero .hbigL{position:absolute;z-index:0;top:-60px;right:-80px;width:620px;opacity:.09;pointer-events:none;animation:floatL 14s ease-in-out infinite}
@keyframes floatL{50%{transform:translateY(24px) rotate(2deg)}}
.hero .hero-grid{position:relative;z-index:1}
@media(max-width:799px){.hero .hbg{inset:auto 0 0 0;width:100%;height:46%;-webkit-mask-image:linear-gradient(to top,#000 60%,transparent);mask-image:linear-gradient(to top,#000 60%,transparent)}.hero .hbigL{width:360px;top:-40px;right:-90px}}
/* compare drag reveal */
.intro-section{background:#faf3ed}
.intro-section .wrap{max-width:1040px}
.cmp{position:relative;margin-top:28px;border-radius:26px;overflow:hidden;min-height:340px;box-shadow:0 20px 50px #5a2a1a1f;user-select:none;touch-action:pan-y}
.cmp-side{position:absolute;inset:0;padding:34px 38px;display:flex;flex-direction:column}
.cmp-side.before{background:#2c3135;color:#e6e6e6}
.cmp-side.after{background:#eb635d var(--brand-pattern);color:#fff;clip-path:inset(0 0 0 var(--p))}
.cmp-side.before{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.cmp-tag{align-self:flex-start;font-weight:800;font-size:15px;border-radius:30px;padding:5px 14px;background:#ffffff1f;margin-bottom:18px}
.cmp-side.after .cmp-tag{background:#fff;color:#c9443f}
.cmp ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.cmp li{display:flex;flex-direction:column}
.cmp li b{font-size:26px;font-weight:800;line-height:1.2}
.cmp li span{font-size:16px;opacity:.85}
.cmp-side.before li b{color:#ff9e98;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ff9e9899}
.cmp-side.after ul,.cmp-side.after .cmp-tag{margin-right:auto;text-align:left}
.cmp-side.after li{align-items:flex-end}
.cmp-handle{position:absolute;top:0;bottom:0;left:var(--p);width:4px;margin-left:-2px;background:#fff;pointer-events:none;z-index:2}
.cmp-handle span{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:#fff;color:#c9443f;display:grid;place-items:center;font-size:24px;font-weight:800;box-shadow:0 6px 18px #0004;animation:nudge 2.4s ease-in-out infinite}
@keyframes nudge{50%{transform:translateX(-6px)}}
.cmp.touched .cmp-handle span{animation:none}
.cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3;margin:0}
@media(max-width:799px){.cmp{min-height:400px}.cmp-side{padding:24px 20px}.cmp li b{font-size:20px}.cmp li span{font-size:14px}}
/* AI explainer */
.aiexp{background:#23474d var(--brand-pattern);color:#fff;padding:80px 0;clip-path:inset(0);position:relative}
.aiexp .cap{color:#a9d3d6}.aiexp h2 b{color:#FFD23C}
.aiexp-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;margin-top:28px}
.aiexp-txt p{font-size:18px;line-height:1.75;color:#e5eff0;margin-bottom:14px}
.aiexp-txt p.big{font-size:23px;font-weight:700;color:#fff}
.aitabs{display:flex;gap:8px;margin:6px 0 12px}
.aitabs button{font:inherit;font-weight:700;border:2px solid #ffffff55;background:none;color:#fff;border-radius:30px;padding:8px 20px;cursor:pointer;transition:.25s}
.aitabs button[aria-selected=true]{background:#fff;color:#23474d;border-color:#fff}
.aipanel{background:#ffffff14;border:1px solid #ffffff30;border-radius:16px;padding:14px 18px;display:flex;flex-direction:column;gap:2px;animation:msg .35s ease}
.aipanel b{font-size:18px;color:#FFD23C}.aipanel span{color:#dbe9ea}
.ainote{display:flex;gap:12px;margin-top:18px;background:#fff;color:#22262B;border-radius:16px;padding:16px 18px}
.ainote .ic{flex:0 0 26px;width:26px;height:26px;color:#3a9a5b}.ainote p{color:#22262B;font-size:16px;margin:0}
.aichat{background:#fff;border-radius:22px;box-shadow:0 30px 60px #0005;overflow:hidden;color:#22262B}
.aichat-h{display:flex;gap:6px;align-items:center;padding:12px 16px;background:#f2f2f0;border-bottom:1px solid #e5e2dc}
.aichat-h i{width:11px;height:11px;border-radius:50%;background:#e0dcd5}.aichat-h span{margin-right:auto;font-size:13px;color:#7a7974;direction:ltr}
.aichat-b{padding:18px;display:flex;flex-direction:column;gap:10px;min-height:330px}
.aichat-b>div{max-width:86%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.45;opacity:0;transform:translateY(10px);transition:.45s}
.aichat.play .aichat-b>div{opacity:1;transform:none}
.aichat.play .aichat-b>div:nth-child(2){transition-delay:1s}.aichat.play .aichat-b>div:nth-child(3){transition-delay:2s}.aichat.play .aichat-b>div:nth-child(4){transition-delay:3s}.aichat.play .aichat-b>div:nth-child(5){transition-delay:4.6s}
.cu{align-self:flex-start;background:#f0ebe5}.ca{align-self:flex-end;background:#eef5f5}
.ca.ok{background:#e9f7ee;color:#1f6b3d;font-weight:700}
.cu .file{display:block;background:#fff;border:1px solid #e3ddd5;border-radius:10px;padding:6px 10px;margin-bottom:6px;font-size:14px;font-weight:700}
.prog{display:block;height:6px;border-radius:4px;background:#d9e7e8;margin-top:8px;overflow:hidden}.prog b{display:block;height:100%;width:0;background:#23474d;transition:width 1.4s 3.2s}
.aichat.play .prog b{width:100%}
.mvg{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.mvg-c{border-radius:20px;padding:22px 24px;background:#ffffff12;border:1px solid #ffffff33}
.mvg-c.on{background:#fff;color:#22262B;border:0;position:relative}
.mvg-c.on::after{content:'מומלץ למי שלא טכנולוגי';position:absolute;top:-12px;left:20px;background:#FFD23C;color:#22262B;font-weight:800;font-size:13px;border-radius:20px;padding:3px 12px}
.mvg-t{font-weight:800;font-size:14px;color:#c9443f}.mvg-c:not(.on) .mvg-t{color:#FFD23C}
.mvg-c h3{font-size:21px;margin:4px 0}.mvg-c p{font-size:15px;opacity:.85}
@media(max-width:799px){.aiexp{padding:56px 0}.aiexp-grid{grid-template-columns:1fr;gap:28px}.aiexp-txt p.big{font-size:20px}.mvg{grid-template-columns:1fr}}
/* story v2 */
.story{background:#edf2f3}
.story2{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.st-media{position:relative;display:flex;justify-content:center}
.st-frame{background:#eb635d var(--brand-pattern);border-radius:200px 200px 26px 26px;padding:60px 46px 34px;box-shadow:0 26px 50px #5a2a1a2e}
.st-frame .phone{width:240px;transform:rotate(-3deg);transition:transform .5s}.st-frame:hover .phone{transform:none}
.st-sticker{position:absolute;bottom:18px;right:-6px;background:#FFD23C;color:#22262B;font-weight:800;border-radius:14px;padding:8px 14px;transform:rotate(4deg);box-shadow:0 8px 18px #0002}
.st-txt h2{font-size:46px}
.st-quote{font-size:21px;line-height:1.6;font-weight:700;color:#22262B;border-right:4px solid var(--coral);padding-right:16px;margin:16px 0 22px}
.tl{list-style:none;padding:0;margin:0;position:relative;counter-reset:t}
.tl::before{content:'';position:absolute;right:15px;top:8px;bottom:8px;width:2px;background:#cfd9db}
.tl li{position:relative;padding-right:46px;margin-bottom:18px;counter-increment:t;opacity:0;transform:translateX(-14px);transition:.5s}
.tl.in li{opacity:1;transform:none}.tl.in li:nth-child(2){transition-delay:.15s}.tl.in li:nth-child(3){transition-delay:.3s}.tl.in li:nth-child(4){transition-delay:.45s}
.tl li::before{content:counter(t);position:absolute;right:0;top:0;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--coral);color:var(--coral);font-weight:800;display:grid;place-items:center;font-size:15px}
.tl li:last-child::before{background:var(--coral);color:#fff}
.tl b{display:block;font-size:19px}.tl span{font-size:16px;color:#5E6670;line-height:1.6}
@media(max-width:799px){.story2{grid-template-columns:1fr;gap:34px}.st-txt{order:-1}.st-txt h2{font-size:36px}.st-frame{padding:46px 30px 26px}.st-frame .phone{width:210px}}
/* fit v2 */
.fit2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.fit2>div{border-radius:22px;padding:26px 28px}
.f-yes{background:#fff4ee;border:2px solid #f3c9b9}.f-no{background:#f3f4f4;border:2px solid #e2e5e6}
.fit2 h3{display:flex;gap:10px;align-items:center;font-size:21px;margin-bottom:14px}
.fit2 h3 .ic{width:30px;height:30px;padding:6px;border-radius:50%;color:#fff}
.f-yes h3 .ic{background:#3a9a5b}.f-no h3 .ic{background:#9aa2a6}
.fit2 ul{list-style:none;padding:0;margin:0}.fit2 li{padding:10px 0;border-top:1px dashed #00000018;font-size:16px}
.f-no li{color:#6b7378}
.qcheck{margin:26px auto 0;max-width:640px;background:#23474d;color:#fff;border-radius:22px;padding:24px 26px}
.qcheck h3{font-size:20px}.qcheck>p{opacity:.8;margin-bottom:10px}
.qcheck label{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;cursor:pointer;transition:.2s;font-size:16px}
.qcheck label:hover{background:#ffffff12}
.qcheck input{width:22px;height:22px;accent-color:#FFD23C;flex:0 0 22px}
.qres{margin-top:12px;font-weight:800;color:#FFD23C;min-height:26px;transition:.3s}
@media(max-width:799px){.fit2{grid-template-columns:1fr}}
/* receipt */
.valsec{background:#faf3ed}
.rcpt{position:relative;max-width:520px;margin:30px auto 0;background:#fff;padding:28px 30px 40px;text-align:right;box-shadow:0 20px 50px #5a2a1a1c;border-radius:6px 6px 0 0;
 -webkit-mask:radial-gradient(10px at 50% 100%,#0000 98%,#000) 50% 100%/20px 100% repeat-x;mask:radial-gradient(10px at 50% 100%,#0000 98%,#000) 50%/20px 100% repeat-x}
.rc-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #22262B;padding-bottom:10px;margin-bottom:8px}
.rc-h b{font-size:20px}.rc-h span{font-size:13px;color:#7a7974}
.rc-r{display:flex;align-items:baseline;gap:8px;padding:11px 0;font-size:16px;opacity:0;transform:translateY(8px);transition:.4s}
.rc-r i{flex:1;border-bottom:2px dotted #d4d1ca}
.rc-r b{font-variant-numeric:tabular-nums}
.rcpt.in .rc-r{opacity:1;transform:none}.rcpt.in .rc-r:nth-of-type(3){transition-delay:.15s}.rcpt.in .rc-r:nth-of-type(4){transition-delay:.3s}.rcpt.in .rc-r:nth-of-type(5){transition-delay:.45s}
.rc-t{display:flex;justify-content:space-between;border-top:2px solid #22262B;margin-top:8px;padding-top:12px;font-size:20px;font-weight:800}
.rc-t s{color:#a13544;text-decoration-thickness:3px}
.rc-stamp{position:absolute;left:22px;bottom:30px;border:4px solid #eb635d;color:#eb635d;border-radius:14px;padding:6px 14px;text-align:center;transform:rotate(-12deg) scale(2.2);opacity:0;transition:.45s cubic-bezier(.2,.9,.3,1.4) .8s;background:#fff}
.rc-stamp small{display:block;font-size:12px;font-weight:700}.rc-stamp b{font-size:30px;font-weight:900;line-height:1}
.rcpt.in .rc-stamp{transform:rotate(-12deg) scale(1);opacity:1}
.rc-save{margin-top:22px;font-size:18px}.rc-save b{background:#FFD23C;padding:2px 8px;border-radius:8px}
@media(max-width:799px){.rcpt{padding:22px 18px 70px}.rc-r{font-size:14.5px}.rc-stamp{left:50%;margin-left:-62px;bottom:24px}}
/* faq v2 */
.faq2{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}
.faq-side{position:sticky;top:100px}
.faq-side p{color:#5E6670;margin:12px 0 18px;font-size:17px}
.fq-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.fq-tabs button{font:inherit;font-weight:700;font-size:15px;border:1.5px solid #e2d6cc;background:#fff;border-radius:30px;padding:7px 16px;cursor:pointer;transition:.2s;color:#22262B}
.fq-tabs button[aria-selected=true]{background:#22262B;color:#fff;border-color:#22262B}
.faq2 .faq{margin:0;max-width:none;counter-reset:fq}
.faq2 details{border-radius:16px;margin-bottom:12px;background:#fff;box-shadow:0 6px 20px #2a3a4012;border:1px solid #efe8e1;transition:.25s;counter-increment:fq}
.faq2 details[open]{border-color:#f0b9a8;box-shadow:0 12px 30px #eb635d1f}
.faq2 summary{padding:18px 20px;font-weight:700;font-size:17px;display:flex;gap:12px;align-items:center}
.faq2 summary::before{content:counter(fq,decimal-leading-zero);font-size:13px;color:#eb635d;font-weight:800;flex:0 0 auto}
.faq2 summary .ic{margin-right:auto;transition:transform .3s}
.faq2 details[open] summary .ic{transform:rotate(45deg)}
.faq2 details p{padding:0 20px 18px 20px;padding-right:48px;color:#50585d;line-height:1.7;animation:msg .3s ease}
.faq2 details.hide{display:none}
@media(max-width:799px){.faq2{grid-template-columns:1fr;gap:20px}.faq-side{position:static}.faq2 summary{font-size:16px;padding:16px}}
.cmp-side ul,.cmp-side .cmp-tag{max-width:44%}
.cmp-side.before{align-items:flex-end;text-align:left}
.cmp-side.before li{align-items:flex-end}
.cmp-side.after{align-items:flex-start;text-align:right}
.cmp-side.after ul,.cmp-side.after .cmp-tag{margin-right:0;text-align:right}
.cmp-side.after li{align-items:flex-start}
.cmp-side.before .cmp-tag{align-self:flex-end}
.cmp-side.after .cmp-tag{align-self:flex-start}
.rcpt{padding-bottom:110px}
.rc-stamp{left:50%;margin-left:-64px;bottom:30px}
@media(max-width:799px){.cmp-side ul,.cmp-side .cmp-tag{max-width:46%}.cmp li b{font-size:18px}.cmp li span{font-size:13px}}
.cmp{min-height:430px}@media(max-width:799px){.cmp{min-height:500px}}
/* hero carousel wall */
.hero .hwall{position:absolute;inset:-40px auto -40px 0;width:50%;z-index:0;display:flex;gap:16px;padding:0 16px;transform:rotate(-6deg) scale(1.12);transform-origin:center;
 -webkit-mask-image:linear-gradient(to left,transparent 0,#000 30%);mask-image:linear-gradient(to left,transparent 0,#000 30%);opacity:.9}
.hcol{flex:1;overflow:hidden}
.hmove{display:flex;flex-direction:column;gap:16px;animation:hup 46s linear infinite}
.hc2 .hmove{animation-direction:reverse;animation-duration:52s}
.hc3 .hmove{animation-duration:40s}
.hmove img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 30px #0000004d;display:block}
@keyframes hup{to{transform:translateY(calc(-50% - 8px))}}
.hero .hwall::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eb635d33,#eb635d00)}
@media(max-width:799px){.hero .hwall{inset:auto -20px -30px -20px;width:auto;height:52%;transform:rotate(-6deg) scale(1.1);gap:10px;-webkit-mask-image:linear-gradient(to top,#000 55%,transparent);mask-image:linear-gradient(to top,#000 55%,transparent)}.hmove{gap:10px}.hmove img{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.hmove{animation:none}}
/* ===== v14 mobile-first pass ===== */
.omore{display:none}
@media(max-width:799px){
 body{font-size:16px}
 section{padding-block:52px!important}
 .wrap{padding-inline:20px}
 section>.wrap>.cap,section>.wrap>h2,section>.wrap>.lead,section .wrap.center>.cap,.faq-side>.cap,.faq-side>h2,.faq-side>p,.st-txt>.cap,.st-txt>h2{text-align:center;margin-inline:auto}
 section>.wrap>.cap,.st-txt>.cap,.faq-side>.cap{display:block}
 h2{font-size:29px!important;line-height:1.25!important;letter-spacing:-.4px}
 .lead{font-size:16px!important;line-height:1.65!important}
 /* hero */
 .hero{border-bottom-left-radius:44px}
 .hero .txt{text-align:center;padding-bottom:24px!important}
 .hero h1{font-size:35px!important;line-height:1.18!important;font-weight:500!important;margin-inline:auto}
 .hero .lead{font-size:16px!important;margin:14px auto 18px!important;max-width:34ch}
 .hero-actions{flex-direction:column;gap:12px!important}
 .hero-actions .btn{width:100%;max-width:330px;justify-content:center;font-size:18px;padding-block:15px}
 .hero .hero-note{display:none}
 .hero-media{min-height:430px!important}
 .hero .vbox{width:165px!important}
 .hero .sig{font-size:14px}
 /* maya fab: avatar only */
 .mfab{padding:4px!important;border-radius:50%!important;bottom:84px!important;right:14px!important}
 .mfab>span:not(.av){display:none!important}
 .mfab .av{width:54px!important;height:54px!important}
 /* compare: full-width reveal */
 .cmp{min-height:0!important;height:auto}
 .cmp-side{position:relative;inset:auto;padding:22px 20px 26px}
 .cmp-side.after{position:absolute;inset:0}
 .cmp-side ul,.cmp-side .cmp-tag{max-width:none!important}
 .cmp-side.before,.cmp-side.after{align-items:stretch!important;text-align:right!important}
 .cmp-side.before li,.cmp-side.after li{align-items:flex-start!important}
 .cmp-side.before .cmp-tag,.cmp-side.after .cmp-tag{align-self:flex-start!important}
 .cmp li b{font-size:21px!important}.cmp li span{font-size:15px!important}
 .cmp-hint{display:block}
 /* orders */
 .orders img:nth-child(n+5){display:none!important}
 .orders.all img{display:block!important}
 .omore{display:block;margin:14px auto 0;font:inherit;font-weight:700;background:#fff;border:1.5px solid #e2d6cc;border-radius:30px;padding:10px 22px;color:#22262B}
 /* ai section */
 .aiexp-txt p{font-size:16px!important}.aiexp-txt p.big{font-size:19px!important;text-align:center}
 .aitabs{justify-content:center}
 .aichat-b{min-height:0}
 .mvg-c h3{font-size:18px}
 /* story */
 .st-quote{font-size:17px!important}
 .st-frame .phone{width:190px!important}
 .tl b{font-size:17px}.tl span{font-size:15px}
 /* products */
 #products .prod h3{font-size:23px!important}
 #products .prod li{font-size:15px}
 /* reviews */
 .review-track .review-card figcaption{font-size:15px}
 /* faq */
 .faq2 summary{font-size:15.5px!important;padding:14px!important}
 .faq2 details p{padding-right:20px!important;font-size:15px}
 .fq-tabs{justify-content:center}.faq-side .btn{display:none}
 /* fit */
 .fit2>div{padding:20px}.fit2 li{font-size:15px}
 .qcheck{padding:20px}.qcheck label{font-size:15px;padding:8px 4px}
 /* steps */
 .step h3{font-size:16px!important}
}
/* ===== v15 ===== */
@media(max-width:799px){
 .hero-grid{display:flex!important;flex-direction:column;padding-top:18px!important;gap:0!important;min-height:0!important}
 .hero .txt{display:contents}
 .hero .cap{order:1;text-align:center;font-size:13px;margin-bottom:4px}
 .hero h1{order:2;font-size:31px!important;text-align:center;margin-bottom:6px}
 .hero-media{order:3;min-height:0!important;height:372px;margin:0 -20px;justify-content:flex-end!important;align-items:flex-end}
 .hero .lead{order:4;text-align:center;margin-top:16px!important}
 .hero-actions{order:5;align-items:center}
 .hero .hero-note{order:6}
 .hero-media .me{width:auto!important;height:100%;max-width:none;margin-left:-30px;margin-right:-8px}
 .hero .vbox,.hero-media .vbox{width:118px!important;left:14px!important;bottom:24px!important;transform:rotate(-4deg)}
 .hero-media .sig{right:auto;left:140px;bottom:14px;font-size:13px!important;padding:7px 10px}
 .hero-media .sig small{font-size:10.5px}
 .hero .hwall{height:62%!important}
}
@media(max-width:360px){.hero h1{font-size:28px!important}.hero-media{height:330px}.hero .vbox,.hero-media .vbox{width:104px!important}.hero-media .sig{left:120px}}
/* sticky buy pill, centered, clear of a11y and Maya */
.sticky{inset:auto auto calc(12px + env(safe-area-inset-bottom)) 50%!important;transform:translate(-50%,140%);background:none!important;box-shadow:none!important;padding:0!important;transition:transform .35s}
.sticky.show{transform:translate(-50%,0)!important}
.sticky .btn{min-height:50px;font-size:17px;padding:0 26px;border-radius:40px;box-shadow:0 8px 22px #c9443f55!important;white-space:nowrap;gap:8px}
.sticky .btn span{font-weight:500;opacity:.9;font-size:15px}
@media(max-width:799px){.mfab{bottom:calc(10px + env(safe-area-inset-bottom))!important;right:12px!important}.mwin{bottom:76px!important}.mtip{bottom:80px!important;right:12px!important;left:auto!important;max-width:230px}}
/* maya tip bubble */
.mtip{border-radius:18px 18px 4px 18px!important}
.mtip.show{display:block}
/* products: bigger and clearer */
#products .prod h3{font-size:28px!important}
#products .prod p{font-size:17px}
#products .prod li{font-size:17px!important;padding-block:4px}
#products .prod .price b,#products .prod .now{font-size:44px}
#products .prod .btn{min-height:54px;font-size:18px}
@media(max-width:799px){#products .prod h3{font-size:26px!important}#products .prod li{font-size:16.5px!important}#products .prod .art{margin-inline:-20px}}
@media(max-width:799px){.hero-media{justify-content:flex-start!important}.hero-media .me{margin-right:-14px!important;margin-left:0!important}.hero .vbox,.hero-media .vbox{width:108px!important;left:10px!important;bottom:70px!important}.hero-media .sig{left:auto!important;right:10px!important;bottom:12px}}
@media(max-width:799px){.hero .cap{align-self:center}}
/* v16: Maya = circle only, bubble pops out of it */
.mfab{padding:4px!important;border-radius:50%!important;width:auto!important;gap:0!important}
.mfab>span:not(.av){display:none!important}
.mfab .av{width:60px!important;height:60px!important}
.mtip{display:block!important;visibility:hidden;opacity:0;transform:translateY(16px) scale(.3);transform-origin:calc(100% - 26px) 100%;transition:transform .45s cubic-bezier(.2,1.4,.4,1),opacity .25s,visibility 0s .45s;animation:none!important;
 bottom:96px!important;right:14px!important;left:auto!important;max-width:250px;padding:12px 34px 12px 16px!important;font-weight:600;font-size:15.5px!important;border-radius:18px 18px 4px 18px!important;box-shadow:0 10px 30px #0000002e!important}
.mtip::after{content:'';position:absolute;right:22px;bottom:-8px;width:16px;height:16px;background:#fff;transform:rotate(45deg);border-radius:0 0 4px 0}
.mtip.show{visibility:visible;opacity:1;transform:none;transition:transform .45s cubic-bezier(.2,1.4,.4,1),opacity .25s,visibility 0s}
.mtip button{top:6px!important;left:auto!important;right:8px!important}
@media(max-width:799px){.mtip{bottom:84px!important;right:10px!important;max-width:220px}}
@media(prefers-reduced-motion:reduce){.mtip,.mtip.show{transition:none}}
.mfab.nudge{animation:mnudge .6s ease}@keyframes mnudge{30%{transform:scale(1.12)}60%{transform:scale(.96)}}
/* v17 mobile hero: photo stands on a solid band, text on the band */
@media(max-width:799px){
.hero{padding-bottom:0!important}
.hero .hero-grid{gap:0!important;padding-bottom:0!important}
.hero .cap{margin-bottom:6px}.hero h1{margin-bottom:6px!important}
.hero-media{margin-bottom:0!important;align-items:flex-end;overflow:visible}
.hero-media .me{display:block;object-position:bottom;margin-bottom:0!important}
.hero-media .sig{top:18px!important;bottom:auto!important;left:10px!important;right:auto!important}
.hero .vbox,.hero-media .vbox{bottom:16px!important}
.hero .lead,.hero .hero-actions,.hero .hero-note{position:relative;z-index:3;width:100vw;margin-inline:calc(50% - 50vw)!important;background:#c9443f;text-align:center;justify-content:center}
.hero .lead{margin:0!important;padding:22px 22px 6px;font-size:19px!important;line-height:1.6;font-weight:500;color:#fff!important;max-width:none!important;border-top:4px solid #FFD23C}
.hero .hero-actions{margin:0!important;padding:14px 20px 8px;display:flex;flex-direction:column;align-items:center;gap:12px}
.hero .hero-actions .btn{background:#fff!important;color:#C9443F!important;min-height:56px;font-size:18px;padding:0 30px;box-shadow:0 5px 0 #93302c}
.hero .hero-actions .text-link{color:#fff!important;font-size:17px}
.hero .hero-note{margin:0!important;padding:8px 20px 26px;color:#ffe2d8!important;font-size:15px;display:block}
}
@media(max-width:799px){.hero .lead,.hero .hero-actions,.hero .hero-note{margin:0 calc(50% - 50vw)!important;align-self:center}.hero-media{align-self:stretch}}
@media(max-width:799px){.hero-media{width:calc(100% + 40px)!important;max-width:none!important;margin-inline:-20px!important;align-self:center}.hero-media .me{margin-right:0!important}.nw{white-space:nowrap}}
@media(max-width:799px){.hero .hwall{inset:auto -40px 0 -40px!important;height:80%!important;transform:rotate(-6deg) scale(1.05)!important;-webkit-mask-image:linear-gradient(to top,#000 78%,transparent)!important;mask-image:linear-gradient(to top,#000 78%,transparent)!important}.hero .hwall::after{display:none}.hero .hbigL{opacity:.5}}
@media(max-width:799px){.hero .hbigL{display:none}}
@media(max-width:799px){.mwin{top:calc(env(safe-area-inset-top,0px) + 10px)!important;bottom:84px!important;height:auto!important;max-height:none!important;right:8px!important;left:8px!important;width:auto!important;z-index:130}.mwin .mb{min-height:0}}
#products .prod .art{position:relative!important;overflow:hidden!important;aspect-ratio:4/3;height:auto!important;min-width:0}#products .prod .art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}#products .prod{min-width:0}@supports not (aspect-ratio:1){#products .prod .art{height:0!important;padding-top:75%}}
@media(hover:none){#products .prod:hover .art img,#products .prod .art img{transform:none!important}}
html{background:#273d43!important}@media(max-width:799px){footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}}
.vfull{position:absolute;top:8px;left:8px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:#22262bcc;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px #0004}.vfull:hover{background:#EB635D}@media(max-width:799px){.vfull{width:30px;height:30px;top:6px;left:6px}}video:fullscreen{object-fit:contain;background:#000}
/* v20 launch + product modal */
.launch{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#C8102E;color:#fff;border-radius:18px;padding:16px 22px;margin:22px 0 26px;box-shadow:0 10px 26px #c8102e40}
.launch .lt b{display:block;font-size:24px;font-weight:800;line-height:1.2}.launch .lt span{font-size:16px;opacity:.95}
.launch .cd{display:flex;gap:8px;direction:rtl}.launch .cd div{background:#fff;color:#C8102E;border-radius:12px;min-width:62px;padding:6px 6px 4px;text-align:center}
.launch .cd b{display:block;font-size:28px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.launch .cd small{font-size:13px;font-weight:600}
.price.lp{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.price.lp b{color:#C8102E!important}
.off{font-style:normal;background:#C8102E;color:#fff;font-weight:800;font-size:15px;border-radius:8px;padding:3px 9px;direction:ltr;align-self:center}
.prod.feat .price.lp b{color:#fff!important}.prod.feat .off{background:#FFD23C;color:#22262B}
html.pm-lock,html.pm-lock body{overflow:hidden}
.pm{position:fixed;inset:0;z-index:200;background:#141a1fb3;display:none;align-items:center;justify-content:center;padding:20px}
.pm.open{display:flex;animation:pmf .2s ease}@keyframes pmf{from{opacity:0}}
.pm-box{position:relative;background:#fff;border-radius:22px;width:min(640px,100%);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 80px #0006;overscroll-behavior:contain}
.pm-x{position:absolute;top:12px;left:12px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#22262B;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 3px 12px #0003}
.pm-art{aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:22px 22px 0 0;background:#faf3ed}.pm-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pm-in>h3,.pm-in>p,.pm-in>h4,.pm-in>ul,.pm-in>ol,.pm-need,.pm-buy{margin-inline:26px}
.pm-in h3{font-size:30px;font-weight:800;margin-top:20px;margin-bottom:8px;line-height:1.2}
.pm-what{font-size:18px;color:#3a3f45;line-height:1.7}
.pm-in h4{font-size:20px;font-weight:800;margin-top:22px;margin-bottom:8px;color:#C9443F}
.pm-in ul,.pm-in ol{padding-inline-start:24px;font-size:17.5px;line-height:1.7;margin-top:0}.pm-in li{margin-bottom:4px}
.pm-in>p{font-size:17.5px;line-height:1.7}
.pm-need{background:#faf3ed;border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.6;margin-top:18px}
.pm-buy{position:sticky;bottom:0;background:#fff;border-top:1px solid #eee3d9;margin:18px 0 0!important;padding:14px 26px calc(18px + env(safe-area-inset-bottom));text-align:center}
.pm-cd{color:#C8102E;font-size:15px;font-weight:600;margin-bottom:6px}.pm-cd b{font-size:17px;font-variant-numeric:tabular-nums;margin-inline-start:6px}.pm-cd i{font-style:normal}
.pm-pr{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-bottom:10px}.pm-pr b{font-size:36px;font-weight:800;color:#C8102E}.pm-pr s{font-size:20px;color:#8a8f95}
.pm-go{width:100%;min-height:58px;font-size:19px}
.pm-soon{font-size:15px;margin:10px 0 0;color:#5b6168;transition:color .3s}.pm-soon.flash{color:#C8102E;font-weight:700}
@media(max-width:799px){.launch{flex-direction:column;text-align:center;padding:16px 14px}.launch .lt b{font-size:22px}.launch .cd div{min-width:58px}
.pm{padding:0;align-items:flex-end}.pm-box{border-radius:22px 22px 0 0;max-height:calc(100dvh - 24px)}.pm-in>h3,.pm-in>p,.pm-in>h4,.pm-in>ul,.pm-in>ol,.pm-need{margin-inline:18px}.pm-buy{padding-inline:18px}.pm-in h3{font-size:26px}}
/* v21 */
.hero .vbox video,.hero-media .vbox video{width:100%;height:100%;object-fit:cover;display:block}
.hero .vbox,.hero-media .vbox{aspect-ratio:9/16!important;background:#fff}
#products .prod .ig{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;font-size:14px;font-weight:700;color:#C9443F;background:#fbe7e0;border-radius:999px;padding:3px 12px 3px 10px}
#products .prod .ig::before{content:'';width:16px;height:16px;border-radius:5px;background:linear-gradient(45deg,#feda75,#fa7e1e 35%,#d62976 60%,#4f5bd5)}
#products .prod.feat .ig{background:#ffffff26;color:#fff}
#products .prod .ig{width:fit-content;align-self:flex-start}
/* v22 brand hue readability */
#products .prod.feat{background-color:#d9534d}
#products .prod.feat .d,#products .prod.feat li,#products .prod.feat p{color:#fff;text-shadow:0 1px 2px #0000004d}
.hero .kick,.hero .eyebrow,.hero small,.hero .sub{text-shadow:0 1px 3px #00000059}
/* v23 looping underline: draws, holds, wipes out, repeats */
@keyframes drawloop{0%{transform:scaleX(0);transform-origin:right}28%{transform:scaleX(1);transform-origin:right}72%{transform:scaleX(1);transform-origin:right}73%{transform:scaleX(1);transform-origin:left}100%{transform:scaleX(0);transform-origin:left}}
.hero h1 b.mark::after{transform:scaleX(0);animation:drawloop 4.2s .5s cubic-bezier(.6,.1,.2,1) infinite both}
@media(prefers-reduced-motion:reduce){.hero h1 b.mark::after{animation:none;transform:scaleX(1)}}
/* v24 centered last logo row */
.lgrid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px}
.lgrid>*{flex:0 0 calc((100% - 7*12px)/8)}
@media(max-width:1100px){.lgrid>*{flex-basis:calc((100% - 3*9px)/4)}.lgrid{gap:9px}}
@media(max-width:560px){.lgrid>*{flex-basis:calc((100% - 2*9px)/3)}}
/* v25 review fixes */
.needline{display:flex;gap:8px;align-items:flex-start;background:#fff4d6;border:1.5px solid #FFD23C;border-radius:12px;padding:10px 12px;margin:12px 0 8px;font-size:15px;line-height:1.45;color:#22262B}
.needline .ic{flex:none;width:20px;height:20px;color:#8a5a00;margin-top:1px}
.prod.feat .needline{background:#fff4d6;color:#22262B}.prod.feat .needline span{color:#22262B;text-shadow:none}
.guar-sec{padding:6px 0 30px}.guar{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;background:#fff;border:2px solid #EB635D;border-radius:18px;padding:18px 20px;text-align:right;max-width:860px;margin:0 auto}
.guar .ic{flex:none;width:34px;height:34px;color:#C9443F}.guar>div{flex:1 1 320px}.guar b{font-size:20px;display:block;margin-bottom:4px}.guar p{margin:0;color:#50585d;font-size:17px}
@media(max-width:640px){.guar{flex-direction:column;text-align:center}.guar .btn{width:100%}}
/* tap targets */
.vfull,#fullBtn{min-width:44px;min-height:44px}.mute{min-height:44px;padding:0 16px}
.expand-work{min-height:44px;padding-inline:16px}.guide a,.prod .guide a{display:inline-block;padding:10px 6px;min-height:44px;line-height:24px}
.slide-nav button,.arrow,.sl-btn,[class*="arrow"] button,button[class*="arrow"]{min-width:48px;min-height:48px}
/* compact cookie banner */
.cookie-banner{bottom:8px!important;left:8px!important;right:8px!important;max-width:760px;padding:10px 14px!important;border-radius:14px!important;font-size:14px!important;display:none}
.cookie-banner.is-visible{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap}
.cookie-banner-text{margin:0!important;font-size:14px;line-height:1.4;flex:1 1 300px}
.cookie-banner-actions{flex:0 0 auto;flex-wrap:nowrap!important;gap:8px}
.cookie-btn{min-height:40px!important;padding:0 16px!important;font-size:14px!important}
@media(max-width:560px){.cookie-banner{bottom:8px!important}.cookie-banner-actions{width:100%}.cookie-btn{flex:1}}
.slider-controls button{min-width:48px;min-height:48px;font-size:22px}
@media(max-width:640px){.guar>div{flex:0 0 auto}}
/* v26 tap targets + compact cookie */
.hdr .logo,header .logo{display:inline-flex;align-items:center;min-height:44px}
.soc{width:44px!important;height:44px!important}
header .btn,.hdr .btn{min-height:44px}
.text-link{display:inline-flex;align-items:center;min-height:44px}
.fitsec label{display:flex;align-items:center;gap:10px;min-height:44px}.fitsec input[type=checkbox]{width:24px;height:24px}
.mtabs button,.mb button.chip,.tabs button,[role=tab]{min-height:44px}
.cookie-banner{padding:8px 12px!important}.cookie-banner-text{font-size:13px!important;line-height:1.35;flex:1 1 200px}
.cookie-btn{min-height:44px!important;padding:0 14px!important}
@media(max-width:560px){.cookie-banner.is-visible{flex-wrap:wrap;gap:6px}.cookie-banner-actions{gap:6px}.cookie-btn{font-size:14px!important}}
.sticky{transition:opacity .2s,transform .25s}
.mwin button,.mwin .mb button{min-height:44px}
/* v27: logo bidi, nowrap, packages redesign */
.nw{white-space:nowrap}
.logo{direction:ltr;unicode-bidi:isolate;display:inline-block}
#products .prod:not(.feat){background:linear-gradient(180deg,#fff 0%,#fff 55%,#fff6f2 100%);border:0;box-shadow:0 14px 40px #2a3a4026,0 0 0 1px #f0d9d2;overflow:hidden}
#products .prod:not(.feat)::before{content:'';position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#EB635D,#FFB347);z-index:3}
#products .prod h3{letter-spacing:-.3px}
#products .prod li .ic{background:#fde4e0;color:#C9443F;border-radius:50%;width:22px;height:22px;padding:4px;flex:none;margin-top:2px}
#products .prod.feat li .ic{background:#ffffff33;color:#fff}
/* price box */
#products .prod .price{background:#fff1ed;border:1.5px solid #f6cfc8;border-radius:16px;padding:14px 16px;margin-top:10px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
#products .prod .price b{color:#C9443F!important;font-size:46px;line-height:1}
#products .prod .price::after{content:'תשלום חד-פעמי, ללא מנוי חודשי אצלנו';flex-basis:100%;font-size:14px;color:#5c646a}
#products .prod .price s{white-space:nowrap;font-size:20px;color:#7d848a}
#products .prod .price .off{white-space:nowrap;background:#FFD23C;color:#22262B;border-radius:999px;padding:3px 12px;font-size:14px;font-style:normal;font-weight:800}
#products .prod .btn{background:linear-gradient(180deg,#f0716b,#E2524C);color:#fff;border-radius:999px;box-shadow:0 5px 0 #a8342f,0 12px 24px #c9443f55;font-weight:800;min-height:58px}
#products .prod .btn:active{transform:translateY(3px);box-shadow:0 2px 0 #a8342f}
/* featured: white panel for price+button */
#products .prod.feat .side{background:#fff;border-radius:22px;padding:18px;box-shadow:0 18px 40px #3a120a55}
#products .prod.feat .side .price{background:#fff1ed;border-color:#f6cfc8}
#products .prod.feat .side .price b{color:#C9443F!important}
#products .prod.feat .side .price s{color:#7d848a!important}
#products .prod.feat .side .price::after{color:#5c646a}
#products .prod.feat .side .btn{background:linear-gradient(180deg,#f0716b,#E2524C);color:#fff;box-shadow:0 5px 0 #a8342f,0 12px 24px #c9443f55;margin-top:12px}
#products .prod.feat .why{background:#ffffff1f;border:1px solid #ffffff55;border-radius:16px}

/* coming-soon locked products */
#products .prod.soon{opacity:.92}
#products .prod.soon .art{filter:grayscale(.55) brightness(.97)}
#products .prod .btn.locked,#products .prod.feat .btn.locked{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ece7e2;color:#6b625c;box-shadow:0 4px 0 #cfc7c0;cursor:not-allowed;border:0;font:inherit;font-weight:700;width:100%;transform:none}
#products .prod .btn.locked:hover{transform:none}
#products .prod .btn.locked .ic{width:18px;height:18px;fill:none;stroke:currentColor;flex:none}
#products .prod.soon .guide{color:#6b625c}

/* availability strip + clearer coming-soon state */
.avail{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px 0 18px}
.avail span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-weight:700;font-size:16px}
.avail i{width:10px;height:10px;border-radius:50%;display:inline-block}
.avail .on{background:#e6f4ea;color:#1d6b34}.avail .on i{background:#2e9d52;box-shadow:0 0 0 4px #2e9d5230}
.avail .off{background:#ffffff1f;color:#fff;border:1px dashed #ffffff80}.avail .off i{background:#c9c3bd}
#products .prod .tag.now{background:#2e9d52;color:#fff}
#products .prod .tag.soon-t{background:#6b625c;color:#fff}
#products .prod.soon{position:relative;opacity:1;background:#e9e5e0}
#products .prod.soon h3,#products .prod.soon .d,#products .prod.soon li,#products .prod.soon .ig{color:#6b625c}
#products .prod.soon .art{position:relative;filter:grayscale(1) brightness(.9)}
#products .prod.soon .art::after{content:"בקרוב";position:absolute;inset:auto 0 0 0;margin:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;height:max-content;background:#22262Bd9;color:#fff;font-weight:800;font-size:22px;padding:10px 26px;border-radius:999px;box-shadow:0 6px 18px #0004}
#products .prod.soon .price b{color:#6b625c}
#products .prod:not(.soon){box-shadow:0 0 0 3px #2e9d52,0 14px 34px #0003}
@media(min-width:900px){#products .prods{grid-template-columns:repeat(3,1fr)}}
#products .prod .tag.now,#products .prod .tag.soon-t{font-size:14px!important;line-height:1.3;font-weight:700}

/* equal-height product cards, aligned price + button */
#products .prods{align-items:stretch}
#products .prod{display:flex;flex-direction:column;height:100%}
#products .prod ul{flex:0 0 auto;min-height:118px}
#products .prod .needline{flex:1 1 auto;display:flex;align-items:center;margin-bottom:14px}
#products .prod .price{flex:0 0 auto}
#products .prod .btn{flex:0 0 auto;margin-top:auto}
@media(max-width:899px){#products .prod ul{min-height:0}}

/* footer bottom line: tidy, no broken phone number */
footer .fbot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;line-height:1.7}
footer .fbot span{white-space:nowrap}
footer .fbot span+span::before{content:"·";margin-inline:10px;opacity:.7}
footer .fbot a{unicode-bidi:isolate;white-space:nowrap}
@media(max-width:640px){footer .fbot{flex-direction:column;align-items:center;gap:4px}footer .fbot span+span::before{content:none}}

/* mobile hero headline: bigger, regular weight, only key words bold (like desktop) */
@media(max-width:899px){
 .hero h1{font-size:46px!important;font-weight:300!important;line-height:1.12!important;letter-spacing:-1px!important;max-width:none!important;width:100%!important;text-shadow:0 1px 4px #00000040}
 .hero h1 b{font-weight:800!important}
}
@media(max-width:360px){.hero h1{font-size:34px!important}}

/* carousel examples gallery in product modal */
.pm-gal{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;margin:0 -2px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.pm-gal img{flex:0 0 auto;width:min(46vw,210px);height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:14px;box-shadow:0 4px 14px #0000002e;scroll-snap-align:start}

/* in-app browsers (Instagram/Facebook): their bottom toolbar overlaps fixed bottom UI, so lift it */
@media(max-width:799px){
 .iab .sticky{inset:auto auto calc(78px + env(safe-area-inset-bottom)) 50%!important}
 .iab .mfab{bottom:calc(78px + env(safe-area-inset-bottom))!important}
 .iab .mwin{bottom:calc(140px + env(safe-area-inset-bottom))!important}
 .iab .mtip{bottom:calc(150px + env(safe-area-inset-bottom))!important}
 .iab footer{padding-bottom:calc(170px + env(safe-area-inset-bottom))!important}
}