.story-section,.belong-section{max-width:1440px;margin:auto;padding:85px 6%;scroll-margin-top:100px}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:45px}.story-copy h2,.belong-copy h2{font-size:clamp(42px,5vw,70px);font-weight:550;letter-spacing:-.065em;line-height:1.04}.story-tabs{margin-top:45px;max-width:450px}.story-tab{display:flex;align-items:center;gap:23px;position:relative;border:0;border-top:1px solid #b9d79725;background:transparent;color:#edf1e9;padding:23px 0;width:100%;text-align:left;cursor:pointer;transition:padding .4s,background .4s}.story-tab:last-child{border-bottom:1px solid #b9d79725}.step-index{font-size:10px;color:#708164;align-self:start;margin-top:10px}.story-tab strong{font-size:32px;font-weight:500;letter-spacing:-.05em;line-height:1.1}.story-tab small{display:block;font-size:12px;color:#8f9f84;margin-top:8px}.step-arrow{margin-left:auto;color:#ceff5a;font-size:26px;opacity:0;translate:-8px 8px;transition:opacity .3s,translate .3s}.story-tab[aria-selected=true]{padding-left:18px;padding-right:16px;background:linear-gradient(90deg,#ceff5a0e,transparent)}.story-tab[aria-selected=true] strong,.story-tab[aria-selected=true] .step-index{color:#ceff5a}.story-tab[aria-selected=true] .step-arrow{opacity:1;translate:0 0}.story-tab:hover strong{color:#ceff5a}.story-tab:before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:2px;background:#ceff5a;scale:1 0;transition:scale .4s}.story-tab[aria-selected=true]:before{scale:1 1}.story-stage{position:relative;min-height:690px;display:grid;place-items:center;isolation:isolate}.story-stage:before{content:'';position:absolute;inset:8% -15%;background:radial-gradient(ellipse,#a5e3401c,transparent 66%);z-index:-1}.story-watermark{position:absolute;right:-5%;top:0;font-size:280px;line-height:1;font-weight:600;letter-spacing:-.09em;color:#b9f16a0b;z-index:-1}.story-orbit{position:absolute;width:420px;height:420px;border:1px solid #bbef8220;border-radius:50%;transform:rotateX(65deg) rotate(-25deg);box-shadow:0 0 0 50px #bbef8204;z-index:-1;bottom:25px}.story-panel{width:100%;display:flex;justify-content:center}.story-panel[hidden]{display:none}.story-phone{width:260px;margin:0;background:#090e0b;border:1px solid #bedf9138;padding:6px;border-radius:29px;box-shadow:0 40px 75px #0008;transform:rotate(3deg)}.story-phone img{width:100%;border-radius:23px}.story-phone figcaption{font-size:7px;letter-spacing:.16em;text-align:center;padding:16px 5px 10px;color:#b9cca8}.story-footnote{font-size:9px;color:#788a6c;text-align:center;margin-top:25px}.belong-section{overflow:hidden;padding-top:55px;padding-bottom:35px}.belong-scene{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:830px;align-items:center;gap:7%;isolation:isolate}.belong-halo{position:absolute;inset:5% -20% -10%;background:radial-gradient(ellipse at 70% 60%,#b4f54a20,transparent 60%);z-index:-2}.belong-type{position:absolute;bottom:0;left:-3%;font-size:clamp(120px,23vw,330px);font-weight:750;letter-spacing:-.09em;line-height:1;color:#c9fa7809;white-space:nowrap;z-index:-1}.belong-copy{padding-bottom:80px}.belong-copy p{font-size:14px;line-height:1.8;margin-top:25px;color:#9cac90}.belong-link{display:inline-flex;align-items:center;gap:45px;font-size:13px;margin-top:30px;padding-bottom:12px;border-bottom:1px solid #ceff5a66;color:#ceff5a}.belong-link span{font-size:23px;transition:translate .3s}.belong-link:hover span{translate:4px -4px}.belong-screens{position:relative;height:700px;perspective:1600px}.belong-phone{position:absolute;width:255px;margin:0;padding:6px;border:1px solid #caec9e38;border-radius:30px;background:#090e0b;box-shadow:0 35px 85px #0008;transition:transform .8s cubic-bezier(.16,1,.3,1)}.belong-phone img{width:100%;border-radius:24px}.belong-phone figcaption{text-align:center;font-size:7px;letter-spacing:.15em;padding:14px 2px 9px;color:#b0c69b}.belong-feed{left:-25px;top:0;transform:rotate(-9deg) scale(.92);filter:brightness(.8)}.belong-profile{right:-5px;top:70px;transform:rotate(7deg);z-index:2}.belong-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid #b6d58c25;font-size:8px;letter-spacing:.12em;color:#9caf8a}.belong-bottom p{font-size:9px;letter-spacing:0;color:#758568}
@media(hover:hover) and (pointer:fine){.belong-screens:hover .belong-feed{transform:translateX(-18px) rotate(-12deg) scale(.95);filter:brightness(1)}.belong-screens:hover .belong-profile{transform:translate(8px,-12px) rotate(4deg)}}
@media(max-width:1050px){.belong-phone{width:220px}.belong-screens{height:650px}.belong-scene{min-height:720px}.belong-feed{left:-35px}.story-stage{min-height:650px}.story-phone{width:240px}.story-watermark{font-size:240px}}
@media(max-width:760px){.story-section,.belong-section{padding:55px 6%}.story-layout{grid-template-columns:1fr;gap:20px;padding-top:26px}.story-copy h2,.belong-copy h2{font-size:42px}.story-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;max-width:none}.story-tab{display:block;padding:16px 0!important;background:transparent!important;border-bottom:1px solid #b9d79725}.story-tab:before{width:100%;height:2px;top:auto;bottom:0;scale:0 1}.story-tab[aria-selected=true]:before{scale:1 1}.step-index{display:block;margin:0 0 12px;font-size:9px}.story-tab strong{font-size:26px}.story-tab small{font-size:10px;line-height:1.6;min-height:48px}.step-arrow{display:none}.story-stage{min-height:600px}.story-phone{width:225px}.story-watermark{font-size:200px;top:20px;right:0}.story-orbit{width:320px;height:320px;bottom:15px}.story-footnote{font-size:8px;max-width:290px;margin:20px auto 0;line-height:1.8}.belong-scene{grid-template-columns:1fr;gap:0;padding-top:35px;min-height:0}.belong-copy{padding:0}.belong-copy p{font-size:12px;margin-top:18px}.belong-link{font-size:12px;margin-top:20px}.belong-screens{height:630px;margin-top:35px}.belong-phone{width:205px;border-radius:25px;padding:5px}.belong-phone img{border-radius:20px}.belong-feed{left:0;top:0;transform:rotate(-8deg) scale(.9)}.belong-profile{right:0;top:65px;transform:rotate(7deg)}.belong-type{font-size:110px;bottom:15px;left:0}.belong-bottom{flex-direction:column;align-items:start;gap:8px;padding-bottom:0}.belong-halo{inset:15% -40% 0}.belong-phone figcaption{font-size:6px}.belong-section{padding-top:30px}}
@media(max-width:370px){.story-copy h2,.belong-copy h2{font-size:36px}.story-tab strong{font-size:23px}.belong-phone{width:180px}.belong-screens{height:560px}}
@media(prefers-reduced-motion:reduce){.story-tab,.story-tab:before,.step-arrow,.belong-phone,.belong-link span{transition:none}}
.belong-phone img{height:auto}.belong-screens{height:760px}.belong-scene{min-height:860px}
@media(max-width:1050px){.belong-screens{height:680px}.belong-scene{min-height:770px}}
@media(max-width:760px){.belong-screens{height:670px}.belong-scene{min-height:0}}
@media(max-width:370px){.belong-screens{height:600px}}