@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/latele-site/assets/fonts/manrope-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/latele-site/assets/fonts/manrope-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/latele-site/assets/fonts/manrope-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/latele-site/assets/fonts/manrope-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/latele-site/assets/fonts/manrope-4.ttf) format('truetype');
}


@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/latele-site/assets/fonts/space-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/latele-site/assets/fonts/space-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/latele-site/assets/fonts/space-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/latele-site/assets/fonts/space-3.ttf) format('truetype');
}


/* style.css */
:root{--paper:#f7f7ed;--ink:#25143e;--purple:#8556f3;--violet:#6c3cda;--acid:#e4f3a3;--line:#d9d7ce;--soft:#eeecf3;--font:'Manrope',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bd6bdb;outline-offset:5px}::selection{background:var(--purple);color:white}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;padding:14px 22px;background:var(--ink);color:white;z-index:1000}.skip:focus{top:20px}.section-wrap{width:min(1440px,100%);margin-inline:auto;padding-inline:5vw}.section-space{padding-block:110px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.8;margin:0;text-transform:uppercase;display:flex;align-items:center;gap:10px}.signal-dot{width:7px;height:7px;display:inline-block;flex:none;background:var(--purple);border-radius:50%;box-shadow:0 0 0 4px #8556f317}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.section-mark{font-size:45px;line-height:1}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.065em;line-height:1.04}h2{font-size:clamp(42px,4.8vw,72px);margin-bottom:28px}h2 em{font-style:normal;color:var(--purple)}h3{font-family:var(--display);letter-spacing:-.03em;line-height:1.25;font-size:25px;font-weight:500}.body-large{font-size:16px;line-height:1.85;color:#655d70;margin-bottom:20px}.muted{color:#aaa0b7;font-size:13px;line-height:1.85}.fine-print{font-size:10px;line-height:1.7;color:#756d7a;margin:14px 0 0}.button{min-height:54px;padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:100px;font-size:12px;font-weight:800;border:1px solid transparent;transition:transform .25s,background .25s;line-height:1.4}.button:hover{transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.button-purple{background:var(--purple);color:#fff}.button-purple:hover{background:#7041dd}.button-ink{background:var(--ink);color:var(--paper)}.button-cream{background:var(--paper);color:var(--ink)}.button-outline{background:transparent;color:var(--paper);border-color:#ffffff70}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:800;border-bottom:1px solid transparent}.text-link:hover{border-color:currentColor}.play-circle{height:32px;width:32px;border:1px solid #ccc4db;border-radius:50%;display:grid;place-items:center;font-size:9px}.scroll-progress{height:3px;background:var(--purple);width:0;position:fixed;inset:0 auto auto 0;z-index:101}.site-header{height:94px;padding:0 5vw;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;background:#f7f7edf5;backdrop-filter:blur(15px)}.brand{display:inline-flex;gap:10px;align-items:center;flex-shrink:0}.brand-icon{width:38px;height:38px;border-radius:7px}.brand-word{width:145px;height:auto}.desktop-nav{display:flex;gap:28px;font-size:11px;font-weight:700}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:-6px;left:0;right:100%;height:2px;background:var(--purple);transition:right .2s}.desktop-nav a:hover:after{right:0}.header-tools{display:flex;align-items:center;gap:25px}.languages{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:800}.languages a{opacity:.45}.languages a[aria-current=page]{opacity:1}.languages>span{opacity:.25}.header-contact{border:1px solid var(--ink);padding:10px 20px;border-radius:99px;font-size:11px;font-weight:800;display:flex;gap:22px;align-items:center}.header-contact span{font-size:18px}.menu-toggle{display:none;background:none;border:none;width:40px;height:42px;padding:9px}.menu-toggle span{height:2px;background:var(--ink);width:22px;display:block;margin:6px 0}.mobile-nav{position:fixed;inset:74px 0 auto;z-index:99;background:var(--paper);padding:24px 6vw 35px;box-shadow:0 30px 40px #25143e20;display:flex;flex-direction:column;gap:17px;font-family:var(--display);font-size:26px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:4vw;align-items:center;padding-top:60px;padding-bottom:72px;min-height:740px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(64px,6.7vw,105px);margin:29px -20px 25px 0;position:relative}.hero h1>span{color:var(--purple)}.hero-star{fill:var(--purple);width:60px;position:absolute;right:9%;bottom:8%;animation:slow-spin 30s linear infinite}.hero-text{font-size:14px;line-height:1.85;color:#655d70;max-width:380px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:46px;font-size:8px;letter-spacing:.09em;font-weight:700;color:#746a82}.tiny-cross{font-size:22px;color:var(--purple);font-weight:400}.hero-visual{position:relative;align-self:stretch;min-height:570px;margin-top:14px}.hero-image{position:absolute;inset:0 0 49px;border-radius:130px 12px 12px 12px;overflow:hidden;background:#b6a2cb}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 43%;transition:transform 1s}.hero-visual:hover .hero-image>img{transform:scale(1.035)}.image-tint{position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#20113190)}.photo-credit{position:absolute;bottom:19px;left:23px;font-size:8px;color:#fff;letter-spacing:.12em}.visual-corner{position:absolute;top:19px;left:25px;font-size:8px;line-height:1.6;font-weight:800;z-index:2;color:var(--ink);letter-spacing:.03em;background:var(--paper);padding:9px 12px;border-radius:4px}.hero-sticker{position:absolute;top:32px;right:-16px;width:125px;height:125px;background:var(--acid);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;font-family:var(--display);font-size:20px;font-weight:600;transform:rotate(12deg);box-shadow:0 3px 0 #b9ce70}.hero-sticker svg{position:absolute;width:51px;bottom:-29px;left:-4px;fill:none;stroke:var(--ink);stroke-width:3;transform:rotate(40deg)}.screen-reticle{position:absolute;left:23%;right:18%;top:29%;height:35%;opacity:.6;pointer-events:none}.screen-reticle span{position:absolute;width:20px;height:20px;border-color:white;border-style:solid}.screen-reticle span:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.screen-reticle span:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.screen-reticle span:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.screen-reticle span:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.hero-channel{position:absolute;inset:auto 0 0;display:flex;height:49px;align-items:center;gap:13px;font-size:9px;letter-spacing:.08em}.hero-channel>span:nth-of-type(2){margin-left:auto;font-size:8px}.power-button{width:30px;height:30px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:20px;display:grid;place-items:center;line-height:1}.corner-label{position:absolute;top:55%;right:-24px;writing-mode:vertical-rl;letter-spacing:.12em;font-size:8px}.ticker{overflow:hidden;background:var(--acid);color:var(--ink);border-block:1px solid #ccd98f;padding:17px 0;transform:rotate(-1.2deg);width:100%;contain:layout}.ticker>div{display:flex;width:max-content;animation:ticker 40s linear infinite;gap:36px}.ticker span{font-family:var(--display);font-size:31px;font-weight:600;letter-spacing:-.03em;white-space:nowrap}.ticker b{color:var(--purple);font-size:28px}.intro-heading,.location-heading,.clients-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:start}.intro-heading .body-large{padding-top:5px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.benefit{border-top:1px solid var(--line);padding-top:25px}.benefit-number{font-size:11px;color:var(--purple);font-weight:700;margin-bottom:23px;display:flex;justify-content:space-between}.benefit-number span{font-size:26px;line-height:1}.benefit h3{font-size:23px;margin-bottom:13px}.benefit p{color:#6b6373;font-size:12px;line-height:1.9}.specs{margin-top:55px;background:#eeecdf;border-radius:12px;display:grid;grid-template-columns:1fr 1.6fr 1fr .8fr;padding:28px 30px;align-items:center;gap:25px}.spec-label{font-size:9px;letter-spacing:.07em;font-weight:700;max-width:110px}.specs>div{display:flex;flex-direction:column;border-left:1px solid #d6d2c7;padding-left:25px}.specs strong{font-family:var(--display);font-size:30px;font-weight:500;line-height:1.4;letter-spacing:-.04em}.specs div span{font-size:10px;color:#746b7b}.spec-foot{font-size:9px}.live-section{background:#21142f;color:var(--paper);position:relative;overflow:hidden}.live-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 45%,#6b3eb226,transparent 55%);pointer-events:none}.live-section>.section-wrap{position:relative}.live-section .eyebrow{color:#b7a5d3}.live-section-badge{border:1px solid #51445f;border-radius:100px;padding:7px 13px;display:flex;align-items:center;gap:8px;font-size:10px}.live-section-badge i{width:5px;height:5px;background:var(--acid);border-radius:50%}.live-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.live-copy h2{font-size:clamp(55px,6vw,85px)}.live-copy .body-large{color:#b7acbf;max-width:340px;font-size:14px}.live-wave{font-size:27px;color:#a67aff;letter-spacing:3px;margin:28px 0 35px;opacity:.8}.live-copy h3{font-size:20px;margin-bottom:12px}.playlist{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:0}.playlist li{border-top:1px solid #ffffff17}.playlist button{background:transparent;border:0;padding:15px 0;color:#a89ab6;display:flex;align-items:center;gap:15px;width:100%;text-align:left;font-size:11px}.playlist button span:first-child{font-family:var(--display);font-size:12px;color:#7a668b}.playlist button span:last-child{margin-left:auto;font-size:10px}.playlist button[aria-pressed=true]{color:var(--acid)}.playlist button[aria-pressed=true] span:first-child{color:var(--acid)}.tv-unit{background:linear-gradient(145deg,#3e304e,#2b1d3c);border:1px solid #685477;border-radius:22px;padding:19px;box-shadow:14px 18px 0 #150b20,0 0 80px #a25de60b;transform:rotate(1.3deg)}.tv-topline{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:12px;letter-spacing:.08em;margin:0 3px 16px}.demo-badge{font-family:var(--font);font-size:8px;letter-spacing:.1em;color:var(--acid);border:1px solid #817a5366;padding:4px 8px;border-radius:99px}.signal-bars{color:#9b85ad;font-size:13px}.player{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#8556f3;border:5px solid #160d20;box-shadow:inset 0 0 15px #000;isolation:isolate}.player:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;display:grid;place-items:center;background:#160d20}.player:fullscreen #demo-stage{position:relative;aspect-ratio:1;height:100%;max-width:100vw;max-height:100vw}.player-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:11%;background:#8556f3;color:var(--paper)}.player-slide:nth-child(2){background:var(--acid);color:var(--ink)}.player-slide:nth-child(3){background:#33215c}.player-slide>img.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.player-slide .slide-kicker{position:relative;font-size:8px;font-weight:800;letter-spacing:.12em;line-height:1.8}.player-slide h3{font-family:var(--display);font-size:clamp(38px,5vw,78px);line-height:.95;font-weight:600;letter-spacing:-.06em;position:relative;margin:8% 0}.player-slide p{font-size:9px;position:relative;letter-spacing:.09em;line-height:1.7;margin:0}.slide-logo{position:absolute;bottom:8%;left:11%;width:100px;height:auto}.player-slide .slide-shape{width:180px;height:180px;border:25px solid #f7f7dd1f;border-radius:50%;position:absolute;right:-40px;bottom:20px;animation:float 4s ease-in-out infinite}.player-slide:nth-child(2) h3{font-size:clamp(72px,10vw,150px)}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000000c 0,#0000000c 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply;z-index:2;opacity:.7}.player-osd{position:absolute;top:12px;left:13px;right:13px;display:flex;justify-content:space-between;font-family:monospace;font-size:9px;letter-spacing:1px;z-index:3;color:#fff;mix-blend-mode:difference}.player-controls{display:flex;align-items:center;gap:12px;margin-top:15px}.icon-button{background:transparent;border:0;color:var(--paper);padding:0;min-width:28px;height:34px;font-size:16px;display:grid;place-items:center}.icon-button:hover{color:var(--acid)}#player-time{font-size:8px;white-space:nowrap;color:#bcb0c8}#player-seek{width:100%;min-width:0;accent-color:var(--acid);height:3px;cursor:pointer}.demo-note{font-size:9px;line-height:1.7;color:#c1b4cc;margin:13px 3px 1px}#live-video{width:100%;height:100%;object-fit:contain}.offer-section{position:relative;isolation:isolate;overflow:hidden;background:#2d195c;color:var(--paper);padding-block:95px}.offer-art{position:absolute;inset:0;z-index:-2}.offer-art img{width:100%;height:100%;object-fit:cover;object-position:48% center}.offer-section:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#180b3bd9 0%,#1c104365 60%,#2414434d)}.offer-layout{display:grid;grid-template-columns:1.25fr .85fr;gap:9vw;align-items:center}.offer-copy h2{font-size:clamp(55px,6.2vw,92px);margin:38px 0 25px}.offer-copy h2 em{color:var(--acid)}.offer-copy .body-large{color:#ece0ff;max-width:360px}.offer-copy .eyebrow{color:var(--acid);font-size:9px;max-width:300px}.art-caption{font-size:8px;letter-spacing:.06em;display:block;margin-top:80px;color:#e6daf2}.offer-card{background:var(--paper);color:var(--ink);padding:33px 35px;border-radius:14px;transform:rotate(2deg);box-shadow:0 20px 50px #0b061c55;position:relative}.offer-card:before{content:'';position:absolute;top:-13px;left:calc(50% - 42px);width:84px;height:27px;background:#c7a5ff99;backdrop-filter:blur(3px);transform:rotate(-7deg)}.offer-card-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;line-height:1.4;letter-spacing:.15em;font-weight:800}.offer-card-top svg{width:35px;fill:var(--purple)}.price{font-family:var(--display);font-size:clamp(95px,10vw,150px);line-height:1;letter-spacing:-.08em;margin:20px 0 0;font-weight:600}.price>span{font-size:.49em;margin-left:4px;vertical-align:top;display:inline-block;padding-top:13px}.price-tax{font-size:13px;font-weight:800;margin:2px 0 13px}.contract-label{font-size:9px;padding:5px 10px;border-radius:100px;border:1px solid #d8d2df}.offer-features{list-style:none;padding:18px 0;margin:14px 0 8px;border-top:1px dashed #c7bfce;display:flex;flex-direction:column;gap:10px}.offer-features li{display:flex;gap:10px;font-size:11px;line-height:1.5}.offer-features li:before{content:'✓';color:var(--purple);font-weight:800}.offer-card .button{width:100%;font-size:11px;padding-inline:15px;gap:15px;justify-content:space-between}.offer-card .fine-print{font-size:9px}.location-heading{margin-bottom:38px}.location-heading .text-link{margin-top:7px}.map-shell{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#ecebe2}.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 25px;background:var(--paper);border-bottom:1px solid var(--line)}.map-place{font-size:9px;font-weight:800;letter-spacing:.1em;display:flex;align-items:center;gap:9px}.map-place i{width:6px;height:6px;background:var(--purple);border-radius:50%}.map-toolbar>div{display:flex;gap:8px}.map-button{border:0;background:var(--purple);color:white;font-size:10px;font-weight:700;min-height:38px;padding:9px 16px;border-radius:99px;display:flex;gap:20px;align-items:center}.map-button.secondary{background:transparent;border:1px solid #d0c8dc;color:var(--ink)}.illustrated-map{position:relative;overflow:hidden;height:560px;background:#eae9df}.city-map{width:100%;height:100%;display:block}.city-map .block{fill:#e0decf;stroke:#d3d0c0;stroke-width:1}.city-map .roof{fill:#dad7c8}.city-map .road{stroke:#fcfcf5;stroke-width:26;fill:none;stroke-linecap:round;stroke-linejoin:round}.city-map .small-road{stroke-width:16}.city-map .street-name{font-size:11px;fill:#82778b;font-family:var(--font);letter-spacing:.04em}.city-map .landmark{font-size:11px;fill:var(--ink);font-family:var(--display);font-weight:600}.city-map .map-tree{fill:#c3c99f;stroke:#eae9df;stroke-width:3}.city-map .route-track{stroke:#8556f340;stroke-width:5;stroke-dasharray:2 11;stroke-linecap:round;fill:none}.city-map .route-progress{stroke:var(--purple);stroke-width:5;stroke-linecap:round;fill:none;stroke-dasharray:1;stroke-dashoffset:1}.city-map .destination-ring{fill:none;stroke:var(--purple);stroke-width:2;opacity:.35;transform-origin:590px 229px;animation:map-pulse 3s ease-out infinite}.map-message{position:absolute;bottom:40px;left:24px;background:var(--paper);padding:11px 15px;max-width:calc(100% - 48px);font-size:10px;border-radius:9px;box-shadow:0 4px 18px #25143e09}.map-caption{position:absolute;bottom:10px;left:25px;font-size:8px;color:#807389;margin:0}.walking-limb{transform-box:fill-box;transform-origin:center top}.walking .left-leg,.walking .right-arm{animation:walk .4s ease-in-out infinite alternate}.walking .right-leg,.walking .left-arm{animation:walk .4s ease-in-out infinite alternate-reverse}.mascot-body{filter:drop-shadow(2px 5px 2px #3b1c5120)}.mascot-eye{transform-box:fill-box;transform-origin:center;animation:blink 6s infinite}.map-arrived #walking-mascot .right-arm{transform:rotate(-70deg)}.real-map{height:560px;background:#eae9df}.real-map iframe{width:100%;height:100%;border:0}.map-consent{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.map-consent p{font-size:14px;max-width:300px}.clients-section{background:#eeeaf5}.clients-heading{align-items:end}.clients-heading .body-large{font-size:14px}.client-search{display:flex;align-items:center;gap:12px;background:#f7f7ed;border:1px solid #d8cfdf;padding:10px 15px;border-radius:100px;max-width:360px;margin-bottom:30px}.client-search>span:first-child{font-size:22px;line-height:1}.client-search input{background:transparent;border:none;outline:none;min-width:0;width:100%;font-size:11px;height:25px}.client-search #client-count{background:#e7dff5;font-size:10px;border-radius:40px;padding:3px 7px}.client-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:38px}.client-pill{margin:0;flex:0 1 calc(20% - 13px);min-width:160px;background:var(--paper);border:1px solid #dfd7e7;border-radius:100px;min-height:91px;padding:15px 18px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s,box-shadow .3s}.client-pill:hover{transform:translateY(-5px) rotate(-2deg);box-shadow:0 10px 20px #4e2c6c0b}.client-pill:nth-child(3n):hover{transform:translateY(-5px) rotate(2deg)}.client-pill svg{width:100%;height:52px}.client-pill svg.original-logo{filter:brightness(0) saturate(100%) invert(10%) sepia(22%) saturate(2399%) hue-rotate(225deg) brightness(91%) contrast(98%)}.client-pill figcaption{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:9px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:2}.client-pill:hover figcaption{opacity:1}.client-note{text-align:center;margin-top:35px}.process-section>h2{margin-top:28px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px;counter-reset:step}.process-step{border-top:1px solid var(--line);padding-top:22px}.process-step .step-icon{font-family:var(--display);font-size:48px;line-height:1;margin-bottom:25px;color:var(--purple);display:flex;justify-content:space-between;align-items:center}.step-icon span{font-size:25px;color:#c5bccf}.process-step h3{font-size:23px}.process-step p{font-size:12px;color:#706678;line-height:1.9}.faq-section{padding-top:10px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-section h2{margin-top:24px;font-size:50px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{padding:23px 34px 23px 0;list-style:none;font-size:13px;font-weight:800;position:relative;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:19px;font-size:23px;font-weight:400;color:var(--purple)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;line-height:1.9;color:#706678;max-width:95%;margin-bottom:25px}.faq-mascot{position:relative;width:140px;margin-top:35px;transform:rotate(-7deg)}.faq-mascot>svg{width:100%}.faq-mascot>span{position:absolute;right:-20px;top:2px;background:var(--acid);width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-family:var(--display);transform:rotate(12deg)}.contact-section{background:var(--purple);color:var(--paper);position:relative;overflow:hidden;padding-bottom:40px}.contact-section h2{font-size:clamp(52px,6.5vw,100px);margin-top:35px;margin-bottom:38px}.contact-section h2 em{color:var(--acid)}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-bottom>p{font-size:14px;max-width:280px;line-height:1.8;margin:0}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.contact-watermark{opacity:.13;margin-top:60px;width:100%;pointer-events:none}.contact-watermark>img{width:100%;height:auto}.site-footer{padding-top:46px;padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr}.site-footer .brand-icon{width:32px;height:32px}.site-footer .brand-word{width:128px}.site-footer p{font-size:11px;color:#756b81;line-height:1.8;margin:16px 0 0}.footer-links{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:11px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;font-size:8px;color:#84798f}.footer-bottom>div{display:flex;align-items:center;gap:19px}.prototype-badge{font-size:7px;letter-spacing:.1em}.footer-bottom button{border:1px solid var(--line);width:28px;height:28px;border-radius:50%;background:transparent;color:var(--purple)}.mobile-call{display:none}.tv-boot{position:fixed;inset:0;background:#150a20;z-index:1001;pointer-events:none;animation:boot-reveal 1.1s cubic-bezier(.55,0,.2,1) forwards}.boot-line{position:absolute;inset:50% 49%;background:var(--paper);box-shadow:0 0 30px #bd80ff;animation:boot-line .7s ease-out forwards}.tv-boot>span{position:absolute;left:5vw;top:6vh;color:#f7f7dd88;font-family:monospace;letter-spacing:.1em;font-size:10px;line-height:1.7}.tv-boot b{font-size:20px;color:var(--acid)}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}body.motion-paused .tv-boot{display:none}@keyframes boot-line{0%{inset:50% 49%;opacity:1}40%{inset:49.9% 3%;opacity:1}85%{inset:0;opacity:.8}100%{inset:0;opacity:0}}@keyframes boot-reveal{0%,50%{opacity:1}99%{opacity:0}100%{opacity:0;visibility:hidden}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(5deg)}}@keyframes blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.1)}}@keyframes walk{from{transform:rotate(-17deg)}to{transform:rotate(17deg)}}@keyframes map-pulse{0%{transform:scale(.7);opacity:.6}100%{transform:scale(1.7);opacity:0}}
@media(min-width:1600px){.site-header{padding-inline:max(5vw,calc((100vw - 1296px)/2))}.hero{min-height:820px}.hero h1{font-size:112px}.hero-visual{min-height:640px}.section-wrap{padding-inline:72px}}
@media(max-width:1100px){.desktop-nav{gap:17px;font-size:10px}.header-tools{gap:18px}.hero{gap:4vw;min-height:670px}.hero h1{font-size:7.3vw}.hero-star{width:45px;right:0}.hero-visual{min-height:530px}.hero-sticker{width:105px;height:105px;font-size:17px;right:-6px}.hero-actions{gap:15px}.hero-actions .button{padding:15px 18px;font-size:10px;gap:15px}.hero-actions .text-link{font-size:10px}.live-layout{gap:5vw}.live-copy h2{font-size:64px}.player-controls{gap:6px}.offer-layout{gap:6vw;grid-template-columns:1fr 1fr}.offer-card{padding:30px}.client-pill{flex-basis:calc(25% - 12px)}.benefits,.process-steps{gap:25px}.benefit h3,.process-step h3{font-size:21px}.specs{gap:15px;padding:22px}.specs strong{font-size:25px}.specs>div{padding-left:20px}.brand-word{width:125px}.brand-icon{width:34px;height:34px}.section-space{padding-block:85px}.faq-section{padding-top:0}}
@media(max-width:800px){.desktop-nav{display:none}.site-header{height:74px}.menu-toggle{display:block}.header-contact{padding:7px 14px;font-size:10px}.header-tools{gap:16px}.hero{min-height:630px;padding-top:38px;padding-bottom:45px;gap:25px}.hero h1{font-size:7.5vw;letter-spacing:-.07em}.hero .eyebrow{font-size:7px;letter-spacing:.08em;gap:7px}.hero-text{font-size:12px}.hero-visual{min-height:460px}.hero-image{border-top-left-radius:95px}.hero-foot{margin-top:25px;font-size:7px;line-height:1.6}.hero-star{width:34px;right:4%;bottom:7%}.hero-sticker{width:90px;height:90px;font-size:15px;right:-4px;top:20px}.hero-channel{gap:8px;font-size:8px}.hero-channel>span:nth-of-type(2){font-size:6px}.visual-corner{font-size:6px;left:12px;top:12px}.corner-label{right:-18px;font-size:7px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:10px}.ticker span{font-size:25px}.intro-heading,.location-heading,.clients-heading{grid-template-columns:1fr 1fr;gap:30px}.body-large{font-size:14px}.section-space{padding-block:70px}.section-top{margin-bottom:32px}.benefits{gap:20px;margin-top:30px}.benefit h3{font-size:20px}.benefit p{font-size:11px}.specs{grid-template-columns:repeat(3,1fr);row-gap:20px}.spec-label{grid-column:1/-1;max-width:none}.specs>div:nth-child(2){border-left:0;padding-left:0}.live-layout{grid-template-columns:.8fr 1.2fr;gap:30px}.live-copy h2{font-size:52px}.live-copy .body-large{font-size:12px}.live-wave{font-size:18px;letter-spacing:1px}.live-copy h3{font-size:18px}.muted{font-size:11px}.tv-unit{padding:12px;border-radius:17px;box-shadow:8px 10px 0 #150b20}.tv-topline{font-size:9px;margin-bottom:10px}.demo-badge{font-size:6px}.player-controls{gap:3px;flex-wrap:wrap}.icon-button{min-width:24px;height:28px;font-size:13px}#player-time{font-size:7px}#player-seek{flex:1;min-width:45px}.demo-note{font-size:8px}.offer-layout{gap:35px}.offer-copy h2{font-size:55px}.offer-card{padding:25px 22px}.offer-card .button{font-size:10px}.price{font-size:110px}.price-tax{font-size:12px}.offer-features li{font-size:10px}.art-caption{font-size:7px}.client-pill{min-width:140px;min-height:80px;padding:13px}.client-pill svg{height:48px}.process-steps{gap:25px}.faq-section{padding-top:0;gap:35px}.faq-section h2{font-size:40px}.faq-list summary{font-size:12px}.contact-bottom{flex-direction:column;align-items:flex-start;gap:25px}.contact-bottom>p{max-width:100%}.contact-section h2{font-size:64px}.illustrated-map,.real-map{height:490px}}
@media(max-width:600px){html{scroll-padding-top:84px}.section-wrap{padding-inline:6vw}.site-header{padding-inline:6vw;gap:12px}.brand-word{width:111px}.brand-icon{width:30px;height:30px}.brand{gap:8px}.header-contact{display:none}.header-tools{gap:12px}.languages{font-size:10px;gap:7px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:38px;gap:22px}.hero .eyebrow{font-size:8px;letter-spacing:.08em}.hero h1{font-size:clamp(57px,13vw,78px);line-height:1;letter-spacing:-.065em;margin:24px 0 20px}.hero h1>span br{display:none}.hero h1>span{display:block;max-width:370px}.hero h1>span{line-height:1.02}.hero h1>br{display:none}.hero-star{width:40px;right:0;bottom:5%}.hero-text{font-size:13px;line-height:1.8;max-width:340px;margin-bottom:22px}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;min-height:50px;padding:14px 18px;gap:12px}.hero-actions .text-link{font-size:10px;gap:8px}.play-circle{width:28px;height:28px}.hero-foot{display:none}.hero-visual{min-height:0;height:430px;margin:12px 0 0}.hero-image{inset:0 0 42px;border-radius:85px 12px 12px 12px}.hero-image>img{object-position:center 40%}.hero-sticker{width:103px;height:103px;right:3px;top:23px;font-size:17px}.visual-corner{left:20px;top:18px;font-size:7px}.hero-channel{height:42px;font-size:9px}.hero-channel>span:nth-of-type(2){font-size:8px}.corner-label{display:none}.photo-credit{font-size:7px}.ticker{padding:13px 0}.ticker span{font-size:24px}.ticker>div{gap:23px}.ticker b{font-size:21px}.section-space{padding-block:60px}.section-top{margin-bottom:27px}.eyebrow{font-size:8px;letter-spacing:.09em}.section-mark{font-size:33px}h2{font-size:clamp(38px,10vw,54px);margin-bottom:23px}.intro-heading,.location-heading,.clients-heading{grid-template-columns:1fr;gap:0}.body-large{font-size:13px;line-height:1.9}.intro-heading .body-large{padding-top:0;margin-bottom:0}.benefits{grid-template-columns:1fr;gap:19px;margin-top:34px}.benefit{display:grid;grid-template-columns:40px 1fr;gap:0 14px;padding-top:19px}.benefit-number{grid-row:1/3;font-size:10px;display:block;margin:2px 0}.benefit-number span{display:block;margin-top:16px;font-size:23px}.benefit h3{font-size:22px;margin-bottom:9px}.benefit p{font-size:12px;margin-bottom:0}.specs{padding:22px 17px;gap:15px;margin-top:32px}.spec-label{font-size:8px}.specs strong{font-size:20px;white-space:nowrap}.specs>div{padding-left:12px}.specs div span{font-size:8px;line-height:1.5}.spec-foot{font-size:8px}.live-section-badge{font-size:8px;padding:5px 9px}.live-section .section-top{gap:10px}.live-layout{grid-template-columns:1fr;gap:30px}.live-copy h2{font-size:58px}.live-copy .body-large{font-size:13px;max-width:100%}.live-wave{display:none}.live-copy h3,.live-copy>.muted{display:none}.playlist{display:flex;flex-direction:row;gap:7px;margin-top:18px}.playlist li{border:1px solid #ffffff29;border-radius:7px;flex:1;min-width:0}.playlist button{font-size:8px;padding:10px 8px;gap:7px;line-height:1.6;align-items:flex-start}.playlist button span:first-child{font-size:9px}.playlist button span:last-child{display:none}.tv-unit{transform:rotate(.7deg);padding:13px;margin-right:7px}.tv-topline{font-size:10px;margin-bottom:12px}.demo-badge{font-size:7px}.player-slide h3{font-size:clamp(42px,12vw,65px)}.player-slide:nth-child(2) h3{font-size:26vw}.slide-logo{width:85px}.slide-kicker{font-size:7px!important}.player-slide p{font-size:7px}.player-controls{gap:7px;margin-top:10px}.icon-button{font-size:16px;min-width:28px;height:32px}#player-time{font-size:8px}.demo-note{font-size:9px;line-height:1.7}.offer-section{padding-top:55px;padding-bottom:55px}.offer-layout{grid-template-columns:1fr;gap:30px}.offer-copy h2{font-size:56px;margin:23px 0 20px}.offer-copy .eyebrow{font-size:8px;max-width:290px}.offer-copy .body-large{font-size:13px;max-width:85%}.offer-art img{object-position:62% center}.offer-section:after{background:linear-gradient(180deg,#180b3bc9,#180b3b66)}.art-caption{margin-top:18px;font-size:7px}.offer-card{transform:rotate(1.3deg);padding:28px;margin:5px 7px 0 2px}.price{font-size:130px;margin-top:10px}.offer-card-top{font-size:8px}.offer-features li{font-size:12px}.offer-card .button{font-size:12px}.offer-card .fine-print{font-size:9px}.location-heading{margin-bottom:28px}.map-toolbar{padding:15px 14px;display:block}.map-toolbar>div{margin-top:13px;gap:7px}.map-button{padding:8px 12px;font-size:9px;gap:9px;flex:1;justify-content:space-between}.map-place{font-size:8px}.illustrated-map,.real-map{height:440px}.city-map{width:175%;max-width:none;margin-left:-42%}.map-message{font-size:8px;left:12px;bottom:36px;padding:9px 11px;max-width:calc(100% - 24px)}.map-caption{left:12px;font-size:6px;bottom:12px}.clients-heading .body-large{font-size:13px}.client-search{margin:5px 0 15px;max-width:100%;width:100%}.client-pills{gap:10px;margin-top:15px}.client-pill{flex:0 1 calc(50% - 5px);min-width:0;padding:14px 16px;min-height:80px}.client-pill svg{height:47px}.client-pill figcaption{display:none}.client-note{font-size:9px;margin-top:25px}.process-section>h2{margin-top:25px}.process-steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.process-step{display:grid;grid-template-columns:55px 1fr;gap:0 13px;padding-top:20px}.process-step .step-icon{font-size:34px;grid-row:1/3;display:block;margin:0}.step-icon span{display:none}.process-step h3{font-size:22px;margin:2px 0 10px}.process-step p{font-size:12px;margin:0}.faq-section{padding-top:0;grid-template-columns:1fr;gap:10px}.faq-section>div:first-child{position:relative}.faq-section h2{font-size:42px;margin-bottom:30px}.faq-mascot{width:70px;position:absolute;right:5px;bottom:18px;margin:0}.faq-mascot>span{width:25px;height:25px;font-size:17px;right:-7px}.faq-list summary{font-size:12px;padding-block:20px}.faq-list details p{font-size:12px}.contact-section{padding-bottom:24px}.contact-section h2{font-size:clamp(39px,10.7vw,62px);margin-block:25px;line-height:1.08}.contact-bottom>p{font-size:13px;max-width:280px}.contact-actions{gap:10px;width:100%;flex-direction:column}.contact-actions .button{width:100%;justify-content:space-between;font-size:12px}.contact-watermark{margin-top:40px}.site-footer{padding-top:35px;padding-bottom:92px;gap:25px}.site-footer .brand-word{width:103px}.site-footer .brand-icon{width:26px;height:26px}.site-footer p{font-size:9px}.footer-links{font-size:9px;gap:10px;justify-self:end;padding-top:5px}.footer-bottom{flex-wrap:wrap;gap:14px;margin-top:8px;padding-top:20px;font-size:8px}.prototype-badge{order:3;width:100%;font-size:7px}.footer-bottom>div{gap:12px}.mobile-call{display:flex;position:fixed;inset:auto 12px 12px;z-index:95;justify-content:space-between;align-items:center;background:var(--ink);color:var(--paper);padding:14px 20px;border:1px solid #ffffff20;border-radius:100px;box-shadow:0 4px 20px #25143e30;font-size:12px;font-weight:800}.mobile-call>span{font-size:11px;font-weight:500}.tv-boot span{font-size:9px}}
@media(max-width:365px){.brand-word{width:97px}.header-tools{gap:6px}.hero h1{font-size:55px}.hero-actions{gap:12px}.hero-actions .button{font-size:10px;padding-inline:14px}.hero-actions .text-link{font-size:9px}.hero-visual{height:390px}.specs strong{font-size:17px}.specs{gap:9px;padding:18px 12px}.player-controls{gap:4px}.offer-card{padding:24px}.city-map{width:190%;margin-left:-50%}.footer-links{font-size:8px}.client-pill{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.tv-boot{display:none}.hero-visual:hover .hero-image>img{transform:none}}
/* Keyboard and compact-screen refinements. */
.button-purple,.map-button{background:#7443df}.contact-section{background:#7443df}.map-button.secondary{background:transparent}.player-expanded{position:fixed!important;inset:4vh 4vw!important;width:92vw!important;height:92vh!important;z-index:500;aspect-ratio:auto;background:#150b20;box-shadow:0 0 0 100vmax #150b20e8}.player-expanded #demo-stage{position:absolute;inset:0;margin:auto;width:min(92vw,92vh);height:min(92vw,92vh)}.map-button:disabled{opacity:.7;cursor:default}.client-search:focus-within{outline:2px solid #8556f3;outline-offset:3px}#client-count{min-width:25px;text-align:center}.live-section .playlist button:focus-visible{outline-offset:1px}
.expanded-player-open{overflow:hidden}.expanded-player-open .tv-unit{transform:none}.player-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid #fff9;border-radius:50%;color:#fff;background:#25143e;z-index:10;font-size:26px}.player-expanded .player-osd{display:none}
@media(max-width:365px){.hero h1{font-size:15vw}}
@media(max-width:600px){.price{font-size:clamp(100px,29vw,130px)}.specs{grid-template-columns:1.5fr 1fr .7fr}}


/* refinement.css */
/* LaTele motion and identity system. Phosphor Duotone icons, served locally. */
html,body{overflow-x:clip}body{--ease:cubic-bezier(.2,.8,.2,1)}
.ph-icon{width:22px;height:22px;fill:currentColor;flex:none;vertical-align:middle;display:inline-block}
h1,h2{font-weight:400;letter-spacing:-.06em}h1 strong,h2 strong{font-weight:700}h2 em{font-style:italic;font-weight:500;letter-spacing:-.065em}
.hero h1{font-size:clamp(62px,6.45vw,100px);line-height:1.04;margin-right:0}.hero h1 .hero-regular{color:var(--ink);font-weight:400;display:block;font-size:.75em;line-height:1.18;margin-bottom:.13em;letter-spacing:-.065em}.hero h1 strong,.hero h1 em{display:block;color:var(--purple)}.hero h1 em{font-weight:400;font-style:italic}.hero h1 strong{letter-spacing:-.07em}
.hero-mascot{position:absolute;width:155px;bottom:31px;left:-55px;z-index:4;transform:rotate(-7deg);filter:drop-shadow(0 10px 13px #160b3030)}.hero-mascot svg{width:100%;overflow:visible}.hero-foot .ph-icon{width:19px;height:19px}.hero-channel{padding-left:90px}.hero-channel>span:nth-of-type(2){font-size:7px}.ticker img{width:31px;height:31px;border-radius:7px;align-self:center;transform:rotate(9deg)}
.button,.header-contact,.map-button,.mobile-call{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s,color .35s,border-color .35s}.button:before,.header-contact:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,#ffffff24 45%,transparent 70%);transform:translateX(-120%);transition:transform .6s var(--ease)}.button:hover:before,.header-contact:hover:before{transform:translateX(120%)}.button:hover{box-shadow:0 9px 24px #25143e21;transform:translateY(-3px)}.button .ph-icon,.header-contact .ph-icon,.text-link .ph-icon{transition:transform .4s var(--ease)}.button:hover .ph-icon,.text-link:hover .ph-icon{transform:rotate(-8deg) scale(1.12)}.header-contact:hover{background:var(--ink);color:var(--paper);box-shadow:0 6px 18px #25143e20;transform:translateY(-2px)}.header-contact .ph-icon{width:18px;height:18px}.text-link{padding-block:5px}.play-circle .ph-icon{width:17px;height:17px}.section-mark .ph-icon{width:39px;height:39px;color:var(--purple)}.power-button .ph-icon{width:18px;height:18px}
.benefits,.process-steps{gap:22px;align-items:stretch}.benefit,.process-step{border:1px solid #ddd7e7;padding:0;background:#fcfcf6;border-radius:20px;overflow:hidden;transition:box-shadow .4s,transform .4s}.benefit:hover,.process-step:hover{transform:translateY(-5px);box-shadow:0 20px 45px #4224640d}.card-copy{padding:24px 26px 23px}.card-index{display:flex;align-items:center;gap:12px;font-size:11px;color:#7a48d7;font-weight:700;margin-bottom:20px;letter-spacing:.08em}.card-index>span{height:1px;flex:1;background:#ddd2ee}.card-index .ph-icon{width:22px;height:22px}.benefit h3,.process-step h3{font-size:25px;line-height:1.13;font-weight:500;margin:0 0 13px}.benefit p,.process-step p{font-size:12px;line-height:1.85;margin:0;color:#6b6176}
.motion-scene{height:225px;position:relative;overflow:hidden;display:grid;place-items:center;background:#eae3f3;isolation:isolate}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#7d50aa0a 1px,transparent 1px),linear-gradient(90deg,#7d50aa0a 1px,transparent 1px);background-size:26px 26px;transform:perspective(350px) rotateX(35deg) scale(1.6);transform-origin:center bottom}.scene-orbit{position:absolute;width:240px;height:240px;border:1px solid #9b77cf30;border-radius:50%;box-shadow:0 0 0 28px #a284c40a,0 0 0 60px #a284c408}.scene-frame{position:absolute;width:119px;height:119px;border-radius:18px;border:1px solid #ffffff70;box-shadow:8px 14px 23px #4a21772a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.scene-frame.back{background:#cfbee5;transform:translate(-36px,18px) rotate(-16deg)}.scene-frame.middle{background:#b99de9;transform:translate(31px,-13px) rotate(12deg)}.scene-frame.front{background:linear-gradient(150deg,#a07bed,#7545ce);transform:rotate(-7deg);color:#f7f7dd}.scene-frame .ph-icon{width:49px;height:49px}.scene-frame img{width:64px;height:auto;opacity:.7}.scene-chip{position:absolute;right:18%;top:25%;width:46px;height:46px;background:#eef4cf;display:grid;place-items:center;border:3px solid #fff9;border-radius:13px;box-shadow:0 5px 14px #47266f22;transform:rotate(8deg);color:#62409a}.scene-dots{position:absolute;display:flex;gap:5px;bottom:24px;right:22px}.scene-dots i{width:4px;height:4px;border-radius:50%;background:#8052bf}.scene-code{position:absolute;left:22px;top:18px;font:8px var(--display);letter-spacing:.15em;color:#806a96}.scene-2{background:#edf0dc}.scene-2 .scene-frame.front{background:#473254;transform:rotate(7deg)}.scene-2 .scene-frame.middle{background:#b8c394}.scene-2 .scene-frame.back{background:#dae2bc}.scene-3{background:#eee6e1}.scene-3 .scene-frame.front{background:#9467ce}.scene-3 .scene-frame.middle{background:#d2b8de}
.reveal.is-visible .scene-frame.front{animation:frame-enter .85s var(--ease) both,scene-float 5s .85s ease-in-out infinite}.reveal.is-visible .scene-frame.middle{animation:middle-enter 1s var(--ease) both}.reveal.is-visible .scene-frame.back{animation:back-enter 1.1s var(--ease) both}.reveal.is-visible .scene-chip{animation:chip-enter 1s .15s var(--ease) both,chip-float 4s 1.15s ease-in-out infinite}.reveal.is-visible .scene-dots i{animation:signal-dot 1.8s ease-in-out infinite}.scene-dots i:nth-child(2){animation-delay:.2s!important}.scene-dots i:nth-child(3){animation-delay:.4s!important}.reveal.is-visible .card-copy{animation:copy-enter .8s .1s var(--ease) both}
@keyframes frame-enter{from{opacity:0;translate:0 35px;scale:.75}to{opacity:1;translate:0 0;scale:1}}@keyframes middle-enter{from{opacity:0;transform:translate(0,0) rotate(0)}to{opacity:1;transform:translate(31px,-13px) rotate(12deg)}}@keyframes back-enter{from{opacity:0;transform:translate(0,0) rotate(0)}to{opacity:1;transform:translate(-36px,18px) rotate(-16deg)}}@keyframes chip-enter{from{opacity:0;scale:.3;translate:0 20px}to{opacity:1;scale:1;translate:0 0}}@keyframes copy-enter{from{opacity:.3;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes scene-float{50%{translate:0 -9px;rotate:3deg}}@keyframes chip-float{50%{translate:0 6px;rotate:-6deg}}@keyframes signal-dot{50%{opacity:.25;scale:.65}}
.live-copy h2 em{color:#c4a5ff}.tv-brand{display:flex;align-items:center;gap:8px}.tv-brand img:first-child{width:26px;height:26px;border-radius:5px}.tv-brand img:last-child{width:106px;height:auto}.tv-topline{gap:10px}.tv-topline .signal-bars{display:none}.tv-unit{transform:rotate(.6deg);transition:box-shadow .5s}.tv-unit:hover{box-shadow:14px 18px 0 #150b20,0 0 70px #8556f320}.live-wave{height:66px;margin:28px 0 25px;opacity:1;display:block}.signal-loop{height:100%;display:flex;align-items:center;gap:5px;max-width:320px;position:relative}.signal-loop:before{content:'';position:absolute;inset:50% -5px auto;height:1px;background:#b596df25}.signal-loop i{display:block;width:7px;height:55%;border-radius:8px;background:linear-gradient(#dbcbf4,#9c6ef0);animation:tune 2.5s calc(var(--i)*-.12s) ease-in-out infinite;transform-origin:center}.signal-loop i:nth-child(4n){background:var(--acid)}@keyframes tune{0%,100%{transform:scaleY(.2);opacity:.5}40%{transform:scaleY(1.4);opacity:1}65%{transform:scaleY(.5);opacity:.8}}
.scanlines{background:repeating-linear-gradient(0deg,#0002 0,#0002 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,#ffffff0b 0,#ffffff0b 1px,transparent 1px,transparent 4px);opacity:.58;mix-blend-mode:normal}.player-controls .ph-icon{width:21px;height:21px}.icon-button{border-radius:50%;transition:background .2s,transform .2s}.icon-button:hover{background:#fff1;transform:scale(1.08)}.offer-card-top>.ph-icon{width:47px;height:47px;color:var(--purple)}.footer-links a{display:flex;align-items:center;gap:8px}.footer-links .ph-icon{width:15px;height:15px}.mobile-call .ph-icon{width:17px;height:17px}.mobile-call>span{display:flex;gap:8px;align-items:center}
.map-shell{border-radius:24px;overflow:hidden;box-shadow:0 18px 55px #39234a0b;border:1px solid #dad4e1}.map-toolbar{padding:17px 22px;background:#fdfcf7;display:flex;align-items:center;justify-content:space-between;gap:12px}.map-stage{height:620px;position:relative;isolation:isolate;background:#e8e4dc}#reus-map{height:100%;width:100%;z-index:1;background:#e9e5dc}.leaflet-container{font-family:var(--font);font-size:11px}.leaflet-tile-pane{filter:saturate(.45) contrast(.96)}.leaflet-control-zoom{border:0!important;box-shadow:0 3px 14px #24143e21!important;border-radius:12px!important;overflow:hidden}.leaflet-control-zoom a{color:var(--purple)!important;width:38px!important;height:38px!important;line-height:38px!important}.leaflet-control-attribution{font-size:9px!important}.screen-pin{background:none;border:0}.screen-pin-label{position:relative;background:#8556f3;border:3px solid #fff;border-radius:13px;box-shadow:0 7px 20px #3f1f5f40;padding:12px;display:flex;align-items:center;gap:7px;width:155px}.screen-pin-label:after{content:'';position:absolute;bottom:-13px;left:65px;border:7px solid transparent;border-top-color:#8556f3}.screen-pin-label img:first-child{width:27px;border-radius:4px}.screen-pin-label img:last-child{width:85px;height:auto}.screen-pin-dot{position:absolute;bottom:-28px;left:68px;width:16px;height:16px;border:3px solid #fff;background:var(--purple);border-radius:50%;box-shadow:0 0 0 7px #8556f333}.map-greeter{position:absolute;bottom:82px;left:28px;width:145px;z-index:405;pointer-events:none;filter:drop-shadow(0 10px 9px #4d2d5a25)}.map-greeter svg{width:100%;overflow:visible}.map-greeter>span{position:absolute;left:103px;top:5px;background:var(--paper);border:1px solid #dacde7;border-radius:20px 20px 20px 2px;padding:11px 17px;white-space:nowrap;font-size:12px;font-weight:800;box-shadow:0 8px 18px #3122450d}.map-hint{position:absolute;bottom:31px;left:28px;background:#fffefaed;backdrop-filter:blur(10px);padding:9px 15px;font-size:10px;z-index:405;border:1px solid #ddd4e7;border-radius:100px;pointer-events:none;margin:0}.map-landmarks{position:absolute;right:18px;bottom:42px;z-index:405;display:flex;gap:10px;pointer-events:none}.landmark-card{width:125px;padding:7px 10px 12px;background:#fffcf4ec;backdrop-filter:blur(10px);border:1px solid #fff;border-radius:16px;box-shadow:0 7px 21px #39254f0d}.landmark-card svg{width:78px;height:82px;display:block;margin:auto}.landmark-card span{font-size:8px;line-height:1.5;display:block;text-align:center;color:#7a648b}.landmark-card strong{color:var(--ink);font-size:10px}.map-button{display:flex;align-items:center;gap:10px}.map-button .ph-icon{width:18px;height:18px}.leaflet-popup-content{margin:14px 18px;line-height:1.6}.leaflet-popup-content a{color:#6f3dc4;text-decoration:underline}
.greeting .mascot-body{animation:mascot-breathe 4s ease-in-out infinite;transform-origin:70px 130px}.greeting .greeting-hand{transform-origin:24px 79px;animation:hello 3.4s ease-in-out infinite}.greeting .mascot-brows{transform-origin:68px 54px;animation:brows 6.8s ease-in-out infinite}.greeting .mascot-mouth{transform-origin:68px 91px;animation:smile 6.8s ease-in-out infinite}.greeting .mascot-eye{animation:blink-natural 5.6s infinite}.greeting .right-leg{transform-origin:88px 119px;animation:foot-tap 4.8s ease-in-out infinite}.greeting .left-leg{transform-origin:48px 119px;animation:foot-tap 4.8s 2.4s ease-in-out infinite}.greeting .right-arm{transform-origin:111px 79px;animation:rest-arm 4s ease-in-out infinite}.faq-mascot{width:190px;transform:rotate(-4deg);margin-left:30px}.faq-mascot svg{overflow:visible}.faq-mascot>span{right:-9px;top:8px}
@keyframes hello{0%,48%,100%{transform:rotate(-3deg)}8%,24%,40%{transform:rotate(16deg)}16%,32%{transform:rotate(-10deg)}}@keyframes mascot-breathe{50%{transform:translateY(-2px) rotate(1deg)}}@keyframes brows{0%,35%,60%,100%{transform:translateY(0)}42%,53%{transform:translateY(-2px) rotate(-2deg)}}@keyframes smile{0%,35%,60%,100%{transform:scale(1)}45%{transform:scale(1.07,.9)}}@keyframes blink-natural{0%,40%,44%,48%,52%,100%{transform:scaleY(1)}42%,50%{transform:scaleY(.08)}}@keyframes foot-tap{0%,65%,85%,100%{transform:rotate(0)}75%{transform:rotate(-8deg)}}@keyframes rest-arm{50%{transform:rotate(-5deg)}}
.client-pill{overflow:hidden;min-width:0;flex-basis:calc(20% - 13px);height:102px;padding:21px 24px;border-radius:22px}.client-pill img{display:block;width:100%;height:58px;object-fit:contain;max-width:100%;transition:transform .35s}.client-pill:hover{transform:translateY(-4px)!important}.client-pill:hover img{transform:scale(1.035)}.client-pill figcaption{display:none}.client-pills{gap:16px}.process-step .motion-scene{height:230px}.process-step:nth-child(1) .scene-frame.front{border-radius:24px 24px 24px 3px}.process-step:nth-child(2) .scene-frame.front{width:145px;height:100px;border-radius:12px}.process-step:nth-child(3) .scene-frame.front{border:8px solid #3a294a;border-radius:13px;box-shadow:9px 10px 0 #b8a6cc}.process-step:nth-child(3) .scene-frame.front .ph-icon{width:38px;height:38px}.process-step:nth-child(3) .scene-frame.front img{width:53px}.process-step .scene-chip{right:14%}.faq-list details[open] p{animation:copy-enter .35s ease-out}.faq-list details[open]{border-top-color:var(--purple)}
.media-tabs{display:flex;gap:8px;margin-top:22px}.media-tabs button{border:1px solid #ffffff30;background:transparent;color:#b9a7cd;border-radius:99px;padding:8px 15px;font-size:10px;transition:background .2s,color .2s}.media-tabs button[aria-pressed=true]{background:var(--acid);border-color:var(--acid);color:var(--ink)}.media-tabs+.playlist{margin-top:14px;max-height:230px;overflow:auto;scrollbar-width:thin;scrollbar-color:#765792 transparent}.playlist button{min-height:45px}.playlist button:hover{background:#ffffff08}.player video{display:block;position:absolute;inset:0;z-index:1}.player-osd{pointer-events:none}.player:fullscreen video,.player-expanded video{object-fit:contain}.map-stage .leaflet-pane{z-index:400}.map-stage .leaflet-tile-pane{z-index:200}.map-stage .leaflet-overlay-pane{z-index:400}.map-stage .leaflet-marker-pane{z-index:600}.map-stage .leaflet-popup-pane{z-index:700}
@media(min-width:1600px){.hero h1{font-size:108px}}
@media(max-width:1100px){.benefits,.process-steps{gap:16px}.card-copy{padding:21px}.motion-scene,.process-step .motion-scene{height:200px}.benefit h3,.process-step h3{font-size:22px}.hero-mascot{width:125px;left:-35px}.client-pill{flex-basis:calc(25% - 12px)}.tv-brand img:last-child{width:86px}}
@media(max-width:800px){.hero h1{font-size:7.4vw}.card-copy{padding:18px}.motion-scene,.process-step .motion-scene{height:170px}.scene-frame{width:90px;height:90px}.scene-frame .ph-icon{width:38px;height:38px}.scene-frame img{width:52px}.scene-chip{width:36px;height:36px;right:12%;top:18%}.scene-chip .ph-icon{width:20px}.scene-code{left:14px;font-size:7px}.benefit h3,.process-step h3{font-size:20px}.scene-orbit{width:180px;height:180px}.tv-brand img:first-child{width:21px;height:21px}.tv-brand img:last-child{width:71px}.demo-badge{font-size:6px}.map-stage{height:560px}.map-landmarks{right:12px;bottom:50px}.landmark-card{width:100px}.map-greeter{left:18px;width:120px}.map-greeter>span{left:90px;font-size:10px}.client-pill{flex-basis:calc(33.333% - 11px)}.faq-mascot{width:155px;margin-left:10px}.hero-channel{padding-left:65px}.hero-channel>span:nth-of-type(2){display:none}}
@media(max-width:600px){.hero h1{font-size:clamp(57px,15vw,86px);line-height:1.02}.hero h1 .hero-regular{font-size:.7em;margin-bottom:.12em;max-width:none}.hero h1 strong{font-size:.95em}.hero h1 em{font-size:1em}.hero-mascot{width:130px;left:-10px;bottom:29px}.hero-channel{padding-left:110px}.hero-channel>span:nth-of-type(2){display:none}.hero-visual{height:420px}.hero-actions .button{gap:10px}.hero-actions .ph-icon{width:18px;height:18px}.section-mark .ph-icon{width:30px;height:30px}.benefits,.process-steps{grid-template-columns:1fr;gap:19px}.benefit,.process-step{display:block;padding:0}.card-copy{padding:24px}.motion-scene,.process-step .motion-scene{height:210px}.scene-frame{width:115px;height:115px}.scene-frame .ph-icon{width:46px;height:46px}.scene-frame img{width:64px}.scene-chip{width:44px;height:44px;right:22%;top:23%}.scene-orbit{width:245px;height:245px}.scene-code{left:24px;font-size:8px}.benefit h3,.process-step h3{font-size:25px}.benefit p,.process-step p{font-size:13px}.card-index{margin-bottom:16px}.live-wave{height:48px;display:block;margin:20px 0}.live-copy h3,.live-copy>.muted{display:block}.live-copy h3{font-size:20px}.live-copy .muted{font-size:12px}.signal-loop{max-width:270px}.signal-loop i{width:6px}.tv-brand img:first-child{width:24px;height:24px}.tv-brand img:last-child{width:90px}.demo-badge{font-size:6px;letter-spacing:.03em;padding:5px 7px}.playlist{display:flex;max-height:215px;overflow:auto;flex-direction:column;gap:0;overscroll-behavior:contain;padding-right:4px}.playlist li{border:0;border-top:1px solid #ffffff20;border-radius:0}.playlist button{font-size:11px;padding:12px 2px;align-items:center;gap:12px}.playlist button span:last-child{display:block}.map-toolbar{display:flex;padding:13px}.map-place{font-size:8px}.map-button{flex:none;font-size:9px;padding:8px 11px;gap:7px}.map-stage{height:580px}.map-greeter{width:115px;bottom:135px;left:14px}.map-greeter>span{left:80px;top:-8px;padding:8px 12px}.map-landmarks{bottom:38px;right:14px;left:14px;justify-content:flex-end;gap:8px}.landmark-card{width:95px;padding:4px 7px 8px}.landmark-card svg{width:55px;height:58px}.landmark-card span{font-size:7px}.landmark-card strong{font-size:8px}.map-hint{bottom:146px;left:14px;max-width:calc(100% - 28px);font-size:8px;padding:7px 11px;transform:translateY(112px);max-width:calc(100% - 220px);border-radius:10px;line-height:1.5}.client-pills{gap:10px}.client-pill{flex-basis:calc(50% - 5px);height:91px;border-radius:18px;padding:17px}.client-pill img{height:54px}.faq-section>div:first-child{min-height:125px;padding-right:85px}.faq-section h2{font-size:38px;max-width:240px;line-height:1.07}.faq-mascot{width:96px;right:-5px;bottom:15px;margin:0}.faq-mascot>span{right:-3px;top:0}.process-step .scene-chip{right:20%}.header-tools{gap:8px}}
@media(max-width:600px){.mobile-call{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;width:auto}.map-hint{bottom:40px;transform:none;left:14px}.map-greeter{bottom:145px}}
@media(prefers-reduced-motion:reduce){.reveal *{animation:none!important}.button:hover,.header-contact:hover{transform:none}}body.motion-paused .reveal .card-copy,body.motion-paused .scene-frame,body.motion-paused .scene-chip{animation:none!important}
/* Each process stage has its own action: conversation, editing, broadcast. */
.chat-answer{position:absolute;bottom:35px;right:20%;width:91px;height:48px;border-radius:17px 17px 3px 17px;background:#fffdf2;box-shadow:0 8px 15px #43236020;display:flex;align-items:center;justify-content:center;gap:7px;transform:rotate(6deg)}.chat-answer i{width:7px;height:7px;background:#8556f3;border-radius:50%}.is-visible .chat-answer{animation:chip-enter .8s .4s both,chat-bob 4s 1.2s infinite}.is-visible .chat-answer i{animation:typing 1.2s infinite}.chat-answer i:nth-child(2){animation-delay:.2s}.chat-answer i:nth-child(3){animation-delay:.4s}.editing-timeline{position:absolute;bottom:29px;left:16%;width:68%;height:40px;background:#fdfbf2;border:1px solid #d7cbe5;padding:9px;display:flex;gap:4px;border-radius:8px;box-shadow:0 5px 15px #43236010}.editing-timeline i{flex:1;border-radius:3px;background:#9d73e1}.editing-timeline i:nth-child(2n){background:#d3dfa4}.editing-timeline b{position:absolute;top:4px;bottom:4px;width:2px;background:#342043;left:10%}.editing-timeline b:before{content:'';position:absolute;left:-3px;top:0;border:4px solid transparent;border-top-color:#342043}.is-visible .editing-timeline b{animation:edit-head 4s ease-in-out infinite}.broadcast-rings{position:absolute;inset:0;display:grid;place-items:center;z-index:-1}.broadcast-rings i{position:absolute;width:130px;height:130px;border:1px solid #9a6bcb;border-radius:50%;opacity:0}.is-visible .broadcast-rings i{animation:transmit 3.6s infinite}.broadcast-rings i:nth-child(2){animation-delay:1.2s}.broadcast-rings i:nth-child(3){animation-delay:2.4s}.on-air-chip{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);padding:6px 13px;border-radius:99px;background:#f0f6d5;color:#594675;font-size:8px;letter-spacing:.1em;display:flex;gap:7px;align-items:center;box-shadow:0 5px 12px #43236015}.on-air-chip i{width:5px;height:5px;background:#87a045;border-radius:50%}.is-visible .on-air-chip i{animation:signal-dot 2s infinite}.process-step:nth-child(2) .scene-frame.front{translate:0 -12px}.process-step:nth-child(3) .scene-grid{opacity:.45}@keyframes typing{50%{translate:0 -4px;opacity:.4}}@keyframes chat-bob{50%{translate:0 5px;rotate:-3deg}}@keyframes edit-head{0%,100%{left:10%}80%{left:90%}}@keyframes transmit{0%{scale:.7;opacity:.6}100%{scale:2.5;opacity:0}}

/* LaTele character: independent joints and expressive face. */
.latele-character{overflow:visible;width:100%;height:auto}
.greeting .latele-character .mascot-body{transform-origin:130px 245px;animation:character-breathe 4.8s ease-in-out infinite}
.greeting .latele-character .greeting-hand{transform-box:view-box;transform-origin:64px 132px;animation:character-wave 4.8s ease-in-out infinite}
.greeting .latele-character .mascot-eye{transform-box:fill-box;transform-origin:center;animation:character-blink 6.7s ease-in-out infinite}
.greeting .latele-character .mascot-brows{transform-box:fill-box;transform-origin:center;animation:character-brows 4.8s ease-in-out infinite}
.greeting .latele-character .mascot-mouth{transform-box:fill-box;transform-origin:center;animation:character-smile 4.8s ease-in-out infinite}
.greeting .latele-character .left-leg{transform-box:view-box;transform-origin:101px 201px;animation:character-left-foot 4.8s ease-in-out infinite}
.greeting .latele-character .right-leg{transform-box:view-box;transform-origin:159px 201px;animation:character-right-foot 4.8s ease-in-out infinite}
.greeting .latele-character .right-arm{transform-box:view-box;transform-origin:198px 137px;animation:character-arm 4.8s ease-in-out infinite}
.greeting .latele-character .mascot-pupils{animation:character-look 8s ease-in-out infinite}
.greeting .character-shadow{transform-origin:center;transform-box:fill-box;animation:character-shadow 4.8s ease-in-out infinite}
.hero-mascot{width:180px}.map-greeter{width:155px}.faq-mascot{width:190px}
@keyframes character-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes character-wave{0%,12%,80%,100%{transform:rotate(-5deg)}24%,48%,68%{transform:rotate(10deg)}36%,58%{transform:rotate(-13deg)}}
@keyframes character-blink{0%,39%,43%,77%,81%,100%{transform:scaleY(1)}41%,79%{transform:scaleY(.06)}}
@keyframes character-brows{0%,100%{transform:translateY(0)}25%,55%{transform:translateY(-2px) rotate(-2deg)}}
@keyframes character-smile{0%,100%{transform:scale(1,.9)}35%,60%{transform:scale(1.04,1.08)}}
@keyframes character-left-foot{0%,100%{transform:rotate(0)}42%,55%{transform:rotate(4deg)}}
@keyframes character-right-foot{0%,38%,100%{transform:rotate(0)}65%,78%{transform:rotate(-5deg)}}
@keyframes character-arm{0%,100%{transform:rotate(0)}50%{transform:rotate(-5deg)}}
@keyframes character-look{0%,20%,70%,100%{transform:translateX(0)}35%,55%{transform:translateX(1.4px)}}
@keyframes character-shadow{0%,100%{transform:scaleX(1);opacity:.12}50%{transform:scaleX(.93);opacity:.09}}
@media(max-width:600px){.hero-mascot{width:145px;bottom:20px}.map-greeter{width:130px}.faq-mascot{width:115px;right:-8px;bottom:6px}}
@media(prefers-reduced-motion:reduce){.greeting .latele-character *{animation:none!important}}
.hero-image .photo-credit{left:auto;right:20px}.motion-toggle .ph-icon,#motion-toggle .ph-icon{width:16px;height:16px}.player-close .ph-icon{width:24px;height:24px}


/* experience.css */
/* Rendered in Blender 5.2 / Cycles, RGBA animation. */
.mascot-render{display:block;position:relative;aspect-ratio:1;isolation:isolate}
.mascot-render:after{content:'';position:absolute;left:27%;right:15%;bottom:13%;height:5%;background:#341f5029;filter:blur(6px);border-radius:50%;z-index:-1}
.mascot-render img{width:100%;height:100%;object-fit:contain;filter:none!important}
.mascot-still{display:none}.motion-paused .mascot-loop{display:none}.motion-paused .mascot-still{display:block}
.hero-mascot>.mascot-render,.faq-mascot>.mascot-render,.map-greeter>.mascot-render{all:unset;display:block;position:relative;width:100%;aspect-ratio:1;isolation:isolate}
.hero-mascot{width:245px;bottom:5px;left:-76px;transform:none;filter:none}.hero-channel{padding-left:128px}
.faq-mascot{width:240px;transform:none;filter:none;margin:0}.faq-mascot>span{right:25px;top:35px;z-index:1}
.playlist[hidden],.media-tabs,#player-counter,#player-time{display:none!important}
.live-identity{display:flex;align-items:center;gap:10px;margin-top:32px;padding-top:20px;border-top:1px solid #ffffff25;font:10px var(--display);letter-spacing:.12em;color:#cbbbe0}
.live-identity strong{margin-left:auto;font-size:8px;font-weight:400;letter-spacing:.08em;opacity:.65}
.player-controls{gap:12px}.player-controls #player-seek{flex:1;min-width:30px}
.sponsored-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;color:#fff;container-type:inline-size;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #29384a12;font-family:'Manrope',Arial,sans-serif}
.sponsor-clock{position:absolute;left:22.57%;top:22.57%;width:55.73%;text-align:center;font-size:17.36cqw;font-weight:400;line-height:1.05;letter-spacing:-.045em}
.sponsor-date{position:absolute;left:35.59%;top:39.93%;width:31.95%;font-size:5.7cqw;text-align:center;font-weight:700;line-height:1.4;white-space:nowrap;letter-spacing:-.04em}
.sponsor-temperature{position:absolute;left:38.2%;top:9.55%;font-size:7.6cqw;font-weight:500;line-height:1.2;white-space:nowrap}
.weather-source{font-size:9px;color:#c7b8d9;margin:5px 0 0}.weather-source a{text-decoration:underline}.weather-source[hidden]{display:none}
.formats-section>.intro-heading{margin-bottom:35px}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.format-card{background:#eeebf3;border:1px solid #e3ddea;border-radius:22px;padding:26px;position:relative;overflow:hidden}
.format-tag{font:10px var(--display);letter-spacing:.15em;color:#6b478a;display:block}
.format-display{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;margin:10px 0 24px}
.format-display>span{font:500 110px/.9 var(--display);letter-spacing:-.09em;color:#8556f3;z-index:1}
.format-display>small{font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-top:12px;z-index:1}
.format-display i{position:absolute;width:145px;height:145px;border:1px solid #ad8fde55;border-radius:26px;transform:rotate(14deg);background:linear-gradient(150deg,#ffffff44,#b79adc1a)}
.format-display i:nth-of-type(2){transform:rotate(-10deg) scale(1.1);background:transparent}.format-display i:nth-of-type(3){transform:rotate(3deg) scale(1.2);background:transparent;opacity:.35}
.format-1>span{color:#463057}.format-2>span{font-size:58px;letter-spacing:-.05em}.format-2 i{border-radius:50%;background:#e5edbf55;border-color:#a4ac7f55}.format-card:nth-child(3){background:#edf0df}
.format-card h3{font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:600;max-width:230px;margin-bottom:15px}
.format-card p{font-size:12px;line-height:1.85;color:#71657c;margin-bottom:0}
.format-card.is-visible .format-display i{animation:format-drift 8s ease-in-out infinite}.format-card.is-visible .format-display i:nth-of-type(2){animation-direction:reverse;animation-delay:-2s}
@keyframes format-drift{50%{rotate:10deg;translate:0 -7px}}
.repeat-band{margin:24px 0 15px;background:#e5eeae;border:1px solid #d7e198;border-radius:20px;padding:24px 30px;display:flex;align-items:center;gap:30px}
.repeat-orbit{width:85px;height:85px;flex:none;position:relative;display:grid;place-items:center}.repeat-orbit span{font:500 43px var(--display);letter-spacing:-.08em}.repeat-orbit i{position:absolute;inset:0;border:1px solid #78805155;border-radius:50%}.repeat-orbit i:nth-of-type(2){inset:9px}.repeat-orbit i:nth-of-type(3){inset:-8px;opacity:.4}
.repeat-band h3{font-size:23px;letter-spacing:-.04em;margin-bottom:8px}.repeat-band p{max-width:560px;font-size:12px;line-height:1.8;margin:0;color:#626649}.repeat-band .button{flex:none;margin-left:auto;font-size:11px;white-space:nowrap}
.repeat-band.is-visible .repeat-orbit{animation:repeat-breathe 3s ease-in-out infinite}@keyframes repeat-breathe{50%{scale:1.05}}
.creative-section{background:#eeeaf3}.creative-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.creative-layout h2{margin-top:24px}.creative-layout h2 em{color:#8556f3}.creative-layout .body-large{font-size:15px;max-width:450px}.creative-layout .text-link{font-size:12px}
.creative-list{border-top:1px solid #cfc6d9}.creative-list article{display:flex;gap:22px;align-items:flex-start;border-bottom:1px solid #cfc6d9;padding:27px 0}.creative-list article>span{font-size:11px;color:#956ec0;padding-top:4px}.creative-list h3{font-size:20px;font-weight:600;letter-spacing:-.035em;margin-bottom:10px}.creative-list p{font-size:12px;color:#766b81;line-height:1.85;margin:0}.creative-list .ph-icon{margin-left:auto;flex:none;width:27px;height:27px;color:#8b5cbb}
.city-section .eyebrow{margin-bottom:25px}.city-section .intro-heading{align-items:end}.city-timeline{display:grid;grid-template-columns:repeat(3,1fr);margin:45px 0 30px;gap:30px}.city-timeline article{padding-top:24px;border-top:1px solid #cbbfd7;position:relative}.city-timeline article:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;background:#8556f3;border:2px solid var(--paper);border-radius:50%}.city-timeline article>span{font:400 66px var(--display);letter-spacing:-.07em;color:#8556f3;line-height:1.2}.city-timeline h3{font-size:20px;font-weight:600;letter-spacing:-.04em;margin:14px 0 12px}.city-timeline p{font-size:12px;color:#776c82;line-height:1.8;max-width:280px}.city-timeline article.is-visible>span{animation:copy-enter .7s ease both}.city-tags{display:flex;flex-wrap:wrap;gap:12px}.city-tags>span{display:flex;align-items:center;gap:9px;border:1px solid #ded6e4;border-radius:99px;padding:10px 16px;font-size:10px}.city-tags .ph-icon{width:18px;height:18px;color:#8556f3}
.tech-section{background:#27183b;color:#f7f7ed;overflow:hidden}.tech-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.tech-layout h2{margin-top:25px}.tech-layout .body-large{font-size:14px;color:#bdb1cb}.tech-layout h2 em{color:#bd9aef}.tech-screen{position:relative;width:85%;margin:50px auto;padding:25px;perspective:900px}.tech-led{aspect-ratio:1;background:radial-gradient(ellipse at top left,#a77ce4,#6d32c0 60%,#49267d);border:10px solid #120a20;outline:1px solid #8f6daf;border-radius:8px;box-shadow:15px 15px 0 #120a2080,0 0 80px #a264dd35;transform:rotateY(-12deg) rotateX(4deg);position:relative;display:grid;place-items:center;overflow:hidden}.tech-led:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#1e0f3670 1px,transparent 1px);background-size:5px 5px;pointer-events:none}.tech-led>img{width:65%;z-index:1}.tech-led>span{position:absolute;bottom:18px;left:20px;font:7px monospace;letter-spacing:.15em;color:#d9c5ed;z-index:1}.tech-scan{position:absolute;inset:-50% 0 50%;background:linear-gradient(transparent,#ffffff20,transparent);animation:led-scan 6s linear infinite}.tech-measure{position:absolute;color:#c1a6da;font:12px var(--display);letter-spacing:.1em;text-align:center}.tech-measure.top{left:18px;right:18px;top:-10px;border-bottom:1px solid #aa89ca66;padding-bottom:12px}.tech-measure.side{left:-40px;top:45%;rotate:-90deg;min-width:100px}.tech-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.tech-spec-grid>div{border-top:1px solid #ffffff25;padding-top:16px}.tech-spec-grid strong{display:block;font:400 38px var(--display);letter-spacing:-.05em}.tech-spec-grid span{font-size:10px;color:#b4a5c2;display:block;margin-top:3px}@keyframes led-scan{to{translate:0 200%}}
.offer-limited{display:inline-flex;align-items:center;gap:12px;border:1px solid #e5f3a370;background:#e5f3a316;color:#e5f3a3;backdrop-filter:blur(10px);padding:13px 19px;border-radius:100px;font-size:12px;font-weight:800;letter-spacing:.13em;margin-bottom:34px;box-shadow:0 0 45px #dff59818}.limited-pulse{width:8px;height:8px;border-radius:50%;background:#e5f3a3;box-shadow:0 0 0 6px #e5f3a31c;animation:limited-pulse 2.5s infinite}.offer-deadline{display:flex;align-items:center;gap:14px;margin-top:30px;padding:18px 0;border-top:1px solid #ffffff45;color:#f7f7ed}.offer-deadline>.ph-icon{width:32px;height:32px;color:#e5f3a3}.offer-deadline strong{font-size:18px;display:block;letter-spacing:-.03em}.offer-deadline span{display:block;font-size:11px;color:#e6d9ed;margin-top:5px}.offer-card{border-top:7px solid #e5f3a3}.offer-card-top>span{color:#7b5a9e;line-height:1.7}.offer-card .contract-label{background:#e5eeae;color:#352049}@keyframes limited-pulse{50%{box-shadow:0 0 0 10px #e5f3a300}}
/* Map controls and host have their own columns; nothing floats over geography. */
.map-shell{display:grid;grid-template-columns:310px minmax(0,1fr);background:#fffdf8;border-radius:24px;border:1px solid #dbd4e2;overflow:hidden;box-shadow:0 22px 50px #39234a0a}
.map-sidebar{padding:26px 23px;border-right:1px solid #e2dbe7;position:relative;display:flex;flex-direction:column}.map-sidebar-head .eyebrow{font-size:8px;color:#9c83b4;letter-spacing:.12em}.map-sidebar h3{font-size:29px;font-weight:500;letter-spacing:-.055em;margin:14px 0 12px;line-height:1.1}.map-sidebar p{font-size:11px;line-height:1.8;color:#88778f;margin-bottom:18px}
.poi-list{display:grid;gap:7px}.poi-button{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid #e5dfeb;border-radius:12px;text-align:left;padding:12px 10px;transition:background .25s,border-color .25s,transform .25s;min-width:0}.poi-number{display:grid;place-items:center;width:29px;height:29px;flex:none;font:10px var(--display);border:1px solid #dbd1e6;border-radius:50%;color:#8658af}.poi-button>span:nth-child(2){min-width:0}.poi-button small{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:#a18cab;display:block;margin-bottom:3px}.poi-button strong{display:block;font-size:12px;font-weight:600;letter-spacing:-.025em}.poi-button .ph-icon{margin-left:auto;width:17px;height:17px;color:#ac94be}.poi-button:hover{background:#f1eaf8;transform:translateX(2px)}.poi-button[aria-pressed=true]{background:#eae0f7;border-color:#b69acf}.poi-button[aria-pressed=true] .poi-number{background:#8556f3;color:white;border-color:#8556f3}.map-all{background:none;border:0;padding:16px 0;font-size:10px;display:flex;justify-content:space-between;align-items:center;color:#8050ac}.map-all .ph-icon{width:17px;height:17px}
.map-host{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:2px;min-height:108px;border-top:1px solid #eee7f2}.map-host .map-greeter{position:static;width:125px;height:125px;z-index:auto;filter:none;flex:none;margin:-5px -15px -15px -20px;pointer-events:none}.map-host>span{font-size:10px;font-weight:600;line-height:1.5;max-width:100px;background:#f0e8f7;border-radius:12px 12px 12px 2px;padding:9px 12px;margin-left:-9px;transform:translateY(-4px)}
.map-main{min-width:0;display:flex;flex-direction:column}.map-toolbar{border-bottom:1px solid #e6dfeb;padding:17px 19px;min-height:68px}.map-stage{height:565px;flex:1;min-height:500px}.map-bottom{padding:13px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:51px;border-top:1px solid #e6dfeb;background:#fffdf8}.map-bottom>span{font-size:9px;color:#8a7795}.map-bottom a{font-size:10px;display:flex;align-items:center;gap:8px;color:#7547aa;white-space:nowrap}.map-bottom .ph-icon{width:17px;height:17px}
.poi-marker{background:none;border:0}.poi-pin{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid white;background:#6f458e;color:#fff;box-shadow:0 3px 10px #38224c30;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);font:10px var(--display)}.poi-pin:not(.screen-mini){font-size:0}.poi-pin:not(.screen-mini):after{content:'';width:6px;height:6px;background:#fff;border-radius:50%}.poi-pin.screen-mini{background:#8556f3;font-size:0;width:33px;height:33px}.poi-pin img{width:22px;height:22px;transform:rotate(45deg);border-radius:4px}.poi-label{background:#fffef9eF;border:1px solid #e3dbe8;border-radius:8px;box-shadow:0 2px 8px #3520440d;padding:5px 8px;font-size:9px;font-weight:600;color:#503463;white-space:nowrap}.poi-label:before{display:none}.poi-popup small{display:block;font-size:8px;color:#a482b7;letter-spacing:.1em;text-transform:uppercase}.poi-popup strong{font-size:17px;letter-spacing:-.03em;display:block;margin:5px 0}.poi-popup p{font-size:11px;line-height:1.7;margin:5px 0 10px}.poi-popup a{font-size:11px}.leaflet-popup-content-wrapper{border-radius:14px}.leaflet-tile-pane{filter:saturate(.4) contrast(.94) brightness(1.03)}
@media(max-width:1100px){.map-shell{grid-template-columns:270px minmax(0,1fr)}.map-sidebar{padding:23px 18px}.map-stage{height:580px}.format-card{padding:22px}.format-card h3{font-size:22px}.repeat-band{gap:20px;padding:22px}.repeat-band .button{max-width:190px;white-space:normal}.hero-mascot{width:210px;left:-60px}.creative-layout{gap:5vw}.tech-layout{gap:5vw}}
@media(max-width:800px){.map-shell{grid-template-columns:1fr}.map-sidebar{border-right:0;border-bottom:1px solid #e2dbe7;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:23px}.map-sidebar-head{grid-column:1;grid-row:1}.map-sidebar h3{font-size:27px}.poi-list{grid-column:2;grid-row:1/4;align-self:center}.map-all{grid-column:1;grid-row:2;padding:0}.map-host{grid-column:1;grid-row:3;min-height:70px;margin-top:0;justify-content:flex-start}.map-host .map-greeter{width:100px;height:100px}.map-stage{height:500px;min-height:500px}.format-grid{gap:14px}.format-card{padding:19px}.format-card h3{font-size:20px}.format-display{height:170px}.format-display>span{font-size:85px}.format-2>span{font-size:44px}.format-display i{width:120px;height:120px}.format-card p{font-size:11px}.repeat-band .button{display:none}.creative-layout{gap:35px}.creative-list article{gap:15px}.city-timeline article>span{font-size:55px}.city-timeline h3{font-size:18px}.tech-screen{width:100%}.tech-spec-grid strong{font-size:32px}.tech-spec-grid{gap:18px}.faq-mascot{width:190px}.hero-mascot{width:180px;left:-43px}.hero-channel{padding-left:85px}}
@media(max-width:600px){.hero-mascot{width:185px;left:-32px;bottom:0}.hero-channel{padding-left:130px}.faq-mascot{width:140px;position:absolute;right:-15px;bottom:0}.faq-mascot>span{right:14px;top:13px}.live-identity{margin-top:20px;font-size:9px}.live-identity strong{font-size:6px}.player-controls{gap:8px}.player-controls .icon-button{min-width:27px}.sponsor-clock{font-size:17.36cqw}.weather-source{font-size:8px;line-height:1.6}.format-grid{grid-template-columns:1fr;gap:16px}.format-card{padding:23px;display:grid;grid-template-columns:110px 1fr;gap:6px 20px;align-items:center}.format-tag{grid-column:2;font-size:8px}.format-display{grid-row:1/4;grid-column:1;height:135px;margin:0}.format-display>span{font-size:69px}.format-display>small{font-size:7px}.format-2>span{font-size:34px}.format-display i{width:93px;height:93px;border-radius:18px}.format-card h3{grid-column:2;font-size:21px;max-width:none;margin:4px 0 6px}.format-card p{grid-column:2;font-size:10px;line-height:1.8}.repeat-band{padding:23px 20px;gap:20px;align-items:flex-start}.repeat-orbit{width:55px;height:55px;margin-top:12px}.repeat-orbit span{font-size:32px}.repeat-band h3{font-size:20px;line-height:1.2}.repeat-band p{font-size:10px}.formats-section .fine-print{font-size:9px;margin-top:18px}.creative-layout,.tech-layout{grid-template-columns:1fr;gap:32px}.creative-layout h2{font-size:42px}.creative-layout .body-large{font-size:13px}.creative-list h3{font-size:19px}.creative-list p{font-size:11px}.creative-list .ph-icon{width:22px;height:22px}.city-timeline{grid-template-columns:1fr;margin-top:30px;gap:0}.city-timeline article{display:grid;grid-template-columns:77px 1fr;gap:5px 17px;padding:22px 0;border-top:1px solid #d6cada}.city-timeline article:before{display:none}.city-timeline article>span{font-size:37px;grid-row:1/3}.city-timeline h3{font-size:19px;margin:0}.city-timeline p{font-size:11px;grid-column:2;max-width:none;margin:5px 0 0}.city-tags{gap:8px}.city-tags>span{font-size:9px;padding:8px 12px;gap:7px}.city-tags .ph-icon{width:15px;height:15px}.tech-screen{width:80%;margin:20px auto 0}.tech-measure.side{left:-50px}.tech-layout h2{font-size:43px}.tech-spec-grid strong{font-size:36px}.tech-layout .body-large{font-size:13px}.tech-spec-grid span{font-size:10px}.offer-limited{font-size:11px;padding:12px 17px;margin-bottom:27px}.offer-copy h2{font-size:59px}.offer-deadline{margin-top:24px;gap:12px}.offer-deadline strong{font-size:18px}.offer-deadline span{font-size:10px;line-height:1.5}.offer-card{margin-top:12px}.offer-copy .body-large{max-width:100%}.map-sidebar{display:block;padding:23px 19px}.map-sidebar-head{padding-right:95px;min-height:95px}.map-sidebar-head .eyebrow{font-size:7px}.map-sidebar h3{font-size:26px;margin:10px 0}.map-sidebar p{font-size:10px;line-height:1.65;margin-bottom:15px}.poi-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.poi-button{padding:10px 8px;gap:7px}.poi-number{width:23px;height:23px;font-size:9px}.poi-button small{font-size:6px;letter-spacing:.04em}.poi-button strong{font-size:10px;line-height:1.2}.poi-button .ph-icon{display:none}.map-all{padding:17px 2px 0;font-size:10px}.map-host{position:absolute;right:10px;top:15px;border:0;display:block;min-height:0;pointer-events:none}.map-host .map-greeter{width:114px;height:114px;margin:-7px -12px 0 0}.map-host>span{display:none}.map-toolbar{padding:13px;min-height:60px}.map-place{font-size:7px}.map-toolbar .map-button{font-size:8px;padding:8px 10px;gap:6px}.map-toolbar .map-button .ph-icon{width:15px;height:15px}.map-stage{height:450px;min-height:450px}.map-bottom{padding:12px 13px;gap:10px}.map-bottom>span{font-size:8px;line-height:1.5;max-width:145px}.map-bottom a{font-size:9px;gap:6px}.poi-label{font-size:8px;padding:4px 6px}.map-shell{border-radius:20px}.leaflet-control-zoom a{width:33px!important;height:33px!important;line-height:33px!important}}
@media(max-width:350px){.format-card{grid-template-columns:88px 1fr;padding:19px;gap:5px 16px}.format-display i{width:78px;height:78px}.format-display>span{font-size:58px}.format-2>span{font-size:28px}.format-card h3{font-size:19px}.map-sidebar{padding:20px 14px}.poi-button{padding:10px 6px;gap:5px}.poi-button strong{font-size:9px}.map-sidebar-head{padding-right:82px}.map-sidebar h3{font-size:24px}.map-host .map-greeter{width:100px;height:100px}.offer-copy h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){.mascot-loop{display:none}.mascot-still{display:block}.format-display i,.repeat-orbit,.tech-scan,.limited-pulse{animation:none!important}}


/* refine-v4.css */
/* LaTele V4: compact formats, a sequenced history and a quieter map. */
.format-grid{gap:14px}.format-card{padding:24px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;border-radius:20px;background:#eeebf3;align-items:start;overflow:visible}
.format-icon{width:44px;height:44px;border-radius:14px;background:#8556f314;color:#8556f3;display:grid;place-items:center}.format-icon .ph-icon{width:25px;height:25px}.format-card:nth-child(3) .format-icon{background:#46512612;color:#667435}
.format-tag{font-size:7px;letter-spacing:.12em;margin:0 0 8px}.format-card h3{font-size:20px;line-height:1.15;max-width:none;margin:0 0 10px}.format-card p{font-size:11px;line-height:1.75;margin:0}.format-duration{grid-column:2;display:flex;align-items:baseline;gap:7px;border-top:1px solid #39234a15;padding-top:12px}.format-duration strong{font:500 23px var(--display);letter-spacing:-.06em}.format-duration small{font-size:8px;color:#85768e}
.repeat-band{position:relative;isolation:isolate;overflow:hidden;margin-top:24px;border:1px solid #d9e399;border-radius:26px;padding:34px 38px;background:#e5eeae;box-shadow:0 20px 45px #70812516;gap:35px}.repeat-band:after{content:'';position:absolute;z-index:-1;width:240px;height:240px;right:5%;top:-120px;border:1px solid #8e9b4940;border-radius:50%;box-shadow:0 0 0 28px #94a2460a,0 0 0 57px #94a2460a}.repeat-band h3{font-size:30px;font-weight:500;letter-spacing:-.055em;max-width:430px}.repeat-band p{font-size:12px;max-width:490px}.repeat-band .button{background:#332345;color:#f7f7ed;border:1px solid #332345;box-shadow:0 7px 15px #33234510}.repeat-band .button:hover{background:#8556f3;border-color:#8556f3;box-shadow:0 10px 22px #8556f32b}.repeat-orbit{width:90px;height:90px}.repeat-orbit span{font-size:48px}
.history-scene{position:relative;margin-top:45px}.history-rail{position:absolute;left:0;right:0;top:0;height:1px;background:#d8cde2;overflow:hidden}.history-rail>span{display:block;width:100%;height:100%;background:#8556f3;transform:scaleX(0);transform-origin:left}.city-timeline{margin:0;gap:35px}.city-timeline article{border:0;opacity:1;padding-top:25px}.history-birth{margin:26px 0 30px;border:1px solid #d8c9e6;border-radius:20px;background:linear-gradient(110deg,#eee5f7,#f3f0e9);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.history-birth>span{font-size:11px;color:#795394}.history-birth>div{display:flex;align-items:center;gap:10px}.history-birth img:first-child{width:42px;height:42px;border-radius:7px}.history-birth img:last-child{width:140px;height:auto}.history-scene.is-visible .history-rail>span{animation:history-track 10s ease infinite}.history-scene.is-visible .history-date{display:inline-block;animation:history-date 10s ease infinite;animation-delay:calc(var(--stage)*1s)}.history-scene.is-visible .history-birth>div{animation:history-brand 10s ease infinite}
@keyframes history-track{0%{transform:scaleX(0)}45%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes history-date{0%,8%{opacity:.16;transform:translateY(12px);filter:blur(3px)}18%,72%{opacity:1;transform:translateY(0);filter:blur(0)}85%,100%{opacity:.16;transform:translateY(-6px);filter:blur(2px)}}
@keyframes history-brand{0%,32%{opacity:.18;transform:translateY(8px) scale(.97)}43%,88%{opacity:1;transform:none}100%{opacity:.18;transform:translateY(8px) scale(.97)}}
.tech-screen{margin:20px auto;padding:18px}.tech-section+.city-section{background:#f7f7ed}
.live-wave{display:flex;align-items:center;justify-content:center;height:76px;width:100%}.signal-loop{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;max-width:none;height:68px}.signal-loop:before,.signal-loop:after{content:none}.signal-loop i{flex:none;width:6px;height:var(--wave-height,30px);border-radius:8px;background:#bba0f2;animation:wave-v4 1.6s ease-in-out infinite;animation-delay:calc(var(--i)*-.095s)}.signal-loop i:nth-child(3n){background:#e4eeaf}@keyframes wave-v4{0%,100%{transform:scaleY(.38);opacity:.5}50%{transform:scaleY(1);opacity:1}}
.player video{transition:none;opacity:0}.player video.media-active{opacity:1}
.map-shell{grid-template-columns:290px minmax(0,1fr);border-radius:28px;box-shadow:0 25px 70px #39234a0a}.map-sidebar{padding:30px 25px}.map-sidebar-head .eyebrow{font-size:8px}.map-sidebar-head h3{font-size:28px;margin:13px 0 23px}.map-featured{display:block;padding:20px;border-radius:18px;background:#39204e;color:#f7f7ed;box-shadow:0 9px 22px #39204e14;transition:background .25s,transform .25s}.map-featured:hover{background:#6941a0;transform:translateY(-2px)}.map-featured-logo{display:flex;align-items:center;gap:8px;margin-bottom:18px}.map-featured-logo img:first-child{width:31px;height:31px;border-radius:4px}.map-featured-logo img:last-child{width:106px;height:auto}.map-featured>strong{display:block;font-size:13px;font-weight:500;margin-bottom:9px}.map-featured>span:last-child{display:flex;gap:7px;align-items:center;color:#d9c9ee;font-size:9px}.map-featured .ph-icon{width:16px;height:16px}.map-nearby{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#9b87aa;margin:28px 0 12px}.poi-list{gap:0}.poi-button{border:0;border-bottom:1px solid #eae3ee;border-radius:0;padding:13px 0;gap:10px}.poi-button.is-latele{display:none}.poi-button:hover{background:transparent;transform:none;color:#8556f3}.poi-number{width:25px;height:25px;font-size:8px;background:#f2edf7;border:0}.poi-button small{font-size:6px}.poi-button strong{font-size:11px}.poi-button[aria-pressed=true]{background:transparent;border-color:#d3bddf;color:#8556f3}.map-all{font-size:9px;padding:20px 0}.map-host{position:static;border:0;min-height:110px;margin-top:15px;gap:4px;justify-content:center}.map-host .map-greeter{width:130px;height:130px;margin:0 -13px -15px -20px}.map-host>span{font-size:9px;padding:10px;max-width:100px}.map-stage{height:640px;min-height:580px}.map-toolbar{padding:18px 22px}.map-place{display:flex;align-items:center;gap:9px}.map-place>img{width:25px;height:25px;border-radius:4px}.map-bottom{padding:16px 22px}.poi-pin:not(.screen-mini){width:16px;height:16px;border-radius:50%;background:#735d80;border:3px solid #fff;box-shadow:0 2px 7px #39234a25}.poi-pin:not(.screen-mini):after{width:3px;height:3px}.screen-flag{position:absolute;bottom:0;left:-71px;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#8556f3;border:2px solid #fff;border-radius:15px 15px 15px 3px;box-shadow:0 5px 0 #4f2983,0 12px 28px #49257e3d;white-space:nowrap}.screen-flag img:first-child{width:33px;height:33px;border-radius:5px}.screen-flag img:last-child{width:95px;height:auto}.screen-flag:after{content:'';position:absolute;bottom:-13px;left:69px;width:12px;height:12px;background:#8556f3;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg)}.poi-label{font-size:10px;padding:6px 9px;background:#fffef9f7;box-shadow:0 3px 12px #35204408;border-color:#eee6f3}.leaflet-tile-pane{filter:saturate(.3) contrast(.93) brightness(1.04)}
@media(max-width:1100px){.format-card{padding:20px;grid-template-columns:34px minmax(0,1fr);gap:12px}.format-icon{width:34px;height:34px;border-radius:10px}.format-icon .ph-icon{width:21px;height:21px}.format-card h3{font-size:18px}.repeat-band{padding:30px;gap:28px}.repeat-band h3{font-size:28px}.map-shell{grid-template-columns:260px minmax(0,1fr)}.map-sidebar{padding:26px 20px}.map-featured{padding:17px}.history-birth img:last-child{width:125px}}
@media(max-width:800px){.format-grid{grid-template-columns:1fr}.format-card{grid-template-columns:44px minmax(0,1fr) 85px;align-items:center;padding:22px 26px;gap:18px}.format-duration{grid-column:3;grid-row:1;border:0;border-left:1px solid #39234a15;padding:0 0 0 20px;flex-direction:column;gap:1px}.format-icon{width:44px;height:44px}.format-card h3{font-size:21px;margin-bottom:6px}.format-card p{max-width:400px}.format-tag{font-size:7px;margin-bottom:7px}.repeat-band .button{display:none}.repeat-band h3{font-size:30px}.city-timeline{gap:22px}.history-birth{padding:20px}.map-shell{grid-template-columns:240px minmax(0,1fr)}.map-sidebar{display:flex;padding:23px 18px}.map-sidebar-head{padding:0;min-height:0}.map-sidebar-head h3{font-size:25px}.map-featured-logo img:last-child{width:88px}.map-featured{padding:16px}.poi-list{display:grid;grid-template-columns:1fr;margin:0;align-self:auto}.map-stage{min-height:590px;height:640px}.map-host .map-greeter{width:110px;height:110px}.map-toolbar{padding:16px}.map-place{font-size:8px}.map-toolbar .map-button{font-size:8px;padding:8px}.map-bottom{padding:13px;gap:10px}.map-bottom>span{font-size:8px}.map-bottom a{font-size:9px}}
@media(max-width:600px){.format-card{grid-template-columns:35px minmax(0,1fr) 59px;gap:12px;padding:20px 17px}.format-icon{width:35px;height:40px}.format-compact-copy{grid-column:2}.format-card h3{font-size:18px;grid-column:auto;margin:0 0 7px}.format-card p{grid-column:auto;font-size:10px}.format-tag{font-size:6px;letter-spacing:.06em}.format-duration{padding-left:12px}.format-duration strong{font-size:21px}.format-duration small{font-size:7px}.format-card:nth-child(3) .format-duration strong{font-size:17px}.repeat-band{padding:28px 24px;gap:22px;flex-wrap:wrap}.repeat-orbit{width:56px;height:56px;margin:5px 0}.repeat-orbit span{font-size:34px}.repeat-band>div:nth-child(2){flex:1;min-width:155px}.repeat-band h3{font-size:27px;line-height:1.12}.repeat-band p{font-size:11px;line-height:1.85}.repeat-band:after{right:-140px;top:-150px}.history-scene{margin-top:30px}.city-timeline{gap:0}.city-timeline article{padding:23px 0;border-top:1px solid #dfd3e5;grid-template-columns:80px 1fr}.city-timeline article:first-child{border-top:0}.city-timeline article>span{font-size:37px}.history-birth{margin:8px 0 25px;padding:20px;align-items:flex-start;flex-direction:column;gap:18px}.history-birth>span{font-size:10px}.history-birth img:first-child{width:34px;height:34px}.history-birth img:last-child{width:128px}.tech-screen{width:83%;margin:0 auto}.signal-loop{gap:4px}.signal-loop i{width:5px}.map-shell{grid-template-columns:1fr;border-radius:22px}.map-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:25px 22px;border-right:0;border-bottom:1px solid #e3dbe8}.map-sidebar-head{grid-column:1/3;grid-row:1;min-height:0}.map-sidebar-head h3{font-size:28px;margin:10px 0 20px}.map-featured{grid-column:1/3;grid-row:2;display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:18px 20px}.map-featured-logo{grid-column:1;grid-row:1/3;align-self:center;margin:0}.map-featured-logo img:last-child{width:100px}.map-featured>strong{grid-column:2;font-size:10px;margin:0 0 6px}.map-featured>span:last-child{grid-column:2;font-size:8px}.map-nearby{grid-column:1/3;margin:24px 0 8px}.poi-list{grid-column:1;grid-row:4;display:grid;grid-template-columns:1fr}.poi-button{padding:12px 0;gap:7px}.poi-button strong{font-size:10px}.poi-button small{font-size:6px}.map-all{grid-column:1/3;grid-row:5;padding:18px 0 0}.map-host{grid-column:2;grid-row:4;display:flex;align-self:center;position:static;min-height:0;margin:0;flex-direction:column;gap:0}.map-host .map-greeter{width:140px;height:140px;margin:-10px -15px -20px}.map-host>span{display:block;margin:0;transform:none;background:transparent;font-size:8px;max-width:120px;text-align:center;padding:0}.map-stage{min-height:440px;height:440px}.map-toolbar{padding:13px}.map-place{font-size:7px;gap:6px}.map-place>img{width:21px;height:21px}.map-bottom{padding:13px}.screen-flag{left:-65px;padding:10px 12px;gap:7px;border-radius:12px 12px 12px 3px}.screen-flag img:first-child{width:28px;height:28px}.screen-flag img:last-child{width:85px}.screen-flag:after{left:62px}.poi-label{font-size:8px;padding:5px 7px}}
.motion-paused .history-date,.motion-paused .history-rail>span,.motion-paused .history-birth>div{animation:none!important;opacity:1;transform:none;filter:none}.motion-paused .history-rail>span{transform:scaleX(1)}
@media(max-width:370px){.map-featured{display:block;padding:19px}.map-featured-logo{margin-bottom:17px}.map-featured-logo img{flex-shrink:0}.map-featured>strong{font-size:12px;margin-bottom:7px}.map-featured>span:last-child{font-size:9px}}
.city-timeline{margin-bottom:35px}.history-final-date{display:flex!important;align-items:center;gap:18px;white-space:nowrap}.history-inline-brand{display:inline-flex;align-items:center;gap:6px}.history-inline-brand img:first-child{width:28px;height:28px;border-radius:4px}.history-inline-brand img:last-child{width:104px;height:auto}.history-scene.is-visible .history-final-date{animation-delay:2s}.history-birth{display:none}
@media(max-width:1100px){.history-final-date{gap:11px}.history-inline-brand img:first-child{width:22px;height:22px}.history-inline-brand img:last-child{width:80px}}
@media(max-width:600px){.city-timeline article:last-child .history-final-date{grid-column:1/3;grid-row:auto;gap:18px;margin-bottom:7px}.history-inline-brand img:first-child{width:28px;height:28px}.history-inline-brand img:last-child{width:108px}.city-timeline article:last-child h3{grid-column:2}.city-timeline{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.history-date,.history-rail>span,.history-birth>div{animation:none!important;opacity:1;transform:none;filter:none}}

/* Product names are the primary hierarchy. Measurements keep their labels only. */
.format-card{border-radius:22px;border-color:#dcd0ed;background:linear-gradient(145deg,#f1eafa,#eee8f4);box-shadow:0 9px 25px #39234a05;transition:transform .3s,box-shadow .3s}.format-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #39234a10}.format-card .format-product{font:700 30px/1 var(--display);letter-spacing:-.045em;color:#6336b5;margin:0 0 14px}.format-card .format-subtitle{font-size:13px;line-height:1.35;font-weight:700;color:#493158;margin:0 0 8px}.format-card .format-compact-copy>p:last-child{font-size:11px;color:#82718e}.format-card:nth-child(2){background:linear-gradient(145deg,#482865,#2e193e);border-color:#482865;color:#fff7f0}.format-card:nth-child(2) .format-icon{background:#cdb0ff20;color:#d9c0ff}.format-card:nth-child(2) .format-product{color:#e0c7ff}.format-card:nth-child(2) .format-subtitle{color:#fff7f0}.format-card:nth-child(2) .format-compact-copy>p:last-child,.format-card:nth-child(2) .format-duration small{color:#c8b5d5}.format-card:nth-child(2) .format-duration{border-color:#ffffff25}.format-card:nth-child(3){background:linear-gradient(145deg,#edf1dd,#e5eacf);border-color:#dce1c4}.format-card:nth-child(3) .format-product{color:#4e5c2d}.format-card:nth-child(3) .format-subtitle{color:#4e5736}.format-duration strong{font-size:25px}.tech-measure.top{border:0;top:-24px;padding:0}.tech-measure.side{left:-40px}.tech-screen{margin:45px auto;padding:18px}
@media(max-width:1100px){.format-card .format-product{font-size:27px}.format-card .format-subtitle{font-size:12px}}
@media(max-width:800px){.format-card .format-product{font-size:28px;margin-bottom:9px}.format-card .format-subtitle{font-size:12px}.format-card .format-compact-copy>p:last-child{font-size:10px}}
@media(max-width:600px){.format-card{grid-template-columns:33px minmax(0,1fr) 50px;padding:22px 16px;gap:11px}.format-card .format-product{font-size:24px;letter-spacing:-.055em}.format-card:nth-child(3) .format-product{font-size:21px}.format-card .format-subtitle{font-size:11px;margin-bottom:7px}.format-card .format-compact-copy>p:last-child{font-size:9px;line-height:1.7}.format-duration{padding-left:10px}.format-duration strong{font-size:24px}.format-card:nth-child(3) .format-duration strong{font-size:17px}.tech-screen{margin:40px auto 0}.tech-measure.top{top:-13px;font-size:10px}.tech-measure.side{left:-38px;font-size:10px}}
@media(max-width:350px){.format-card{grid-template-columns:27px minmax(0,1fr) 43px;gap:9px;padding:20px 12px}.format-icon{width:27px}.format-icon .ph-icon{width:20px;height:20px}.format-card .format-product{font-size:22px}.format-card:nth-child(3) .format-product{font-size:18px}.format-card .format-subtitle{font-size:10px}.format-card .format-compact-copy>p:last-child{font-size:9px}.format-duration strong{font-size:21px}}
.hero-mascot{width:280px;left:-92px;bottom:-15px}.faq-mascot{width:270px}.map-host .map-greeter{width:148px;height:148px}
@media(max-width:1100px){.hero-mascot{width:240px;left:-72px;bottom:-12px}}
@media(max-width:800px){.hero-mascot{width:205px;left:-52px}.faq-mascot{width:215px}.map-host .map-greeter{width:125px;height:125px}}
@media(max-width:600px){.hero-mascot{width:210px;left:-45px;bottom:-14px}.faq-mascot{width:160px}.map-host .map-greeter{width:160px;height:160px}}
.offer-ticker{display:block;position:relative;background:#372044;color:#f7f7ed;border-block:1px solid #573567;padding:23px 0;transform:rotate(-1.2deg);isolation:isolate;text-decoration:none;box-shadow:0 12px 40px #39234a10;transition:background .3s}.offer-ticker:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 35% 0,#8556f35c,transparent 65%),repeating-linear-gradient(0deg,transparent 0 3px,#ffffff03 3px 4px);pointer-events:none}.offer-ticker>.ticker-track{gap:0;animation:offer-marquee 34s linear infinite;align-items:center}.ticker-group{display:flex;align-items:center;flex:none;gap:35px;padding-right:35px}.offer-ticker .ticker-offer-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #dceca45c;background:#dceca40c;padding:10px 15px;border-radius:50px;font:600 11px var(--display);letter-spacing:.08em;color:#e4efb1}.ticker-offer-chip .ph-icon{width:20px;height:20px}.ticker-group>strong{font:500 33px/1 var(--display);letter-spacing:-.045em;white-space:nowrap}.offer-ticker .ticker-price{font:600 29px/1 var(--display);color:#e5f1ac;display:flex;align-items:baseline;gap:9px}.ticker-price small{font:400 11px var(--display);color:#d4c3df;letter-spacing:0}.offer-ticker .ticker-terms{font:400 12px var(--display);letter-spacing:0;color:#cbb6d8}.ticker-group>img{width:31px;height:31px;border-radius:5px;flex:none}.offer-ticker .ticker-cta{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:18px;background:#e5efb0;border:1px solid #ecf6bf;color:#39234a;border-radius:50px;padding:14px 19px;font:700 11px var(--display);letter-spacing:0;box-shadow:0 0 0 15px #372044,0 0 50px 35px #372044;transition:background .3s,box-shadow .3s}.ticker-cta .ph-icon{width:20px;height:20px}.offer-ticker:hover{background:#4a295f}.offer-ticker:hover .ticker-cta{background:#f4ffd0;box-shadow:0 0 0 15px #4a295f,0 0 50px 35px #4a295f}.offer-ticker:hover>.ticker-track,.offer-ticker:focus-visible>.ticker-track{animation-play-state:paused}.offer-ticker:focus-visible{outline:3px solid #8556f3;outline-offset:5px}@keyframes offer-marquee{to{transform:translateX(-50%)}}
@media(max-width:600px){.offer-ticker{padding:21px 0}.ticker-group{gap:25px;padding-right:25px}.ticker-group>strong{font-size:26px}.offer-ticker .ticker-offer-chip{font-size:9px;padding:9px 12px;gap:7px}.ticker-offer-chip .ph-icon{width:17px;height:17px}.offer-ticker .ticker-price{font-size:25px}.ticker-price small{font-size:9px}.offer-ticker .ticker-terms{font-size:10px}.offer-ticker .ticker-cta{right:15px;padding:12px 14px;font-size:10px;gap:8px;box-shadow:0 0 0 10px #372044,0 0 35px 20px #372044}.ticker-cta .ph-icon{width:17px;height:17px}}
/* Optional promotion ribbon: deliberately slim, with a complete clickable surface. */
.offer-ticker{padding:10px 0;transform:rotate(-.65deg)}.ticker-group{gap:27px;padding-right:27px}.ticker-group>strong{font-size:22px}.offer-ticker .ticker-offer-chip{font-size:9px;padding:6px 10px;gap:7px;letter-spacing:.06em}.ticker-offer-chip .ph-icon{width:15px;height:15px}.offer-ticker .ticker-price{font-size:21px}.ticker-price small{font-size:9px}.ticker-group>img{width:24px;height:24px}.offer-ticker .ticker-terms{font-size:10px}.offer-ticker .ticker-cta{padding:9px 14px;font-size:9px;gap:10px}.ticker-cta .ph-icon{width:16px;height:16px}
@media(max-width:600px){.offer-ticker{padding:9px 0}.ticker-group{gap:23px;padding-right:23px}.ticker-group>strong{font-size:20px}.offer-ticker .ticker-offer-chip{font-size:8px;padding:5px 9px}.offer-ticker .ticker-price{font-size:20px}.offer-ticker .ticker-cta{padding:8px 11px;font-size:9px;gap:6px}}
.ticker-group{min-width:100vw;justify-content:space-around}
.offer-ticker{cursor:pointer}.offer-ticker:hover{background:#4a295f;box-shadow:0 8px 30px #8556f32a}.offer-ticker .ticker-cta{display:none}


/* refine-v6.css */
/* Both decoded video slots and every overlay share one square viewport. */
.live-layout>*{min-width:0}.tv-unit{min-width:0}.player{width:100%;min-width:0}
.player-viewport{position:absolute;inset:0;width:100%;height:100%;margin:auto;overflow:hidden;isolation:isolate;background:#160d20}
.player video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block}
.player .scanlines,.player .sponsored-overlay,.player .player-corners{inset:0;width:100%;height:100%}
.player:fullscreen{border:0}.player:fullscreen .player-viewport{width:min(100vw,100vh);height:min(100vw,100vh)}
.player-expanded{border:0}.player-expanded .player-viewport{width:min(92vw,92vh);height:min(92vw,92vh)}
.player-controls{min-width:0}.player-controls #player-play>span{display:grid;place-items:center;width:21px;height:21px}.player-controls #player-play .ph-icon{display:block;width:21px;height:21px;flex:none}
.offer-copy h2 em{font-size:.95em}.offer-card-top>span{letter-spacing:.07em}
.mascot-render:after{bottom:19%;left:31%;right:23%;height:2.8%;filter:blur(4px)}
.player:fullscreen>.player-controls,.player-expanded>.player-controls{position:absolute;left:14px;right:14px;bottom:14px;z-index:20;display:flex;flex-wrap:nowrap;padding:10px 14px;border:1px solid #ffffff30;border-radius:14px;background:#160d20e8;backdrop-filter:blur(12px);margin:0;gap:12px;color:#f7f7ed}
.player:fullscreen>.player-controls .icon-button,.player-expanded>.player-controls .icon-button{flex:none;color:#f7f7ed}
@media(max-width:600px){.player:fullscreen>.player-controls,.player-expanded>.player-controls{left:9px;right:9px;bottom:9px;padding:9px 11px;gap:7px}}


/* refine-v7.css */
/* LaTele V7 · a lighter location marker and compositor-only history motion. */
.repeat-band h3{line-height:1.12}
.repeat-band h3 br{display:block}
.offer-card-top>span{font-size:15px;line-height:1.35;letter-spacing:-.035em;max-width:150px;font-weight:750;text-transform:none}

/* Dates appear briskly, without animated blur or layout changes. */
.history-scene{contain:layout style}
.history-scene .history-date{filter:none!important;opacity:1;transform:none}
.history-scene.is-visible .history-date{animation:history-date-v7 4.2s cubic-bezier(.2,.65,.3,1) infinite both;animation-delay:calc(var(--stage)*.18s);will-change:transform,opacity}
.history-scene.is-visible .history-rail>span{animation:history-rail-v7 4.2s cubic-bezier(.25,.6,.3,1) infinite;will-change:transform}
.history-inline-brand{display:inline-flex;flex:none}
.history-inline-brand img:first-child,.history-inline-brand img:last-child{width:35px;height:35px;border-radius:6px}
.history-final-date{gap:16px}
@keyframes history-date-v7{
  0%{opacity:.3;transform:translate3d(0,7px,0)}
  12%,86%{opacity:1;transform:translate3d(0,0,0)}
  100%{opacity:.3;transform:translate3d(0,7px,0)}
}
@keyframes history-rail-v7{
  0%{transform:scaleX(0)}
  26%,90%{transform:scaleX(1)}
  100%{transform:scaleX(0)}
}

/* A screen on a precise map point, with a quiet, readable label. */
.poi-marker:has(.screen-location){background:none;border:0}
.screen-location{position:relative;display:block;width:148px;height:80px;isolation:isolate}
.screen-location-card{position:absolute;top:0;left:0;width:148px;height:55px;display:flex;align-items:center;gap:9px;padding:8px 10px;background:#fffef9;border:1px solid #d7c6e8;border-radius:15px;box-shadow:0 5px 15px #39234a1c;transition:transform .2s ease,box-shadow .2s ease}
.screen-location-device{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:9px;background:linear-gradient(140deg,#ead0f3,#8151de);box-shadow:inset 0 1px 1px #ffffffcc,0 2px 4px #39234a20}
.screen-location-device img{width:28px;height:28px;object-fit:contain;border-radius:5px}
.screen-location-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.screen-location-copy strong{font:750 19px/1 Manrope,Arial,sans-serif;letter-spacing:-.06em;color:#472260}
.screen-location-copy small{font:600 8px/1.4 Manrope,Arial,sans-serif;color:#8b709b;white-space:nowrap}
.screen-location-card>.ph-icon{width:15px;height:15px;color:#9465dc;margin-left:auto;flex:none}
.screen-location-stem{position:absolute;top:55px;left:73px;width:2px;height:20px;background:linear-gradient(#bca4d1,#8556f3)}
.screen-location-point{position:absolute;bottom:-4px;left:69px;width:10px;height:10px;border-radius:50%;background:#8556f3;border:2px solid #fff;box-shadow:0 0 0 5px #8556f32c,0 2px 6px #39234a25}
.screen-location-point:after{content:'';position:absolute;inset:-7px;border:1px solid #8556f355;border-radius:50%;animation:location-ripple 2.6s ease-out infinite}
.poi-marker:hover .screen-location-card,.poi-marker:focus-visible .screen-location-card{transform:translateY(-3px);box-shadow:0 9px 22px #39234a25}
@keyframes location-ripple{0%{opacity:.7;transform:scale(.7)}80%,100%{opacity:0;transform:scale(1.65)}}

/* The location card belongs to the map interface, rather than a second billboard. */
.map-featured{position:relative;background:#fffef9;color:#45235d;border:1px solid #d9c8e6;box-shadow:0 4px 14px #39234a06;padding:19px}
.map-featured:hover{background:#f1e9fa;border-color:#b89cda}
.map-featured-logo{gap:9px;margin-bottom:15px}
.map-featured-logo img:first-child{width:31px;height:31px;border-radius:6px}
.map-featured-logo img:last-child{width:103px}
.map-featured>strong{font-size:12px;font-weight:650}
.map-featured>span:last-child{font-size:9px;color:#8556f3}
.poi-popup{padding:3px 0}
.poi-popup>small{color:#9679ad;letter-spacing:.1em}
.poi-popup>a{display:inline-flex;align-items:center;background:#8556f3!important;color:#fffef9!important;border-radius:30px;padding:9px 14px;text-decoration:none!important;font-weight:650;font-size:10px}
.leaflet-popup-content-wrapper{border:1px solid #e3d5ec;border-radius:18px;box-shadow:0 10px 30px #39234a18}
.leaflet-popup-content{margin:19px 21px}
.map-host .map-greeter{width:180px;height:180px;flex:none;margin:0 -20px -18px -25px}
.map-host{gap:0;min-height:150px}
.map-host>span{padding-left:0;line-height:1.65}
@media(max-width:1100px){
 .history-inline-brand img:first-child,.history-inline-brand img:last-child{width:29px;height:29px}
 .map-host .map-greeter{width:165px;height:165px;margin-left:-24px;margin-right:-24px}
 .map-host>span{max-width:75px;font-size:8px}
}
@media(max-width:800px){
 .map-host{flex-direction:column;gap:0}
 .map-host .map-greeter{width:180px;height:180px;margin:0 -10px -25px}
 .map-host>span{max-width:140px;text-align:center}
}
@media(max-width:600px){
 .map-featured{padding:17px 18px}
 .map-featured-logo{margin:0}
 .map-featured-logo img:last-child{width:88px}
 .map-featured>strong{font-size:9px}
 .map-featured>span:last-child{font-size:8px}
 .map-sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
 .map-host{min-width:0;min-height:0;max-width:100%;width:100%;align-items:center}
 .map-host .map-greeter{width:190px;height:190px;margin:0 -26px -25px}
 .map-host>span{max-width:100%;font-size:8px}
 .history-inline-brand img:first-child,.history-inline-brand img:last-child{width:32px;height:32px}
 .city-timeline article:last-child .history-final-date{gap:14px;margin-bottom:5px}
 .offer-card-top>span{font-size:14px}
}
@media(max-width:360px){
 .poi-list,.poi-button>span:nth-child(2){min-width:0}
 .poi-button{gap:6px}
 .poi-button>.ph-icon{display:none}
 .poi-number{width:22px;height:22px;flex:none}
 .poi-button strong{font-size:9px;line-height:1.45}
 .poi-button small{font-size:5.5px;letter-spacing:.03em}
 .map-host .map-greeter{width:180px;height:180px}
}
.motion-paused .history-scene.is-visible .history-date,.motion-paused .history-scene.is-visible .history-rail>span{animation:none!important;will-change:auto;opacity:1;transform:none}
.motion-paused .history-scene.is-visible .history-rail>span{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){
 .history-scene.is-visible .history-date,.history-scene.is-visible .history-rail>span,.screen-location-point:after{animation:none!important;will-change:auto;opacity:1;transform:none}
 .history-scene.is-visible .history-rail>span{transform:scaleX(1)}
}



/* refine-v8.css */
/* LaTele V8 · measuring the screen, with a new construction pose. */
.tech-mascot{position:absolute;width:300px;right:-126px;bottom:-80px;z-index:3;pointer-events:none;filter:drop-shadow(0 8px 8px #10091b35)}
.tech-mascot>.mascot-render{display:block;width:100%;aspect-ratio:1}
.tech-mascot .mascot-render:after{display:none}
.tech-screen{margin-bottom:75px}

/* A speech balloon with its own typographic hierarchy, rather than a small label. */
.map-host{gap:0;flex-direction:row}
.map-host>.map-speech{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:none;gap:5px;width:112px;max-width:112px;min-height:65px;margin:0 0 0 -18px;padding:13px 12px 12px;background:linear-gradient(135deg,#fffefa,#f6f0ff);border:1px solid #d9c7ed;border-radius:17px 17px 17px 5px;box-shadow:0 5px 15px #5830750b,inset 0 1px 0 white;color:#45275d;transform:none;text-align:left;animation:speech-drift 5s ease-in-out infinite}
.map-speech small{display:block;font-size:7px;font-weight:650;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#9272a8;white-space:nowrap}
.map-speech strong{display:block;font-size:14px;font-weight:800;line-height:1.15;letter-spacing:-.04em;color:#7445c5;white-space:nowrap}
.map-speech:before{content:'';position:absolute;left:-9px;top:32px;width:10px;height:14px;background:#fdfbff;clip-path:polygon(100% 0,100% 100%,0 50%);filter:drop-shadow(-1px 0 0 #d9c7ed)}
.speech-pin{position:absolute;right:-7px;top:-9px;width:23px;height:23px;display:grid;place-items:center;background:#e6f0b6;border:2px solid #fffef9;border-radius:50%;box-shadow:0 2px 6px #39234a12;color:#677343}
.speech-pin .ph-icon{width:12px;height:12px}
@keyframes speech-drift{0%,100%{transform:translate3d(0,1px,0)}50%{transform:translate3d(0,-3px,0)}}
@media(max-width:1100px){
 .tech-mascot{width:275px;right:-115px;bottom:-77px}
 .map-host>.map-speech{width:102px;max-width:102px;margin-left:-24px;padding:12px 10px;min-height:61px}
 .map-speech strong{font-size:13px}
 .map-speech small{font-size:6.5px}
}
@media(max-width:800px){
 .tech-mascot{width:245px;right:-78px;bottom:-70px}
 .map-host .map-greeter{width:165px;height:165px;margin-left:-25px;margin-right:-24px}
 .map-host>.map-speech{max-width:102px}
}
@media(max-width:600px){
 .tech-screen{margin-bottom:62px}
 .tech-mascot{width:235px;right:-87px;bottom:-69px}
 .map-host{flex-direction:column-reverse}
 .map-host>.map-speech{width:124px;max-width:100%;min-height:57px;margin:0 0 -23px;padding:11px 13px;border-radius:16px 16px 5px 16px;align-items:flex-start}
 .map-speech strong{font-size:14px}
 .map-speech small{font-size:7px}
 .map-speech:before{left:30px;top:auto;bottom:-9px;width:13px;height:10px;background:#faf6ff;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 0 #d9c7ed)}
 .map-host .map-greeter{width:190px;height:190px;margin:0 -26px -25px}
}
@media(max-width:360px){
 .tech-mascot{width:210px;right:-77px;bottom:-63px}
 .map-host>.map-speech{padding:10px 9px}
 .map-speech small{font-size:6px}
 .map-speech strong{font-size:12px}
 .map-host .map-greeter{width:180px;height:180px}
 .speech-pin{right:-3px;top:-8px;width:21px;height:21px}
}
@media(prefers-reduced-motion:reduce){.map-host>.map-speech{animation:none;transform:none}}



/* refine-v10.css */
/* V10 — compact type, camera framing, intentional playback and a readable timeline. */
.hero{min-height:0;grid-template-columns:1.06fr 1fr;gap:clamp(45px,7vw,104px);align-items:center;padding-top:clamp(40px,4vw,64px);padding-bottom:54px}
.hero-copy h1{font-family:var(--font);font-size:clamp(56px,6.1vw,91px);font-weight:600;line-height:1.025;letter-spacing:-.065em;margin:0 0 27px;max-width:650px}
.hero-copy h1>span,.hero-copy h1>strong{display:block;font-family:inherit;font-size:inherit;font-style:normal;line-height:inherit;letter-spacing:inherit;margin:0}
.hero-copy h1>span{font-weight:550;color:var(--ink)}
.hero-copy h1>strong{font-weight:750;color:var(--purple);margin-top:.09em;max-width:7.8em;text-wrap:balance}
.hero-text{font-size:14px;line-height:1.85;max-width:395px;margin-bottom:25px}
.hero-foot{margin-top:30px}
.hero-visual{position:relative;min-height:0;height:auto;aspect-ratio:auto;align-self:center}
.shoot-frame{position:relative;isolation:isolate}
.hero-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;border-radius:0;overflow:hidden;transform:none}
.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;transition:transform 1s cubic-bezier(.2,.7,.3,1)}
.hero-visual:hover .hero-image>img{transform:scale(1.035)}
.shoot-corners{position:absolute;inset:-17px;pointer-events:none;z-index:3;animation:camera-focus 6.2s ease-in-out infinite}
.shoot-corners i{position:absolute;width:31px;height:31px;border-style:solid;border-color:var(--purple);border-width:0;border-radius:0}
.shoot-corners i:nth-child(1){top:0;left:0;border-top-width:3px;border-left-width:3px}
.shoot-corners i:nth-child(2){top:0;right:0;border-top-width:3px;border-right-width:3px}
.shoot-corners i:nth-child(3){bottom:0;left:0;border-bottom-width:3px;border-left-width:3px}
.shoot-corners i:nth-child(4){bottom:0;right:0;border-bottom-width:3px;border-right-width:3px}
.shoot-flash{position:absolute;inset:0;background:#f5edff;opacity:0;pointer-events:none;animation:camera-shutter 6.2s ease-in-out infinite}
.hero-channel{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:17px 0 0 112px;line-height:1.5;font-size:7px;min-height:40px}
.hero-channel>span.channel-label:nth-of-type(2){display:block;margin-left:0;font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--ink)}
.hero-channel .channel-name{font-size:6px;font-weight:500;letter-spacing:.07em;margin-left:auto;color:var(--ink)}
.hero-channel .signal-dot{width:5px;height:5px;flex:none}
.hero-mascot{width:clamp(190px,22vw,275px);left:-82px;bottom:-5px}
.visual-corner{z-index:5;top:15px;left:15px;border-radius:10px;padding:9px 12px}
.corner-label{right:-24px;font-size:6px}
@keyframes camera-focus{0%,69%,100%{transform:scale(1);opacity:.55}76%{transform:scale(.982);opacity:1}82%,90%{transform:scale(1);opacity:1}}
@keyframes camera-shutter{0%,81%,86%,100%{opacity:0}83%{opacity:.16}}

/* A phosphor line expands into a briefly branded CRT image. */
.tv-boot{display:block;position:fixed;inset:0;z-index:2000;background:#100a18;pointer-events:none;overflow:hidden;animation:crt-reveal 1.55s cubic-bezier(.2,.7,.2,1) both}
.boot-surface{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#59377d 0,#1f122e 48%,#100a18 90%);transform-origin:center;animation:crt-expand 1.55s cubic-bezier(.15,.65,.15,1) both}
.boot-surface:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 4px);box-shadow:inset 0 0 12vw 2vw #08040d;pointer-events:none}
.boot-logo{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,35px);width:clamp(230px,52vw,660px);filter:drop-shadow(0 0 22px #c49cff80);animation:crt-brand 1.55s ease both}
.boot-logo img:first-child{width:18%;border-radius:14%}
.boot-logo img:last-child{width:76%;height:auto}
.boot-line{position:absolute;inset:50% 7% auto;height:2px;background:#eee1ff;box-shadow:0 0 14px 5px #c39cf8a0;animation:crt-line 1.55s ease both}
.boot-frequency{position:absolute;bottom:25%;left:0;right:0;color:#cfb6eb;text-align:center;font-size:8px;letter-spacing:.3em;animation:crt-brand 1.55s ease both}
@keyframes crt-expand{0%,8%{transform:scale(.01,.001)}21%{transform:scale(.8,.003)}43%,100%{transform:scale(1,1)}}
@keyframes crt-reveal{0%,71%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes crt-brand{0%,26%{opacity:0;transform:scale(.96)}40%,68%{opacity:1;transform:scale(1)}86%,100%{opacity:0;transform:scale(1.015)}}
@keyframes crt-line{0%,8%{opacity:1}35%,100%{opacity:0}}

/* One left-hand control shares the player's requested playback state. */
.tuning-control{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:370px;padding:0;margin:30px 0 25px;border:0;background:none;color:var(--paper);text-align:center;border-radius:22px}
.tuning-visual{display:grid;place-items:center;position:relative;width:100%;height:126px}
.tuning-idle{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .25s,transform .35s}
.tuning-play-disc{display:grid;place-items:center;position:relative;z-index:1;width:66px;height:66px;border-radius:50%;background:var(--acid);color:#392346;box-shadow:0 0 0 8px #e4f3a308,0 0 50px #b793eb16;transition:transform .3s,box-shadow .3s}
.tuning-play-disc .ph-icon{width:28px;height:28px;transform:translateX(2px)}
.tuning-idle>i{position:absolute;left:50%;top:50%;width:88px;height:88px;border:1px solid #d4b9f635;border-radius:50%;margin:-44px;animation:tune-invite 3.2s ease-out infinite}
.tuning-idle>i:nth-child(2){animation-delay:1.6s}
.tuning-control:hover .tuning-play-disc{transform:scale(1.08);box-shadow:0 0 0 12px #e4f3a30a,0 0 60px #b793eb28}
.tuning-control .live-wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .3s}
.tuning-control .signal-loop{margin:0 auto;width:100%;max-width:335px;justify-content:center}
.tuning-control .tuning-caption{font-size:9px;letter-spacing:.08em;color:#ddd0e8;line-height:1.6;min-height:16px}
.tuning-control.is-playing .tuning-idle{opacity:0;visibility:hidden;transform:scale(.8);pointer-events:none}
.tuning-control.is-playing .live-wave{opacity:1;visibility:visible}
.tuning-control:not(.is-playing) .live-wave i{animation-play-state:paused}
@keyframes tune-invite{0%{transform:scale(.7);opacity:0}20%{opacity:.65}100%{transform:scale(1.45);opacity:0}}

/* Give the product names their own visual level. */
.repeat-band{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;padding:44px 48px;border-radius:25px;background:#e5eeae;color:var(--ink)}
.repeat-band:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 20%,#f7ffd48c,transparent 60%)}
.repeat-identity{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:26px;max-width:610px}
.repeat-orbit{position:relative;right:auto;top:auto;display:grid;place-items:center;width:108px;height:108px;flex:none;margin:8px 12px;opacity:1;z-index:0;border-radius:50%;background:#39234a;color:#e5eeae;box-shadow:0 9px 24px #39234a18;pointer-events:none}
.repeat-orbit span{font:650 66px/1 var(--display);letter-spacing:-.075em;padding-right:4px}
.repeat-orbit i{inset:-7px;border:1px solid #39234a2b}
.repeat-orbit i:nth-of-type(2){inset:-14px;border-color:#39234a13}
.repeat-orbit i:nth-of-type(3){inset:6px;border-color:#e5eeae38;opacity:1}
.repeat-products{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}
.repeat-products>span{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:160px;padding:14px 19px 16px;border:1px solid #39234a25;border-radius:12px;background:#f8fbe28c;color:var(--ink)}
.repeat-products>span:last-child{min-width:115px;background:#39234a;color:#f7f7ed;border-color:#39234a}
.repeat-products small{font-size:9px;letter-spacing:.18em;font-weight:700;line-height:1;color:inherit}
.repeat-products strong{font-family:var(--display);font-size:30px;line-height:1;font-weight:700;letter-spacing:-.045em;color:inherit}
.repeat-band h3{font-family:var(--font);font-size:clamp(26px,3vw,39px);line-height:1.12;letter-spacing:-.045em;margin:0 0 17px;color:var(--ink)}
.repeat-band p{max-width:530px;font-size:12px;color:#59603b;margin:0;line-height:1.85}
.repeat-band>.button{align-self:end;white-space:nowrap}

/* A connecting rail remains legible while its light travels through the dates. */
.history-scene{position:relative;padding:35px 0 0;overflow:visible;contain:layout style}
.history-scene .history-rail{display:block;position:absolute;inset:40px 14% auto;height:2px;background:#dcd4e5;overflow:visible;z-index:0}
.history-scene .history-rail>span{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#b899ed,var(--purple));transform:scaleX(0);transform-origin:left center;box-shadow:0 0 10px #8556f340}
.history-scene.is-visible .history-rail>span{animation:history-progress-v10 6s linear infinite;will-change:transform}
.city-timeline{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0 0 32px}
.city-timeline article{position:relative;display:block;padding:35px 22px 24px;border:1px solid #ddd4e7;border-radius:18px;background:var(--paper);min-width:0}
.city-timeline article>.history-node{content:'';position:absolute;width:12px;height:12px;border:3px solid var(--paper);border-radius:50%;background:#c5b3df;left:calc(50% - 6px);top:-1px;transform:translateY(-50%);box-shadow:0 0 0 1px #d4c6e4}
.history-scene .city-timeline .history-date{display:flex!important;align-items:center;gap:12px;min-height:65px;margin:0 0 19px;color:var(--ink);font:650 clamp(38px,5vw,64px)/1 var(--display);letter-spacing:-.065em;opacity:1;transform:none;filter:none;animation:none;will-change:auto}
.history-scene.is-visible .city-timeline article>.history-node{animation:history-stop-v10 6s ease-in-out infinite;animation-delay:calc(var(--stage)*2s)}
.history-scene.is-visible .city-timeline .history-date{animation:history-year-v10 6s ease-in-out infinite;animation-delay:calc(var(--stage)*2s)}
.city-timeline article h3{font-size:16px;line-height:1.4;margin:0 0 10px;letter-spacing:-.025em}
.city-timeline article p{font-size:11px;line-height:1.85;margin:0;color:#716479;max-width:none}
.history-scene .history-inline-brand img:first-child{width:37px;height:37px;border-radius:7px}
@keyframes history-progress-v10{0%,6%{transform:scaleX(0)}36%{transform:scaleX(.5)}68%,91%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes history-year-v10{0%,25%{color:var(--purple);transform:translateY(-3px)}35%,100%{color:var(--ink);transform:translateY(0)}}
@keyframes history-stop-v10{0%,25%{background:var(--purple);box-shadow:0 0 0 5px #8556f322}35%,100%{background:#c5b3df;box-shadow:0 0 0 1px #d4c6e4}}

/* A larger host, with a familiar conversation balloon. */
.map-host{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;align-items:end;gap:0;min-height:235px;margin-top:25px;padding-top:48px}
.map-host .map-greeter{width:240px;height:240px;margin:0 -32px -36px}
.map-host>.map-speech{position:absolute;right:-7px;top:0;display:flex;align-items:flex-start;justify-content:flex-start;gap:5px;width:165px;max-width:165px;min-height:89px;margin:0;padding:11px 14px 8px;background:#e7f1df;border:1px solid #d1e0c6;border-radius:15px 15px 4px 15px;box-shadow:0 4px 10px #39234a09;animation:none;transform:none;text-align:left;color:#2e4434}
.map-speech:before{left:auto;right:6px;top:auto;bottom:-7px;width:13px;height:10px;background:#e7f1df;clip-path:polygon(0 0,100% 0,100% 100%);filter:none}
.chat-sender{font-size:8px;font-weight:800;color:#6e4c9b;letter-spacing:.02em}
.chat-text{font-size:12px;line-height:1.35}
.chat-text strong{font-size:17px;line-height:1.3;letter-spacing:-.025em;color:inherit;white-space:normal}
.chat-meta{align-self:flex-end;display:flex;align-items:center;gap:5px;font-size:7px;line-height:1;color:#7e8c7b}
.chat-meta b{font-size:11px;font-weight:600;letter-spacing:-4px;padding-right:3px;color:#58a5ce}
.faq-section{margin-top:clamp(45px,6vw,85px)}

/* The wordmark becomes a backdrop, without consuming an extra row. */
.contact-section{padding-block:70px;overflow:hidden}
.contact-section>.section-wrap{position:relative;isolation:isolate}
.contact-section h2{font-size:clamp(43px,6.5vw,86px);max-width:870px;line-height:1.03;margin-bottom:28px}
.contact-bottom{position:relative;z-index:1;align-items:center;gap:35px}
.contact-bottom>p{max-width:330px}
.contact-watermark{position:absolute;inset:0;z-index:-1;display:grid;place-items:center;width:100%;height:100%;margin:0;overflow:visible;opacity:.085;transform:rotate(-9deg);pointer-events:none}
.contact-watermark img{width:min(1100px,94vw);max-width:none;margin:0;transform:none}

@media(max-width:1100px){
 .hero{gap:5vw;padding-top:60px}.hero-copy h1{font-size:6.35vw}.hero-channel{padding-left:92px}.hero-channel .channel-name{display:none}.hero-mascot{left:-62px;width:235px}
 .repeat-band{padding:35px;gap:25px}.repeat-band>.button{font-size:10px}.repeat-products strong{font-size:27px}
 .map-host .map-greeter{width:220px;height:220px}.map-host>.map-speech{width:155px;max-width:155px;right:-7px}
}
@media(max-width:800px){
 .hero{grid-template-columns:1fr 1fr;gap:5vw;padding-block:42px 55px}.hero-copy h1{font-size:6.55vw}.hero-text{font-size:12px}.hero-mascot{width:190px;left:-45px;bottom:-7px}.hero-channel{padding-left:65px}.hero-channel>span.channel-label:nth-of-type(2){font-size:6px}.corner-label{display:none}
 .repeat-band{grid-template-columns:1fr}.repeat-band>.button{display:inline-flex;justify-self:start}.repeat-products strong{font-size:30px}.repeat-band h3{font-size:32px}
 .map-host{min-height:240px}.map-host .map-greeter{width:220px;height:220px}.map-host>.map-speech{width:145px;max-width:145px}
 .city-timeline{gap:14px}.city-timeline article{padding:28px 15px 20px}.city-timeline article h3{font-size:14px}.city-timeline article p{font-size:10px}
 .contact-section{padding-block:60px}.contact-bottom{align-items:flex-start}
}
@media(max-width:600px){
 .hero{grid-template-columns:1fr;gap:43px;padding-top:38px;padding-bottom:48px}.hero-copy h1{font-size:clamp(48px,12vw,68px);line-height:1.035;margin:0 0 24px;max-width:420px}.hero-copy h1>strong{margin-top:.07em;max-width:8em}.hero-text{font-size:13px;max-width:355px;margin-bottom:22px}.hero-foot{margin-top:22px;font-size:7px}.hero-visual{margin-left:18px;margin-right:6px;width:calc(100% - 24px);height:auto;min-height:0}.hero-image{height:auto;border-radius:0}.hero-mascot{width:205px;left:-51px;bottom:-8px}.hero-channel{padding:15px 0 0 96px;min-height:45px;gap:7px}.hero-channel>span.channel-label:nth-of-type(2){font-size:7px;line-height:1.5;max-width:190px}.hero-channel .signal-dot{width:4px;height:4px}.hero-channel .channel-name{display:none}.visual-corner{font-size:6px;top:9px;left:9px;padding:7px 10px}.shoot-corners{inset:-13px}.shoot-corners i{width:26px;height:26px}
 .tuning-control{max-width:310px;margin:22px 0 27px}.tuning-visual{height:112px}.tuning-caption{font-size:8px}.tuning-play-disc{width:60px;height:60px}
 .repeat-band{padding:29px 24px;gap:24px}.repeat-identity{gap:20px;margin-bottom:25px}.repeat-products{gap:10px;flex-direction:column;align-items:flex-start}.repeat-products>span{min-width:0;padding:12px 14px}.repeat-products>span:last-child{min-width:90px}.repeat-products strong{font-size:25px}.repeat-products small{font-size:8px}.repeat-band h3{font-size:30px}.repeat-band p{font-size:11px}.repeat-orbit{width:78px;height:78px;margin:0 6px}.repeat-orbit span{font-size:51px}.repeat-orbit i{inset:-5px}.repeat-orbit i:nth-of-type(2){inset:-10px}.repeat-orbit i:nth-of-type(3){inset:5px}
 .history-scene{padding:0 0 0 26px}.history-scene .history-rail{inset:26px auto 55px 5px;width:2px;height:auto}.history-scene .history-rail>span{transform:scaleY(0);transform-origin:center top}.history-scene.is-visible .history-rail>span{animation-name:history-progress-vertical-v10}.city-timeline{grid-template-columns:1fr;gap:16px;margin-bottom:25px}.city-timeline article{padding:23px 22px;display:block;min-height:0}.city-timeline article>.history-node{left:-27px;top:29px;transform:none;width:12px;height:12px}.history-scene .city-timeline .history-date,.city-timeline article:last-child .history-final-date{grid-column:auto;grid-row:auto;gap:14px;margin:0 0 13px;min-height:0;font-size:43px}.city-timeline article h3,.city-timeline article:last-child h3{grid-column:auto;font-size:16px;margin:0 0 8px}.city-timeline article p{font-size:11px;line-height:1.8}.history-scene .history-inline-brand img:first-child{width:31px;height:31px}
 .map-host{grid-column:1/-1;grid-row:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:220px;padding:0;margin:25px 0 0;overflow:visible}.map-host .map-greeter{width:240px;height:240px;flex:none;margin:0 -25px -35px -35px}.map-host>.map-speech{position:relative;right:auto;top:auto;width:157px;max-width:157px;flex:none;margin:0 0 15px -45px;padding:11px 13px 9px;min-height:93px;z-index:2}.map-speech:before{left:-7px;right:auto;top:48px;bottom:auto;width:9px;height:13px;clip-path:polygon(100% 0,100% 100%,0 100%)}.chat-text{font-size:13px}.chat-text strong{font-size:18px}
 .faq-section{margin-top:45px}.contact-section{padding-block:50px}.contact-section h2{font-size:clamp(43px,11vw,64px);margin-bottom:25px}.contact-bottom{gap:23px}.contact-watermark{opacity:.065;transform:rotate(-15deg);left:-50%;width:180%}.contact-watermark img{width:750px}.contact-actions{position:relative;z-index:1}
}
@media(max-width:360px){.hero-copy h1{font-size:12.1vw}.hero-mascot{width:190px;left:-47px}.hero-channel{padding-left:82px}.hero-channel>span.channel-label:nth-of-type(2){font-size:6.6px}.repeat-products strong{font-size:22px}.repeat-products>span{padding:12px}.map-host .map-greeter{width:220px;height:220px;margin-left:-30px}.map-host>.map-speech{width:140px;max-width:140px;margin-left:-47px}.chat-text strong{font-size:16px}}
@keyframes history-progress-vertical-v10{0%,6%{transform:scaleY(0)}36%{transform:scaleY(.5)}68%,91%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.motion-paused .history-scene.is-visible .history-rail>span{transform:scale(1)!important}
@media(prefers-reduced-motion:reduce){.tv-boot{display:none}.history-scene.is-visible .history-rail>span{transform:scale(1)!important}.shoot-corners{opacity:.8}.tuning-idle>i{opacity:.3}}

.city-timeline article:before{display:none!important}
@media(max-width:600px){
 .map-sidebar .poi-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
 .map-sidebar .poi-button{gap:7px;padding:11px 0}.map-sidebar .poi-button>.ph-icon{display:none}
 .map-host>.map-speech{width:140px;max-width:140px;align-self:flex-start;margin:27px 0 0 -25px}
 .map-host .chat-text strong{font-size:16px}
}
@media(max-width:360px){.map-host>.map-speech{width:125px;max-width:125px;margin-left:-25px}.map-host .chat-text{font-size:12px}.map-host .chat-text strong{font-size:15px}}

@media(max-width:360px){.repeat-band h3{font-size:26px}.repeat-identity{gap:14px}.repeat-orbit{width:68px;height:68px;margin-inline:3px}.repeat-orbit span{font-size:46px}}


/* refine-v11.css */
/* V11 — real-place imagery and a faster, connected history. */
.repeat-band{padding:28px 36px;gap:30px}
.repeat-identity{margin-bottom:17px;max-width:580px;gap:25px}
.repeat-products>span{padding:11px 16px 13px;gap:4px}
.repeat-products strong{font-size:27px}
.repeat-orbit{width:78px;height:78px;margin:5px 10px}
.repeat-orbit span{font-size:51px}
.repeat-band h3{font-size:clamp(26px,2.7vw,34px);margin-bottom:12px}
.repeat-band p{font-size:11px;line-height:1.75;max-width:570px}
.repeat-band>.button{align-self:center}

/* The invitation is a small moving signal, before it becomes the equalizer. */
.tuning-control{max-width:380px;margin-block:26px 24px}
.tuning-visual{height:154px}
.tuning-idle{isolation:isolate}
.tuning-idle:before{content:'';position:absolute;width:240px;height:110px;border-radius:50%;background:radial-gradient(ellipse,#a97aff27,transparent 68%);z-index:-1}
.tuning-play-disc{width:76px;height:76px;border:1px solid #fafdd5;background:linear-gradient(135deg,#f1f8ca,#cfe785);box-shadow:0 6px 0 #a2b567,0 12px 28px #0805114d,0 0 45px #d8edac21;transform:rotate(-8deg);transition:transform .3s,box-shadow .3s}
.tuning-play-disc .ph-icon{width:31px;height:31px;transform:translateX(3px) rotate(8deg)}
.tuning-control:hover .tuning-play-disc{transform:rotate(0) translateY(-4px) scale(1.05);box-shadow:0 8px 0 #a2b567,0 17px 32px #08051155,0 0 55px #d8edac32}
.tuning-orbit{position:absolute;width:128px;height:128px;border:1px solid #c6a4f14a;border-radius:50%;animation:tuning-rotate-v11 9s linear infinite}
.tuning-orbit:before,.tuning-orbit:after{content:'';position:absolute;border-radius:50%;border:1px solid #c6a4f12b;inset:11px}
.tuning-orbit:after{inset:-12px;border-style:dashed;opacity:.5}
.tuning-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#b992ed;left:58px;top:-3px;box-shadow:0 0 12px #bd91ff80}
.tuning-orbit i:nth-child(2){left:auto;right:2px;top:90px;width:4px;height:4px;background:var(--acid)}
.tuning-orbit i:nth-child(3){left:0;top:86px;width:4px;height:4px}
.tuning-mini-wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;z-index:-1}
.tuning-mini-wave i{width:4px;height:36px;border-radius:4px;background:#b58de4;opacity:.6;animation:tuning-bars-v11 1.2s ease-in-out infinite alternate;transform-origin:center}
.tuning-mini-wave i:nth-child(2n){height:67px;animation-delay:-.4s}.tuning-mini-wave i:nth-child(3n){height:94px;animation-delay:-.8s}
.tuning-mini-wave i:nth-child(4){width:120px;height:1px;background:transparent;animation:none}
.tuning-frequency{position:absolute;bottom:2px;right:10px;font:8px var(--display);letter-spacing:.14em;color:#c6a4f1;opacity:.7}
.tuning-control .tuning-caption{margin-top:12px;color:#e3d4f0}
.tuning-control.is-playing .tuning-idle *{animation-play-state:paused}
@keyframes tuning-rotate-v11{to{transform:rotate(360deg)}}
@keyframes tuning-bars-v11{to{transform:scaleY(.3)}}

.desktop-nav a[href="#directe"],.mobile-nav a[href="#directe"]{display:inline-flex;align-items:center;gap:7px}
.nav-live-icon{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:16px;height:16px;flex:none;color:var(--purple)}
.nav-live-icon i{display:block;width:2px;height:5px;border-radius:2px;background:currentColor;animation:nav-signal-v11 .8s ease-in-out infinite alternate}
.nav-live-icon i:nth-child(2){height:12px;animation-delay:-.3s}.nav-live-icon i:nth-child(3){height:8px;animation-delay:-.6s}
@keyframes nav-signal-v11{to{transform:scaleY(.4)}}

.benefit-photo{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/2;background:#d8cce7}
.benefit-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.3,1)}
.benefit:hover .benefit-photo>img{transform:scale(1.045)}
.benefit-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1a0c2617,transparent 45%,#1a0c2655);pointer-events:none}
.photo-scene-code,.photo-signal{position:absolute;z-index:1;font:8px var(--display);letter-spacing:.13em;color:#fff;bottom:15px}
.photo-scene-code{left:18px}.photo-signal{right:18px;display:flex;align-items:center;gap:7px}
.photo-signal i{width:4px;height:4px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 3px #e4f3a322}
.benefit-photo img[src*="memory"]{object-position:55% center}
.benefit-photo img[src*="evolve"]{object-position:40% center}
.offer-art img{object-position:center;filter:none}
.offer-section:after{background:linear-gradient(90deg,#190c32c9 0%,#20113c6b 46%,#20113c36 75%)}

/* Keep the host grounded beside the photograph, rather than over its subject. */
.hero{padding-bottom:94px}
.hero-mascot{width:220px;left:-170px;bottom:-65px;transform:none;filter:none}
.hero-mascot:after{content:'';position:absolute;bottom:17px;left:34%;width:45%;height:6px;background:#39234a14;border-radius:50%;filter:blur(4px);z-index:-1}
.hero-channel{padding-left:0;padding-top:23px;min-height:49px}

/* Only the rail and light animate. Dates and card geometry remain still. */
.history-scene{padding-top:34px;contain:layout style}
.history-scene .history-rail{inset:32px 16% auto;height:4px;background:#d9c9ed;border-radius:4px;overflow:hidden}
.history-scene .history-rail>span{background:#8556f3;box-shadow:none;border-radius:4px;transform:scaleX(0);transform-origin:left center}
.history-scene.is-visible .history-rail>span{animation:history-run-v11 3.6s linear infinite;will-change:transform}
.history-scene .city-timeline article{padding-top:33px;box-shadow:none}
.history-scene .city-timeline .history-date,.history-scene.is-visible .city-timeline .history-date{animation:none!important;transform:none!important;will-change:auto;opacity:1;color:var(--ink)}
.history-scene .city-timeline article>.history-node,.history-scene.is-visible .city-timeline article>.history-node{width:16px;height:16px;left:calc(50% - 8px);top:0;background:var(--purple);border:4px solid var(--paper);box-shadow:0 0 0 1px #b99adf;animation:none;z-index:2}
.history-node:after{content:'';position:absolute;inset:-8px;border-radius:50%;background:#8556f326;opacity:0;transform:scale(.7)}
.history-scene.is-visible .history-node:after{animation:history-node-v11 3.6s linear infinite;animation-delay:calc(var(--stage)*1.25s);will-change:transform,opacity}
.history-scene .city-timeline article:last-child{border-color:#b89bdf;background:#f0e8fb}
.history-scene .city-timeline article:last-child .history-date{color:var(--purple)}
@keyframes history-run-v11{0%{transform:scaleX(0)}72%,96%{transform:scaleX(1)}96.01%,100%{transform:scaleX(0)}}
@keyframes history-node-v11{0%,12%{opacity:1;transform:scale(1)}28%,100%{opacity:0;transform:scale(1.45)}}

/* Each logo is isolated, in its own colours and inside a white pill. */
.client-pill{background:#fff}
.client-pill img{object-fit:contain;filter:none!important;mix-blend-mode:normal;opacity:1;max-width:100%;max-height:62px}

@media(max-width:1100px){.hero-mascot{width:190px;left:-130px;bottom:-62px}.repeat-band{padding:27px 30px;gap:25px}.repeat-products strong{font-size:25px}.repeat-orbit{width:72px;height:72px}.repeat-orbit span{font-size:48px}.repeat-identity{gap:20px}}
@media(max-width:800px){.hero{padding-bottom:80px}.hero-mascot{width:166px;left:-103px;bottom:-60px}.hero-channel>span.channel-label:nth-of-type(2){font-size:6px}.repeat-band{grid-template-columns:1fr auto;gap:20px}.repeat-band>.button{display:none}.repeat-identity{max-width:none}.repeat-products strong{font-size:25px}.repeat-band h3{font-size:29px}.repeat-band{display:block}.repeat-copy{width:100%}.tuning-control{max-width:360px}.tuning-visual{height:145px}}
@media(max-width:600px){
 .repeat-band{padding:24px}.repeat-identity{gap:20px;margin-bottom:19px}.repeat-products{flex-direction:row;gap:8px}.repeat-products>span{padding:10px 12px;min-width:0}.repeat-products>span:last-child{min-width:0}.repeat-products strong{font-size:22px}.repeat-products small{font-size:7px}.repeat-orbit{width:63px;height:63px;margin:0 4px}.repeat-orbit span{font-size:43px}.repeat-band h3{font-size:29px}.repeat-band p{font-size:11px}.repeat-band>.button{display:inline-flex;margin-top:19px;font-size:10px;min-height:43px;padding:12px 18px}
 .hero{padding-bottom:35px}.hero-visual{padding-bottom:81px}.hero-mascot{width:177px;left:-26px;bottom:-6px}.hero-channel{padding:25px 0 0 125px;min-height:53px;align-items:flex-start;gap:6px}.hero-channel>span.channel-label:nth-of-type(2){font-size:6.7px;max-width:180px}.hero-channel .signal-dot{margin-top:3px}.hero-mascot:after{bottom:15px}
 .benefit-photo{aspect-ratio:3/2}.photo-scene-code,.photo-signal{font-size:8px}
 .tuning-control{max-width:345px}.tuning-visual{height:148px}.tuning-play-disc{width:73px;height:73px}.tuning-orbit{width:119px;height:119px}.tuning-orbit i:first-child{left:54px}.tuning-mini-wave{gap:7px}.tuning-mini-wave i:nth-child(4){width:110px}.tuning-frequency{right:4px;font-size:7px}
 .history-scene{padding:0 0 0 30px}.history-scene .history-rail{inset:29px auto 88px 6px;width:4px;height:auto}.history-scene .history-rail>span{transform:scaleY(0);transform-origin:center top}.history-scene.is-visible .history-rail>span{animation-name:history-run-vertical-v11}.history-scene .city-timeline article{padding:23px 21px}.history-scene .city-timeline article>.history-node{left:-32px;top:29px;transform:none}.city-timeline{gap:21px}
 .offer-section:after{background:linear-gradient(180deg,#190c32d4,#20113c70 52%,#20113c30)}.offer-art img{object-position:66% center}
}
@media(max-width:360px){.repeat-products{flex-direction:column}.repeat-products strong{font-size:22px}.repeat-orbit{width:67px;height:67px;margin-inline:4px}.repeat-identity{gap:19px}.repeat-band h3{font-size:26px}.hero-channel{padding-left:109px}.hero-channel>span.channel-label:nth-of-type(2){font-size:6px}.hero-mascot{width:163px;left:-25px}}
@keyframes history-run-vertical-v11{0%{transform:scaleY(0)}72%,96%{transform:scaleY(1)}96.01%,100%{transform:scaleY(0)}}
.motion-paused .history-scene.is-visible .history-rail>span{animation:none!important;transform:scale(1)!important}
@media(prefers-reduced-motion:reduce){.history-scene.is-visible .history-rail>span{animation:none!important;transform:scale(1)!important}.history-node:after{display:none}.tuning-idle *,.nav-live-icon i{animation:none!important}.benefit-photo>img{transition:none}}

.hero-channel{padding-left:35px}
.client-name-placeholder{font-family:var(--font);font-weight:600;font-size:15px;color:#555;text-align:center;line-height:1.3}
.client-pill[data-name="Sala New York"] img{background:#1c1522;padding:4px;border-radius:8px}
@media(max-width:600px){.hero-channel{padding-left:125px}.client-name-placeholder{font-size:12px}}
@media(max-width:360px){.hero-channel{padding-left:109px}}
@media(max-width:600px){.history-scene.is-visible .city-timeline article>.history-node{left:-32px;top:29px;transform:none}}

/* Show the place and its LED before the offer copy, keeping the screen clear. */
.offer-section{padding-top:0;background:#26143b;isolation:isolate}
.offer-art{position:relative;inset:auto;z-index:0;height:clamp(360px,38vw,550px);overflow:hidden}
.offer-art img{object-position:center top}
.offer-section:after{inset:150px 0 auto;height:calc(clamp(360px,38vw,550px) - 148px);z-index:1;background:linear-gradient(180deg,transparent 10%,#26143b 100%);pointer-events:none}
.offer-layout{position:relative;z-index:2;margin-top:-35px}
.offer-copy .body-large{max-width:445px}
@media(max-width:600px){.offer-art{height:310px}.offer-art img{object-position:64% top;object-fit:cover}.offer-section:after{top:155px;height:157px}.offer-layout{margin-top:-15px}.offer-copy .body-large{max-width:100%}}

.client-pill[data-name="De Muller"]{padding-block:10px}.client-pill[data-name="De Muller"] img{height:78px;max-height:78px}

.client-note>a{display:inline-block;margin-left:6px;text-decoration:underline;text-underline-offset:3px;color:inherit}


/* refine-v12.css */
/* V12 — quieter brand credits, simple playback and touch-safe navigation. */
.clients-section{padding-block:58px 48px}
.clients-section .section-top{margin-bottom:20px}
.clients-section .section-mark{width:23px;height:23px}
.clients-section .section-mark .ph-icon{width:23px;height:23px}
.clients-heading{grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-bottom:20px}
.clients-heading h2{font-size:clamp(29px,3vw,42px);line-height:1.12;max-width:520px;margin:0;letter-spacing:-.045em}
.clients-heading>div{display:flex;align-items:center;gap:24px}
.clients-heading .body-large{font-size:11px;line-height:1.7;max-width:260px;margin:0}
.client-search{max-width:220px;min-width:180px;margin:0;padding:8px 11px;border-radius:12px}
.client-search input{font-size:10px;min-width:0}
.client-search .ph-icon{width:15px;height:15px}
.client-pills{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:20px}
.client-pill,.client-pill[data-name="De Muller"]{margin:0;min-width:0;width:auto;height:70px;min-height:0;padding:12px 16px;border-radius:15px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.client-pill img,.client-pill[data-name="De Muller"] img{display:block;width:100%;height:44px;max-height:44px;max-width:100%;object-fit:contain;transform:none!important;filter:none!important}
.client-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #25143e09;border-color:#cdbbea}
.client-pill figcaption{display:none}
.client-name-placeholder{font-size:11px;font-weight:600;line-height:1.2;color:#62556c}
.client-pill[data-name="Sala New York"] img{background:none;padding:0;border-radius:0;height:50px;max-height:50px}
.client-pill[data-name="Sala New York"]{padding-block:7px}
.client-note{font-size:8px;line-height:1.6;margin-top:16px}
.client-pill .compound-logo{display:flex;align-items:center;gap:9px;width:100%;height:100%}
.client-pill .compound-logo img{width:42%;height:44px}
.client-pill .compound-logo img:last-child{width:54%}

/* A single, optically centered play symbol, with the original quiet pulse. */
.tuning-control{max-width:370px;margin-block:23px 24px}
.tuning-visual{height:120px}
.tuning-idle:before{display:none}
.tuning-play-disc{width:65px;height:65px;display:grid;place-items:center;border:1px solid #eef7c6;border-radius:50%;background:var(--acid);box-shadow:0 0 0 7px #e4f3a308;transform:none;transition:transform .25s,box-shadow .25s}
.tuning-play-symbol{display:block;width:29px;height:29px;fill:var(--ink);overflow:visible}
.tuning-control:hover .tuning-play-disc{transform:scale(1.07);box-shadow:0 0 0 9px #e4f3a30c,0 0 35px #b793eb24}
.tuning-idle>i{width:86px;height:86px;margin:-43px;animation-duration:3s}
.tuning-control .tuning-caption{margin-top:7px}

/* Center the host in the negative space below the image; camera corners stay clear. */
.hero{padding-bottom:119px}
.hero-mascot{width:clamp(175px,16vw,235px);left:50%;bottom:-65px;transform:translateX(-50%);z-index:4;pointer-events:none}
.hero-channel{padding:24px 0 0;min-height:48px;align-items:flex-start;flex-wrap:nowrap}
.hero-channel>span.channel-label:nth-of-type(2){font-size:6.5px;max-width:40%;line-height:1.6}
.hero-channel .signal-dot{margin-top:3px}
.hero-channel .channel-name{max-width:26%;font-size:6px;line-height:1.6;text-align:right}

/* Return to a full photographic background with a light, local readability shade. */
.offer-section{position:relative;padding-block:94px;background:#26143b;isolation:isolate}
.offer-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;overflow:hidden}
.offer-art img{width:100%;height:100%;object-fit:cover;object-position:55% center;filter:none}
.offer-section:after{content:'';position:absolute;inset:0;width:100%;height:100%;z-index:-1;background:linear-gradient(90deg,#160d2ea6 0%,#190e2966 40%,#160d291a 75%,#160d2926 100%);pointer-events:none}
.offer-layout{z-index:0;margin-top:0}
.offer-copy{text-shadow:0 2px 20px #12082145}
.offer-copy .body-large{color:#f4edf9}
.offer-card{text-shadow:none}

/* Desktop rail has its own lane, above the cards. Mobile retains its vertical rail. */
@media(min-width:601px){
 .history-scene{padding-top:68px}
 .history-scene .history-rail{top:24px;left:calc((100% - 50px)/6);right:calc((100% - 50px)/6);height:4px}
 .history-scene .city-timeline article>.history-node,.history-scene.is-visible .city-timeline article>.history-node{top:-42px;transform:translateY(-50%)}
 .history-node:before{content:'';position:absolute;top:12px;left:3px;width:1px;height:29px;background:#c4a8e5}
}

.map-stage,.leaflet-container{background:#e8e5df}
.map-interaction{display:none}
.map-main.is-touch-map .leaflet-container{touch-action:pan-y}
.map-main.is-touch-map.is-map-active .leaflet-container{touch-action:none}
.map-main.is-touch-map .map-interaction{display:inline-flex;align-items:center;gap:6px;background:#f4effa;border:1px solid #d8c8ee;color:var(--ink)}
.map-main.is-touch-map .map-interaction[aria-pressed="true"]{background:var(--purple);border-color:var(--purple);color:#fff}
.map-main.is-touch-map .map-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.map-main.is-touch-map .map-place{display:none}
.map-main.is-touch-map #map-center{margin-left:auto}

@media(max-width:1100px){
 .client-pills{grid-template-columns:repeat(6,minmax(0,1fr))}
 .clients-heading>div{display:block}.client-search{margin-top:12px}
 .hero-mascot{width:185px;left:50%;bottom:-60px}
}
@media(max-width:800px){
 .client-pills{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
 .client-pill,.client-pill[data-name="De Muller"]{height:64px;padding:10px 12px}
 .client-pill img,.client-pill[data-name="De Muller"] img{height:42px;max-height:42px}
 .hero{padding-bottom:109px}.hero-mascot{width:155px;left:50%;bottom:-55px}
 .hero-channel>span.channel-label:nth-of-type(2){font-size:5.5px}.hero-channel .channel-name{font-size:5px}
}
@media(max-width:600px){
 .clients-section{padding-block:42px 38px}
 .clients-section .section-top{margin-bottom:14px}
 .clients-heading{grid-template-columns:1fr;gap:14px;margin-bottom:14px}
 .clients-heading h2{font-size:30px;max-width:310px}
 .clients-heading>div{display:flex;flex-wrap:wrap;gap:12px}
 .clients-heading .body-large{max-width:100%;font-size:11px}
 .client-search{margin:0;width:100%;max-width:none;padding-block:8px}
 .client-pills{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}
 .client-pill,.client-pill[data-name="De Muller"]{height:61px;padding:10px 11px;border-radius:12px}
 .client-pill img,.client-pill[data-name="De Muller"] img{height:40px;max-height:40px}
 .client-pill[data-name="Sala New York"] img{height:46px;max-height:46px}
 .client-name-placeholder{font-size:10px}
 .client-note{font-size:8px;margin-top:13px}
 .hero{padding-bottom:42px}.hero-visual{padding-bottom:70px}
 .hero-mascot{width:163px;left:50%;bottom:23px}
 .hero-channel{padding:24px 0 0;min-height:46px}
 .hero-channel>span.channel-label:nth-of-type(2){font-size:6px;max-width:32%}
 .hero-channel .channel-name{font-size:5px;max-width:25%}
 .tuning-control{max-width:335px;margin-block:20px 24px}
 .tuning-visual{height:112px}
 .tuning-play-disc{width:63px;height:63px}
 .offer-section{padding-block:60px}
 .offer-art{height:100%}.offer-art img{object-position:59% center}
 .offer-section:after{inset:0;height:100%;background:linear-gradient(180deg,#190d316b,#190d3140 45%,#190d3133)}
 .offer-copy h2{max-width:310px}
 .offer-layout{margin:0;gap:22px}
 .map-main.is-touch-map .map-toolbar{padding:12px}
 .map-interaction{font-size:9px;min-height:35px}
 .map-interaction .ph-icon{width:16px;height:16px}
 /* Portrait CRT: a brief horizontal phosphor strike expands to the full viewport. */
 .tv-boot{height:100dvh;animation:crt-mobile-reveal 1.25s ease-out both}
 .boot-surface{animation:crt-mobile-expand 1.25s cubic-bezier(.16,.65,.25,1) both;background:radial-gradient(ellipse at center,#63418b,#20112f 62%,#100a18)}
 .boot-logo{width:82vw;max-width:400px;gap:4vw;filter:drop-shadow(0 0 12px #c49cff88);animation:crt-mobile-brand 1.25s linear both}
 .boot-logo img:first-child{width:18%;flex:none}.boot-logo img:last-child{width:76%}
 .boot-line{inset:50% 4% auto;box-shadow:0 0 12px 3px #d3b7ffa0;animation-duration:1.25s}
 .boot-frequency{bottom:calc(50% - 70px);font-size:7px;letter-spacing:.22em;animation:crt-mobile-brand 1.25s linear both}
}
@keyframes crt-mobile-expand{0%,7%{transform:scale(.015,.001)}21%{transform:scale(.94,.003)}42%,100%{transform:scale(1)}}
@keyframes crt-mobile-brand{0%,29%{opacity:0;transform:scale(.97)}40%,69%{opacity:1;transform:scale(1)}88%,100%{opacity:0;transform:scale(1.015)}}
@keyframes crt-mobile-reveal{0%,70%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.tv-boot{display:none}.tuning-idle>i{animation:none}.client-pill{transition:none}}


/* refine-v13.css */
/* Mobile host rests on the photograph rather than floating beneath it. */
@media(max-width:600px){
 .hero-visual{padding-bottom:15px}
 .hero-mascot{bottom:18px;left:50%;width:163px;transform:translateX(-50%)}
 .hero-channel{min-height:49px;padding-top:25px}
 .hero-mascot:after{opacity:.65;bottom:21px}
}
/* These marks have their own source alpha; no colour filters or tile backgrounds. */
.client-pill[data-name="McDonald’s"] img{height:43px;max-height:43px;width:auto;max-width:100%;margin-inline:auto}
.client-pill[data-name="RentalK50"] img,.client-pill[data-name="Vermut Iris"] img{background:none;padding:0}

/* A soft violet veil separates the offer copy from the real-place photograph. */
.offer-art img{filter:blur(1px);transform:scale(1.006)}
.offer-section:after{background:linear-gradient(90deg,#32114fc2 0%,#4720618c 43%,#572c792e 77%,#3f215426 100%)}
.offer-copy{text-shadow:0 2px 18px #17072466}
.offer-copy .body-large{color:#fff;font-weight:500}
@media(max-width:600px){
 .offer-section:after{background:linear-gradient(180deg,#38174eab 0%,#47206180 42%,#4b276044 75%,#32164338 100%)}
}


/* refine-v14.css */
/* Local review: clear navigation and a fixed advertising showcase. */
#stream-note:empty{display:none}
.desktop-nav{align-items:center;gap:clamp(15px,1.7vw,28px)}
.nav-screen{position:relative}
.nav-screen-toggle{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:12px 0;font:inherit;font-weight:700;color:inherit;white-space:nowrap}
.nav-screen-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}
.nav-screen-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-screen-toggle:hover,.nav-screen-toggle[aria-expanded=true]{color:var(--violet)}
.nav-screen-panel{position:absolute;top:calc(100% + 8px);left:-18px;min-width:210px;padding:9px;background:#fff;border:1px solid #e6def2;border-radius:15px;box-shadow:0 15px 38px #25143e16;display:grid;gap:3px;z-index:110}
.nav-screen-panel[hidden]{display:none}
.nav-screen-panel a{display:block;padding:11px 13px;border-radius:8px;font-size:12px;font-weight:600;transition:background .18s,color .18s}
.nav-screen-panel a:hover,.nav-screen-panel a:focus-visible{background:#f1ebfc;color:var(--violet)}
.desktop-nav .nav-screen-panel a:after{display:none}
.desktop-nav .nav-promotion{color:var(--violet)}
.nav-promotion{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.nav-offer-icon{position:relative;display:inline-grid;place-items:center;flex:none;width:17px;height:19px;isolation:isolate}
.nav-offer-icon .ph-icon{width:16px;height:16px;color:var(--violet);transform-origin:65% 28%;animation:offer-tag-swing 4.6s ease-in-out infinite}
.nav-offer-icon i{display:none}
.nav-promotion:hover .nav-offer-icon{color:var(--purple)}
@keyframes offer-tag-swing{0%,52%,100%{transform:rotate(-7deg)}60%{transform:rotate(12deg)}68%{transform:rotate(-12deg)}76%{transform:rotate(5deg)}84%{transform:rotate(-7deg)}}
@keyframes offer-tag-dot{0%,50%,90%,100%{box-shadow:0 0 0 0 #c8e78400}65%{box-shadow:0 0 0 4px #c8e78432}}
.motion-paused .nav-offer-icon *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.nav-offer-icon *{animation:none}}
.client-pill[data-name="Nàutic Parc"],.client-pill[data-name="Circ Històric Raluy"]{padding-block:8px}
.client-pill[data-name="Nàutic Parc"] img,.client-pill[data-name="Circ Històric Raluy"] img{height:52px;max-height:52px;width:auto;max-width:100%;object-fit:contain;margin-inline:auto}
.client-pill[data-name="Serena Spa Collection"] img,.client-pill[data-name="Llaberia Hydraulic Solutions"] img,.client-pill[data-name="Cambra de Reus"] img,.client-pill[data-name="Plim"] img,.client-pill[data-name="Medialog"] img{object-fit:contain;filter:none;opacity:1}
@media(max-width:1100px) and (min-width:801px){.site-header{padding-inline:3vw;gap:16px}.site-header .brand-word{width:112px}.site-header .brand-icon{width:31px;height:31px}.header-tools{gap:14px}.desktop-nav{gap:15px;font-size:10px}.header-contact{padding-inline:13px;gap:10px}}
@media(max-width:800px){
 .mobile-nav{max-height:calc(100dvh - 80px);overflow-y:auto}
 .mobile-nav .nav-screen-toggle{font-size:26px;padding:0;width:100%;justify-content:space-between}
 .mobile-nav .nav-screen-panel{position:static;min-width:0;box-shadow:none;margin-top:12px;padding:7px;border-radius:12px;background:#eeebf5;border:0}
 .mobile-nav .nav-screen-panel a{font-size:16px;padding:10px 12px}
 .mobile-nav .nav-promotion{color:var(--violet)}
 .mobile-nav .nav-promotion{gap:6px}
 .mobile-nav .nav-offer-icon{width:23px;height:26px;margin-left:0}
 .mobile-nav .nav-offer-icon .ph-icon{width:22px;height:22px}
}

/* Mobile navigation: one screen group, four clear destinations and a persistent call. */
@media(max-width:800px){
 body.menu-open{overflow:hidden}
 body.menu-open .site-header{position:fixed;inset:0 0 auto;width:auto}
 nav.mobile-nav{inset:74px 0 0;max-height:none;padding:25px 6vw calc(100px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;background:var(--paper);box-shadow:none;font-family:var(--font);font-size:16px;overscroll-behavior:contain;overflow-y:auto}
 nav.mobile-nav[hidden]{display:none}
 .mobile-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#776987;font-size:9px;font-weight:800;letter-spacing:.12em;margin:1px 0 5px}
 .mobile-nav-heading>span:last-child{font-size:8px;font-weight:500;letter-spacing:.06em}
 .mobile-screen-group{background:#fff;border:1px solid #ded5ed;border-radius:21px;overflow:hidden;flex:none}
 .mobile-screen-main{display:flex;align-items:center;gap:13px;padding:17px 18px 14px;font-size:21px;font-weight:750;letter-spacing:-.04em}
 .mobile-nav-icon{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:12px;background:#f0eafb;color:var(--violet)}
 .mobile-nav-icon .ph-icon{width:23px;height:23px}
 .mobile-screen-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid #eee8f5;margin:0 18px;padding:13px 0 16px}
 .mobile-screen-links a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border-radius:11px;background:#f5f2fa;font-size:13px;font-weight:700}
 .mobile-screen-links .ph-icon{width:17px;height:17px;color:var(--violet)}
 .mobile-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
 nav.mobile-nav .mobile-nav-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:17px;min-height:112px;padding:15px 16px;border:1px solid #ded5ed;border-radius:19px;background:#fff;font-size:15px;font-weight:750;letter-spacing:-.025em;line-height:1.25}
 nav.mobile-nav .mobile-nav-card.mobile-nav-promo{background:#eee5ff;border-color:#d6c4f7;color:var(--violet)}
 .mobile-nav .mobile-nav-icon.nav-offer-icon{width:37px;height:37px;margin:0;border-radius:12px;background:#e1d1fc}
 .mobile-nav .mobile-nav-icon.nav-offer-icon .ph-icon{width:23px;height:23px}
 .mobile-screen-main:active,.mobile-screen-links a:active,nav.mobile-nav .mobile-nav-card:active{background:#e8ddfa}
 .mobile-nav-location{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px 0 0;color:#8c809c;font-size:9px;letter-spacing:.09em;flex:none}
 .mobile-nav-location .ph-icon{width:13px;height:13px}
 .mobile-call{background:var(--purple);color:#fff;border:1px solid #a47af8;box-shadow:0 7px 23px #6231b83b;bottom:calc(12px + env(safe-area-inset-bottom));z-index:101;transition:background .2s,transform .2s}
 .mobile-call:hover{background:var(--violet)}
 .mobile-call:active{transform:scale(.985)}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
 .menu-toggle span{transition:transform .2s}
}
@media(max-width:360px){nav.mobile-nav{padding-top:18px;gap:12px}.mobile-screen-main{font-size:20px;padding:12px 15px}.mobile-screen-links{padding-block:10px;margin-inline:15px}nav.mobile-nav .mobile-nav-card{min-height:99px;padding:12px 13px;gap:12px;font-size:14px}.mobile-nav-location{margin-top:0}}

/* A two-line mark becomes a close control in both directions. */
@media(max-width:800px){
 .menu-toggle{position:relative;isolation:isolate;flex:none;width:42px;height:42px;padding:0;border:1px solid #8556f32b;border-radius:50%;background:#eee7fb;transition:background .3s,border-color .3s,box-shadow .3s,transform .2s}
 .menu-toggle span{position:absolute;left:11px;width:18px;height:2px;margin:0;border-radius:2px;background:var(--violet);transform-origin:center;transition:top .32s ease,transform .46s cubic-bezier(.22,1.3,.36,1),background .25s}
 .menu-toggle span:first-child{top:15px;transform:rotate(0)}
 .menu-toggle span:last-child{top:23px;transform:rotate(0)}
 .menu-toggle[aria-expanded=true]{background:var(--purple);border-color:var(--purple);box-shadow:0 3px 13px #8556f32b}
 .menu-toggle[aria-expanded=true] span:first-child{top:19px;transform:rotate(45deg);background:white}
 .menu-toggle[aria-expanded=true] span:last-child{top:19px;transform:rotate(-45deg);background:white}
 .menu-toggle:active{transform:scale(.92)}
 .menu-toggle:after{content:'';position:absolute;inset:-1px;border:1px solid #8556f35c;border-radius:50%;pointer-events:none;opacity:0}
 .menu-toggle.has-interacted[aria-expanded=true]:after{animation:menu-halo-open .55s ease-out both}
 .menu-toggle.has-interacted[aria-expanded=false]:after{animation:menu-halo-close .5s ease-out both}
}
@keyframes menu-halo-open{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.4);opacity:0}}
@keyframes menu-halo-close{0%{transform:scale(.9);opacity:.5}100%{transform:scale(1.3);opacity:0}}
@media(prefers-reduced-motion:reduce){.menu-toggle,.menu-toggle span{transition:none}.menu-toggle:after{animation:none!important}}