@font-face{font-family:Discovery;src:url('assets/refined/Discovery_Fs-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Discovery;src:url('assets/refined/Discovery_Fs-Black.otf') format('opentype');font-weight:700 900;font-display:swap}
:root{--ink:#081b1c;--green:#163d34;--lime:#d0de29;--paper:#f8f8f8;--muted:rgba(8,27,28,0.7);--line:rgba(22,61,52,0.15);--dark-line:rgba(248,248,248,0.15);--space:clamp(72px,8vw,124px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font:400 21px/1.55 Discovery,Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.section{padding-block:var(--space)}.dark{background:var(--ink);color:var(--paper)}.eyeline{display:flex;gap:16px;align-items:center;font-size:15px;line-height:1.4;margin:0 0 30px;color:var(--muted)}.eyeline:before{content:'';display:block;width:8px;height:8px;transform:rotate(45deg);background:var(--lime)}.dark .eyeline{color:rgba(248,248,248,0.72)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:900;line-height:1.08}h2{font-size:clamp(40px,4.5vw,64px);letter-spacing:-.02em}h3{font-size:30px}p{max-width:65ch}.accent{color:var(--lime)}.button{min-height:55px;padding:13px 24px;background:var(--lime);color:var(--ink);border:1px solid var(--lime);display:inline-flex;gap:36px;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:rgba(208,222,41,0.8);transform:translateY(-2px)}.button span{font-family:Arial,sans-serif;font-weight:400}.button.small{min-height:43px;font-size:16px;padding:9px 18px;gap:23px}.text-link{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:18px}.section-heading{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:64px}.section-heading>p{font-size:23px;max-width:360px;color:var(--muted)}
.skip{position:absolute;top:-100px;z-index:20;background:var(--lime);padding:10px}.skip:focus{top:10px}.masthead{height:108px;border-bottom:1px solid var(--dark-line);display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:block;position:relative;width:205px;height:69px;overflow:hidden;flex-shrink:0}.logo img{position:absolute;width:113.95%;height:125.28%;max-width:none;left:-6.98%;top:-17.19%;object-fit:fill}.masthead nav{display:flex;gap:30px;align-items:center;font-size:17px}.masthead nav a:hover{color:var(--lime)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;padding-top:62px;min-height:610px}.hero-copy{padding:0 0 65px;position:relative;z-index:2}.hero h1{font-size:clamp(48px,4.9vw,69px);letter-spacing:-.018em;line-height:1.05;margin-bottom:28px}.hero h1 span{display:block}.hero .intro{font-size:24px;line-height:1.6;color:rgba(248,248,248,0.78);max-width:490px;margin-bottom:32px}.hero .intro strong{color:var(--paper);font-weight:400}.hero-meta{font-size:17px;color:rgba(248,248,248,0.7);margin-top:20px;display:flex;gap:13px;align-items:center;flex-wrap:wrap}.hero-meta strong{color:var(--paper);font-weight:400}.hero-meta del{opacity:.75}.hero-art{height:535px;align-self:end;position:relative;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:80px 45px 80px;transform:rotate(45deg);border:1px solid rgba(208,222,41,0.25);z-index:-1}.hero-art img{position:absolute;width:67%;height:auto;bottom:0}.hero-art .person-a{left:-20px;z-index:2}.hero-art .person-b{right:-12px;bottom:25px;z-index:1}.hero-art:after{content:'';position:absolute;bottom:-1px;left:-25px;right:-25px;height:100px;background:linear-gradient(transparent,var(--ink));z-index:3}.art-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:16px;color:rgba(248,248,248,0.83);z-index:4}.hero-end{padding:25px 0;border-top:1px solid var(--dark-line);display:flex;justify-content:space-between;gap:20px;font-size:16px;color:rgba(248,248,248,0.72)}.hero-end .index{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px}
.pain-layout{display:grid;grid-template-columns:.9fr 1.3fr;gap:90px}.pain-heading p:last-child{margin-top:24px;color:var(--muted);font-size:23px}.pain-row{display:grid;grid-template-columns:36px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line)}.pain-row:last-child{border-bottom:1px solid var(--line)}.number{font:12px/1.8 Arial,sans-serif;color:var(--muted);direction:ltr;text-align:right;padding-top:6px}.pain-row h3{font-size:29px;margin-bottom:10px}.pain-row p{color:var(--muted);font-size:21px}.insight{margin-top:75px;padding-top:42px;border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.3fr;gap:90px}.insight strong{font-size:30px;line-height:1.25}.insight p{font-size:23px;color:var(--muted)}
.diagnosis{background:var(--green);overflow:hidden}.diagnosis-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.diagnosis-copy h2{margin-bottom:28px}.diagnosis-copy p:not(.eyeline){color:rgba(248,248,248,0.8);font-size:23px;max-width:440px}.domain-mark{width:340px;height:340px;display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:rotate(-45deg);margin:55px auto}.domain-mark button{border:0;background:rgba(22,61,52,0.06);color:var(--ink);display:grid;place-items:center;padding:0;transition:background .25s,transform .25s}.domain-mark button span{transform:rotate(45deg);font-size:28px;font-weight:700}.domain-mark button:hover{background:rgba(208,222,41,0.3)}.domain-mark button[aria-pressed=true]{background:var(--lime);transform:translate(-5px,5px)}.domain-mark button:focus-visible{outline-color:var(--paper);outline-offset:3px}.domain-note{min-height:100px;padding-top:28px;border-top:1px solid rgba(248,248,248,0.25);display:flex;gap:22px;align-items:baseline;font-size:21px}.domain-note strong{color:var(--lime);white-space:nowrap}.domain-note p{color:rgba(248,248,248,0.86)}.domain-hint{font-size:14px;text-align:center;color:rgba(248,248,248,0.74);margin-top:12px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.process-step{border-top:1px solid var(--ink);padding-top:25px;display:flex;flex-direction:column}.process-number{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px;color:rgba(8,27,28,0.6);font:14px Arial,sans-serif}.process-number i{width:13px;height:13px;border:1px solid rgba(22,61,52,0.5);transform:rotate(45deg)}.process-step:first-child i{background:var(--lime);border-color:var(--lime)}.process-step h3{margin-bottom:18px}.process-step p{font-size:22px;color:var(--muted);margin-bottom:26px}.step-result{margin-top:auto;font-size:16px;color:var(--ink);border-top:1px solid var(--line);padding-top:20px}.process-bottom{margin-top:52px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:20px}.process-bottom .button{background:var(--ink);border-color:var(--ink);color:var(--paper)}.process-bottom .button span{color:var(--lime)}
.about .section-heading>p{color:rgba(248,248,248,0.75)}.about-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:48px;align-items:center}.portrait img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover}.portrait figcaption{display:flex;gap:12px;align-items:center;font-size:17px;margin-top:16px}.about-copy p{font-size:22px;line-height:1.65;color:rgba(248,248,248,0.79);margin-bottom:24px}.about-copy p:first-child{font-size:27px;line-height:1.4;color:var(--paper)}.about-copy .text-link{margin-top:10px;color:var(--lime)}
.case{border-bottom:1px solid var(--line)}.case-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:90px}.case-label{font-size:17px;color:var(--muted);margin-top:22px}.case-story{border-right:2px solid var(--lime);padding-right:42px}.quote-mark{font:70px/1 Georgia,serif;color:var(--lime);display:block;height:60px}.case-story h3{font-size:43px;line-height:1.15;margin-bottom:24px;max-width:590px}.case-story p{font-size:23px;color:var(--muted);max-width:540px}.case-takeaway{font-size:19px!important;color:var(--ink)!important;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.faq-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:90px}.faq-intro{font-size:22px;color:var(--muted);margin-top:26px;max-width:300px}.faq-list{border-top:1px solid var(--ink)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0;font-size:23px;line-height:1.35}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:22px Arial,sans-serif;width:25px;flex-shrink:0;text-align:center;color:var(--green)}.faq details[open] summary:after{content:'−'}.faq details[open] summary{font-weight:700}.faq details p{font-size:21px;line-height:1.65;color:var(--muted);padding:0 0 26px 36px}.faq summary:hover{color:var(--green)}
.closing{padding:85px 0;background:var(--lime)}.closing p{font-size:clamp(37px,4.8vw,68px);line-height:1.1;font-weight:900;text-align:center;max-width:1000px;margin:auto}.closing p span{display:block}.closing p span:first-child{font-weight:400;font-size:.7em;margin-bottom:15px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-copy h2{margin-bottom:25px}.contact-copy>p:not(.eyeline){font-size:23px;max-width:400px;color:rgba(248,248,248,0.78)}.contact-price{margin-top:25px;font-size:20px}.contact-price strong{font-size:32px;font-weight:700;color:var(--lime)}.contact-price del{color:rgba(248,248,248,0.64);margin-right:12px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;align-content:start}.contact-form label{display:grid;gap:9px;font-size:17px}.contact-form input{width:100%;min-width:0;background:rgba(248,248,248,0.03);border:1px solid rgba(248,248,248,0.25);border-radius:0;padding:13px 15px;color:var(--paper);font-size:21px}.contact-form input:focus{border-color:var(--lime)}.contact-form .wide{grid-column:1/-1}.contact-form .button{width:100%;margin-top:5px}.form-note{font-size:15px;color:rgba(248,248,248,0.69);margin-top:-12px}.form-status{font-size:18px;color:var(--lime)}footer{background:var(--ink);color:rgba(248,248,248,0.69);padding:28px 0;font-size:14px}footer .wrap{padding-top:28px;border-top:1px solid var(--dark-line);display:flex;align-items:center;justify-content:space-between;gap:30px}footer .logo{width:170px;height:57px}.footer-note{max-width:320px;text-align:left}.reveal{animation:enter .8s ease both}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.wrap{width:min(1320px,calc(100% - 120px))}.hero h1{font-size:76px}.hero-art{height:600px}.hero{min-height:680px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.masthead nav{gap:18px;font-size:15px}.hero h1{font-size:51px}.hero-art{height:455px}.hero .intro{font-size:22px}.hero-copy{padding-bottom:40px}.hero{min-height:540px}.pain-layout,.insight,.case-layout,.faq-layout{gap:45px}.diagnosis-layout{gap:60px}.domain-mark{width:260px;height:260px}.domain-mark button span{font-size:25px}.about-grid{gap:28px}.about-copy p{font-size:20px}.portrait figcaption{font-size:15px}.contact-layout{gap:50px}}
@media(max-width:760px){body{font-size:20px}.wrap{width:calc(100% - 40px)}.masthead{height:90px;position:relative;gap:16px}.logo{width:176px;height:60px}.masthead>.button{display:none}.menu-toggle{display:block;background:transparent;border:1px solid rgba(248,248,248,0.31);color:var(--paper);padding:8px 14px;font-size:17px}.masthead nav{display:none;position:absolute;top:80px;left:0;right:0;padding:25px;background:var(--green);z-index:10;box-shadow:0 16px 30px rgba(8,27,28,0.2);font-size:20px;flex-direction:column;align-items:start;gap:18px}.masthead nav.open{display:flex}.hero{display:flex;flex-direction:column;padding-top:45px;gap:10px;min-height:0}.hero-copy{padding-bottom:0;width:100%}.hero h1{font-size:clamp(43px,10.6vw,64px);line-height:1.08;margin-bottom:24px}.hero .intro{font-size:22px;line-height:1.5}.hero .button{font-size:19px;min-height:54px}.hero-meta{font-size:16px;margin-top:18px}.hero-art{height:auto;aspect-ratio:1.12;width:min(480px,100%);margin:18px auto 0}.hero-art .person-a{left:-12px}.hero-art .person-b{right:-8px;bottom:18px}.hero-art:before{inset:70px 45px}.hero-art:after{height:60px}.art-caption{font-size:14px}.hero-end{font-size:15px;align-items:center;padding:22px 0}.hero-end .index{display:none}.hero-end a{white-space:nowrap}.eyeline{margin-bottom:22px;font-size:14px}h2{font-size:43px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:22px;font-size:22px}.pain-layout,.insight,.diagnosis-layout,.about-grid,.case-layout,.faq-layout,.contact-layout{grid-template-columns:1fr;gap:38px}.pain-heading p:last-child{font-size:22px;margin-top:20px}.pain-row{gap:15px;grid-template-columns:25px 1fr;padding:24px 0}.pain-row h3{font-size:28px}.pain-row p{font-size:21px}.insight{gap:20px;margin-top:40px;padding-top:30px}.insight strong{font-size:29px}.insight p{font-size:22px}.diagnosis-layout{gap:30px}.domain-mark{width:230px;height:230px;margin:50px auto}.domain-note{display:block;min-height:130px}.domain-note strong{display:block;margin-bottom:9px}.domain-note p{font-size:21px}.domain-hint{margin-top:0}.process-grid{grid-template-columns:1fr;gap:30px}.process-step{padding-top:20px}.process-number{margin-bottom:23px}.process-step h3{font-size:29px}.process-step p{font-size:22px}.step-result{padding-top:0;border:0;font-size:17px}.process-bottom{display:block;margin-top:36px}.process-bottom p{margin-bottom:24px}.about-grid{grid-template-columns:1fr 1fr;gap:32px 18px}.about-copy{grid-column:1/-1;grid-row:1}.about-copy p{font-size:22px}.about-copy p:first-child{font-size:28px}.portrait figcaption{font-size:15px;gap:8px;line-height:1.3}.case-story{padding-right:22px}.case-story h3{font-size:35px}.case-story p{font-size:22px}.faq-layout{gap:34px}.faq-intro{max-width:none;font-size:22px;margin-top:20px}.faq summary{font-size:22px;padding:22px 0}.faq details p{font-size:20px;padding-left:10px}.closing{padding:65px 0}.closing p{font-size:41px}.closing p span:first-child{font-size:26px;line-height:1.3}.contact-form{gap:20px 14px}.contact-form label{font-size:17px}.contact-form input{padding:12px;font-size:20px}.contact-form .button{font-size:18px}.contact-price{margin-top:20px}footer .wrap{flex-direction:column;align-items:start;gap:18px}.footer-note{text-align:right}.contact-layout{gap:40px}}
.domain-mark{margin-block:80px}.case-label{display:none}.hero-art:after{left:0;right:0}
@media(max-width:760px){.domain-mark{margin-block:60px}}
/* FAQ format from Figma 189:1891. */
.faq{position:relative;isolation:isolate;overflow:hidden;background:#f8f8f8;padding:130px 0 95px}
.faq-glow{position:absolute;z-index:-1;pointer-events:none;max-width:none;left:calc(50% - 330px);top:-143px}
.faq-layout{display:block;width:min(1101px,calc(100% - 96px))}
.faq-heading{position:relative;text-align:center;margin-bottom:55px}
.faq h2{font-size:64px;line-height:1.1;letter-spacing:0}
.faq-watermark{position:absolute;top:-61px;left:50%;transform:translateX(-50%);font-size:128px;line-height:1.1;font-weight:900;color:var(--green);opacity:.06;white-space:nowrap;z-index:-1}
.faq-list{border:1px solid var(--ink)}
.faq details{border:0;border-bottom:1px solid var(--ink)}
.faq details:last-child{border-bottom:0}
.faq summary{min-height:70px;justify-content:flex-start;gap:22px;padding:18px 27px;font-size:27px;line-height:1.3;color:var(--ink);font-weight:400}
.faq summary:after{display:none}
.faq summary:before{content:'+';font:22px/1 Arial,sans-serif;flex:0 0 26px;text-align:center}
.faq details[open] summary{background:rgba(208,222,41,.2);font-weight:400}
.faq details[open] summary:before{content:'−'}
.faq summary:hover{color:var(--ink);background:rgba(208,222,41,.12)}
.faq details p{max-width:none;padding:24px 76px 32px;font-size:27px;line-height:1.3;color:var(--ink)}
.faq summary:focus-visible{outline-offset:-5px}
@media(max-width:760px){.faq{padding:92px 0 64px}.faq-layout{width:calc(100% - 40px)}.faq-heading{margin-bottom:36px}.faq h2{font-size:43px}.faq-watermark{font-size:clamp(43px,11vw,80px);top:-30px}.faq summary{font-size:21px;line-height:1.4;padding:18px 14px;gap:10px;min-height:70px}.faq summary:before{flex-basis:20px;font-size:20px}.faq details p{font-size:21px;line-height:1.5;padding:20px 22px 26px}.faq-glow{left:calc(50% - 470px);top:-160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.button,.domain-mark button{transition:none}}

/* Unnumbered sections and undecorated portrait captions. */
.pain-row{grid-template-columns:1fr;gap:0}
/* Footer — Figma 160:1011 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.figma-footer{position:relative;overflow:hidden;padding:76px 0 45px;color:var(--paper);min-height:792px}
.figma-footer .footer-content{position:relative;z-index:1;display:block;padding-top:0;border:0}
.footer-glow{position:absolute;pointer-events:none;max-width:none}
.glow-left{left:calc(50% - 1233px);top:-264px}
.glow-right{left:calc(50% - 103px);top:61px}
.footer-watermark{position:absolute;font-size:clamp(260px,53vw,679px);font-weight:900;opacity:.02;line-height:1.1;letter-spacing:.01em;top:286px;left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none}
.figma-footer .contact-layout{grid-template-columns:1fr 1fr;gap:80px}
.figma-footer .contact-copy h2{font-size:64px;line-height:.95;margin:0 0 34px}
.figma-footer .contact-copy>p{font-size:27px;line-height:1.15;color:var(--paper);max-width:501px;margin:0 0 24px}
.figma-footer .contact-form{display:grid;grid-template-columns:1fr;gap:17px;padding-top:0}
.figma-footer .contact-price{margin:0 0 12px;font-size:27px;line-height:1.1;text-align:center;white-space:nowrap}
.figma-footer .contact-price strong{font-size:27px;color:inherit;font-weight:400}
.figma-footer .contact-price del{margin:0;color:rgba(248,248,248,0.72)}
.figma-footer .contact-form input{height:50px;background:rgba(248,248,248,0.2);border:1px solid transparent;font-size:27px;padding:7px 17px;text-align:right;border-radius:0}
.figma-footer input::placeholder{color:var(--paper);opacity:1}
.figma-footer .contact-form input:focus{border-color:var(--lime)}
.figma-footer .contact-form .button{position:relative;min-height:50px;height:50px;padding:7px 20px;margin:2px 0 0;justify-content:center;font-size:20px;font-weight:400;overflow:visible}
.figma-footer .contact-form .button:before{content:"";position:absolute;left:-25px;top:-1px;width:25px;height:50px;background:var(--lime);clip-path:polygon(100% 0,100% 100%,0 50%)}
.figma-footer .contact-form .button span{position:absolute;left:5px;font-size:27px}
.figma-footer .form-note{margin:0;text-align:right;font-size:15px;line-height:1.3;color:rgba(248,248,248,0.78)}
.figma-footer .form-status:empty{display:none}
.footer-contact-methods{margin:76px auto 35px 0;width:calc((100% - 80px)/2);padding-left:30px;display:grid;gap:18px}
.footer-contact-methods>div{display:flex;justify-content:flex-end;align-items:center;gap:20px;font-size:27px}
.footer-contact-methods img{flex:none}
.footer-contact-methods small{font-size:13px;color:rgba(248,248,248,0.69);text-align:left}
.footer-bottom{display:flex;align-items:end;gap:28px}
.figma-footer .footer-bottom .logo{width:200px;height:68px;flex:none}
.footer-rule{flex:1;border-bottom:1px solid rgba(248,248,248,0.44);margin-bottom:8px}
.footer-legal{display:flex;gap:25px}
.footer-legal button{border:0;background:none;color:var(--paper);font:inherit;font-size:15px;padding:0}
.footer-legal button:hover{text-decoration:underline}
.site-credit{background:#f8f8f8;text-align:center;padding:18px;font-size:16px}
.legal-dialog{background:var(--paper);color:var(--ink);padding:35px;border:1px solid var(--green);max-width:min(90vw,520px)}
.legal-dialog::backdrop{background:rgba(8,27,28,0.67)}.legal-dialog h2{font-size:32px}.legal-dialog p{margin:24px 0}
@media(max-width:1050px){.figma-footer .contact-layout{gap:45px}.figma-footer .contact-price{font-size:22px}.figma-footer .contact-price strong{font-size:22px}.figma-footer .contact-copy>p{font-size:24px}}
@media(max-width:760px){.figma-footer{padding:60px 0 30px;min-height:0}.figma-footer .contact-layout{grid-template-columns:1fr;gap:24px}.figma-footer .contact-copy h2{font-size:48px}.figma-footer .contact-copy>p{font-size:23px}.figma-footer .contact-form{margin-left:20px;gap:15px}.figma-footer .contact-price{font-size:20px;text-align:right;white-space:normal;line-height:1.4}.figma-footer .contact-price strong{font-size:20px}.figma-footer .contact-form input{font-size:23px}.footer-contact-methods{width:100%;margin-top:50px;padding-left:20px;gap:15px}.footer-contact-methods>div{font-size:24px}.footer-bottom{flex-wrap:wrap;align-items:center;gap:25px}.footer-rule{min-width:30px}.footer-legal{width:100%;justify-content:center}.footer-watermark{top:auto;bottom:60px;font-size:72vw}.glow-left{left:-800px}.glow-right{left:10%;top:400px}}

.faq summary,.faq details[open] summary{font-weight:900}
/* Customer video stories */
.client-stories{background:rgba(22,61,52,0.06);border-block:1px solid var(--line)}
.stories-heading{text-align:center;margin:0 auto 48px;max-width:1050px}
.stories-heading h2{font-size:clamp(36px,4.4vw,60px);line-height:1.12}
.stories-heading h2>span:not(.sw){color:var(--green);background:linear-gradient(transparent 76%,var(--lime) 76%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.stories-heading>p{font-size:24px;color:var(--muted);margin:24px auto 0;max-width:670px;line-height:1.4}
.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.video-slot{aspect-ratio:16/10;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px solid rgba(248,248,248,0.13)}
.video-play{display:grid;place-items:center;padding-left:4px;width:60px;height:60px;border-radius:50%;background:var(--lime);color:var(--ink);font:22px Arial,sans-serif}
.video-slot p{color:rgba(248,248,248,0.78);font-size:18px}
.client-video figcaption{padding-top:16px;font-size:18px;color:var(--muted);text-align:right}
@media(max-width:760px){.stories-grid{grid-template-columns:1fr;gap:30px}.stories-heading{margin-bottom:32px}.stories-heading>p{font-size:22px}.stories-heading h2{font-size:38px}.video-slot{aspect-ratio:16/9}}
/* Four connected fields — circular reference */
.diagnosis{background:var(--paper);color:var(--ink);border-block:1px solid var(--line)}
.diagnosis-layout{gap:80px}
.diagnosis-copy h2{font-size:clamp(42px,4.8vw,66px);line-height:1.08}
.diagnosis-copy h2 .accent{color:var(--green)}
.diagnosis-copy p:not(.eyeline){color:var(--muted);font-size:24px;line-height:1.5}
.domain-mark{position:relative;isolation:isolate;width:min(440px,100%);height:auto;aspect-ratio:1;transform:none;gap:0;margin:0 auto 22px}
.domain-mark:before{content:"";position:absolute;width:36%;height:36%;left:32%;top:32%;background:var(--lime);transform:rotate(45deg);z-index:-1}
.domain-mark button{border:7px solid var(--paper);border-radius:50%;background:rgba(22,61,52,0.04);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;aspect-ratio:1;min-width:0;transition:background .2s,box-shadow .2s}
.domain-mark button span{transform:none;font-size:29px;line-height:1.1;font-weight:700}
.domain-mark button svg{width:52px;height:52px;fill:none;stroke:var(--green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.domain-mark button svg circle{fill:rgba(22,61,52,0.04)}
.domain-mark button:hover{background:rgba(22,61,52,0.1)}
.domain-mark button[aria-pressed=true]{background:rgba(208,222,41,0.2);transform:none;box-shadow:inset 0 0 0 2px var(--lime)}
.domain-mark button:focus-visible{outline:3px solid var(--green);outline-offset:-10px}
.domain-hint{color:var(--muted);font-size:16px;margin:0}
.domain-note{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);min-height:105px;gap:20px}
.domain-note strong{color:var(--green)}
.domain-note p{color:var(--muted);font-size:22px;line-height:1.4}
@media(max-width:1050px){.diagnosis-layout{gap:40px}.domain-mark button span{font-size:26px}}
@media(max-width:760px){.diagnosis-layout{gap:36px}.diagnosis-copy h2{font-size:43px}.diagnosis-copy p:not(.eyeline){font-size:22px}.domain-mark{width:min(360px,100%);margin:0 auto 20px}.domain-mark button{border-width:5px;gap:9px}.domain-mark button svg{width:42px;height:42px}.domain-mark button span{font-size:25px}.domain-note{min-height:120px}.domain-note p{font-size:21px}}
.domain-mark:before{width:50%;height:50%;left:25%;top:25%;transform:none}
/* Angular diagnosis, aligned with the dark hero */
.diagnosis{background:var(--ink);color:var(--paper);border:0}
.diagnosis-copy h2 .accent{color:var(--lime)}
.diagnosis-copy p:not(.eyeline){color:rgba(248,248,248,0.8)}
.domain-mark{gap:16px}
.domain-mark:before{width:27%;height:27%;left:36.5%;top:36.5%;transform:rotate(45deg);z-index:2;border:8px solid var(--ink);box-sizing:content-box;margin:-8px}
.domain-question{position:absolute;inset:0;display:grid;place-items:center;z-index:3;pointer-events:none;color:var(--ink);font-size:58px;font-weight:900;line-height:1}
.domain-mark button{border:1px solid rgba(248,248,248,0.16);border-radius:0;background:#163d34;gap:14px;box-shadow:none}
.domain-mark button span{color:var(--paper);font-size:28px}
.domain-mark button svg{stroke:#d0de29;stroke-linecap:square;stroke-linejoin:miter}
.domain-mark button svg circle{fill:var(--green)}
.domain-mark button:hover{background:var(--green);border-color:rgba(208,222,41,0.5)}
.domain-mark button[aria-pressed=true]{background:var(--green);border-color:var(--lime);box-shadow:inset 0 -3px 0 var(--lime)}
.domain-mark button:focus-visible{outline-color:var(--lime);outline-offset:4px}
.domain-hint{color:rgba(248,248,248,0.74)}
.domain-note{border-color:rgba(248,248,248,0.16)}
.domain-note strong{color:var(--lime)}
.domain-note p{color:rgba(248,248,248,0.86)}
@media(max-width:760px){.domain-mark{gap:12px}.domain-mark button{border-width:1px}.domain-mark button span{font-size:24px}.domain-question{font-size:45px}.domain-mark:before{border-width:6px;margin:-6px}}
/* Five-diamond brand composition */
.domain-mark{width:min(480px,100%);aspect-ratio:1;display:block}
.domain-mark button{position:absolute;width:33%;height:33%;aspect-ratio:1;transform:rotate(45deg);gap:0;overflow:visible}
.domain-mark button[data-domain=management]{top:4%;left:33.5%}
.domain-mark button[data-domain=marketing]{top:33.5%;left:63%}
.domain-mark button[data-domain=team]{top:33.5%;left:4%}
.domain-mark button[data-domain=sales]{top:63%;left:33.5%}
.domain-mark button[aria-pressed=true]{transform:rotate(45deg);box-shadow:none}
.domain-mark button svg{position:absolute;width:42px;height:42px;top:calc(50% - 43px);left:calc(50% - 40px);transform:rotate(-45deg);stroke-linecap:round;stroke-linejoin:round}
.domain-mark button span{position:absolute;top:calc(50% + 7px);left:calc(50% - 30px);width:100px;text-align:center;transform:translate(-50%,-50%) rotate(-45deg);font-size:25px}
.domain-mark:before{width:23%;height:23%;left:38.5%;top:38.5%;border:6px solid var(--ink);margin:-6px}
.domain-question{font-size:52px}
@media(max-width:760px){.domain-mark{width:min(380px,100%)}.domain-mark button{gap:0}.domain-mark button svg{width:32px;height:32px;top:calc(50% - 33px);left:calc(50% - 30px)}.domain-mark button span{font-size:20px;top:calc(50% + 6px);left:calc(50% - 22px)}.domain-question{font-size:40px}}
.domain-mark button span{left:calc(50% + 17px);top:calc(50% + 17px)}@media(max-width:760px){.domain-mark button span{left:calc(50% + 13px);top:calc(50% + 13px)}}
/* Compact logo-inspired cluster */
.domain-mark button[data-domain=management]{top:7%;left:33.5%}
.domain-mark button[data-domain=marketing]{top:33.5%;left:60%}
.domain-mark button[data-domain=team]{top:33.5%;left:7%}
.domain-mark button[data-domain=sales]{top:60%;left:33.5%}
.domain-mark button svg{width:48px;height:48px;top:calc(50% - 46px);left:calc(50% - 43px)}
@media(max-width:760px){.domain-mark button svg{width:38px;height:38px;top:calc(50% - 36px);left:calc(50% - 33px)}}
/* About — Figma 181:1660 */
.about{position:relative;overflow:hidden;isolation:isolate;padding:134px 0 104px}
.about-glow{position:absolute;z-index:-1;pointer-events:none;max-width:none;width:1381.8px;height:1293.8px;left:calc(50% - 500.4px);top:-344.4px}
.about .about-grid{position:relative;display:grid;grid-template-columns:260px minmax(0,467px) 260px;justify-content:space-between;align-items:start;gap:0}
.about-watermark{position:absolute;z-index:-1;top:-52px;left:50%;transform:translateX(-50%);max-width:none;font-size:128px;line-height:1.1;font-weight:900;color:var(--paper);opacity:.06;white-space:nowrap;pointer-events:none}
.about .portrait img{aspect-ratio:1122/1402;border:2px solid var(--paper)}
.about .portrait-avraham{margin-top:81px}
.about .portrait figcaption{display:flex;gap:10px;align-items:center;margin-top:14px;font-size:20px;line-height:1.2;font-weight:900;color:var(--paper);white-space:nowrap}
.about .portrait-avraham figcaption{margin-top:16px}
.caption-line{flex:1;height:2px;background:var(--lime);border-radius:2px}
.caption-diamond{flex:none;width:16.2px;height:16.2px;margin:3.4px;background:var(--lime);transform:rotate(45deg)}
.about-copy{padding-top:12px;text-align:center}
.about-copy h2{font-size:53px;line-height:40px;letter-spacing:0;margin:0 0 32px;color:var(--paper)}
.about-copy h2>span:not(.sw){display:block;margin-top:12px;font-size:27px;line-height:40px;font-weight:400;color:var(--lime)}
.about-copy p,.about-copy p:first-child{max-width:none;margin:0 0 32px;font-size:27px;line-height:1.2;color:var(--paper)}
.about-copy p:last-child{margin-bottom:0}
@media(max-width:1050px){.about .about-grid{grid-template-columns:200px minmax(0,1fr) 200px;gap:32px}.about-copy h2{font-size:44px}.about-copy p,.about-copy p:first-child{font-size:22px}.about .portrait figcaption{font-size:16px;gap:7px}.about-watermark{font-size:100px}}
@media(max-width:760px){.about{padding:84px 0 64px}.about .about-grid{grid-template-columns:1fr 1fr;gap:40px 16px}.about-copy{grid-column:1/-1;grid-row:1;padding-top:0}.about-copy h2{font-size:clamp(34px,9vw,44px);line-height:1.1;margin-bottom:26px}.about-copy h2>span:not(.sw){margin-top:6px;font-size:22px;line-height:1.3}.about-copy p,.about-copy p:first-child{font-size:21px;line-height:1.35;margin-bottom:22px}.about-watermark{top:-46px;font-size:clamp(52px,16vw,80px)}.about .portrait-avraham{margin-top:40px}.about .portrait figcaption{font-size:clamp(12px,3.7vw,15px);gap:5px;margin-top:12px}.caption-line{min-width:10px}.caption-diamond{width:11px;height:11px;margin:2px}.about-glow{left:calc(50% - 760px);top:-420px}}
/* Palette: ink, green, lime, paper — focus rings stay visible on dark grounds */
.dark :focus-visible,.figma-footer :focus-visible,.bento-dark :focus-visible{outline-color:var(--lime)}
/* Offer bento — inspired by Figma 192:2, squared to the logo geometry */
.bento{border-bottom:1px solid rgba(22,61,52,.15)}
.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.bento-title{grid-column:span 8;align-self:center;font-size:clamp(52px,6.6vw,86px);line-height:1;letter-spacing:-.02em;padding:6px 0 16px}
.bt-line{display:block;white-space:nowrap}
.bt-1{margin-right:22%}
.bt-3{margin-right:14%}
.bt-4{text-align:left}
.bt-4:after{content:'';display:block;width:min(100%,520px);height:.16em;margin:.08em auto 0 0;background:var(--lime)}
.bt-tag{display:inline-block;vertical-align:.32em;margin-right:.25em;padding:.08em .5em .14em;border:2px solid var(--ink);font-size:.38em;font-weight:400;line-height:1.1;letter-spacing:0}
.bento-tile{position:relative;overflow:hidden}
.bento-dark{grid-column:span 4;min-height:340px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;background:radial-gradient(120% 90% at 15% 110%,rgba(208,222,41,.16),rgba(208,222,41,0) 60%),var(--ink);color:var(--paper)}
.bento-chip{align-self:flex-start;padding:7px 18px 8px;border:1px solid rgba(248,248,248,.5);font-size:17px;line-height:1.2}
.bento-mark{position:absolute;top:26px;left:28px;width:62px;height:62px}
.bento-mark i{position:absolute;width:20px;height:20px;background:var(--lime);transform:rotate(45deg)}
.bento-mark i:nth-child(1){top:0;left:21px}.bento-mark i:nth-child(2){top:21px;left:0}.bento-mark i:nth-child(3){top:21px;left:42px}.bento-mark i:nth-child(4){top:42px;left:21px}
.bento-dark p{font-size:20px;line-height:1.45;color:rgba(248,248,248,.8);max-width:300px}
.bento-side{grid-column:span 5;display:grid;grid-template-rows:1fr auto;gap:20px}
.bento-halftone{min-height:230px;overflow:visible;background:url('assets/refined/bento-halftone.svg') center/cover no-repeat,var(--paper);border:1px solid rgba(8,27,28,.12)}
.bento-badge{position:absolute;top:-34px;right:-26px;width:136px;height:136px;overflow:visible}
.bento-badge text{font:400 11.6px Discovery,Arial,sans-serif;fill:var(--ink);letter-spacing:.06em;transform-box:view-box;transform-origin:60px 60px;animation:bento-spin 26s linear infinite}
.bento-badge rect{fill:var(--lime)}
@keyframes bento-spin{to{transform:rotate(-360deg)}}
.bento-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bento-stat{min-height:150px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:rgba(22,61,52,.08)}
.bento-stat strong{font-size:54px;line-height:1;font-weight:900}
.bento-stat span{font-size:18px;line-height:1.3;color:rgba(8,27,28,.7)}
.bento-stat-dark{background:var(--green);color:var(--paper)}
.bento-stat-dark span{color:rgba(248,248,248,.78)}
.bento-stat-dark del{color:rgba(248,248,248,.6)}
.bento-lime{grid-column:span 7;padding:34px 36px 36px;background:var(--lime);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start}
.bento-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bento-tags li{padding:5px 16px 7px;border:1.5px solid var(--ink);font-size:17px;line-height:1.2}
.bento-tags li:first-child{background:var(--ink);color:var(--lime)}
.bento-word{margin:30px 0 22px;font-size:clamp(70px,8vw,108px);line-height:.95;font-weight:400;border-bottom:3px solid var(--ink);padding-bottom:6px}
.bento-text{font-size:22px;line-height:1.4;max-width:calc(100% - 110px)}
.bento-arrow{position:absolute;left:30px;bottom:30px;width:70px;height:70px;display:grid;place-items:center;transition:transform .2s}
.bento-arrow svg{width:58px;height:58px;fill:none;stroke:var(--ink);stroke-width:7;stroke-linecap:square}
.bento-arrow:hover{transform:translate(-4px,-4px)}
.bento-arrow:focus-visible{outline-offset:2px}
@media(prefers-reduced-motion:reduce){.bento-badge text{animation:none}.bento-arrow{transition:none}}
@media(max-width:1050px){.bento-title{grid-column:1/-1}.bento-dark{grid-column:span 5;min-height:300px}.bento-lime{grid-column:span 7}.bento-side{grid-column:span 5}.bento-text{font-size:20px}.bento-stat strong{font-size:44px}}
@media(max-width:760px){.bento-grid{gap:14px}.bento-title,.bento-dark,.bento-lime,.bento-side{grid-column:1/-1;grid-row:auto}.bento-title{font-size:clamp(40px,11.4vw,56px);padding:0 0 18px}.bt-1{margin-right:12%}.bt-3{margin-right:6%}.bento-dark{min-height:260px;padding:24px}.bento-mark{top:22px;left:22px;transform:scale(.8);transform-origin:top left}.bento-dark p{font-size:19px}.bento-lime{order:1;padding:26px 22px 28px}.bento-side{order:2;margin-top:24px;gap:14px}.bento-stats{gap:14px}.bento-word{font-size:clamp(60px,18vw,84px);margin:24px 0 18px}.bento-text{font-size:20px;max-width:none;padding-bottom:70px}.bento-arrow{left:20px;bottom:20px;width:56px;height:56px}.bento-arrow svg{width:46px;height:46px}.bento-halftone{min-height:190px}.bento-badge{width:112px;height:112px;top:-30px;right:-6px}.bento-stat{min-height:124px}.bento-stat strong{font-size:40px}.bento-stat span{font-size:16px}.bento-tags li{font-size:16px;padding:4px 12px 6px}}
/* Page grid — a 97px lattice painted into each band's background, under all content.
   Every band shifts its grid by its own page offset (--grid-y, set in refined.js) so the lines run on unbroken. */
:root{--grid-ink:linear-gradient(to right,rgba(8,27,28,.025) 1px,rgba(8,27,28,0) 1px),linear-gradient(to bottom,rgba(8,27,28,.025) 1px,rgba(8,27,28,0) 1px);--grid-paper:linear-gradient(to right,rgba(248,248,248,.025) 1px,rgba(248,248,248,0) 1px),linear-gradient(to bottom,rgba(248,248,248,.025) 1px,rgba(248,248,248,0) 1px)}
body,body>.faq,body>.site-credit,body>.closing,body>.dark,body>.diagnosis,body>.about,body>.figma-footer{background-size:97px 97px;background-position:50% var(--grid-y,0px)}
body,body>.faq,body>.site-credit,body>.closing{background-image:var(--grid-ink)}
body>.dark,body>.diagnosis,body>.about,body>.figma-footer{background-image:var(--grid-paper)}
/* ===== Hero — Figma 195:28, drawn on a 1280px stage that zooms down with the viewport (--hs, set in <head>) ===== */
.hero-band{position:relative;overflow-x:clip;color:var(--paper)}
.hero-band:before{content:'';position:absolute;inset:0 0 auto;height:calc(736.5px * var(--hs,1));background-color:var(--ink);background-image:var(--grid-paper);background-size:97px 97px;background-position:50% 0;clip-path:polygon(0 0,100% 0,100% calc(671px * var(--hs,1)),50% 100%,0 calc(671px * var(--hs,1)))}
.hero-stage{position:relative;width:1280px;height:894px;margin:0 auto;zoom:var(--hs,1)}
.hs-glow{position:absolute;max-width:none;pointer-events:none;width:1067.8px;height:1011.8px}
.hs-glow-a{left:755.6px;top:162.6px}.hs-glow-b{left:-228.4px;top:-133.4px}.hs-glow-c{left:-244.4px;top:-111.4px}
.hs-glow-d{left:139.6px;top:-344.4px;width:1381.8px;height:1293.8px}
.hs-head.masthead{position:static;display:block;height:auto;border:0}
.hs-logo.logo{position:absolute;left:1046px;top:37px;width:200px;height:68px}
.hs-nav{position:absolute;left:423px;top:53px;display:flex;gap:38px;font-size:20px;line-height:1.2}
.hs-nav a{text-box:trim-both cap alphabetic;transition:color .2s}
.hs-nav a:hover{color:var(--lime)}
.hs-title{position:absolute;right:34px;top:181px;width:644px;margin:0;font-size:64px;line-height:1;letter-spacing:0;text-align:right}
.hs-title>span:not(.sw){display:block}
.hs-intro{position:absolute;right:34px;top:326px;width:470px;max-width:none;font-size:24px;line-height:1.18;text-align:right}
.hs-price{position:absolute;right:34px;top:506px;max-width:none;font-size:24px;line-height:1.18;white-space:nowrap}
.hs-price del{text-decoration:line-through;text-decoration-color:var(--lime);text-decoration-thickness:3px}
.hs-person{position:absolute;max-width:none;object-fit:cover}
.hs-person-b{left:257px;top:118px;width:374px;height:467px}
.hs-person-a{left:-1px;top:119px;width:382px;height:478px}
.hs-fade{position:absolute;pointer-events:none;background:linear-gradient(to top,var(--ink) 20.27%,rgba(8,27,28,0))}
.hs-fade-b{left:142px;top:447px;width:478px;height:171px}
.hs-fade-a{left:-76px;top:458px;width:457px;height:159px}
.hs-badge{position:absolute;left:274px;top:454px;width:188px;height:188px;overflow:visible}
.hs-badge .ring{transform-box:view-box;transform-origin:94px 94px;animation:hs-spin 32s linear infinite}
@keyframes hs-spin{to{transform:rotate(360deg)}}
.hs-form{position:absolute;left:122px;top:642px;width:1035px;height:252px;margin:0;background:var(--green);border:3px solid var(--lime);color:var(--paper)}
.hs-form-title{position:absolute;left:0;right:0;top:45px;margin:0;font-size:32px;line-height:1.2;letter-spacing:0;text-align:center}
.hs-field{position:absolute;top:109px;height:49.88px}
.hs-field-name{left:783px;width:202px}.hs-field-phone{left:566px;width:206px}.hs-field-email{left:325px;width:230px}
.hs-field input{width:100%;height:100%;border:0;border-radius:0;background:rgba(248,248,248,.2);color:var(--paper);font-size:27px;line-height:1;padding:3px 13px 0;text-align:right;outline-offset:2px}
.hs-field input::placeholder{color:var(--paper);opacity:1}
.hs-field input[type=tel],.hs-field input[type=email]{direction:rtl}
.hs-status{position:absolute;left:0;right:0;top:182px;margin:0;font-size:16px;text-align:center;max-width:none}
.hs-status:empty{display:none}
/* ===== Pain — Figma 195:28 (y 894–2195). Chips fall in on scroll and shy away from the pointer (refined.js). ===== */
.pain{position:relative;isolation:isolate;overflow-x:clip;padding:73px 0 159px;text-align:center;color:var(--ink)}
.pain-glows{position:absolute;z-index:-1;top:0;left:50%;width:1280px;height:100%;margin-left:-640px;pointer-events:none}
.pain-glow{position:absolute;width:1067.8px;height:1011.8px;max-width:none}
.pain-glow-a{left:-213.4px;top:-220.4px}.pain-glow-b{left:380.6px;top:553.6px}
.pain .big-title{margin:0 auto;font-size:64px;line-height:1.18;letter-spacing:0;text-box:trim-both cap alphabetic}
.pain-title{white-space:nowrap}
.pain-chips{position:relative;width:1280px;height:190px;margin:88px auto 0;padding:0;list-style:none;zoom:var(--hs,1);text-align:right;margin-top:94px}
.pain-chip{position:absolute;left:var(--x);top:var(--y);width:0;height:0}
.chip-body{position:absolute;left:0;top:0;display:block;padding:15px 20px;border:1px solid var(--green);background:var(--paper);font-size:27px;line-height:1.1;white-space:nowrap;text-box:trim-both cap alphabetic;transform:translate(-50%,-50%) rotate(var(--r));will-change:transform}
.chip-lime{background:rgba(208,222,41,.33)}
.pain-for-you{width:min(995px,calc(100% - 40px));margin-top:114px!important}
.pain-for-you mark{background:linear-gradient(var(--lime),var(--lime)) 0 0/100% 67px no-repeat;color:inherit;padding:6.5px 12px 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pain-text{width:min(766px,calc(100% - 40px));max-width:none;margin:130px auto 0;font-size:27px;line-height:1.18}
.pain-close{width:min(995px,calc(100% - 40px));margin-top:102px!important}
.pain-close>span:not(.sw){display:block}
/* GSAP word reveal */
.sw{display:inline-block;overflow:hidden;vertical-align:top;padding-block:.14em;margin-block:-.14em}
.swi{display:inline-block;will-change:transform}
@media(max-width:1100px) and (min-width:761px){.pain .big-title{font-size:56px}}
@media(max-width:760px){
.hero-band:before{height:calc(100% - 150px);clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),50% 100%,0 calc(100% - 34px))}
.hero-stage{width:auto;height:auto;zoom:1;padding:0 20px 30px;display:flex;flex-direction:column}
.hs-glow{display:none}
.hs-head.masthead{position:relative;display:flex;align-items:center;justify-content:space-between;height:90px}
.hs-logo.logo{position:relative;left:auto;top:auto;width:176px;height:60px}
.hs-nav{position:absolute;left:0;right:0;top:80px;gap:18px;font-size:20px}
.arrow-btn.hs-top-btn{display:none}
.hs-main{display:flex;flex-direction:column}
.hs-copy{display:flex;flex-direction:column;align-items:flex-start;padding-top:26px}
.hs-title,.hs-intro,.hs-price{position:static;width:auto}
.hs-title{font-size:clamp(36px,10.2vw,46px);line-height:1.05;margin-bottom:20px}
.hs-intro{font-size:20px;margin-bottom:26px}
.arrow-btn.hs-cta{position:relative;left:auto;top:auto;align-self:flex-start;width:auto}
.hs-price{font-size:18px;margin-top:20px;white-space:normal}
.hs-art{position:relative;height:min(92vw,360px);margin:18px -20px 0}
.hs-person-b{left:auto;right:4%;top:0;width:62%;height:auto;aspect-ratio:374/467}
.hs-person-a{left:2%;top:4%;width:62%;height:auto;aspect-ratio:382/478}
.hs-fade-a,.hs-fade-b{left:0;right:0;top:auto;bottom:0;width:auto;height:45%}
.hs-badge{left:50%;top:auto;bottom:-20px;width:120px;height:120px;margin-left:-60px}
.hs-form{position:relative;left:auto;top:auto;width:auto;height:auto;margin-top:46px;padding:26px 20px 28px;display:grid;gap:12px}
.hs-form-title{position:static;font-size:24px;margin-bottom:6px}
.hs-field{position:relative;left:auto!important;top:auto;width:auto!important;height:50px}
.hs-field input{font-size:20px}
.arrow-btn.hs-submit{position:relative;left:auto;top:auto;width:calc(100% - 25px);margin:6px 0 0 25px}
.hs-status{position:static}
.pain{padding:56px 0 90px}
.pain .big-title{font-size:clamp(30px,8.6vw,40px);width:calc(100% - 40px)}
.pain-title{white-space:normal}
.pain-chips{width:calc(100% - 24px);height:auto;margin:40px auto 0;zoom:1;display:flex;flex-wrap:wrap;justify-content:center;gap:16px 6px}
.pain-chip{position:relative;left:auto;top:auto;width:auto;height:auto}
.chip-body{position:relative;font-size:19px;padding:12px 14px;transform:rotate(calc(var(--r) * .5))}
.pain-for-you{margin-top:60px!important}
.pain-for-you mark{padding:6px 8px 3px;background-size:100% 100%}
.pain-text{font-size:20px;margin-top:50px}
.pain-close{margin-top:56px!important}
}
/* Arrow button — Figma 197:467: one shape, rectangle with the diamond point on its leading-left end.
   Hover: colours invert in a soft circle that follows the pointer (.ab-invert, added in refined.js). */
.arrow-btn{--h:50px;--tip:calc(var(--h) / 2);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:var(--h);padding:0 18px 0 calc(var(--tip) + 18px);border:0;background:none;color:var(--ink);font:400 20px/1.2 Discovery,Arial,sans-serif;white-space:nowrap;cursor:pointer;text-decoration:none}
.arrow-btn-sm{--h:36px;padding-inline:14px calc(var(--tip) + 12px);gap:10px}
.arrow-btn-lg{font-size:27px}
.arrow-btn:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--lime);clip-path:polygon(var(--tip) 0,100% 0,100% 100%,var(--tip) 100%,0 50%);transition:background-color .3s ease}
.ab-label{text-box:trim-both cap alphabetic;transition:color .3s ease}
.arrow-btn:focus-visible{outline:none}
.arrow-btn:active{transform:translateY(1px)}
.arrow-btn.hs-top-btn{position:absolute;left:51px;top:41px;width:181px}
.arrow-btn.hs-cta{position:absolute;left:965px;top:433px;width:281px}
.arrow-btn.hs-submit{position:absolute;left:52px;top:109px;width:251px}
.figma-footer .footer-submit{width:100%;margin-top:2px}
.process-bottom .arrow-btn{flex:none}
.legal-dialog .arrow-btn{margin-top:4px}
@media(max-width:760px){.arrow-btn.hs-cta{position:relative;left:auto;top:auto;width:auto;margin:0}.arrow-btn.hs-submit{position:relative;left:auto;top:auto;width:100%;margin:6px 0 0}.arrow-btn-lg{font-size:22px}}
/* ===== Wider screens: the whole page zooms by --pz so side margins are half what a fixed 1280 layout leaves ===== */
html{background:var(--paper)}
body{zoom:var(--pz,1)}
/* ===== Sticky header — fixed over every section; frosted glass once the page scrolls (refined.js adds .is-scrolled) ===== */
.site-header.masthead{position:fixed;top:0;left:0;right:0;z-index:50;display:block;color:var(--paper);height:calc(142px * var(--hs,1));border:0;border-bottom:1px solid rgba(248,248,248,0);transition:height .35s ease,background-color .35s ease,border-color .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease}
.site-header.is-scrolled{height:calc(96px * var(--hs,1));background:rgba(8,27,28,.55);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border-bottom-color:rgba(248,248,248,.08)}
.site-head-inner{position:relative;width:1280px;height:142px;margin:0 auto;zoom:var(--hs,1);transition:transform .35s ease}
.site-header.is-scrolled .site-head-inner{transform:translateY(-23px)}
/* ===== Hero grows to the screen: the form's top half shows on load, the dark ground ends at the form's middle ===== */
.hs-person{-webkit-mask-image:linear-gradient(to bottom,#000 70%,rgba(0,0,0,0) 97%);mask-image:linear-gradient(to bottom,#000 70%,rgba(0,0,0,0) 97%)}
@media(min-width:761px){
.hero-band:before{height:calc((var(--hero-h,894px) - 60.5px) * var(--hs,1));clip-path:polygon(0 0,100% 0,100% calc((var(--hero-h,894px) - 126px) * var(--hs,1)),50% 100%,0 calc((var(--hero-h,894px) - 126px) * var(--hs,1)))}
.hero-stage{height:var(--hero-h,894px)}
.hs-form{top:calc(var(--hero-h,894px) - 252px)}
.hs-title{top:calc(181px + var(--hx,0px))}
.hs-intro{top:calc(326px + var(--hx,0px))}
.arrow-btn.hs-cta{top:calc(433px + var(--hx,0px))}
.hs-price{top:calc(506px + var(--hx,0px))}
.hs-person-b{top:calc(118px + var(--hx,0px))}
.hs-person-a{top:calc(119px + var(--hx,0px))}
.hs-badge{top:calc(454px + var(--hx,0px))}
.hs-glow-a{top:calc(162.6px + var(--hx,0px))}.hs-glow-b{top:calc(-133.4px + var(--hx,0px))}.hs-glow-c{top:calc(-111.4px + var(--hx,0px))}
}
@media(max-width:760px){
.site-header.masthead{display:block;height:76px}
.site-header.is-scrolled{height:76px}
.site-head-inner{width:auto;height:76px;zoom:1;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.site-header.is-scrolled .site-head-inner{transform:none}
.site-head-inner .hs-logo.logo{width:150px;height:51px}
.site-head-inner .hs-nav{top:76px}
.hero-stage{padding-top:76px}
}
/* Section content lines up with the hero content (1195px in the Figma frame, scaled with it). */
@media(min-width:761px){.wrap{width:min(calc(1195px * var(--hs,1)),calc(100% - 48px))}}
.ab-arrow{display:inline-flex}
.ab-arrow svg{display:block;width:20px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter}
.arrow-btn-sm .ab-arrow svg{width:16px;height:11px}
.ab-invert{position:absolute;inset:0;z-index:1;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:inherit;padding:inherit;color:var(--lime);pointer-events:none;clip-path:circle(0 at var(--mx,50%) var(--my,50%));transition:clip-path .9s cubic-bezier(.22,.61,.36,1)}
.ab-invert:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--ink);clip-path:polygon(var(--tip) 0,100% 0,100% 100%,var(--tip) 100%,0 50%)}
.arrow-btn:hover .ab-invert{clip-path:circle(64px at var(--mx,50%) var(--my,50%))}
.arrow-btn:focus-visible .ab-invert{clip-path:circle(150% at 50% 50%)}
@media(prefers-reduced-motion:reduce){.ab-invert{transition:none}}
/* ===== Offer bento v2 — price, podcast photo, lead form, 90 minutes, 4 focus areas ===== */
.bx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(340px,auto) minmax(300px,auto);gap:16px}
.bx{position:relative;margin:0;overflow:hidden;isolation:isolate}
.bx-price{grid-column:span 7;display:flex;flex-direction:column;justify-content:space-between;padding:34px 40px 36px;color:var(--paper);background:radial-gradient(90% 120% at 0% 100%,rgba(208,222,41,.16),rgba(208,222,41,0) 55%),var(--ink)}
.bx-price:after{content:'';position:absolute;inset:14px;border:1px solid rgba(248,248,248,.1);pointer-events:none}
.bx-chip{align-self:flex-start;padding:8px 16px 9px;border:1px solid rgba(248,248,248,.35);font-size:17px;line-height:1.1}
.bx-big{margin:auto 0 0;font-size:clamp(96px,10vw,148px);font-weight:900;line-height:.86;letter-spacing:-.03em;display:flex;align-items:baseline;gap:.12em}
.bx-unit{font-size:.42em;color:var(--lime);letter-spacing:0}
.bx-sub{margin-top:18px;font-size:20px;color:rgba(248,248,248,.75)}
.bx-sub del{color:rgba(248,248,248,.55);text-decoration-color:var(--lime);text-decoration-thickness:2px}
.bx-photo{grid-column:span 5;overflow:visible;background:var(--green)}
.bx-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}
.bx-photo:hover img{transform:scale(1.035)}
.bx-photo:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,27,28,.82),rgba(8,27,28,0) 48%);pointer-events:none}
.bx-media{position:absolute;inset:0;overflow:hidden}
.bx-photo figcaption{position:absolute;z-index:2;right:28px;bottom:24px;color:var(--paper);display:grid;gap:2px}
.bx-photo figcaption strong{font-size:22px;font-weight:900}
.bx-photo figcaption span{font-size:17px;color:rgba(248,248,248,.78)}
.bx-badge{position:absolute;z-index:3;left:-34px;top:-34px;width:132px;height:132px;overflow:visible}
.bx-badge circle{fill:var(--ink)}
.bx-badge text{font:400 11.4px Discovery,Arial,sans-serif;fill:var(--paper);letter-spacing:.06em;transform-box:view-box;transform-origin:60px 60px;animation:bento-spin 26s linear infinite}
.bx-badge rect{fill:var(--lime)}
.bx-form{grid-column:span 6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:space-between;gap:14px;padding:32px 36px 34px;background:var(--green);color:var(--paper)}
.bx-form h3{grid-column:1/-1;margin:0 0 6px;font-size:36px;line-height:1.05;letter-spacing:0}
.bx-form h3 span{font-size:20px;font-weight:400;color:rgba(248,248,248,.75)}
.bx-field{min-width:0;display:grid;gap:6px;font-size:15px;color:rgba(248,248,248,.7)}
.bx-field input{width:100%;min-width:0;height:48px;border:0;border-bottom:1px solid rgba(248,248,248,.45);border-radius:0;background:rgba(248,248,248,.06);color:var(--paper);font-size:20px;padding:4px 12px 0;transition:border-color .3s,background-color .3s}
.bx-field input:focus{outline:none;border-bottom-color:var(--lime);background:rgba(248,248,248,.1)}
.arrow-btn.bx-submit{grid-column:1/-1;width:100%;margin-top:8px}
.bx-status{grid-column:1/-1;margin:0;font-size:15px;color:rgba(248,248,248,.8)}
.bx-status:empty{display:none}
.bx-stat{grid-column:span 3;display:flex;flex-direction:column;justify-content:space-between;padding:28px 26px 26px}
.bx-num{margin:0;font-size:clamp(84px,8.4vw,124px);font-weight:900;line-height:.85;letter-spacing:-.03em}
.bx-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;font-size:17px;line-height:1.3}
.bx-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor}
.bx-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.bx-minutes{background:rgba(22,61,52,.07);color:var(--ink)}
.bx-minutes .bx-foot span{color:rgba(8,27,28,.7)}
.bx-focus{background:var(--lime);color:var(--ink)}
.bx-tags{list-style:none;margin:14px 0 auto;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bx-tags li{padding:3px 10px 5px;border:1px solid rgba(8,27,28,.55);font-size:15px;line-height:1.2}
@media(prefers-reduced-motion:reduce){.bx-badge text{animation:none}.bx-photo img{transition:none}}
@media(max-width:1050px) and (min-width:761px){.bx-price{grid-column:span 12}.bx-photo{grid-column:span 6}.bx-form{grid-column:span 6;grid-row:span 2}.bx-stat{grid-column:span 3}.bx-grid{grid-template-rows:auto}.bx-photo{min-height:300px}}
@media(max-width:760px){
.bx-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:12px}
.bx-price{grid-column:1/-1;min-height:260px;padding:24px 22px 26px}
.bx-photo{grid-column:1/-1;aspect-ratio:16/10;margin-top:30px}
.bx-badge{width:100px;height:100px;left:-6px;top:-40px}
.bx-stat{grid-column:span 1;min-height:210px;padding:20px 16px}
.bx-form{grid-column:1/-1;grid-template-columns:1fr;padding:26px 20px;order:5}
.bx-form h3{font-size:30px}
.bx-tags li{font-size:13px;padding:2px 7px 4px}
.bx-foot{font-size:15px}
.bx-icon{width:34px;height:34px}
}
/* Bento layout v2.1: numbers on the right of the bottom row, form on the left; the rolling badge sits on the
   gap between the rows, just right of where the price and photo tiles meet. Every tile is placed explicitly. */
