@font-face{font-family:Rubik;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/rubik-hebrew-italic.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:Rubik;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/rubik-latin-italic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:Rubik;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/rubik-hebrew-normal.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:Rubik;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/rubik-latin-normal.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --bg:#0B0909; --bg-2:#110D0D; --panel:#161112; --wine:#3B0A14; --wine-2:#4A0A16;
  --gold:#D6BC88; --gold-d:#A8895A; --gold-l:#F5EAD0; --cream:#F4EDE2; --cream-2:#EBE2D3;
  --g:linear-gradient(120deg,#B0915C 0%,#DCC596 28%,#F7EDD5 48%,#D6BC88 68%,#A8895A 100%);
  --text:#F2ECE3; --muted:#A79D93; --line:rgba(214,188,136,.25); --line-2:rgba(242,236,227,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:clip}
body{font-family:Rubik,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
:focus-visible{outline:1.5px solid var(--gold);outline-offset:4px;border-radius:6px}

/* gold */
.gold{background:var(--g);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(214,178,98,.22));animation:sheen 9s ease-in-out infinite}
@keyframes sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 18px;max-width:280px}
.rule:before,.rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.rule:after{background:linear-gradient(270deg,transparent,var(--gold))}
.rule i{width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--gold)}
.kicker{font-size:12px;letter-spacing:.32em;color:var(--gold);font-weight:500;text-transform:uppercase;direction:ltr;display:block}
.tag-draft{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:1px 10px;margin-bottom:10px;vertical-align:middle}
.draft-bar{background:#000;color:var(--gold);font-size:12.5px;text-align:center;padding:7px 16px;border-bottom:1px solid var(--line)}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(11,9,9,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-2)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.logo img{height:36px;width:auto}
nav.main{display:flex;gap:30px;font-size:14.5px;letter-spacing:.02em}
nav.main a{text-decoration:none;color:var(--muted);transition:color .2s}
nav.main a:hover{color:var(--gold-l)}
.h-actions{display:flex;align-items:center;gap:12px}
.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold)}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 32px;font:600 15.5px Rubik,sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;border:0;min-height:52px;background:var(--g);background-size:200% 100%;color:#1a1206;box-shadow:0 10px 30px -12px rgba(214,188,136,.55);transition:background-position .6s,transform .2s}
.btn:hover{background-position:100% 0;transform:translateY(-1px)}
.btn:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 5s ease-in-out infinite}
@keyframes shine{0%,70%{left:-60%}100%{left:130%}}
.btn.sm{padding:9px 22px;min-height:40px;font-size:14px}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}
.btn.ghost:after{display:none}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold-l)}
.burger{display:none;background:none;border:0;color:var(--text);width:40px;height:40px}
@media(max-width:960px){nav.main{display:none}.burger{display:grid;place-items:center}.h-actions .icon-btn{display:none}}

