@font-face{font-family:Orbitron;src:url('assets/orbitron.ttf') format('truetype');font-display:swap;font-weight:400 900}@font-face{font-family:'Space Grotesk';src:url('assets/space-grotesk.ttf') format('truetype');font-display:swap;font-weight:300 700}
:root{--orange:#ff8a00;--bone:#f1f0e9;--ink:#111;--muted:#62625b;--mono:ui-monospace,'Courier New',monospace;--digits:Orbitron,monospace;--headline:'Space Grotesk',Arial,sans-serif}html{scroll-padding-top:100px}body{overflow-x:visible}button,select{font:inherit}a,button,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #2a54c7;outline-offset:5px}button[hidden]{display:none}.skip-link{position:fixed;left:16px;top:-100px;padding:16px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;height:80px;background:var(--bone);padding:0 4%;gap:24px}.nav{margin:0;gap:26px}.nav a{min-height:44px;display:flex;align-items:center;position:relative}.nav a[aria-current]{box-shadow:inset 0 -2px var(--ink)}.nav a:last-child{border:1px solid;padding:0 14px}.hero{background:var(--orange);grid-template-columns:46% 54%;min-height:740px}.hero-copy{padding:75px 0 65px 9%;z-index:5;justify-content:center}.hero h1{font-size:clamp(66px,6.2vw,106px);letter-spacing:-.075em;line-height:1.01}.hero h1 span{color:var(--ink);text-decoration:underline;text-decoration-color:var(--bone);text-underline-offset:.12em;text-decoration-thickness:.035em}.hero-description{color:#26221b;max-width:420px}.eyebrow{font-size:10px;line-height:1.6}.hero-copy .pulse-dot{background:var(--ink);box-shadow:none}.availability{font:12px var(--mono);padding:12px 0;display:block}.hero-foot{margin-top:52px;color:#312a20;gap:16px}.hero-foot .separator{background:#8f5510}.hero-stage{min-height:740px}.stage-caption{right:24px;font-size:9px}.phone-left{left:2%;top:220px;transform:rotate(-7deg);width:210px;height:420px}.phone-center{left:28%;top:132px;width:240px;height:500px;transform:rotate(2deg)}.phone-right{left:64%;top:207px;width:210px;height:450px;transform:rotate(7deg)}.phone-top{height:48px}.phone-weather strong small{display:block;font:7px var(--mono);letter-spacing:0;margin-top:5px}.clock-bold{white-space:pre-line;font-size:78px;line-height:.94;top:13px;letter-spacing:-.1em}.stage-bottom{font-size:9px;left:24px;right:24px}.city-row strong{letter-spacing:-.07em;font-size:20px}.phone-footer strong{font:12px var(--mono)}.world-strip{background:var(--ink);color:var(--bone);display:grid;grid-template-columns:repeat(6,minmax(168px,1fr));overflow-x:auto;padding:28px 4%;scroll-snap-type:x proximity;gap:0}.world-strip article{padding:0 24px;border-right:1px solid #444;scroll-snap-align:center}.world-strip article:first-child{padding-left:0}.world-strip article:last-child{border:0}.world-strip h2{font:11px var(--mono);margin:0 0 14px;text-transform:uppercase;letter-spacing:.1em}.world-strip strong{display:block;font:600 25px var(--digits);letter-spacing:-.05em}.world-strip span{display:block;font:10px var(--mono);margin:12px 0 8px;color:#bcbcb2}.world-strip small{font:10px var(--mono);color:var(--orange)}.feature-head .n{font-size:11px;color:#555}.feature-head .n::first-letter{font-size:21px}.feature p{color:#55534d}.feature:nth-child(2){background:var(--bone)}.feature:nth-child(3){background:#dfded6}.weathergraphic .desc{font-size:9px;position:relative}.gallery-section{padding-top:30px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.gallery figure{margin:0;min-width:0}.screen-wrap{padding:30px 24px 0;background:#dfded6;border:1px solid #c9c8c0;overflow:hidden;height:560px;display:flex;justify-content:center}.gallery figure:nth-child(2) .screen-wrap{background:var(--orange)}.gallery figure:nth-child(3) .screen-wrap{background:#d0d1c7}.gallery img{width:100%;max-width:320px;height:auto;object-fit:contain;object-position:top;filter:drop-shadow(0 10px 12px #0002)}.gallery figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:20px 0;border-bottom:1px solid #c9c8c0;font-size:13px}.gallery figcaption small{font:8px var(--mono);color:#666}.gallery-hint{font:11px var(--mono);margin-top:24px}.showcase{padding-bottom:65px}.showcase-top p{color:#c0beb5}.world-explorer{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:45px 0 0;max-width:1200px;margin:auto}.orbital-globe{position:relative;aspect-ratio:1;isolation:isolate}.orbital-globe img{width:100%;height:100%;object-fit:contain;filter:invert(1);mix-blend-mode:screen;opacity:.85}.orbit-line{position:absolute;inset:6%;border:1px solid #ff8a00;border-radius:50%;transform:rotate(-30deg) scaleY(.42);animation:orbit 24s linear infinite}.selected-pin{position:absolute;width:12px;height:12px;background:var(--orange);border-radius:50%;top:30%;left:51%;box-shadow:0 0 0 8px #ff8a0030;transition:top .6s,left .6s}.world-controls{padding:30px 0}.world-controls label{font:10px var(--mono);display:block;color:#bbb;margin-bottom:16px}.world-controls select{padding:14px 16px;background:#242420;border:1px solid #77766d;color:var(--bone);width:100%;max-width:360px;border-radius:0}.world-controls h3{font-size:40px;letter-spacing:-.04em;margin:12px 0}.world-controls #selected-clock{font:600 clamp(32px,4.5vw,65px) var(--digits);letter-spacing:-.06em}.world-controls p{font:12px/1.6 var(--mono)}#city-coordinates{color:var(--orange);margin-top:26px}.world-controls .period-note{font-size:10px;color:#bdbbb0;max-width:330px}.release{display:flex;align-items:center;gap:16px;margin-top:26px}.release img{border-radius:14px}.release strong{font-size:18px}.release small{display:block;font:11px var(--mono);margin-top:6px}.bottom-cta{align-items:center}.bottom-cta h2{font-size:clamp(50px,6vw,90px)}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:6%}.faq h2{font-size:clamp(32px,3vw,48px);letter-spacing:-.06em;margin:25px 0}.faq details{border-top:1px solid #b8b7ae;padding:0}.faq details:last-child{border-bottom:1px solid #b8b7ae}.faq summary{cursor:pointer;padding:24px 35px 24px 0;position:relative;list-style:none;font-size:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:4px;font:24px var(--mono);top:20px}.faq details[open] summary::after{content:'−'}.faq details p{font-size:14px;line-height:1.8;color:#55534d;padding:0 25px 25px 0;margin:0}.footer-links{flex-wrap:wrap;gap:18px}.footer-links a{padding:10px 0}footer{border-top:1px solid #b8b7ae}.legal{max-width:800px;padding:80px 24px;margin:auto}.legal h1{font-size:clamp(38px,6vw,70px);letter-spacing:-.06em;overflow-wrap:anywhere}.legal p{line-height:1.8}.noscript{padding:20px}.reveal{animation:reveal .7s both}.tick{animation:tick .3s ease-out}.hero-copy h1{animation:reveal .8s both}.phone{animation:float 8s ease-in-out infinite}.phone-center{animation-delay:-2s}.phone-right{animation-delay:-4s}@keyframes float{50%{translate:0 -9px}}@keyframes reveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes tick{from{opacity:.55}to{opacity:1}}@keyframes orbit{to{transform:rotate(330deg) scaleY(.42)}}
@media(min-width:1600px){.hero-stage{overflow:visible}.phone-left{left:9%}.phone-center{left:34%}.phone-right{left:65%}.hero{overflow:hidden}.hero-copy{padding-left:12%}.section,.showcase,.bottom-cta{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:65px 7% 30px}.hero h1{font-size:clamp(65px,10vw,100px)}.hero-description{max-width:530px}.hero-foot{margin-top:30px}.hero-stage{min-height:610px;height:610px}.phone-left{left:16%;top:120px;transform:rotate(-7deg)}.phone-center{left:38%;top:40px;transform:rotate(2deg)}.phone-right{left:65%;top:110px;transform:rotate(7deg)}.screen-wrap{height:420px;padding:20px 12px 0}.gallery{gap:18px}.nav{gap:18px}.nav a{font-size:11px}}
@media(max-width:767px){html{scroll-padding-top:80px}.site-header{height:70px;padding:0 22px}.mobile-menu:not([hidden]){display:flex;align-items:center;gap:18px;min-height:44px;border:1px solid;background:transparent;padding:8px 13px;font-size:12px}.nav{display:flex;position:absolute;top:70px;left:0;right:0;background:var(--bone);flex-wrap:wrap;gap:4px 20px;padding:12px 22px;border-bottom:1px solid #aaa}.nav a{font-size:12px}.js .nav:not(.is-open){display:none}.hero-copy{padding:140px 22px 30px}.js .hero-copy{padding-top:48px}.hero h1{font-size:clamp(53px,12vw,88px)}.hero .eyebrow{font-size:8px;gap:8px}.hero-description{font-size:15px}.hero-buttons{gap:10px 18px}.hero-foot{font-size:9px}.hero-stage{display:flex;align-items:center;gap:24px;padding:52px 28px 45px;height:565px;min-height:565px;overflow-x:auto;scroll-snap-type:x mandatory}.hero-stage .phone{position:relative;left:auto;top:auto;transform:none;flex:0 0 245px;width:245px;height:455px;scroll-snap-align:center;animation:none;box-shadow:6px 10px 0 #0001}.hero-stage .phone-center{height:485px}.stage-caption{position:absolute;left:28px;top:16px;right:auto;white-space:nowrap;font-size:9px}.stage-bottom{display:none}.stage-orbit,.stage-grid{display:none}.hero-stage .phone-left .globe-wrap{top:115px}.world-strip{padding:25px 22px}.world-strip article{padding:0 20px}.section{padding:65px 22px}.features{grid-template-columns:1fr}.feature{min-height:380px}.feature h3{font-size:27px}.feature-visual{height:195px}.section-heading h2{font-size:clamp(32px,8vw,50px)}.section-heading p{max-width:400px}.gallery-section{padding-top:0}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding-bottom:10px}.gallery figure{flex:0 0 85%;scroll-snap-align:start}.screen-wrap{height:480px;padding:22px 16px 0}.gallery img{max-width:300px}.gallery figcaption{font-size:12px}.showcase{padding:60px 22px 35px}.showcase h2{font-size:clamp(44px,11vw,70px)}.world-explorer{grid-template-columns:1fr;gap:0;padding-top:15px}.orbital-globe{max-width:360px;width:100%;margin:auto}.world-controls{padding:0 0 15px}.world-controls select{max-width:100%}.world-controls #selected-clock{font-size:44px}.bottom-cta{padding:60px 22px;display:block}.bottom-cta h2{font-size:clamp(43px,11vw,65px)}.bottom-cta p{font-size:12px}.faq{display:block}.faq h2{margin-bottom:36px}footer{padding:25px 22px}.footer-links{font-size:10px;justify-content:flex-start;gap:8px 20px}.footer-copy{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Bandeau continu des capitales. Les deux groupes identiques créent une boucle sans coupure. */
.world-strip{display:block;overflow:hidden;padding:0;scroll-snap-type:none;position:relative}
.world-strip::before,.world-strip::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:7vw;pointer-events:none}
.world-strip::before{left:0;background:linear-gradient(90deg,var(--ink),transparent)}
.world-strip::after{right:0;background:linear-gradient(-90deg,var(--ink),transparent)}
.world-strip-track{display:flex;width:max-content;animation:capitales-marquee 55s linear infinite;will-change:transform}
.world-strip:hover .world-strip-track{animation-play-state:paused}
.world-strip-group{display:flex;flex:none;padding:28px 0}
.world-strip article{flex:0 0 235px;padding:0 28px;border-right:1px solid #444;scroll-snap-align:none}
.world-strip article:first-child{padding-left:28px}
.world-strip article:last-child{border-right:1px solid #444}
@keyframes capitales-marquee{to{transform:translateX(-50%)}}
@media(max-width:767px){.world-strip{padding:0}.world-strip-group{padding:23px 0}.world-strip article{flex-basis:190px;padding:0 22px}.world-strip article:first-child{padding-left:22px}.world-strip-track{animation-duration:45s}.world-strip::before,.world-strip::after{width:28px}}
@media(prefers-reduced-motion:reduce){.world-strip{overflow-x:auto}.world-strip-track{animation:none}.world-strip-group[aria-hidden="true"]{display:none}}

/* Globe projeté : le rendu et le repère sont calculés dans site.js. */
.orbital-globe{margin:0;display:grid;place-items:center;position:relative;aspect-ratio:1;isolation:isolate}
.orbital-globe canvas{display:block;width:100%;height:100%;max-width:620px;aspect-ratio:1}
.orbital-globe figcaption{position:absolute;left:6%;right:6%;bottom:2%;display:flex;justify-content:space-between;gap:18px;color:#8f8e86;font:9px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.orbital-globe figcaption small{font:inherit;color:var(--orange)}
@media(max-width:767px){.orbital-globe figcaption{left:2%;right:2%;bottom:0;font-size:8px}}