/* Interactive presentation study — all artwork is code-native and local. */
:root{--accent:#16434B}
h2{white-space:normal}
h2>[data-i18n]{white-space:pre-line}
.hero{padding-top:58px;padding-bottom:65px;gap:60px;grid-template-columns:1.05fr 1fr}
.hero h1{font-size:clamp(58px,6.05vw,88px)}
.motor-stage{padding:28px 30px 24px;min-height:0;isolation:isolate;overflow:clip}
.motor-stage:before{right:-250px;top:-70px;height:850px;width:540px;border-color:#839589;opacity:.25}
.motor-stage:after{right:-280px;top:-70px;height:850px;width:540px;border-color:#839589;opacity:.25}
.motor-stage .dossier-title{font-size:35px;padding:20px 0 0;line-height:1.1}
.motor-stage .dossier-title em{display:block}
.motor-stage .dossier-title+ p{display:none}
.motor-art{height:236px;margin:0 -30px;position:relative;z-index:2;perspective:900px;overflow:clip}
.art-edition{position:absolute;font-size:8px;letter-spacing:.13em;left:30px;bottom:10px;color:#ABBFCB}
.car-illustration{position:absolute;left:0;bottom:13px;width:100%;height:auto;overflow:visible}
.car-door{transform:none}
.presentation-ribbon{position:absolute;right:28px;top:12px;z-index:3;min-width:149px;padding:14px 28px 15px 15px;background:var(--accent);font-size:13px;line-height:1.25;transform:translateY(-90px) rotate(9deg);opacity:0;transition:transform .7s cubic-bezier(.2,1.8,.5,1),opacity .3s;box-shadow:5px 5px 0 #142528;pointer-events:none}
.presentation-ribbon:after{content:'';position:absolute;left:0;right:0;bottom:-7px;background:var(--accent);height:8px;clip-path:polygon(0 0,100% 0,100% 100%,50% 25%,0 100%)}
.presentation-ribbon em{font-family:Georgia,serif;font-size:25px;display:block}
.ribbon-star{position:absolute;right:10px;top:10px;font-size:23px}
.door-is-open .presentation-ribbon{opacity:1;transform:translateY(0) rotate(7deg)}
.stage-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #536774;position:relative;z-index:3;padding-top:10px}
.stage-controls button{min-height:44px;background:none;color:var(--paper);border:0;font-size:11px;display:flex;align-items:center;gap:8px;padding:5px 0;text-align:left}
.stage-controls button:hover{color:#95BBC6}
.stage-controls button:focus-visible{outline-color:#95BBC6}
.door-icon{font-size:23px;line-height:1;display:inline-block;transition:transform .5s}
.door-is-open .door-icon{transform:rotate(90deg)}
.motion-icon{font-size:14px;color:#CBD3D9}
.motor-stage .door-status{font-size:10px;line-height:1.5;color:#CBD3D9;max-width:none;margin:0 0 13px}
.motor-stage .ticket{margin-top:5px;padding:9px 18px;box-shadow:5px 5px 0 #3A4B4A;transform:rotate(-1.4deg)}
.motor-stage .ticket-row{padding:7px 0;font-size:11px}
.motor-stage .dossier-foot{font-size:8px;letter-spacing:.07em;padding-top:19px}
.headlight-beam{transition:opacity .6s;opacity:0}
.door-is-open .headlight-beam{opacity:.16}
.package-finder{padding:22px 0 28px;border-top:1px solid #AEBEC9}
.package-finder>p:first-child{font-size:12px;font-weight:bold;margin-bottom:13px}
.finder-options{display:flex;gap:8px;flex-wrap:wrap}
.finder-options button{border:1px solid #99ADB9;background:transparent;color:var(--ink);padding:10px 15px;min-height:44px;font-size:12px;border-radius:2px;transition:background .2s,color .2s}
.finder-options button[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}
.finder-options button:hover{border-color:var(--ink)}
.finder-hint{font-size:12px;color:#455D6B;margin-top:12px;min-height:22px;max-width:none}
.package{transition:box-shadow .3s,border-color .3s,transform .3s;position:relative}
.package.is-suggested{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.package:hover{transform:translateY(-4px);box-shadow:0 9px 0 #1018200A}
.card-flag{position:relative;transform-origin:left center}
.card-flag:not(.empty):after{content:'↗';position:absolute;right:15px;font-size:15px;top:6px}
.price-unit{max-width:24ch;min-height:34px;font-size:11px;line-height:1.4;margin-top:6px}
.fee-breakdown{display:flex;justify-content:space-between;align-items:center;padding:14px 0;margin:0 0 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:8px}
.fee-breakdown>div{display:flex;flex-direction:column;min-width:0;flex:1}
.fee-breakdown span{font-size:10px;line-height:1.4;color:var(--muted)}
.fee-breakdown strong{font-size:21px;font-weight:500;letter-spacing:-.04em;margin-top:4px}
.fee-breakdown>b{color:var(--accent);font-size:18px;font-weight:400;margin-right:8px}
.fee-breakdown.single{min-height:78px}
.fee-breakdown.single strong{font-size:21px}
.payment{min-height:78px}
.scope-details{font-size:11px;margin-bottom:18px;line-height:1.8}
.scope-details summary{min-height:44px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}
.scope-details summary:after{content:'+';color:var(--accent);font-size:18px}
.scope-details[open] summary:after{content:'−'}
.scope-details p{padding-top:15px;color:var(--muted);max-width:none}
.price-notes{gap:28px}
.price-notes p{font-size:12px}
.card-body .button{margin-top:auto}
.features{min-height:250px}
.launch-note{margin-top:32px;border-top:1px solid var(--line);padding:24px 0 0;font-size:11px;color:var(--muted)}
.launch-note strong{display:block;font-size:12px;color:var(--ink);font-weight:500;margin-bottom:8px}
.launch-note p{max-width:105ch;line-height:1.9}
.language-review{margin-top:8px;color:#16434B}
.nav a{min-height:44px;display:inline-flex;align-items:center}
.text-link{min-height:44px;display:inline-flex;align-items:center}
.language button{min-width:44px}
.privacy-details summary{min-height:44px;display:flex;align-items:center;gap:12px}
.privacy-details summary:after{content:'+';color:var(--accent);font-size:18px}
.privacy-details[open] summary:after{content:'−'}
.language button[aria-pressed=true]{text-decoration-thickness:1px}
body.lt .motor-stage .dossier-title{font-size:35px}
body.lt .hero h1{font-size:clamp(46px,5.05vw,73px)}
body.lt .hero h1 .second{font-size:clamp(44px,5vw,73px)}
[data-motion=on] .motor-stage.in-view .road path:last-child{animation:road-drift 7s linear infinite}
[data-motion=on] .motor-stage.in-view .car-assembly{animation:car-arrive 1.1s cubic-bezier(.2,.8,.2,1) both}
[data-motion=on] .pricing-section.in-view .featured .card-flag{animation:ribbon-pop .8s cubic-bezier(.2,1.5,.4,1) both}
[data-motion=off] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes road-drift{to{stroke-dashoffset:144}}
@keyframes car-arrive{from{transform:translateX(50px);opacity:.3}to{transform:translateX(0);opacity:1}}
@keyframes ribbon-pop{0%{transform:scaleX(.84) rotate(-3deg)}60%{transform:scaleX(1.025) rotate(.5deg)}100%{transform:scaleX(1) rotate(0)}}
@media(min-width:1600px){.hero{gap:85px}.motor-art{height:260px}.motor-stage .dossier-title{font-size:39px}}
@media(max-width:1150px){.hero{gap:35px}.motor-stage{padding:24px}.motor-art{margin:0 -24px;height:220px}.motor-stage .dossier-title{font-size:29px}.motor-stage .ticket{padding:8px 14px}.features{min-height:185px}.payment{min-height:60px}.fee-breakdown.single{min-height:78px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:40px;gap:36px}.hero h1{font-size:clamp(57px,10vw,78px)}.hero-copy{max-width:650px}.motor-stage{padding:25px;max-width:660px;width:100%;margin:0 auto}.motor-art{height:270px;margin:0 -25px}.car-illustration{bottom:8px}.motor-stage .dossier-title{font-size:37px}.art-edition{bottom:9px;left:25px}.presentation-ribbon{top:14px}.motor-stage .ticket-row{font-size:12px}.motor-stage .door-status{font-size:11px}.motor-stage .dossier-foot{font-size:8px}.stage-controls button{font-size:12px}.nav a{display:flex}.fee-breakdown.single{min-height:78px}body.lt .hero h1,body.lt .hero h1 .second{font-size:clamp(45px,8vw,68px)}}
@media(max-width:520px){.hero{padding-top:35px}.hero h1{font-size:57px}.hero h1 .second{font-size:53px}.motor-art{height:203px}.motor-stage .dossier-title{font-size:31px}.presentation-ribbon{min-width:124px;right:25px;top:10px;font-size:11px;padding:11px 24px 11px 12px}.presentation-ribbon em{font-size:21px}.ribbon-star{font-size:17px;right:8px}.motor-stage{padding:21px}.motor-art{margin:0 -21px}.art-edition{left:21px;font-size:6.5px}.motor-stage .door-status{font-size:10px}.stage-controls button{font-size:10px}.features{min-height:0}.payment{min-height:0}.fee-breakdown.single{min-height:78px}.scope-details{font-size:12px}.finder-options{gap:7px}.finder-options button{padding:10px 12px;font-size:11px}.finder-hint{font-size:12px}.language button{padding:9px 6px}.wordmark{font-size:23px;gap:5px}.header-right{gap:3px}.wordmark .auto{font-size:9px}.wordmark .brand-dot{width:5px;height:5px}.menu-toggle{padding:7px 8px}.hero-actions{gap:15px}.price-unit{max-width:none}.launch-note{font-size:11px}body.lt .motor-stage .dossier-title{font-size:31px}}
@media(max-width:360px){.hero h1{font-size:51px}.hero h1 .second{font-size:47px}.hero-actions{gap:13px}.hero-actions .button{padding:13px 12px;font-size:12px;gap:15px}.motor-art{height:180px}.motor-stage{padding:18px}.motor-stage .dossier-title{font-size:28px}.motor-art{margin:0 -18px}.presentation-ribbon{top:8px;right:18px}.header-inner{gap:4px}.wordmark{font-size:21px;gap:4px}.wordmark .auto{font-size:8px}.language button{min-width:38px}.stage-controls{gap:5px}body.lt .hero h1,body.lt .hero h1 .second{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.stage-controls,.package-finder,.motor-art{display:none}.motor-stage{break-inside:avoid}.motor-stage .door-status{display:none}.scope-details{display:block}.scope-details p{display:block}.launch-note{break-inside:avoid}}
