
:root{--ink:#f9f7ef;--muted:#b9c5dc;--navy:#06143b;--navy2:#081d52;--royal:#0b286b;--royal2:#0c347d;--deep:#040d2c;--gold:#e9bd4d;--gold2:#ffd86e;--gold3:#b8871f;--line:rgba(234,190,74,.48);--lineSoft:rgba(234,190,74,.18);--glass:rgba(8,27,76,.82);--shadow:0 24px 70px rgba(1,8,30,.32);--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep)}body{margin:0;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 85% 15%,#123b86 0,transparent 26%),linear-gradient(180deg,#06143b,#071c4b 35%,#06143b);line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(calc(100% - 48px),var(--max));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:9999;background:#fff;color:#000;padding:10px 14px}.site-header{height:82px;position:sticky;top:0;z-index:1000;background:rgba(4,13,44,.94);border-bottom:1px solid var(--lineSoft);backdrop-filter:blur(18px)}.nav-shell{height:100%;display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:28px}.brand img{width:132px;height:auto;filter:drop-shadow(0 7px 18px rgba(224,172,46,.18))}.desktop-nav{display:flex;justify-content:center;gap:28px;font-size:13px;font-weight:700}.desktop-nav a{position:relative;padding:30px 0 27px;color:#dfe6f2}.desktop-nav a:after{content:"";position:absolute;left:50%;bottom:20px;width:0;height:2px;background:linear-gradient(90deg,var(--gold3),var(--gold2));transition:.3s;transform:translateX(-50%)}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.desktop-nav a.active{color:var(--gold2)}.header-actions{display:flex;align-items:center;gap:12px}.phone-pill{height:44px;display:grid;place-items:center;padding:0 18px;border-radius:999px;color:var(--gold2);font-weight:800;font-size:12px}.gold-frame{border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,219,111,.05),0 8px 30px rgba(0,0,0,.10)}.btn{height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-weight:850;font-size:13px;letter-spacing:.01em;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,#b98620 0%,#f0c957 44%,#ffdf79 63%,#c89428 100%);color:#06143b;border:1px solid #ffd96d;box-shadow:0 10px 30px rgba(222,171,47,.22),inset 0 1px rgba(255,255,255,.48)}.btn-gold:hover{box-shadow:0 14px 38px rgba(222,171,47,.32),inset 0 1px rgba(255,255,255,.55)}.btn-outline{border:1px solid var(--line);color:var(--gold2);background:linear-gradient(180deg,rgba(13,45,105,.58),rgba(7,24,63,.78));box-shadow:inset 0 0 0 1px rgba(255,218,104,.04)}.header-book{height:44px}.menu-btn{display:none;background:none;border:0;width:46px;height:46px;padding:10px}.menu-btn span{display:block;height:2px;background:var(--gold2);margin:6px 0}.mobile-nav{display:none}.hero-premium{min-height:700px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg,.page-hero-bg,.final-bg,.founder-bg,.founder-local-bg,.booking-backdrop{position:absolute;inset:0;background-size:cover;background-position:center}.hero-bg{background-position:center 42%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,44,.98) 0%,rgba(4,13,44,.80) 40%,rgba(4,13,44,.28) 69%,rgba(4,13,44,.34)),linear-gradient(0deg,rgba(4,13,44,.72),transparent 52%)}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,760px) 1fr;align-items:center;padding:88px 0}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.24em;color:var(--gold2);text-transform:uppercase}.hero-content h1,.page-hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:.93;margin:18px 0 20px}.hero-content h1{font-size:clamp(64px,7.2vw,104px)}.hero-content h1 span,.page-hero h1 span,.app-copy h2 span,.founder-home h2 span{color:var(--gold2)}.hero-content>p{font-size:17px;color:#d1daeb;max-width:660px}.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.hero-chips span{padding:9px 12px;border:1px solid var(--lineSoft);border-radius:999px;background:rgba(7,26,72,.62);font-size:11px;color:#e7edf7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 22px}.store-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.store-row.compact{margin-top:18px}.store-btn{min-width:188px;display:flex;align-items:center;gap:12px;border-radius:14px;padding:11px 15px;background:linear-gradient(145deg,rgba(6,20,59,.88),rgba(10,36,91,.92));transition:.3s}.store-btn:hover{transform:translateY(-3px);border-color:rgba(255,216,103,.8);background:linear-gradient(145deg,#0c2d70,#06173f)}.store-btn small,.store-btn em{display:block;font-size:9px;color:#aebbd2;font-style:normal;line-height:1.2}.store-btn strong{display:block;font-size:17px;line-height:1.15}.store-btn em{color:var(--gold2);margin-top:2px}.store-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(255,213,99,.055);flex:0 0 38px}.store-mark img{display:block;max-width:26px;max-height:28px;width:auto;height:auto}.store-mark.apple img{max-width:23px;max-height:28px}.store-mark.play img{max-width:28px;max-height:29px}.hero-side-note{justify-self:end;align-self:end;max-width:230px;margin-bottom:30px;padding:18px 0 18px 22px;border-left:1px solid var(--line)}.hero-side-note small{display:block;color:var(--gold2);letter-spacing:.15em;font-size:9px}.hero-side-note strong{display:block;font-family:var(--serif);font-size:22px;line-height:1.15;margin-top:7px}.section{padding:96px 0;position:relative}.rich-blue{background:radial-gradient(circle at 78% 15%,rgba(29,84,170,.28),transparent 35%),linear-gradient(135deg,#07143a 0%,#0a2258 48%,#07183f 100%)}.section-framed{border-block:1px solid var(--lineSoft)}.section-framed:before,.section-framed:after{content:"";position:absolute;left:50%;width:86%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--gold3),transparent);opacity:.28}.section-framed:before{top:0}.section-framed:after{bottom:0}.app-teaser-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}.app-copy h2,.drive-copy h2,.founder-home h2,.section-heading h2,.final-inner h2,.split-card h2,.founder-story h2,.panel-gold h2{font-family:var(--serif);font-size:clamp(46px,5vw,72px);line-height:.98;font-weight:500;letter-spacing:-.03em;margin:14px 0 20px}.app-copy p,.drive-copy p,.founder-home-copy p,.split-card p,.panel-gold p{color:var(--muted);max-width:650px}.feature-lines,.driver-mini{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:28px 0}.feature-lines span,.driver-mini span{padding:11px 0;border-bottom:1px solid var(--lineSoft);font-size:12px;color:#dbe4f2}.feature-lines span:before,.driver-mini span:before{content:"✦";color:var(--gold);margin-right:8px}.text-link{display:inline-flex;gap:10px;color:var(--gold2);font-weight:850;font-size:13px;padding-bottom:5px;border-bottom:1px solid var(--line);transition:.25s}.text-link:hover{gap:16px}.phones-fan{height:600px;position:relative;perspective:1200px}.phone-shot{margin:0;border:1px solid rgba(255,218,106,.62);border-radius:34px;overflow:hidden;background:#050c22;box-shadow:0 34px 70px rgba(0,0,0,.42),0 0 0 5px rgba(5,15,42,.8);position:relative}.phone-shot:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);pointer-events:none}.phone-shot img{width:100%;height:100%;object-fit:cover}.phones-fan .phone-shot{position:absolute;width:295px;height:590px;top:0}.phones-fan .p1{left:6%;transform:rotate(-7deg) translateY(28px)}.phones-fan .p2{left:35%;z-index:2;transform:translateY(-8px)}.phones-fan .p3{right:4%;transform:rotate(7deg) translateY(28px)}.app-gallery-link:hover .p1{transform:rotate(-9deg) translate(-8px,20px)}.app-gallery-link:hover .p3{transform:rotate(9deg) translate(8px,20px)}.phones-fan .phone-shot{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.gallery-hint{display:block;text-align:center;margin-top:4px;color:var(--gold2);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.split-feature{min-height:610px;position:relative;overflow:hidden}.split-photo{position:absolute;inset:0;background-size:cover;background-position:center}.split-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,44,.15),rgba(4,13,44,.25) 45%,rgba(4,13,44,.95) 65%,rgba(4,13,44,.98))}.split-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;min-height:610px;align-items:center}.split-card{padding:42px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(9,32,80,.88),rgba(5,17,51,.94));box-shadow:var(--shadow);backdrop-filter:blur(10px)}.split-card h2{font-size:56px}.drive-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.drive-visual{position:relative}.drive-visual img{width:100%;height:470px;object-fit:cover;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow)}.image-frame{position:absolute;inset:-12px 12px 12px -12px;border:1px solid var(--line);border-radius:26px;pointer-events:none}.founder-home{position:relative;min-height:690px;overflow:hidden}.founder-bg{background-position:center}.founder-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,44,.97) 0%,rgba(5,15,44,.88) 50%,rgba(5,15,44,.35)),linear-gradient(0deg,rgba(5,15,44,.78),transparent 55%)}.founder-home-grid{position:relative;z-index:2;min-height:690px;display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:center}.founder-portrait-card{justify-self:end;position:relative;width:min(450px,100%);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.36)}.founder-portrait-card img{width:100%;height:570px;object-fit:cover;object-position:center 15%}.portrait-label{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(5,17,51,.84);backdrop-filter:blur(12px);font-size:11px;color:#f0f4f9}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.stat-row>div{padding:17px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(10,43,104,.55);text-align:center}.stat-row b{display:block;color:var(--gold2);font-family:var(--serif);font-size:27px}.stat-row span{display:block;color:#aebbd2;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.destination-head{margin-bottom:34px}.destination-head h2{font-family:var(--serif);font-size:clamp(46px,5vw,68px);font-weight:500;margin:8px 0}.destination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.destination-card{height:380px;position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.destination-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.destination-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,13,44,.92),transparent 58%)}.destination-card div{position:absolute;z-index:2;left:22px;bottom:20px}.destination-card small{display:block;color:var(--gold2);font-size:9px;letter-spacing:.16em}.destination-card strong{font-family:var(--serif);font-size:27px}.destination-card:hover img{transform:scale(1.055)}.final-cta,.founder-local{min-height:510px;position:relative;display:flex;align-items:center;overflow:hidden}.final-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,44,.97),rgba(4,13,44,.65) 55%,rgba(4,13,44,.38)),linear-gradient(0deg,rgba(4,13,44,.58),transparent)}.final-inner{position:relative;z-index:2;max-width:850px}.final-inner p{color:#c6d0e1;max-width:650px}.page-hero{min-height:590px;position:relative;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,44,.98),rgba(4,13,44,.58) 60%,rgba(4,13,44,.30)),linear-gradient(0deg,rgba(4,13,44,.88),transparent 60%)}.page-hero-inner{position:relative;z-index:2;padding:110px 0 70px;max-width:870px}.page-hero h1{font-size:clamp(62px,7vw,94px)}.page-hero p{font-size:17px;color:#d0daea;max-width:690px}.story-scroll{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.story-copy{position:sticky;top:130px}.story-copy h2{font-family:var(--serif);font-size:58px;line-height:1}.story-copy p{color:var(--muted)}.story-phones{display:grid;gap:42px}.story-step{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#0b2b68,#071944);box-shadow:var(--shadow)}.story-step .phone-shot{width:250px;height:542px;justify-self:center}.story-step b{color:var(--gold2);font-size:11px;letter-spacing:.16em}.story-step h3{font-family:var(--serif);font-size:34px;margin:9px 0}.story-step p{color:var(--muted)}.section-heading{max-width:850px;margin-bottom:36px}.benefit-grid,.steps-grid,.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:34px}.principles-grid{grid-template-columns:repeat(3,1fr)}.gold-card{padding:28px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(11,46,111,.82),rgba(6,22,59,.94));box-shadow:inset 0 0 0 1px rgba(255,221,116,.03)}.gold-card>span,.gold-card>b{color:var(--gold2);font-size:22px}.gold-card h3{font-family:var(--serif);font-size:25px;margin:12px 0 8px}.gold-card p{color:var(--muted);font-size:13px}.two-panel{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:stretch}.panel-gold{border:1px solid var(--line);border-radius:24px;padding:42px;background:linear-gradient(145deg,#0c3478,#071a48);box-shadow:var(--shadow)}.drive-photo{min-height:510px;border:1px solid var(--line);border-radius:24px;overflow:hidden;position:relative}.drive-photo img{width:100%;height:100%;object-fit:cover}.drive-photo span{position:absolute;left:18px;bottom:18px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(5,18,53,.85);color:var(--gold2);font-weight:900;font-size:10px;letter-spacing:.16em}.founder-detail-new{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start}.founder-main-photo{position:sticky;top:110px;border:1px solid var(--line);border-radius:26px;padding:10px;background:linear-gradient(145deg,#0b2c69,#07183f);box-shadow:var(--shadow)}.founder-main-photo img{border-radius:19px;width:100%;max-height:700px;object-fit:cover;object-position:center 10%}.founder-story h2{font-size:58px}.founder-story p{color:#c1cce0}.founder-story .lead{color:#edf2f9;font-size:18px}.founder-story strong{color:var(--gold2)}.service-list{display:grid;gap:28px}.service-wide{display:grid;grid-template-columns:1fr 1fr;min-height:390px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#0c3276,#071943);box-shadow:var(--shadow)}.service-wide.reverse>div{order:2}.service-wide>div{padding:50px;display:flex;flex-direction:column;justify-content:center}.service-wide>div>span{color:var(--gold2);font-size:10px;letter-spacing:.16em;font-weight:900}.service-wide h2{font-family:var(--serif);font-size:48px;margin:10px 0}.service-wide p{color:var(--muted)}.service-wide img{width:100%;height:100%;object-fit:cover}.booking-page{min-height:calc(100vh - 82px);position:relative;padding:60px 0 80px;overflow:hidden}.booking-backdrop{position:fixed;z-index:-2;filter:saturate(1.06)}.booking-overlay{position:fixed;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,13,44,.85),rgba(6,20,59,.96))}.booking-intro{text-align:center;max-width:780px;margin:auto;padding-bottom:28px}.booking-intro h1{font-family:var(--serif);font-size:clamp(52px,6vw,78px);font-weight:500;margin:10px 0}.booking-intro p{color:#c3cee0}.booking-frame-shell{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#081439;box-shadow:0 36px 100px rgba(0,0,0,.40),0 0 0 7px rgba(9,36,89,.55)}.booking-frame-top{height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#0c347c,#071a49);border-bottom:1px solid var(--line)}.booking-frame-top div{display:flex;align-items:center;gap:9px}.booking-frame-top strong{font-size:12px}.booking-frame-top>span{font-size:10px;color:#aebbd0}.status-dot{width:8px;height:8px;background:var(--gold2);border-radius:50%;box-shadow:0 0 0 5px rgba(255,215,102,.10)}.booking-frame{display:block;width:100%;height:850px;border:0;background:#fff}.contact-grid-new{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-big{min-height:210px;padding:32px;border-radius:22px;background:linear-gradient(145deg,#0c357b,#071942);display:flex;flex-direction:column;justify-content:center;transition:.3s}.contact-big:hover{transform:translateY(-4px);border-color:rgba(255,217,107,.78)}.contact-big small{color:var(--gold2);font-weight:900;letter-spacing:.17em}.contact-big strong{font-family:var(--serif);font-size:34px;margin:8px 0}.contact-big span{color:#b8c4d7;font-size:12px}.site-footer{padding:54px 0 24px;background:linear-gradient(180deg,#061437,#040d29);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .9fr .7fr;gap:40px}.footer-brand img{width:120px}.footer-brand p{color:#94a4bc;font-size:12px;max-width:360px}.footer-brand .footer-phone{color:var(--gold2);font-weight:850;font-size:13px}.site-footer h4{color:var(--gold2);font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin:5px 0 14px}.site-footer>div>div:not(.footer-brand){display:flex;flex-direction:column}.site-footer a{display:block;color:#b8c4d5;font-size:11px;margin:8px 0}.footer-bottom{border-top:1px solid var(--lineSoft);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;color:#7889a4;font-size:10px}.mobile-quick{display:none}.reveal-up,.reveal-left,.reveal-right{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal-up{transform:translateY(34px)}.reveal-left{transform:translateX(-42px)}.reveal-right{transform:translateX(42px)}.is-visible{opacity:1;transform:none}.kenburns{animation:kenburns 18s ease-in-out infinite alternate}@keyframes kenburns{from{transform:scale(1.015)}to{transform:scale(1.075)}}.parallax-bg{will-change:transform}.visual-section{isolation:isolate}
@media(max-width:1050px){.desktop-nav{gap:18px}.nav-shell{grid-template-columns:150px 1fr auto}.phone-pill{display:none}.hero-layout{grid-template-columns:1fr}.hero-side-note{display:none}.app-teaser-grid,.drive-grid,.founder-home-grid,.story-scroll,.founder-detail-new{grid-template-columns:1fr}.app-copy{max-width:760px}.phones-fan{max-width:850px;margin:auto}.story-copy{position:relative;top:auto}.founder-portrait-card{justify-self:start}.founder-main-photo{position:relative;top:auto;max-width:600px}.benefit-grid,.steps-grid{grid-template-columns:1fr 1fr}.destination-grid{grid-template-columns:1fr 1fr}.destination-card:last-child{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){body{padding-bottom:68px}.shell{width:min(calc(100% - 30px),var(--max))}.site-header{height:70px}.nav-shell{grid-template-columns:1fr auto}.brand img{width:106px}.desktop-nav,.header-actions{display:none}.menu-btn{display:block}.mobile-nav{position:fixed;z-index:999;top:70px;left:0;right:0;bottom:0;padding:18px 22px 92px;background:rgba(4,13,44,.985);backdrop-filter:blur(20px);transform:translateY(-8px);opacity:0;pointer-events:none;transition:.3s;display:flex;flex-direction:column}.mobile-nav.open{opacity:1;transform:none;pointer-events:auto}.mobile-nav a{padding:15px 4px;border-bottom:1px solid var(--lineSoft);font-weight:750}.mobile-nav a.active{color:var(--gold2)}.mobile-nav-book{margin-top:14px;text-align:center;border:1px solid var(--line)!important;border-radius:12px;background:linear-gradient(135deg,#b98620,#f0c957);color:#07143a!important}.hero-premium{min-height:760px}.hero-layout{padding:72px 0}.hero-content h1{font-size:clamp(56px,13vw,76px)}.hero-content>p{font-size:15px}.hero-chips{gap:7px}.hero-chips span{font-size:9px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.btn{padding:0 14px;font-size:11px}.store-row{display:grid;grid-template-columns:1fr 1fr}.store-btn{min-width:0;padding:10px}.store-btn strong{font-size:14px}.store-btn small,.store-btn em{font-size:8px}.section{padding:74px 0}.app-teaser-grid{gap:34px}.phones-fan{height:460px}.phones-fan .phone-shot{width:43vw;max-width:220px;height:440px;border-radius:25px}.phones-fan .p1{left:1%}.phones-fan .p2{left:29%}.phones-fan .p3{right:1%}.app-copy h2,.drive-copy h2,.founder-home h2,.section-heading h2,.final-inner h2,.founder-story h2,.panel-gold h2{font-size:46px}.split-feature,.split-grid{min-height:560px}.split-grid{grid-template-columns:1fr;align-items:end;padding-bottom:34px}.split-card{padding:28px}.split-photo:after{background:linear-gradient(0deg,rgba(4,13,44,.95),rgba(4,13,44,.18) 70%)}.drive-grid{gap:38px}.drive-visual img{height:360px}.founder-home,.founder-home-grid{min-height:auto}.founder-home-grid{padding:75px 0;gap:34px}.founder-portrait-card{width:100%}.founder-portrait-card img{height:auto;max-height:590px;object-position:center 10%}.stat-row{gap:7px}.stat-row>div{padding:13px 7px}.stat-row b{font-size:21px}.stat-row span{font-size:7px}.destination-grid{grid-template-columns:1fr}.destination-card,.destination-card:last-child{grid-column:auto;height:320px}.page-hero{min-height:500px}.page-hero-inner{padding:86px 0 54px}.page-hero h1{font-size:58px}.story-step{grid-template-columns:1fr;padding:22px}.story-step .phone-shot{width:78%;max-width:270px;height:auto;aspect-ratio:700/1520}.story-step h3{font-size:29px}.benefit-grid,.steps-grid,.principles-grid,.two-panel,.contact-grid-new{grid-template-columns:1fr}.panel-gold{padding:28px}.drive-photo{min-height:380px}.founder-detail-new{gap:34px}.founder-story h2{font-size:44px}.service-wide,.service-wide.reverse{grid-template-columns:1fr}.service-wide.reverse>div{order:0}.service-wide>div{padding:32px}.service-wide img{height:280px}.booking-page{padding-top:38px}.booking-frame-shell{border-radius:18px}.booking-frame{height:780px}.booking-frame-top>span{display:none}.contact-big{min-height:170px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.mobile-quick{position:fixed;z-index:1100;left:0;right:0;bottom:0;height:68px;display:grid;grid-template-columns:1fr 1fr;background:rgba(4,13,44,.97);border-top:1px solid var(--line);backdrop-filter:blur(18px)}.mobile-quick a{display:grid;place-items:center;font-weight:850;font-size:12px;color:var(--gold2)}.mobile-quick a+a{background:linear-gradient(135deg,#ba8720,#f0c957);color:#06143b;border-left:1px solid var(--line)} }
@media(max-width:430px){.hero-actions{grid-template-columns:1fr}.store-row{grid-template-columns:1fr 1fr;gap:8px}.store-btn{gap:7px}.store-mark{width:29px;height:29px;font-size:14px}.feature-lines,.driver-mini{grid-template-columns:1fr}.phones-fan{height:420px}.phones-fan .phone-shot{height:400px}.app-copy h2,.drive-copy h2,.founder-home h2,.section-heading h2,.final-inner h2,.founder-story h2,.panel-gold h2{font-size:40px}.hero-content h1{font-size:54px}.stat-row b{font-size:18px}.destination-card{height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kenburns{animation:none}.reveal-up,.reveal-left,.reveal-right{opacity:1;transform:none;transition:none}.parallax-bg{transform:none!important}*{scroll-behavior:auto!important}}

.legal-wrap{max-width:900px}.legal-wrap h1{font-family:var(--serif);font-size:clamp(52px,6vw,78px);font-weight:500;margin:12px 0 8px}.legal-intro{color:var(--muted);font-size:16px;margin-bottom:34px}.legal-block{padding:28px 0;border-bottom:1px solid var(--lineSoft)}.legal-block h2{font-family:var(--serif);font-size:32px;font-weight:500;margin:0 0 10px}.legal-block p,.legal-block li{color:#c1cce0;font-size:14px}.legal-block a{color:var(--gold2);text-decoration:underline}.simple-page{min-height:70vh;display:flex;align-items:center}.thank-panel{max-width:760px;text-align:center;margin:auto;padding:50px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#0c357c,#071943);box-shadow:var(--shadow)}.thank-panel h1{font-family:var(--serif);font-size:64px;font-weight:500;margin:12px 0}.thank-panel p{color:var(--muted)}

/* LUXi 3.1 mobile polish */
@media(max-width:780px){
  .brand img{width:116px}
  .mobile-nav{background:linear-gradient(180deg,#07143d 0%,#082055 56%,#06153d 100%);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 24px 60px rgba(0,0,0,.38);isolation:isolate}
  .mobile-nav:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,rgba(19,56,128,.18),transparent 44%),#071741;opacity:1}
  .mobile-nav a{position:relative;z-index:1}
  .hero-content{display:flex;flex-direction:column}
  .hero-content .store-row{order:5;margin-top:22px;margin-bottom:10px}
  .hero-content .hero-actions{order:6;margin-top:10px;margin-bottom:0}
  .hero-content .store-btn{min-height:72px}
  .store-mark{width:36px;height:36px;flex-basis:36px}
  .store-mark img{max-width:25px;max-height:27px}
}
@media(max-width:430px){
  .brand img{width:112px}
  .store-mark{width:34px;height:34px;flex-basis:34px}
  .store-mark.apple img{max-width:21px;max-height:25px}
  .store-mark.play img{max-width:26px;max-height:27px}
}

/* v5.2 interaction polish */
.section-link{cursor:pointer}
.section-link:focus-visible{outline:2px solid var(--gold2);outline-offset:-4px}
.section-link .drive-visual img,.section-link .founder-portrait-card,.section-link .split-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.section-link:hover .drive-visual img{transform:scale(1.012)}
.section-link:hover .founder-portrait-card,.section-link:hover .split-card{transform:translateY(-4px);border-color:rgba(255,217,107,.72);box-shadow:0 28px 70px rgba(0,0,0,.30)}
/* Force consistent store marks on desktop and mobile; versioned assets prevent stale cache. */
.store-mark.apple img{width:23px!important;height:28px!important;object-fit:contain!important}
.store-mark.play img{width:28px!important;height:29px!important;object-fit:contain!important}
@media (min-width: 861px){
 .store-btn{min-width:196px;padding:12px 16px}
 .store-mark{width:40px;height:40px;flex-basis:40px}
 .store-btn strong{font-size:18px}
}

/* LUXi v3.3 consistency pass */
.brand img{width:138px;max-height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 6px 16px rgba(240,201,87,.18))}
.footer-brand img{width:132px;max-height:64px;object-fit:contain}
.official-store{min-width:190px;height:58px;padding:5px 8px;border-radius:14px;background:linear-gradient(145deg,rgba(6,20,59,.88),rgba(10,36,91,.92));display:flex;align-items:center;justify-content:center;overflow:hidden}
.official-store img{display:block;width:auto;height:42px;max-width:100%;object-fit:contain}
.official-store:hover{transform:translateY(-3px);border-color:rgba(255,216,103,.88);background:linear-gradient(145deg,#0c2d70,#06173f)}
.drive-visual img,.drive-photo img{object-position:center center}
@media(max-width:780px){
 .brand img{width:112px;max-height:48px}
 .official-store{min-width:0;width:100%;height:56px;padding:5px 7px}
 .official-store img{height:40px;max-width:100%}
}
@media(max-width:430px){
 .official-store{height:54px}
 .official-store img{height:38px}
}

/* =========================================================
   LUXi 3.4 — precision / OCD-friendly polish
   ========================================================= */

/* Consistent custom store buttons — no black badge rectangles */
.premium-store{
  width:210px;
  min-width:210px;
  height:68px;
  padding:10px 16px;
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  column-gap:12px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(12,48,112,.92),rgba(6,25,68,.96));
  border:1px solid rgba(239,196,78,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 34px rgba(1,8,30,.16);
  overflow:hidden;
}
.premium-store:hover{transform:translateY(-2px);background:linear-gradient(145deg,#103a83,#081c4d);border-color:rgba(255,220,112,.9);box-shadow:0 16px 38px rgba(1,8,30,.24),0 0 0 1px rgba(255,218,104,.08) inset}
.premium-store .store-mark{width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:linear-gradient(145deg,rgba(255,217,107,.08),rgba(255,255,255,.018));border:1px solid rgba(255,218,105,.12);display:grid;place-items:center}
.premium-store .store-mark.apple img{width:22px!important;height:27px!important;object-fit:contain!important}
.premium-store .store-mark.play img{width:25px!important;height:29px!important;object-fit:contain!important}
.premium-store .store-copy{display:grid;grid-template-rows:auto auto auto;align-content:center;min-width:0;text-align:left;line-height:1}
.premium-store .store-copy small{font-size:8px!important;line-height:1.1!important;letter-spacing:.02em;color:#aebbd2!important;margin:0 0 2px}
.premium-store .store-copy strong{font-size:17px!important;line-height:1.02!important;color:#fff;font-weight:800;letter-spacing:0;margin:0}
.premium-store .store-copy em{font-size:9px!important;line-height:1.1!important;color:var(--gold2)!important;margin:3px 0 0;font-style:normal}
.store-row{align-items:stretch}
.store-row .premium-store{margin:0}

/* Hero title: deliberate line rhythm instead of oversized standalone ampersand */
.hero-title{display:flex;flex-direction:column;gap:.02em}
.hero-title-line{display:block;white-space:nowrap}
.hero-title em{font-style:normal;color:var(--gold2)}

/* Four equal benefit chips, visually aligned */
.hero-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:700px}
.hero-chips span{display:flex;align-items:center;justify-content:center;min-height:38px;text-align:center;padding:9px 10px;white-space:nowrap}

/* Mobile navigation must be a true opaque panel, never reveal hero content */
@media(max-width:780px){
  .mobile-nav{
    top:70px!important;
    background:#071947!important;
    background-image:linear-gradient(180deg,#081d50 0%,#071947 46%,#05143b 100%)!important;
    opacity:0;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:0 30px 80px rgba(0,0,0,.48)!important;
    border-top:1px solid rgba(239,196,78,.18);
    overflow-y:auto;
  }
  .mobile-nav:before{display:none!important}
  .mobile-nav.open{opacity:1!important}
  .mobile-nav a{background:transparent!important;color:#f5f5f2;min-height:62px;display:flex;align-items:center;padding:0 6px!important;font-size:18px;letter-spacing:-.01em;border-bottom:1px solid rgba(239,196,78,.16)!important}
  .mobile-nav a.active{color:var(--gold2)!important}
  .mobile-nav-book{justify-content:center;margin-top:18px!important;min-height:58px!important;border:1px solid #f1c85d!important;background:linear-gradient(135deg,#b98620,#f3ce63)!important;color:#06143b!important;border-radius:14px!important}

  .hero-premium{min-height:0}
  .hero-layout{padding:60px 0 54px}
  .hero-content{align-items:stretch}
  .hero-content .eyebrow{font-size:10px;letter-spacing:.19em;text-align:left}
  .hero-content .hero-title{font-size:clamp(46px,11.5vw,64px);line-height:.98;margin:18px 0 22px;gap:.06em}
  .hero-title-line{white-space:normal}
  .hero-title-first em{display:inline;color:var(--gold2)}
  .hero-content>p{max-width:100%;font-size:15px;line-height:1.55;margin:0}

  .hero-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:24px 0 4px;max-width:none}
  .hero-chips span{min-height:42px;font-size:10px!important;padding:9px 8px;white-space:normal}

  /* Mobile order: apps first, then web booking. Call stays in sticky utility bar. */
  .hero-content .store-row{order:5;margin:24px 0 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hero-content .hero-actions{order:6;margin:10px 0 0;display:grid;grid-template-columns:1fr}
  .hero-content .hero-call{display:none}
  .hero-content .hero-actions .btn-gold{height:58px;font-size:13px;border-radius:14px}

  .premium-store{width:100%;min-width:0;height:72px;padding:10px 11px;grid-template-columns:38px 1fr;column-gap:9px;border-radius:16px}
  .premium-store .store-mark{width:38px;height:38px;flex-basis:38px}
  .premium-store .store-mark.apple img{width:20px!important;height:25px!important}
  .premium-store .store-mark.play img{width:23px!important;height:27px!important}
  .premium-store .store-copy small{font-size:7.5px!important}
  .premium-store .store-copy strong{font-size:15px!important}
  .premium-store .store-copy em{font-size:8px!important}

  .mobile-quick{height:62px}
  body{padding-bottom:62px}
  .mobile-quick a{font-size:12px;letter-spacing:.01em}
}

@media(max-width:430px){
  .hero-content .hero-title{font-size:clamp(43px,11vw,54px)}
  .hero-chips{gap:8px}
  .hero-chips span{font-size:9.5px!important;min-height:40px}
  .premium-store{height:68px;padding:9px 9px;grid-template-columns:34px 1fr;column-gap:8px}
  .premium-store .store-mark{width:34px;height:34px;flex-basis:34px}
  .premium-store .store-copy strong{font-size:14px!important}
}
/* v3.4 title line-lock correction */
.hero-title-second em{display:inline-block;margin-right:.08em}
@media(max-width:780px){
  .hero-title-line{white-space:nowrap}
  .hero-content .hero-title{font-size:clamp(42px,11.2vw,52px)}
}
@media(max-width:360px){
  .hero-content .hero-title{font-size:40px}
}


/* =========================================================
   LUXi 3.5 — hero / menu / store alignment refinement
   ========================================================= */

/* Hero: white editorial type with gold used only as an accent */
.hero-title .hero-title-line{color:#f7f5ef!important}
.hero-title .hero-title-second em{color:var(--gold2)!important;font-style:normal;margin-right:.12em}
.hero-content .eyebrow{color:#efc75b}

/* Center the App Store / Google Play content as a single balanced unit */
.premium-store{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  grid-template-columns:none!important;
}
.premium-store .store-mark{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
}
.premium-store .store-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  width:auto!important;
  min-width:82px!important;
  text-align:left!important;
  margin:0!important;
}
.store-row .premium-store{justify-self:stretch}

@media(max-width:780px){
  /* Menu must be a full-screen panel with every item visible without scrolling */
  .mobile-nav{
    position:fixed!important;
    inset:70px 0 0 0!important;
    height:calc(100dvh - 70px)!important;
    min-height:calc(100vh - 70px)!important;
    padding:14px 22px 26px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#0b245d 0%,#081d50 42%,#06143b 100%)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.48)!important;
    z-index:1500!important;
  }
  .mobile-nav a{
    flex:0 0 52px!important;
    min-height:52px!important;
    height:52px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    font-size:17px!important;
    border-bottom:1px solid rgba(239,196,78,.17)!important;
  }
  .mobile-nav-book{
    flex:0 0 56px!important;
    height:56px!important;
    min-height:56px!important;
    margin-top:14px!important;
    justify-content:center!important;
  }
  body.nav-open .mobile-quick{display:none!important}

  /* More refined, quieter hero hierarchy */
  .hero-content .eyebrow{
    font-size:9px!important;
    letter-spacing:.15em!important;
    line-height:1.45!important;
    color:#efc75b!important;
    white-space:normal!important;
  }
  .hero-content .hero-title{
    font-size:clamp(42px,10.8vw,52px)!important;
    line-height:1.00!important;
    letter-spacing:-.032em!important;
    gap:.08em!important;
    margin:16px 0 22px!important;
  }
  .hero-title-line{white-space:nowrap!important;color:#f7f5ef!important}
  .hero-title-second em{color:#efc75b!important}

  /* App buttons: keep the icon + copy perfectly centered inside equal cards */
  .premium-store{
    width:100%!important;
    height:72px!important;
    padding:10px 12px!important;
    justify-content:center!important;
    gap:9px!important;
  }
  .premium-store .store-mark{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }
  .premium-store .store-copy{
    min-width:80px!important;
    align-items:flex-start!important;
  }
}

@media(max-width:390px){
  .hero-content .hero-title{font-size:40px!important}
  .hero-content .eyebrow{font-size:8.5px!important;letter-spacing:.13em!important}
  .mobile-nav a{height:49px!important;min-height:49px!important;flex-basis:49px!important}
}

/* === LUXi 3.6 mobile navigation compact panel === */
@media(max-width:780px){
  .mobile-nav{
    position:fixed!important;
    top:70px!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    inset:auto 0 auto 0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:12px 22px 18px!important;
    overflow:visible!important;
    justify-content:flex-start!important;
    background:linear-gradient(180deg,#0b245d 0%,#081d50 58%,#071943 100%)!important;
    border-bottom:1px solid rgba(239,196,78,.34)!important;
    box-shadow:0 22px 46px rgba(0,0,0,.42)!important;
  }
  .mobile-nav a{
    flex:0 0 52px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    font-size:17px!important;
    border-bottom:1px solid rgba(239,196,78,.17)!important;
  }
  .mobile-nav-book{
    flex:0 0 56px!important;
    height:56px!important;
    min-height:56px!important;
    margin-top:14px!important;
    justify-content:center!important;
    border:1px solid #f1c85d!important;
    background:linear-gradient(135deg,#b98620 0%,#f0c957 52%,#ffdf79 100%)!important;
    color:#06143b!important;
    font-weight:900!important;
    box-shadow:0 10px 28px rgba(222,171,47,.22),inset 0 1px rgba(255,255,255,.45)!important;
    border-radius:14px!important;
  }
  body.nav-open .mobile-quick{display:none!important}
}

/* =========================================================
   LUXi 3.7 — definitive mobile navigation + utility bar fix
   ========================================================= */
@media (max-width:780px){
  /* Closed means truly gone. This prevents stale/BFCache menu remnants. */
  .mobile-nav{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:fixed!important;
    top:70px!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px 22px 16px!important;
    flex-direction:column!important;
    overflow:hidden!important;
    transform:none!important;
    background:linear-gradient(180deg,#0b245d 0%,#081d50 60%,#071943 100%)!important;
    border-top:1px solid rgba(239,196,78,.16)!important;
    border-bottom:1px solid rgba(239,196,78,.34)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.38)!important;
    z-index:1500!important;
  }
  .mobile-nav.open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .mobile-nav a{
    flex:0 0 48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    color:#f7f7f3!important;
    background:transparent!important;
    font-size:16px!important;
    font-weight:780!important;
    letter-spacing:-.01em!important;
    border:0!important;
    border-bottom:1px solid rgba(239,196,78,.16)!important;
  }
  .mobile-nav a.active{color:var(--gold2)!important}
  .mobile-nav-book{
    flex:0 0 52px!important;
    height:52px!important;
    min-height:52px!important;
    margin-top:12px!important;
    padding:0 18px!important;
    justify-content:center!important;
    border:1px solid #f3ce63!important;
    border-bottom:1px solid #f3ce63!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#bd8a22 0%,#f0c957 48%,#ffdc75 100%)!important;
    color:#06143b!important;
    font-weight:900!important;
    font-size:14px!important;
    box-shadow:0 9px 22px rgba(218,164,42,.2), inset 0 1px rgba(255,255,255,.45)!important;
  }
  body.nav-open .mobile-quick{display:none!important}

  /* Slim, rounded utility actions on every mobile page. */
  .mobile-quick{
    left:12px!important;
    right:12px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    height:54px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .mobile-quick a{
    height:54px!important;
    min-height:54px!important;
    border-radius:14px!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
  }
  .mobile-quick a:first-child{
    color:var(--gold2)!important;
    background:linear-gradient(180deg,rgba(11,36,91,.98),rgba(6,20,58,.99))!important;
    border:1px solid rgba(239,196,78,.52)!important;
  }
  .mobile-quick a+a{
    color:#06143b!important;
    background:linear-gradient(135deg,#bd8921 0%,#f0c957 50%,#ffdc75 100%)!important;
    border:1px solid #f3ce63!important;
  }
  body{padding-bottom:76px!important}
}

/* =========================================================
   LUXi 3.8 — framed jewel-tone mobile navigation
   ========================================================= */
@media (max-width:780px){
  .mobile-nav{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    top:78px!important;
    padding:10px 14px 14px!important;
    border:1px solid rgba(245,201,88,.70)!important;
    border-radius:0 0 24px 24px!important;
    background:
      radial-gradient(circle at 82% 18%,rgba(32,91,190,.30),transparent 34%),
      linear-gradient(145deg,#07183f 0%,#0b2a69 52%,#071943 100%)!important;
    box-shadow:
      0 22px 52px rgba(0,0,0,.42),
      0 0 0 1px rgba(255,218,105,.06) inset,
      0 10px 34px rgba(15,66,153,.18)!important;
    overflow:hidden!important;
  }
  .mobile-nav:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 32%,rgba(255,216,103,.025) 72%,transparent);
  }
  .mobile-nav a{
    position:relative!important;
    z-index:1!important;
    padding:0 12px!important;
    border-bottom:1px solid rgba(239,196,78,.18)!important;
  }
  .mobile-nav a.active{
    color:#ffdb72!important;
    text-shadow:0 0 18px rgba(255,210,86,.10);
  }
  .mobile-nav-book{
    margin:12px 2px 0!important;
    border:1px solid #f5d06b!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#b77f18 0%,#edbf42 38%,#ffdc70 63%,#c28b20 100%)!important;
    color:#06143b!important;
    box-shadow:0 10px 24px rgba(207,151,28,.24),inset 0 1px 0 rgba(255,255,255,.52)!important;
  }
}


/* ===== LUXi 6.1 final simplification + gateway homepage ===== */
.hero-layout-clean{grid-template-columns:minmax(0,760px);align-items:center}
.hero-layout-clean .hero-content{max-width:760px}
.hero-store-row{margin-top:24px}
.clean-hero-actions{margin-top:18px}
.home-gateways{padding-top:86px;padding-bottom:92px}
.home-section-heading{max-width:760px;margin:0 auto 38px;text-align:center}
.home-section-heading p{max-width:620px;margin:12px auto 0;color:var(--muted)}
.gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.gateway-card{position:relative;display:grid;grid-template-columns:minmax(0,46%) 1fr;min-height:330px;border:1px solid rgba(228,185,74,.62);border-radius:26px;overflow:hidden;background:linear-gradient(145deg,rgba(17,61,129,.96),rgba(6,24,69,.98));box-shadow:0 20px 54px rgba(0,0,0,.24);cursor:pointer;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.gateway-card:hover{transform:translateY(-4px);border-color:#f2ca61;box-shadow:0 24px 64px rgba(0,0,0,.3)}
.gateway-media{min-height:330px;overflow:hidden;background:#071a48}
.gateway-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.gateway-card:hover .gateway-media img{transform:scale(1.035)}
.gateway-media-app{display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 38%,#174898 0,#0d2b69 50%,#071945 100%)}
.gateway-media-app img{height:92%;width:auto;max-width:88%;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.28))}
.gateway-copy{padding:34px 32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.gateway-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.85rem,2.5vw,2.8rem);line-height:1.04;margin:8px 0 14px;color:#fff}
.gateway-copy p{margin:0 0 22px;color:#cbd6eb;line-height:1.65}
.gateway-copy .text-link{margin-top:auto}
.home-final-cta{min-height:520px}

/* refined compact mobile utility bar */
@media(max-width:820px){
  .hero-layout-clean{grid-template-columns:1fr}
  .home-gateways{padding:58px 0 68px}
  .home-section-heading{text-align:left;margin:0 0 26px}
  .gateway-grid{grid-template-columns:1fr;gap:16px}
  .gateway-card{grid-template-columns:38% 1fr;min-height:190px;border-radius:22px}
  .gateway-media{min-height:190px}
  .gateway-media-app{padding:14px}
  .gateway-copy{padding:22px 18px}
  .gateway-copy h3{font-size:1.48rem;margin:6px 0 8px}
  .gateway-copy p{font-size:.93rem;line-height:1.5;margin-bottom:12px}
  .gateway-copy .eyebrow{font-size:.68rem;letter-spacing:.16em}
  .gateway-copy .text-link{font-size:.9rem}
  .home-final-cta{min-height:430px}
}
@media(max-width:520px){
  .gateway-card{grid-template-columns:36% 1fr;min-height:176px}
  .gateway-media{min-height:176px}
  .gateway-copy{padding:18px 15px}
  .gateway-copy h3{font-size:1.28rem}
  .gateway-copy p{font-size:.86rem}
}


/* =========================================================
   LUXi 7.0 — editorial premium homepage refinement
   ========================================================= */
.editorial-home{padding:92px 0 104px;overflow:hidden}
.editorial-heading{max-width:700px;margin:0 auto 46px;text-align:center}
.editorial-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;margin:8px 0 12px;color:#fff;letter-spacing:-.035em}
.editorial-heading p{max-width:520px;margin:0 auto;color:#bac7dd;font-size:1.04rem}
.editorial-stack{display:grid;gap:28px}
.editorial-card{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:500px;border:1px solid rgba(237,192,76,.68);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#0b2a69 0%,#071942 76%);box-shadow:0 26px 76px rgba(0,0,0,.27);cursor:pointer;isolation:isolate;transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease}
.editorial-card.reverse{grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)}
.editorial-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 36%,rgba(237,192,76,.018) 70%,transparent);z-index:3}
.editorial-card:hover{transform:translateY(-5px);border-color:#f5cf67;box-shadow:0 32px 88px rgba(0,0,0,.34),0 0 0 1px rgba(245,207,103,.05) inset}
.editorial-visual{position:relative;min-height:500px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#1b4b9c 0,#0c2a68 52%,#06163c 100%)}
.editorial-visual>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .45s ease;filter:saturate(.94) contrast(1.02)}
.editorial-card:hover .editorial-visual>img{transform:scale(1.035);filter:saturate(1.03) contrast(1.03)}
.editorial-copy{padding:62px 58px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:4}
.editorial-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.45rem,4vw,4.3rem);line-height:1.01;letter-spacing:-.035em;color:#fff;margin:10px 0 18px;max-width:620px}
.editorial-copy p{font-size:1.08rem;line-height:1.7;color:#cbd6eb;max-width:560px;margin:0 0 30px}
.editorial-copy .text-link{font-size:1rem;margin-top:6px}
.editorial-copy .eyebrow{font-size:.78rem;letter-spacing:.2em}

/* Premium phone framing for the real LUXi app screenshot. */
.app-visual{display:grid;place-items:center;padding:44px 26px;background:radial-gradient(circle at 50% 36%,#1e53a8 0,#0b2b6c 51%,#06173f 100%)}
.phone-frame{position:relative;height:min(430px,84%);aspect-ratio:9/19.4;border-radius:42px;padding:9px;background:linear-gradient(145deg,#2a2e37 0%,#07080b 45%,#343944 100%);border:1px solid rgba(255,255,255,.23);box-shadow:0 30px 62px rgba(0,0,0,.52),inset 0 0 0 2px rgba(255,255,255,.055);transform:rotate(-3deg) translateY(2px);transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.phone-frame:before{content:"";position:absolute;left:-4px;top:92px;width:3px;height:54px;border-radius:3px 0 0 3px;background:#11151c;box-shadow:0 70px 0 #11151c}
.phone-frame:after{content:"";position:absolute;right:-4px;top:120px;width:3px;height:82px;border-radius:0 3px 3px 0;background:#11151c}
.phone-frame img{width:100%;height:100%;display:block;object-fit:cover;border-radius:34px;background:#02050c}
.phone-notch{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:34%;height:18px;border-radius:0 0 13px 13px;background:#050608;z-index:2}
.editorial-card:hover .phone-frame{transform:rotate(-1.4deg) translateY(-6px) scale(1.015)}
.founder-visual img{object-position:center 20%}
.editorial-services .editorial-visual img{object-position:center 54%}
.editorial-drive .editorial-visual img{object-position:center 48%}

@media(max-width:820px){
  .editorial-home{padding:60px 0 84px}
  .editorial-heading{text-align:left;margin:0 0 28px}
  .editorial-heading h2{font-size:clamp(2.6rem,12vw,4.4rem);max-width:540px}
  .editorial-heading p{margin:0;max-width:420px}
  .editorial-stack{gap:22px}
  .editorial-card,.editorial-card.reverse{grid-template-columns:1fr;min-height:0;border-radius:26px}
  .editorial-card .editorial-visual{order:1}
  .editorial-card .editorial-copy{order:2}
  .editorial-card.reverse .editorial-copy{order:2}
  .editorial-card.reverse .editorial-visual{order:1}
  .editorial-visual{min-height:44vh;max-height:470px}
  .editorial-copy{min-height:300px;padding:34px 28px 40px}
  .editorial-copy h3{font-size:clamp(2.15rem,9vw,3.5rem);margin:8px 0 14px;max-width:460px}
  .editorial-copy p{font-size:1rem;line-height:1.6;margin-bottom:22px}
  .editorial-copy .text-link{font-size:.98rem}
  .app-visual{min-height:52vh;padding:30px 18px}
  .phone-frame{height:min(430px,92%);max-width:68vw}
  .founder-visual{min-height:52vh}
  /* reserve enough room so the floating quick actions never cover section links */
  .editorial-home{padding-bottom:118px}
}
@media(max-width:520px){
  .editorial-heading h2{font-size:3.15rem;line-height:.98}
  .editorial-heading p{font-size:.98rem}
  .editorial-card,.editorial-card.reverse{border-radius:24px}
  .editorial-visual{min-height:330px}
  .app-visual{min-height:440px}
  .phone-frame{height:390px;max-width:72vw;border-radius:38px}
  .phone-frame img{border-radius:31px}
  .editorial-copy{min-height:285px;padding:30px 24px 36px}
  .editorial-copy h3{font-size:2.28rem}
}

/* Gentle continuous visual life without replaying disruptive entrance animations. */
@media(prefers-reduced-motion:no-preference){
  .editorial-visual>img{animation:luxiEditorialDrift 14s ease-in-out infinite alternate}
  .editorial-drive .editorial-visual>img,.editorial-story .editorial-visual>img{animation-duration:16s}
  @keyframes luxiEditorialDrift{from{transform:scale(1.005) translate3d(0,0,0)}to{transform:scale(1.035) translate3d(0,-6px,0)}}
  .editorial-card:hover .editorial-visual>img{animation-play-state:paused;transform:scale(1.05)}
}

/* LUXi 7.1 — continuous editorial journey, architectural frames, mobile-safe phone fan */
.luxi-journey{padding:96px 0 112px;overflow:hidden;background:radial-gradient(circle at 78% 12%,rgba(28,85,174,.25),transparent 34%),linear-gradient(180deg,#081c4b 0%,#09245a 46%,#07183f 100%)}
.journey-heading{max-width:820px;margin-bottom:74px}.journey-heading h2{font-family:var(--serif);font-size:clamp(50px,6vw,82px);line-height:.98;font-weight:500;letter-spacing:-.035em;margin:12px 0 16px}.journey-heading p{max-width:620px;color:#b9c7dc}
.journey-stack{position:relative}.journey-stack:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(231,188,72,.35) 8%,rgba(231,188,72,.12) 92%,transparent);pointer-events:none}
.journey-row{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:84px;align-items:center;min-height:610px;padding:72px 0;cursor:pointer}.journey-row+ .journey-row:before{content:"";position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(237,192,76,.28),transparent)}
.journey-copy{position:relative;z-index:3;padding:34px 0}.journey-copy h3{font-family:var(--serif);font-size:clamp(46px,4.7vw,70px);line-height:.98;letter-spacing:-.035em;font-weight:500;margin:12px 0 20px;max-width:620px}.journey-copy p{color:#c2cee1;font-size:17px;line-height:1.7;max-width:540px;margin:0 0 26px}.journey-number{position:absolute;right:0;top:-4px;font-family:var(--serif);font-size:72px;line-height:1;color:rgba(245,207,103,.08);pointer-events:none}.mini-features{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 26px}.mini-features span{font-size:11px;color:#dce4f1;padding:7px 0;border-bottom:1px solid rgba(239,196,79,.26)}
.journey-visual{position:relative;min-width:0}.photo-open{height:520px;padding:14px 0 0 14px}.photo-open:before{content:"";position:absolute;inset:0 14px 14px 0;border-left:1px solid rgba(240,198,83,.7);border-top:1px solid rgba(240,198,83,.7);border-radius:28px 0 0 0;pointer-events:none}.photo-open:after{content:"";position:absolute;right:0;bottom:0;width:42%;height:1px;background:linear-gradient(90deg,transparent,#eac24f)}.photo-open img{width:100%;height:100%;object-fit:cover;border-radius:22px;box-shadow:0 34px 80px rgba(0,0,0,.34);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.journey-row:hover .photo-open img{transform:translateY(-5px) scale(1.018);filter:saturate(1.04)}.founder-open img{object-position:center 14%}
.journey-services,.journey-story{grid-template-columns:minmax(380px,.92fr) minmax(0,1.08fr)}
.phone-stage{height:620px;perspective:1500px}.phone-fan-v71{position:relative;width:100%;height:100%;transform-style:preserve-3d}.phone-v71{position:absolute;top:50%;left:50%;height:535px;aspect-ratio:9/19.4;border-radius:42px;padding:8px;background:linear-gradient(145deg,#303641,#080a0e 48%,#343b47);border:1px solid rgba(255,255,255,.2);box-shadow:0 34px 80px rgba(0,0,0,.52);overflow:hidden;transition:transform .18s linear,opacity .3s}.phone-v71 img{width:100%;height:100%;object-fit:cover;border-radius:34px}.phone-left{z-index:1;opacity:.76;transform:translate(-87%,-46%) rotateY(15deg) rotateZ(-7deg) scale(.84)}.phone-main{z-index:3;transform:translate(-50%,-50%) translateZ(55px)}.phone-right{z-index:2;opacity:.8;transform:translate(-13%,-46%) rotateY(-15deg) rotateZ(7deg) scale(.84)}
.hero-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:30px 0 24px;border-top:1px solid rgba(239,196,79,.25);border-bottom:1px solid rgba(239,196,79,.25)}.hero-chips span{padding:13px 12px;border:0;border-right:1px solid rgba(239,196,79,.18);border-radius:0;background:none;text-align:center;font-size:11px}.hero-chips span:last-child{border-right:0}
@media(max-width:900px){
 .luxi-journey{padding:64px 0 112px}.journey-heading{margin-bottom:28px}.journey-heading h2{font-size:clamp(44px,10vw,62px)}.journey-stack:before{left:18px;opacity:.5}
 .journey-row,.journey-services,.journey-story{grid-template-columns:1fr;gap:16px;min-height:0;padding:44px 0 54px 34px}.journey-row .journey-visual{order:1}.journey-row .journey-copy{order:2}.journey-services .journey-copy,.journey-story .journey-copy{order:1}.journey-services .journey-visual,.journey-story .journey-visual{order:2}
 .journey-copy{padding:12px 4px 0}.journey-copy h3{font-size:clamp(38px,8.5vw,54px)}.journey-copy p{font-size:15px}.journey-number{font-size:54px;right:6px}
 .photo-open{height:430px;padding:10px 0 0 10px}.phone-stage{height:530px}.phone-v71{height:455px}.phone-left{transform:translate(-92%,-45%) rotateY(12deg) rotateZ(-7deg) scale(.78)}.phone-main{transform:translate(-50%,-50%) translateZ(35px)}.phone-right{transform:translate(-8%,-45%) rotateY(-12deg) rotateZ(7deg) scale(.78)}
 .hero-chips{grid-template-columns:1fr 1fr}.hero-chips span:nth-child(2){border-right:0}.hero-chips span:nth-child(-n+2){border-bottom:1px solid rgba(239,196,79,.18)}
}
@media(max-width:600px){
 .shell{width:min(calc(100% - 40px),var(--max))}.luxi-journey{padding-top:54px}.journey-heading{padding-left:4px}.journey-heading h2{font-size:46px}.journey-heading p{font-size:15px}
 .journey-row,.journey-services,.journey-story{padding-left:22px;padding-top:34px;padding-bottom:44px}.journey-stack:before{left:7px}.journey-row+ .journey-row:before{left:22px;right:0}
 .phone-stage{height:440px;overflow:visible}.phone-v71{height:375px;border-radius:32px;padding:6px}.phone-v71 img{border-radius:26px}.phone-left{transform:translate(-89%,-44%) rotateY(10deg) rotateZ(-6deg) scale(.73)}.phone-main{transform:translate(-50%,-50%) translateZ(25px)}.phone-right{transform:translate(-11%,-44%) rotateY(-10deg) rotateZ(6deg) scale(.73)}
 .photo-open{height:360px}.journey-copy h3{font-size:40px}.mini-features{gap:5px 14px}.journey-number{font-size:46px}
}
@media(prefers-reduced-motion:reduce){.phone-v71,.photo-open img{transition:none!important;transform:none!important}.phone-left,.phone-right{display:none}.phone-main{position:relative;left:50%;top:50%;transform:translate(-50%,-50%)!important}}

/* =========================================================
   LUXi 7.1.1 — mobile journey debug / containment fix
   Keeps desktop editorial motion, prevents mobile overflow,
   giant whitespace and oversized media.
   ========================================================= */
@media (max-width: 780px){
  .luxi-journey{
    overflow:hidden!important;
    padding:58px 0 104px!important;
  }
  .luxi-journey .shell{
    width:min(calc(100% - 34px),var(--max))!important;
  }
  .journey-heading{
    margin:0 0 22px!important;
    padding:0!important;
  }
  .journey-heading h2{
    margin:9px 0 12px!important;
    line-height:1!important;
  }
  .journey-heading p{
    margin:0!important;
    max-width:34rem!important;
  }
  .journey-stack:before{display:none!important}
  .journey-row,
  .journey-services,
  .journey-story{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
    min-height:0!important;
    padding:34px 0 42px!important;
    margin:0!important;
    overflow:hidden!important;
    align-items:start!important;
  }
  .journey-row + .journey-row:before{
    left:0!important;
    right:0!important;
    background:linear-gradient(90deg,rgba(238,194,78,.55),rgba(238,194,78,.10),transparent)!important;
  }
  .journey-copy{
    padding:0 2px!important;
    min-width:0!important;
  }
  .journey-copy h3{
    font-size:clamp(31px,8.3vw,43px)!important;
    line-height:1.03!important;
    margin:10px 0 13px!important;
    max-width:100%!important;
  }
  .journey-copy p{
    font-size:15px!important;
    line-height:1.58!important;
    margin:0 0 18px!important;
    max-width:100%!important;
  }
  .journey-number{
    position:static!important;
    display:block!important;
    margin-bottom:3px!important;
    font-family:var(--sans)!important;
    font-size:14px!important;
    color:#eef2f8!important;
    opacity:.78!important;
  }
  .mini-features{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    margin:0 0 18px!important;
    border-top:1px solid rgba(239,196,79,.20)!important;
    border-bottom:1px solid rgba(239,196,79,.20)!important;
  }
  .mini-features span{
    min-width:0!important;
    padding:9px 7px!important;
    border:0!important;
    border-right:1px solid rgba(239,196,79,.18)!important;
    font-size:9.5px!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .mini-features span:last-child{border-right:0!important}

  /* Media must remain inside its own section on phones. */
  .journey-visual{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .photo-open{
    height:300px!important;
    min-height:0!important;
    padding:7px 0 0 7px!important;
    overflow:hidden!important;
  }
  .photo-open:before{
    inset:0 8px 8px 0!important;
    border-radius:20px 0 0 0!important;
  }
  .photo-open img{
    width:100%!important;
    height:100%!important;
    max-height:300px!important;
    object-fit:cover!important;
    border-radius:16px!important;
    transform:none;
  }
  .founder-open img{object-position:center 17%!important}

  /* Stable three-phone fan: visible, compact and clipped to the stage. */
  .phone-stage{
    height:330px!important;
    min-height:330px!important;
    max-height:330px!important;
    overflow:hidden!important;
    perspective:1000px!important;
    isolation:isolate!important;
  }
  .phone-fan-v71{
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }
  .phone-v71{
    top:50%!important;
    left:50%!important;
    height:286px!important;
    max-height:286px!important;
    width:auto!important;
    border-radius:25px!important;
    padding:5px!important;
    transform-origin:50% 50%!important;
    box-shadow:0 22px 48px rgba(0,0,0,.42)!important;
  }
  .phone-v71 img{border-radius:20px!important}
  .phone-left{
    opacity:.72!important;
    transform:translate(-74%,-47%) rotateY(7deg) rotateZ(-5deg) scale(.82)!important;
  }
  .phone-main{
    opacity:1!important;
    transform:translate(-50%,-50%) translateZ(20px) scale(.93)!important;
  }
  .phone-right{
    opacity:.76!important;
    transform:translate(-26%,-47%) rotateY(-7deg) rotateZ(5deg) scale(.82)!important;
  }

  /* Predictable mobile sequence. */
  .journey-app .journey-visual{order:1!important}
  .journey-app .journey-copy{order:2!important}
  .journey-services .journey-copy{order:1!important}
  .journey-services .journey-visual{order:2!important}
  .journey-drive .journey-visual{order:1!important}
  .journey-drive .journey-copy{order:2!important}
  .journey-story .journey-copy{order:1!important}
  .journey-story .journey-visual{order:2!important}

  /* Keep final section clear of the persistent utility controls. */
  .home-final-cta{padding-bottom:92px!important}
  .site-footer{padding-bottom:92px!important}
}

@media (max-width: 430px){
  .phone-stage{height:305px!important;min-height:305px!important;max-height:305px!important}
  .phone-v71{height:264px!important;max-height:264px!important}
  .photo-open{height:270px!important}
  .photo-open img{max-height:270px!important}
  .journey-row,.journey-services,.journey-story{padding:30px 0 38px!important}
  .journey-copy h3{font-size:34px!important}
}

/* =========================================================
   LUXi 7.1.2 — premium depth, compact editorial rhythm,
   dark-navy architecture + electric-blue illumination.
   ========================================================= */
:root{
  --luxi-navy-0:#020a20;
  --luxi-navy-1:#041231;
  --luxi-navy-2:#071a43;
  --luxi-blue:#0d3b8f;
  --luxi-blue-hot:#1b5fd0;
  --luxi-glow:rgba(35,105,235,.34);
  --luxi-gold:#e8bd4b;
  --luxi-gold-soft:rgba(232,189,75,.38);
}
html,body{background:var(--luxi-navy-0)!important}
body{
  background:
    radial-gradient(900px 540px at 82% 8%,rgba(24,82,190,.12),transparent 72%),
    linear-gradient(180deg,var(--luxi-navy-0) 0%,var(--luxi-navy-1) 38%,#03102b 100%)!important;
}
.rich-blue,
.luxi-journey{
  background:
    radial-gradient(650px 420px at 82% 16%,rgba(26,94,222,.26),transparent 68%),
    radial-gradient(520px 380px at 10% 52%,rgba(15,59,143,.17),transparent 72%),
    linear-gradient(180deg,#04122f 0%,#06183b 50%,#04112d 100%)!important;
}
.section{isolation:isolate}
.section.rich-blue:after,
.luxi-journey:after{
  content:"";position:absolute;inset:auto 6% 0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(232,189,75,.3),rgba(49,114,237,.22),transparent);
}
.section-framed{border-block-color:rgba(232,189,75,.18)!important}

/* Compact desktop editorial system */
@media(min-width:901px){
  .section{padding:76px 0}
  .luxi-journey{padding:74px 0 94px!important}
  .journey-heading{margin-bottom:32px!important;max-width:710px!important}
  .journey-heading h2{font-size:clamp(44px,4.4vw,64px)!important;margin:9px 0 12px!important}
  .journey-heading p{font-size:16px!important}
  .journey-row{min-height:430px!important;padding:46px 0!important;gap:58px!important}
  .journey-copy{padding:18px 0!important}
  .journey-copy h3{font-size:clamp(38px,3.7vw,54px)!important;margin:9px 0 14px!important}
  .journey-copy p{font-size:15.5px!important;line-height:1.6!important;margin-bottom:18px!important}
  .journey-number{font-size:56px!important}
  .photo-open{height:390px!important}
  .phone-stage{height:470px!important}
  .phone-v71{height:420px!important}
}

/* Blue illumination — glow around important media/copy, not full blue slabs */
.journey-visual:after,
.story-phones:after,
.drive-photo:after,
.founder-main-photo:after,
.booking-frame-shell:after{
  content:"";position:absolute;z-index:-1;inset:12% 8%;border-radius:42px;pointer-events:none;
  background:radial-gradient(circle,rgba(31,104,238,.36),rgba(15,56,145,.14) 48%,transparent 72%);
  filter:blur(24px);opacity:.8;
}
.journey-copy:before,.story-copy:before,.founder-story:before{
  content:"";position:absolute;z-index:-1;width:280px;height:180px;left:-70px;top:5%;pointer-events:none;
  background:radial-gradient(circle,rgba(26,93,213,.18),transparent 70%);filter:blur(14px)
}

/* Architectural premium frames */
.photo-open:before{
  border-left-color:rgba(247,208,99,.68)!important;
  border-top-color:rgba(247,208,99,.68)!important;
  box-shadow:-10px -10px 36px rgba(31,103,235,.08);
}
.photo-open:after{background:linear-gradient(90deg,transparent,#f0ca61)!important}
.service-wide,.story-step,.panel-gold,.gold-card,.contact-big,.booking-frame-shell{
  border-color:rgba(233,192,82,.44)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 40px rgba(29,91,205,.08)!important;
}
.service-wide,.story-step,.gold-card,.panel-gold,.contact-big{position:relative;overflow:hidden}
.service-wide:before,.story-step:before,.gold-card:before,.panel-gold:before,.contact-big:before{
  content:"";position:absolute;left:0;top:0;width:88px;height:1px;background:linear-gradient(90deg,#f1cb64,transparent);z-index:4;pointer-events:none
}

/* Bigger, clearly animated phone fan */
.phone-stage{overflow:visible!important}
.phone-fan-v71{will-change:transform}
.phone-v71{
  will-change:transform,filter,opacity;
  transition:transform .16s linear,filter .22s ease,opacity .22s ease!important;
  box-shadow:0 38px 90px rgba(0,0,0,.55),0 0 45px rgba(31,99,225,.12)!important;
}
.phone-main{filter:brightness(1.05) saturate(1.08)}
@media(max-width:780px){
  .luxi-journey{background:
      radial-gradient(420px 320px at 82% 14%,rgba(32,105,238,.28),transparent 70%),
      radial-gradient(360px 300px at 3% 58%,rgba(18,64,156,.17),transparent 75%),
      linear-gradient(180deg,#04122f 0%,#06183d 50%,#03102a 100%)!important}
  .journey-heading{padding-top:6px!important}
  .journey-heading h2{font-size:clamp(38px,10vw,48px)!important;line-height:1.02!important}
  .journey-row,.journey-services,.journey-story{padding:30px 0 38px!important;gap:16px!important}
  .phone-stage{height:356px!important;min-height:356px!important;max-height:356px!important;overflow:visible!important;margin:4px 0 2px!important}
  .phone-fan-v71{overflow:visible!important}
  .phone-v71{height:310px!important;max-height:310px!important}
  .journey-copy h3{font-size:clamp(31px,8.4vw,39px)!important}
  .photo-open{height:285px!important}
  .photo-open img{max-height:285px!important}
  .mini-features{margin-bottom:15px!important}
  .luxi-journey .shell{width:min(calc(100% - 34px),var(--max))!important}
  .mobile-quick{bottom:max(10px,env(safe-area-inset-bottom));left:18px!important;right:18px!important;height:58px!important;border:0!important;background:transparent!important;gap:10px!important;backdrop-filter:none!important}
  .mobile-quick a{border:1px solid rgba(232,189,75,.55)!important;border-radius:19px!important;background:linear-gradient(180deg,rgba(9,31,76,.98),rgba(4,16,48,.98))!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important}
  .mobile-quick a+a{background:linear-gradient(135deg,#b9841d,#f0c957 48%,#ffdd78)!important;color:#05102a!important}
  body{padding-bottom:82px!important}
}
@media(max-width:430px){
  .phone-stage{height:338px!important;min-height:338px!important;max-height:338px!important}
  .phone-v71{height:294px!important;max-height:294px!important}
}

/* Noticeable entrances that can replay when content re-enters viewport */
.reveal-up,.reveal-left,.reveal-right{will-change:transform,opacity,filter}
.motion-ready .reveal-up,.motion-ready .reveal-left,.motion-ready .reveal-right{
  transition:opacity .68s cubic-bezier(.2,.75,.2,1),transform .78s cubic-bezier(.2,.75,.2,1),filter .72s ease!important;
  filter:blur(3px)
}
.motion-ready .reveal-up:not(.is-visible){opacity:.12!important;transform:translate3d(0,36px,0)!important}
.motion-ready .reveal-left:not(.is-visible){opacity:.12!important;transform:translate3d(-48px,14px,0)!important}
.motion-ready .reveal-right:not(.is-visible){opacity:.12!important;transform:translate3d(48px,14px,0)!important}
.motion-ready .reveal-up.is-visible,.motion-ready .reveal-left.is-visible,.motion-ready .reveal-right.is-visible{opacity:1!important;transform:translate3d(0,0,0)!important;filter:none!important}

/* Interactive hover/focus motion — all major clickable parts */
a,.btn,.store-btn,.section-link,.service-wide,.gold-card,.contact-big,.mobile-nav a{outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .btn,.store-btn,.phone-pill,.text-link,.mobile-nav-book,.mobile-quick a{transition:transform .24s ease,box-shadow .28s ease,filter .25s ease,border-color .25s ease!important}
  .btn:hover,.store-btn:hover,.phone-pill:hover,.mobile-nav-book:hover{transform:translateY(-4px) scale(1.015)!important;filter:brightness(1.05)}
  .section-link,.service-wide,.gold-card,.contact-big,.story-step{transition:transform .28s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease!important;transform-style:preserve-3d}
  .section-link:hover,.service-wide:hover,.gold-card:hover,.contact-big:hover,.story-step:hover{transform:translateY(-6px);box-shadow:0 28px 72px rgba(0,0,0,.34),0 0 38px rgba(34,104,234,.13)!important;border-color:rgba(244,205,96,.66)!important}
  .section-link:hover .text-link,.service-wide:hover .text-link{color:#ffe08a}
  .photo-open img,.service-wide img,.drive-photo img,.founder-main-photo img{transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .4s ease!important}
  .section-link:hover .photo-open img,.service-wide:hover img,.drive-photo:hover img,.founder-main-photo:hover img{transform:scale(1.035) translateY(-3px)!important;filter:saturate(1.08) contrast(1.03)}
  .desktop-nav a{transition:color .25s ease,transform .25s ease}.desktop-nav a:hover{transform:translateY(-2px)}
}

/* Inner page motion surfaces */
.story-step,.service-wide,.two-panel,.founder-detail-new,.contact-grid-new,.booking-frame-shell{transform-style:preserve-3d}
.page-hero-inner,.final-inner{will-change:transform}

@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal-up,.motion-ready .reveal-left,.motion-ready .reveal-right{opacity:1!important;transform:none!important;filter:none!important}
}

/* 7.1.2 inner-page compactness and tactile interaction */
@media(min-width:901px){
  .page-hero{min-height:540px!important}
  .page-hero-inner{padding:72px 0 58px!important}
  .page-hero h1{font-size:clamp(52px,5.2vw,74px)!important}
  .story-scroll{gap:44px!important}
  .story-step{padding:24px!important;margin-bottom:22px!important}
  .story-step h3{font-size:clamp(28px,2.3vw,38px)!important}
  .service-list{gap:26px!important}
  .service-wide>div{padding:34px 40px!important}
  .service-wide img{height:350px!important}
  .two-panel{gap:28px!important}
  .panel-gold{padding:34px!important}
  .founder-detail-new{gap:48px!important}
  .founder-story h2{font-size:clamp(42px,4vw,58px)!important}
  .contact-grid-new{gap:22px!important}
}

/* Responsive touch feedback: clickable elements visibly react on tap too. */
a,.btn,.store-btn,.section-link,.service-wide,.gold-card,.contact-big,.story-step,.mobile-nav-book{
  -webkit-tap-highlight-color:transparent;
}
a:active,.btn:active,.store-btn:active,.section-link:active,.service-wide:active,.gold-card:active,.contact-big:active,.story-step:active,.mobile-nav-book:active{
  transform:scale(.985)!important;filter:brightness(1.06)!important;
}
.text-link b{display:inline-block;transition:transform .24s ease}
.text-link:hover b,.text-link:focus-visible b{transform:translateX(5px)}

/* =========================================================
   LUXi 7.1.3 — FINAL RESPONSIVE EDITORIAL SYSTEM
   Mobile: label → visual → copy → CTA.
   Desktop: controlled alternating editorial composition.
   ========================================================= */

/* Hero: deliberately restrained. Permanent utility CTAs already handle booking/call. */
.hero-layout-clean{min-height:clamp(610px,78vh,780px);display:flex;align-items:center}
.hero-layout-clean .hero-content{width:min(100%,920px);margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-layout-clean .eyebrow{margin-bottom:20px;letter-spacing:.24em}
.hero-layout-clean .hero-title{margin:0 0 34px;max-width:900px}
.hero-layout-clean .hero-title-line{display:block}
.hero-layout-clean .hero-title-second{margin-top:.05em}
.hero-layout-clean .hero-store-row{width:min(100%,650px);margin:0 auto;grid-template-columns:1fr 1fr;gap:16px}
.hero-layout-clean .premium-store{min-height:96px;justify-content:center;text-align:left}

/* One continuous editorial field with subtle separators, not disconnected cards. */
.luxi-journey{position:relative}
.journey-row{border-radius:0!important}
.journey-row + .journey-row:before{left:0!important;right:0!important;background:linear-gradient(90deg,transparent,rgba(232,189,75,.34) 18%,rgba(43,105,222,.24) 50%,rgba(232,189,75,.34) 82%,transparent)!important}
.journey-visual{transform-style:preserve-3d;perspective:1200px}

/* Portrait editorial imagery gives all four chapters one disciplined visual language. */
@media(min-width:901px){
  .journey-row,.journey-services,.journey-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(52px,6vw,86px)!important}
  .journey-row{min-height:560px!important;padding:58px 0!important}
  .photo-open{width:min(100%,470px);height:auto!important;aspect-ratio:4/5;margin-inline:auto;padding:14px 0 0 14px}
  .photo-open img{height:100%!important;max-height:none!important}
  .journey-services .photo-open,.journey-story .photo-open{margin-left:auto;margin-right:0}
  .journey-drive .photo-open{margin-left:0;margin-right:auto}
  .phone-stage{height:540px!important}
  .phone-v71{height:470px!important}
  .journey-copy{max-width:540px}
  .journey-services .journey-copy,.journey-story .journey-copy{margin-left:auto}
}

/* Mobile is intentionally linear: visual first, then copy. No side-by-side compression. */
@media(max-width:900px){
  .hero-layout-clean{min-height:620px;padding:42px 0 58px}
  .hero-layout-clean .hero-content{width:100%}
  .hero-layout-clean .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.19em;margin-bottom:18px;white-space:normal}
  .hero-layout-clean .hero-title{font-size:clamp(43px,12vw,62px)!important;line-height:.94!important;letter-spacing:-.035em;margin-bottom:30px!important}
  .hero-layout-clean .hero-store-row{width:100%;gap:10px}
  .hero-layout-clean .premium-store{min-height:86px;padding:12px 10px!important}

  .journey-row,.journey-services,.journey-story{display:flex!important;flex-direction:column!important;gap:0!important;padding:44px 0 54px!important}
  .journey-row .journey-visual,.journey-services .journey-visual,.journey-drive .journey-visual,.journey-story .journey-visual{order:1!important;width:100%!important}
  .journey-row .journey-copy,.journey-services .journey-copy,.journey-drive .journey-copy,.journey-story .journey-copy{order:2!important;width:100%!important;padding:30px 4px 0!important}
  .journey-number{position:static!important;display:block;font-family:var(--sans)!important;font-size:13px!important;letter-spacing:.14em;color:rgba(255,255,255,.62)!important;margin-bottom:7px}
  .journey-copy .eyebrow{margin-bottom:12px}
  .journey-copy h3{margin-top:0!important}

  .photo-open{width:min(100%,520px)!important;height:auto!important;max-height:none!important;aspect-ratio:4/5;margin:0 auto!important;padding:10px 0 0 10px!important}
  .photo-open img{height:100%!important;max-height:none!important;object-fit:cover!important;border-radius:22px!important}
  .journey-services .photo-open img{object-position:center center}
  .journey-drive .photo-open img{object-position:center center}
  .journey-story .photo-open img{object-position:center 15%}

  /* App visual is the signature moment: large, contained and scroll-responsive. */
  .journey-app .journey-visual{height:430px!important;min-height:430px!important;max-height:430px!important;margin:0!important}
  .phone-fan-v71{width:100%!important;height:100%!important;max-width:560px!important;margin:0 auto!important;perspective:1200px!important}
  .phone-v71{height:382px!important;max-height:382px!important}
}

@media(max-width:430px){
  .hero-layout-clean{min-height:590px;padding-top:30px}
  .hero-layout-clean .hero-title{font-size:clamp(40px,11.7vw,52px)!important}
  .hero-layout-clean .premium-store{min-height:80px}
  .journey-row,.journey-services,.journey-story{padding:38px 0 48px!important}
  .journey-app .journey-visual{height:400px!important;min-height:400px!important;max-height:400px!important}
  .phone-v71{height:350px!important;max-height:350px!important}
  .photo-open{width:100%!important;aspect-ratio:4/5}
  .journey-copy{padding-top:26px!important}
}

/* =========================================================
   LUXi 7.1.4 — HERO + MOBILE EDITORIAL PRECISION PASS
   Hero: compact, one-line promise, slim stores, local line.
   Mobile chapters: label → visual → copy → CTA.
   ========================================================= */

/* Rich dark base; electric blue is illumination, not the canvas. */
.luxi-journey{
  background:
    radial-gradient(560px 380px at 84% 12%,rgba(31,96,220,.18),transparent 72%),
    radial-gradient(480px 360px at 8% 58%,rgba(14,61,151,.13),transparent 74%),
    linear-gradient(180deg,#03102a 0%,#06183d 48%,#03102a 100%)!important;
}
.luxi-journey:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.72;
  background:linear-gradient(180deg,rgba(255,210,89,.05),transparent 9%,transparent 91%,rgba(255,210,89,.045));
}

/* Hero: clean and compact. */
.hero-premium{min-height:540px!important;background:#020c25}
.hero-bg{background-position:center 50%!important;filter:brightness(1.08) saturate(1.06) contrast(1.02)}
.hero-shade{
  background:
    linear-gradient(180deg,rgba(3,12,35,.42) 0%,rgba(3,12,35,.20) 30%,rgba(3,12,35,.34) 68%,rgba(3,12,35,.80) 100%),
    linear-gradient(90deg,rgba(3,12,35,.42),rgba(3,12,35,.10) 55%,rgba(3,12,35,.24))!important;
}
.hero-layout-clean{min-height:540px!important;align-items:flex-start!important;padding:30px 0 42px!important}
.hero-layout-clean .hero-content{justify-content:flex-start!important}
.hero-layout-clean .eyebrow{margin:0 0 22px!important;font-size:10px!important;letter-spacing:.24em!important;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.hero-layout-clean .hero-title{
  font-size:clamp(40px,4.35vw,62px)!important;line-height:1.02!important;letter-spacing:-.025em!important;
  white-space:nowrap!important;margin:0 0 10px!important;color:#f7f3e8;text-shadow:0 6px 30px rgba(0,0,0,.42)
}
.hero-layout-clean .hero-title em{font-style:normal;color:var(--gold2)}
.hero-locations{font-size:9px;font-weight:850;letter-spacing:.19em;color:var(--gold2);text-transform:uppercase;margin:0 0 18px;text-shadow:0 3px 18px rgba(0,0,0,.5)}
.hero-layout-clean .hero-store-row{width:min(100%,520px)!important;gap:12px!important;margin:0 auto!important}
.hero-layout-clean .premium-store{
  min-height:62px!important;height:62px!important;padding:8px 14px!important;border-radius:15px!important;
  background:linear-gradient(145deg,rgba(6,20,58,.90),rgba(8,31,78,.90))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.23),inset 0 0 0 1px rgba(255,218,104,.035)!important;
}
.hero-layout-clean .premium-store .store-mark{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:9px!important}
.hero-layout-clean .premium-store .store-mark.apple img{width:18px!important;height:23px!important}
.hero-layout-clean .premium-store .store-mark.play img{width:22px!important;height:24px!important}
.hero-layout-clean .premium-store .store-copy small{font-size:7px!important}
.hero-layout-clean .premium-store .store-copy strong{font-size:14px!important}
.hero-layout-clean .premium-store .store-copy em{font-size:7.5px!important}

/* Numbers are intentionally removed; labels carry the hierarchy. */
.journey-number{display:none!important}
.journey-mobile-label{display:none}

/* Fine section architecture rather than closed cards. */
.journey-row + .journey-row:before{
  height:1px!important;opacity:.95;
  background:linear-gradient(90deg,transparent,rgba(232,189,75,.50) 22%,rgba(43,105,222,.24) 50%,rgba(232,189,75,.50) 78%,transparent)!important;
}
.photo-open:before{border-width:1px!important;border-radius:28px 0 0 0!important}
.photo-open img{box-shadow:0 26px 66px rgba(0,0,0,.34),0 0 44px rgba(25,91,213,.10)}

@media(min-width:901px){
  .hero-premium,.hero-layout-clean{min-height:560px!important}
  .hero-layout-clean{padding-top:34px!important}
  .hero-layout-clean .hero-title{font-size:clamp(42px,4vw,58px)!important}
  .journey-copy .eyebrow{margin-bottom:12px}
}

@media(max-width:900px){
  .hero-premium{min-height:500px!important}
  .hero-layout-clean{min-height:500px!important;padding:24px 0 32px!important}
  .hero-layout-clean .eyebrow{font-size:8.6px!important;letter-spacing:.17em!important;line-height:1.45!important;margin-bottom:18px!important;white-space:nowrap!important}
  .hero-layout-clean .hero-title{
    font-size:clamp(24px,7.15vw,34px)!important;line-height:1.06!important;letter-spacing:-.02em!important;
    white-space:nowrap!important;margin-bottom:8px!important
  }
  .hero-locations{font-size:7.4px!important;letter-spacing:.12em!important;margin-bottom:14px!important;white-space:nowrap!important}
  .hero-layout-clean .hero-store-row{width:min(100%,500px)!important;gap:9px!important}
  .hero-layout-clean .premium-store{min-height:58px!important;height:58px!important;padding:7px 10px!important;border-radius:14px!important}
  .hero-layout-clean .premium-store .store-mark{width:31px!important;height:31px!important;flex-basis:31px!important}
  .hero-layout-clean .premium-store .store-copy strong{font-size:13px!important}

  /* Exact mobile sequence: LABEL → VISUAL → COPY → CTA */
  .journey-row,.journey-services,.journey-story{
    display:flex!important;flex-direction:column!important;gap:0!important;padding:42px 0 52px!important
  }
  .journey-mobile-label{
    display:block!important;order:0!important;width:100%;margin:0 0 14px 4px!important;
    font-size:10px!important;letter-spacing:.23em!important;color:var(--gold2)!important
  }
  .journey-row .journey-visual,.journey-services .journey-visual,.journey-drive .journey-visual,.journey-story .journey-visual{
    order:1!important;width:100%!important
  }
  .journey-row .journey-copy,.journey-services .journey-copy,.journey-drive .journey-copy,.journey-story .journey-copy{
    order:2!important;width:100%!important;padding:24px 4px 0!important
  }
  .journey-copy>.eyebrow{display:none!important}
  .journey-copy h3{font-size:clamp(30px,8.1vw,38px)!important;line-height:1.04!important;margin:0 0 14px!important}
  .journey-copy p{font-size:14.5px!important;line-height:1.6!important;margin:0 0 18px!important;max-width:94%}
  .journey-copy .text-link{font-size:13px!important;margin-top:0!important;padding-bottom:7px!important}

  .photo-open{width:100%!important;max-width:540px!important;aspect-ratio:4/5!important;padding:9px 0 0 9px!important;margin:0 auto!important}
  .photo-open img{height:100%!important;max-height:none!important;border-radius:22px!important;object-fit:cover!important}
  .journey-services .photo-open img{object-position:center center!important}
  .journey-drive .photo-open img{object-position:center center!important}
  .journey-story .photo-open img{object-position:center 14%!important}

  /* App stays the signature visual, but its label now sits above it like every other chapter. */
  .journey-app .journey-visual{height:392px!important;min-height:392px!important;max-height:392px!important;margin:0!important}
  .phone-v71{height:344px!important;max-height:344px!important}
}

@media(max-width:430px){
  .hero-premium,.hero-layout-clean{min-height:480px!important}
  .hero-layout-clean{padding:22px 0 28px!important}
  .hero-layout-clean .eyebrow{font-size:7.7px!important;letter-spacing:.14em!important}
  .hero-layout-clean .hero-title{font-size:clamp(23px,6.75vw,30px)!important}
  .hero-locations{font-size:6.8px!important;letter-spacing:.09em!important}
  .hero-layout-clean .premium-store{height:54px!important;min-height:54px!important;padding:6px 8px!important}
  .hero-layout-clean .premium-store .store-mark{width:29px!important;height:29px!important;flex-basis:29px!important}
  .hero-layout-clean .premium-store .store-copy small{font-size:6.4px!important}
  .hero-layout-clean .premium-store .store-copy strong{font-size:12px!important}
  .hero-layout-clean .premium-store .store-copy em{font-size:6.8px!important}
  .journey-row,.journey-services,.journey-story{padding:38px 0 48px!important}
  .journey-mobile-label{margin-bottom:12px!important}
  .journey-app .journey-visual{height:372px!important;min-height:372px!important;max-height:372px!important}
  .phone-v71{height:328px!important;max-height:328px!important}
}
/* Final narrow-screen safeguard: keep the hero promise on one elegant line. */
@media(max-width:900px){
  .hero-layout-clean .hero-title{font-size:clamp(20px,5.65vw,26px)!important;letter-spacing:-.015em!important}
  .hero-bg{background-position:58% 48%!important}
}


/* =========================================================
   LUXi 7.1.5 — FINAL HERO + NAVY / ELECTRIC BLUE POLISH
   Dark navy is the architecture; electric blue is illumination.
   ========================================================= */
:root{
  --luxi-deep:#02091d;
  --luxi-deep-2:#03112d;
  --luxi-blue:#0b2e74;
  --luxi-electric:#1767e8;
  --luxi-electric-soft:rgba(33,104,238,.22);
}
html,body{background:var(--luxi-deep)!important}
body{
  background:
    radial-gradient(800px 520px at 84% 12%,rgba(29,100,238,.14),transparent 72%),
    radial-gradient(680px 500px at 7% 46%,rgba(20,72,176,.10),transparent 72%),
    linear-gradient(180deg,var(--luxi-deep) 0%,var(--luxi-deep-2) 45%,var(--luxi-deep) 100%)!important;
}
.site-header{background:rgba(2,9,29,.95)!important;border-bottom-color:rgba(235,190,76,.23)!important}
.section,.page-section,.site-footer{background-color:transparent}
.rich-blue,.luxi-journey{
  background:
    radial-gradient(620px 440px at 84% 10%,rgba(28,103,242,.19),transparent 70%),
    radial-gradient(520px 400px at 8% 64%,rgba(19,75,188,.11),transparent 72%),
    linear-gradient(180deg,#020b22 0%,#041535 48%,#020b22 100%)!important;
}
.luxi-journey .journey-row{isolation:isolate}
.luxi-journey .journey-row:after{
  content:"";position:absolute;inset:12% -2% 8%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,rgba(25,94,218,.13),transparent 68%);filter:blur(24px)
}
.photo-open img,.phone-fan-v71,.founder-open img{
  filter:saturate(1.03) contrast(1.02);
}
.photo-open img{box-shadow:0 26px 70px rgba(0,0,0,.38),0 0 58px rgba(31,105,239,.13)!important}
.photo-open:before{border-color:rgba(242,201,95,.72)!important}
.photo-open:after{background:linear-gradient(90deg,transparent,#f2cb60 55%,rgba(35,112,246,.75))!important}
.journey-copy h3{color:#faf7ee;text-shadow:0 8px 28px rgba(0,0,0,.23)}
.journey-copy .eyebrow,.journey-mobile-label{color:#f4c95f!important}

/* Hero — short, disciplined and image-led. */
.hero-premium{min-height:500px!important;background:#020a1d!important}
.hero-bg{
  background-position:center 58%!important;
  filter:brightness(.72) saturate(1.08) contrast(1.04)!important;
  transform:scale(1.01)
}
.hero-shade{
  background:
    linear-gradient(180deg,rgba(2,8,27,.48) 0%,rgba(2,8,27,.22) 23%,rgba(2,8,27,.30) 60%,rgba(2,8,27,.78) 100%),
    radial-gradient(circle at 50% 44%,rgba(24,93,215,.12),transparent 48%)!important;
}
.hero-layout-clean{
  min-height:500px!important;padding:14px 0 22px!important;align-items:stretch!important
}
.hero-layout-clean .hero-content{
  min-height:464px!important;width:min(100%,1080px)!important;max-width:1080px!important;margin-inline:auto!important;
  text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important
}
.hero-layout-clean .eyebrow{
  margin:0!important;padding-top:0!important;font-size:9.5px!important;line-height:1.25!important;letter-spacing:.235em!important;
  white-space:nowrap!important;color:#f2c65b!important;text-shadow:0 3px 18px rgba(0,0,0,.65)
}
.hero-layout-clean .hero-title{
  width:100%!important;max-width:none!important;margin:52px 0 7px!important;
  font-size:clamp(32px,4.2vw,56px)!important;line-height:1!important;letter-spacing:-.027em!important;
  white-space:nowrap!important;color:#fbf8ef!important;text-shadow:0 8px 34px rgba(0,0,0,.55)
}
.hero-layout-clean .hero-title em{font-style:normal!important;color:#f3c956!important}
.hero-locations{
  margin:0!important;font-size:8.6px!important;font-weight:900!important;letter-spacing:.17em!important;
  color:#f0c75d!important;white-space:nowrap!important;text-shadow:0 3px 18px rgba(0,0,0,.72)
}
.hero-layout-clean .hero-store-row{
  margin-top:auto!important;margin-bottom:0!important;width:min(100%,480px)!important;gap:10px!important;display:grid!important;grid-template-columns:1fr 1fr!important
}
.hero-layout-clean .premium-store{
  min-height:52px!important;height:52px!important;padding:6px 12px!important;border-radius:13px!important;
  background:linear-gradient(145deg,rgba(4,15,43,.92),rgba(7,31,78,.90))!important;
  border-color:rgba(241,199,88,.68)!important;box-shadow:0 11px 30px rgba(0,0,0,.32),0 0 22px rgba(30,105,237,.10)!important;
  justify-content:center!important
}
.hero-layout-clean .premium-store .store-mark{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important}
.hero-layout-clean .premium-store .store-mark.apple img{width:17px!important;height:21px!important}
.hero-layout-clean .premium-store .store-mark.play img{width:20px!important;height:21px!important}
.hero-layout-clean .premium-store .store-copy small{font-size:6.6px!important}
.hero-layout-clean .premium-store .store-copy strong{font-size:12.7px!important}
.hero-layout-clean .premium-store .store-copy em{font-size:6.8px!important}

/* Cleaner separator between hero and the journey. */
.hero-premium:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;z-index:3;
  background:linear-gradient(90deg,transparent,rgba(238,193,79,.55) 26%,rgba(42,115,244,.42) 50%,rgba(238,193,79,.55) 74%,transparent)
}
.journey-heading{padding-top:4px}

/* Inner pages inherit the same deep navy + controlled electric-blue lighting. */
.page-hero,.booking-page,.contact-page,.legal-page,.app-page,.services-page,.driver-page,.about-page{
  background-color:transparent!important
}
.page-hero:after,.panel-gold:after,.service-wide:after,.story-step:after,.contact-big:after{
  box-shadow:0 0 42px rgba(30,102,232,.08)
}
.site-footer{
  background:
    radial-gradient(500px 260px at 18% 0%,rgba(26,91,211,.10),transparent 72%),
    linear-gradient(180deg,#020a20,#010717)!important;
  border-top:1px solid rgba(234,190,74,.24)!important
}

@media(max-width:900px){
  .hero-premium{min-height:470px!important}
  .hero-bg{background-position:center 48%!important}
  .hero-layout-clean{min-height:470px!important;padding:10px 0 18px!important}
  .hero-layout-clean .hero-content{min-height:442px!important;width:100%!important;padding-inline:4px}
  .hero-layout-clean .eyebrow{font-size:7.3px!important;letter-spacing:.145em!important}
  .hero-layout-clean .hero-title{
    margin:44px 0 6px!important;font-size:clamp(19px,5.35vw,30px)!important;letter-spacing:-.025em!important;white-space:nowrap!important
  }
  .hero-locations{font-size:6.35px!important;letter-spacing:.095em!important;white-space:nowrap!important}
  .hero-layout-clean .hero-store-row{width:min(100%,460px)!important;gap:8px!important}
  .hero-layout-clean .premium-store{height:50px!important;min-height:50px!important;padding:5px 9px!important;border-radius:13px!important}
  .hero-layout-clean .premium-store .store-mark{width:27px!important;height:27px!important;flex-basis:27px!important}
  .hero-layout-clean .premium-store .store-copy strong{font-size:12px!important}
  .hero-layout-clean .premium-store .store-copy small,.hero-layout-clean .premium-store .store-copy em{font-size:6.3px!important}
  .luxi-journey{padding-top:72px!important}
}
@media(max-width:430px){
  .hero-premium{min-height:455px!important}
  .hero-layout-clean{min-height:455px!important}
  .hero-layout-clean .hero-content{min-height:428px!important}
  .hero-layout-clean .eyebrow{font-size:6.4px!important;letter-spacing:.10em!important}
  .hero-layout-clean .hero-title{font-size:clamp(17.5px,5.05vw,22px)!important;margin-top:38px!important}
  .hero-locations{font-size:5.6px!important;letter-spacing:.075em!important}
  .hero-layout-clean .premium-store{height:46px!important;min-height:46px!important;padding:4px 7px!important}
  .hero-layout-clean .premium-store .store-mark{width:25px!important;height:25px!important;flex-basis:25px!important}
  .hero-layout-clean .premium-store .store-copy strong{font-size:11px!important}
}

/* =========================================================
   LUXi 7.1.6 — FINAL HERO + NAVY / ELECTRIC BLUE POLISH
   ========================================================= */

/* Dark navy is the architecture; brighter LUXi blue is light. */
body{
  background:
    radial-gradient(900px 560px at 88% 11%,rgba(27,92,224,.14),transparent 68%),
    radial-gradient(720px 480px at 8% 62%,rgba(14,66,171,.10),transparent 72%),
    linear-gradient(180deg,#020b22 0%,#041333 36%,#06173d 66%,#020b22 100%)!important;
}
.luxi-journey{
  background:
    radial-gradient(650px 420px at 86% 8%,rgba(32,103,246,.24),transparent 67%),
    radial-gradient(560px 440px at 12% 42%,rgba(13,72,194,.17),transparent 70%),
    radial-gradient(580px 420px at 82% 76%,rgba(24,92,222,.16),transparent 72%),
    linear-gradient(180deg,#020b22 0%,#06183e 48%,#020b22 100%)!important;
}
.journey-row{position:relative}
.journey-row:after{
  content:"";position:absolute;inset:8% -2% 5%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle at 50% 48%,rgba(28,101,240,.10),transparent 62%);
  filter:blur(18px);opacity:.9;
}
.photo-open img,.phone-stage{
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.26));
}
.photo-open:after{
  content:"";position:absolute;inset:7% -4% -3% 8%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle,rgba(24,101,244,.18),transparent 66%);filter:blur(26px)
}

/* HERO: one clean hierarchy, one-line headline, slim store controls at bottom. */
.hero-premium{
  min-height:560px!important;
  height:min(76vh,700px);
  background:#020b22!important;
}
.hero-bg{
  background-position:center 52%!important;
  filter:brightness(.98) saturate(1.12) contrast(1.07)!important;
}
.hero-shade{
  background:
    linear-gradient(180deg,rgba(2,8,26,.38) 0%,rgba(2,8,26,.12) 29%,rgba(2,8,26,.15) 60%,rgba(2,8,26,.78) 100%),
    radial-gradient(circle at 52% 43%,rgba(24,91,213,.08),transparent 54%)!important;
}
.hero-layout-clean{
  min-height:100%!important;height:100%;padding:0!important;display:flex!important;align-items:stretch!important
}
.hero-layout-clean .hero-content{
  width:100%!important;max-width:1100px!important;min-height:100%;
  margin:0 auto!important;padding:16px 0 26px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;
}
.hero-layout-clean .eyebrow{
  margin:0!important;padding-top:0!important;
  font-size:9.5px!important;letter-spacing:.23em!important;line-height:1.25!important;
  white-space:nowrap!important;color:#f0c85c!important;
}
.hero-layout-clean .hero-title{
  display:block!important;
  width:100%;max-width:none!important;
  margin:48px auto 7px!important;
  font-size:clamp(39px,4.15vw,62px)!important;
  line-height:1!important;letter-spacing:-.025em!important;
  white-space:nowrap!important;color:#f7f4ec!important;
  text-shadow:0 5px 24px rgba(0,0,0,.46),0 0 22px rgba(25,92,220,.12)!important;
}
.hero-layout-clean .hero-title em{display:inline!important;color:var(--gold2)!important;font-style:normal!important}
.hero-locations{
  margin:0!important;font-size:8.5px!important;font-weight:850!important;letter-spacing:.20em!important;
  line-height:1.2!important;white-space:nowrap!important;color:#efc75b!important;
  text-shadow:0 3px 16px rgba(0,0,0,.55)!important;
}
.hero-layout-clean .hero-store-row{
  width:min(100%,500px)!important;
  margin-top:auto!important;margin-bottom:0!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important;
}
.hero-layout-clean .premium-store{
  min-height:54px!important;height:54px!important;padding:6px 12px!important;border-radius:13px!important;
  background:linear-gradient(145deg,rgba(3,15,47,.90),rgba(8,35,90,.90))!important;
  border-color:rgba(239,199,91,.66)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30),0 0 26px rgba(21,87,213,.10),inset 0 0 0 1px rgba(255,218,104,.03)!important;
}
.hero-layout-clean .premium-store .store-mark{width:29px!important;height:29px!important;flex-basis:29px!important}
.hero-layout-clean .premium-store .store-mark.apple img{width:17px!important;height:21px!important}
.hero-layout-clean .premium-store .store-mark.play img{width:20px!important;height:22px!important}
.hero-layout-clean .premium-store .store-copy small{font-size:6.7px!important}
.hero-layout-clean .premium-store .store-copy strong{font-size:13px!important;line-height:1.08!important}
.hero-layout-clean .premium-store .store-copy em{font-size:7px!important}

@media(min-width:901px){
  .hero-premium{min-height:570px!important;height:min(74vh,690px)!important}
  .hero-layout-clean .hero-content{padding:14px 0 24px!important}
  .hero-layout-clean .hero-title{margin-top:56px!important}
  .hero-layout-clean .eyebrow{font-size:9.5px!important}
  .hero-locations{font-size:8.8px!important}
}

@media(max-width:900px){
  .hero-premium{min-height:0!important;height:640px!important}
  .hero-bg{background-position:center 48%!important}
  .hero-layout-clean{min-height:100%!important;height:100%!important;padding:0!important}
  .hero-layout-clean .hero-content{padding:13px 12px 20px!important}
  .hero-layout-clean .eyebrow{
    font-size:7.6px!important;letter-spacing:.135em!important;white-space:nowrap!important;margin:0!important
  }
  .hero-layout-clean .hero-title{
    display:block!important;
    font-size:clamp(22px,6.15vw,30px)!important;
    letter-spacing:-.026em!important;line-height:1!important;
    white-space:nowrap!important;margin:44px -6px 7px!important;
  }
  .hero-locations{
    font-size:6.5px!important;letter-spacing:.105em!important;white-space:nowrap!important;margin:0!important
  }
  .hero-layout-clean .hero-store-row{width:100%!important;gap:8px!important;margin-top:auto!important}
  .hero-layout-clean .premium-store{height:52px!important;min-height:52px!important;padding:5px 9px!important;border-radius:13px!important}
  .hero-layout-clean .premium-store .store-mark{width:28px!important;height:28px!important;flex-basis:28px!important}
  .hero-layout-clean .premium-store .store-copy strong{font-size:12px!important}
}

@media(max-width:430px){
  .hero-premium{height:610px!important}
  .hero-layout-clean .hero-content{padding-inline:8px!important}
  .hero-layout-clean .eyebrow{font-size:7px!important;letter-spacing:.105em!important}
  .hero-layout-clean .hero-title{font-size:21.5px!important;margin-top:42px!important;letter-spacing:-.03em!important}
  .hero-locations{font-size:6.1px!important;letter-spacing:.078em!important}
  .hero-layout-clean .premium-store{height:50px!important;min-height:50px!important}
  .hero-layout-clean .premium-store .store-copy small,.hero-layout-clean .premium-store .store-copy em{font-size:6.1px!important}
  .hero-layout-clean .premium-store .store-copy strong{font-size:11.5px!important}
}


/* =========================================================
   LUXi 7.1.7 — FINAL HERO PROPORTION / READABILITY PASS
   ========================================================= */
.hero-premium{
  height:520px!important;
  min-height:520px!important;
  max-height:520px!important;
}
.hero-bg{
  background-position:center 50%!important;
  background-size:cover!important;
  filter:brightness(1.04) saturate(1.13) contrast(1.06)!important;
}
.hero-shade{
  background:
    linear-gradient(180deg,rgba(2,8,25,.40) 0%,rgba(2,8,25,.10) 28%,rgba(2,8,25,.14) 61%,rgba(2,8,25,.72) 100%),
    linear-gradient(90deg,rgba(1,8,25,.15),transparent 28%,transparent 72%,rgba(1,8,25,.15)),
    radial-gradient(circle at 50% 46%,rgba(30,105,238,.10),transparent 54%)!important;
}
.hero-layout-clean .hero-content{
  padding:14px 14px 20px!important;
}
.hero-layout-clean .eyebrow{
  font-size:13px!important;
  letter-spacing:.20em!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-shadow:0 3px 18px rgba(0,0,0,.78)!important;
}
.hero-layout-clean .hero-title{
  margin:44px auto 9px!important;
  font-size:clamp(44px,4.55vw,66px)!important;
  letter-spacing:-.028em!important;
  line-height:.98!important;
  white-space:nowrap!important;
  text-shadow:0 6px 26px rgba(0,0,0,.62),0 0 24px rgba(24,95,230,.13)!important;
}
.hero-locations{
  font-size:11.5px!important;
  letter-spacing:.17em!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-shadow:0 3px 18px rgba(0,0,0,.76)!important;
}
.hero-layout-clean .hero-store-row{
  width:min(100%,470px)!important;
  gap:10px!important;
  margin-top:auto!important;
  margin-bottom:0!important;
}
.hero-layout-clean .premium-store{
  height:48px!important;
  min-height:48px!important;
  padding:5px 10px!important;
  border-radius:12px!important;
}
.hero-layout-clean .premium-store .store-mark{width:26px!important;height:26px!important;flex-basis:26px!important}
.hero-layout-clean .premium-store .store-copy small{font-size:6.3px!important}
.hero-layout-clean .premium-store .store-copy strong{font-size:11.8px!important}
.hero-layout-clean .premium-store .store-copy em{font-size:6.4px!important}

@media(max-width:900px){
  .hero-premium{
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
  }
  .hero-bg{
    background-position:center 50%!important;
  }
  .hero-layout-clean .hero-content{
    padding:13px 10px 18px!important;
  }
  .hero-layout-clean .eyebrow{
    font-size:10.8px!important;
    letter-spacing:.105em!important;
    line-height:1.18!important;
  }
  .hero-layout-clean .hero-title{
    font-size:clamp(24px,6.35vw,31px)!important;
    margin:38px -4px 8px!important;
    white-space:nowrap!important;
    letter-spacing:-.03em!important;
  }
  .hero-locations{
    font-size:9.2px!important;
    letter-spacing:.065em!important;
  }
  .hero-layout-clean .hero-store-row{
    width:100%!important;
    max-width:470px!important;
    gap:8px!important;
  }
  .hero-layout-clean .premium-store{
    height:46px!important;
    min-height:46px!important;
    padding:4px 8px!important;
  }
  .hero-layout-clean .premium-store .store-mark{width:25px!important;height:25px!important;flex-basis:25px!important}
  .hero-layout-clean .premium-store .store-copy strong{font-size:11.3px!important}
}

@media(max-width:430px){
  .hero-premium{
    height:485px!important;
    min-height:485px!important;
    max-height:485px!important;
  }
  .hero-bg{background-position:center 50%!important}
  .hero-layout-clean .eyebrow{
    font-size:10.2px!important;
    letter-spacing:.075em!important;
  }
  .hero-layout-clean .hero-title{
    font-size:24px!important;
    margin-top:36px!important;
  }
  .hero-locations{
    font-size:8.7px!important;
    letter-spacing:.045em!important;
  }
  .hero-layout-clean .premium-store{
    height:44px!important;
    min-height:44px!important;
  }
  .hero-layout-clean .premium-store .store-copy small,
  .hero-layout-clean .premium-store .store-copy em{font-size:5.9px!important}
  .hero-layout-clean .premium-store .store-copy strong{font-size:10.8px!important}
}

/* =========================================================
   LUXi 7.1.8 — CINEMATIC CONTINUOUS HOME EXPERIENCE
   Deep navy architecture, electric-blue illumination,
   atmospheric service/driver chapters, refined app fan.
   ========================================================= */
:root{
  --luxi-night:#020817;
  --luxi-navy:#03112f;
  --luxi-navy-2:#061a43;
  --luxi-glow:#1471ff;
  --luxi-glow-soft:rgba(20,113,255,.20);
  --luxi-gold:#f1c759;
}
html,body{background:#020817!important}
body{
  background:
    radial-gradient(760px 520px at 82% 12%,rgba(20,104,241,.12),transparent 70%),
    radial-gradient(640px 520px at 8% 58%,rgba(15,75,190,.09),transparent 72%),
    linear-gradient(180deg,#020817 0%,#03112d 48%,#020817 100%)!important;
}

/* HERO — compact, readable and image-led. */
.hero-premium{height:500px!important;min-height:500px!important;max-height:500px!important;background:#020817!important}
.hero-bg{background-position:center 58%!important;background-size:cover!important;filter:brightness(1.03) saturate(1.08) contrast(1.05)!important}
.hero-shade{
  background:
    linear-gradient(180deg,rgba(2,8,23,.16) 0%,rgba(2,8,23,.05) 26%,rgba(2,8,23,.08) 58%,rgba(2,8,23,.64) 100%),
    radial-gradient(ellipse at 50% 45%,rgba(16,92,230,.10),transparent 52%)!important;
}
.hero-layout-clean .hero-content{padding:13px 16px 18px!important;max-width:1180px!important}
.hero-layout-clean .eyebrow{
  font-size:13.5px!important;letter-spacing:.18em!important;line-height:1.2!important;font-weight:900!important;
  color:var(--luxi-gold)!important;text-shadow:0 3px 18px rgba(0,0,0,.72)!important;
}
.hero-layout-clean .hero-title{
  font-size:clamp(46px,4.75vw,69px)!important;line-height:.98!important;letter-spacing:-.03em!important;
  margin:46px auto 10px!important;white-space:nowrap!important;color:#fbf8ef!important;
  text-shadow:0 7px 28px rgba(0,0,0,.60),0 0 28px rgba(24,101,242,.13)!important;
}
.hero-locations{
  font-size:12px!important;letter-spacing:.15em!important;line-height:1.2!important;font-weight:900!important;
  color:var(--luxi-gold)!important;white-space:nowrap!important;text-shadow:0 3px 16px rgba(0,0,0,.72)!important;
}
.hero-layout-clean .hero-store-row{width:min(100%,470px)!important;gap:10px!important;margin-top:auto!important}
.hero-layout-clean .premium-store{height:47px!important;min-height:47px!important;padding:5px 10px!important;border-radius:12px!important}

/* Home is one continuous field, not a stack of cards. */
.luxi-journey{
  position:relative;overflow:hidden;padding:22px 0 72px!important;
  background:
    radial-gradient(620px 430px at 82% 13%,rgba(22,101,240,.18),transparent 69%),
    radial-gradient(520px 400px at 8% 50%,rgba(17,78,194,.11),transparent 72%),
    linear-gradient(180deg,#020817 0%,#041535 45%,#020817 100%)!important;
}
.luxi-journey:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background:linear-gradient(180deg,rgba(241,199,89,.035),transparent 8%,transparent 92%,rgba(241,199,89,.03));
}
.journey-stack-v718{position:relative;z-index:1;display:grid;gap:0}
.home-chapter{position:relative;isolation:isolate;padding:74px 0;border-top:1px solid rgba(241,199,89,.20)}
.home-chapter:first-child{border-top:0}
.home-chapter:before{
  content:"";position:absolute;inset:10% 4%;z-index:-2;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(20,105,248,.13),transparent 65%);filter:blur(30px)
}
.chapter-kicker{
  font-size:15px!important;letter-spacing:.22em!important;font-weight:900!important;color:var(--luxi-gold)!important;
  margin:0 0 28px!important;position:relative;z-index:5
}
.chapter-kicker:after{content:"";display:inline-block;width:54px;height:1px;margin-left:18px;vertical-align:middle;background:linear-gradient(90deg,var(--luxi-gold),transparent)}
.chapter-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:clamp(52px,7vw,110px);align-items:center}
.chapter-copy{position:relative;z-index:5;max-width:560px}
.chapter-copy h3{font-family:var(--serif);font-size:clamp(48px,4.4vw,66px);line-height:.98;letter-spacing:-.035em;font-weight:500;color:#fbf8ef;margin:0 0 18px;text-shadow:0 8px 30px rgba(0,0,0,.30)}
.chapter-copy p{font-size:17px;line-height:1.68;color:#cbd6e9;margin:0 0 24px;max-width:520px}
.chapter-copy .text-link{font-size:15px;font-weight:850;color:var(--luxi-gold);padding-bottom:8px;border-bottom:1px solid rgba(241,199,89,.42)}

/* App — product visual is the one intentional foreground showpiece. */
.chapter-app{padding-top:68px;padding-bottom:82px}
.app-grid{grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr)}
.app-visual-premium{height:520px;position:relative;perspective:1500px;display:grid;place-items:center;overflow:visible}
.app-glow-orbit{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(20,116,255,.30) 0%,rgba(20,116,255,.12) 35%,transparent 68%);filter:blur(28px);animation:luxiGlowPulse 5.5s ease-in-out infinite alternate}
@keyframes luxiGlowPulse{from{transform:scale(.94);opacity:.72}to{transform:scale(1.05);opacity:1}}
.phone-fan-v718{width:min(100%,620px)!important;height:100%!important;margin:auto!important}
.phone-fan-v718 .phone-v71{height:450px!important;box-shadow:0 34px 85px rgba(0,0,0,.55),0 0 48px rgba(20,105,247,.12)!important}
.phone-fan-v718 .phone-left{transform:translate(-91%,-44%) rotateY(14deg) rotateZ(-7deg) scale(.79)}
.phone-fan-v718 .phone-main{transform:translate(-50%,-50%) translateZ(70px) scale(1.02)}
.phone-fan-v718 .phone-right{transform:translate(-9%,-44%) rotateY(-14deg) rotateZ(7deg) scale(.79)}

/* Services + Driver — photography becomes atmosphere, not a giant card. */
.chapter-atmosphere{min-height:520px;margin:0 calc(50% - 50vw);padding:0!important;border-top:1px solid rgba(241,199,89,.28);border-bottom:1px solid rgba(241,199,89,.16);overflow:hidden}
.chapter-atmosphere .chapter-bg-image{position:absolute;inset:0;background-image:var(--chapter-bg);background-size:cover;background-position:center;transform:scale(1.035);filter:saturate(.9) contrast(1.08)}
.chapter-atmosphere .chapter-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.94) 0%,rgba(2,8,23,.84) 32%,rgba(2,11,31,.48) 62%,rgba(2,8,23,.72) 100%),radial-gradient(circle at 74% 48%,rgba(20,108,255,.18),transparent 42%)}
.chapter-drive .chapter-shade{background:linear-gradient(270deg,rgba(2,8,23,.94) 0%,rgba(2,8,23,.84) 32%,rgba(2,11,31,.48) 62%,rgba(2,8,23,.72) 100%),radial-gradient(circle at 27% 48%,rgba(20,108,255,.16),transparent 42%)}
.chapter-atmosphere .chapter-inner{position:relative;z-index:3;width:min(calc(100% - 48px),var(--max));min-height:520px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:62px 0}
.chapter-atmosphere .chapter-inner-right{align-items:flex-end;text-align:left}
.chapter-atmosphere .chapter-inner-right .chapter-copy{width:min(100%,540px)}
.chapter-atmosphere .chapter-kicker{margin-bottom:24px!important}
.chapter-atmosphere .chapter-copy h3{font-size:clamp(50px,4.5vw,68px)}
.chapter-atmosphere .chapter-copy p{color:#d1d9e8;text-shadow:0 3px 14px rgba(0,0,0,.62)}
.chapter-atmosphere:hover .chapter-bg-image{transform:scale(1.055);transition:transform 1s cubic-bezier(.2,.7,.2,1)}

/* Story — keep the human portrait, but refined and smaller. */
.chapter-story{padding-top:82px;padding-bottom:78px}
.story-grid{grid-template-columns:minmax(330px,.72fr) minmax(0,1fr);gap:clamp(58px,8vw,120px)}
.story-portrait{position:relative;width:min(100%,430px);justify-self:start;padding:10px 0 0 10px}
.story-portrait:before{content:"";position:absolute;inset:0 14px 14px 0;border-left:1px solid rgba(241,199,89,.72);border-top:1px solid rgba(241,199,89,.72);border-radius:28px 0 0 0}
.story-portrait:after{content:"";position:absolute;inset:10% -8% -6% 10%;z-index:-1;background:radial-gradient(circle,rgba(20,104,244,.22),transparent 64%);filter:blur(30px)}
.story-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 15%;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.40)}

/* Section interaction polish. */
.home-chapter .text-link b{display:inline-block;transition:transform .28s ease}
.home-chapter:hover .text-link b{transform:translateX(7px)}
.home-chapter{transition:filter .32s ease}
.home-chapter:hover{filter:brightness(1.025)}

/* Site-wide labels become easier to read while staying secondary. */
.page-hero .eyebrow,.section-heading .eyebrow,.panel-gold .eyebrow,.service-wide .eyebrow,.founder-story .eyebrow{font-size:13px!important;letter-spacing:.19em!important}

@media(max-width:900px){
  .hero-premium{height:455px!important;min-height:455px!important;max-height:455px!important}
  .hero-bg{background-position:50% 70%!important}
  .hero-layout-clean .hero-content{padding:11px 10px 16px!important}
  .hero-layout-clean .eyebrow{font-size:11.4px!important;letter-spacing:.105em!important;line-height:1.2!important}
  .hero-layout-clean .hero-title{font-size:clamp(25px,6.7vw,32px)!important;margin:34px -5px 8px!important;white-space:nowrap!important}
  .hero-locations{font-size:9.8px!important;letter-spacing:.055em!important;white-space:nowrap!important}
  .hero-layout-clean .hero-store-row{width:100%!important;max-width:500px!important;gap:8px!important}
  .hero-layout-clean .premium-store{height:45px!important;min-height:45px!important}

  .luxi-journey{padding:10px 0 96px!important}
  .home-chapter{padding:50px 0!important}
  .chapter-kicker{font-size:13.5px!important;letter-spacing:.19em!important;margin-bottom:22px!important}
  .chapter-kicker:after{width:38px;margin-left:12px}
  .chapter-grid{display:flex!important;flex-direction:column!important;gap:0!important}
  .chapter-copy{width:100%!important;max-width:none!important;padding-top:26px!important}
  .chapter-copy h3{font-size:clamp(36px,9.2vw,48px)!important;line-height:1.02!important;margin-bottom:14px!important}
  .chapter-copy p{font-size:15.5px!important;line-height:1.62!important;margin-bottom:20px!important;max-width:96%}
  .chapter-copy .text-link{font-size:14px!important}

  .chapter-app{padding-top:44px!important;padding-bottom:58px!important}
  .chapter-app .chapter-kicker{margin-bottom:8px!important}
  .app-grid .chapter-copy{order:2!important}
  .app-visual-premium{order:1!important;width:100%!important;height:390px!important;margin:0!important}
  .phone-fan-v718{width:100%!important;max-width:560px!important;height:100%!important}
  .phone-fan-v718 .phone-v71{height:345px!important;max-height:345px!important}
  .phone-fan-v718 .phone-left{transform:translate(-86%,-44%) rotateY(11deg) rotateZ(-6deg) scale(.72)}
  .phone-fan-v718 .phone-main{transform:translate(-50%,-50%) translateZ(42px) scale(1)}
  .phone-fan-v718 .phone-right{transform:translate(-14%,-44%) rotateY(-11deg) rotateZ(6deg) scale(.72)}

  .chapter-atmosphere{min-height:430px;margin:0 calc(50% - 50vw)!important}
  .chapter-atmosphere .chapter-bg-image{background-position:center!important;filter:saturate(.86) contrast(1.08) brightness(.78)}
  .chapter-services .chapter-bg-image{background-position:63% center!important}
  .chapter-drive .chapter-bg-image{background-position:54% center!important}
  .chapter-atmosphere .chapter-shade,
  .chapter-drive .chapter-shade{background:linear-gradient(180deg,rgba(2,8,23,.44) 0%,rgba(2,8,23,.54) 42%,rgba(2,8,23,.93) 100%),radial-gradient(circle at 50% 36%,rgba(18,101,245,.12),transparent 45%)!important}
  .chapter-atmosphere .chapter-inner,.chapter-atmosphere .chapter-inner-right{width:min(calc(100% - 48px),var(--max));min-height:430px!important;padding:34px 0 38px!important;justify-content:flex-end!important;align-items:flex-start!important;text-align:left!important}
  .chapter-atmosphere .chapter-kicker{position:absolute;top:30px;left:0;margin:0!important}
  .chapter-atmosphere .chapter-copy{padding-top:0!important;max-width:560px!important}
  .chapter-atmosphere .chapter-copy h3{font-size:clamp(36px,9.2vw,48px)!important}

  .chapter-story{padding-top:54px!important;padding-bottom:60px!important}
  .story-grid .story-portrait{order:1!important;width:min(82vw,390px)!important;justify-self:center!important;margin:0 auto!important}
  .story-grid .chapter-copy{order:2!important}
  .story-portrait img{aspect-ratio:4/5!important}
}

@media(max-width:430px){
  .hero-premium{height:440px!important;min-height:440px!important;max-height:440px!important}
  .hero-layout-clean .eyebrow{font-size:10.6px!important;letter-spacing:.072em!important}
  .hero-layout-clean .hero-title{font-size:24.5px!important;margin-top:31px!important;letter-spacing:-.034em!important}
  .hero-locations{font-size:9px!important;letter-spacing:.025em!important}
  .hero-layout-clean .premium-store{height:43px!important;min-height:43px!important}
  .chapter-kicker{font-size:13px!important;letter-spacing:.16em!important}
  .app-visual-premium{height:365px!important}
  .phone-fan-v718 .phone-v71{height:322px!important;max-height:322px!important}
  .chapter-atmosphere{min-height:410px!important}
  .chapter-atmosphere .chapter-inner,.chapter-atmosphere .chapter-inner-right{min-height:410px!important;width:calc(100% - 40px)!important}
  .chapter-copy h3{font-size:36px!important}
  .story-grid .story-portrait{width:min(84vw,360px)!important}
}

@media(prefers-reduced-motion:reduce){
  .app-glow-orbit{animation:none!important}
  .chapter-atmosphere .chapter-bg-image{transition:none!important;transform:none!important}
}

/* ================================================================
   LUXi 7.1.9 — unified hero + unmistakable alternating scroll motion
   ================================================================ */

/* One continuous hero image: never split into a dark text panel + photo panel. */
.hero-premium{
  position:relative!important;
  overflow:hidden!important;
  background:#020817!important;
  height:clamp(470px,66vh,650px)!important;
  min-height:470px!important;
  max-height:650px!important;
}
.hero-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center 54%!important;
  filter:brightness(.91) saturate(1.10) contrast(1.07)!important;
  transform:scale(1.015)!important;
}
.hero-shade{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(2,8,23,.34) 0%,rgba(2,8,23,.12) 30%,rgba(2,8,23,.08) 58%,rgba(2,8,23,.50) 100%),
    radial-gradient(ellipse at 50% 28%,rgba(14,86,224,.15),transparent 48%),
    linear-gradient(90deg,rgba(2,8,23,.16),transparent 24%,transparent 76%,rgba(2,8,23,.14))!important;
}
.hero-layout-clean,.hero-layout-clean .hero-content{height:100%!important;min-height:0!important}
.hero-layout-clean .hero-content{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  padding:18px 16px 18px!important;
}
.hero-layout-clean .eyebrow{
  margin:0!important;
  font-size:clamp(12px,1.05vw,15px)!important;
  letter-spacing:.15em!important;
  line-height:1.2!important;
}
.hero-layout-clean .hero-title{
  margin:48px auto 8px!important;
  font-size:clamp(42px,4.4vw,66px)!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.hero-locations{
  margin:0!important;
  font-size:clamp(11px,.95vw,14px)!important;
  letter-spacing:.115em!important;
  white-space:nowrap!important;
}
.hero-layout-clean .hero-store-row{
  margin-top:auto!important;
  margin-bottom:0!important;
}

/* Deliberately obvious but premium section entrance movement. */
.motion-photo,.motion-copy{
  will-change:transform,opacity,filter;
  transition:
    transform .90s cubic-bezier(.16,1,.3,1),
    opacity .72s ease,
    filter .90s ease!important;
}
.motion-photo.motion-from-left,
.motion-copy.motion-from-left{
  transform:translate3d(-86px,0,0) scale(.965)!important;
  opacity:.08!important;
  filter:blur(2px)!important;
}
.motion-photo.motion-from-right,
.motion-copy.motion-from-right{
  transform:translate3d(86px,0,0) scale(.965)!important;
  opacity:.08!important;
  filter:blur(2px)!important;
}
.home-chapter.motion-in .motion-photo,
.home-chapter.motion-in .motion-copy{
  transform:translate3d(0,0,0) scale(1)!important;
  opacity:1!important;
  filter:blur(0)!important;
}
/* Layered timing gives a clear visual sequence instead of everything moving together. */
.home-chapter.motion-in .motion-copy{transition-delay:.10s!important}
.chapter-drive.motion-in .motion-copy{transition-delay:.06s!important}
.chapter-story.motion-in .motion-copy{transition-delay:.12s!important}

/* Background-photo chapters also get a subtle directional depth sweep. */
.chapter-atmosphere .chapter-bg-image{background-size:cover!important;transition-duration:1.05s!important}
.chapter-services.motion-in .chapter-bg-image{background-position:center 50%!important}
.chapter-drive.motion-in .chapter-bg-image{background-position:center 50%!important}

@media(max-width:720px){
  .hero-premium{
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
  }
  .hero-bg{
    background-position:51% 50%!important;
    transform:scale(1.01)!important;
  }
  .hero-layout-clean .hero-content{padding:13px 10px 15px!important}
  .hero-layout-clean .eyebrow{
    font-size:11.2px!important;
    letter-spacing:.105em!important;
    white-space:nowrap!important;
  }
  .hero-layout-clean .hero-title{
    margin-top:44px!important;
    font-size:clamp(25px,6.75vw,32px)!important;
    letter-spacing:-.032em!important;
  }
  .hero-locations{
    font-size:9.8px!important;
    letter-spacing:.045em!important;
  }
  .hero-layout-clean .hero-store-row{width:100%!important;max-width:520px!important;gap:9px!important}
  .hero-layout-clean .premium-store{height:45px!important;min-height:45px!important}
  .motion-photo.motion-from-left,.motion-copy.motion-from-left{transform:translate3d(-58px,0,0) scale(.97)!important}
  .motion-photo.motion-from-right,.motion-copy.motion-from-right{transform:translate3d(58px,0,0) scale(.97)!important}
  .home-chapter.motion-in .motion-photo,.home-chapter.motion-in .motion-copy{transform:translate3d(0,0,0) scale(1)!important}
}

@media(max-width:390px){
  .hero-premium{height:475px!important;min-height:475px!important;max-height:475px!important}
  .hero-layout-clean .eyebrow{font-size:10.2px!important;letter-spacing:.075em!important}
  .hero-layout-clean .hero-title{font-size:24px!important;margin-top:39px!important}
  .hero-locations{font-size:8.7px!important;letter-spacing:.02em!important}
}

@media(prefers-reduced-motion:reduce){
  .motion-photo,.motion-copy{transform:none!important;opacity:1!important;filter:none!important;transition:none!important}
}

/* LUXi 7.2.0 — closing section, compact footer, and explicit mobile app choreography */
.home-final-cta{min-height:390px!important;display:flex;align-items:center;overflow:hidden;border-block:1px solid var(--line)}
.home-final-cta .final-bg{background-position:center 54%!important;filter:saturate(1.05) contrast(1.03)}
.home-final-cta .final-shade{background:linear-gradient(90deg,rgba(4,13,44,.94) 0%,rgba(4,13,44,.76) 42%,rgba(4,13,44,.24) 76%,rgba(4,13,44,.12)),linear-gradient(0deg,rgba(4,13,44,.38),transparent 62%)}
.home-final-cta .final-inner{padding:62px 0;max-width:720px;margin-left:max(24px,calc((100vw - var(--max))/2))}
.home-final-cta .final-inner h2{font-size:clamp(44px,4.5vw,64px)!important;margin:12px 0 14px!important}
.home-final-cta .final-inner p{max-width:540px;margin:0 0 20px;color:#d3dceb}
.final-reserve{font-size:14px!important}

.site-footer{padding:40px 0 18px!important}
.footer-grid{grid-template-columns:1.15fr .8fr 1fr .8fr!important;gap:30px!important}
.footer-brand img{width:92px!important}
.footer-brand p{margin:12px 0 10px!important;line-height:1.55!important}
.site-footer a{margin:6px 0!important}
.footer-bottom{margin-top:24px!important;padding-top:14px!important}

/* The app phones animate independently, so iOS Safari gets visible motion even when wrapper transforms are optimized. */
.chapter-app .phone-v71{transition:transform .88s cubic-bezier(.16,1,.3,1),opacity .68s ease,filter .78s ease!important;will-change:transform,opacity,filter}
.chapter-app:not(.motion-in) .phone-left{transform:translate3d(-92px,18px,0) rotate(-10deg) scale(.88)!important;opacity:.05!important;filter:blur(3px)}
.chapter-app:not(.motion-in) .phone-main{transform:translate3d(0,56px,0) scale(.88)!important;opacity:.05!important;filter:blur(3px)}
.chapter-app:not(.motion-in) .phone-right{transform:translate3d(92px,18px,0) rotate(10deg) scale(.88)!important;opacity:.05!important;filter:blur(3px)}
.chapter-app.motion-in .phone-left,.chapter-app.motion-in .phone-main,.chapter-app.motion-in .phone-right{opacity:1!important;filter:blur(0)}
.chapter-app.motion-in .phone-left{transition-delay:.05s!important}
.chapter-app.motion-in .phone-main{transition-delay:.18s!important}
.chapter-app.motion-in .phone-right{transition-delay:.31s!important}

@media(max-width:780px){
  .home-final-cta{min-height:340px!important;padding:0!important}
  .home-final-cta .final-bg{background-position:62% 50%!important}
  .home-final-cta .final-shade{background:linear-gradient(90deg,rgba(4,13,44,.94) 0%,rgba(4,13,44,.70) 56%,rgba(4,13,44,.22)),linear-gradient(0deg,rgba(4,13,44,.40),transparent 58%)}
  .home-final-cta .final-inner{padding:44px 0 52px!important;margin:0 auto!important;width:min(calc(100% - 34px),var(--max));}
  .home-final-cta .final-inner h2{font-size:42px!important;line-height:1.02!important;max-width:470px}
  .home-final-cta .final-inner p{font-size:14px!important;max-width:390px;margin-bottom:16px!important}
  .site-footer{padding:34px 0 94px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 24px!important}
  .footer-brand{grid-column:1/-1;display:grid!important;grid-template-columns:90px 1fr;column-gap:18px;align-items:start}
  .footer-brand img{width:82px!important;grid-row:1/4}
  .footer-brand p{margin:0!important;font-size:11px!important;max-width:420px}
  .footer-brand .footer-phone{margin-top:7px!important;font-size:12px!important}
  .site-footer h4{font-size:10px!important;margin:0 0 10px!important}
  .site-footer a{font-size:10.5px!important;margin:5px 0!important;line-height:1.35}
  .footer-grid>div:last-child{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .footer-grid>div:last-child h4{grid-column:1/-1}
  .footer-bottom{margin-top:20px!important;padding-top:13px!important;display:flex!important;gap:8px;flex-wrap:wrap;font-size:9.5px!important}
  .footer-bottom span{margin:0!important}
  .chapter-app:not(.motion-in) .phone-left{transform:translate3d(-64px,12px,0) rotate(-9deg) scale(.9)!important}
  .chapter-app:not(.motion-in) .phone-main{transform:translate3d(0,44px,0) scale(.9)!important}
  .chapter-app:not(.motion-in) .phone-right{transform:translate3d(64px,12px,0) rotate(9deg) scale(.9)!important}
}

/* LUXi 7.2.1 — global mobile typography + animation consistency pass */
@media(max-width:780px){
  /* Prevent display headlines from becoming oversized or awkwardly fragmented. */
  .page-hero-inner h1,.story-copy h2,.final-inner h2,.chapter-copy h3{
    font-size:clamp(30px,8.2vw,42px)!important;line-height:1.04!important;letter-spacing:-.025em!important;
    text-wrap:balance;overflow-wrap:normal;word-break:normal;
  }
  .page-hero-inner p,.story-copy p,.chapter-copy p{font-size:clamp(14px,3.9vw,17px)!important;line-height:1.48!important}
  .contact-big strong{font-size:clamp(26px,7.2vw,38px)!important;line-height:1.06!important;overflow-wrap:anywhere}
  .contact-big{min-height:0!important;padding:28px 26px!important}
  .contact-grid-new{gap:16px!important}
  .page-hero-inner br{display:none!important}
  .home-final-cta .final-inner h2{font-size:clamp(30px,8vw,40px)!important;white-space:nowrap!important;letter-spacing:-.035em!important}

  /* Home chapter slogans: one polished line on standard mobile widths. */
  .home-chapter .chapter-copy h3{font-size:clamp(23px,6.15vw,31px)!important;line-height:1.06!important;white-space:nowrap!important;letter-spacing:-.035em!important}

  /* Stable reveal state: content is never left hidden by iOS/Safari observer timing. */
  .reveal-up,.reveal-left,.reveal-right{transition:opacity .72s ease,transform .82s cubic-bezier(.16,1,.3,1)!important;will-change:opacity,transform}
}
@media(max-width:370px){
  .home-chapter .chapter-copy h3{font-size:21px!important}
  .home-final-cta .final-inner h2{font-size:29px!important}
}


/* LUXi 7.2.2 — surgical mobile typography/founder polish */
@media(max-width:780px){
  /* Home chapter headlines: intentionally single-line, large enough to read, never oversized. */
  .home-chapter .chapter-copy h3,
  .chapter-atmosphere .chapter-copy h3{
    font-size:clamp(24px,6.8vw,29px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    text-wrap:nowrap!important;
  }
  .home-final-cta .final-inner h2{
    font-size:clamp(24px,6.8vw,29px)!important;
    line-height:1.06!important;
    white-space:nowrap!important;
    text-wrap:nowrap!important;
    letter-spacing:-.035em!important;
  }

  /* Service-card titles should read as elegant titles, not oversized hero copy. */
  .service-wide h2{
    font-size:clamp(23px,6.45vw,27px)!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    text-wrap:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .service-wide>div{padding:28px 26px!important}

  /* Inner-page headline scale: strong but controlled. */
  .page-hero-inner h1{
    font-size:clamp(30px,8vw,36px)!important;
    line-height:1.03!important;
  }
  .story-copy h2,.founder-story h2,.panel-gold h2,.section-heading h2{
    font-size:clamp(28px,7.6vw,34px)!important;
    line-height:1.04!important;
  }

  /* Founder editorial order: label, portrait, story. */
  .founder-detail-new{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  .founder-main-wrap{display:flex!important;flex-direction:column!important;gap:18px!important;min-width:0}
  .founder-kicker{margin:0 0 2px 0!important;font-size:13px!important;letter-spacing:.19em!important}
  .founder-main-photo{width:100%!important;max-width:none!important;margin:0!important}
  .founder-story{padding-top:0!important}

  /* Keep mobile page copy comfortably readable without dominating the photography. */
  .service-wide p,.founder-story p,.panel-gold p,.story-copy p,.page-hero-inner p{
    font-size:clamp(14px,3.75vw,16px)!important;
    line-height:1.48!important;
  }
}
@media(max-width:370px){
  .home-chapter .chapter-copy h3,.chapter-atmosphere .chapter-copy h3,.home-final-cta .final-inner h2{font-size:23px!important}
  .service-wide h2{font-size:22px!important}
}
