/* FRELUMO V34 — clean mobile-first first impression, prominent member stories and welcome gift.
   No testimonial counts or ratings added without approved evidence. No changes to sessions/checkout. */
.f28-site .f28-hero{position:relative;isolation:isolate;overflow:hidden;background:#05132e}
.f28-site .f32-hero-slides{z-index:0!important;pointer-events:none}
.f28-site .f28-hero-shade{z-index:1!important;pointer-events:none}
.f28-site .f28-hero-content{z-index:2!important}
/* Photo change occurs automatically; controls were deliberately removed from the template. */
.f32-slide-controls{display:none!important}
.f34-hero-highlights{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin-top:16px;max-width:650px}
.f34-hero-gift{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 345px;padding:12px 15px;color:white!important;text-decoration:none!important;border-radius:16px;background:linear-gradient(106deg,rgba(37,39,93,.94),rgba(24,46,93,.95));border:1px solid #8e72d9;box-shadow:inset 0 1px #ffffff18,0 10px 24px #0004}
.f34-hero-gift>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.f34-hero-gift strong{font-size:.9rem;line-height:1.25;color:#f7fbff}
.f34-hero-gift small{font-size:.71rem;line-height:1.45;color:#d0ddfa}
.f34-hero-gift>span:last-child{font-size:1.15rem;color:#8aeaff}
.f34-gift-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:linear-gradient(135deg,#193f82,#7b44c8);color:#ffe19e!important;font-size:1.7rem;box-shadow:0 0 18px #7659ca55}
.f34-hero-review-link{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 185px;min-height:58px;padding:12px 16px;border-radius:14px;border:1px solid #3c719f;background:rgba(11,38,73,.8);color:#adf0ff!important;text-decoration:none!important;font-size:.83rem;font-weight:850;text-align:center}
.f34-hero-review-link:hover,.f34-hero-gift:hover{border-color:#74dfff;filter:brightness(1.08)}
.f34-hero-gift:focus-visible,.f34-hero-review-link:focus-visible{outline:3px solid #c3f9ff;outline-offset:2px}
/* Welcome pack up front — compact on mobile, visible before the story cards */
.f28-site .f33-home-gift{padding:19px 0 16px;background:linear-gradient(180deg,#06132d,#081933)}
.f28-site .f33-gift-shell{border-color:#7067ca;background:radial-gradient(circle at 15% 40%,#6c39b65c,transparent 43%),linear-gradient(110deg,#11264e,#111634);box-shadow:0 12px 35px #0006}
.f28-site .f33-gift-shell .f33-gift-copy h2{line-height:1.15}
/* High-visibility real-review cards or clearly-labelled example stories. */
.f28-site #reviews{background:linear-gradient(155deg,#081b37 0%,#0c1537 68%,#0c1738);border-top:0;padding:56px 0 48px!important}
.f28-site #reviews:before{background:linear-gradient(90deg,transparent,#25d5f0 32%,#a463ff 70%,transparent)}
.f28-site #reviews .f22-stories-head{align-items:center;gap:18px}
.f28-site #reviews .f22-eyebrow{color:#84e5f9}
.f28-site #reviews h2{font-weight:900;letter-spacing:-.045em;line-height:1.08}
.f28-site #reviews .f22-stories-head p{max-width:690px;color:#bdcce8}
.f28-site #reviews .f23-notice{max-width:900px;border-color:#536f9c;background:#0c2447;color:#d0e4f9}
.f28-site #reviews :is(.f23-example,.f22-review-card){background:radial-gradient(circle at 0% 0%,#31478b66,transparent 62%),linear-gradient(140deg,#14274a,#101a35 86%);border:1px solid #4b669d;border-radius:22px;box-shadow:0 18px 43px #0005,inset 0 1px #ffffff10;transition:transform .2s,border-color .2s}
.f28-site #reviews :is(.f23-example,.f22-review-card):hover{border-color:#56d8ef;transform:translateY(-2px)}
.f28-site #reviews .f23-example blockquote{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65}
.f28-site #reviews :is(.f23-persona,.f22-review-member strong){color:#fff}
.f28-site #reviews .f22-trustline{margin-top:21px}
.f28-site #reviews .f22-trustline>div{background:#0d294b9c;border-color:#315c89}
.f28-site #reviews .f23-review-cta{border-color:#4e69a5}
/* Member welcome gift appears before task dashboard content, not hidden at the bottom. */
.f28-member-app .f33-member-gift{margin:8px 0 20px}
.f30-app .f34-preview-gift-top{margin:12px 0 19px}
/* On some layouts the original sticky bonus box caused tall sidebars to overflow. */
.f29-side-bonus,.f30-side-upsell{display:none!important}
@media(max-width:1000px){
 .f28-site .f28-hero .f28-hero-content{width:min(100% - 36px,1350px)}
 .f28-site .f28-hero-shade{background:linear-gradient(90deg,#05122bf0,#061331b8 55%,#030d2122),linear-gradient(0deg,#06152b,#03112700 40%)!important}
}
@media(max-width:767px){
 html,body{max-width:100%;overflow-x:clip}
 .f28-site .f28-hero{min-height:0!important;display:block!important;background:#06132a}
 .f28-site .f32-hero-slides{height:clamp(290px,90vw,405px)!important;bottom:auto!important;left:0;right:0;top:0;overflow:hidden}
 .f28-site .f32-hero-slide{height:100%}
 .f28-site .f32-hero-slide .f28-hero-image{width:100%;height:100%;object-fit:cover!important;object-position:center 12%!important}
 .f28-site .f28-hero-shade{inset:0!important;z-index:1;background:linear-gradient(180deg,rgba(2,9,25,.03) 0%,rgba(3,11,29,.10) 95px,rgba(4,13,33,.28) 195px,rgba(4,13,32,.83) 275px,#06132a 385px,#06132a 100%)!important}
 .f28-site .f28-hero .f28-hero-content{position:relative;z-index:2!important;width:calc(100% - 28px)!important;max-width:600px!important;min-height:0!important;display:block;padding:clamp(265px,77vw,330px) 0 27px!important;margin-inline:auto}
 .f28-site .f28-hero .f28-hero-text{padding:0!important;margin:0;width:100%;max-width:none!important}
 .f28-site .f28-hero h1{font-size:clamp(2.08rem,8.65vw,3.5rem)!important;line-height:1.06!important;letter-spacing:-.05em!important;margin:13px 0 12px!important;overflow-wrap:normal}
 .f28-site .f28-hero-text>p{font-size:clamp(.87rem,3.6vw,1rem)!important;line-height:1.55!important;margin:0 0 14px!important}
 .f28-site .f28-hero .f28-pill{font-size:.61rem;max-width:100%;line-height:1.45}
 .f28-site .f28-hero .f28-goal-grid{width:100%;max-width:none!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin:14px 0 0!important;overflow:visible!important}
 .f28-site .f28-hero .f28-goal{grid-column:span 2;min-width:0!important;width:100%;padding:12px 3px!important;min-height:99px!important;border-radius:14px;display:flex;justify-content:center;align-items:center;gap:5px;overflow:visible}
 .f28-site .f28-hero .f28-goal:nth-child(4),.f28-site .f28-hero .f28-goal:nth-child(5){grid-column:span 3}
 .f28-site .f28-hero .f28-goal .f33-icon{height:31px;width:31px}
 .f28-site .f28-hero .f28-goal strong{font-size:.86rem!important;line-height:1.2}
 .f28-site .f28-hero .f28-goal small{font-size:.69rem!important;line-height:1.25}
 .f28-site .f28-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:17px}
 .f28-site .f28-hero-actions .f28-btn{width:100%;font-size:.82rem!important;min-height:49px!important;line-height:1.25}
 .f28-site .f28-footnote{font-size:.7rem;line-height:1.5;margin-top:12px}
 .f28-site .f28-guide-callout{display:none!important}
 .f34-hero-highlights{margin-top:14px;gap:9px}
 .f34-hero-gift{flex:1 1 100%;padding:10px 12px;gap:9px;border-radius:14px}
 .f34-gift-icon{width:38px;height:38px;flex-basis:38px}
 .f34-hero-gift strong{font-size:.81rem}.f34-hero-gift small{font-size:.67rem}
 .f34-hero-review-link{flex:1 1 100%;min-height:40px;padding:9px 10px}
 .f28-site .f33-home-gift{padding:16px 0}
 .f28-site .f33-gift-shell{padding:16px;gap:7px}
 .f28-site .f33-gift-illustration{min-height:56px}
 .f28-site .f33-gift-copy h2{font-size:clamp(1.35rem,6.4vw,1.75rem)}
 .f28-site .f33-gift-copy p{font-size:.81rem;line-height:1.55}
 .f28-site #reviews{padding:38px 0 42px!important}
 .f28-site #reviews .f22-stories-head{gap:14px;margin-bottom:15px}
 .f28-site #reviews h2{font-size:clamp(1.73rem,7.4vw,2.55rem)}
 .f28-site #reviews .f23-notice{font-size:.74rem;padding:12px}
 .f28-site #reviews :is(.f23-examples,.f22-review-grid){display:flex!important;overflow-x:auto!important;gap:13px!important;scroll-snap-type:x mandatory;scroll-padding-left:5px;padding:3px 3px 17px;scrollbar-width:thin;overscroll-behavior-inline:contain}
 .f28-site #reviews :is(.f23-example,.f22-review-card){scroll-snap-align:start;flex:0 0 min(86vw,330px);min-width:0!important;min-height:268px;padding:21px}
 .f28-site #reviews .f23-example blockquote{font-size:.98rem}
 .f28-site #reviews .f23-review-cta{padding:18px;gap:12px}
 .f28-site #reviews .f22-trustline{gap:9px}
 .f28-site #reviews .f22-trustline>div{padding:12px}
 .f30-app .f34-preview-gift-top{margin:10px 0 15px}
 .f28-member-app .f33-member-gift{margin:14px 0 18px}
}
@media(max-width:360px){
 .f28-site .f28-hero .f28-hero-content{width:calc(100% - 24px)!important;padding-top:clamp(235px,80vw,278px)!important}
 .f28-site .f28-hero h1{font-size:clamp(1.9rem,8.5vw,2.2rem)!important}
 .f28-site .f28-hero .f28-goal-grid{gap:6px!important}
 .f28-site .f28-hero .f28-goal{min-height:90px!important;padding:8px 2px!important}
 .f28-site .f28-hero .f28-goal strong{font-size:.75rem!important}
 .f28-site .f28-hero .f28-goal small{font-size:.62rem!important}
 .f28-site .f28-hero-actions .f28-btn{font-size:.73rem!important;padding:8px 5px!important}
}
@media(prefers-reduced-motion:reduce){.f28-site #reviews :is(.f23-example,.f22-review-card){transition:none!important}}