.bx-price{grid-row:1;grid-column:1/span 7}
.bx-photo{grid-row:1;grid-column:8/span 5}
.bx-minutes{grid-row:2;grid-column:1/span 3}
.bx-focus{grid-row:2;grid-column:4/span 3}
.bx-form{grid-row:2;grid-column:7/span 6}
.bx-badge{grid-row:1;grid-column:1/span 7;justify-self:end;align-self:end;position:relative;left:auto;top:auto;transform:translateY(calc(50% + 8px));pointer-events:none}
@media(max-width:1050px) and (min-width:761px){.bx-price{grid-column:1/-1}.bx-badge{grid-column:1/-1}.bx-photo{grid-row:2;grid-column:7/span 6}.bx-minutes{grid-row:2;grid-column:1/span 3}.bx-focus{grid-row:2;grid-column:4/span 3}.bx-form{grid-row:3;grid-column:1/-1}}
@media(max-width:760px){.bx-price,.bx-badge{grid-row:1;grid-column:1/-1}.bx-photo{grid-row:2;grid-column:1/-1;margin-top:0}.bx-minutes{grid-row:3;grid-column:1}.bx-focus{grid-row:3;grid-column:2}.bx-form{grid-row:4;grid-column:1/-1}.bx-badge{transform:translateY(calc(50% + 6px))}}
/* Bento v2.2: badge 60px further right; on desktop the two rows share the height left under the sticky header (--bx-h),
   so the whole bento is on screen at once. Type inside the tiles shrinks with that height. */
