/* Touchable depth, colorful app navigation, and hands-on finish exploration. */
body{background-image:radial-gradient(ellipse at 2% 15%,#d7eaff45,transparent 35%),radial-gradient(ellipse at 98% 30%,#ffe58e30,transparent 32%)}
.app-header{border-bottom:2px solid #cad8e9;box-shadow:0 5px 0 #112b5005}
.header-inner{min-height:100px;padding-top:12px;padding-bottom:15px;gap:22px}
.desktop-nav{gap:20px}
.desktop-nav a{display:flex;align-items:center;gap:9px;padding:8px 1px;font-size:12px}
.menu-icon{--tile-light:#69b4ff;--tile-dark:#2463d0;--tile-edge:#153c83;position:relative;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;border:1.5px solid var(--tile-edge);color:white;background:linear-gradient(145deg,var(--tile-light),var(--tile-dark) 80%);box-shadow:0 4px 0 var(--tile-edge),0 7px 8px #112b5020,inset 0 2px 0 #ffffff90,inset -2px -3px 3px #00000012;flex-shrink:0;transition:transform .2s,box-shadow .2s}
.menu-icon:after{content:'';position:absolute;left:6px;right:6px;top:4px;height:12px;background:linear-gradient(#ffffff60,#ffffff00);border-radius:7px;pointer-events:none}
.menu-icon svg{width:21px;height:21px;stroke-width:2;filter:drop-shadow(0 1px 0 #112b5030);position:relative;z-index:1}
.nav-results .menu-icon{--tile-light:#ff91bd;--tile-dark:#db4685;--tile-edge:#8f2655}
.nav-lab .menu-icon{--tile-light:#b995ff;--tile-dark:#7952d4;--tile-edge:#482c8e}
.nav-watch .menu-icon{--tile-light:#ff9b79;--tile-dark:#ea514b;--tile-edge:#9b2f39}
.nav-estimate .menu-icon{--tile-light:#7ed9ba;--tile-dark:#249c83;--tile-edge:#155b59}
.nav-watch svg{fill:white;stroke:none;width:17px}
.desktop-nav a[aria-current=page]:after{display:none}
.desktop-nav a[aria-current=page] .menu-icon{transform:translateY(-3px);outline:3px solid #ffdb49;outline-offset:3px;box-shadow:0 6px 0 var(--tile-edge),0 9px 12px #112b5020,inset 0 2px 0 #ffffff90}
.desktop-nav a:hover .menu-icon{transform:translateY(-4px) rotate(-4deg)}
.desktop-nav a[aria-current=page]>span:last-child{color:var(--blue);font-weight:800}
.header-camera svg{width:19px;height:19px;stroke-width:2}
.header-cta{gap:11px;background:linear-gradient(145deg,#3e7aeb,#244ea9)!important;box-shadow:0 5px 0 #102d5d,inset 0 2px 0 #7d9feb}
.hero h1{letter-spacing:-.055em;text-shadow:0 3px 0 #fff}
.hero h1 em{text-shadow:0 4px 0 #c6d9fa}
.coach-world{border:3px solid #173964;background:radial-gradient(#ffffff80 1.5px,transparent 1.5px),linear-gradient(140deg,#effbff,#9ed2ff);background-size:22px 22px,auto;box-shadow:0 9px 0 #547aad,0 12px 0 #16375f,12px 24px 35px #21466c20,inset 0 5px 1px #ffffffb0;transform:perspective(1400px) rotateY(-3deg)}
.coach-sun{background:radial-gradient(circle at 30% 25%,#fff3a8,#ffdc4b 55%,#e6ad1c);box-shadow:inset 0 4px 3px #fff5ba,0 12px 25px #3c639024,0 0 0 17px #fff7c233}
.hero-coach{filter:drop-shadow(9px 14px 6px #17375435)}
.welcome-bubble{background:linear-gradient(145deg,#fff,#fff9e6);box-shadow:4px 5px 0 #6685b1,0 9px 14px #17375415;top:20px}
.coach-sticker{background:radial-gradient(circle at 25% 20%,#fff1fa,#f7badd);box-shadow:2px 4px 0 #ad6d94,inset 0 3px 0 #fff7;border-color:#643f66}
.coach-nameplate{background:linear-gradient(#fffef7,#fff0c2);box-shadow:0 5px 0 #173964,0 8px 15px #17375440,inset 0 3px 0 white}
.button.yellow{background:linear-gradient(160deg,#ffe985,#ffcc2e);box-shadow:0 5px 0 #9b6e19,0 7px 0 #112b50,inset 0 2px 0 #fff3ba}
.button.yellow:hover{box-shadow:0 7px 0 #9b6e19,0 9px 0 #112b50,inset 0 2px 0 #fff3ba}
.button.yellow:active{box-shadow:0 1px 0 #9b6e19,0 3px 0 #112b50,inset 0 2px 0 #fff3ba}
.quick-strip{margin-top:27px;gap:20px}
.quick-strip>a{transition:transform .2s,box-shadow .2s;border-color:#aac2df;background:linear-gradient(140deg,#fff,#ecf4ff);box-shadow:0 6px 0 #b5c8e2,inset 0 2px 0 white;padding:20px 17px;border-radius:22px}
.quick-strip>a:nth-child(2){background:linear-gradient(140deg,#fff,#ffe9f1);border-color:#e4b9cb;box-shadow:0 6px 0 #dfb3c6,inset 0 2px 0 white}
.quick-strip>a:nth-child(3){background:linear-gradient(140deg,#fff,#e4f7ef);border-color:#abd1c4;box-shadow:0 6px 0 #a4c9bc,inset 0 2px 0 white}
.quick-strip>a:hover{transform:translateY(-4px)}
.quick-number{height:44px;width:44px;border-radius:14px;background:linear-gradient(140deg,#ba9afa,#7650c8);border:1px solid #553891;box-shadow:0 4px 0 #553891,inset 0 2px 0 #e4d7ff;color:white;align-self:center}
.quick-number svg{width:23px;height:23px;margin:0;stroke-width:2}
.quick-results{background:linear-gradient(140deg,#ff9dc8,#d9578e);border-color:#9d305c;box-shadow:0 4px 0 #9d305c,inset 0 2px 0 #ffd8ec}
.quick-estimate{background:linear-gradient(140deg,#83dfbf,#269e86);border-color:#226e61;box-shadow:0 4px 0 #226e61,inset 0 2px 0 #c7fff0}
.quick-strip strong{font-size:12px}.quick-strip small{font-size:10px;margin-top:4px}
.comparison-module{min-width:0}
.comparison{border:3px solid #173964;box-shadow:0 6px 0 #87a4c6,0 9px 0 #173964,0 15px 28px #16375420;border-radius:24px}
.comparison-line{width:3px;box-shadow:0 0 8px #17375466}
.comparison-line>span{width:52px;height:52px;background:linear-gradient(145deg,#fff09c,#ffd03a);box-shadow:0 4px 0 #8f641c,0 6px 16px #17375455;font-weight:800;border:3px solid white}
.compare-label{border:1px solid #173964;box-shadow:0 3px 0 #17396455;border-radius:7px}
.comparison-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:21px}
.comparison-controls>div{display:flex;gap:4px;padding:4px;border-radius:14px;background:#e5edf8;border:1px solid #becde0}
.comparison-controls [data-compare-view]{font-size:10px;font-weight:800;padding:9px 12px;min-height:36px;border-radius:10px;border:1px solid transparent}
.comparison-controls [data-compare-view][aria-pressed=true]{background:white;border-color:#b2c5df;box-shadow:0 2px 0 #a9bdd7}
.reveal-play{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:var(--blue);min-height:42px;padding:6px}
.reveal-play svg{width:15px;height:15px;fill:var(--blue);stroke:none}
.original-project{font-size:11px;display:flex;padding-bottom:0}
#results .comparison-module{max-width:860px}
.reveal-copy .mini-tag{font-size:9px;color:#33578a}
.lab-teaser{background:radial-gradient(ellipse at 95% 10%,#4773cc,transparent 60%),linear-gradient(120deg,#173a7e,#315bb8);box-shadow:0 7px 0 #152f61,0 14px 24px #203d6a20;border:3px solid #142c53}
.mini-layer{box-shadow:9px 12px 0 #0002,14px 25px 22px #0003}
.top-layer{background:linear-gradient(130deg,#d5fff4,#6ed8c0);border:3px solid #c5fff0;color:#124a47}
.mid-layer{background:linear-gradient(130deg,#a3c1ef,#607db4);border-bottom:9px solid #486395}
.bottom-layer{border-bottom:12px solid #68401e}
.studio-invite{display:flex;align-items:center;gap:23px;margin-top:47px;padding-top:27px;padding-bottom:27px;max-width:1168px;background:#f0ecff;border:2px solid #b5a3dc;border-radius:24px;box-shadow:0 5px 0 #cbbce8}
.studio-icon{display:grid;place-items:center;flex-shrink:0;width:68px;height:68px;border-radius:22px;transform:rotate(-8deg);background:linear-gradient(145deg,#c4a2ff,#7860ca);border:2px solid #58428b;color:#fff4a6;box-shadow:0 6px 0 #58428b,inset 0 3px 0 #e4d0ff}
.studio-icon svg{width:34px;height:34px;stroke-width:1.8}
.studio-invite .mini-tag{font-size:8px;letter-spacing:.15em;color:#7356a6;margin-bottom:8px}
.studio-invite h3{font-size:26px}.studio-invite p{font-size:12px;margin-top:7px}.studio-invite .button{margin-left:auto;flex-shrink:0}
.sheen-studio{display:grid;grid-template-columns:1fr 1fr;border:3px solid #173964;border-radius:32px;overflow:hidden;margin:55px 0 35px;box-shadow:0 8px 0 #abc0dd,0 11px 0 #173964;background:#fffef9;scroll-margin-top:125px}
.studio-copy{padding:34px}
.studio-copy>.mini-tag{color:#6b50a3;font-size:9px;margin-bottom:17px}
.studio-copy h2{font-size:39px}.studio-copy h2 em{color:#7454b3}
.studio-copy>p{font-size:14px;margin-top:20px;line-height:1.7}
.sheen-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}
.sheen-options button{display:flex;flex-direction:column;align-items:center;padding:14px 5px;border:2px solid #d5cce9;border-radius:17px;background:#f8f5ff;box-shadow:0 4px 0 #d5cce9;min-width:0;transition:transform .2s}
.sheen-options button:hover{transform:translateY(-3px)}
.sheen-options button[aria-pressed=true]{background:#fff1a8;border-color:#aa7d21;box-shadow:0 4px 0 #aa7d21}
.sheen-options i{width:38px;height:28px;background:linear-gradient(145deg,#ce9e64,#b77b40);border-radius:6px;transform:skewY(-8deg);border-bottom:4px solid #74461f;box-shadow:0 4px 4px #17375420;margin-bottom:10px}
.sheen-options button:nth-child(2) i{background:linear-gradient(145deg,#d3ac81,#c69358 35%,#e8cda3 60%,#bf8747)}
.sheen-options button:nth-child(3) i{background:linear-gradient(145deg,#c78d4f 24%,#fff4db 33%,#fff4db 40%,#d2a26c 52%,#b97e40 80%)}
.sheen-options strong{font-size:12px}.sheen-options small{font-size:9px;color:#5c5674;margin-top:4px}
.sheen-description{border-left:3px solid #a78bcf;padding-left:14px;min-height:108px}
.sheen-description strong{font-size:14px;display:block}.sheen-description p{font-size:12px;line-height:1.7;margin-top:7px}
.studio-copy>.text-link{font-size:12px;margin-top:12px}
.sheen-stage{--light:50%;position:relative;background:radial-gradient(circle at 60% 30%,#fdf9ff,#ded6fa 65%,#c4b6e6);padding:25px 26px 20px;display:flex;flex-direction:column;min-height:500px}
.studio-stage-top{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:800;letter-spacing:.12em;color:#57477b}
.studio-stage-top>[data-icon]{margin-left:auto}.studio-stage-top svg{width:19px;height:19px;color:#8262b1}
.studio-live-dot{width:6px;height:6px;border-radius:50%;background:#8564b3;box-shadow:0 0 0 4px #8564b31a}
.sheen-room{position:relative;height:290px;perspective:800px;flex:1;min-height:280px}
.studio-window{position:absolute;top:20px;left:calc(var(--light) - 30px);width:60px;height:75px;transform:rotate(10deg);display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:#fff9;border:2px solid white;border-radius:10px;box-shadow:0 0 35px #fff;transition:left .1s}
.studio-window i{background:#fff;border-radius:2px}
.sheen-board{position:absolute;top:115px;left:6%;width:88%;height:165px;border-radius:10px;transform:rotateX(48deg) rotateZ(-18deg);transform-style:preserve-3d;background:repeating-linear-gradient(90deg,#d5a06a 0 36px,#b47d47 37px 39px,#c28b54 40px 77px,#a16b3b 78px 80px);border:2px solid #906138;border-bottom:19px solid #81522d;box-shadow:0 5px 0 #5f3e25,12px 21px 16px #5c44783b;overflow:hidden;z-index:2}
.board-grain{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 6px,#75482226 7px,transparent 8px 11px);opacity:.7}
.board-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 12%,#fff1dc20 30%,#fff8e9cc 47%,#fff5e56b 58%,transparent 78%);background-size:140% 100%;background-position:var(--light) center;opacity:.47;transition:opacity .5s,filter .5s;filter:blur(6px);mix-blend-mode:screen}
.sheen-matte .board-shine{opacity:.13;filter:blur(16px)}
.sheen-semi .board-shine{opacity:.94;filter:blur(0);background:linear-gradient(115deg,transparent 20%,#fff4ddbb 21%,#fff4ddcc 33%,transparent 34% 37%,#fff4ddcc 38% 49%,transparent 50%);background-size:140% 100%;background-position:var(--light) center}
.board-badge{position:absolute;right:13px;bottom:10px;font-size:8px;letter-spacing:.14em;color:#6b4424;font-weight:800;background:#fff4dcaa;padding:5px 9px;border-radius:5px;border:1px solid #fff8}
.studio-pedestal{position:absolute;bottom:5px;left:9%;width:82%;height:74px;border-radius:50%;background:radial-gradient(ellipse,#7c609b38,transparent 70%)}
.studio-orbit{position:absolute;left:4%;right:4%;top:90px;height:170px;border:1px dashed #a38ab36b;border-radius:50%;transform:rotate(-12deg)}
.studio-light-control{position:relative;z-index:2;background:#fffc;border:1.5px solid #b7a3cf;border-radius:17px;padding:14px 16px;margin-top:10px}
.studio-light-control label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#57477b}.studio-light-control label span{color:#ba862a;font-size:18px;line-height:1}
.studio-light-control input{width:100%;accent-color:#7a53b6;margin:13px 0 5px;cursor:ew-resize;height:22px}
.studio-light-control>div{display:flex;justify-content:space-between;font-size:9px;color:#776487}
.studio-note{font-size:10px;line-height:1.6;color:#635471;margin-top:13px}
.floor-scene{background-image:radial-gradient(#91b0d666 1px,transparent 1px),linear-gradient(140deg,#f4f9ff,#cee0fa);background-size:20px 20px,auto}
.old-finish{border-bottom-width:12px;box-shadow:2px 8px 10px #34567b26}
.new-finish{border-bottom-width:11px;box-shadow:0 0 19px #77dcc74d}
.wood-layer{border-bottom-width:20px;box-shadow:7px 25px 23px #34567b38}
.molecule-demo.on .molecules circle{filter:drop-shadow(0 0 6px #f5ce4377)}
.lesson-step b{box-shadow:0 3px 0 #bbc5d1;transform:translateY(-1px)}
.lesson-step.selected b{box-shadow:0 3px 0 #163d84}
.knowledge-card{background:radial-gradient(ellipse at 90% 0,#fdf1ff,#ded4fc);box-shadow:0 7px 0 #9481c4,0 10px 0 #173964}
.earned-badge{position:relative}.badge-sparkles{position:absolute;left:-35px;right:-35px;top:-8px;display:flex;justify-content:space-between;font-size:24px;color:#9a6a12;animation:badge-spark 1s ease both}.badge-sparkles i{font-style:normal;transform:translateY(-25px)}
@keyframes badge-spark{0%{opacity:0;transform:translateY(20px) scale(.6)}50%{opacity:1;transform:translateY(-5px) scale(1.1)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px){.brand-label{display:none}.desktop-nav{gap:16px}.desktop-nav a{font-size:11px;gap:7px}.header-inner{gap:20px}.header-cta{padding:13px;font-size:11px}.studio-invite{margin-left:32px;margin-right:32px}.studio-copy{padding:26px}.studio-copy h2{font-size:34px}.sheen-stage{padding:24px 21px}.sheen-options{gap:7px}.quick-strip>a{padding:17px 13px}.quick-number{width:37px;height:39px}.quick-strip strong{font-size:11px}.quick-strip small{font-size:9px}}
@media(max-width:900px) and (min-width:761px){.desktop-nav a{flex-direction:column;gap:6px;font-size:10px}.desktop-nav{gap:20px}.menu-icon{height:31px;width:31px;border-radius:10px}.menu-icon svg{width:18px;height:18px}.header-camera{display:none}.header-inner{min-height:92px}.hero{gap:25px}.hero h1{font-size:48px}.quick-number{width:32px;height:34px}.quick-strip>a{gap:9px}.quick-strip small{font-size:8px}.studio-invite h3{font-size:23px}.studio-invite .button{font-size:11px;padding:13px}.sheen-options strong{font-size:10px}.sheen-options small{font-size:8px}}
@media(max-width:760px){
 body{padding-bottom:100px}.header-inner{min-height:76px;padding:10px 22px 14px;gap:12px}.header-cta{font-size:9px;padding:10px 11px;gap:8px;min-height:39px}.header-camera svg{width:17px;height:17px}.brand img{width:110px}
 .desktop-nav{display:none}
 .bottom-nav{border-top:2px solid #bdcde2;background:linear-gradient(#fff,#edf4ff);padding:12px 7px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #1c3e6818;gap:3px}
 .bottom-nav a{padding:0 0 2px;gap:8px;min-height:62px;color:#456078;justify-content:flex-end}
 .bottom-nav a:before{display:none!important}
 .bottom-nav .menu-icon{width:37px;height:37px;border-radius:12px;box-shadow:0 4px 0 var(--tile-edge),0 6px 7px #112b501a,inset 0 2px 0 #ffffff90}
 .bottom-nav svg{width:22px;height:22px;stroke-width:2}.bottom-nav .nav-watch svg{width:17px;height:17px}
 .bottom-nav small{font-size:9px;font-weight:800;line-height:1.3}
 .bottom-nav a[aria-current=page]{color:#103862}
 .bottom-nav a[aria-current=page] .menu-icon{transform:translateY(-4px);outline:3px solid #ffda48;outline-offset:3px;box-shadow:0 6px 0 var(--tile-edge),0 9px 11px #112b5030,inset 0 2px 0 #ffffff90}
 .hero{padding-top:22px;gap:32px}.hero h1{font-size:clamp(39px,11.8vw,54px)}
 .coach-world{transform:none;height:335px;box-shadow:0 7px 0 #547aad,0 10px 0 #16375f,7px 17px 22px #21466c1c}
 .welcome-bubble{top:12px;box-shadow:3px 4px 0 #6685b1;padding:9px 11px}.coach-sticker{box-shadow:2px 3px 0 #ad6d94}
 .hero-coach{filter:drop-shadow(6px 9px 5px #17375435)}
 .quick-strip{margin-top:25px;gap:16px}.quick-strip>a{padding:17px 15px;gap:15px}.quick-number{width:42px;height:43px;flex-shrink:0}.quick-strip strong{font-size:12px}.quick-strip small{font-size:10px}
 .comparison{border-radius:19px;border-width:2px;box-shadow:0 5px 0 #87a4c6,0 7px 0 #173964,0 10px 15px #16375420}.comparison-line>span{height:43px;width:43px;font-size:21px}
 .comparison-controls{gap:7px;margin-top:18px}.comparison-controls [data-compare-view]{font-size:9px;min-height:33px;padding:7px 10px}.comparison-controls>div{padding:3px;gap:2px}.reveal-play{font-size:10px;gap:5px;padding:4px}.reveal-play svg{width:12px;height:12px}
 .reveal-copy .mini-tag{font-size:8px}.original-project{font-size:10px}
 .lab-teaser{box-shadow:0 6px 0 #152f61,0 10px 20px #203d6a20}
 .studio-invite{margin:35px 22px 0;padding:24px 20px;gap:15px;flex-wrap:wrap;border-radius:22px;display:grid;grid-template-columns:48px 1fr}
 .studio-icon{width:45px;height:48px;border-radius:14px}.studio-icon svg{width:26px;height:26px}.studio-invite h3{font-size:23px}.studio-invite .mini-tag{font-size:7px;letter-spacing:.1em;margin-bottom:7px}.studio-invite p{font-size:11px}.studio-invite .button{grid-column:1/-1;justify-self:start;margin:5px 0 0;font-size:11px;min-height:43px}
 .sheen-studio{grid-template-columns:1fr;margin:30px 0 32px;border-radius:24px;border-width:2px;scroll-margin-top:96px;box-shadow:0 6px 0 #abc0dd,0 8px 0 #173964}
 .studio-copy{padding:25px 22px}.studio-copy h2{font-size:33px}.studio-copy>.mini-tag{font-size:7px;letter-spacing:.12em}.studio-copy>p{font-size:12px;margin-top:17px}.sheen-options{gap:8px;margin:22px 0}.sheen-options button{padding:12px 3px;border-radius:14px}.sheen-options strong{font-size:11px}.sheen-options small{font-size:8px}.sheen-options i{width:32px;height:25px}.sheen-description{min-height:112px}.sheen-description strong{font-size:13px}.sheen-description p{font-size:11px}.studio-copy>.text-link{font-size:11px;margin-top:7px}
 .sheen-stage{min-height:440px;padding:22px 18px 17px}.studio-stage-top{font-size:7px}.sheen-room{height:258px;min-height:258px;flex:none}.sheen-board{top:112px;height:136px;left:4%;width:92%;border-bottom-width:16px}.studio-window{top:16px;width:49px;height:61px}.studio-orbit{top:80px;height:155px}.studio-pedestal{bottom:-5px}.board-badge{font-size:7px;padding:4px 7px;bottom:9px}.studio-light-control{margin-top:13px;padding:12px 14px}.studio-note{font-size:9px;margin-top:12px}
 .knowledge-card{box-shadow:0 6px 0 #9481c4,0 8px 0 #173964}.badge-sparkles{font-size:20px}
 #toast{bottom:108px}.source-notes{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.menu-icon,.quick-strip>a,.sheen-options button,.board-shine,.studio-window{transition:none!important}.badge-sparkles{animation:none!important}}

/* The actual Truman fleet, reimagined as a short, user-controlled cartoon tour. */
.fleet-tour{position:relative;margin-top:56px;margin-bottom:65px;border:3px solid #102c57;border-radius:32px;background:radial-gradient(ellipse at 70% 0,#3f70c6,transparent 65%),#183d7c;color:white;box-shadow:0 9px 0 #102c57,0 17px 28px #17375420;overflow:hidden;padding:0;max-width:1168px}
.fleet-top{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:12px;padding:35px 34px 0}
.fleet-intro{padding:12px 0 25px}.fleet-intro .eyebrow{color:#ffe17b;font-size:10px}.fleet-intro h2{font-size:43px;line-height:1.06;color:#fff;text-shadow:0 3px 0 #102c57}.fleet-intro h2 em{font-style:normal;color:#ffdf62}.fleet-intro p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:340px;color:#e2edff;margin:18px 0 23px}.fleet-intro .button{font-size:12px}
.fleet-stage{position:relative;isolation:isolate;min-width:0;min-height:310px;display:flex;align-items:center;padding:35px 0 10px}
.fleet-halo{position:absolute;inset:15px 10% 8%;border:1px solid #c4dcff40;border-radius:50%;background:radial-gradient(ellipse,#9fbeff29,transparent 72%);transform:rotate(-12deg);z-index:-1}
.fleet-halo:before,.fleet-halo:after{content:'✦';position:absolute;font-size:27px;color:#ffe16e;top:17%;right:3%}.fleet-halo:after{left:2%;top:48%;font-size:18px;color:#bde6ff}
.fleet-vans{position:relative;width:100%;height:auto;filter:drop-shadow(0 16px 8px #071b4144);z-index:2;transform:rotate(-2deg);transform-origin:50% 85%}
.fleet-road{position:absolute;left:1%;right:0;bottom:24px;height:55px;border-radius:50%;background:#071c45;transform:rotate(-2deg);box-shadow:0 7px 0 #112c56;overflow:hidden;z-index:0}
.fleet-road:after{content:'';position:absolute;left:5%;right:5%;bottom:10px;height:3px;background:repeating-linear-gradient(90deg,#ffd45a 0 18px,transparent 18px 32px)}
.fleet-sign{position:absolute;top:0;right:13%;border:2px solid #102c57;border-radius:12px;box-shadow:0 4px 0 #102c57;background:#fff0ad;color:#163765;padding:10px 13px;font-size:8px;font-weight:800;letter-spacing:.1em;transform:rotate(3deg);z-index:3;max-width:90%;text-align:center}
.fleet-stage[data-stop="1"] .fleet-sign{background:#ffe2f0}.fleet-stage[data-stop="2"] .fleet-sign{background:#c9f4e8}
.fleet-stops{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 34px 0}
.fleet-stops button{display:flex;gap:12px;align-items:center;padding:14px 16px;border:2px solid #638bc6;border-radius:15px;color:#e8f2ff;background:#254e90;box-shadow:0 4px 0 #112d60;min-width:0;text-align:left}
.fleet-stops button b{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;flex-shrink:0;font-size:10px;background:#112c5c;color:#fff}
.fleet-stops button span{font-size:12px;font-weight:800}.fleet-stops button[aria-pressed=true]{color:#152f56;background:linear-gradient(#fff1b8,#ffdc69);border-color:#ffeeba;box-shadow:0 4px 0 #9a7525}.fleet-stops button[aria-pressed=true] b{background:#173b75;color:#ffe383}.fleet-stops button:hover{transform:translateY(-2px)}
.fleet-stop-copy{margin:24px 34px 30px;padding:22px 24px;background:#102b5b;border:1px solid #5c82ba;border-radius:18px;min-height:158px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.fleet-stop-copy h3{font-size:22px;color:white}.fleet-stop-copy p{font-size:12px;line-height:1.8;color:#d9e7ff;margin-top:9px;max-width:580px}.fleet-stop-copy .text-link{color:#ffe38a;font-size:12px;white-space:nowrap}.fleet-art-note{font-size:9px;text-align:right;padding:0 34px 18px;color:#bbceee}
.fleet-vans.rolling{animation:truman-roll 1.25s cubic-bezier(.2,.7,.25,1) both}
@keyframes truman-roll{0%{transform:translateX(0) rotate(-2deg)}30%{transform:translateX(40px) translateY(-5px) rotate(0)}70%{transform:translateX(-12px) rotate(-3deg)}85%{transform:translateX(3px) translateY(-3px) rotate(-1deg)}100%{transform:translateX(0) rotate(-2deg)}}
.fleet-estimate{margin-top:24px;display:flex;align-items:center;gap:14px;padding:18px;background:#edf3ff;border:1px solid #afc3e1;border-radius:22px;box-shadow:0 5px 0 #cad8ed}.fleet-estimate img{width:57%;height:auto;filter:drop-shadow(0 5px 4px #17375420)}.fleet-estimate strong{font-size:15px;line-height:1.4;display:block}.fleet-estimate small{display:block;color:#46658e;font-size:10px;line-height:1.6;margin-top:5px}
@media(max-width:760px){.fleet-tour{width:calc(100% - 36px);margin-top:36px;margin-bottom:44px;border-radius:27px}.fleet-top{grid-template-columns:1fr;padding:22px 20px 0;gap:0}.fleet-intro{padding:5px 0 25px}.fleet-intro h2{font-size:36px}.fleet-intro p:not(.eyebrow){font-size:13px;margin:14px 0 19px}.fleet-stage{min-height:210px;padding-top:37px}.fleet-road{bottom:16px;height:39px}.fleet-sign{font-size:7px;padding:9px 10px;top:0;right:12%}.fleet-stops{gap:7px;margin:14px 16px 0}.fleet-stops button{flex-direction:column;gap:8px;text-align:center;padding:12px 4px;border-radius:13px}.fleet-stops button span{font-size:10px}.fleet-stops button b{width:24px;height:24px;font-size:9px}.fleet-stop-copy{grid-template-columns:1fr;margin:21px 16px 20px;padding:18px;gap:9px;min-height:235px}.fleet-stop-copy h3{font-size:23px}.fleet-stop-copy .text-link{font-size:12px;white-space:normal;justify-self:start}.fleet-art-note{text-align:center;padding:0 16px 18px;font-size:8px}.fleet-estimate{padding:14px;gap:10px}.fleet-estimate strong{font-size:13px}.fleet-estimate small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.fleet-vans.rolling{animation:none}.fleet-stops button{transition:none}}