:root{--navy:#080b38;--purple:#7c3ff2;--blue:#48b8f7;--gold:#f6c64e;--paper:#fbfbff;--ink:#131638;--shadow:0 18px 42px rgba(7,9,48,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}button,input{font:inherit}.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;z-index:99;left:10px;top:10px;background:#fff;padding:10px;transform:translateY(-150%)}.skip:focus{transform:none}.header{position:absolute;z-index:20;top:0;left:50%;width:min(1180px,90%);height:90px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;color:white}.logo{position:relative;font-size:28px;font-weight:900;letter-spacing:-.04em;text-decoration:none}.logo span{color:#aa72ff}.logo i{position:absolute;width:40px;height:18px;border-top:3px solid #69e3df;border-radius:50%;right:0;top:-4px;transform:rotate(10deg)}.header nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:800;text-transform:uppercase}.header nav a{text-decoration:none;position:relative}.header nav .active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--blue)}.download,.journey-copy>a{background:linear-gradient(135deg,#6b36eb,#9d58f4);color:white;padding:14px 26px;border-radius:999px;text-decoration:none;box-shadow:0 10px 24px rgba(123,62,242,.35)}.menu{display:none;background:none;border:0;color:white;padding:10px}.menu span{display:block;width:24px;height:2px;background:currentColor;margin:5px}
.hero{position:relative;min-height:680px;height:82vw;max-height:900px;background:var(--navy);color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(1.22)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,56,.98),rgba(11,16,85,.57) 50%,rgba(17,16,87,.25)),linear-gradient(0deg,rgba(8,11,56,.12),rgba(8,11,56,.68))}.hero-copy{position:absolute;z-index:3;left:max(7vw,calc((100% - 1180px)/2));top:25%;width:380px}.hero h1{font-size:clamp(44px,5.1vw,72px);line-height:1.12;letter-spacing:-.03em;margin:0;font-weight:850}.hero h1 span{color:#83b8ff;text-shadow:20px 0 32px #9d57f4}.spark-rule{display:flex;align-items:center;gap:14px;width:180px;margin:28px 0}.spark-rule i{height:1px;background:rgba(255,255,255,.6);flex:1}.spark-rule b{color:var(--gold)}.hero-copy>p{font-size:19px;max-width:350px;color:#eef0ff}.stores{display:flex;gap:12px;margin-top:25px}.stores a{display:grid;grid-template-columns:34px auto;grid-template-rows:14px 22px;min-width:155px;padding:8px 13px;background:#050505;border:1px solid #666;border-radius:7px;color:#fff;text-decoration:none;line-height:1}.stores strong{grid-row:1/3;font-size:26px;align-self:center}.stores strong.play{color:#65d86d}.stores small{font-size:8px;text-transform:uppercase}.stores b{font-size:16px;font-weight:500}.phone{position:absolute;z-index:4;left:57%;top:100px;transform:translateX(-50%);width:355px;height:700px}.phone-shell{position:relative;width:100%;height:100%;border:8px solid #090b12;border-radius:49px;background:linear-gradient(180deg,rgba(7,33,91,.4),rgba(12,18,65,.2)),url('assets/barcelona-journey.png') center/cover;color:white;box-shadow:0 24px 50px #040526,inset 0 0 0 2px #777;overflow:hidden}.notch{position:absolute;z-index:3;top:0;left:50%;width:155px;height:28px;transform:translateX(-50%);border-radius:0 0 18px 18px;background:#08090e}.game-top{display:flex;justify-content:space-between;padding:32px 24px 0;font-weight:800}.location{width:145px;margin:18px auto 0;padding:8px 12px;border-radius:13px;background:rgba(24,45,91,.84);text-align:center;line-height:1.15}.location b,.location span,.location small{display:block}.location small{font-size:10px;color:#ffe38b}.board{position:absolute;top:165px;left:50%;width:300px;height:230px;transform:translateX(-50%)}.row{position:absolute;display:flex;gap:3px}.row i{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;background:#fff;color:#1c1e36;font-style:normal;font-weight:900;font-size:20px;box-shadow:0 3px 5px rgba(0,0,0,.32)}.row .blank{visibility:hidden}.row .violet{color:white;background:#7741db}.r1{left:23px;top:0}.r2{left:23px;top:37px}.r3{left:23px;top:74px}.r4{left:23px;top:111px}.r5{left:23px;top:148px}.r6{left:23px;top:185px}.wheel{position:absolute;bottom:72px;left:50%;width:205px;height:205px;transform:translateX(-50%);border-radius:50%;background:#fff8ea;box-shadow:0 8px 18px rgba(0,0,0,.35)}.wheel svg{position:absolute;inset:0}.wheel path{fill:none;stroke:#6841db;stroke-width:6;stroke-linecap:round}.wheel button{position:absolute;left:var(--x);top:var(--y);width:43px;height:43px;border:0;border-radius:50%;background:transparent;color:#20213e;font-size:24px;font-weight:900}.wheel button:nth-of-type(1),.wheel button:nth-of-type(3),.wheel button:nth-of-type(4),.wheel button.picked{background:#7445d9;color:white}.game-bottom{position:absolute;left:18px;right:18px;bottom:26px;display:flex;justify-content:space-between}.game-bottom button{width:46px;height:46px;border:2px solid #845cf3;border-radius:50%;background:#10173c;color:white;font-size:22px}.game-bottom small{display:block;font-size:7px}.home-bar{position:absolute;bottom:6px;left:50%;width:120px;height:4px;border-radius:4px;background:white;transform:translateX(-50%)}.luggage{position:absolute;z-index:4;right:1.5%;bottom:35px;width:230px;height:280px}.case{position:absolute;right:12px;bottom:10px;width:140px;height:210px;border-radius:22px;background:linear-gradient(90deg,#7f3f17,#bd713c 16%,#9b4e22 53%,#d38a51 56%,#914618);border:7px solid #55321d;box-shadow:var(--shadow)}.case:before{content:"";position:absolute;left:42px;right:42px;top:-42px;height:48px;border:8px solid #59351f;border-bottom:0;border-radius:18px}.case b{position:absolute;left:42px;top:80px;display:grid;place-items:center;width:48px;height:62px;border-radius:50%;background:#5d3cad;color:#ffd566;font-size:30px}.camera{position:absolute;right:0;bottom:0;width:75px;height:65px;border-radius:10px;background:#171a21;color:#535c67;font-size:42px;text-align:center}.postcard{position:absolute;left:0;bottom:0;width:105px;height:60px;padding:15px;background:#d9e6ff;color:#4e6ed6;transform:rotate(12deg);box-shadow:0 7px 15px rgba(0,0,0,.3)}
.metrics{position:relative;z-index:8;width:min(1060px,86%);margin:-55px auto 0;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 18px;border-radius:20px;background:linear-gradient(110deg,#23166d,#14154f);color:white;box-shadow:0 16px 26px rgba(8,10,54,.3)}.metrics article{text-align:center;padding:0 20px;border-right:1px solid rgba(255,255,255,.12)}.metrics article:last-child{border:0}.metrics span{display:block;font-size:26px}.metrics small,.metrics p{text-transform:uppercase}.metrics small{display:block;color:#d9ccff;font-size:11px;font-weight:800}.metrics strong{display:block;font-size:30px;line-height:1.2;margin:4px 0}.metrics p{font-size:10px;margin:7px 0 0;color:#e6e7f7}
.features,.gallery{padding:90px max(4vw,24px);background:white}.section-title{text-align:center}.section-title small,.journey-copy>small{color:#7143db;text-transform:uppercase;font-weight:900;letter-spacing:.07em}.section-title h2{font-size:34px;margin:8px 0}.spark-rule.dark{margin:15px auto 50px}.spark-rule.dark i{background:#d8b34c}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;max-width:1180px;margin:auto}.feature-grid article{text-align:center}.icon{display:grid;place-items:center;width:78px;height:78px;margin:auto;font-size:54px;filter:drop-shadow(0 8px 8px rgba(67,52,130,.18))}.icon.tile{border-radius:17px;background:linear-gradient(135deg,#fff9ea,#c1b5ff);color:#4b2cc4;font-weight:900;transform:rotate(-7deg);box-shadow:0 9px 15px rgba(69,45,163,.24)}.feature-grid h3{font-size:14px;text-transform:uppercase;margin:25px 0 10px}.feature-grid p{font-size:12px;color:#4d5570;margin:0}
.journey{min-height:530px;padding:70px max(6vw,30px);display:grid;grid-template-columns:310px 1fr;gap:70px;background:radial-gradient(circle at 70% 50%,#064d9c,#072253 50%,#061742);color:white}.journey-copy h2{font-size:42px;line-height:1.1;margin:14px 0}.journey-copy>small{color:#48b8f7}.journey-copy p{font-size:14px;color:#e2e8fa}.journey-copy>a{display:inline-block;margin-top:16px;text-transform:uppercase;font-size:11px;font-weight:900}.world-map{position:relative;min-height:410px}.world-map svg{position:absolute;inset:0;width:100%;height:100%}.continents{fill:#0874c7;opacity:.85}.flight{fill:none;stroke:white;stroke-width:2;stroke-dasharray:4 7;opacity:.8}.plane{fill:white}.stop{position:absolute;width:104px;text-align:center}.stop .photo{width:82px;height:82px;margin:auto;border-radius:50%;border:4px solid #8cd9ff;box-shadow:0 0 0 2px white;background-image:url('assets/barcelona-journey.png');background-size:380px 215px}.stop b,.stop span{display:block;line-height:1.1}.stop span{font-size:12px;color:#dcecff}.s1{left:8%;top:4%}.s2{left:38%;top:5%}.s3{left:68%;top:6%}.s4{left:15%;bottom:3%}.s5{left:47%;bottom:3%}.s6{right:4%;bottom:3%}.france{background-position:20% 50%!important}.italy{background-position:40% 55%!important}.greece{background-position:60% 60%!important}.japan{background-position:75% 48%!important;filter:hue-rotate(30deg)}.australia{background-position:95% 55%!important;filter:hue-rotate(80deg)}
.gallery{padding-bottom:80px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;max-width:1180px;margin:auto}.card{position:relative;aspect-ratio:.68;border-radius:15px;overflow:hidden;background-image:linear-gradient(0deg,rgba(7,11,43,.9),transparent 58%),url('assets/barcelona-journey.png');background-size:auto 100%;box-shadow:0 10px 24px rgba(26,34,73,.17);transition:transform .25s}.card:hover{transform:translateY(-5px)}.card div{position:absolute;left:14px;bottom:14px;color:white}.card b,.card span{display:block}.card span{font-size:12px}.card i{position:absolute;right:10px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#7d42e7;color:white}.card.france{background-position:18%}.card.italy{background-position:38%}.card.greece{background-position:58%}.card.japan{background-position:78%;filter:hue-rotate(25deg)}.card.australia{background-position:100%;filter:hue-rotate(80deg)}.dots{display:flex;justify-content:center;gap:10px;margin-top:34px}.dots i,.dots b{width:9px;height:9px;border-radius:50%;background:#d8d9ea}.dots b{background:#8149eb}
.cta{min-height:280px;padding:42px max(10vw,40px);display:flex;align-items:center;justify-content:center;gap:70px;background:linear-gradient(100deg,rgba(28,20,135,.95),rgba(108,46,213,.8)),url('assets/barcelona-journey.png') center 60%/cover;color:white}.app-icon{position:relative;display:grid;place-items:center;width:180px;height:180px;border-radius:38px;background:linear-gradient(145deg,#2651d8,#4b24a6);font-size:105px;font-weight:900;transform:rotate(-5deg);box-shadow:0 20px 35px rgba(6,7,49,.45);text-shadow:7px 8px 0 #fff2c5}.app-icon i{position:absolute;width:210px;height:70px;border-top:5px solid #8be9ff;border-radius:50%;transform:rotate(-23deg)}.app-icon b{position:absolute;right:8px;bottom:3px;color:var(--gold);font-size:25px}.cta h2{font-size:42px;text-transform:uppercase;margin:0}.cta h2 span{color:#b176ff}.cta p{font-size:19px}.cta .stores{margin-top:20px}
footer{position:relative;display:grid;grid-template-columns:1.5fr repeat(3,.75fr) 1.5fr;gap:46px;padding:55px max(5vw,28px) 95px;background:#080d30;color:#c9d0e7;font-size:12px}.footer-brand .logo{color:white}.footer-brand small{display:block;margin:10px 0 22px;color:#7390c8;text-transform:uppercase}.social{display:flex;gap:12px}.social a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2c3a68;text-decoration:none;color:white}footer h3{color:white;text-transform:uppercase;font-size:12px}footer>div:not(.footer-brand)>a{display:block;text-decoration:none;margin:7px 0}footer form p{max-width:240px}footer input{width:100%;height:45px;padding:0 16px;border:0;border-radius:999px;background:#151f4b;color:white}footer form button{margin-top:12px;padding:12px 26px;border:0;border-radius:999px;background:linear-gradient(135deg,#7040e9,#9a55f3);color:white;text-transform:uppercase;font-weight:800}.copyright{position:absolute;left:28%;bottom:34px}output{display:block;margin-top:8px;color:#83ddff}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:950px){.header nav{gap:18px}.luggage{display:none}.phone{left:69%}.feature-grid{grid-template-columns:repeat(3,1fr);row-gap:45px}.journey{gap:20px}.cards{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1.5fr repeat(2,1fr)}footer form{grid-column:1/-1;max-width:420px}.copyright{left:max(5vw,28px)}}
@media(max-width:700px){.header{height:70px}.logo{font-size:23px}.menu{display:block}.header nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;padding:24px;background:#0b0f3c;border-radius:15px}.header nav.open{display:flex}.hero{height:1050px;max-height:none}.hero-copy{top:115px;left:24px;right:24px;width:auto;text-align:center}.hero h1{font-size:49px}.spark-rule{margin:22px auto}.hero-copy>p{margin:0 auto;font-size:16px}.stores{justify-content:center}.phone{top:480px;left:50%;transform:translateX(-50%) scale(.72);transform-origin:top center}.metrics{width:90%;margin:-45px auto 0;grid-template-columns:repeat(2,1fr);gap:25px}.metrics article:nth-child(2){border-right:0}.metrics article{padding-bottom:15px}.features,.gallery{padding:75px 24px}.feature-grid{grid-template-columns:repeat(2,1fr)}.journey{grid-template-columns:1fr;padding:70px 24px}.journey-copy{text-align:center}.journey-copy .spark-rule{margin-left:auto;margin-right:auto}.world-map{min-height:440px;overflow:hidden}.stop{transform:scale(.8)}.s1{left:0}.s2{left:32%}.s3{left:66%}.s4{left:3%}.s5{left:35%}.s6{right:0}.cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.card{min-width:170px;scroll-snap-align:start}.cta{flex-direction:column;gap:30px;text-align:center;padding:60px 24px}.cta h2{font-size:32px}.app-icon{width:140px;height:140px;font-size:80px}.cta .stores{flex-wrap:wrap}footer{grid-template-columns:repeat(2,1fr);gap:30px}.footer-brand{grid-column:1/-1}footer form{grid-column:1/-1}.copyright{left:24px}.world-map svg{opacity:.65}}
@media(max-width:430px){.hero-copy .stores a{min-width:140px}.phone{transform:translateX(-50%) scale(.66)}.metrics{padding:22px 6px}.metrics strong{font-size:23px}.metrics p{font-size:8px}.feature-grid{gap:36px 14px}.feature-grid p{font-size:11px}.section-title h2{font-size:28px}.journey-copy h2{font-size:38px}footer{grid-template-columns:1fr 1fr}.stores{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card:hover{transform:none}}