.bx-badge{transform:translate(60px,calc(50% + 8px))}
@media(min-width:1051px){
.bx-grid{grid-template-rows:min(340px,calc(var(--bx-h,700px) * .53 - 8px)) min(300px,calc(var(--bx-h,700px) * .47 - 8px))}
.bx-price{padding:28px 36px 30px}
.bx-big{font-size:min(clamp(96px,10vw,148px),calc(var(--bx-h,700px) * .24))}
.bx-num{font-size:min(clamp(84px,8.4vw,124px),calc(var(--bx-h,700px) * .19))}
.bx-stat{padding:24px 24px 22px}
.bx-form{padding:24px 32px 26px;gap:10px 14px;align-content:center}
.bx-form h3{font-size:30px;margin:0 0 4px}
.bx-form h3 span{font-size:18px}
.bx-field input{height:44px}
.arrow-btn.bx-submit{margin-top:4px}
.bx-tags{margin-top:10px;gap:5px}
.bx-tags li{font-size:14px;padding:2px 8px 4px}
}
@media(max-width:760px){.bx-badge{transform:translate(60px,calc(50% + 6px))}}
/* The page ends at the credit: anything placed below it (e.g. elements browser extensions inject at the end of <body>,
   pushed down by the page zoom) is clipped. html keeps the scroller so body's clip does not reach the viewport. */
