*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--b2e-ink);background:var(--b2e-white);font-family:var(--b2e-font-body);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #63aaff;outline-offset:5px}button{font:inherit}h1,h2,h3,p,figure{margin:0}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:110px;left:20px;padding:18px;background:white;color:var(--b2e-navy);z-index:100}.site-header{height:90px;padding:0 max(4vw,24px);display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;right:0;z-index:30;background:white;border-bottom:1px solid var(--b2e-line)}.brand{display:block;width:212px;height:76px}.brand img{width:212px;height:76px;object-fit:cover;display:block}.desktop-nav{display:flex;gap:40px;align-items:center;font-size:13px}.desktop-nav a{text-decoration:none}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:6px}.desktop-nav .nav-contact{border:1px solid var(--b2e-navy);padding:13px 20px;border-radius:6px;display:flex;gap:28px}.mobile-menu{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font:10px/1.5 var(--b2e-font-label)}.section-shell{max-width:1440px;margin:auto;padding-left:max(5vw,25px);padding-right:max(5vw,25px)}.story{--travel:6.5;position:relative;background:var(--b2e-navy);color:white}.stage{height:100svh;min-height:650px;overflow:hidden;position:sticky;top:0;background:var(--b2e-navy)}.animated-story .story{height:calc((var(--travel) + 1)*100svh)}.media-stage{position:absolute;inset:0}.story-poster,canvas{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:65% center}.story-poster{opacity:1}canvas{opacity:0;transition:opacity .25s}.has-frame canvas{opacity:1}.media-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081e45f2 0%,#081e4580 32%,#081e4500 63%),linear-gradient(0deg,#081e45 0%,transparent 19%)}.stage-top{position:absolute;left:5vw;right:5vw;top:125px;display:flex;justify-content:space-between;align-items:start;z-index:4}.stage-top p{font:11px/1.6 var(--b2e-font-label);color:#aebed6}.skip-story{font-size:11px;color:#c1d0e7;text-decoration:none;display:flex;gap:16px}.chapters{position:absolute;inset:0;z-index:5;pointer-events:none}.chapter{position:absolute;left:5vw;top:50%;transform:translateY(-46%);max-width:min(560px,44vw);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;pointer-events:none}.chapter.is-active{opacity:1;visibility:visible;pointer-events:auto}.chapter .eyebrow{color:#aac8f1;margin-bottom:23px}.chapter h1,.chapter h2{font-size:clamp(47px,5.8vw,91px);font-weight:700;line-height:1.01;letter-spacing:-.065em;text-wrap:balance}.chapter h2{font-size:clamp(43px,5.25vw,78px)}.chapter-copy{font-size:15px;line-height:1.8;color:#c0cee1;margin-top:25px;max-width:365px}.story-action{display:inline-flex;gap:36px;align-items:center;color:white;text-decoration:none;border-bottom:1px solid #7f9dbf;padding-bottom:12px;margin-top:33px;font-size:13px}.story-action:hover{border-color:white}.stage-bottom{position:absolute;bottom:35px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;z-index:7}.chapter-counter{font:11px var(--b2e-font-label);display:flex;gap:15px;align-items:center;color:#afc5e5}.chapter-counter>span:first-child{color:white}.counter-line{display:block;width:55px;height:1px;background:#6887b3}.scroll-cue{display:flex;align-items:center;gap:15px;font-size:11px;color:#bdcfe9}.scroll-mark{border:1px solid #7996bf;border-radius:30px;display:grid;place-items:center;width:27px;height:35px;font-size:18px}.scene-disclosure{font:9px var(--b2e-font-label);color:#9fb5d4}.scroll-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:#ffffff12}.scroll-progress span{display:block;height:100%;background:#659cff;transform-origin:0 50%;transform:scaleX(0)}.phone-scene{position:absolute;right:16%;top:51%;width:235px;transform:translateY(-43%) translateX(35px) rotate(5deg);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s;z-index:4;pointer-events:none}.is-ordering .phone-scene{opacity:1;visibility:visible;transform:translateY(-43%) translateX(0) rotate(0)}.is-ordering .media-stage{opacity:.25}.phone-frame{overflow:hidden;background:#f4f6f2;border:5px solid #e2e9ed;border-radius:31px;box-shadow:0 18px 90px #0006}.phone-frame img{width:100%;height:auto;display:block}.phone-label{display:flex;gap:9px;align-items:center;color:#dce9ff;font-size:11px;margin-bottom:14px}.phone-scene>p{font:9px var(--b2e-font-label);text-align:center;margin-top:15px;color:#b5cbea}.green-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;background:#80cda4;border-radius:50%}.order-status{position:absolute;left:5vw;bottom:99px;right:5vw;list-style:none;display:flex;gap:25px;padding:0;margin:0;z-index:6;opacity:0;visibility:hidden;transition:opacity .2s}.has-order .order-status{opacity:1;visibility:visible}.order-status li{display:flex;align-items:center;gap:8px;font-size:10px;color:#c6d4e8}.status-dot{width:5px;height:5px;border:1px solid #a3b9d4;border-radius:50%}.order-status li.is-current{color:white}.order-status li.is-current .status-dot{background:#76b5ff;border-color:#76b5ff;box-shadow:0 0 0 4px #76b5ff26}.order-status li.is-complete .status-dot{background:#90b5db;border-color:#90b5db}.tracking-card{position:absolute;right:10%;top:26%;width:350px;padding:25px;background:#ffffffed;color:var(--b2e-ink);border-radius:14px;z-index:4;opacity:0;visibility:hidden;box-shadow:0 25px 65px #0004}.is-tracking .tracking-card{opacity:1;visibility:visible}.tracking-title{font-size:15px;font-weight:700;display:flex;gap:9px;align-items:center}.tracking-title .green-dot{background:#148153}.route-diagram{display:flex;align-items:center;height:80px;position:relative;gap:12px}.route-origin,.route-home{width:14px;height:14px;border:3px solid #006bff;border-radius:50%;background:white;z-index:1}.route-line{position:absolute;left:8px;right:8px;top:39px;border-top:2px dashed #9bb9df}.route-van{position:absolute;left:63%;background:var(--b2e-blue);color:white;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px}.route-home{margin-left:auto;border-radius:3px;border-color:#9bb9df}.tracking-card>p:not(.tracking-title){font-size:12px}.tracking-card small{font-size:9px;color:var(--b2e-muted);display:block;margin-top:7px}.static-travel{display:none}.bridge{padding-top:125px;padding-bottom:115px}.bridge>.eyebrow{color:var(--b2e-muted);margin-bottom:30px}.bridge h2{font-size:clamp(35px,4.6vw,67px);letter-spacing:-.055em;line-height:1.06;font-weight:600}.bridge h2 em{font-style:normal;color:#637892}.bridge-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:40px}.bridge-bottom p{max-width:420px;line-height:1.8;font-size:15px;color:var(--b2e-muted)}.quiet-link{text-decoration:none;border-bottom:1px solid #8497ae;padding-bottom:12px;font-size:13px;display:flex;gap:30px;white-space:nowrap}.case-study{background:#f0f4f9;padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-heading h2{font-size:clamp(42px,5.5vw,77px);letter-spacing:-.06em;line-height:1.04;font-weight:600;margin-top:19px}.section-heading h2 span{color:#607796}.client-mark{width:130px;height:130px;object-fit:contain;background:white;border-radius:15px;padding:6px}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:60px;margin-bottom:50px}.case-lede{font-size:34px;letter-spacing:-.04em;line-height:1.16}.case-intro>div p{font-size:14px;line-height:1.85;color:var(--b2e-muted);max-width:475px}.case-intro>div p+p{margin-top:15px}.screens-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.screen-card{background:#e6edf5;border-radius:12px;padding:32px 33px 20px;min-width:0}.screen-image{max-width:252px;margin:auto;border:5px solid #fafcfe;border-radius:27px;overflow:hidden;box-shadow:0 20px 35px #18345713;background:white}.screen-image img{width:100%;height:auto;display:block}.screen-card figcaption{font-size:11px;margin-top:27px;display:flex;align-items:center;gap:14px;color:#384e6b;line-height:1.4}.screen-card figcaption span{font:10px var(--b2e-font-label);color:#6b819b}.case-footnote{display:flex;justify-content:space-between;gap:30px;margin-top:25px;color:var(--b2e-muted);font-size:10px;line-height:1.6}.case-footnote p{max-width:470px}.services{padding-top:120px;padding-bottom:120px}.section-intro{max-width:325px;font-size:15px;line-height:1.8;color:var(--b2e-muted)}.services-list{margin-top:65px;border-top:1px solid var(--b2e-line)}.service-row{border-bottom:1px solid var(--b2e-line);padding:39px 0;display:grid;grid-template-columns:50px 1.05fr 1fr 40px;gap:25px;align-items:start}.service-number{font:11px var(--b2e-font-label);color:#74879f;padding-top:8px}.service-row h3{font-size:28px;letter-spacing:-.04em;font-weight:600}.service-detail{color:#6b7f99;font-size:12px;margin-top:11px}.service-description{color:var(--b2e-muted);font-size:13px;line-height:1.85;max-width:390px}.service-link{width:37px;height:37px;border:1px solid #aebfd4;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:21px;transition:background .2s,color .2s}.service-link:hover{color:white;background:var(--b2e-blue);border-color:var(--b2e-blue)}.contact{background:var(--b2e-navy);color:white;padding:90px 0 75px}.contact .eyebrow{color:#b1c8e7;margin-bottom:30px}.contact h2{font-size:clamp(62px,8vw,112px);letter-spacing:-.065em;font-weight:600;line-height:1}.contact h2 span{color:#8cafe0}.contact-bottom{margin-top:55px;display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-bottom p{font-size:14px;color:#bfcee3;line-height:1.75}.email-action{display:flex;gap:60px;align-items:center;border-bottom:1px solid #8daacc;padding-bottom:15px;text-decoration:none;font-size:clamp(16px,2.2vw,29px);letter-spacing:-.02em}.email-action span{font-size:35px}.email-note{color:#a8bddd;font-size:10px;margin-top:25px}.site-footer{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}.footer-name{font-size:15px;font-weight:700;letter-spacing:-.035em;display:flex;gap:20px;text-decoration:none}.site-footer p{color:var(--b2e-muted)}.site-footer>button{border:0;padding:8px 0;background:none;font-size:10px;color:var(--b2e-muted);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.static-story .story{height:auto}.static-story .stage{position:relative;height:auto;min-height:0;padding:240px 5vw 80px}.static-story .media-stage{height:720px;max-height:100svh}.static-story .chapters{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:35px;pointer-events:auto}.static-story .chapter{position:relative;top:auto;left:auto;max-width:none;transform:none;visibility:visible;opacity:1;background:#081e45d9;padding:25px;pointer-events:auto}.static-story .chapter-0{grid-column:1/-1;background:none;padding:0 0 80px;max-width:650px}.static-story .chapter h2{font-size:36px}.static-story .chapter h1{font-size:75px}.static-story .chapter-copy{font-size:14px}.static-story .stage-bottom,.static-story .order-status,.static-story .phone-scene,.static-story .tracking-card,.static-story .scroll-progress{display:none}.static-story .static-travel{display:block;font-size:28px;line-height:1.4}.static-story .chapter-3 h2.sr-only{position:static;clip:auto;width:auto;height:auto;white-space:normal;margin:0 0 20px;font-size:14px}.static-story .stage-top{top:135px}.static-story .chapter .story-action{margin-top:20px}
@media(min-width:1600px){.chapter{max-width:650px}.phone-scene{width:290px;right:18%}}
@media(max-height:770px) and (min-width:801px){.phone-scene{width:195px;top:50%}.chapter{top:51%}.chapter h1{font-size:66px}.chapter h2{font-size:60px}.stage-top{top:112px}.chapter-copy{margin-top:18px;line-height:1.65}.stage-bottom{bottom:23px}.order-status{bottom:76px}}
@media(max-width:1000px){.chapter{max-width:48vw}.chapter h1{font-size:64px}.phone-scene{right:10%;width:215px}.tracking-card{right:5%;width:295px}.screens-grid{gap:15px}.screen-card{padding:20px 17px}.case-intro{gap:35px}.service-row{gap:15px;grid-template-columns:28px .9fr 1fr 37px}.service-row h3{font-size:25px}.case-footnote p{max-width:390px}.scene-disclosure{display:none}}
@media(max-width:800px){html{scroll-padding-top:25px}.site-header{height:78px;padding:0 18px}.brand,.brand img{width:174px;height:66px}.desktop-nav{display:none}.mobile-menu{display:block;position:relative;font-size:12px}.mobile-menu summary{cursor:pointer;list-style:none;display:flex;gap:18px;align-items:center;padding:16px 0}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;top:50px;right:0;background:white;box-shadow:0 12px 35px #081e4520;border:1px solid var(--b2e-line);border-radius:10px;padding:15px;display:grid;gap:4px;width:190px}.mobile-menu nav a{padding:12px;text-decoration:none}.stage{min-height:690px}.stage-top{top:105px;left:25px;right:25px}.stage-top p{font-size:9px}.skip-story{font-size:10px}.media-stage{top:240px;bottom:105px}.story-poster,canvas{object-position:73% center}.media-shade{background:linear-gradient(0deg,#081e45 0%,#081e4500 25%,#081e4500 85%,#081e45 100%)}.chapter{top:165px;left:25px;right:25px;max-width:none;transform:none}.chapter h1{font-size:48px;line-height:1.03}.chapter h2{font-size:40px;line-height:1.04;max-width:470px}.chapter .eyebrow{font-size:9px;margin-bottom:14px}.chapter-copy{font-size:12px;line-height:1.6;max-width:330px;margin-top:13px}.story-action{font-size:11px;margin-top:15px;padding-bottom:8px;gap:26px}.phone-scene{width:137px;right:calc(50% - 68px);top:380px;transform:translateY(0);max-height:calc(100svh - 490px)}.phone-frame{border-width:3px;border-radius:19px}.is-ordering .phone-scene{transform:translateY(0)}.phone-label{display:none}.phone-scene>p{font-size:8px;margin-top:8px}.is-ordering .media-stage{opacity:.12}.order-status{gap:13px;left:25px;right:25px;bottom:85px;flex-wrap:wrap}.order-status li{font-size:8px;gap:5px}.stage-bottom{bottom:29px;left:25px;right:25px}.scroll-cue{font-size:9px;gap:9px}.scroll-mark{width:20px;height:27px;font-size:13px}.chapter-counter{font-size:9px;gap:9px}.counter-line{width:25px}.tracking-card{top:410px;right:30px;width:calc(100% - 60px);max-width:330px;padding:20px}.route-diagram{height:60px}.route-line{top:29px}.bridge{padding-top:75px;padding-bottom:70px}.bridge h2{font-size:40px}.bridge-bottom{display:block;margin-top:26px}.bridge-bottom p{font-size:14px}.quiet-link{margin-top:28px;width:fit-content;white-space:normal;font-size:12px}.case-study{padding:65px 0}.section-heading{gap:25px}.section-heading h2{font-size:47px}.client-mark{width:92px;height:92px}.case-intro{grid-template-columns:1fr;gap:22px;margin:35px 0}.case-lede{font-size:29px}.screens-grid{gap:12px}.screen-card{padding:15px 10px}.screen-image{border-width:3px;border-radius:15px}.screen-card figcaption{font-size:9px;gap:7px;margin-top:17px;display:block}.screen-card figcaption span{display:block;margin-bottom:5px}.case-footnote{flex-direction:column;gap:10px}.services{padding-top:75px;padding-bottom:75px}.services .section-heading{align-items:start;flex-direction:column;gap:24px}.section-intro{font-size:14px;max-width:430px}.services-list{margin-top:35px}.service-row{grid-template-columns:24px 1fr 35px;gap:15px;padding:30px 0}.service-description{grid-column:2/3;grid-row:2;font-size:13px}.service-link{grid-column:3;grid-row:1}.service-row h3{font-size:25px}.service-detail{font-size:11px;line-height:1.5}.contact{padding:70px 0 55px}.contact h2{font-size:70px}.contact-bottom{display:block;margin-top:35px}.email-action{margin-top:30px;gap:25px;justify-content:space-between;font-size:23px}.site-footer{flex-wrap:wrap;gap:20px}.site-footer p{margin-left:auto}.static-story .stage{padding:200px 25px 50px}.static-story .chapters{grid-template-columns:1fr;gap:20px}.static-story .chapter{padding:25px 0}.static-story .chapter-0{padding-bottom:180px}.static-story .chapter h1{font-size:49px}.static-story .chapter h2{font-size:34px}.static-story .stage-top{top:105px}.static-story .media-stage{top:330px;bottom:auto;height:300px}.static-story .chapter-copy{max-width:480px}}
@media(max-width:420px){.chapter h1{font-size:43px}.chapter h2{font-size:35px}.phone-scene{top:370px;width:126px;right:calc(50% - 63px)}.chapter-copy{max-width:310px}.screens-grid{grid-template-columns:1fr;gap:20px}.screen-card{padding:30px;display:grid;grid-template-columns:1fr 90px;gap:20px;align-items:center}.screen-image{max-width:190px;border-radius:20px}.screen-card figcaption{font-size:11px;margin:0}.screen-card figcaption span{margin-bottom:12px}.contact h2{font-size:62px}.email-action{font-size:19px}.section-heading h2{font-size:41px}.order-status{gap:10px}.tracking-card{top:390px}.bridge h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:800px) and (max-height:750px){.stage{min-height:620px}.stage-top{top:98px}.chapter{top:148px}.chapter h1{font-size:40px}.chapter h2{font-size:33px}.chapter-copy{font-size:11px;margin-top:10px}.phone-scene{top:324px;width:103px;right:calc(50% - 51.5px);max-height:none}.media-stage{top:265px;bottom:90px}.stage-bottom{bottom:21px}.order-status{bottom:65px}.tracking-card{top:355px;padding:16px}.route-diagram{height:48px}.route-line{top:23px}}
/* Original B2E composition, reframed for the approved TropiGo mascot film. */
.mascot-story .media-stage{left:34%;right:0;top:50%;bottom:auto;aspect-ratio:1276/722;transform:translateY(-42%);overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,#000 30%,#000 100%)}
.mascot-story .story-poster{object-fit:contain;object-position:center}
.mascot-story .media-shade{background:linear-gradient(90deg,#081e4500 76%,#081e4540 100%),linear-gradient(0deg,#081e45 0%,#081e4500 18%,#081e4500 83%,#081e45 100%)}
.mascot-story .chapter{max-width:min(560px,43vw)}
.mascot-story .tracking-card{top:22%;right:9%}
.mascot-story .phone-scene{right:18%}
.mascot-story .is-tracking .media-stage{opacity:.72}
.mascot-story.static-story .media-stage{left:36%;right:0;top:160px;height:auto;max-height:none;transform:none}
@media(max-width:1000px) and (min-width:801px){.mascot-story .media-stage{left:34%;right:0}.mascot-story .chapter{max-width:46vw}.mascot-story .phone-scene{right:11%}.mascot-story .tracking-card{right:5%;top:23%}}
@media(max-width:800px){
.mascot-story .media-stage{left:-2%;right:-2%;top:390px;bottom:auto;height:auto;aspect-ratio:1276/722;transform:none;mask-image:none}
.mascot-story .media-shade{background:linear-gradient(90deg,#081e45 0%,#081e4500 7%,#081e4500 93%,#081e45 100%),linear-gradient(0deg,#081e45 0%,#081e4500 14%,#081e4500 88%,#081e45 100%)}
.mascot-story .chapter{max-width:none}
.mascot-story .phone-scene{right:calc(50% - 68px)}
.mascot-story .tracking-card{top:400px;right:30px}
.mascot-story.static-story .media-stage{left:-2%;right:-2%;top:365px;height:auto;max-height:none}
}
@media(max-width:420px){.mascot-story .phone-scene{right:calc(50% - 63px)}.mascot-story .tracking-card{top:390px}}
@media(max-width:800px) and (max-height:750px){.mascot-story .media-stage{top:355px}.mascot-story .phone-scene{right:calc(50% - 51.5px)}.mascot-story .tracking-card{top:355px}.mascot-story.static-story .media-stage{top:365px}}
/* Keep the still below mobile fallback copy and clear of static chapter links. */
.mascot-story.static-story .chapter{inset:auto}
.mascot-story.static-story .media-stage{left:51%;right:0;top:220px}
@media(max-width:800px){.mascot-story.static-story .chapter-0{padding-bottom:290px}.mascot-story.static-story .media-stage{left:-2%;right:-2%;top:505px}}