/* Bioutopia landing: rebuilt from the computed styles of the Hebrew Elementor page (source/styles_bio.json) + ref_he_bio.jpg, mirrored LTR */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&display=swap');
/* the Hebrew landing page shows no site header/footer */
body:has(.bio) .site-header,body:has(.bio) .site-footer{display:none}
body:has(.bio){background:#fff}
.bio{--gold:#F4C542;--brown:#5B3E1D;--gold-d:#C69A2F;--grey:#808285;--dark:#2B2A29;--cream:#FFFCF5;font-family:Assistant,system-ui,sans-serif;color:var(--brown);text-align:center;overflow-x:hidden}
.bio *{box-sizing:border-box}
.bio section{max-width:1200px;margin:0 auto;padding:40px 24px}
.bio h1,.bio h2,.bio h3{font-family:Assistant,system-ui,sans-serif;font-weight:600;margin:.3em 0;line-height:1.25;letter-spacing:normal}
.bio p{font-size:18px;line-height:1.5;margin:.2em 0}
.bio ul{margin:0}
.bio .pill{display:inline-block;background:var(--gold);color:var(--brown);font-size:24px;font-weight:500;padding:8px 26px;border-radius:999px;text-decoration:none;margin:22px 0 6px;border:0}
/* top intro (above the hero) */
.bio section.top{padding:40px 24px 30px}
.bio .top h1{font-size:40px;font-weight:800;color:var(--dark);margin:0}
.bio .top p{font-size:18px;color:#555;margin:8px 0 0}
.bio .orange{display:inline-block;background:#EF6C00;color:#fff;font-weight:800;font-size:19px;padding:12px 46px;border-radius:999px;text-decoration:none;margin-top:16px;box-shadow:0 8px 22px rgba(239,108,0,.30)}
/* S0 hero (photo mirrored for LTR) */
.bio section.hero{position:relative;min-height:912px;display:flex;flex-direction:column;justify-content:center;background:url(/static/img/lp-16-1.webp) center/cover;color:#F2F3F6;padding:60px 40px;transform:scaleX(-1)}
.bio .hero::before{content:"";position:absolute;inset:0;background:var(--dark);opacity:.5}
.bio .hero>*{position:relative;transform:scaleX(-1)}
.bio .hero h2.t{font-size:clamp(38px,5vw,67px);color:var(--gold)}
.bio .hero h2{font-size:clamp(24px,2.8vw,38px);color:var(--gold);margin:.6em 0 0}
.bio .hero p{font-size:clamp(19px,2vw,28px);color:#F2F3F6;max-width:980px;margin:36px auto 0}
.bio .hero .pill{margin-top:44px;align-self:center}
/* text blocks */
.bio .sec-title{font-size:27.2px;color:var(--gold)}
.bio .sec-title.u{font-style:italic;text-decoration:underline}
.bio .big-title{font-size:36px;font-weight:700;color:var(--brown)}
.bio .gold p{color:var(--gold-d)}
.bio p.strong{font-weight:600;color:var(--brown)}
.bio .gold p.strong{color:var(--gold-d);font-weight:700}
.bio .gap{margin-top:1.6em!important}
.bio .stuck{padding-top:10px}
.bio .stuck p{margin:0;line-height:1.3}
.bio .img-c img{max-width:940px;width:100%;margin:26px auto 0;display:block}
.bio .crystal p{margin:0 0 1.2em;line-height:1.85}
/* box + flowers (mirrored: flowers left, box right) */
.bio section.boxrow{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;padding:0 24px}
.bio .box{border:3px dotted var(--gold-d);background:var(--cream);padding:60px 40px;text-align:left;display:flex;flex-direction:column;justify-content:center}
.bio .box h2{font-size:36px;font-weight:800;color:var(--gold);margin:0 0 30px}
.bio .box ul{list-style:none;padding:0;margin:0 0 10px}
.bio .box li{font-size:18px;color:var(--brown);padding:3px 0 3px 30px;position:relative;line-height:1.35}
.bio .box li::before{content:"♡";position:absolute;left:0;top:0;color:var(--gold-d);font-size:22px;line-height:1.2}
.bio .box .pill{align-self:center;margin-top:40px}
.bio .boxrow .flowers{background:url(/static/img/lp-gili-13.webp) left center/cover var(--cream);transform:scaleX(-1);min-height:380px}
/* about Gili (mirrored: photo left, text right) */
.bio section.meet-t{padding-bottom:10px}
.bio section.meet{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:end;text-align:left;max-width:1000px;padding-top:30px}
.bio .meet img{border-radius:18px;width:100%;display:block}
.bio .meet p{font-size:17.5px;color:#4A3F33;margin:0 0 1em;line-height:1.75}
.bio .meet h3{font-size:22px;font-weight:700;color:var(--gold-d);margin:0 0 .8em}
.bio .meet strong{color:var(--brown)}
/* strip + banner */
.bio section.strip{padding:24px}
.bio .strip h2{font-size:23px;color:var(--brown)}
.bio .strip .pill{font-size:15px;color:#fff;border-radius:3px;padding:10px 24px}
.bio section.banner{background:url(/static/img/lp-gili-13.webp) center 30%/cover var(--cream);padding:70px 24px;margin-top:10px}
.bio .banner h2{font-size:22px;font-weight:800;background:rgba(255,252,245,.92);border-radius:999px;display:inline-block;padding:14px 34px;margin:0}
/* testimonials */
.bio .people h2{font-size:48px;font-weight:800;color:var(--gold);margin:0 0 30px}
.bio .slider{position:relative;max-width:1082px;margin:0 auto}
.bio .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.bio .track::-webkit-scrollbar{display:none}
.bio .card{flex:0 0 100%;scroll-snap-align:start;border:1px solid #e3e3e3;border-radius:4px;background:#fff;text-align:left}
.bio .card .who{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-bottom:1px solid #e3e3e3;min-height:86px}
.bio .card .who img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.bio .card .who b{font-size:14px;font-weight:400;color:#333;padding-top:4px}
.bio .card .q{padding:12px 20px 14px}
.bio .card .q p{font-size:14px;color:var(--grey);line-height:1.45;margin:0 0 .5em}
.bio .arr{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;font-size:30px;color:#ccc;cursor:pointer;padding:6px}
.bio .arr.l{left:-40px}.bio .arr.r{right:-40px}
/* listen */
.bio hr{border:0;border-top:1px solid var(--gold-d);max-width:1140px;margin:40px auto 0}
.bio section.lsn{max-width:996px}
.bio .lsn h2{font-size:27.2px;color:var(--brown);font-weight:500}
.bio .lsn h3{font-size:16px;font-weight:400;color:var(--gold-d);margin:1.4em 0 1.8em}
.bio .lsn p{font-size:16px;color:var(--gold-d);max-width:360px;margin:0 auto}
.bio .embed{max-width:996px;margin:40px auto 0}
.bio .embed .note{max-width:none;font-size:14px;color:var(--grey)}
/* price box */
.bio section.price{position:relative;background:url(/static/img/lp-17-1.webp) center/cover;color:#FFFAF0;padding:0 0 10px;max-width:800px;margin:60px auto 40px}
.bio .price::before{content:"";position:absolute;inset:0;background:#262621;opacity:.5}
.bio .price>*{position:relative}
.bio .price .t{font-size:clamp(36px,4.4vw,60px);font-weight:600;color:var(--gold);line-height:1.1;margin:0}
.bio .price h3{font-size:27.2px;font-weight:700;color:var(--gold);margin:4px 0 24px}
.bio .price p{font-size:clamp(18px,1.8vw,23px);font-weight:700;color:#FFFAF0;line-height:1.9;padding:0 20px}
.bio .price .lead-form{border:2px solid var(--gold);color:var(--brown);text-align:left;margin:24px auto;width:calc(100% - 40px)}
.bio .price .lead-form p{color:var(--brown);font-size:18px;line-height:1.4;padding:0;font-weight:700}
.bio .price .lead-form .lead-msg{font-size:15px;font-weight:400}
.bio .price .lead-form .btn{background:var(--gold);color:var(--brown);border:0;border-radius:999px;font:700 18px Assistant,sans-serif;padding:10px;cursor:pointer}
.bio .price .pay{display:block;margin:14px 0 12px;background:#EF6C00;color:#fff;font-size:20px;font-weight:800;padding:20px;border-radius:999px;text-decoration:none;box-shadow:0 8px 26px rgba(239,108,0,.35)}
.bio .price .wa{display:block;margin:0;background:#fff;color:#1FAA54;font-weight:700;font-size:15px;padding:16px;border-radius:999px;text-decoration:none;border:2px solid #1FAA54}
.bio .badges{display:flex;justify-content:center;gap:8px;margin:14px 0 6px;flex-wrap:wrap}
.bio .badges span{background:#fff;border-radius:6px;padding:5px 12px;font:700 14px Arial,sans-serif;color:#1a1f71}
.bio .badges span.bit{background:#00BCD4;color:#fff}
.bio .price p.secure{font-size:12px;color:#A3927A;font-weight:400;line-height:1.4}
/* closing */
.bio .closing p{font-size:27.2px;color:var(--brown);font-weight:500;line-height:1.3;max-width:1140px;margin:0 auto .4em}
.bio .social{display:flex;justify-content:center;gap:10px;margin-top:26px}
.bio .social a{width:54px;height:54px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;color:var(--brown);text-decoration:none;font:800 24px Arial,sans-serif}
.bio .social svg{width:28px;height:28px}
@media (max-width:820px){
.bio section.boxrow,.bio section.meet{grid-template-columns:1fr}
.bio .boxrow .flowers{min-height:300px}
.bio section.hero{min-height:560px;padding:50px 20px}
.bio .top h1{font-size:30px}
.bio .people h2{font-size:36px}
.bio .box{padding:36px 22px}
.bio .box h2{font-size:30px}
.bio .meet img{max-width:360px;margin:0 auto}
.bio .arr{display:none}
.bio .closing p{font-size:21px}
.bio .banner h2{border-radius:24px}
}