html{overflow-y:auto}
body{position:relative;overflow:clip}
.site-credit a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(8,27,28,.35);padding-bottom:1px;transition:color .25s,border-color .25s}
.site-credit a:hover{color:var(--green);border-bottom-color:var(--lime)}
/* ===== Stories carousel — the cases sit in one card with a faint lime glow; arrows, counter, progress, swipe and keys ===== */
.case-layout{grid-template-columns:.8fr 1.4fr;gap:80px;align-items:center}
.case-intro>p{margin-top:26px;font-size:20px;color:rgba(8,27,28,.7);max-width:300px}
.case-card{position:relative;padding:44px 48px 30px;background:var(--paper);border:1px solid rgba(22,61,52,.08);box-shadow:0 26px 60px -22px rgba(208,222,41,.42),0 6px 18px -8px rgba(208,222,41,.22)}
.case-card:focus-within{outline:none}
.case-track{display:grid}
.case-slide{grid-area:1/1;border:0;padding:0;opacity:0;visibility:hidden;transform:translateX(calc(-36px * var(--dir,1)));transition:opacity .55s ease,transform .8s cubic-bezier(.22,.61,.36,1),visibility 0s linear .8s}
.case-slide.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .7s ease .18s,transform .9s cubic-bezier(.22,.61,.36,1) .18s,visibility 0s}
.case-slide.is-leaving{transform:translateX(calc(36px * var(--dir,1)))}
.case-slide .quote-mark{display:block;height:46px;font:400 76px/1 Georgia,serif;color:var(--lime)}
.case-tag{display:inline-block;margin:6px 0 18px;padding:4px 12px 6px;border:1px solid rgba(22,61,52,.35);font-size:15px;line-height:1.2;color:var(--green)}
.case-slide h3{font-size:43px;line-height:1.12;margin:0 0 22px;max-width:590px}
.case-slide p{font-size:22px;line-height:1.6;color:rgba(8,27,28,.7);max-width:600px}
.case-controls{display:flex;align-items:center;gap:24px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(22,61,52,.12)}
.case-count{margin:0;display:flex;align-items:baseline;gap:6px;font-size:16px;color:rgba(8,27,28,.6);font-variant-numeric:tabular-nums}
.case-count b{font-size:22px;color:var(--ink);font-weight:900}
.case-progress{flex:1;height:2px;background:rgba(22,61,52,.12);position:relative}
.case-progress i{position:absolute;inset:0 0 0 auto;width:calc(100% * var(--p,.3333));background:var(--lime);transition:width .8s cubic-bezier(.22,.61,.36,1)}
.case-arrows{display:flex;gap:10px}
.case-arrow{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid rgba(8,27,28,.3);background:transparent;color:var(--ink);cursor:pointer;transition:background-color .35s ease,color .35s ease,border-color .35s ease}
.case-arrow svg{width:20px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}
.case-arrow:hover,.case-arrow:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--lime)}
.case-arrow:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.case-slide,.case-slide.is-active,.case-progress i{transition:none}}
@media(max-width:1050px) and (min-width:761px){.case-layout{gap:45px}.case-card{padding:36px 34px 26px}.case-slide h3{font-size:36px}}
@media(max-width:760px){.case-layout{grid-template-columns:1fr;gap:34px}.case-card{padding:28px 22px 22px}.case-slide h3{font-size:31px}.case-slide p{font-size:19px}.case-controls{gap:14px}.case-arrow{width:46px;height:46px}}
/* Lime highlight behind the closing phrase of the stories heading. */
.case-mark{background:var(--lime);color:inherit;padding:0 .14em .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* ===== Results — stories and client videos as one slow-moving collage, with "תוצאות" resting on the floor behind it.
   Desktop: the section is exactly one screen under the sticky header (--rs-h from <head>). ===== */
.results{--H:clamp(200px,calc(var(--rs-h,800px) - 360px),380px);position:relative;isolation:isolate;overflow:hidden;height:var(--rs-h,800px);padding:22px 0 0}
.rs-lantern{position:absolute;z-index:-2;width:46vw;max-width:720px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(208,222,41,.26) 0%,rgba(208,222,41,.1) 35%,rgba(208,222,41,0) 68%);filter:blur(12px);pointer-events:none;animation:rs-drift 22s ease-in-out infinite alternate}
.rs-l1{top:-30%;right:-10%}.rs-l2{top:20%;left:-14%;animation-duration:27s;animation-delay:-6s}.rs-l3{bottom:-40%;right:28%;width:38vw;animation-duration:31s;animation-delay:-12s}.rs-l4{top:0;left:34%;width:26vw;opacity:.7;animation-duration:24s;animation-delay:-3s}
@keyframes rs-drift{to{translate:6vw 4vw;scale:1.12}}
.rs-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.rs-head small{display:block;font-size:15px;letter-spacing:.08em;color:rgba(8,27,28,.6)}
.rs-head h2{margin:4px 0 0;font-size:64px;line-height:1;letter-spacing:-.01em}
.rs-head h2>span:not(.sw){background:var(--lime);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rs-lead{margin:0;max-width:400px;font-size:19px;line-height:1.5;color:rgba(8,27,28,.72)}
.rs-viewport{position:relative;z-index:1;margin-top:18px;overflow:hidden;cursor:grab;touch-action:pan-y}
.rs-viewport:active{cursor:grabbing}
.rs-track{display:flex;align-items:flex-start;gap:24px;width:max-content;height:calc(var(--H) * 1.3);will-change:transform;padding-inline:24px}
.rs-card{flex:none;position:relative;margin-top:calc(var(--H) * var(--y,0));transform:translate(var(--px,0px),var(--py,0px));transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.rs-video{aspect-ratio:16/9;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:flex-end;padding:16px 18px;overflow:hidden;text-decoration:none;box-shadow:0 30px 56px -30px rgba(8,27,28,.7)}
.rs-video:before{content:'';position:absolute;inset:0;background:radial-gradient(70% 90% at 25% 15%,rgba(208,222,41,.22),rgba(208,222,41,0) 60%),linear-gradient(to top,rgba(8,27,28,.92),rgba(8,27,28,0) 55%)}
.rs-play{position:absolute;top:45%;left:50%;width:calc(var(--s,1) * 70px);height:calc(var(--s,1) * 70px);translate:-50% -50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);transform:rotate(45deg);transition:transform .5s}
.rs-play svg{width:34%;height:34%;fill:currentColor;transform:rotate(-45deg) translateX(10%)}
.rs-video:hover .rs-play{transform:rotate(45deg) scale(1.08)}
.rs-video p{position:relative;margin:0;font-size:14px;line-height:1.3}
.rs-video p b{display:block;font-size:19px;font-weight:900}
.rs-v-big{height:calc(var(--H) * 1.08);--y:0}
.rs-v-mid{height:calc(var(--H) * .72);--y:.5;--s:.8}
.rs-v-small{height:calc(var(--H) * .5);--y:.12;--s:.6}
.rs-v-small p{font-size:12px}.rs-v-small p b{font-size:15px}
.rs-story{padding:22px 24px 20px;display:flex;flex-direction:column;overflow:hidden}
.rs-q{position:absolute;top:10px;left:18px;font:400 74px/1 Georgia,serif}
.rs-tag{align-self:flex-start;margin:0 0 10px;padding:2px 9px 4px;border:1px solid currentColor;font-size:13px;opacity:.85}
.rs-story h3{margin:0 0 8px;font-size:clamp(22px,calc(var(--H) * .1),32px);line-height:1.08}
.rs-story p{margin:0;font-size:clamp(14px,calc(var(--H) * .068),18px);line-height:1.5}
.rs-light{width:calc(var(--H) * 2.5);min-height:calc(var(--H) * .98);--y:.26;background:var(--paper);border:1px solid rgba(22,61,52,.08);box-shadow:0 30px 64px -30px rgba(208,222,41,.65),0 8px 20px -10px rgba(208,222,41,.3)}
.rs-light .rs-q{color:var(--lime)}.rs-light .rs-tag{color:var(--green)}.rs-light p{color:rgba(8,27,28,.75)}
.rs-dark{width:calc(var(--H) * 2.25);min-height:calc(var(--H) * 1.05);--y:.02;background:var(--ink);color:var(--paper);box-shadow:0 30px 60px -30px rgba(8,27,28,.7)}
.rs-dark .rs-q,.rs-dark h3{color:var(--lime)}.rs-dark p{color:rgba(248,248,248,.8)}
.rs-limecard{width:calc(var(--H) * 2.35);min-height:calc(var(--H) * .95);--y:.3;background:var(--lime);color:var(--ink);box-shadow:0 30px 60px -30px rgba(8,27,28,.35)}
.rs-limecard .rs-q{color:var(--ink);opacity:.25}.rs-limecard p{color:rgba(8,27,28,.82)}
.rs-pull{width:calc(var(--H) * .95);padding:16px 18px;--y:.62;background:var(--paper);border:1px solid rgba(22,61,52,.12);box-shadow:0 20px 40px -24px rgba(208,222,41,.6)}
.rs-pull b{display:block;font-size:clamp(16px,calc(var(--H) * .075),22px);line-height:1.15;font-weight:900}
.rs-pull span{display:block;margin-top:8px;font-size:12px;letter-spacing:.06em;color:rgba(8,27,28,.55)}
.rs-pull.rs-up{--y:.04}
.rs-word{position:absolute;z-index:0;left:50%;translate:-50% 0;margin:0;max-width:none;font-weight:900;line-height:.74;letter-spacing:-.02em;color:var(--green);opacity:.07;white-space:nowrap;pointer-events:none;user-select:none}
.rs-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}
.rs-btn{display:grid;place-items:center;width:58px;height:58px;padding:0;border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;transition:background-color .35s,color .35s,border-color .35s}
.rs-btn svg{width:26px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square}
.rs-btn:hover,.rs-btn:focus-visible{background:var(--ink);color:var(--lime)}
.rs-btn:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.rs-pause{border-color:rgba(8,27,28,.35)}
.rs-pause svg{width:18px;height:18px;stroke:none;fill:currentColor}
.rs-pause .i-play{display:none}.rs-pause[aria-pressed=true] .i-play{display:block}.rs-pause[aria-pressed=true] .i-pause{display:none}
@media(max-width:760px){.results{--H:240px;height:auto;padding:56px 0 50px}.rs-top{flex-direction:column;align-items:stretch;gap:14px}.rs-head h2{font-size:clamp(36px,10vw,44px)}.rs-light,.rs-dark,.rs-limecard{width:300px}.rs-btn{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.rs-lantern{animation:none}.rs-card{transition:none}}
/* Results v2: videos are the wide pieces (16:9), stories are narrower rectangles of different proportions; no title-only tiles.
   Light air above and below the one-screen section. */
.results{--H:clamp(180px,calc((var(--rs-h,800px) - 270px) / 1.38),340px);margin-block:clamp(56px,7vw,110px)}
.rs-track{height:calc(var(--H) * 1.38)}
.rs-v-big{height:calc(var(--H) * 1.2);--y:.1;--s:1}
.rs-v-mid{height:var(--H);--y:.38;--s:.85}
.rs-v-small{height:calc(var(--H) * .95);--y:.04;--s:.8}
.rs-v-small p{font-size:14px}.rs-v-small p b{font-size:19px}
.rs-light{width:calc(var(--H) * 1.45);min-height:0;height:calc(var(--H) * 1.25);--y:.08}
.rs-dark{width:calc(var(--H) * 1.3);min-height:0;height:calc(var(--H) * 1.3);--y:0}
.rs-limecard{width:calc(var(--H) * 1.55);min-height:0;height:calc(var(--H) * 1.05);--y:.3}
.rs-story h3{font-size:clamp(20px,calc(var(--H) * .095),30px)}
.rs-story p{font-size:clamp(13px,calc(var(--H) * .062),17px);line-height:1.45}
@media(max-width:760px){.results{--H:220px;margin-block:40px}.rs-light,.rs-dark,.rs-limecard{width:290px;height:auto;min-height:330px}}
/* Results v3: softer hand-off to the neighbouring sections — the lime lanterns bleed into the air above and below
   and fade out, instead of stopping at the section's edge; the giant word may hang below the section. */
.results{overflow:visible;overflow-x:clip}
.rs-glows{position:absolute;inset:-180px 0;z-index:-2;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0),#000 28%,#000 72%,rgba(0,0,0,0));mask-image:linear-gradient(to bottom,rgba(0,0,0,0),#000 28%,#000 72%,rgba(0,0,0,0))}
.rs-glows .rs-l1{top:0}.rs-glows .rs-l2{top:30%}.rs-glows .rs-l3{bottom:0}.rs-glows .rs-l4{top:12%}
/* Room for the cards' soft shadows inside the clipped strip, so they fade out instead of ending on a hard line. */
.rs-viewport{padding-block:40px 90px;margin-block:-22px -90px}
/* ===== Process v2 (Figma 198:468) — three lime cards that deepen step by step, giant faded numbers,
   static upward chevrons behind. The cards are sticky: each one slides up over 80% of the one before it. ===== */
.pv{--bar:calc(96px * var(--hs,1));--peek:36px;position:relative;isolation:isolate;overflow:clip;background:var(--paper)}
.pv:after{content:"";position:absolute;inset:auto 0 0;height:240px;z-index:-2;background:repeating-linear-gradient(90deg,rgba(22,61,52,.07) 0 1px,transparent 1px 78px);-webkit-mask-image:linear-gradient(to top,#000,rgba(0,0,0,0));mask-image:linear-gradient(to top,#000,rgba(0,0,0,0));pointer-events:none}
.pv-chevrons{position:absolute;z-index:-1;pointer-events:none}
.pv-chevrons svg{display:block;width:100%;height:auto;overflow:visible}
.pv-chevrons-a{left:-70px;bottom:-40px;width:clamp(200px,22vw,330px)}
.pv-chevrons-b{right:-60px;top:70px;width:clamp(120px,12vw,190px);opacity:.55}
.pv-chev path{fill:none;stroke-width:58;stroke-linejoin:miter;stroke-linecap:butt}
.pv-base{stroke:rgba(208,222,41,.2)}
.pv-chev-dark .pv-base{stroke:rgba(22,61,52,.55)}
/* The heading sticks from the top of the section, right under the fixed header; refined.js writes its height to --head-h and the last card height to --card-h.
   The heading margin reaches down to the bottom of the finished stack (the steps list pulls itself back up by the same amount), so heading and cards are released together. */
.pv-pin{--below:calc(14px + 2 * var(--peek) + var(--card-h,172px))}
.pv-head{position:sticky;top:var(--bar);z-index:3;text-align:center;padding:clamp(34px,4vw,56px) 0 clamp(22px,2.6vw,34px);margin-bottom:var(--below)}
.pv-watermark{position:absolute;left:50%;top:50%;z-index:0;transform:translate(-50%,-58%);font:900 clamp(96px,11vw,170px)/1 Discovery,Arial,sans-serif;letter-spacing:-.02em;color:rgba(22,61,52,.055);white-space:nowrap;pointer-events:none}
.pv-head h2{position:relative;z-index:1;font-size:clamp(42px,4.6vw,66px);max-width:none}
.pv-head h2 br{display:none}
.pv-steps{--gap:22px;--stick:calc(var(--bar) + var(--head-h,150px) + 14px);list-style:none;margin:calc(14px - var(--below)) auto 0;padding:0;max-width:1060px;display:grid;gap:var(--gap)}
/* Each card keeps (2 - n) peeks of margin below it, so the stack leaves the screen as a stack instead of collapsing into one card. The ::after spacer is the pause once all three are stacked. */
.pv-steps:after{content:"";height:12vh;margin-top:calc(-1 * var(--gap))}
.pv-step{margin-bottom:calc((2 - var(--n,0)) * var(--peek))}
.pv-step:nth-child(n+2){margin-top:calc((var(--n) - 3) * var(--peek))}
.pv-step{--tone:52%;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;min-height:172px;padding:30px 60px 30px 64px;border-radius:22px;background:color-mix(in srgb,var(--lime) var(--tone),#f4f5dc);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 -14px 34px -22px rgba(22,61,52,.45);position:sticky;top:calc(var(--stick) + var(--n,0) * var(--peek))}
.pv-step:nth-child(2){--tone:74%;--n:1}
.pv-step:nth-child(3){--tone:100%;--n:2}
.pv-num{position:absolute;right:38px;bottom:-.2em;z-index:-1;font:900 clamp(150px,14vw,200px)/.8 Discovery,Arial,sans-serif;letter-spacing:-.04em;direction:ltr;color:rgba(255,255,255,.42)}
.pv-step h3{padding-right:clamp(120px,15vw,200px);font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-.02em;color:var(--ink)}
.pv-step p{font-size:21px;line-height:1.38;color:var(--ink);max-width:34ch}
.pv-cta{display:flex;justify-content:center;margin-top:clamp(48px,5vw,72px)}
.arrow-btn-dark{color:var(--paper)}
.arrow-btn-dark:before{background:var(--green)}
.arrow-btn-dark .ab-invert{color:var(--ink)}
.arrow-btn-dark .ab-invert:before{background:var(--lime)}
@media(max-width:760px){
.pv-chevrons-a{left:-80px;bottom:-10px;width:190px;opacity:.7}
.pv-chevrons-b{right:-50px;top:30px;width:110px;opacity:.4}
.pv-head h2 br{display:inline}
.pv{--bar:76px;--peek:40px}
.pv-watermark{font-size:clamp(52px,16vw,80px)}
.pv-steps{--gap:14px}
.pv-steps:after{height:4vh}
.pv-step{grid-template-columns:1fr;gap:10px;min-height:0;padding:26px 24px 28px;border-radius:18px}
.pv-num{right:auto;left:14px;bottom:auto;top:-8px;font-size:118px}
.pv-step h3{padding:0;font-size:36px}
.pv-step p{font-size:19px}
}
/* ===== Privacy consent under every form — unticked by default; refined.js blocks the submit until it is ticked ===== */
.consent{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:14px;line-height:1.45;color:rgba(248,248,248,.82);text-align:right}
.consent input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:2px 0 0;border:1.5px solid var(--lime);border-radius:0;background:transparent;display:grid;place-items:center;cursor:pointer;transition:background-color .2s}
.consent input:before{content:"";width:9px;height:5px;border:solid var(--ink);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg);opacity:0}
.consent input:checked{background:var(--lime)}
.consent input:checked:before{opacity:1}
.consent input:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.consent label{cursor:pointer}
.consent-link{border:0;padding:0;background:none;color:var(--lime);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.consent.is-error input{border-color:#ff9b8a;box-shadow:0 0 0 3px rgba(255,155,138,.25)}
.consent.is-error label{color:#ffc4b9}
.hs-form .consent{position:absolute;left:52px;right:52px;top:176px;justify-content:center}
.hs-status{top:214px}
.bx-form .consent{grid-column:1/-1}
.figma-footer .consent{margin-top:-4px}
@media(max-width:760px){.hs-form .consent{position:static}.consent{font-size:13.5px}}
/* Footer form: the base form-input rules must not reach the consent checkbox */
.figma-footer .contact-form .consent input{width:18px;height:18px;padding:0;font-size:0;background:transparent;border:1.5px solid var(--lime)}
.figma-footer .contact-form .consent input:checked{background:var(--lime)}
.figma-footer .contact-form .consent.is-error input{border-color:#ff9b8a}
.contact-form .consent label{display:block;font-size:14px}
/* Footer contact details: phone and email side by side, right above the bottom rule, with smaller diamonds */
.footer-contact-methods{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px 44px;width:auto;margin:64px 0 26px;padding:0}
.footer-contact-methods>a{display:flex;align-items:center;gap:12px;font-size:20px;color:var(--paper);transition:color .2s}
.footer-contact-methods>a:hover{color:var(--lime)}
.footer-contact-methods img{width:34px;height:34px}
@media(max-width:760px){.footer-contact-methods{justify-content:flex-start;margin:44px 0 22px;padding:0;gap:12px 28px}.footer-contact-methods>a{font-size:17px}.footer-contact-methods img{width:30px;height:30px}}

/* Payment-flow copy: the hero form says what happens after submit */
.hs-form-title{top:26px}
.hs-form-note{position:absolute;left:0;right:0;top:70px;margin:0;font-size:18px;line-height:1.3;text-align:center;color:rgba(248,248,248,.8);max-width:none}
@media(max-width:760px){.hs-form-title{margin-bottom:0}.hs-form-note{position:static;font-size:15px;margin:-4px 0 6px}}

/* Arrow button hover v2: the dark circle grows from where the pointer enters until it covers the whole button,
   and shrinks back toward where it leaves. A radial mask (not clip-path) so CSS zoom can't slice it into straight edges. */
@property --ab-r{syntax:'<length>';inherits:false;initial-value:0px}
.ab-invert{clip-path:none!important;--ab-r:0px;-webkit-mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%),#000 var(--ab-r),transparent calc(var(--ab-r) + .5px));mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%),#000 var(--ab-r),transparent calc(var(--ab-r) + .5px));transition:--ab-r .55s cubic-bezier(.65,0,.35,1)}
.arrow-btn:hover .ab-invert,.arrow-btn.is-hot .ab-invert{--ab-r:var(--rmax,400px)}
.arrow-btn:focus-visible .ab-invert{--mx:50%;--my:50%;--ab-r:400px}
@media(prefers-reduced-motion:reduce){.ab-invert{transition:none}}

/* Bento v2.3: the form row grows when its content needs it (never clipped); the badge sits inside the price tile
   so it covers no text; the stat tiles read number + unit, caption under it, details at the foot. */
@media(min-width:761px){
.bx-grid{grid-template-rows:min(340px,calc(var(--bx-h,700px) * .53 - 8px)) minmax(min(300px,calc(var(--bx-h,700px) * .47 - 8px)),auto)}
.bx-badge{transform:translate(60px,-22px)}
}
@media(max-width:760px){.bx-badge{transform:translate(60px,-14px)}}
.bx-form h3{margin:0}
.bx-form-note{grid-column:1/-1;margin:-6px 0 4px;font-size:17px;line-height:1.35;color:rgba(248,248,248,.75)}
.bx-head{display:grid;gap:10px}
.bx-num{display:flex;align-items:baseline;gap:.14em}
.bx-num-unit{font-size:.3em;font-weight:700;letter-spacing:0}
.bx-cap{margin:0;font-size:19px;line-height:1.25;font-weight:700}
.bx-minutes .bx-cap{color:rgba(8,27,28,.72)}
.bx-focus .bx-foot{align-items:flex-end}
.bx-focus .bx-tags{margin:0;flex:1;min-width:0}
@media(max-width:760px){.bx-cap{font-size:16px}.bx-head{gap:8px}}
.bx-field input::placeholder{color:rgba(248,248,248,.6);opacity:1}
@media(min-width:761px){
.bx-grid{grid-template-rows:min(340px,calc(var(--bx-h,700px) * .48 - 8px)) minmax(min(300px,calc(var(--bx-h,700px) * .52 - 8px)),auto)}
.bx-form{padding:22px 32px 22px;gap:10px 14px}
.bx-form .consent{font-size:13.5px}
}
@media(max-width:760px){.bx-minutes .bx-num{font-size:68px}}

/* Pain → process: one continuous surface (the process band was painting over the page grid and the pain glow),
   and the stacked paddings between "איפה שמחפשים אותו." and "מה כלול?" are trimmed. */
.pv{background:transparent;padding-top:0}
.pain{padding-bottom:84px}
@media(max-width:760px){.pain{padding-bottom:56px}}

/* About v2: portraits sit further from the copy, Aharon drops to meet Avraham Moshe halfway,
   the watermark rides higher, and the copy is revealed word by word as you scroll (refined.js). */
@media(min-width:1051px){.about .about-grid{grid-template-columns:232px minmax(0,467px) 232px}}
@media(max-width:1050px) and (min-width:761px){.about .about-grid{gap:56px}}
@media(min-width:761px){.about .portrait-aharon{margin-top:40px}}
.about-watermark{top:-100px}
@media(max-width:760px){.about-watermark{top:-56px}}
.about-copy .rw{opacity:.16}

/* About: the copy rises so the title covers the bottom fifth of "נעים מאוד"; the opening line stays on one line.
   Results: no kicker above the title, and the lead sits level with the title. */
@media(min-width:761px){
.about-copy{margin-top:-29px}
.about-copy p:first-of-type{white-space:nowrap;margin-inline:-90px}
.rs-top{align-items:center}
}

/* Form fields: 20px text at 80% for both what is typed and the placeholder, in every form.
   Process cards: square corners, like the rest of the geometry. */
.hs-field input,.bx-field input,.figma-footer .contact-form input:not([type=checkbox]){font-size:20px;color:rgba(248,248,248,.8)}
.hs-field input::placeholder,.bx-field input::placeholder,.figma-footer input::placeholder{color:rgba(248,248,248,.8);opacity:1}
.pv-step{border-radius:0}

/* Results: no drop shadows under the cards — the collage was too heavy. */
.rs-card{box-shadow:none}

/* Results: story cards hug their text (no dead space under the paragraph), the strip is only as tall as its
   tallest piece so the arrows ride up, and the lead breaks into two even lines. */
.rs-lead{text-wrap:balance}
@media(min-width:761px){
.rs-light,.rs-dark,.rs-limecard{height:auto;min-height:0;padding-bottom:26px}
.rs-track{height:auto;padding-bottom:4px}
.rs-v-mid{--y:.22}
.rs-limecard{--y:.24}
}
/* The arrows moved up beside the lead, freeing the bottom of the section. */
.rs-side{display:flex;align-items:center;gap:36px}
.rs-side .rs-controls{margin:0;flex:none}
@media(max-width:760px){.rs-side{flex-direction:column;align-items:flex-start;gap:16px}}
@media(min-width:761px){.rs-head{flex:none}.rs-head h2{white-space:nowrap}.rs-side{min-width:0}.rs-side .rs-lead{min-width:0}}
/* Results header v2: title on the right, quiet arrows in the middle, lead on the left.
   The arrows are button-height (36px) with a hairline border, so they sit back instead of competing. */
@media(min-width:761px){
.rs-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px}
.rs-side{display:contents}
.rs-side .rs-controls{order:1;justify-self:center}
.rs-side .rs-lead{order:2;justify-self:end}
}
.rs-controls{gap:8px}
.rs-btn{width:36px;height:36px;border-width:1px;border-color:rgba(8,27,28,.35);background:transparent;color:rgba(8,27,28,.7)}
.rs-btn svg{width:16px;height:11px;stroke-width:1.8}
.rs-pause svg{width:11px;height:11px}
@media(max-width:760px){.rs-btn{width:36px;height:36px}}

/* ===== Results v4 ("לקוחות מספרים", chosen from the three previews) — large title on the right, two arrows on the left;
   a strip of landscape videos and stories hung from one top line, running off the left edge; "תוצאות" huge and faint
   on the floor. On desktop the section pins under the header while the page scroll drives the strip sideways. ===== */
.rx3{position:relative;margin-block:clamp(56px,7vw,110px)}
.rx3-pin{position:relative;isolation:isolate;overflow-x:clip;padding-bottom:clamp(120px,12vw,190px)}
.rx3 h2{margin:0;color:var(--ink);letter-spacing:-.01em}
.rx3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.rx3-head h2{font-size:88px;line-height:.95;white-space:nowrap}
.rx3-head .rx-nav{display:flex;gap:6px;padding-bottom:10px}
.rx-btn{--tip:13px;position:relative;isolation:isolate;display:grid;place-items:center;width:54px;height:36px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}
.rx-btn:before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(8,27,28,.07);transition:background-color .3s}
.rx-next{padding-left:var(--tip)}
.rx-next:before{background:var(--lime);clip-path:polygon(var(--tip) 0,100% 0,100% 100%,var(--tip) 100%,0 50%)}
.rx-prev{padding-right:var(--tip)}
.rx-prev:before{clip-path:polygon(0 0,calc(100% - var(--tip)) 0,100% 50%,calc(100% - var(--tip)) 100%,0 100%)}
.rx-btn svg{width:17px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square}
.rx-btn:hover,.rx-btn:focus-visible{color:var(--lime)}
.rx-btn:hover:before,.rx-btn:focus-visible:before{background:var(--ink)}
.rx-btn:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.rx-btn:disabled{opacity:.3;cursor:default;color:var(--ink)}
.rx-btn:disabled:before{background:rgba(8,27,28,.07)}
.rx-btn:disabled:hover:before{background:rgba(8,27,28,.07)}
.rx3-strip{display:flex;align-items:flex-start;gap:22px;margin-top:30px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;padding-left:24px;padding-right:max(24px,calc((100% - 1195px * var(--hs,1)) / 2));scroll-padding-right:max(24px,calc((100% - 1195px * var(--hs,1)) / 2))}
.rx3-strip::-webkit-scrollbar{display:none}
.rx3-strip.is-drag{scroll-snap-type:none;cursor:grabbing}
.rx3-strip.is-drag *{pointer-events:none}
.rx3-strip:focus-visible{outline:2px solid var(--green);outline-offset:6px}
.rx-card{flex:none;position:relative;overflow:hidden;margin:0;color:var(--ink);scroll-snap-align:start}
.rx3-w{width:450px;height:300px}
.rx3-p{width:420px;height:280px}
.rx3-t{width:340px}
.rx3-x{width:420px}
/* Videos and stories share the lantern glow and the inner hairline frame (on lime the lantern is pale). */
.rx-card:before{content:'';position:absolute;inset:0;pointer-events:none}
.rx-card:after{content:'';position:absolute;inset:14px;border:1px solid rgba(248,248,248,.1);pointer-events:none}
.rx-card>*{position:relative}
.rx-video{display:flex;flex-direction:column;justify-content:flex-end;padding:22px 26px;background:var(--ink);color:var(--paper)}
.rx-video:before{background:radial-gradient(75% 85% at 28% 20%,rgba(208,222,41,.2),rgba(208,222,41,0) 62%),linear-gradient(to top,rgba(8,27,28,.9),rgba(8,27,28,0) 50%)}
.rx-play{position:absolute;top:46%;left:50%;width:76px;height:76px;translate:-50% -50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);transform:rotate(45deg);transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.rx-play svg{width:24px;height:24px;fill:currentColor;transform:rotate(-45deg) translateX(8%)}
.rx-video:hover .rx-play{transform:rotate(45deg) scale(1.08)}
.rx-video p{margin:0;font-size:15px;line-height:1.35;color:rgba(248,248,248,.7)}
.rx-video p b{display:block;font-size:22px;font-weight:900;color:var(--paper)}
.rx-story{display:flex;flex-direction:column;padding:30px 30px 32px}
.rx-story-head{padding-bottom:22px}
.rx-q{display:block;height:.5em;font:400 80px/1 Georgia,serif;color:var(--lime)}
.rx-tag{align-self:flex-start;display:inline-block;margin:14px 0;padding:3px 10px 4px;border:1px solid currentColor;font-size:13px;line-height:1.3}
.rx-story h3{margin:0;font-size:26px;line-height:1.1;font-weight:900;text-wrap:balance}
.rx-story p{margin:0;font-size:15px;line-height:1.55}
.rx-paper{background:var(--paper);border:1px solid rgba(22,61,52,.14)}
.rx-paper:before{background:radial-gradient(75% 85% at 72% 18%,rgba(208,222,41,.26),rgba(208,222,41,0) 62%)}
.rx-paper:after{border-color:rgba(8,27,28,.1)}
.rx-paper .rx-tag{color:var(--green)}.rx-paper p{color:rgba(8,27,28,.75)}
.rx-ink{background:var(--ink);color:var(--paper)}
.rx-ink:before{background:radial-gradient(75% 85% at 72% 18%,rgba(208,222,41,.2),rgba(208,222,41,0) 62%)}
.rx-ink h3{color:var(--lime)}.rx-ink .rx-tag{color:rgba(248,248,248,.8)}.rx-ink p{color:rgba(248,248,248,.8)}
.rx-lime{background:var(--lime)}
.rx-lime:before{background:radial-gradient(70% 80% at 72% 18%,rgba(248,248,248,.55),rgba(248,248,248,0) 62%)}
.rx-lime:after{border-color:rgba(8,27,28,.14)}
.rx-lime .rx-q{color:var(--ink);opacity:.22}.rx-lime p{color:rgba(8,27,28,.82)}
.rx3-word{position:absolute;z-index:-1;bottom:100px;left:50%;translate:-50% 0;margin:0;max-width:none;font-weight:900;line-height:.74;letter-spacing:-.02em;color:var(--green);opacity:.06;white-space:nowrap;pointer-events:none;user-select:none}
/* Pinned (desktop, set by refined.js): one screen under the header; the strip is moved by the page scroll only. */
.rx3.is-pinned .rx3-pin{position:sticky;top:calc(96px * var(--hs,1));height:var(--rs-h,800px);display:flex;flex-direction:column;justify-content:center;padding-bottom:0}
.rx3.is-pinned .rx3-strip{overflow:hidden;scroll-snap-type:none;cursor:auto}
@media(max-width:760px){
.rx3-pin{padding-bottom:90px}
.rx3-head{flex-direction:column;align-items:flex-start;gap:20px}
.rx3-head h2{font-size:clamp(40px,12vw,52px)}
.rx3-strip{margin-top:22px;padding-right:20px;scroll-padding-right:20px}
.rx3-w,.rx3-p{width:80vw;height:220px}
.rx3-t,.rx3-x{width:78vw}
}
@media(prefers-reduced-motion:reduce){.rx-play{transition:none}}
/* Results v4, round 2: "תוצאות" sits behind the title like "נעים מאוד" in About (128px, the title's ink covering its
   bottom fifth); the arrows are the site's own arrow buttons — dark back, lime forward, the same pointer-fill hover. */
.rx3-head{position:relative;padding-top:74px}
.rx3-word{position:absolute;z-index:-1;top:0;right:0;bottom:auto;left:auto;translate:none;font-size:128px;line-height:1.1;letter-spacing:0;opacity:.06}
.rx-nav{display:flex;gap:6px}
.rx-nav .arrow-btn{padding-inline:12px calc(var(--tip) + 10px)}
.rx-nav .rx-prev{scale:-1 1}
.rx-nav .arrow-btn:disabled{cursor:default;pointer-events:none}
.rx3-pin{padding-bottom:clamp(56px,6vw,90px)}
@media(max-width:760px){.rx3-head{padding-top:46px}.rx3-word{font-size:clamp(70px,22vw,96px)}.rx3-pin{padding-bottom:40px}}
/* Results v4, round 3: the title rises to cover a further fifth of "תוצאות"; the back arrow is drawn pointing right
   (no mirroring, so its hover fill follows the pointer correctly); pinned cards scale to leave air under the strip. */
.rx3-head{padding-top:60px}
.rx-nav .rx-prev{scale:none;padding-inline:calc(var(--tip) + 10px) 12px}
.rx-nav .rx-prev:before,.rx-nav .rx-prev .ab-invert:before{clip-path:polygon(0 0,calc(100% - var(--tip)) 0,100% 50%,calc(100% - var(--tip)) 100%,0 100%)}
.rx3 .rx-card{zoom:var(--k,1)}
/* About: the opening sentence stays inside its column — two even lines (no lone "קונופניצקי"), never over the portraits. */
@media(min-width:761px){.about-copy p:first-of-type{white-space:normal;margin-inline:0;text-wrap:balance}}
/* Process cards: the title column is as wide as the title, so it never runs into the sentence; the sentence breaks
   into two even lines. */
@media(min-width:761px){.pv-step h3{padding-right:clamp(110px,11vw,200px)}.pv-step{grid-template-columns:max-content minmax(0,1fr)}.pv-step p{max-width:none;text-wrap:balance}}
/* Results: when pinned, the section takes exactly the screens it scrolls through — no extra margin above or below,
   the content centred in the pinned screen with even air above and under the cards. */
@media(min-width:761px){.rx3.is-pinned{margin-block:0}}
@media(min-width:761px){.pv-step:first-child p{max-width:26ch}}
.rx3.is-pinned .rx3-pin{height:auto;top:calc(96px * var(--hs,1) + var(--pin-gap,0px));padding-block:40px;justify-content:flex-start}
/* Claude AI's artifact frame injects img{max-width:100%}; restore the browser default so the shared link matches local. */
img{max-width:none}
/* Bento: the names alone, in the photo's bottom-left corner. The booking form takes name, phone and email in one row,
   and its button is sized to its label instead of spanning the card. */
.bx-photo figcaption{right:auto;left:28px;text-align:left}
@media(min-width:761px){
.bx-form{grid-template-columns:repeat(3,minmax(0,1fr))}
.arrow-btn.bx-submit{width:auto;justify-self:start;padding-inline:28px calc(var(--tip) + 28px)}
}
/* Scrollbar on every page (strategy + guide), after chasidaschool.co.il's: 9px, square, an inset-shaded track; here lime on the dark ink */
/* Chrome drops the ::-webkit rules once scrollbar-color is set, so that is for Firefox alone */
@supports not selector(::-webkit-scrollbar){html{scrollbar-color:var(--lime) var(--ink)}}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:var(--ink);box-shadow:inset 0 0 5px rgba(0,0,0,.6);border-radius:0}
::-webkit-scrollbar-thumb{background:var(--lime);border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#a9b520}
/* About (both pages): the portraits move out to the page's sides, 100 screen px from each edge.
   The body is zoomed by --pz, so the margin is divided by it; 931px is the three columns' own width. */
@media(min-width:1051px){.about .about-grid{width:max(931px,calc(100% - 200px / var(--pz,1)))}}
/* Pain (both pages): the scattered chips became an ordered list the eye can scan - two columns on a computer,
   one on a phone. Each line sits on a thin green rule, with the logo's diamond in lime as its marker. */
.pain-list{list-style:none;width:min(1100px,calc(100% - 48px));margin:84px auto 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;text-align:right;counter-reset:none}
.pain-list li{position:relative;display:flex;align-items:center;min-height:92px;padding:18px 46px 18px 0;border-bottom:1px solid rgba(22,61,52,.32);font-size:27px;line-height:1.3;color:var(--ink)}
.pain-list li:nth-child(-n+2){border-top:1px solid rgba(22,61,52,.32)}
.pain-list li:before{content:'';position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--lime);box-shadow:0 0 0 1px var(--green);rotate:45deg}
/* Down the columns, not across: the first three on the right, the next three on the left */
@media(min-width:761px){.pain-list{grid-auto-flow:column;grid-template-rows:repeat(3,auto)}.pain-list li:nth-child(-n+2){border-top:0}.pain-list li:nth-child(1),.pain-list li:nth-child(4){border-top:1px solid rgba(22,61,52,.32)}}
@media(max-width:1100px) and (min-width:761px){.pain-list li{font-size:23px}}
@media(max-width:760px){
  .pain-list{grid-template-columns:1fr;width:calc(100% - 40px);margin-top:36px}
  .pain-list li{min-height:0;padding:16px 34px 16px 0;font-size:19px}
  .pain-list li:nth-child(2){border-top:0}
  .pain-list li:before{right:4px;width:12px;height:12px;margin-top:-6px}
}
/* Strategy page hero: the whole booking form on the first screen. The stage is 740px tall at its baseline
   (index.html sizes it to the screen, minus 20px), so the copy sits above the form's top edge (740 - 252 = 488)
   and moves down by --hx on taller screens. The hero's own button went: the form is right under it now. */
@media(min-width:761px){
  .strategy .hs-title{top:calc(160px + var(--hx,0px));width:700px;font-size:60px;line-height:1.04}
  .strategy .hs-intro{top:calc(300px + var(--hx,0px));width:560px;font-size:23px;line-height:1.22}
  .strategy .hs-price{top:calc(420px + var(--hx,0px))}
  .strategy .hs-person-b{top:calc(96px + var(--hx,0px))}
  .strategy .hs-person-a{top:calc(97px + var(--hx,0px))}
  /* The rotating circle sits on the form's top-left corner: its centre is the corner (form left 122, top hero-h minus 252) */
  .strategy .hs-badge{left:28px;top:calc(var(--hero-h,894px) - 346px);z-index:6}
}
@media(max-width:760px){
  .strategy .hs-copy{display:contents}
  .strategy .hs-title{order:0;margin-top:10px;margin-bottom:16px}
  .strategy .hs-title>span{text-wrap:balance}
  .strategy .hs-intro{order:0;margin-bottom:0;font-size:19px;line-height:1.25}
  .strategy .hs-price{order:0;margin-top:14px}
  .strategy .hs-form{order:1;margin-top:20px}
  .strategy .hs-art{order:2}
}
/* Typesetting: the last two words of a heading stay on one line (no lone word on the last line); see the &nbsp; in body text */
.nobr{white-space:nowrap}

/* Pain list reading animation (added by refined.js): GSAP draws .rule in place of the borders; the look at rest is identical */
.pain-list.pain-anim li:nth-child(n){border-color:transparent}
.pain-list .txt{display:block}
.pain-list .rule{position:absolute;left:0;right:0;height:1px;background:rgba(22,61,52,.32);transform-origin:100% 50%}
.pain-list .rule-b{bottom:-1px}
.pain-list .rule-t{top:-1px}
.pain-list.pain-anim li:before{opacity:0;scale:.3;transition:opacity .3s ease,scale .5s cubic-bezier(.3,1.8,.5,1)}
.pain-list.pain-anim li.in:before{opacity:1;scale:1}
@media(max-width:760px){.pain-list li:nth-child(4) .rule-t{display:none}}

/* Phones: small legal and contact links keep their look but get a finger-sized tap area */
@media(max-width:760px){
  .consent-link,.footer-contact-methods a,.footer-legal button,.site-credit a,.ty-foot a,.ty-foot button{position:relative}
  .consent-link:after,.footer-contact-methods a:after,.footer-legal button:after,.site-credit a:after,.ty-foot a:after,.ty-foot button:after{content:'';position:absolute;inset:-10px -4px}
}