/* fix36 LOCAL company-side preview only. No fix35 motion effects. */
#company-area{--f36-rule:rgba(243,238,228,.25)}
#company-area .sec{padding:72px var(--pad);overflow:clip}
#company-area #company{padding-block:72px}
#company-area #company .big{font-size:clamp(48px,8.2vw,136px);max-width:20ch}
#company-area #company .lede{max-width:48ch;margin:24px 0 28px}
#company-area .mid{font-size:clamp(38px,5.4vw,88px);margin-bottom:32px;max-width:22ch}
#company-area .big{font-size:clamp(48px,8.2vw,136px);line-height:1.02}
#company-area a:focus-visible,#company-area button:focus-visible,#company-area summary:focus-visible{outline:3px solid var(--blush);outline-offset:5px}
#company-area .g-L :focus-visible{outline-color:var(--ink)}
#company-area .btn{border-radius:2px;min-height:52px}
#company-area .f36-text-link{display:inline-block;font-size:19px;font-weight:600;color:var(--blush);padding-block:14px;border-bottom:1px solid currentColor}
#company-area .f36-cards{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0}
#company-area .f36-cards li{padding:24px 20px;background:rgba(243,238,228,.05);border:1px solid var(--f36-rule);border-radius:2px;min-height:218px}
#company-area .f36-card-num{font-size:16px;color:var(--blush);display:block;margin-bottom:24px}
#company-area .f36-cards h3{font:600 clamp(22px,1.8vw,28px)/1.25 var(--sans);letter-spacing:-.02em;margin:0}
#company-area .f36-card-position{display:none}
#company-area .f36-fears>.f36-text-link{margin-top:28px}
#company-area .f36-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0}
#company-area .f36-tabs a{padding:15px 19px;border:1px solid var(--f36-rule);border-radius:2px;font-size:18px;font-weight:600;color:var(--cream);text-decoration:none;line-height:1.2}
#company-area .f36-tabs a[aria-selected=true]{background:var(--blush);border-color:var(--blush);color:var(--ink)}
#company-area .f36-tabs a:hover{border-color:var(--blush)}
#company-area .f36-stage{background:rgba(0,0,0,.13);border:1px solid var(--f36-rule);border-radius:2px;padding:36px}
#company-area .f36-panel{margin:0;scroll-margin-top:100px}
#company-area .f36-panel+.f36-panel{margin-top:48px}
#company-area .f36-ready .f36-panel{margin:0}
#company-area [hidden]{display:none!important}
#company-area .f36-event{text-align:center;padding:16px 0}
#company-area .f36-event h3{font:700 clamp(36px,4.1vw,60px)/1.08 var(--sans);letter-spacing:-.025em;margin:0 0 24px}
#company-area .f36-event h3 em{font:inherit;color:var(--blush)}
#company-area .f36-timer{min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 16px;font-variant-numeric:tabular-nums}
#company-area #f36-clock{font:600 clamp(74px,8vw,116px)/1.1 var(--sans);letter-spacing:-.05em}
#company-area #f36-before{font:500 24px/1.3 var(--sans);color:var(--blush);text-decoration-thickness:2px;min-height:31px}
#company-area #f36-before[hidden]{display:block!important;visibility:hidden}
#company-area .f36-caption{font-size:21px;line-height:1.45;max-width:56ch;margin:24px auto 0;color:var(--cream);text-align:center}
#company-area .f36-event .f36-caption{max-width:40ch}
#company-area .f36-visual{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--cream);max-width:100%;margin:0 auto;gap:16px}
#company-area .f36-visual picture{display:block;width:100%}
#company-area .f36-visual img{display:block;width:100%;height:420px;object-fit:contain;border-radius:2px}
#company-area .f36-open{display:inline-block;font-size:18px;line-height:1.3;font-weight:600;color:var(--blush);padding:8px 0;border-bottom:1px solid currentColor}
#company-area .f36-member,#company-area .f36-phone{min-height:420px;justify-content:center}
#company-area .f36-member>span:not(.f36-open){font-size:32px;font-weight:600;padding:16px 24px;border:1px solid var(--f36-rule);width:min(400px,100%);text-align:center}
#company-area .f36-member>b{color:var(--blush);font-size:24px;line-height:1}
#company-area .f36-phone strong{font:600 clamp(56px,6vw,86px)/1.1 var(--sans);text-align:center;letter-spacing:-.03em}
#company-area .f36-disclosure{margin:28px auto 0;max-width:1320px;border-top:1px solid var(--f36-rule);border-bottom:1px solid var(--f36-rule)}
#company-area summary{cursor:pointer;list-style:none;font:600 21px/1.3 var(--sans);padding:23px 0;display:flex;justify-content:space-between;gap:20px}
#company-area summary::-webkit-details-marker{display:none}
#company-area summary:after{content:'+';font-size:28px;line-height:1}
#company-area details[open]>summary:after{content:'−'}
#company-area .f36-detail{padding:4px 0 28px;font-size:19px;line-height:1.5}
#company-area .f36-detail>p{max-width:62ch;margin:0 0 24px}
#company-area .f36-detail .f36-ranked{font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1;margin-bottom:16px;color:var(--blush)}
#company-area .f36-review>.lede{max-width:56ch}
#company-area .weeks{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:0;margin:36px 0}
#company-area .weeks li{border-top:1px solid var(--f36-rule);padding-top:20px}
#company-area .weeks b{font-size:17px;color:var(--blush)}
#company-area .weeks h4{font:600 28px/1.2 var(--sans);margin:12px 0}
#company-area .weeks p{font-size:19px;line-height:1.5;margin:0}
#company-area .gets{list-style:none;padding:0;margin:32px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
#company-area .gets li{padding:20px 0;border-top:1px solid var(--f36-rule);display:flex;flex-direction:column;gap:6px}
#company-area .gets b{font-size:23px;color:var(--cream)}
#company-area .gets span{font-size:19px;line-height:1.5}
#company-area .f36-offer .lede{max-width:50ch}
#company-area .f36-offer .f36-disclosure{border-color:rgba(13,31,23,.3)}
#company-area .f36-offer .find-card{margin:0;max-width:700px;padding:20px 0 0;background:transparent;box-shadow:none;border:0}
#company-area .f36-offer .f36-disclosure>summary{justify-content:flex-start;gap:28px}
#company-area .f36-offer .f36-text-link{color:var(--ink)}
/* Native no-JS fallback: all demos and disclosure content are available. */
html:not(.f36-enhanced) #company-area details>.f36-detail{display:block}
html:not(.f36-enhanced) #company-area details{content-visibility:visible}
@media(prefers-reduced-motion:no-preference){
 #company-area details[open]>.f36-detail{animation:f36-open .2s ease-out}
 @keyframes f36-open{from{opacity:.3;transform:translateY(-4px)}to{opacity:1;transform:none}}
}
@media(max-width:760px){
 #company-area .sec,#company-area #company{padding:48px 24px}
 #company-area #company .big{font-size:46px}
 #company-area #company .lede{margin:24px 0}
 #company-area .mid{font-size:38px;margin-bottom:24px}
 #company-area .f36-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:-24px;padding:0 24px 12px 0;scrollbar-width:none}
 #company-area .f36-cards::-webkit-scrollbar{display:none}
 #company-area .f36-cards li{flex:0 0 86%;scroll-snap-align:start;min-height:210px;padding:24px}
 #company-area .f36-cards h3{font-size:27px;line-height:1.22}
 #company-area .f36-card-num{margin-bottom:24px}
 #company-area .f36-card-position{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-top:4px}
 #company-area .f36-dots{display:flex;gap:7px}
 #company-area .f36-dots i{width:6px;height:6px;background:var(--cream);opacity:.25;border-radius:0}
 #company-area .f36-dots i.active{opacity:1;background:var(--blush)}
 #company-area .f36-fears>.f36-text-link{margin-top:18px;font-size:18px}
 #company-area .f36-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
 #company-area .f36-tabs a{font-size:18px;padding:15px 11px;text-align:center;display:flex;align-items:center;justify-content:center;min-height:54px}
 #company-area .f36-stage{padding:24px 16px}
 #company-area .f36-event{padding:0}
 #company-area .f36-event h3{font-size:36px;margin-bottom:20px}
 #company-area .f36-timer{min-height:128px;margin-bottom:16px}
 #company-area #f36-clock{font-size:76px}
 #company-area #f36-before{font-size:23px}
 #company-area .f36-caption{font-size:20px;margin-top:24px}
 #company-area .f36-visual img{height:360px}
 #company-area .f36-open{font-size:18px}
 #company-area .f36-member,#company-area .f36-phone{min-height:360px}
 #company-area .f36-member>span:not(.f36-open){font-size:27px;padding:16px}
 #company-area .f36-disclosure{margin-top:24px}
 #company-area .f36-demo-note{margin-top:20px}
 #company-area .f36-review .big{font-size:46px}
 #company-area .weeks,#company-area .gets{grid-template-columns:1fr;gap:20px}
 #company-area .gets{gap:0}
 #company-area .f36-offer .mid{font-size:38px}
 #company-area .f36-offer .find-card .tk{font-size:19px}
}

/* Avoid the legacy review card's narrow side column inside the disclosure. */
#company-area .weeks{border-top:0;padding-top:0}
#company-area .weeks li{display:block}
#company-area .weeks b{display:block;letter-spacing:.04em;padding:0;font-size:17px;line-height:1.3}
#company-area .gets b{border-top:0;padding-top:0;margin-bottom:0}

html:not(.f36-enhanced) #company-area #f36-run{display:none}

#company-area .f36-visual{position:relative}
#company-area .f36-sample{position:static;align-self:flex-start;background:var(--ink);color:var(--cream);font-size:16px;line-height:1.3;padding:6px 9px;border:1px solid var(--f36-rule)}
