/* Three quiet, full-width chapters. Scoped to the phone-use carousel. */
.minimal-site #modes #goals.friction-story{display:block;position:relative;isolation:isolate;z-index:6;width:100vw;height:auto;min-height:calc(100svh - var(--s4-nav));margin-left:-6vw;padding:76px 6vw 42px;background:#fff;border-block:1px solid #e4e8df;scroll-margin-top:var(--s4-nav);color:#203b30}
#goals.friction-story *{box-sizing:border-box}
#goals .fs-inner{max-width:1280px;margin:auto;min-width:0}
#goals .fs-heading{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-bottom:32px}

#goals .fs-rail{display:flex;gap:4px;padding:4px;background:#eef1e9;border-radius:50px}
#goals .fs-rail button{font:inherit;font-size:13px;line-height:1.3;min-height:40px;padding:10px 19px;border:0;border-radius:40px;background:transparent;color:#6e7b6e;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
#goals .fs-rail button[aria-current=true]{background:#fff;color:#233d2e;box-shadow:0 2px 6px #243b2b09}
#goals .fs-layout{min-width:0}
#goals .fs-track{position:relative;display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;outline-offset:4px;min-width:0;-webkit-overflow-scrolling:touch}
#goals .fs-track::-webkit-scrollbar{display:none}
#goals .fs-card{position:relative;flex:0 0 100%;min-width:0;min-height:470px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,80px);scroll-snap-align:start;scroll-snap-stop:always;padding:12px 4px;contain:layout}
#goals .fs-copy{min-width:0;max-width:510px}
#goals .fs-copy h1{font-size:clamp(34px,3.7vw,52px);font-weight:500;line-height:1.09;letter-spacing:-.055em;margin:0 0 24px;color:#203b30;text-wrap:balance}
#goals .fs-title-arrow{font-size:.8em;font-weight:400;color:#80947c;display:inline-block;vertical-align:5%}
#goals .fs-copy h2{font-size:clamp(19px,1.8vw,24px);font-weight:400;line-height:1.4;letter-spacing:-.025em;margin:0 0 22px;color:#526b5a;max-width:460px}
#goals .fs-copy p{font-size:15px;line-height:1.7;margin:0;color:#748072;max-width:440px}
#goals .fs-copy strong{color:#294c37;font-weight:600}
#goals .fs-copy a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
#goals .fs-copy em{font-style:italic}
#goals .fs-visual{position:relative;min-width:0;height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}

#goals .fs-controls{border-top:1px solid #e0e6db;display:flex;align-items:center;justify-content:space-between;padding-top:20px;margin-top:22px}
#goals .fs-controls>div{display:flex;gap:10px;margin-left:auto}
#goals .fs-controls button{width:44px;height:44px;border:1px solid #d9e2d2;border-radius:50%;background:#fff;color:#34553e;padding:12px;cursor:pointer;display:grid;place-items:center;transition:background .2s}
#goals .fs-controls button:hover:not(:disabled){background:#eaf0e3}
#goals .fs-controls button:disabled{opacity:.28;cursor:default}
#goals .fs-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#goals [data-fs-prev] svg{transform:rotate(180deg)}
#goals .fs-visual-caption{font-size:12px;line-height:1.4;color:#7a8775;text-align:center;margin:16px 8px 0;position:relative;z-index:3}
#goals .fs-nudge-visual{position:relative;display:grid;place-items:center;width:100%;height:345px;isolation:isolate}
#goals .fs-inky-product{display:block;width:100%;height:100%;max-width:280px;margin:auto;overflow:hidden;position:relative;z-index:1}
#goals .fs-vibration{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none}
#goals .fs-vibration i{position:absolute;width:250px;height:310px;border:1px solid #9aaf8b;border-radius:40%;opacity:0}
#goals .fs-zones{display:flex;justify-content:center;gap:24px;margin:6px 0 0}
#goals .fs-zones button{padding:5px;background:transparent;border:0;color:#74816d;font:inherit;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;min-width:44px}
#goals .fs-zones i{width:10px;height:19px;background:#c7c7c0;border:1px solid #8a8e83;border-radius:2px}
#goals .fs-zones button:nth-child(2) i{background:#878982}
#goals .fs-zones button:nth-child(3) i{background:#272d28}
#goals .fs-zones span{font-size:11px}
#goals .fs-zones button[aria-pressed=true]{color:#24462f}
#goals .fs-zones button[aria-pressed=true] i{outline:1px solid #64795a;outline-offset:3px}
#goals .fs-rule-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;padding:8px 2px}
#goals .fs-rule{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:34px;min-width:0;min-height:272px;padding:25px 22px;border:1px solid #dfe6d9;border-radius:24px;background:#fff;color:#274831;text-align:left;font:inherit}


