/* Light launch page: plain sections from the original design plus the sticker layer. No 3D scroll track. */
.nav-contact{border:1px solid #b3c2df;border-radius:30px;padding:0 20px}.button{border-radius:30px}h1,h2,h3{text-wrap:balance}
.bridge{position:relative;padding:70px 0 75px;text-align:center;overflow:hidden}.bridge h2{font-size:38px}.bridge p{max-width:620px;margin:15px auto 0}
.hero-note .sticker{width:156px}.demo-pair{position:relative;margin-top:70px}
@media(max-width:1000px){.hero-note .sticker{width:110px}}
@media(max-width:700px){.bridge{padding:45px 20px 55px}.bridge h2{font-size:28px}.hero-note .sticker{width:105px}.nav-contact{padding:0 14px}}
@media(max-width:359px){.hero-note .sticker{width:85px}}
/* Animated stickers from the LINE sticker set. They move, then rest; reduced motion gets the still frame. */
.sticker{display:block;pointer-events:none}.sticker img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 6px rgb(37 50 74 / .13))}
.peek{position:absolute;top:-73px;right:22px;width:104px;height:104px;clip-path:inset(0 0 30% 0);z-index:1}
.peek-left{right:auto;left:22px}
.features .section-heading{margin-bottom:96px}
.bridge{padding-top:70px}
.team-row{display:flex;justify-content:center;align-items:flex-end;gap:clamp(2px,1.6vw,18px);margin:0 auto 26px;max-width:560px;position:relative;padding-bottom:10px}
.team-row:after{content:'';position:absolute;left:8%;right:8%;bottom:6px;height:2px;border-radius:2px;background:#e4dccb}
.team-row .sticker{width:clamp(72px,11vw,104px)}
.arrive{position:relative;display:block;margin-left:clamp(10px,3vw,34px)}
.arrive .sticker{width:clamp(92px,14vw,132px)}
.arrive-tag{position:absolute;top:2px;right:-12px;background:var(--blue);color:#fff;font-size:14px;font-weight:600;padding:2px 12px;border-radius:30px;transform:rotate(6deg)}
.privacy-sticker{width:120px;flex-shrink:0}
.faq-sticker{width:150px;margin-top:22px}
.cta-sticker{width:150px;margin:-10px auto 4px}
.price.recommended{margin-top:0}
@media(max-width:700px){.features .section-heading{margin-bottom:84px}.feature.lavender{margin-top:62px}.feature .peek{width:92px;height:92px;top:-64px}.pricing .price.recommended{margin-top:50px}.privacy-sticker{width:92px}.faq-sticker{display:none}.cta-sticker{width:124px}.team-row:after{left:2%;right:2%}}
@media(max-width:1000px) and (min-width:701px){.feature-grid{row-gap:78px}}

/* 3D office section (cute sticker cast), below the fold with a shorter scroll than the standalone version. */
.office-story{position:relative;margin:0 auto 70px}.office-frame{--expand:0;background:#e9eff5;position:relative;width:calc(100% - 96px);margin:auto;min-height:670px;border-radius:20px;overflow:hidden}.office-canvas{width:100%;height:670px;position:relative}.office-canvas canvas{display:block;width:100%;height:100%}.office-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:24px;padding:40px}.office-fallback img{width:180px;max-height:50%;object-fit:contain}.office-fallback p{max-width:240px;font:28px/1.5 Mitr,sans-serif}.office-story.ready .office-fallback{display:none}.office-toolbar{position:absolute;left:30px;right:30px;top:23px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:2;font-size:14px;color:#324965}.office-tag{background:#ffffffc9;padding:7px 15px;border-radius:30px}.motion-toggle{font:14px Anuphan,sans-serif;min-height:44px;padding:8px 16px;border:1px solid #a6b5c9;background:#f5f8fb;color:#25324a;border-radius:30px;cursor:pointer}.story-panel{background:var(--paper);padding:30px 40px}.story-copy{margin:0 auto 28px;max-width:750px}.story-copy h2{font-size:30px}.story-copy p{font-size:17px;max-width:40ch}.story-number{color:#2c62dc;font-weight:600;font-size:14px;margin-bottom:14px}.story-number span{display:inline-flex;background:#e7f3fe;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;margin-right:8px}.chapters{display:none}.story-progress{display:none}.office-story.enhanced{height:480vh;height:480svh;margin-bottom:0}.enhanced .office-sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}.enhanced .office-frame{min-height:0;width:calc(100% - 22vw * (1 - var(--expand)));height:calc(70svh + 30svh * var(--expand));border-radius:calc(20px * (1 - var(--expand)))}.enhanced .office-canvas{position:absolute;inset:0;height:100%}.enhanced .story-panel{position:absolute;bottom:72px;left:clamp(26px,4vw,70px);width:345px;min-height:208px;background:#fffefaed;padding:27px 28px;border-radius:16px;z-index:2}.enhanced .story-copy{display:none;margin:0}.enhanced .story-copy.active{display:block}.enhanced .story-copy h2{font-size:29px}.enhanced .story-copy p{font-size:16px;margin-top:10px}.enhanced .chapters{display:flex;position:absolute;bottom:23px;left:clamp(26px,4vw,70px);gap:16px;z-index:2}.chapter-dot{color:#526079;font-size:14px;display:flex;align-items:center;gap:7px}.chapter-dot:before{content:'';height:6px;width:6px;border-radius:50%;background:#9aaabd}.chapter-dot.active{color:#204eb6;font-weight:600}.chapter-dot.active:before{background:#2c62dc}.enhanced .story-progress{display:block;position:absolute;left:0;bottom:0;height:4px;width:100%;background:#cddbed}.story-progress span{display:block;width:calc(var(--route-progress) * 100%);height:100%;background:#2c62dc}.scene-caption{position:absolute;bottom:23px;right:30px;font-size:14px;color:#41536d}.office-story:not(.enhanced) .scene-caption{position:static;text-align:center;padding:15px}.static-mode .office-canvas{height:560px}.static-mode .office-frame{width:calc(100% - 80px)}.static-mode .story-panel{display:grid;grid-template-columns:1fr 1fr;gap:26px}.static-mode .story-copy{margin:0}.static-mode .story-copy[aria-hidden]{display:block}@media(min-width:1600px){.enhanced .story-panel{left:calc((100vw - 1320px)/2)}}@media(max-width:1000px){.enhanced .story-panel{width:300px;padding:23px}.enhanced .story-copy h2{font-size:26px}.scene-caption{display:none}.office-frame{width:calc(100% - 48px)}.enhanced .office-frame{width:calc(100% - 48px * (1 - var(--expand)))}}@media(max-width:700px){.office-story.enhanced{height:440svh}.office-frame{width:calc(100% - 24px);min-height:550px}.office-canvas{height:430px}.enhanced .office-frame{width:calc(100% - 24px * (1 - var(--expand)));height:calc(88svh + 12svh * var(--expand))}.enhanced .office-canvas{inset:48px 0 auto;height:64%}.office-toolbar{left:16px;right:16px;top:12px;gap:8px}.office-tag{font-size:14px;padding:6px 10px}.motion-toggle{font-size:14px;padding:6px 10px}.enhanced .story-panel{bottom:58px;left:20px;right:20px;width:auto;min-height:0;padding:20px 22px}.enhanced .story-copy h2{font-size:25px}.enhanced .story-copy p{font-size:15px;line-height:1.65;margin-top:7px}.story-number{margin-bottom:8px}.story-number span{width:25px;height:25px}.enhanced .chapters{left:22px;right:22px;bottom:20px;gap:12px;justify-content:space-between}.chapter-dot{font-size:14px;gap:4px}.story-panel{padding:25px}.story-copy h2{font-size:25px}.office-fallback{padding:30px;flex-direction:column;gap:0}.office-fallback p{text-align:center;font-size:25px}.office-fallback img{width:120px}.static-mode .office-canvas{height:350px}.static-mode .office-frame{width:calc(100% - 24px)}.static-mode .story-panel{display:block}.static-mode .story-copy{margin-bottom:26px}}@media(max-width:359px){.enhanced .story-copy h2{font-size:22px}.enhanced .story-panel{left:14px;right:14px;padding:15px 18px}.chapter-dot{font-size:14px}.enhanced .chapters{gap:6px;left:17px;right:17px}.office-tag{padding:4px 7px}.office-toolbar{left:10px;right:10px}}/* Welcome controls stay separate from the scene and never cover its characters. */
.office-toolbar{justify-content:flex-start}.office-tag{margin-right:auto}.welcome-replay{min-height:44px;font:14px Anuphan,sans-serif;color:#204eb6;background:#fffefa;border:1px solid #a6b5c9;border-radius:30px;padding:8px 16px;cursor:pointer}.welcome-replay[hidden]{display:none}@media(max-width:700px){.office-toolbar{flex-wrap:wrap;gap:7px}.office-tag{flex-basis:100%;background:none;padding:0}.motion-toggle,.welcome-replay{padding:5px 10px;min-height:44px}.enhanced .office-canvas{top:82px;height:59%}}
.office-story{margin-top:20px}.office-story.enhanced{height:310vh;height:310svh}@media(max-width:700px){.office-story.enhanced{height:290svh}}