:root{--ink:#1b1730;--muted:#656579;--violet:#683cf4;--violet-deep:#4b2bd3;--pink:#e957a4;--dark:#111024;--line:#e8e6f0;--bg:#fbfaff;--white:#fff;--radius:22px;--wrap:1150px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:400 16px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ac93ff;outline-offset:4px}svg{display:block;max-width:100%}.icon{display:inline-flex;width:21px;height:21px;flex:none;align-items:center;justify-content:center}.icon svg{width:100%;height:100%}.wrap{max-width:var(--wrap);padding-inline:22px;margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 21px;font-size:14px;font-weight:750;line-height:1.2;min-height:49px;border:1px solid transparent;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,border .2s ease;background:transparent;cursor:pointer;text-align:center}.btn:hover{transform:translateY(-2px)}.btn--primary{background:#a886ff;color:#1d1534;box-shadow:0 9px 24px #0b021838}.btn--primary:hover{background:#baa0ff;box-shadow:0 13px 27px #05021355}.btn--outline{border-color:#ffffff38;color:#fff;background:#ffffff10}.btn--outline:hover{background:#ffffff20;border-color:#ffffff75}.btn--purple{background:var(--violet);color:#fff;box-shadow:0 8px 20px #6034e333}.btn--purple:hover{background:var(--violet-deep)}.btn--light{border:1px solid #d9d1f5;background:#fff;color:var(--violet-deep)}.btn--light:hover{border-color:#956df4}.btn .icon{width:19px;height:19px}
.site-header{position:sticky;top:0;z-index:60;background:rgba(17,16,36,.95);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff16}.header-inner{display:flex;min-height:74px;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;min-width:0}.brand-mark{height:40px;width:40px;border-radius:12px;background:#d5bcff;display:grid;place-items:center;padding:8px;box-shadow:0 3px 17px #8d51d644}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-name{font-size:18px;font-weight:840;letter-spacing:-.7px;color:#fff}.brand-name span{color:#b19aff}.header-nav{display:none;align-items:center;gap:27px;margin-left:auto}.header-nav a{font-size:13px;color:#dad4ed;font-weight:610;transition:color .2s}.header-nav a:hover,.header-nav a[aria-current="page"]{color:#fff}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.lang-switch{display:inline-flex;gap:3px;align-items:center;padding:4px;background:#ffffff11;border:1px solid #ffffff17;border-radius:10px}.lang-switch a{font-size:12px;font-weight:760;color:#d2c9e4;padding:5px 8px;border-radius:6px}.lang-switch a.active{background:#ffffff1d;color:#fff}.header-dl{display:none;min-height:37px;padding:10px 15px;font-size:12px;border-radius:9px}.menu-button{display:grid;place-items:center;background:#ffffff15;border:1px solid #ffffff20;color:#fff;border-radius:10px;width:40px;height:40px;cursor:pointer}.menu-button svg{width:22px;height:22px}.mobile-menu{display:none;padding:7px 22px 18px;background:#19152f;border-top:1px solid #ffffff1a}.mobile-menu.is-open{display:grid;gap:5px}.mobile-menu a{padding:12px 8px;font-size:14px;font-weight:650;color:#f5f0ff}.mobile-menu .btn{margin-top:9px;color:#211638}.mobile-menu a:focus-visible{outline-offset:0}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 75% 85% at 87% 40%,#482768 0%,transparent 70%),radial-gradient(ellipse 40% 45% at 10% 100%,#3f265f 0%,transparent 90%),#111024;color:#fff}.hero:before{position:absolute;content:"";pointer-events:none;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 2%,#000 90%);opacity:.42}.hero-inner{position:relative;display:grid;gap:38px;padding-block:70px 78px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#cab8ff;font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:#e48cff;box-shadow:0 0 0 4px #e48cff25}.hero h1{max-width:630px;font-size:clamp(43px,7.7vw,77px);line-height:1.08;letter-spacing:-2.4px;font-weight:860;margin:22px 0 19px}.hero h1 span{display:block;color:#cfb9ff}.hero-desc{font-size:clamp(15px,1.7vw,18px);line-height:1.8;color:#c9c4dc;max-width:530px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}.hero-note{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;font-size:12px;color:#a9a2bb;max-width:430px}.hero-note .icon{width:15px;height:15px;color:#b9a0e8;margin-top:2px}.hero-visual{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.visual-glow{position:absolute;inset:10% 4% 12%;filter:blur(50px);background:radial-gradient(circle at center,#a26aff50,transparent 60%);pointer-events:none}.phone{position:relative;width:min(100%,345px);background:#1f1b32;border:7px solid #47405f;border-radius:37px;padding:10px;box-shadow:0 35px 65px #06010b99,0 0 0 2px #ffffff16;transform:rotate(3deg)}.phone-screen{min-height:430px;border-radius:23px;background:linear-gradient(165deg,#fefcff 0%,#f2f0fb 100%);padding:23px 19px 22px;overflow:hidden}.phone-notch{position:absolute;top:13px;left:50%;transform:translateX(-50%);background:#1f1b32;width:80px;height:16px;border-radius:0 0 12px 12px;z-index:2}.app-top{display:flex;align-items:center;gap:10px;color:#292239;padding-top:9px}.app-symbol{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#b1a0ff,#e8baff);padding:9px;display:grid;place-items:center}.app-symbol img{height:100%;width:100%;object-fit:contain}.app-name{font-size:17px;font-weight:850;letter-spacing:-.4px}.app-sub{font-size:10px;color:#9b94a9;margin-top:-3px}.screen-card{margin-top:25px;border-radius:17px;background:linear-gradient(130deg,#6c4be1,#a678ee);padding:20px;color:#fff;box-shadow:0 14px 22px #805dda35}.screen-kicker{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:790;letter-spacing:1px;color:#ebe3ff}.screen-kicker i{width:6px;height:6px;border-radius:50%;background:#d8d2e8}.screen-card h3{font-size:17px;letter-spacing:-.4px;margin:13px 0 4px;font-weight:800}.screen-card p{font-size:10px;line-height:1.65;color:#e9dffb;margin:0}.screen-list{display:grid;gap:8px;margin-top:16px}.screen-row{display:flex;align-items:center;gap:12px;padding:13px 11px;background:#fff;border:1px solid #eae4f4;border-radius:12px}.screen-index{width:30px;height:30px;display:grid;place-items:center;background:#f3ecff;color:#704ce7;border-radius:10px;font-size:12px;font-weight:850}.screen-row strong{font-size:11px;letter-spacing:-.05px;display:block}.screen-row small{display:block;font-size:9px;color:#a19bb1;line-height:1.4;margin-top:2px}.screen-check{margin-left:auto;color:#7154d9;width:16px;height:16px}.phone-caption{position:relative;color:#9f93b8;font-size:10px;letter-spacing:.15px;margin:19px 0 0;text-align:center}.hero-bubble{position:absolute;left:0;bottom:14%;background:#fff;color:#2c2345;border-radius:12px;padding:13px 16px;box-shadow:0 14px 25px #05021366;transform:rotate(-4deg);max-width:175px;z-index:2;display:none}.hero-bubble .bubble-title{font-size:11px;font-weight:850}.hero-bubble p{font-size:10px;color:#79728d;margin:3px 0 0}.hero-bubble .bubble-check{background:#e7f7ed;color:#279b5e;font-size:12px;padding:3px 6px;border-radius:7px;margin-bottom:7px;display:inline-block}
.trustbar{background:#fff;border-bottom:1px solid var(--line)}.trust-inner{padding-block:19px;display:grid;gap:13px}.trust-item{display:flex;align-items:center;gap:10px;color:#666079;font-weight:690;font-size:12px}.trust-item .icon{color:#7150de;width:17px;height:17px}.section{padding-block:76px}.section--white{background:#fff}.section--tint{background:#f8f7fc}.section-heading{max-width:640px;margin-bottom:31px}.kicker{font-size:11px;font-weight:860;letter-spacing:2px;text-transform:uppercase;color:#7652e1}.section-heading h2,.section-heading h1{font-size:clamp(31px,4.2vw,46px);line-height:1.16;letter-spacing:-1.65px;margin:12px 0 12px;font-weight:840}.section-heading p{color:var(--muted);margin:0;font-size:15px;line-height:1.85}.about-grid,.feature-grid,.steps-grid{display:grid;gap:14px}.info-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:26px;box-shadow:0 7px 20px #18113305}.info-card .icon-tile{height:47px;width:47px;display:grid;place-items:center;background:#efeaff;color:#6b45dd;border-radius:14px;margin-bottom:22px}.icon-tile .icon{width:24px;height:24px}.info-card h3{font-size:19px;letter-spacing:-.5px;margin:0 0 9px}.info-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.info-card strong{color:#241e38}.info-card--highlight{background:linear-gradient(150deg,#f3ecff,#fff)}.notice{display:flex;gap:14px;margin-top:19px;padding:20px;border:1px solid #e5d7fb;background:#f7f1ff;border-radius:17px}.notice .icon{color:#7851d9;width:21px;height:21px;margin-top:1px}.notice strong{font-size:13px}.notice p{font-size:13px;line-height:1.7;color:#655875;margin:3px 0 0}.feature-card{position:relative;overflow:hidden}.feature-card .icon-tile{background:#f6efff}.feature-card:after{position:absolute;content:"";height:90px;width:90px;border-radius:100%;top:-45px;right:-45px;background:#dbcafe3d}.download-section{background:linear-gradient(120deg,#241b48 0%,#34245e 48%,#4b2568 100%);color:#fff;position:relative;overflow:hidden}.download-section:after{content:"";position:absolute;right:-120px;top:-150px;width:440px;height:440px;border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff05;pointer-events:none}.download-inner{position:relative;z-index:1;display:grid;gap:26px}.download-section .kicker{color:#cab2ff}.download-section h2{font-size:clamp(32px,4.5vw,49px);letter-spacing:-1.7px;line-height:1.18;margin:12px 0}.download-section p{color:#d6cde8;max-width:610px;font-size:15px;line-height:1.8;margin:0}.download-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.download-tip{padding:24px;border-radius:18px;background:#ffffff13;border:1px solid #ffffff25;backdrop-filter:blur(6px)}.download-tip strong{display:block;font-size:15px;margin-bottom:8px}.download-tip p{font-size:13px;color:#e0d6ee;line-height:1.8}.steps-grid{counter-reset:step}.step-card{border-radius:19px;background:#fff;border:1px solid var(--line);padding:25px;position:relative;min-width:0}.step-number{display:grid;place-items:center;background:#eee7ff;color:#6440d3;width:43px;height:43px;border-radius:13px;font-weight:860;font-size:15px;letter-spacing:-.4px}.step-card h3{font-size:16px;line-height:1.4;margin:20px 0 9px;letter-spacing:-.25px}.step-card p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.setup-footer{display:grid;gap:13px;margin-top:20px}.callout{background:#f5f0ff;border:1px solid #e2d7ff;border-radius:16px;padding:22px}.callout strong{font-size:14px}.callout p{margin:5px 0 0;font-size:13px;color:#655f76;line-height:1.8}.callout--plain{background:#fff;border-color:var(--line)}.faq-wrap{max-width:850px;margin-inline:auto}.faq-wrap .section-heading{text-align:center;margin-inline:auto}.faqs{display:grid;gap:10px}details.faq{border-radius:15px;border:1px solid var(--line);background:#fff;overflow:hidden}details.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;font-weight:710;font-size:14px;line-height:1.5}details.faq summary::-webkit-details-marker{display:none}details.faq summary::after{content:'+';font-size:24px;line-height:1;color:#7957d8;font-weight:400;transition:transform .16s ease}details.faq[open] summary::after{transform:rotate(45deg)}details.faq[open]{border-color:#ded2ff}details.faq p{font-size:14px;line-height:1.85;color:#625e72;padding:0 21px 20px;margin:0}.end-cta{background:#f5f0ff}.end-inner{display:grid;gap:20px;align-items:center}.end-cta h2{font-size:clamp(25px,3.6vw,36px);letter-spacing:-1px;margin:0 0 7px;line-height:1.25}.end-cta p{font-size:14px;color:#6a6179;margin:0}.end-inner .btn{width:max-content}.site-footer{background:#121023;color:#fff;padding:50px 0 23px}.footer-main{display:grid;gap:33px}.footer-about .brand{margin-bottom:15px}.footer-about .brand-mark{width:35px;height:35px}.footer-about p{font-size:13px;color:#a7a0b8;line-height:1.8;max-width:320px;margin:0}.footer-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.footer-col h3{font-size:12px;font-weight:810;color:#efecff;margin:0 0 12px}.footer-col a{display:block;font-size:13px;padding:4px 0;color:#afa7c4}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff19;margin-top:40px;padding-top:21px;display:flex;flex-direction:column;gap:10px;font-size:11px;color:#9c94ae}.footer-bottom p{margin:0;line-height:1.7;max-width:790px}.legal-hero{background:linear-gradient(115deg,#15112b,#3d285c);color:#fff;padding:68px 0 65px}.legal-hero .breadcrumb{display:flex;align-items:center;gap:9px;color:#b9aad7;font-size:12px}.legal-hero h1{font-size:clamp(36px,5.7vw,55px);letter-spacing:-2px;line-height:1.18;margin:20px 0 12px}.legal-hero p{font-size:15px;color:#d3c5eb;max-width:620px;margin:0}.legal-content{max-width:850px;padding-block:60px 85px}.legal-content article{background:#fff;border-radius:20px;padding:30px 24px;border:1px solid var(--line)}.legal-content h2{font-size:19px;letter-spacing:-.5px;margin:31px 0 9px}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{font-size:14px;line-height:1.95;color:#595668}.legal-content p{margin:8px 0}.legal-content ul{padding-left:22px}.legal-content a{color:#6445d2;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-content .updated{font-size:12px;color:#82798f;margin-bottom:26px}.legal-content .legal-box{border-left:3px solid #956dec;background:#f7f3ff;padding:15px 17px;margin:21px 0;border-radius:0 11px 11px 0}
@media(min-width:570px){.wrap{padding-inline:30px}.trust-inner{grid-template-columns:repeat(3,1fr);gap:20px}.about-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{grid-template-columns:1.1fr 1fr}.footer-cols{gap:25px}.hero-inner{padding-block:90px}.hero-visual .phone{transform:rotate(4deg)}.hero-bubble{display:block}.legal-content article{padding:42px 47px}}
@media(min-width:920px){.header-nav{display:flex}.header-actions{margin-left:0}.menu-button{display:none}.header-dl{display:inline-flex}.hero-inner{grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding-block:94px 103px;min-height:610px}.hero h1{font-size:clamp(52px,5.2vw,72px)}.phone{transform:rotate(5deg)}.trust-inner{padding-block:24px}.trust-item{justify-content:center;font-size:13px}.section{padding-block:97px}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.download-inner{grid-template-columns:1.35fr .75fr;align-items:center;gap:55px}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.end-inner{grid-template-columns:1fr auto}.footer-main{grid-template-columns:1.2fr 1fr}.footer-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-bottom{flex-direction:row;justify-content:space-between;gap:24px}}
@media(max-width:360px){.wrap{padding-inline:17px}.header-inner{gap:8px}.header-actions{gap:7px}.brand-name{font-size:16px}.brand-mark{width:36px;height:36px}.lang-switch a{padding:5px 6px}.hero-inner{padding-block:60px 65px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero-actions .btn{width:100%}.phone{max-width:295px}.footer-cols{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Header refinement for narrow phones: keep language labels on one line. */
.lang-switch a{white-space:nowrap}
@media(max-width:420px){
  .header-inner{gap:7px}
  .header-actions{gap:7px}
  .brand{gap:7px}
  .brand-mark{width:34px;height:34px;border-radius:10px;padding:7px}
  .brand-name{font-size:15px;letter-spacing:-.6px}
  .lang-switch a{padding:5px 6px;font-size:11px}
  .menu-button{width:38px;height:38px}
}
@media(max-width:350px){.brand-name span{display:none}.brand-name{font-size:14px}}


/* V2 · Midnight violet · softer charcoal surfaces, retained purple personality */
:root {
  color-scheme: dark;
  --ink:#f4f0fa;
  --muted:#bcb5ca;
  --violet:#7452e9;
  --violet-deep:#6240db;
  --dark:#100e19;
  --line:#3b354d;
  --bg:#161421;
}
body {background:var(--bg);color:var(--ink)}
.site-header {background:rgba(15,13,24,.94);border-color:#ffffff18}
.hero {background:radial-gradient(ellipse 74% 78% at 88% 40%,#372349 0%,transparent 70%),radial-gradient(ellipse 40% 46% at 10% 100%,#2e2144 0%,transparent 90%),#100e19}
.hero h1 span {color:#c6b0ff}
.visual-glow {background:radial-gradient(circle at center,#8765e345,transparent 62%)}
.trustbar {background:#191623;border-color:#373045}
.trust-item {color:#c9c1d8}
.trust-item .icon {color:#b4a0ff}
.section--white {background:#191723}
.section--tint {background:#201c2d}
.section-heading p {color:#bcb5ca}
.kicker {color:#b59aff}
.info-card,.step-card,details.faq {background:#292437;border-color:#41394f;box-shadow:0 10px 26px #0b09151a}
.info-card h3,.step-card h3,.callout strong,details.faq summary {color:#f6f0ff}
.info-card p,.step-card p {color:#b9b1c9}
.info-card strong {color:#f4edff}
.info-card--highlight {background:linear-gradient(145deg,#342842,#292438)}
.info-card .icon-tile,.feature-card .icon-tile {background:#3f315d;color:#c5a9ff}
.feature-card:after {background:#b69fff10}
.notice {background:#30263e;border-color:#584367}
.notice .icon {color:#bea1ff}
.notice strong {color:#f7f0ff}
.notice p {color:#d0c1db}
.download-section {background:linear-gradient(120deg,#21192f 0%,#322147 52%,#402356 100%)}
.download-section p {color:#ddd3ec}
.download-tip {background:#ffffff10;border-color:#ffffff25}
.step-number {background:#46325f;color:#d3bcff}
.callout {background:#302744;border-color:#554268}
.callout p {color:#cbbfd5}
.callout--plain {background:#282435;border-color:#40394d}
details.faq summary::after {color:#b7a0fc}
details.faq[open] {border-color:#745da6}
details.faq p {color:#c2b9cf}
.end-cta {background:linear-gradient(110deg,#2a2238,#322643)}
.end-cta p {color:#c8bdd5}
.site-footer {background:#0d0c16}
.legal-hero {background:linear-gradient(115deg,#11101c,#342444)}
.legal-content article {background:#242030;border-color:#41364c}
.legal-content p,.legal-content li {color:#cbc3d4}
.legal-content .updated {color:#b2a5c1}
.legal-content a {color:#c0a5ff}
.legal-content .legal-box {background:#322741;border-left-color:#9b7beb}
.btn--light {background:#30263f;border-color:#5a4976;color:#d4c3ff}
/* Balance visual hierarchy on compact screens */
@media (max-width:569px){
  .site-header .header-inner{min-height:65px}
  .hero-inner{gap:28px}
  .hero-visual{padding-inline:13px}
  .phone {width:min(100%,315px)}
  .hero-note{line-height:1.55}
  .section{padding-block:66px}
  .section-heading h2{font-size:clamp(29px,8vw,38px)}
  .info-card,.step-card{padding:23px}
  .download-tip{padding:22px}
  .footer-cols{gap:20px}
}

/* Legibility inside deliberately light Android mockup */
.phone-screen,.screen-row{color:#30263f}

/* V3 native visuals, polished screenshot references */
#overview .info-card .icon-tile{width:78px;height:78px;display:flex;align-items:center;justify-content:center;background:#322843;border:1px solid #54416a;overflow:hidden;border-radius:18px}
#overview .info-card .native-icon--logo{width:62px;height:62px;object-fit:contain;display:block;border-radius:13px}
#overview .info-card:nth-child(2) .icon-tile{background:#d8cef2}
#features .info-card .icon-tile{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#302b41;border:1px solid #43364e;border-radius:19px}
#features .native-icon{display:block;width:53px;height:53px;object-fit:contain;object-position:center}
.authentic-brand-motif{position:absolute;right:max(0px,4%);top:9%;width:78px;height:78px;display:grid;place-items:center;border-radius:24px;background:#292039;border:1px solid #a875d55c;box-shadow:0 15px 40px #0c06198c;transform:rotate(10deg);z-index:3;overflow:hidden}
.authentic-brand-motif img{width:66px;height:66px;border-radius:17px;object-fit:contain}
.app-gallery{margin:42px 0 30px;min-width:0}
.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:19px}
.gallery-head h3{font-size:clamp(21px,3vw,29px);line-height:1.3;margin:8px 0 7px;letter-spacing:-.6px}
.gallery-head p{font-size:13px;line-height:1.7;max-width:640px;color:var(--muted);margin:0}
.gallery-controls{display:flex;gap:8px;flex:none}
.gallery-arrow{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;background:#30293f;border:1px solid #564369;color:#e9defa;font-size:27px;font-weight:400;border-radius:11px;cursor:pointer;transition:background .18s ease}
.gallery-arrow:hover{background:#433253}
.gallery-arrow:focus-visible{outline:3px solid #ac93ff;outline-offset:2px}
.gallery-track{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding:2px;padding:3px 1px 14px;scrollbar-width:thin;scrollbar-color:#67577a transparent}
.gallery-track:focus-visible{outline:2px solid #9074db;outline-offset:4px}
.shot-card{margin:0;flex:0 0 clamp(174px,21%,212px);scroll-snap-align:start;border:1px solid #42364f;border-radius:17px;background:#292436;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.shot-image{background:linear-gradient(160deg,#393044,#211e2c);height:204px;display:flex;align-items:center;justify-content:center;padding:13px 16px 5px;overflow:hidden}
.shot-image img{width:auto;max-width:100%;height:auto;max-height:187px;object-fit:contain;border-radius:7px 7px 0 0;box-shadow:0 7px 18px #08051255}
.shot-card figcaption{padding:13px 14px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.shot-index{font-size:10px;font-weight:850;letter-spacing:1.1px;color:#b397f8}
.shot-card figcaption strong{font-size:13px;color:#f3effb;line-height:1.4}
.shot-card figcaption small{font-size:11px;color:#b9b0c6;line-height:1.5}
.gallery-hint{font-size:11px;color:#9489a8;margin:1px 0 0}
@media(min-width:920px){.app-gallery{margin-top:55px}.shot-card{flex-basis:calc((100% - 4 * 13px) / 5)}.shot-image{height:214px}.shot-image img{max-height:197px}}
@media(max-width:570px){.gallery-head{align-items:flex-end;gap:10px}.gallery-head h3{font-size:22px}.gallery-head p{font-size:12px}.gallery-arrow{width:35px;height:35px}.shot-card{flex-basis:177px}.shot-image{height:201px}.authentic-brand-motif{top:7%;right:1%;width:65px;height:65px;border-radius:17px}.authentic-brand-motif img{width:52px;height:52px}}

/* All five screenshots fit on desktop; controls are reserved for swipeable widths. */
@media (min-width:920px){.gallery-controls,.gallery-hint{display:none}}

/* V3.1: mobile-first touch targets, comfortable line wrapping. */
@media (max-width: 569px) {
  .lang-switch a {display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 8px}
  .menu-button {height:42px;width:42px;flex:none}
  .gallery-arrow {width:42px;height:42px;flex:none}
  .gallery-controls {gap:8px}
  .shot-card {scroll-snap-stop:always}
  .mobile-menu a {min-height:44px;display:flex;align-items:center}
  .mobile-menu a.btn {justify-content:center}
}
@media (max-width: 340px) {
  html[lang="zh-CN"] .hero h1 span {font-size:35px;letter-spacing:-1.5px}
}


/* V3.3 · Restored V3.1 natural desktop navigation spacing. */
/* FAQ animation owns height only while JS is active. The native <details> still works without JS. */
details.faq .faq-answer {overflow:hidden}
details.faq summary::after {transition:transform .25s cubic-bezier(.22,1,.36,1)}
details.faq[open] summary::after {transform:none}
details.faq.is-expanded summary::after {transform:rotate(45deg)}
details.faq .faq-answer p {margin:0}
@media (prefers-reduced-motion:reduce) {
  details.faq summary::after {transition:none}
}