/* Approved storefront styles, with obsolete scenes removed. */
:root{--ink:#152b2f;--cream:#f5f6f0;--muted:#637373;--accent:#c0ee6c;--line:#dbe2db}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink)}
a{color:inherit;text-decoration:none}
button,select{font:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #66b3ce;outline-offset:5px}
.site-header{position:absolute;top:0;left:0;right:0;height:90px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5%;direction:ltr;color:#eff4ef}
.brand{display:inline-flex;align-items:center}
.brand img{width:115px;height:58px;object-fit:contain;display:block}
.site-header nav{display:flex;gap:28px;align-items:center;font-size:13px}
.header-tools{display:flex;align-items:center;gap:17px}
.lang{background:transparent;color:inherit;border:1px solid #ffffff55;border-radius:50%;width:42px;height:42px;font-size:12px}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 23px;border:1px solid var(--line);border-radius:99px;background:transparent;font-size:13px;font-weight:600}
.primary{background:var(--ink);color:white;border:0}
.site-header .pill{border-color:#ffffff50;font-size:12px;padding:11px 18px}
.story{height:390svh;background:#101e22;color:#f8faf5;position:relative}
.story-pin{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}
.story-light{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 35%,#26575a 0,transparent 50%),linear-gradient(135deg,#11262b,#101e22 70%)}
.story-copy{position:absolute;top:19%;left:6%;width:35%;z-index:10;pointer-events:none}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#afc7b5}
.story-copy h1{font-size:clamp(40px,5.3vw,78px);line-height:1.02;letter-spacing:-3px;font-weight:500;max-width:550px;margin:25px 0}
.story-copy p{font-size:14px;line-height:1.85;color:#b9ccca;max-width:345px}
.story-copy .story-actions{pointer-events:auto;display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}
.story-actions .pill{background:var(--accent);color:#142b24;border:0}
.story-footer{position:absolute;left:6%;right:5%;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:12}
.scroll-hint{font-size:9px;letter-spacing:1.4px;color:#aec6bd}
.progress{display:flex;gap:6px;margin-top:10px}
.progress i{height:2px;width:28px;background:#60756a}
.progress i.active{background:#c8f389}
.scene-caption{font-size:10px;color:#a4bfba;max-width:280px;line-height:1.5;text-align:right}
.reduced-story{display:none}
.section{max-width:1300px;margin:85px auto;padding:0 5%}
.section h2{font-size:clamp(32px,3.4vw,49px);font-weight:500;letter-spacing:-1.8px;line-height:1.15;margin:14px 0 18px}
.section .eyebrow{color:#69834a}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}
.section-head p{max-width:380px;color:var(--muted);font-size:14px;line-height:1.8}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.product{min-width:0}
.product-visual{background:#e8ece4;border-radius:20px;aspect-ratio:1.2;display:grid;place-items:center;overflow:hidden;position:relative;padding:30px}
.product-copy{padding:17px 2px 0}
.product-copy h3{font-size:18px;margin:0 0 8px}
.product-copy p{font-size:12px;color:var(--muted);line-height:1.7;min-height:41px;margin:0 0 10px}
.product-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;border-top:1px solid var(--line);padding-top:12px}
.product-meta span{color:var(--muted)}
.product-meta b{font-size:14px}
.bundle{margin-top:50px;padding:35px;border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#fff}
.bundle h3{font-size:28px;margin:10px 0}
.bundle p{font-size:13px;color:var(--muted);line-height:1.8}
.bundle-right{display:flex;align-items:center;justify-content:end;gap:25px;flex-wrap:wrap}
.price{font-size:40px;font-weight:600;letter-spacing:-2px}
.price small{font-size:12px;letter-spacing:0;font-weight:400}
.faq{max-width:850px}
.faq details{border-bottom:1px solid var(--line);padding:21px 0}
.faq summary{font-size:16px;cursor:pointer}
.faq p{font-size:14px;color:var(--muted);line-height:1.9}
.site-footer{background:#10272b;padding:35px 5%;color:#b3ccc4;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}
.site-footer img{width:95px;height:50px;object-fit:contain}
.preview-note{background:#e4e9dd;color:#64725d;text-align:center;padding:10px;font-size:10px}
.local-only{font-size:11px;color:var(--muted);margin-top:25px;line-height:1.7}
dialog{border:0;border-radius:24px;max-width:460px;padding:30px;background:var(--cream);color:var(--ink);margin:auto}
dialog::backdrop{background:#071e21bb}
dialog h2{font-weight:500;font-size:30px}
dialog p{font-size:14px;line-height:1.8}
html[dir=rtl] .story-copy{direction:rtl}
html[dir=rtl] .section{direction:rtl}
html[dir=rtl] .section h2,html[dir=rtl] .story-copy h1{letter-spacing:0}
html[dir=rtl] .scene-caption{direction:rtl}
@media(max-width:900px){.site-header{height:78px;padding:14px 5%}
.brand img{width:90px;height:46px}
.header-tools .pill{display:none}
.site-header nav{gap:18px;font-size:12px}
.story-copy{top:17%;width:39%}
.story-copy h1{font-size:47px}
.product-grid{gap:17px}
.product-visual{padding:22px}}
@media(max-width:640px){.site-header{height:70px}
.site-header nav{gap:15px;font-size:10px}
.lang{height:34px;width:34px;font-size:10px}
.header-tools{gap:0}
.brand img{width:80px;height:41px}
.story{height:360svh}
.story-pin{min-height:610px}
.story-copy{left:6%;right:6%;top:105px;width:auto}
.story-copy h1{font-size:42px;line-height:1.04;letter-spacing:-1.7px;max-width:350px;margin:17px 0 12px}
.story-copy p{max-width:300px;font-size:12px;line-height:1.6;margin:0}
.story-copy .story-actions{display:none}
.eyebrow{font-size:8px;letter-spacing:1.5px}
.story-footer{bottom:14px;left:6%;right:6%;align-items:end}
.scene-caption{font-size:8px;max-width:165px}
.scroll-hint{font-size:7px}
.progress i{width:20px}
.section{margin:60px auto;padding:0 6%}
.section h2{font-size:34px;letter-spacing:-1px}
.section-head{display:block;margin-bottom:25px}
.section-head p{font-size:13px}
.product-grid{grid-template-columns:1fr 1fr;gap:23px 15px}
.product-visual{border-radius:13px;padding:17px 13px}
.product-copy{padding-top:12px}
.product-copy h3{font-size:14px}
.product-copy p{font-size:10px;line-height:1.7;min-height:51px}
.product-meta{font-size:9px;display:block}
.product-meta b{font-size:12px;display:block;margin-top:6px}
.bundle{padding:25px;grid-template-columns:1fr;gap:5px}
.bundle h3{font-size:25px}
.bundle-right{justify-content:space-between;gap:15px}
.price{font-size:35px}
.bundle .pill{font-size:11px}
.site-footer{flex-wrap:wrap;font-size:10px}
.faq summary{font-size:14px}
.faq p{font-size:12px}
.local-only{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.story{height:auto}
.story-pin{position:relative;height:100svh;min-height:700px}
.scroll-hint{display:none}
.reduced-story{display:block}
.story-copy .reduced-story{font-size:12px}}
:root{--ink:#142c49;--cream:#f7f9fb;--muted:#62758a;--accent:#c2eafb;--line:#dbe5ed}
.site-header{color:#19354f}
.lang,.site-header .pill{border-color:#b5ccdc}
.story{background:#edf5fa;color:#152d4a}
.story-light{background:radial-gradient(ellipse at 68% 35%,#d6eef9 0,transparent 57%),linear-gradient(135deg,#f8fafc,#e8f2f8)}
.story-copy p{color:#5d758b}
.eyebrow{color:#5b7a92}
.story-actions .pill{background:#1b5e8b;color:white}
.scroll-hint,.scene-caption{color:#637f94}
.progress i{background:#c4d8e4}
.progress i.active{background:#2676a5}
.story-light{filter:none}
.section .eyebrow{color:#4b7897}
.product-visual{background:#eaf0f5}
.site-footer{background:#e8f1f7;color:#4f6e84}
.preview-note{background:#edf2f7;color:#6a7f91}
.primary{background:#185d8c}
.price del{display:block;font-size:13px;letter-spacing:0;font-weight:400;color:#8b99a7;margin-bottom:5px}
.pill,.lang{transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.pill:hover{transform:translateY(-2px);box-shadow:0 7px 18px #173c6a16}
.pill:active,.lang:active{transform:translateY(1px) scale(.98)}
.story-copy h1{min-height:2.06em}
.story-copy p{min-height:5.6em}
.story-copy .story-actions{margin-top:13px}
.story-copy .reduced-story{min-height:0}
@media(max-width:640px){.story-copy p{min-height:3.2em}
.story-copy h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.pill,.lang{transition:none}
.pill:hover,.pill:active{transform:none}}
.bundle-section{margin:60px auto 0}
.bundle-section .bundle{margin:0}
.discount{display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#53768e;margin-top:8px}
.purchase-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.purchase-actions .pill{font-size:11px;padding:10px 15px;flex:1;white-space:nowrap}
.bundle-right .purchase-actions{width:100%;justify-content:flex-end}
.bundle-right .purchase-actions .pill{flex:0 1 auto}
.cart-toggle{border:1px solid #b5ccdc;border-radius:99px;padding:9px 12px;font-size:11px;background:transparent;color:#19354f;white-space:nowrap}
.cart-toggle b{display:inline-grid;place-items:center;background:#185d8c;color:#fff;width:20px;height:20px;border-radius:50%;margin-left:3px;font-size:10px}
#cartDialog{width:min(560px,calc(100% - 24px));max-width:560px;max-height:88svh;padding:25px;overflow-y:auto}
#cartDialog::backdrop{background:#122b4599;backdrop-filter:blur(3px)}
.cart-top{display:flex;justify-content:space-between;align-items:center;gap:15px}
.cart-top h2{font-size:28px;margin:0}
.icon-close{border:1px solid var(--line);width:34px;height:34px;border-radius:50%;background:transparent;font-size:22px;color:var(--ink)}
.cart-note{font-size:11px!important;color:var(--muted);line-height:1.6!important}
.cart-row{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid var(--line);padding:19px 0}
.cart-row h3{font-size:14px;margin:0 0 6px}
.cart-row p{font-size:11px;margin:0;color:var(--muted)}
.cart-row .cart-line-total{font-size:14px;font-weight:600;text-align:right}
.cart-controls{display:flex;align-items:center;gap:10px;margin-top:12px}
.cart-controls button{border:1px solid #c2d3df;background:white;border-radius:6px;width:27px;height:27px;color:var(--ink)}
.cart-controls .remove{width:auto;border:0;background:transparent;text-decoration:underline;font-size:10px;padding:0;margin-left:7px}
.cart-controls output{min-width:15px;text-align:center;font-size:12px}
.cart-total{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:18px}
.cart-empty{padding:25px 0;font-size:14px}
.cart-status{font-size:11px!important;min-height:18px;color:#53778d}
.product-meta span{display:none}
.header-tools{gap:12px}
.site-header .header-tools>a.pill{display:none}
@media(max-width:640px){.site-header nav{gap:11px;font-size:9px}
.header-tools{gap:6px}
.cart-toggle{padding:6px 7px;font-size:9px}
.cart-toggle b{width:15px;height:15px;font-size:8px}
.brand img{width:68px}
.lang{width:30px;height:30px}
.purchase-actions{gap:5px}
.purchase-actions .pill{font-size:9px;padding:9px 7px}
.bundle-right{justify-content:flex-start}
.bundle-right .purchase-actions{justify-content:flex-start}
.bundle-right .purchase-actions .pill{flex:1}
.site-header{gap:10px}
.cart-row{grid-template-columns:1fr auto;gap:8px}}
.site-header{position:fixed;background:#f8fbfef5;border-bottom:1px solid #dce7ef;box-shadow:0 3px 16px #203b5810}
.cart-pulse{animation:cartFeedback .35s ease-out}
@keyframes cartFeedback{50%{transform:scale(1.12);background:#d9efff}}
@media(prefers-reduced-motion:reduce){.cart-pulse{animation:none}}
[hidden]{display:none!important}
section[id]{scroll-margin-top:95px}
button{transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
button:not(:disabled):hover{transform:translateY(-2px)}
button:not(:disabled):active{transform:scale(.97)}
button:focus-visible,a:focus-visible{outline:3px solid #438dff;outline-offset:4px}
button:disabled{opacity:.5;cursor:not-allowed}
.product-meta b{background:linear-gradient(120deg,#dceeff,#edf2ff);color:#164772;padding:10px 15px;border-radius:12px;font-size:23px;letter-spacing:-.8px}
.checkout-summary{display:grid;gap:18px;padding:22px 0}
.checkout-summary>div{display:flex;justify-content:space-between;gap:20px}
.payment-choices{border:0;padding:10px 0 24px;display:grid;gap:12px}
.payment-choices label{display:flex;align-items:center;gap:10px;border:1px solid #c9d7e3;border-radius:14px;padding:16px}
.payment-choices small{margin-inline-start:auto;font-size:11px;color:#5a7084}
#checkoutDialog{border:1px solid #dce5ef;border-radius:24px;background:#f8fbff;color:#152d42;padding:26px;width:min(550px,92vw);max-height:90svh;overflow:auto}
#checkoutDialog::backdrop{background:#10203080;backdrop-filter:blur(6px)}
#checkoutDialog>.pill{margin:5px 0}
#checkoutButton{margin:0 8px 8px 0}
html[data-theme=dark] body{background:#101923;color:#edf3fb}
html[data-theme=dark] .site-header{background:#15202df5;border-color:#304052}
html[data-theme=dark] .site-header a,html[data-theme=dark] .site-header button{color:#edf3fb}
html[data-theme=dark] .section,html[data-theme=dark] footer{color:#edf3fb}
html[data-theme=dark] .product,html[data-theme=dark] .bundle,html[data-theme=dark] dialog{background:#1b2939!important;color:#edf3fb!important;border-color:#34485c}
html[data-theme=dark] .product h3,html[data-theme=dark] .bundle h3,html[data-theme=dark] .price,html[data-theme=dark] .cart-row h3{color:#edf3fb}
html[data-theme=dark] p,html[data-theme=dark] .cart-note{color:#aebed0}
html[data-theme=dark] .lang,html[data-theme=dark] .cart-toggle{background:#213247;border-color:#496078}
html[data-theme=dark] .story-pin{background:#162b40}
html[data-theme=dark] .story-copy h1,html[data-theme=dark] #storyHeading{color:#f1f7ff}
html[data-theme=dark] .faq details{border-color:#3c5064}
html[data-theme=dark] .payment-choices small{color:#b9cadd}
@media(max-width:600px){.site-header nav{display:none}
.header-tools{gap:6px}
.lang{min-width:38px}
.site-header{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){button{transition:none}
button:not(:disabled):hover,button:not(:disabled):active{transform:none}}
html[data-theme=dark] .pill:not(.primary){color:#dceafa;border-color:#768fa6}
html[data-theme=dark] .cart-controls button{color:#dfedfa;background:#263c52}
html[data-theme=dark] .icon-close{color:#eaf4ff}
body{isolation:isolate}
.ambient-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ambient-bg i{position:absolute;width:80vmax;height:80vmax;left:-25vmax;top:-15vmax;background:radial-gradient(ellipse,#95caff55,transparent 65%);animation:ambientDrift 24s ease-in-out infinite alternate;will-change:transform}
.ambient-bg i+i{left:45%;top:35%;background:radial-gradient(ellipse,#c6bafa40,transparent 65%);animation-duration:31s;animation-direction:alternate-reverse}
.studio-visual{padding:0!important;aspect-ratio:1.4!important;overflow:hidden}
.studio-visual img{display:block;width:100%;height:100%;object-fit:contain}
.ambient-paused .ambient-bg i{animation-play-state:paused}
html[data-theme=dark] .ambient-bg{opacity:.5}
@media(prefers-reduced-motion:reduce){.ambient-bg i{animation:none;will-change:auto}}
.studio-visual img{transform:scale(1.11)}
.product{transition:transform .22s ease,box-shadow .22s ease}
.product:hover{transform:translateY(-4px);box-shadow:0 16px 32px #315b8817}
.product-copy{padding:18px!important}
.product-meta{margin-top:12px!important;padding-top:12px!important}
.product-meta b{color:#fff!important;background:linear-gradient(115deg,#155bd7,#6049cf)!important;box-shadow:0 5px 14px #325bdb24;font-variant-numeric:tabular-nums}
.purchase-actions{gap:8px!important}
.price{color:#205fd1!important}
.discount{background:#e9e5ff!important;color:#5934a9!important}
.product-grid{gap:18px!important}
@media(max-width:600px){.product-copy{padding:14px!important}
.product-copy p{min-height:36px!important}
.purchase-actions{flex-direction:column}
.purchase-actions .pill{width:100%}
.product-meta b{font-size:21px}
.product-grid{gap:12px!important}}
@media(prefers-reduced-motion:reduce){.product{transition:none}
.product:hover{transform:none}}
.bundle{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px!important}
#bundle{scroll-margin-top:90px}
@media(max-width:600px){.bundle{grid-template-columns:1fr}}
.product{border:1px solid #dce7f1!important;border-radius:26px!important;overflow:hidden;background:linear-gradient(145deg,#ffffffee,#edf4fbea)!important;box-shadow:0 8px 24px #345a7810}
.studio-visual{position:relative;padding:18px 10px!important;background:radial-gradient(ellipse at 50% 45%,var(--product-tint),#edf4fc 75%)!important;border-radius:22px;margin:9px 9px 0;isolation:isolate}
.studio-visual:before{content:'';position:absolute;inset:10% 8%;border-radius:50%;border:1px solid #ffffffb0;transform:rotate(-18deg);z-index:-1}
.product-art{position:relative;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.75,.25,1);transform-origin:center}
.studio-visual .product-art>img{width:100%;height:100%;object-fit:contain;transform:none;border-radius:14px}
.card-qr{position:absolute;padding:0;border:0;border-radius:3px;background:white;display:block;aspect-ratio:1;box-shadow:0 1px 3px #0002}
.card-qr img{display:block;width:100%;height:100%;transform:none}
.qr-0{left:65%;top:52%;width:15%}
.qr-1{left:68%;top:52%;width:16%}
.qr-2{left:65%;top:51%;width:16%}
.qr-3{left:65%;top:48%;width:15%}
.qr-4{left:68%;top:55%;width:15%}
.qr-5{left:69%;top:53%;width:16%}
.card-qr:hover{transform:none!important}
.product-copy{background:linear-gradient(180deg,#ffffff00,#ffffff80);padding:20px!important}
.product-meta{border:0!important}
.product-meta b{display:inline-block;border-radius:14px!important}
.product .primary{background:#245ed3;color:white;box-shadow:0 5px 12px #245ed320}
.product .pill:not(.primary){background:#ffffffb0;color:#233b56;border-color:#c4d7e8}
.bundle{box-shadow:0 16px 42px #416ca51c!important;border:1px solid #cbdcf0!important;background:linear-gradient(140deg,#fff,#eaf2ff)!important}
.bundle .price{font-size:44px!important}
.bundle .discount{display:table;padding:7px 12px;border-radius:20px;margin-top:12px}
.bundle .primary{background:#245ed3}
.qr-preview-note{font-size:12px;color:#61778d;margin:20px 0}
.product:focus-within{box-shadow:0 10px 28px #345a7830}
html[data-theme=dark] .product{background:linear-gradient(145deg,#213247,#172536)!important;border-color:#3a4f67!important}
html[data-theme=dark] .product-copy{background:transparent}
html[data-theme=dark] .product .pill:not(.primary){background:#2a3e56;color:#e8f2ff;border-color:#56708e}
@media(hover:hover) and (pointer:fine){.product:hover .product-art{transform:translateX(4px) rotate(1deg) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.product-art{transition:none}
.product:hover .product-art{transform:none}}
#purchaseLanding{border:1px solid #ccdced;border-radius:24px;padding:32px;width:min(440px,90vw);background:#f8fbff;color:#17304c;box-shadow:0 24px 80px #17304c30}
#purchaseLanding::backdrop{background:#12283e80;backdrop-filter:blur(5px)}
#purchaseLanding h2{margin-top:0}
#purchaseLanding .pill{margin:8px 6px 0 0}
.bundle-scene{grid-column:1/-1;overflow:hidden;border-radius:24px;background:#e8f1fa;border:1px solid #d8e5f2}
.studio-visual{padding:25px 18px!important;background:radial-gradient(ellipse at 45% 38%,#ffffffcc,var(--product-tint) 58%,#dbe7f2 100%)!important;border:1px solid #ffffffb0}
.product-art{transform:scale(.91)}
.studio-visual:before{inset:10% 5%;border:2px solid #ffffff8a;box-shadow:0 0 0 16px #ffffff20}
.product{background:linear-gradient(145deg,#fff,var(--product-tint))!important}
.product-copy{background:linear-gradient(180deg,#ffffff70,#ffffffbb)!important}
.product-meta{margin-top:6px!important;padding-top:6px!important}
.product-copy p{margin-bottom:8px!important}
@media(hover:hover) and (pointer:fine){.product:hover .product-art{transform:translateX(4px) rotate(1deg) scale(.96)}}
@media(max-width:600px){.studio-visual{padding:18px 10px!important}}
@media(prefers-reduced-motion:reduce){.product:hover .product-art{transform:scale(.91)}}
html[data-theme=dark] .product-copy{background:#18283abb!important}
.product-grid{gap:24px!important}
.product{border-radius:24px!important;background:#ffffffed!important;box-shadow:0 8px 28px #28466b0d!important}
.studio-visual{aspect-ratio:1.48!important;margin:10px 10px 0;padding:12px!important;border-radius:18px!important;background:radial-gradient(ellipse at 50% 55%,var(--product-tint),#edf4fb 80%)!important}
.studio-visual:before{display:none}
.product-art{transform:scale(1)}
.product-copy{padding:20px!important;background:transparent!important}
.product-copy h3{font-size:23px;letter-spacing:-.6px;margin:0 0 8px}
.product-copy p{min-height:0!important;font-size:13px;line-height:1.5;margin:0 0 18px!important}
.product-meta{padding:0!important;margin:0 0 18px!important;min-height:0!important;border:0!important}
.product-meta b{font-size:25px!important;letter-spacing:-.8px;padding:0!important;background:none!important;color:#265ccd!important;box-shadow:none!important}
.purchase-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important}
.purchase-actions .pill{padding:13px 10px;font-size:12px;min-height:44px}
.product .pill:not(.primary){background:#edf3fc;color:#244565;border:1px solid #d5e2f2}
.product .primary{background:#245fd2!important;box-shadow:0 4px 10px #245fd21a}
.bundle{padding:22px!important;gap:22px!important;background:linear-gradient(140deg,#fff,#edf4ff)!important}
.bundle-scene{border:0;border-radius:18px}
.bundle h3{font-size:clamp(26px,3vw,40px);letter-spacing:-1px;margin:10px 0}
.bundle-right{align-self:center}
.bundle .price{font-size:48px!important;letter-spacing:-2px}
.bundle .price small{font-size:15px;letter-spacing:0}
.bundle p{font-size:13px;line-height:1.6}
.bundle [data-i18n=bundleExclusion]{display:none}
.bundle .discount{font-size:11px!important;letter-spacing:0}
.bundle .purchase-actions{margin-top:20px}
.section-head p{max-width:360px}
.section-head{margin-bottom:28px!important}
@media(hover:hover) and (pointer:fine){.product:hover{transform:translateY(-5px);box-shadow:0 20px 40px #28466b18!important}
.product:hover .product-art{transform:translateY(-2px) rotate(.6deg) scale(1.025)}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr!important;gap:22px!important}
.section{padding-left:20px!important;padding-right:20px!important}
.studio-visual{aspect-ratio:1.5!important;padding:12px!important}
.product-copy{padding:20px!important}
.product-copy h3{font-size:24px}
.product-copy p{font-size:14px}
.product-meta b{font-size:27px!important}
.purchase-actions{grid-template-columns:1fr 1fr!important;flex-direction:row!important}
.purchase-actions .pill{font-size:13px;padding:14px 8px}
.bundle{padding:16px!important;gap:18px!important}
.bundle h3{font-size:29px}
.bundle .price{font-size:43px!important}
.section-head h2{font-size:34px!important;letter-spacing:-1.2px}
.section-head p{font-size:14px}}
html[data-theme=dark] .product{background:#1c2b3d!important}
html[data-theme=dark] .product-copy{background:transparent!important}
html[data-theme=dark] .product-meta b{color:#91baff!important}
html[data-theme=dark] .product .pill:not(.primary){background:#293e57;color:#dcecff;border-color:#46617e}
html[data-theme=dark] .bundle{background:linear-gradient(140deg,#1c2b3d,#20344c)!important}
@media(prefers-reduced-motion:reduce){.product:hover .product-art{transform:none}
.product:hover{transform:none}}
.studio-visual{padding:0!important;margin:0!important;aspect-ratio:1.5!important;border:0!important;border-radius:22px 22px 0 0!important;background:#112132!important}
.studio-visual:before{display:none!important}
.product-art{width:100%;height:100%;transform:none}
.studio-visual .product-art>img{border-radius:0;object-fit:cover;aspect-ratio:1.5;width:100%;height:100%}
.card-qr{border-radius:2px;padding:0;box-shadow:none}
.qr-0,.qr-1,.qr-2,.qr-3,.qr-4,.qr-5{left:65.5%;top:53.5%;width:12%}
.product:hover .product-art{transform:scale(1.025)}
@media(hover:none){.product:hover .product-art{transform:none}}
@media(prefers-reduced-motion:reduce){.product:hover .product-art{transform:none}}
.qr-0{left:58.3%;top:44.5%;width:13.7%}
.qr-1{left:60.8%;top:48.2%;width:14.3%}
.qr-2{left:59.6%;top:41.6%;width:13.2%}
.qr-3{left:61%;top:44.9%;width:13.2%}
.qr-4{left:61.9%;top:41.7%;width:13.5%}
.qr-5{left:63.3%;top:48.2%;width:12.4%}
.scene-qr-caption{position:absolute;display:flex;align-items:center;justify-content:center;font:bold 10px/1 Arial,sans-serif;letter-spacing:.5px;border-radius:2px;pointer-events:none;height:5%;color:#fff;background:#101c2c}
.caption-0{left:58%;top:66.1%;width:15%;background:#eeeeed;color:#101629}
.caption-1{left:61.3%;top:70.6%;width:14.4%;background:#003cc8}
.caption-2{left:60.6%;top:63.9%;width:11.5%;background:#f50067}
.caption-3{left:62%;top:66.8%;width:12%;background:#070707}
.caption-4{left:63.2%;top:63.2%;width:11.7%;background:#240076}
.caption-5{left:63.7%;top:67.8%;width:12%;background:#03151b}
.complete-bundle{position:relative;aspect-ratio:1.5;overflow:hidden;border-radius:18px}
.bundle-main-image{width:100%;height:100%;display:block;object-fit:contain}
.bundle-qr{position:absolute;aspect-ratio:1;padding:0;border:0;border-radius:2px;background:white;display:block}
.bundle-qr img{width:100%;height:100%;display:block}
.bundle-qr:hover,.bundle-qr:active{transform:none!important}
.card-qr,.bundle-qr{border-radius:13%!important;overflow:hidden;background:#fff;padding:2.5%!important;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff80}
.card-qr img,.bundle-qr img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;transform:none!important}
.card-qr{padding:.65%!important}
.bundle-qr{padding:.35%!important}
.card-qr,.bundle-qr{padding:0!important;border-radius:9%!important;box-shadow:none!important}
.qr-0{left:58%;top:44%;width:14.4%}
.qr-1{left:60.5%;top:47.8%;width:14.7%}
.qr-2{left:59.3%;top:41.3%;width:13.7%}
.qr-3{left:60.7%;top:44.6%;width:13.7%}
.qr-4{left:61.6%;top:41.4%;width:14%}
.qr-5{left:63.1%;top:47.9%;width:12.8%}
.sale-price{display:flex!important;flex-direction:column;align-items:flex-start;gap:7px}
.sale-price del{font-size:14px;color:#768699;text-decoration-thickness:1.5px}
.sale-current{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sale-price b{color:#245ed3!important;font-size:28px!important}
.sale-badge{display:inline-flex;align-items:center;border-radius:30px;background:#eee8ff;color:#6438ad;font-size:10px;font-weight:800;letter-spacing:.4px;padding:7px 10px}
html[data-theme=dark] .sale-price b{color:#95bcff!important}
html[data-theme=dark] .sale-price del{color:#a5b7cd}
html[data-theme=dark] .sale-badge{background:#40305e;color:#e1ceff}
.product-meta .sale-badge{display:inline-flex!important}
.story-light{background:#f2eee8}
.story-copy{top:24%;left:5%;width:30%;padding:20px;border-radius:20px;background:#fffef5de}
.story-copy h1{font-size:clamp(30px,3.8vw,56px);letter-spacing:-2px;min-height:0;margin:16px 0}
.story-copy p{min-height:0;font-size:13px;line-height:1.6}
.story-copy .eyebrow{font-size:8px;letter-spacing:1.2px}
.story-footer{background:#fffffff0;bottom:0;left:0;right:0;padding:14px 5%}
html[data-theme=dark] .story-copy{background:#14202ee8}
html[data-theme=dark] .story-footer{background:#15202ef2}
@media(max-width:640px){.story-copy{top:90px;left:5%;width:90%;padding:10px 15px;background:#fffef5f2}
.story-copy h1{font-size:28px;letter-spacing:-1px;margin:8px 0}
.story-copy h1 br{display:none}
.story-copy p{font-size:11px;margin:6px 0}
.story-copy .story-actions{margin:8px 0}
.story-copy .eyebrow{display:none}
.story-actions .pill{padding:8px 15px;font-size:11px}
.scene-caption{max-width:170px;font-size:8px}
.story-footer{padding:10px 5%}}
.journey-film{position:absolute;top:105px;bottom:65px;left:46%;width:40%;max-width:580px;border-radius:28px;overflow:hidden;box-shadow:0 18px 55px #533e2020;will-change:transform}
.story-copy{width:32%;background:transparent!important;padding:0;top:30%;will-change:opacity,transform}
.story-copy h1{font-size:clamp(32px,4vw,58px)}
.story-copy p{max-width:290px}
.story-light{background:radial-gradient(ellipse at 75% 50%,#e4dbce,transparent 65%),#f6f3ed}
.site-header{position:fixed!important;top:12px!important;left:2%!important;right:2%!important;height:64px!important;border-radius:35px!important;background:#ffffffbc!important;backdrop-filter:blur(18px);border:1px solid #ffffffb0!important;padding:8px 24px!important;box-shadow:0 4px 20px #1c27300b!important}
.site-header .brand img{width:90px;height:46px}
.site-header nav{position:absolute;left:50%;transform:translateX(-50%);gap:3px;padding:5px;border:1px solid #ffffff90;border-radius:30px;background:#dbe6f580}
.site-header nav a{padding:9px 14px;border-radius:22px;transition:background .2s,transform .2s}
.site-header nav a:hover{background:white;transform:translateY(-1px)}
.header-tools{gap:8px}
.site-header .lang,.site-header .cart-toggle{height:36px;min-height:36px;background:#ffffff75;border:1px solid #d4dce7}
.site-header .lang{width:36px}
html[data-theme=dark] .site-header{background:#172535bc!important}
html[data-theme=dark] .site-header nav{background:#33445b9c;border-color:#64758d60}
html[data-theme=dark] .site-header nav a:hover{background:#4c627e}
html[data-theme=dark] .story-light{background:radial-gradient(ellipse at 75% 50%,#3c3841,transparent 65%),#14202e}
@media(max-width:640px){.site-header{top:8px!important;height:108px!important;padding:6px 14px!important;border-radius:22px!important;align-items:flex-start!important}
.site-header nav{top:58px;white-space:nowrap;font-size:11px}
.site-header nav a{padding:6px 14px}
.header-tools{padding-top:5px}
.story-copy{top:135px;width:88%;left:6%}
.story-copy h1{font-size:28px}
.story-copy p{max-width:none}
.journey-film{top:300px;bottom:60px;left:20%;width:67%;max-width:none;border-radius:20px}
.story-copy .story-actions{margin:8px 0}
.story-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.journey-film,.story-copy{will-change:auto}
.site-header nav a{transition:none}}
.journey-film{width:auto;aspect-ratio:1/2;left:55%}
@media(max-width:640px){.journey-film{left:36%;width:auto;aspect-ratio:1/2}}
.journey-film{inset:0!important;width:100%!important;max-width:none!important;aspect-ratio:auto!important;border-radius:0;box-shadow:none}
.story-copy{background:#fffef0d9!important;padding:24px;border-radius:24px;top:27%;left:5%}
.site-header{background:#ffffff52!important;border-color:#ffffff70!important;backdrop-filter:blur(14px);box-shadow:none!important}
.site-header nav{display:flex!important;background:#ffffff50}
.site-header .cart-toggle,.site-header .lang{background:#ffffff55!important}
.story-footer{background:#ffffff80;backdrop-filter:blur(10px)}
html[data-theme=dark] .site-header{background:#15223566!important}
html[data-theme=dark] .story-copy{background:#152235cf!important}
html[data-theme=dark] .story-footer{background:#15223590}
@media(max-width:640px){.site-header nav{display:flex!important;top:56px;width:auto}
.site-header{height:102px!important}
.story-copy{top:135px;left:5%;width:90%;padding:14px}
.story-copy h1{font-size:27px}
.story-footer{bottom:0;padding:10px 4%}
.story-pin{min-height:600px}}
:root{--ease-ui:cubic-bezier(.22,1,.36,1);--shadow-contact:0 2px 4px #172b4010;--shadow-float:0 14px 30px -12px #172b4026}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.price,.sale-price,.cart-total,.cart-line-total,.cart-controls output,#cartCount,.checkout-summary{font-variant-numeric:tabular-nums}
.product-copy h3{letter-spacing:-.025em;line-height:1.25}
.product-copy p{line-height:1.65}
.pill,.icon-close,.cart-toggle,.lang,.cart-controls button{min-height:44px;transition:transform 180ms var(--ease-ui),background-color 180ms ease,box-shadow 180ms ease}
.pill:disabled{cursor:not-allowed;transform:none!important;box-shadow:none!important}
.pill:focus-visible,.lang:focus-visible,.cart-toggle:focus-visible{outline:3px solid #2687dc;outline-offset:4px}
.product{box-shadow:var(--shadow-contact),var(--shadow-float)}
.cart-controls button,.icon-close{min-width:44px}
.cart-controls{gap:8px}
.cart-total{font-size:20px}
.cart-total strong,#checkoutTotal{font-size:30px;letter-spacing:-.04em}
.sale-current{gap:10px}
.site-header nav a[aria-current="location"]{background:#ffffffe8;box-shadow:0 2px 5px #22354a12;color:#18334c}
.site-header nav a{min-height:40px;display:flex;align-items:center}
#continueShopping{background:transparent;color:inherit;border:1px solid #8094ad55;box-shadow:none}
dialog{box-shadow:0 4px 12px #0002,0 30px 80px -20px #0005;padding-bottom:max(24px,env(safe-area-inset-bottom))}
dialog[open]{animation:dialog-in 220ms var(--ease-ui)}
dialog::backdrop{background:#10203466;backdrop-filter:blur(4px)}
@keyframes dialog-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.purchase-actions .pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-contact),var(--shadow-float)}
.purchase-actions .pill:active{transform:translateY(0) scale(.98)}}
@media(max-width:640px){.site-header .lang,.site-header .cart-toggle{min-height:44px;height:44px}
.site-header .lang{width:44px}
.site-header nav{top:60px}
.site-header{height:112px!important}
.story-copy{top:142px}
.story-copy h1 br{display:initial}
.purchase-actions .pill{font-size:13px;min-height:48px}
.cart-controls button{min-height:44px}
.cart-row{gap:12px}
.cart-line-total{font-size:17px}
input,select,textarea{font-size:16px}
.story-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}
.pill,.icon-close,.cart-toggle,.lang,.cart-controls button{transition:none}}
.story{height:500svh}
@media(prefers-reduced-motion:reduce){.story{height:100svh}}
.story-copy{background:rgba(255,254,240,.22)!important;backdrop-filter:blur(5px);box-shadow:none!important}
.story-copy h1{color:#142b3a;text-shadow:0 1px 8px #ffffff80}
.story-copy p{color:#183343}
html[data-theme=dark] .story-copy{background:rgba(21,34,53,.25)!important}
html[data-theme=dark] .story-copy p{color:#eef4fa}
.journey-film{isolation:isolate}
.journey-film{background:#d2bd9e url('hero-100/entry.webp') center/cover no-repeat}
#motionCanvas{display:block;width:100%;height:100%}
.story-pin{min-height:0!important;height:100svh}
.story-footer{background:rgba(255,255,255,.20)!important}
.story{height:650svh}
.story-copy{background:rgba(255,255,255,.10)!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important}
.story-copy h1{font-size:clamp(36px,4.7vw,68px);max-width:460px}
.story-copy p{max-width:300px}
@media(max-width:650px){.story-copy{width:83%!important;top:150px!important;left:6%!important}
.story-copy h1{font-size:40px}
.story{height:600svh}}
@media(prefers-reduced-motion:reduce){.story{height:100svh}
.ambient-bg i{animation:none!important}}