/* hero — light luxury: cream, big dark type, champagne gold, gold hairlines (option 2) */
.hero{position:relative;min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center;padding:90px 0;overflow:hidden;background:var(--cream);color:#1f1915}
.hero .lines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(150,118,66,.18) 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(100% - 1px),rgba(150,118,66,.25) 0)}
.hero-text{position:relative;z-index:3;text-align:center}
.hero-kw{font-size:15px;letter-spacing:.08em;color:#8C6E3A;font-weight:500}
h1{font-size:clamp(44px,7vw,96px);line-height:1.04;font-weight:800;color:#fff;margin:18px auto 22px;letter-spacing:-.015em}
.hero h1{color:#1f1915}
.hero h1 .gold{background:linear-gradient(120deg,#8C6E3A 0%,#B8975F 40%,#D9C08E 55%,#9A7A44 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
.lead{font-size:clamp(17px,1.5vw,20px);color:#5d5249;max-width:34em;margin:0 auto;font-weight:300}
.lead b{color:#1f1915;font-weight:500}
.hero .tag-draft{color:#8C6E3A}
.ctas{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:34px}
.hero .btn.ghost{color:#1f1915;border-color:rgba(31,25,21,.25)}
.social-proof{display:inline-flex;align-items:center;gap:14px;margin-top:28px;color:var(--muted);font-size:14px;text-align:right}
.social-proof img{width:48px;height:48px;border-radius:50%;padding:2px;background:var(--g)}
.social-proof b{font-size:22px;font-weight:700;display:block;line-height:1.1}
.stage{position:absolute;inset:0;z-index:2;pointer-events:none;max-width:1320px;margin:0 auto}
.bubble{position:absolute;max-width:230px;background:#fff;color:#231c17;font-size:13px;line-height:1.5;padding:11px 14px 12px;border-radius:14px 14px 14px 4px;box-shadow:0 18px 40px -18px rgba(60,40,20,.45),0 0 0 1px rgba(150,118,66,.3);animation:float 8s ease-in-out infinite}
.bubble b{font-weight:800;color:#8a6a33}
.b1{top:14%;right:4%;animation-delay:-1s}
.b2{top:20%;left:4%;animation-delay:-3s}
.b3{bottom:14%;right:6%;animation-delay:-5s}
.b4{bottom:10%;left:6%;animation-delay:-2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:1100px){.bubble{max-width:180px;font-size:12px}}
@media(max-width:960px){
  .hero{min-height:0;padding:120px 0 130px}
  .bubble{max-width:155px;font-size:11.5px;padding:9px 11px}
  .b1{top:20px;right:3%}.b2{top:20px;left:3%}.b3{display:none}.b4{bottom:24px;left:auto;right:50%;transform:translateX(50%);animation:none}
}

/* sections */
section{position:relative;padding:120px 0}
.center{text-align:center}
h2{font-size:clamp(30px,3.8vw,46px);line-height:1.2;font-weight:800;color:var(--text);letter-spacing:-.005em;margin-top:14px}
.sub{color:var(--muted);font-size:18px;margin-top:16px;max-width:40em;font-weight:300}
.center .sub{margin-inline:auto}
@media(max-width:700px){section{padding:80px 0}}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.bubble,.track,.gold,.btn:after{animation:none!important}}

/* pains */
.pains-intro h2{font-size:clamp(24px,2.8vw,34px);font-weight:500;max-width:24em;margin-inline:auto}
.pains{max-width:1000px;margin:70px auto 0;display:grid;gap:6px}
.pain{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:150px}
.pain .num{font-size:clamp(90px,12vw,160px);font-weight:200;line-height:.85;text-align:center;letter-spacing:-.03em}
.pain .num span{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.pain .txt{position:relative;padding-top:22px;font-size:clamp(19px,1.9vw,22px);font-weight:400;line-height:1.5}
.pain .txt:before{content:"";position:absolute;top:0;right:0;left:20px;height:1px;background:linear-gradient(270deg,var(--line),transparent)}
.pain .txt:after{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--gold)}
.pain:nth-child(odd) .num{order:2}
@media(max-width:700px){.pain{grid-template-columns:auto 1fr;gap:18px;min-height:0;padding:14px 0}.pain .num{font-size:70px;order:0!important}.pain .txt{font-size:18px}}

/* statement */
.statement{background:linear-gradient(180deg,transparent,var(--bg-2) 30%,var(--bg-2) 70%,transparent)}
.statement p.lines{font-size:clamp(18px,1.8vw,21px);margin-top:26px;line-height:2;font-weight:300}
.statement p.lines b{font-weight:500}
.big-quote{font-size:clamp(26px,3.2vw,38px);font-weight:700;margin-top:36px;line-height:1.35}

/* who */
.who .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.who p{font-size:18px;margin-top:18px;color:var(--muted);font-weight:300}
.who ul{list-style:none;margin-top:26px;display:grid;gap:14px}
.who li{display:flex;gap:14px;align-items:center}
.who li:before{content:"";width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--gold);flex:none}
.quote-card{position:relative;border-radius:4px;padding:56px 44px;text-align:center;background:linear-gradient(170deg,#1a1314,#0f0b0b);border:1px solid var(--line)}
.quote-card .c1,.quote-card .c2{position:absolute;width:26px;height:26px;border:1px solid var(--gold)}
.quote-card .c1{top:10px;right:10px;border-left:0;border-bottom:0}
.quote-card .c2{bottom:10px;left:10px;border-right:0;border-top:0}
.quote-card .q{font-size:clamp(21px,2.1vw,26px);line-height:1.55}
.quote-card .by{margin-top:22px;color:var(--gold);font-size:12px;letter-spacing:.3em}
@media(max-width:860px){.who .grid{grid-template-columns:1fr;gap:40px}}

/* method — wheel modeled on the ALL IN method image */
.method{background:radial-gradient(ellipse 60% 50% at 50% 55%,rgba(74,10,22,.22),transparent 70%)}
.mlayout{display:grid;grid-template-columns:1fr minmax(0,540px) 1fr;grid-template-rows:auto auto auto;gap:26px 34px;align-items:center;margin-top:60px}
.wheel{grid-row:2;grid-column:2;position:relative;width:100%;aspect-ratio:1}
.wheel svg{width:100%;height:100%;overflow:visible}
.petal{cursor:pointer}
.petal .pf{transition:fill .3s}
.petal:hover .pf,.petal.on .pf{fill:url(#petalOn)}
.lbl{font-size:14px;line-height:1.6;color:var(--muted);transition:opacity .3s;cursor:pointer}
.lbl h3{font-size:18px;font-weight:700;color:var(--text);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lbl h3 .en{font-weight:800;letter-spacing:.04em;direction:ltr}
.lbl h3 .dot{width:8px;height:8px;border-radius:50%;background:var(--g)}
.lbl b{display:block;color:var(--text);font-weight:500;font-size:15px;margin:2px 0 6px}
.lbl .sl{color:var(--gold);margin:0 6px}
.lbl.on h3 .en{color:var(--gold-l)}
.mlayout.has-on .lbl:not(.on){opacity:.4}
.l1{grid-row:1;grid-column:2;text-align:center}.l1 h3{justify-content:center}
/* RTL grid: column 1 is the right side */
.l2{grid-row:1;grid-column:1;text-align:left}.l2 h3{justify-content:flex-end}
.l3{grid-row:2;grid-column:1;text-align:left}.l3 h3{justify-content:flex-end}
.l4{grid-row:3;grid-column:1;text-align:left}.l4 h3{justify-content:flex-end}
.l8{grid-row:1;grid-column:3;text-align:right}
.l7{grid-row:2;grid-column:3;text-align:right}
.l6{grid-row:3;grid-column:3;text-align:right}
.l5{grid-row:3;grid-column:2;text-align:center}.l5 h3{justify-content:center}
@media(max-width:980px){
  .mlayout{grid-template-columns:1fr;gap:0}
  .wheel{grid-row:auto;grid-column:auto;max-width:440px;margin:0 auto 30px}
  .lbl{grid-row:auto!important;grid-column:auto!important;text-align:right!important;border-top:1px solid var(--line-2);padding:16px 0}
  .lbl h3{justify-content:flex-start!important}
  .mlayout.has-on .lbl:not(.on){opacity:1}
  .l1{order:1}.l2{order:2}.l3{order:3}.l4{order:4}.l5{order:5}.l6{order:6}.l7{order:7}.l8{order:8}
}

/* diagnosis */
.ab{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch;margin-top:60px}
.ab .card{position:relative;padding:44px 36px;background:linear-gradient(170deg,#181213,#0e0b0b);border:1px solid var(--line);border-radius:4px}
.ab .card .L{font-size:84px;font-weight:200;line-height:.9;display:inline-block}
.ab .card .pt{font-size:12px;letter-spacing:.3em;color:var(--gold);display:block;margin-top:10px}
.ab .card h3{font-size:clamp(22px,2.3vw,28px);font-weight:700;margin:10px 0 8px}
.ab .card p{color:var(--muted);font-weight:300}
.ab .arrow{display:grid;place-items:center}
.ab-foot{margin-top:34px;text-align:center}
.ab-foot .gapl{font-size:clamp(20px,2.1vw,25px);font-weight:500}
.chip{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 16px;color:var(--muted);font-size:14px;margin:20px 6px 0}
@media(max-width:760px){.ab{grid-template-columns:1fr}.ab .arrow{transform:rotate(-90deg)}}

/* app */
.app .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.iphone{position:relative;width:min(300px,78vw);aspect-ratio:9/19.5;margin:0 auto;border-radius:52px;padding:11px;background:linear-gradient(145deg,#D8B566,#7d5e27 40%,#E9D49A 60%,#8a6a2f);box-shadow:0 50px 100px -30px rgba(0,0,0,.9),0 0 60px -20px rgba(214,188,136,.35)}
.iphone .screen{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:linear-gradient(180deg,#FBF8F3,#EFE7DB);display:grid;place-items:center;text-align:center;color:#3B0A14;padding:30px}
.iphone .island{position:absolute;top:21px;left:50%;transform:translateX(-50%);width:34%;height:26px;border-radius:20px;background:#000;z-index:2}
.iphone .play{width:64px;height:64px;border-radius:50%;background:#0B0909;display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 0 0 6px rgba(214,188,136,.25)}
.iphone .screen small{display:block;font-size:13px;color:#6f625b}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:30px;background:var(--line);border:1px solid var(--line)}
.feat div{padding:22px;background:var(--bg)}
.feat b{display:block;font-size:17px;font-weight:500}
.feat span{font-size:14px;color:var(--muted)}
@media(max-width:860px){.app .grid{grid-template-columns:1fr;gap:50px}.feat{grid-template-columns:1fr}}

/* results */
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:36px 22px;text-align:center;position:relative}
.stat+.stat:before{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:var(--line)}
.stat .v{font-size:clamp(40px,4.6vw,62px);font-weight:300;line-height:1.05;letter-spacing:-.01em;direction:ltr;white-space:nowrap}
.stat .v small{font-size:.5em}
.stat .k{margin-top:10px;font-size:15px}
.stat .q{margin-top:6px;font-size:13px;color:var(--muted);font-weight:300}
@media(max-width:860px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3):before{display:none}.stat:nth-child(n+3){border-top:1px solid var(--line)}}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
.shot{background:var(--panel);border:1px solid var(--line-2);display:flex;flex-direction:column;border-radius:4px}
.shot .img{background:#efe7dc;padding:14px;min-height:150px;display:grid;place-items:center;border-radius:4px 4px 0 0}
.shot .img img{width:100%;border-radius:8px}
.shot figcaption{padding:18px 22px 22px;font-size:15px;line-height:1.55;border-top:1px solid var(--line);color:var(--muted)}
.shot figcaption b{display:block;font-size:24px;font-weight:300;margin-bottom:2px}
@media(max-width:860px){.shots{grid-template-columns:1fr}}
.marquee{overflow:hidden;margin-top:56px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee+.marquee{margin-top:18px}
.track{display:flex;gap:18px;width:max-content;animation:run 60s linear infinite}
.marquee.rev .track{animation-direction:reverse;animation-duration:70s}
.marquee:hover .track{animation-play-state:paused}
.track .bubble{position:relative;animation:none;max-width:none;white-space:nowrap;font-size:14.5px;padding:13px 18px}
@keyframes run{to{transform:translateX(50%)}}
.disclaimer{font-size:13px;color:var(--muted);margin-top:28px;text-align:center;font-weight:300}

/* instagram */
.ig .grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.igcard{background:#fff;color:#111;border-radius:22px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(214,188,136,.5);max-width:420px;margin:0 auto;transform:rotate(-2deg)}
.igcard .top{display:flex;align-items:center;gap:20px}
.igcard .av{width:84px;height:84px;border-radius:50%;padding:3px;background:conic-gradient(#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)}
.igcard .av img{width:100%;height:100%;border-radius:50%;border:3px solid #fff}
.igcard .st{flex:1;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.igcard .st b{display:block;font-size:18px}
.igcard .st span{font-size:12px;color:#555}
.igcard .name{font-weight:700;margin-top:14px;font-size:15px}
.igcard .handle{font-size:13px;color:#555;direction:ltr;text-align:right}
.igcard .follow{display:block;margin-top:16px;background:#0095f6;color:#fff;text-align:center;border-radius:10px;padding:9px;font-weight:700;text-decoration:none;font-size:14px}
.nums{display:flex;gap:56px;margin-top:30px;flex-wrap:wrap}
.bignum{font-size:clamp(64px,8vw,104px);font-weight:200;line-height:1;letter-spacing:-.02em}
.nums small{color:var(--muted);font-size:14px;letter-spacing:.1em}
@media(max-width:860px){.ig .grid{grid-template-columns:1fr;gap:44px;text-align:center}.nums{justify-content:center}}

/* about */
.about .grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}
.about p{font-size:18px;margin-top:16px;font-weight:300}
.about p b{font-weight:500}
.about .sig{font-size:22px;font-weight:700;margin-top:28px;display:inline-block}
.photo-card{position:relative;padding:14px;border:1px solid var(--line)}
.photo-card .in{position:relative;overflow:hidden}
.photo-card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%}
.photo-card .in:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(11,9,9,.8))}
.photo-card .cap{position:absolute;bottom:22px;right:26px;z-index:1;font-weight:700;font-size:20px}
.photo-card .cap span{display:block;font-weight:400;font-size:11px;letter-spacing:.32em;color:var(--gold);direction:ltr;text-align:right}
@media(max-width:860px){.about .grid{grid-template-columns:1fr;gap:40px}.photo-card{max-width:420px;margin:0 auto}}

/* agency */
.agency{padding:60px 0}
.agency .box{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.agency h3{font-size:clamp(26px,3vw,36px);font-weight:800;margin-top:6px}
.agency p{color:var(--muted);margin-top:4px;font-weight:300}
.soon{font-size:12px;color:var(--muted);display:block;margin-top:8px;text-align:center}

/* final */
.final .box{max-width:800px;margin:0 auto;text-align:center;padding:70px 40px;background:radial-gradient(ellipse at 50% 0%,rgba(74,10,22,.4),rgba(16,12,12,.95) 70%);border:1px solid var(--line);border-radius:4px}
.final h2{font-size:clamp(30px,4.2vw,50px)}
form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px;text-align:right}
form input[type=text],form input[type=tel],form input[type=email]{font:inherit;font-size:16px;padding:15px 18px;border-radius:2px;border:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);min-height:54px}
form input:focus{border-bottom-color:var(--gold);outline:none}
form input::placeholder{color:#857b72}
form .full{grid-column:1/-1}
form label.ok{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}
form label.ok input{margin-top:4px;accent-color:#D6BC88;width:18px;height:18px}
@media(max-width:560px){form{grid-template-columns:1fr}.final .box{padding:48px 20px}}
form[data-q]{grid-template-columns:1fr;gap:22px}
form[hidden]{display:none}
.q-head b{display:block;font-size:20px;color:var(--gold-l);margin-bottom:6px}.q-head p{color:var(--muted);font-size:15px}
.q-item{display:flex;flex-direction:column;gap:10px;border:0;padding:0;margin:0;min-width:0}
.q-item legend,.q-l{font-size:15.5px;font-weight:500;color:var(--text);padding:0;margin-bottom:10px}
.q-item legend small{display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:4px}
.q-item legend{white-space:normal;max-width:100%}
form textarea{font:inherit;font-size:16px;padding:14px 16px;border:1px solid var(--line);border-radius:2px;background:rgba(255,255,255,.03);color:var(--text);resize:vertical;min-height:90px}
form textarea:focus{border-color:var(--gold);outline:none}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.pick{position:relative;cursor:pointer}
.pick input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pick span{display:inline-block;padding:10px 16px;border:1px solid var(--line);border-radius:999px;font-size:14.5px;color:var(--text);transition:background .2s,border-color .2s,color .2s}
.pick input:checked+span{background:var(--g);color:#1a1206;border-color:transparent;font-weight:500}
.pick input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.linkbtn{background:none;border:0;color:var(--muted);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer;padding:8px;min-height:44px}
.linkbtn:hover{color:var(--gold-l)}

footer{border-top:1px solid var(--line-2);padding:60px 0 30px;font-size:14.5px;color:var(--muted)}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}
footer h4{font-size:11px;letter-spacing:.3em;color:var(--gold);font-weight:500;margin-bottom:14px}
footer a{display:block;text-decoration:none;margin:7px 0}
footer a:hover{color:var(--gold-l)}
footer .bottom{margin-top:44px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.24em;flex-wrap:wrap;gap:10px}
@media(max-width:760px){footer .cols{grid-template-columns:1fr 1fr}}

/* cream sections */
section.light{background:var(--cream);color:#1f1915;--text:#1f1915;--muted:#6d6157;--line:rgba(150,118,66,.28);--line-2:rgba(31,25,21,.1);--panel:#FBF7F0}
section.light .gold{background:linear-gradient(120deg,#8C6E3A 0%,#B8975F 40%,#D9C08E 55%,#9A7A44 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;filter:none}
section.light .kicker{color:#9A7A44}
section.light h2{color:#1f1915}
section.light .tag-draft{color:#8C6E3A}
section.light .pain .txt{color:#2a221d}
section.light .pain .num span{background:linear-gradient(120deg,#8C6E3A,#C9AB72 50%,#8C6E3A);-webkit-background-clip:text;background-clip:text}
section.light .quote-card{background:#FBF7F0;border-color:var(--line)}
section.light .quote-card .c1,section.light .quote-card .c2{border-color:#B8975F}
section.light .ab .card{background:#FBF7F0;border-color:var(--line);box-shadow:0 30px 60px -40px rgba(60,40,20,.35)}
section.light .chip{color:#6d6157}
section.light .stats{border-color:var(--line)}
section.light .shot{background:#fff;border-color:var(--line-2);box-shadow:0 20px 50px -35px rgba(60,40,20,.4)}
section.light .shot .img{background:#F1EADF}
section.light .track .bubble{background:#fff}
section.light .photo-card{border-color:var(--line)}
section.light .photo-card .cap{color:#fff}
section.light .btn.ghost{color:#1f1915}
section.light .rule i{border-color:#B8975F}
section.light .pain .txt:after,section.light .who li:before{border-color:#B8975F}
section.light .fill .w{opacity:.22}
section.light .disclaimer{color:#7d7066}
/* motion helpers */
.progress{position:fixed;top:0;right:0;height:2px;width:100%;transform-origin:right;transform:scaleX(0);background:var(--g);z-index:70}
.neon{position:relative;isolation:isolate}
.neon:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--a,0deg),transparent 0 74%,var(--gold) 84%,#F6E7B5 88%,var(--gold) 92%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 8s linear infinite;z-index:-1;pointer-events:none}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes spin{to{--a:360deg}}
.spot{position:relative;overflow:hidden}
.spot:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(241,223,168,.10),transparent 60%)}
.spot:hover:after{opacity:1}
.fill .w{opacity:.2}
.iphone{animation:phone 7s ease-in-out infinite}
@keyframes phone{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.neon:before,.iphone{animation:none}.fill .w{opacity:1}}
.wa{position:fixed;bottom:20px;left:20px;width:56px;height:56px;border-radius:50%;background:#0B0909;border:1px solid var(--gold);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:40;color:var(--gold)}

/* ===== site components (multi-page) ===== */
.skip{position:absolute;top:-60px;right:12px;z-index:100;background:var(--gold);color:#1a1206;padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
nav.main a[aria-current=page]{color:var(--gold-l)}
.drawer{position:fixed;inset:0;z-index:80;background:rgba(11,9,9,.97);display:none;flex-direction:column;justify-content:center;align-items:center;gap:22px;font-size:22px}
.drawer.open{display:flex}
.drawer a{text-decoration:none;color:var(--text)}
.drawer a[aria-current=page]{color:var(--gold-l)}
.drawer .close{position:absolute;top:18px;left:18px;background:none;border:1px solid var(--line);color:var(--text);width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer}
body.no-scroll{overflow:hidden}

.page-hero{position:relative;padding:90px 0 70px;text-align:center;background:radial-gradient(ellipse 70% 100% at 50% 0%,rgba(74,10,22,.45),transparent 70%);border-bottom:1px solid var(--line-2)}
.page-hero h1{font-size:clamp(34px,4.6vw,56px);margin:16px auto 14px;max-width:18em}
.page-hero .sub{margin-inline:auto}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:6px}
.crumbs a{text-decoration:none;color:var(--muted)}
.crumbs a:hover{color:var(--gold-l)}
.crumbs span{margin:0 8px;color:var(--gold)}

.prose{max-width:740px;margin:0 auto;font-size:18.5px;line-height:1.9;font-weight:300}
.prose h2{font-size:clamp(24px,2.6vw,32px);margin:52px 0 14px;font-weight:700;line-height:1.3}
.prose h3{font-size:21px;margin:34px 0 10px;font-weight:700}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 22px;padding-right:22px}
.prose li{margin:6px 0}
.prose li::marker{color:var(--gold)}
.prose strong{font-weight:500;color:var(--text)}
.prose a{color:var(--gold-l);text-underline-offset:3px}
section.light .prose a{color:#8C6E3A}
.prose blockquote{border-right:2px solid var(--gold);padding:6px 20px;margin:26px 0;font-size:21px;font-weight:400}
.prose hr{border:0;height:1px;background:var(--line);margin:40px 0}
.meta{font-size:14px;color:var(--muted);margin-top:10px}
.meta span+span:before{content:"·";margin:0 10px;color:var(--gold)}
.note-box{border:1px solid var(--line);border-radius:4px;padding:18px 22px;font-size:15px;color:var(--muted);margin:30px 0;background:rgba(255,255,255,.02)}
section.light .note-box{background:#FBF7F0}
.draft-banner{background:#2a0a12;color:var(--gold-l);text-align:center;padding:10px 16px;font-size:14px;border-bottom:1px solid var(--line)}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
.card-a{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:4px;padding:28px 26px;text-decoration:none;background:var(--panel);transition:border-color .3s,transform .3s}
.card-a:hover{border-color:var(--gold);transform:translateY(-3px)}
.card-a .cat{font-size:12px;letter-spacing:.2em;color:var(--gold)}
.card-a h3{font-size:21px;font-weight:700;margin:10px 0 10px;line-height:1.4}
.card-a p{color:var(--muted);font-size:15.5px;font-weight:300;flex:1}
.card-a .more{margin-top:18px;font-size:14px;color:var(--gold-l)}
section.light .card-a{background:#FBF7F0}
section.light .card-a .more{color:#8C6E3A}
@media(max-width:900px){.cards{grid-template-columns:1fr}}

.faq{max-width:820px;margin:50px auto 0}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:22px 0;font-size:19px;font-weight:500;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--gold);font-size:26px;line-height:1;font-weight:300;transition:transform .3s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq .a{padding:0 0 22px;color:var(--muted);font-weight:300;font-size:17px}

.stage-list{display:grid;gap:0;margin-top:60px;border-top:1px solid var(--line)}
.stage-row{display:grid;grid-template-columns:110px 1fr 1.3fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}
.stage-row .n{font-size:58px;font-weight:200;line-height:1}
.stage-row .en{font-size:12px;letter-spacing:.3em;color:var(--gold);direction:ltr;text-align:right}
.stage-row h3{font-size:24px;font-weight:700;margin-top:4px}
.stage-row .tl{color:var(--muted);margin-top:4px}
.stage-row ul{list-style:none;display:grid;gap:8px}
.stage-row li{display:flex;gap:12px;align-items:baseline}
.stage-row li:before{content:"";width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--gold);flex:none;position:relative;top:-2px}
@media(max-width:820px){.stage-row{grid-template-columns:70px 1fr;gap:16px}.stage-row ul{grid-column:1/-1}.stage-row .n{font-size:44px}}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px;counter-reset:s}
.step{border-top:1px solid var(--gold);padding-top:22px}
.step .k{font-size:12px;letter-spacing:.3em;color:var(--gold)}
.step h3{font-size:21px;margin:8px 0 6px}
.step p{color:var(--muted);font-weight:300}
@media(max-width:820px){.steps{grid-template-columns:1fr}}

.form-msg{grid-column:1/-1;font-size:15px;padding:12px 16px;border-radius:4px;display:none}
.form-msg.ok{display:block;background:rgba(90,160,110,.12);border:1px solid rgba(120,190,140,.4);color:#cfe9d6}
.form-msg.err{display:block;background:rgba(160,60,60,.14);border:1px solid rgba(220,120,120,.4);color:#f2d0d0}
.form-msg a{color:inherit}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
form .err-field{border-bottom-color:#e08a8a!important}
form button[disabled]{opacity:.6;cursor:wait}

.video-wrap{position:relative;width:100%;height:100%}
.video-wrap video{width:100%;height:100%;object-fit:cover;display:block}
.vbtn{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(11,9,9,.75);color:var(--gold-l);border:1px solid var(--gold);border-radius:999px;padding:8px 18px;font:500 14px Rubik;cursor:pointer}

.legal h2{font-size:22px}
.updated{font-size:14px;color:var(--muted)}
.hero-kw{color:#8C6E3A;font-size:15px;letter-spacing:.08em}
footer .fh{font-size:11px;letter-spacing:.3em;color:var(--gold);font-weight:500;margin-bottom:14px}
.get-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:56px 0 40px}
.get-step{border:1px solid var(--line);border-radius:4px;padding:36px 30px;background:linear-gradient(170deg,#181213,#0e0b0b)}
.get-step .n{font-size:56px;font-weight:200;line-height:1;display:inline-block}
.get-step h3{font-size:24px;font-weight:700;margin:14px 0 6px}
.get-step p{color:var(--muted);font-weight:300;font-size:17px}
@media(max-width:860px){.get-steps{grid-template-columns:1fr}}
@media(max-width:960px){.hero .b2{display:none}.hero .b1{top:16px;right:50%;transform:translateX(50%);animation:none}}
@media(max-width:500px){.stat{padding:26px 10px}.stat .v{font-size:34px}}


/* home: long sales page */
.enemy{padding:90px 0;background:radial-gradient(ellipse 70% 90% at 50% 0%,rgba(74,10,22,.45),transparent 70%)}
.nots{margin:26px auto 34px;max-width:720px}
.nots p{font-size:clamp(19px,2.4vw,26px);font-weight:300;color:var(--muted);margin:12px 0;line-height:1.4}
.enemy .sub{font-size:clamp(17px,2vw,21px);color:var(--text);margin-top:16px}
.ifyou{padding:90px 0}
.if-list{max-width:800px;margin:36px auto 0;display:grid;gap:16px}
.if-list p{padding:22px 24px;border:1px solid var(--line);border-radius:4px;font-size:17px;line-height:1.7;background:rgba(255,255,255,.02);color:var(--muted)}
.if-list b{color:var(--text);font-weight:500}
.if-sum{max-width:760px;margin:36px auto 28px;text-align:center;font-size:clamp(19px,2.3vw,25px);line-height:1.5}
.mech{padding:90px 0}
.mech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.mech-item{display:flex;gap:12px;padding:22px 18px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.02)}
.mech-item .n{font-size:20px;font-weight:300;font-style:italic}
.mech-item .en{display:block;font-size:11px;letter-spacing:.24em;color:var(--gold);direction:ltr;text-align:right}
.mech-item h3{font-size:17px;margin:4px 0 6px}
.mech-item p{font-size:14px;color:var(--muted);line-height:1.5}
@media(max-width:900px){.mech-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.mech-grid{grid-template-columns:1fr}}
.fit{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;max-width:940px;margin:38px auto 0}
.fit-col{background:#fff;border:1px solid rgba(150,118,66,.3);border-radius:4px;padding:28px 26px}
.fit-col.no{background:transparent}
.fit-col h3{font-size:20px;margin-bottom:14px;color:#1f1915}
.fit-col ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.fit-col li{position:relative;padding-right:20px;font-size:16px;line-height:1.55;color:#4a4038}
.fit-col li:before{content:"";position:absolute;right:0;top:9px;width:7px;height:7px;transform:rotate(45deg);background:#B8975F}
.fit-col.no li:before{background:none;border:1px solid #8C6E3A}
@media(max-width:760px){.fit{grid-template-columns:1fr}}
.diff{padding:90px 0}
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:38px}
.diff-item{background:var(--bg);padding:28px 24px}
.diff-item h3{font-size:18px;margin-bottom:8px;color:var(--gold-l)}
.diff-item p{font-size:15px;line-height:1.6;color:var(--muted)}
@media(max-width:860px){.diff-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.diff-grid{grid-template-columns:1fr}}
.story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.story-text h2{margin:8px 0 22px}
.story-text p{font-size:17.5px;line-height:1.75;margin:0 0 14px;color:#3d342c}
.story-text p b{color:#1f1915}
.story-text .sig{font-size:22px;font-weight:600;margin-top:20px}
@media(max-width:860px){.story-grid{grid-template-columns:1fr;gap:30px}}
section.light .get-step{background:#fff;border:1px solid rgba(150,118,66,.3)}
section.light .get-step h3{color:#1f1915}
section.light .get-step p{color:#5d5249}
@media(max-width:860px){.story .photo-card{max-width:320px;margin:0 auto}}
@media(max-width:560px){.hero .b1{display:none}}

/* article parts */
.toc{background:#fff;border:1px solid rgba(150,118,66,.3);border-radius:4px;padding:20px 24px;margin:0 0 30px}
.toc b{display:block;margin-bottom:8px;color:#1f1915}
.toc ol{margin:0;padding-inline-start:20px}
.toc li{margin:6px 0;font-size:15.5px}
.prose h2[id]{scroll-margin-top:100px}
.art-cta{background:#0B0909;color:#F4EDE2;border-radius:4px;padding:30px 26px;margin:36px 0 20px;text-align:center}
.art-cta b{display:block;font-size:21px;color:#F7EDD5;margin-bottom:8px}
.art-cta p{color:#cfc6b8;margin:0 0 18px}
.art-cta .btn{text-decoration:none;color:#1a1206}
.art-link{display:block;margin-top:14px;color:#D6BC88;font-size:14.5px}
.author{display:flex;gap:16px;align-items:center;padding:20px 0;border-top:1px solid rgba(150,118,66,.3)}
.author img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center top;flex:none}
.author b{color:#1f1915}.author p{margin:4px 0 0;font-size:14.5px;line-height:1.55}

.enemy h2{font-size:clamp(26px,3.6vw,42px);line-height:1.3;max-width:900px;margin:22px auto 0}
.enemy .sub{max-width:720px;margin:24px auto 0;color:var(--muted);line-height:1.7}
ul.if-list{list-style:none;padding:0;max-width:720px}
ul.if-list li{position:relative;padding:18px 44px 18px 20px;border-bottom:1px solid var(--line);font-size:18px;line-height:1.55}
ul.if-list li:before{content:"";position:absolute;right:16px;top:27px;width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--gold)}
.if-list{gap:0}
.fit.one{grid-template-columns:1fr;max-width:720px}
.fit-note{text-align:center;font-size:clamp(18px,2.2vw,22px);font-weight:500;color:var(--text);margin-top:28px}
.fear{padding:90px 0}
.fear-text{max-width:680px;margin:26px auto 0}
.fear-text p{font-size:18px;line-height:1.75;color:var(--muted);margin:0 0 14px}
.fear-text b{color:var(--text);font-weight:500}

/* small round photo instead of a large one */
.avatar{display:block;width:168px;height:168px;margin:0 auto 22px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(150,118,66,.5),0 0 0 7px rgba(255,255,255,.5),0 18px 34px -18px rgba(0,0,0,.5)}
.avatar img{display:block;width:100%;height:100%;object-fit:cover}
.story-text{max-width:720px;margin:0 auto}
.story-text .kicker,.story-text h2{text-align:center}
.about-text{margin:0 auto;max-width:720px}
.about-text .avatar{margin-bottom:28px}
@media(max-width:560px){.avatar{width:132px;height:132px}}

/* readable small labels */
.card-a .cat{font-size:15px;font-weight:500;letter-spacing:.02em;color:#7A5E2E;opacity:1}
.card-a .more{font-size:15px;font-weight:500;color:#7A5E2E}
section.light .kicker{color:#7A5E2E;font-size:13px}
section.light .en,section.light .pt,section.light .k{color:#7A5E2E}
.hero-kw{color:#7A5E2E;font-size:16px}
section.light .disclaimer{color:#5d5249;font-size:14px}
.kicker{font-size:13px}
.mech-item .en,.stage-row .en{font-size:12.5px}
.pt{font-size:14px}
.tag-draft{font-size:12.5px}
footer .fh,footer h4{font-size:13px}
.author a{color:#6B5126}
section.light .art-cta .art-link{color:#E5D2A6}
section.light .ab .pt,.ab .pt{font-size:14px;color:#6B5126;opacity:1}
.ab .card.b .pt,.ab .dark .pt{color:#E5D2A6}

/* video testimonials */
.testi{padding:90px 0}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;align-items:start}
.testi-card{margin:0;display:flex;flex-direction:column;gap:16px}
.testi-v{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;border:1px solid var(--line);border-radius:4px}
.testi-card figcaption{font-size:clamp(18px,1.9vw,22px);font-weight:700;line-height:1.4;color:var(--gold-l);text-align:center}
.testi-note{margin-top:30px;text-align:center;color:var(--muted);font-size:14px}
.testi-card figcaption span{display:block;margin-top:6px;font-size:14px;font-weight:400;color:var(--muted)}
@media(max-width:820px){.testi-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-16px;padding:0 16px 10px;-webkit-overflow-scrolling:touch}.testi-card{flex:0 0 78%;scroll-snap-align:center}}

/* self check */
.qz-wrap{max-width:760px}
.qz-step h2{margin:8px 0 12px}
.qz-sub{color:#5d5249;font-size:17px;line-height:1.65;margin-bottom:24px}
.qz-bar{height:6px;background:rgba(150,118,66,.2);border-radius:9px;margin-bottom:28px;overflow:hidden}
.qz-bar i{display:block;height:100%;background:#8C6E3A;transition:width .3s}
.qz-nums{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qz-num{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:500;color:#1f1915}
.qz-num input{font:inherit;font-size:16px;padding:13px 14px;border:1px solid rgba(150,118,66,.45);border-radius:4px;background:#fff;color:#1f1915;width:100%}
.qz-q{border:0;border-bottom:1px solid rgba(150,118,66,.25);padding:18px 0;margin:0}
.qz-q legend{font-size:17.5px;font-weight:500;color:#1f1915;line-height:1.5;padding:0;margin-bottom:12px}
.qz-q .pick span{color:#1f1915;border-color:rgba(150,118,66,.55);background:#fff;min-width:74px;text-align:center}
.qz-q .pick input:checked+span{background:#1f1915;color:#F7EDD5;border-color:#1f1915}
.qz-nav{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}
.qz-nav .linkbtn{color:#5d5249}
.qz-step .form-msg.err{display:block;color:#8a1c1c;margin-top:12px}
.qz-bars{display:grid;gap:12px;margin-bottom:26px}
.qz-row{display:grid;grid-template-columns:150px 1fr 48px;gap:12px;align-items:center;font-size:15.5px;color:#1f1915}
.qz-row b{text-align:left;font-weight:600}
.qz-track{height:10px;background:rgba(150,118,66,.18);border-radius:9px;overflow:hidden}
.qz-track i{display:block;height:100%;background:linear-gradient(90deg,#B8975F,#8C6E3A);border-radius:9px}
.qz-box{background:#fff;border:1px solid rgba(150,118,66,.3);border-radius:4px;padding:22px 24px;margin-bottom:14px}
.qz-box h3{font-size:19px;color:#1f1915;margin-bottom:8px}
.qz-box p{font-size:16.5px;line-height:1.65;color:#4a4038;margin:0 0 8px}
.qz-box b{color:#1f1915}
.qz-h{font-size:24px;color:#1f1915;margin:30px 0 14px}
.qz-links a{display:block;color:#6B5126;margin-top:6px}
.quiz-cta{margin-top:6px}.quiz-cta p{margin-top:12px;color:var(--muted);font-size:15.5px}
@media(max-width:560px){.qz-nums{grid-template-columns:1fr}.qz-row{grid-template-columns:104px 1fr 42px;font-size:14px}}
/* guides */
.guides-sec{padding:90px 0}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,420px));justify-content:center;gap:18px;margin-top:36px}
.guide-card{display:flex;flex-direction:column;padding:30px 28px;border:1px solid var(--line);border-radius:4px;text-decoration:none;background:rgba(255,255,255,.02);transition:border-color .3s,transform .3s}
.guide-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.guide-card .cat{font-size:14.5px;color:var(--gold-l);font-weight:500}
.guide-card h3{font-size:22px;margin:10px 0;line-height:1.35}
.guide-card p{color:var(--muted);flex:1;font-size:16px;line-height:1.6}
.guide-card .more{margin-top:18px;color:var(--gold-l);font-weight:500}
section.light .guide-card{background:#fff;border-color:rgba(150,118,66,.3)}
section.light .guide-card h3{color:#1f1915}section.light .guide-card p{color:#5d5249}
section.light .guide-card .cat,section.light .guide-card .more{color:#6B5126}
.guide-land{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.guide-land .final{padding:0}.guide-land .box{padding:36px 26px}
.guide-land .box h2{font-size:26px}
.guide-list{list-style:none;padding:0;margin:16px 0}
.guide-list li{position:relative;padding:10px 22px 10px 0;font-size:17px;color:#3d342c;line-height:1.55}
.guide-list li:before{content:"";position:absolute;right:0;top:19px;width:7px;height:7px;transform:rotate(45deg);background:#B8975F}
.guide-note{color:#5d5249;font-size:15.5px}
.watch{max-width:900px}
.watch video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:4px}
@media(max-width:820px){.guide-land{grid-template-columns:1fr}}

/* article topic filter */
.cat-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px}
.cat-filter button{font:inherit;font-size:16px;font-weight:500;min-height:44px;padding:9px 20px;border:1px solid rgba(150,118,66,.5);border-radius:999px;background:#fff;color:#1f1915;cursor:pointer;transition:background .2s,color .2s}
.cat-filter button small{font-size:13px;font-weight:400;color:#6B5126}
.cat-filter button:hover{border-color:#6B5126}
.cat-filter button.on{background:#1f1915;color:#F7EDD5;border-color:#1f1915}
.cat-filter button.on small{color:#E5D2A6}
.cat-filter button:focus-visible{outline:2px solid #6B5126;outline-offset:2px}
.card-a[hidden]{display:none}
@media(max-width:560px){.cat-filter{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:-16px;padding:0 16px 8px}.cat-filter button{flex:none}}

/* the system */
.sys{padding:90px 0}
.sys-grid{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:center;max-width:980px;margin:0 auto}
.sys-text h2{margin:8px 0 18px}
.sys-text p{font-size:18px;line-height:1.7;color:var(--muted)}
.sys-note{font-size:14.5px!important;margin-top:14px}
@media(max-width:820px){.sys-grid{grid-template-columns:1fr;gap:36px}.sys .iphone{max-width:300px;margin:0 auto}}

/* diagnosis page */
.dg-sub{max-width:720px;margin:14px auto 34px;line-height:1.7}
section.light .dg-sub{color:#5d5249}
.dg-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:980px;margin:36px auto 0}
.dg-step{padding:28px 26px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.02)}
.dg-step .n{font-size:30px;font-weight:300}
.dg-step h3{font-size:20px;margin:8px 0 8px}
.dg-step p{color:var(--muted);font-size:16.5px;line-height:1.65}
.dg-areas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:860px;margin:32px auto 0}
.dg-areas span{padding:10px 18px;background:#fff;border:1px solid rgba(150,118,66,.35);border-radius:999px;font-size:15.5px;color:#1f1915}
.dg-table{max-width:980px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dg-table table{width:100%;min-width:640px;border-collapse:collapse;background:#fff;font-size:15.5px;color:#3d342c}
.dg-table th,.dg-table td{padding:15px 16px;border:1px solid rgba(150,118,66,.25);text-align:right;vertical-align:top;line-height:1.55}
.dg-table thead th{background:#1f1915;color:#F7EDD5;font-weight:500}
.dg-table tbody th{font-weight:600;color:#1f1915;white-space:nowrap}
@media(max-width:760px){.dg-steps{grid-template-columns:1fr}}

/* self check, light version */
.qz-pick{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.qz-pick .pick span{background:#fff;color:#1f1915;border-color:rgba(150,118,66,.55);padding:12px 18px;font-size:16px}
.qz-pick .pick input:checked+span{background:#1f1915;color:#F7EDD5;border-color:#1f1915}
.qz-sel{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:500;color:#1f1915}
.qz-sel select{font:inherit;font-size:16px;font-weight:400;padding:13px 14px;border:1px solid rgba(150,118,66,.45);border-radius:4px;background:#fff;color:#1f1915;width:100%;min-height:50px}
.qz-sels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qz-label{font-size:18px;font-weight:600;color:#1f1915;margin:0 0 12px}
.qz-one{min-height:300px}
.qz-one h2{font-size:clamp(23px,3vw,32px);line-height:1.35;margin:10px 0 26px}
.qz-ans{display:grid;gap:12px;max-width:440px}
.qz-ans button{font:inherit;font-size:18px;font-weight:500;min-height:58px;padding:12px 20px;border:1px solid rgba(150,118,66,.55);border-radius:8px;background:#fff;color:#1f1915;cursor:pointer;text-align:center;transition:background .15s,color .15s}
.qz-ans button.on{background:#1f1915;color:#F7EDD5;border-color:#1f1915}
@media(hover:hover){.qz-ans button:hover{background:#1f1915;color:#F7EDD5;border-color:#1f1915}}
.qz-ans button:focus-visible{outline:2px solid #6B5126;outline-offset:2px}
@media(max-width:700px){.qz-sels{grid-template-columns:1fr}.qz-ans{max-width:none}}

.lv-lead{max-width:760px;margin:18px auto 26px}
.page-hero h1{margin-top:8px}

.hero h1 .hero-kw{display:block;margin-bottom:18px;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:.08em;color:#7A5E2E;text-shadow:none}

/* app demo: keep the whole recording inside the phone screen, clear of the corners and the island */
.iphone .app-screen{box-sizing:border-box;padding:42px 8px 22px;background:#FAF8F4}
.iphone .app-screen video{object-fit:contain;cursor:pointer;background:#FAF8F4}

/* client messages inside pages */
.says{padding:64px 0}
.says-h{text-align:center;font-size:clamp(24px,2.8vw,32px);color:var(--text);margin-bottom:26px}
.says-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1040px;margin:0 auto}
.say{margin:0;background:#fff;border-radius:14px 14px 2px 14px;padding:18px 20px;font-size:17px;line-height:1.5;color:#1f1915;box-shadow:0 10px 26px -18px rgba(0,0,0,.4)}
.says-note{text-align:center;font-size:14px;color:var(--muted);margin-top:18px}
@media(max-width:760px){.says-grid{grid-template-columns:1fr}}
.wa-btn{margin-top:14px}
.wa-link{display:block;margin-top:14px;color:#6B5126}
/* workshop */
.workshop{padding:80px 0}
.ws-grid{display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:center;max-width:900px;margin:0 auto}
.ws-text p{font-size:18px;line-height:1.7;color:var(--muted);margin-top:12px}
.ws-video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:6px;border:1px solid var(--line)}
@media(max-width:760px){.ws-grid{grid-template-columns:1fr;gap:26px}.ws-video{max-width:280px;margin:0 auto;display:block}}
/* stories */
.stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:32px}
.story-card{background:#fff;border:1px solid rgba(150,118,66,.3);border-radius:4px;padding:24px}
.story-card video,.story-card img{width:100%;border-radius:4px;margin-bottom:14px}
.story-card h3{color:#1f1915;font-size:20px}
.story-card .cat{color:#6B5126;font-size:15px}
.story-card p{color:#4a4038;line-height:1.6;margin-top:10px}.story-card b{color:#1f1915}

/* customer walkthrough fixes */
.next-steps{list-style:none;counter-reset:n;padding:0;margin:22px auto 0;max-width:520px;text-align:right;display:grid;gap:8px}
.next-steps li{counter-increment:n;position:relative;padding-right:32px;font-size:15.5px;line-height:1.5;color:var(--muted)}
.next-steps li b{color:var(--text);font-weight:500}
.next-steps li:before{content:counter(n);position:absolute;right:0;top:0;width:22px;height:22px;border:1px solid var(--gold);border-radius:50%;font-size:12px;line-height:22px;text-align:center;color:var(--gold-l)}
form label.ok span{display:block;flex:1}
.hero-trust{margin-top:18px;font-size:15px;color:#5d5249}
html{scroll-padding-top:110px}
@media(max-width:560px){.hero{min-height:auto;padding-top:30px;padding-bottom:54px}.hero .b4{display:none}.wa{width:48px;height:48px}}

/* shorter home */
.feat-v{padding:70px 0}
.feat-in{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:center;max-width:860px;margin:0 auto}
.feat-in video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;border:1px solid var(--line);border-radius:6px}
.feat-q{font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.3;color:var(--gold-l);margin:12px 0}
.feat-s{color:var(--muted);font-size:16px}
.home-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.me-strip{padding:64px 0}
.me-in{display:flex;gap:30px;align-items:center;max-width:760px;margin:0 auto}
.me-in .avatar{flex:none;margin:0}
.me-in h2{font-size:clamp(24px,3vw,32px);margin-bottom:10px}
.me-in p{color:var(--muted);font-size:17px;line-height:1.65}
.me-in .art-link{display:inline-block;margin-top:10px;color:var(--gold-l)}
@media(max-width:700px){.feat-in{grid-template-columns:1fr;gap:22px}.feat-in video{max-width:260px;margin:0 auto;display:block}.feat-q,.feat-s{text-align:center}.feat-in .kicker{text-align:center}.me-in{flex-direction:column;text-align:center}}

/* method: stages open on tap */
.stage-list{max-width:820px;margin-inline:auto}
.stage-d{background:#fff;border:1px solid rgba(150,118,66,.3);border-radius:4px;margin-bottom:10px}
.stage-d summary{display:flex;gap:14px;align-items:center;padding:16px 20px;cursor:pointer;list-style:none;min-height:56px}
.stage-d summary::-webkit-details-marker{display:none}
.stage-d summary:after{content:"+";margin-inline-start:auto;font-size:24px;line-height:1;color:#6B5126}
.stage-d[open] summary:after{content:"−"}
.stage-d .n{font-size:22px;font-weight:300;font-style:italic}
.stage-d .tt{display:flex;flex-direction:column}
.stage-d .en{font-size:12px;letter-spacing:.2em;color:#7A5E2E;direction:ltr;text-align:right}
.stage-d b{font-size:18px;color:#1f1915}
.stage-d small{font-size:14.5px;color:#5d5249}
.stage-d ul{margin:0;padding:0 56px 18px 20px;color:#3d342c;font-size:16px;line-height:1.7}
.steps.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.steps.four{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps.four{grid-template-columns:1fr}}

/* app page */
.app-shots{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1040px;margin:0 auto}
.app-shot{margin:0;background:#fff;border:1px solid rgba(150,118,66,.3);border-radius:6px;overflow:hidden}
.app-shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.app-shot figcaption{padding:14px 18px;font-size:15.5px;color:#5d5249}
.app-shot b{display:block;color:#1f1915;font-size:18px}
.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.demo{margin:0}
.demo video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;border:1px solid var(--line);border-radius:6px}
.demo figcaption{margin-top:10px;color:var(--muted);font-size:15.5px;line-height:1.5}
.demo b{display:block;color:var(--text);font-size:18px}
.bill-toggle{display:inline-flex;margin:0 auto 34px;background:#fff;border:1px solid rgba(150,118,66,.45);border-radius:999px;padding:4px}
.bill-toggle button{font:inherit;font-size:15.5px;font-weight:500;min-height:44px;padding:8px 20px;border:0;border-radius:999px;background:none;color:#1f1915;cursor:pointer}
.bill-toggle button.on{background:#1f1915;color:#F7EDD5}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:0 auto;align-items:start}
.plan{position:relative;background:#fff;border:1px solid rgba(150,118,66,.35);border-radius:6px;padding:30px 26px;display:flex;flex-direction:column}
.plan.top{border:2px solid #8C6E3A}
.plan-badge{position:absolute;top:-13px;right:22px;background:#1f1915;color:#F7EDD5;font-size:13px;padding:4px 12px;border-radius:999px}
.plan h3{font-size:24px;color:#1f1915}
.plan-tag{color:#6B5126;font-weight:500;font-size:15.5px;margin-top:2px}
.plan-price{margin:16px 0 4px;color:#1f1915}
.plan-price b{font-size:40px;font-weight:700}
.plan-price small{font-size:15px;margin-inline-start:6px;color:#5d5249}
.plan-save{font-size:14.5px;color:#6B5126;font-weight:500}
.plan-for{font-size:15.5px;line-height:1.55;color:#5d5249;margin:10px 0 14px}
.plan-lead{font-weight:600;color:#1f1915;font-size:15px;margin-bottom:6px}
.plan ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px;flex:1}
.plan li{position:relative;padding-right:18px;font-size:15.5px;line-height:1.45;color:#3d342c}
.plan li:before{content:"";position:absolute;right:0;top:8px;width:6px;height:6px;transform:rotate(45deg);background:#B8975F}
.plan .btn{width:100%;text-align:center}
.plan .btn.ghost{color:#1f1915;border-color:rgba(31,25,21,.3)}
.app-sel{text-align:right;color:var(--text)!important}
.app-sel select{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--line)}
.app-sel select option{color:#1f1915}
@media(max-width:900px){.plans,.demo-grid{grid-template-columns:1fr;max-width:520px}.demo-grid{margin-inline:auto}.app-shots{grid-template-columns:1fr}}

/* bordeaux: dark parts in several shades of bordeaux (2.11, her request); cream stays */
:root{--b1:#6B1A2C;--b2:#561020;--b3:#4A0A16;--b4:#3A0811;--b5:#2A060D;--muted:#D9C8BC;--line:rgba(226,201,158,.28);--line-2:rgba(226,201,158,.18);--panel:#3F0A14;--bg:#3A0811}
body{background:var(--b4)}
.hero .lines{display:none}
header,.site-header{background:linear-gradient(90deg,var(--b3),var(--b5))!important;border-bottom-color:var(--line)!important}
section:not(.light):not(.hero){background:linear-gradient(160deg,var(--b2) 0%,var(--b4) 60%,var(--b5) 100%)}
section.enemy:not(.light),section.page-hero:not(.light),section.ifyou:not(.light){background:radial-gradient(ellipse 90% 80% at 50% 0%,var(--b1) 0%,var(--b3) 48%,var(--b4) 100%)!important}
section.method:not(.light),section.mech:not(.light),section.sys:not(.light),section.workshop:not(.light),section.feat-v:not(.light){background:linear-gradient(200deg,var(--b5) 0%,var(--b4) 45%,var(--b2) 100%)!important}
section.final:not(.light){background:linear-gradient(180deg,var(--b4),var(--b5))!important}
.final .box{background:radial-gradient(ellipse at 50% 0%,var(--b1),var(--b3) 55%,var(--b4) 100%)!important}
section.me-strip:not(.light),section.testi:not(.light),section.get:not(.light),section.fear:not(.light),section.guides-sec:not(.light){background:radial-gradient(ellipse 80% 90% at 80% 10%,var(--b2),var(--b3) 45%,var(--b5) 100%)!important}
.mech-item,.dg-step,.guide-card,.if-list p,.diff-item{background:rgba(255,255,255,.05)}
section:not(.light) .get-step{background:rgba(255,255,255,.06);border-color:var(--line)}
footer{background:var(--b5)}
.draft-bar{background:var(--b5)}
.page-hero .lead{color:var(--text)}.page-hero .lead b{color:#fff}

/* the same parts on cream */
section.light{background:var(--cream)}
section.light .feat-q,section.light .testi-card figcaption{color:#1f1915}
section.light .testi-card figcaption span,section.light .feat-s{color:#5d5249}
section.light .me-in .art-link{color:#6B5126}
section.light .next-steps li:before{color:#6B5126;border-color:#8C6E3A}
section.light .mech-item,section.light .dg-step,section.light .if-list p{background:#fff;border-color:rgba(150,118,66,.3)}
section.light .dg-step p{color:#5d5249}
section.light .stage-d{background:#fff}
section.light .demo video,section.light .testi-v{border-color:rgba(150,118,66,.35)}
section:not(.light) .demo figcaption,section:not(.light) .demo b{color:var(--text)}
section:not(.light) .fit-note{color:var(--text)}
/* the form box stays bordeaux, also when the section around it is cream */
.final .box{--text:#F2ECE3;--muted:#D9C8BC;--line:rgba(226,201,158,.28);--line-2:rgba(226,201,158,.18);color:var(--text)}
section.light .box h2{color:#F7EDD5}
section.light .box .gold{background:var(--g);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
section.light .box .rule i{border-color:var(--gold)}
section.light .box .next-steps li:before{color:var(--gold-l);border-color:var(--gold)}
section.light .box .next-steps li b{color:#fff}
section.light .box .btn.ghost{color:var(--text)}
section.light .box a:not(.btn){color:#E5D2A6}
section.light .step{border-top-color:#8C6E3A}
section.light .step h3{color:#1f1915}
section.light .step p{color:#5d5249}
section.light .step .k{color:#7A5E2E}
section.light .sl{color:#7A5E2E}

/* ===== her notes, 2.11 evening ===== */
.oo{display:inline-block;direction:ltr;font-weight:800;letter-spacing:.01em}
h1 .oo{font-size:1.1em}
.me-nums .gold{font-weight:300}

/* header: menu button on the right on phones */
@media(max-width:960px){.h-actions{display:contents}.burger{order:-1}.logo{margin-inline-end:auto}header .wrap{justify-content:flex-start;gap:12px}.drawer .close{left:auto;right:18px}}

/* the form: cream box, on bordeaux or on cream */
.final .box{--text:#1f1915;--muted:#5d5249;--line:rgba(150,118,66,.4);--line-2:rgba(31,25,21,.1);background:#FBF7F0!important;color:#1f1915;box-shadow:0 30px 70px -40px rgba(30,5,10,.7)}
.final .box h2,section.light .box h2{color:#1f1915}
.final .box .gold,section.light .box .gold{background:linear-gradient(120deg,#6B1A2C 0%,#8C6E3A 45%,#B8975F 60%,#6B1A2C 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
.final .box .rule i,section.light .box .rule i{border-color:#8C6E3A}
.final .box .next-steps li b,section.light .box .next-steps li b{color:#1f1915}
.final .box .next-steps li:before,section.light .box .next-steps li:before{color:#6B1A2C;border-color:#8C6E3A}
.final .box a:not(.btn),section.light .box a:not(.btn){color:#6B1A2C}
.final .box form input[type=text],.final .box form input[type=tel],.final .box form input[type=email],.final .box form textarea{background:#fff;border:1px solid rgba(150,118,66,.4);border-radius:6px;color:#1f1915}
.final .box form input:focus,.final .box form textarea:focus{border-color:#6B1A2C}
.final .box form input::placeholder{color:#6d6157}
.final .box .btn:not(.ghost){background:linear-gradient(120deg,#6B1A2C,#4A0A16 55%,#6B1A2C);background-size:200% 100%;color:#F7EDD5;box-shadow:0 12px 30px -14px rgba(74,10,22,.8)}
.final .box .btn:not(.ghost) *{color:inherit}
.final .box .btn.ghost,section.light .box .btn.ghost{color:#1f1915;border-color:rgba(31,25,21,.3)}
.final .box .pick input:checked+span{background:#4A0A16;color:#F7EDD5}
.final .box .q-head b{color:#4A0A16}
.final .box .linkbtn{color:#5d5249}.final .box .linkbtn:hover{color:#4A0A16}
.final .box .form-msg.ok{background:#EEF6EF;border-color:#9BC7A5;color:#1F5A2F}
.final .box .form-msg.err{background:#FBEDEC;border-color:#E2A7A2;color:#8A1C1C}
.final .box .app-sel select{background:#fff;color:#1f1915;border-color:rgba(150,118,66,.4)}
.final .box form label.ok input{accent-color:#4A0A16}
/* all fields start from the same side, also phone and mail */
form input[type=tel],form input[type=email]{direction:rtl;text-align:right}
form input::placeholder{text-align:right}

/* result messages without the chat background */
.msgs{overflow:hidden;margin-top:44px;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.msgs-track{display:flex;align-items:center;gap:22px;width:max-content;animation:run 55s linear infinite}
.msgs:hover .msgs-track{animation-play-state:paused}
.msg{position:relative;flex:none;width:min(330px,76vw);margin:0;filter:drop-shadow(0 14px 22px rgba(60,20,20,.2))}
.msg img{display:block;width:100%;height:auto}
.msg svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.msg path{fill:none;stroke:#6B1A2C;stroke-width:3.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s .25s ease-out}
.msg.in path{stroke-dashoffset:0}
.msg-grid{columns:3 280px;column-gap:20px;margin-top:40px}
.msg-grid .msg{width:100%;break-inside:avoid;margin-bottom:20px}

/* more client videos */
.rail-wrap{position:relative;max-width:1320px;margin:34px auto 0;padding:0 20px}
.rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.rail .testi-card{flex:0 0 min(270px,74vw);scroll-snap-align:start}
.rail .testi-card figcaption{font-size:17px;font-weight:600}
.rail-btn{position:absolute;top:36%;z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:#FBF7F0;color:#4A0A16;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.rail-btn[data-prev]{right:4px}.rail-btn[data-next]{left:4px}
@media(max-width:820px){.rail-btn{display:none}.rail-wrap{padding:0 16px}}

/* short "nice to meet you" */
.me-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 28px}
.me-nums div{background:#fff;border:1px solid rgba(150,118,66,.3);border-radius:10px;padding:20px 12px;text-align:center}
.me-nums b{display:block;font-size:clamp(34px,4.6vw,48px);line-height:1.1;direction:ltr}
.me-nums span{display:block;margin-top:6px;font-size:15px;line-height:1.4;color:#5d5249}
@media(max-width:560px){.me-nums{grid-template-columns:1fr}}

/* app demo stays inside the gold frame */
.iphone .screen{position:absolute;inset:11px;width:auto;height:auto;display:block}
.iphone .video-wrap{position:absolute;inset:0;width:auto;height:auto}
.iphone .app-screen{padding:42px 6px 16px}
.iphone .app-screen video{width:100%;height:100%;object-fit:contain}

/* method wheel: what you tapped is clearly marked */
.m-hint{text-align:center;font-size:17px;font-weight:500;color:#4A0A16;margin:0 auto -30px}
section:not(.light) .m-hint{color:var(--gold-l)}
.lbl{border-radius:10px;padding:10px 12px;transition:opacity .3s,background .25s}
section.light .lbl h3,section.light .lbl b{color:#1f1915}
section.light .lbl{color:#5d5249}
section.light .lbl.on{background:rgba(107,26,44,.09);box-shadow:inset 0 0 0 1px rgba(107,26,44,.45)}
section.light .lbl.on h3,section.light .lbl.on h3 .en,section.light .lbl.on b{color:#6B1A2C}
section.light .lbl.on .sl{color:#6B1A2C}
section:not(.light) .lbl.on{background:rgba(255,255,255,.08)}
section:not(.light) .lbl.on h3,section:not(.light) .lbl.on h3 .en{color:#F7EDD5}

/* summary table */
.dg-table{border-radius:14px;box-shadow:0 26px 60px -38px rgba(60,20,20,.55);border:1px solid rgba(150,118,66,.35);background:#fff}
.dg-table table{border-collapse:separate;border-spacing:0;background:#fff;font-size:16px}
.dg-table th,.dg-table td{border:0;border-bottom:1px solid rgba(150,118,66,.2);padding:18px 20px}
.dg-table tbody tr:last-child th,.dg-table tbody tr:last-child td{border-bottom:0}
.dg-table thead th{background:linear-gradient(120deg,#6B1A2C,#4A0A16 60%,#3A0811);color:#F7EDD5;font-weight:600;letter-spacing:.01em}
.dg-table tbody th{color:#4A0A16;font-weight:700;background:#FBF4F0;border-left:1px solid rgba(107,26,44,.15)}
.dg-table tbody td:last-child{color:#1f1915;font-weight:500}
@media(max-width:760px){
  .dg-table table{min-width:0;display:block}.dg-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .dg-table tbody,.dg-table tr,.dg-table tbody th,.dg-table td{display:block}
  .dg-table tbody th{background:linear-gradient(120deg,#6B1A2C,#4A0A16);color:#F7EDD5;border:0;padding:12px 18px}
  .dg-table td{padding:12px 18px}.dg-table td:before{content:attr(data-l);display:block;font-size:13px;font-weight:600;color:#6B1A2C;margin-bottom:2px}
}

/* plans */
.plan-save{font-size:14px;font-weight:400;color:#5d5249}
.plan-diff{max-width:900px;margin:30px auto 0;text-align:center}
.plan-diff summary{display:inline-block;cursor:pointer;list-style:none;font-size:15.5px;font-weight:500;color:#4A0A16;padding:9px 20px;min-height:44px;border:1px solid rgba(107,26,44,.45);border-radius:999px;background:#fff}
.plan-diff summary::-webkit-details-marker{display:none}
.plan-diff summary:hover{background:#FBF4F0}
.plan-table{margin-top:18px;border-radius:12px;overflow:hidden;border:1px solid rgba(150,118,66,.35);background:#fff;box-shadow:0 20px 50px -36px rgba(60,20,20,.5)}
.plan-table table{width:100%;border-collapse:collapse;font-size:15px;color:#3d342c}
.plan-table th,.plan-table td{padding:11px 12px;border-bottom:1px solid rgba(150,118,66,.18);text-align:center}
.plan-table thead th{background:linear-gradient(120deg,#6B1A2C,#4A0A16);color:#F7EDD5;font-weight:600}
.plan-table tbody th{text-align:right;font-weight:400;color:#1f1915}
.plan-table td span{font-size:17px;font-weight:700;color:#6B1A2C}
.plan-table td span[aria-label="לא כלול"]{color:#b9aea3;font-weight:400}
@media(max-width:560px){.plan-table th,.plan-table td{padding:9px 6px;font-size:13.5px}}

/* no black on the site: dark accents are bordeaux */
.art-cta{background:linear-gradient(135deg,#6B1A2C,#4A0A16 55%,#3A0811)}
.cat-filter button.on,.qz-pick .pick input:checked+span,.qz-q .pick input:checked+span,.qz-ans button.on,.plan-badge{background:#4A0A16;border-color:#4A0A16}
@media(hover:hover){.qz-ans button:hover{background:#4A0A16;border-color:#4A0A16}}
.qz-bar i,.qz-track i{background:linear-gradient(90deg,#8C6E3A,#6B1A2C)}
.plan.top{border-color:#6B1A2C}
.wa,.a11y-btn{background:linear-gradient(135deg,#6B1A2C,#3A0811)}

/* accessibility button, above the WhatsApp one */
.a11y-btn{position:fixed;bottom:88px;left:20px;width:56px;height:56px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:41;cursor:pointer}
.a11y-panel{position:fixed;bottom:156px;left:20px;width:min(290px,calc(100vw - 40px));max-height:calc(100vh - 180px);overflow:auto;background:#FBF7F0;color:#1f1915;border:1px solid rgba(150,118,66,.5);border-radius:14px;padding:14px;z-index:60;box-shadow:0 26px 60px -20px rgba(0,0,0,.6);display:grid;gap:8px;font-size:15.5px}
.a11y-panel[hidden]{display:none}
.a11y-top{display:flex;justify-content:space-between;align-items:center;font-size:17px;color:#4A0A16}
.a11y-top button{width:40px;height:40px;background:none;border:0;font-size:24px;color:#1f1915;cursor:pointer}
.a11y-size{display:flex;justify-content:space-between;align-items:center;gap:10px}
.a11y-size i{font-style:normal;font-weight:600;color:#4A0A16}
.a11y-size div{display:flex;gap:6px}
.a11y-panel button[data-a]{font:inherit;min-height:44px;padding:8px 14px;border:1px solid rgba(107,26,44,.4);border-radius:8px;background:#fff;color:#1f1915;cursor:pointer;text-align:right}
.a11y-size button[data-a]{min-width:48px;text-align:center}
.a11y-panel button[aria-pressed=true]{background:#4A0A16;color:#F7EDD5;border-color:#4A0A16}
.a11y-panel a{color:#6B1A2C;text-align:center;padding:6px}
.a11y-panel :focus-visible{outline:2px solid #4A0A16;outline-offset:2px}
@media(max-width:560px){.a11y-btn{width:48px;height:48px;bottom:76px}.a11y-panel{bottom:134px}}
html.a-t1 body{zoom:1.12}html.a-t2 body{zoom:1.25}
html.a-links a{text-decoration:underline!important;text-underline-offset:3px;font-weight:600}
html.a-gray main,html.a-gray header,html.a-gray footer{filter:grayscale(1)}
html.a-still *,html.a-still *:before,html.a-still *:after{animation:none!important;transition:none!important}
html.a-still .msgs{overflow-x:auto}
html.a-contrast body,html.a-contrast section,html.a-contrast header,html.a-contrast footer,html.a-contrast div,html.a-contrast article,html.a-contrast figure,html.a-contrast form,html.a-contrast li,html.a-contrast table,html.a-contrast tr,html.a-contrast th,html.a-contrast td,html.a-contrast details,html.a-contrast input,html.a-contrast textarea,html.a-contrast select,html.a-contrast button,html.a-contrast .btn{background:#000!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important}
html.a-contrast h1,html.a-contrast h2,html.a-contrast h3,html.a-contrast p,html.a-contrast span,html.a-contrast b,html.a-contrast small,html.a-contrast label,html.a-contrast summary,html.a-contrast blockquote{color:#fff!important;-webkit-text-fill-color:#fff;background:none!important;filter:none!important}
html.a-contrast a{color:#FFE600!important;-webkit-text-fill-color:#FFE600;background:#000!important}
@media(prefers-reduced-motion:reduce){.msgs{overflow-x:auto}.msgs-track{animation:none}.msg path{transition:none}}
.hp{left:auto!important;right:0;clip-path:inset(50%);pointer-events:none}
.hero .lead .gold,section.light .me-nums .gold,.me-strip .me-nums .gold{background:linear-gradient(120deg,#8C6E3A 0%,#A8895A 40%,#C9AB72 55%,#8C6E3A 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
.hero .lead .oo{font-size:1.25em;font-weight:800}
.me-nums .gold{font-weight:600}
.stage-d .n{background:none;color:#8C6E3A;-webkit-text-fill-color:#8C6E3A;animation:none;font-weight:500}

/* result messages: one straight bordeaux line, drawn from the right */
.msg-line{position:absolute;height:3px;border-radius:3px;background:#6B1A2C;transform:scaleX(0);transform-origin:right;transition:transform .9s .25s ease-out}
.msg.in .msg-line{transform:scaleX(1)}
html.a-still .msg-line{transform:none}
@media(prefers-reduced-motion:reduce){.msg-line{transform:none;transition:none}}

/* cookie notice */
.ck{position:fixed;bottom:16px;right:16px;left:92px;max-width:640px;margin-inline-start:0;display:flex;align-items:center;gap:14px;background:#FBF7F0;color:#1f1915;border:1px solid rgba(150,118,66,.5);border-radius:12px;padding:12px 16px;z-index:55;box-shadow:0 18px 44px -18px rgba(0,0,0,.6);font-size:14.5px;line-height:1.5}
.ck[hidden]{display:none}
.ck a{color:#6B1A2C}
.ck-ok{flex:none;font:600 15px Rubik,sans-serif;min-height:44px;padding:8px 22px;border:0;border-radius:999px;background:#4A0A16;color:#F7EDD5;cursor:pointer}
@media(max-width:700px){.ck{right:10px;left:10px;bottom:10px;flex-direction:column;align-items:stretch;text-align:right}body.has-ck .wa{bottom:190px}body.has-ck .a11y-btn{bottom:246px}body.has-ck .a11y-panel{bottom:304px}}

/* business field: dropdown with search */
.combo{position:relative}
.combo input{width:100%}
.combo-list{position:absolute;z-index:20;top:calc(100% + 4px);right:0;left:0;max-height:250px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid rgba(150,118,66,.45);border-radius:10px;box-shadow:0 18px 40px -18px rgba(40,10,15,.5);text-align:right;-webkit-overflow-scrolling:touch}
.combo-list[hidden]{display:none}
.combo-list li{padding:11px 12px;border-radius:7px;font-size:16px;color:#1f1915;cursor:pointer;min-height:44px}
.combo-list li[hidden]{display:none}
.combo-list li:hover,.combo-list li[aria-selected=true]{background:#FBF4F0;color:#4A0A16}
.combo-list li[data-other]{border-top:1px solid rgba(150,118,66,.25);font-weight:500;color:#6B1A2C;border-radius:0 0 7px 7px}
/* floating buttons step aside while typing on a phone */
@media(max-width:700px){body.typing .wa,body.typing .a11y-btn{display:none}}
/* the quick step before the payment page */
dialog.buy form{display:block;max-width:none;margin:0;padding:0;background:none;border:0;box-shadow:none}
dialog.buy{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:22px;padding:20px 18px;width:min(420px,calc(100vw - 24px));background:#FBF7EF;color:#1f1915;font-family:inherit;direction:rtl}dialog.buy::backdrop{background:rgba(10,8,6,.65)}
.buy-x{position:absolute;top:6px;left:8px;border:0;background:none;font-size:22px;line-height:1;color:#5d5249;cursor:pointer;padding:6px;z-index:1}.buy-t{margin:0;font-size:26px;color:#1f1915;text-align:center}.buy-p{margin:2px 0 14px;color:#5d5249;font-size:15px;text-align:center}
.buy-c{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#F0E8DA;border-radius:999px;padding:4px;margin:22px 0 16px}.buy-c button{border:0;background:none;border-radius:999px;padding:9px 6px;font:inherit;font-size:15px;font-weight:500;color:#5d5249;cursor:pointer;min-height:44px;line-height:1.2;white-space:nowrap}.buy-c button small{display:block;font-size:11.5px;font-weight:400;opacity:.85}.buy-c button.on{background:#1f1915;color:#F7EDD5}
dialog.buy label{display:block;font-size:13.5px;color:#5d5249;margin-bottom:7px}dialog.buy .btn{width:100%}dialog.buy input:not([type=checkbox]){display:block;width:100%;margin-top:3px;font:inherit;font-size:16px;color:#1f1915;background:#fff;border:1px solid #DDD0BC;border-radius:12px;padding:8px 12px}
dialog.buy .buy-ok{display:flex;gap:8px;align-items:flex-start}dialog.buy .buy-ok input{width:18px;height:18px;flex:none;margin-top:2px}.buy-e{min-height:18px;margin:0 0 8px;color:#A4473A;font-size:14px}