#goals .fs-rule-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#eff4eb;color:#4c7557}
#goals .fs-rule-phone .fs-rule-icon{background:#e7f3ed;color:#287653}
#goals .fs-rule-apps .fs-rule-icon{background:#fcf0e6;color:#b8622b}
#goals .fs-rule-icon svg{width:37px;height:37px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#goals .fs-rule-copy{display:block;min-width:0}
#goals .fs-rule-copy small{display:block;font-size:11px;line-height:1.4;color:#87937d;margin-bottom:9px}
#goals .fs-rule-copy strong{display:block;font-size:23px;line-height:1.15;letter-spacing:-.035em;font-weight:500;max-width:150px}
#goals .fs-rule-copy>span{display:block;font-size:11px;line-height:1.4;color:#87937d;margin-top:12px}





#goals .fs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#goals.friction-story button:focus-visible,#goals .fs-track:focus-visible,#goals.friction-story a:focus-visible{outline:2px solid #1684ea;outline-offset:3px}
#goals .fs-phone-scene{height:330px;width:100%;position:relative;margin-top:16px;display:flex;justify-content:center;isolation:isolate}
#goals .fs-device{position:relative;width:155px;height:318px;flex:none;container-type:inline-size}
#goals .fs-phone-photo{position:absolute;width:218.57%;height:auto;max-width:none;left:-64.286%;top:-4.348%;mix-blend-mode:multiply}
#goals .fs-paper{position:absolute;left:17.32%;top:39.3%;width:64.1%;height:46.1%;padding:9% 5%;background:#eff0e9;border-radius:1px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#222;font-family:Arial,sans-serif;overflow:hidden}
#goals .fs-paper-label{font-size:4.5cqw;letter-spacing:.09em;line-height:1.3}
#goals .fs-digits{font-size:19cqw;line-height:1.1;font-weight:500;letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-top:10%}
#goals .fs-paper-state{font-size:5cqw;line-height:1.4;margin-top:1cqw}
#goals .fs-bars{height:14cqw;display:flex;align-items:end;justify-content:center;gap:2.5cqw;width:100%;margin-top:9%}
#goals .fs-bars i{display:block;width:5cqw;height:60%;background:#8c8c87;border-radius:1px}
#goals .fs-bars i:nth-child(2){height:83%;background:#3b3b39}
#goals .fs-bars i:nth-child(3){height:45%;background:#b5b5ae}
#goals .fs-bars i:nth-child(4){height:98%;background:#242423}
#goals .fs-bars i:nth-child(5){height:70%;background:#77776f}
#goals .fs-bars i.fs-new-bar{height:80%;background:#30302c;transform:scaleY(0);transform-origin:bottom}
#goals .fs-paper-foot{font-size:3.6cqw;letter-spacing:.04em;margin-top:8%;white-space:nowrap}
#goals .fs-tap-ring{position:absolute;left:43.8%;top:85.5%;width:12%;height:5.5%;border:1px solid #7a9a65;border-radius:50%;opacity:0;z-index:3}
#goals .fs-hand{position:absolute;left:29%;top:82%;width:126%;height:auto;max-width:none;opacity:0;z-index:4;transform-origin:18% 9%;pointer-events:none}
#goals .fs-phone-scene{height:380px;margin:0;align-items:center}
#goals .fs-device{width:180px;height:369px}
@media(max-width:1050px){
 #goals .fs-heading{gap:18px}#goals .fs-card{gap:30px;min-height:440px}
 #goals .fs-rule{padding:20px 15px;min-height:255px;gap:25px}#goals .fs-rule-copy strong{font-size:21px}
}
@media(max-width:760px){
 .minimal-site #modes #goals.friction-story{padding:30px 6vw 26px;min-height:0}
 #goals .fs-heading{flex-direction:column;gap:16px;align-items:flex-start;margin-bottom:24px}
 #goals .fs-rail{width:100%;border-radius:15px;padding:3px;gap:0}
 #goals .fs-rail button{flex:1;min-width:0;padding:10px 7px;font-size:11px;border-radius:12px;min-height:43px}
 #goals .fs-card{grid-template-columns:1fr;grid-template-rows:240px 320px;align-items:start;align-content:start;gap:12px;padding:4px;min-height:0}
 #goals .fs-copy{max-width:none;padding:0 1px}#goals .fs-copy h1{font-size:clamp(31px,8.5vw,40px);margin-bottom:16px}
 #goals .fs-copy h2{font-size:18px;line-height:1.4;margin-bottom:14px;max-width:none}
 #goals .fs-copy p{font-size:13px;line-height:1.6;max-width:none}
 #goals .fs-visual{height:320px;width:100%}#goals .fs-phone-scene{height:280px}#goals .fs-device{width:132px;height:271px}
 #goals .fs-visual-caption{font-size:11px;margin-top:10px}
 #goals .fs-nudge-visual{height:234px}#goals .fs-inky-product{max-width:200px}#goals .fs-vibration i{width:185px;height:210px}
 #goals .fs-zones{gap:22px;margin-top:4px}#goals .fs-zones button{gap:5px}#goals .fs-zones i{height:16px}#goals .fs-zones span{font-size:10px}
 #goals .fs-rule{min-height:230px;padding:20px 16px;gap:24px;border-radius:20px}#goals .fs-rule-options{gap:10px}
 #goals .fs-rule-icon{width:53px;height:53px;border-radius:15px}#goals .fs-rule-icon svg{width:33px;height:33px}#goals .fs-rule-copy strong{font-size:22px}

 #goals .fs-controls{margin-top:16px;padding-top:16px}#goals .fs-controls button{height:40px;width:40px}
}
@media(max-width:360px){
 #goals .fs-card{grid-template-rows:270px 300px;gap:8px}#goals .fs-visual{height:300px}
 #goals .fs-copy h1{font-size:30px}#goals .fs-copy h2{font-size:17px}#goals .fs-copy p{font-size:12px}
 #goals .fs-rule{padding:18px 12px;gap:24px;min-height:218px}#goals .fs-rule-icon{width:45px;height:45px;border-radius:13px}#goals .fs-rule-icon svg{width:29px;height:29px}
 #goals .fs-rule-copy strong{font-size:20px}#goals .fs-rule-copy small{font-size:10px}#goals .fs-rule-copy>span{font-size:10px}
 #goals .fs-phone-scene{height:260px}#goals .fs-device{width:122px;height:251px}#goals .fs-nudge-visual{height:215px}
}
@media(min-width:761px) and (max-height:760px){
 .minimal-site #modes #goals.friction-story{padding-top:36px;padding-bottom:28px}
 #goals .fs-heading{margin-bottom:16px}#goals .fs-card{min-height:390px}#goals .fs-visual{height:390px}
 #goals .fs-copy h1{font-size:clamp(34px,3.7vw,46px)}#goals .fs-copy h2{font-size:20px}#goals .fs-copy p{font-size:14px}
 #goals .fs-phone-scene{height:330px}#goals .fs-device{width:157px;height:322px}#goals .fs-nudge-visual{height:285px}
 #goals .fs-controls{margin-top:14px;padding-top:14px}
}
@media(prefers-reduced-motion:reduce){#goals .fs-controls button,#goals .fs-rail button{transition:none}}