:root {
  color-scheme: dark;
  --bg: #070707;
  --surface: #111111;
  --surface-soft: #181818;
  --surface-blue: #15120a;
  --ink: #ffffff;
  --muted: #aaaeb6;
  --line: rgba(245,184,0,.2);
  --blue: #F5B800;
  --blue-dark: #FFD84D;
  --header: rgba(7,7,7,.92);
  --shadow: 0 24px 70px rgba(0,0,0,.44);
  --shell: min(1180px, calc(100vw - 48px));
}
html,html[data-theme="dark"],html[data-theme="system"],html[data-theme="light"]{color-scheme:dark;background:#070707}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; overflow-x:hidden; color:var(--ink); background:var(--bg); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
body, h1, h2, h3, p, a, span, b, strong, em { font-style:normal; }
a { color:inherit; }
button, input { font:inherit; }
img { max-width:100%; }
.shell { width:var(--shell); margin-inline:auto; }
.skip-link { position:fixed; z-index:100; top:-60px; inset-inline-start:20px; padding:9px 14px; color:#fff; border-radius:8px; background:var(--blue); }
.skip-link:focus { top:14px; }

.site-header { position:fixed; z-index:20; inset:0 0 auto; border-bottom:1px solid transparent; background:var(--header); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.site-header.is-scrolled { border-color:var(--line); }
.nav-shell { display:grid; grid-template-columns:1fr auto 1fr; min-height:76px; align-items:center; gap:30px; }
.brand { display:inline-flex; width:max-content; align-items:center; gap:10px; font-size:19px; font-weight:800; letter-spacing:-.035em; text-decoration:none; }
.brand-mark { display:grid; width:36px; height:36px; flex:0 0 auto; overflow:hidden; place-items:center; color:#fff; border-radius:10px; background:var(--blue); font-size:17px; font-weight:850; letter-spacing:0; }
.brand-mark img { width:100%; height:100%; object-fit:cover; }
.site-nav { display:flex; align-items:center; gap:26px; }
.site-nav a,.language-link { color:var(--muted); font-size:13px; font-weight:650; text-decoration:none; transition:color .18s ease; }
.site-nav a:hover,.language-link:hover { color:var(--ink); }
.nav-actions { display:flex; align-items:center; justify-content:flex-end; gap:16px; }
.theme-button,.menu-button { border:0; color:var(--ink); cursor:pointer; background:transparent; }
.theme-button { display:grid; width:38px; height:38px; place-items:center; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.theme-button,[data-theme-button]{display:none!important}
.theme-button svg { width:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.theme-button .moon-icon { display:none; }
html[data-theme="dark"] .theme-button .sun-icon { display:none; }
html[data-theme="dark"] .theme-button .moon-icon { display:block; }
@media (prefers-color-scheme:dark) { html[data-theme="system"] .theme-button .sun-icon { display:none; } html[data-theme="system"] .theme-button .moon-icon { display:block; } }
.menu-button { display:none; }

.hero { padding:148px 0 105px; }
.hero-layout { display:grid; grid-template-columns:minmax(0,.93fr) minmax(480px,1.07fr); align-items:center; gap:clamp(54px,8vw,112px); }
.hero-copy { position:relative; z-index:2; }
.eyebrow,.section-kicker { margin:0 0 17px; color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.hero h1 { max-width:700px; margin:0; font-size:clamp(54px,6vw,84px); font-weight:800; letter-spacing:-.06em; line-height:.98; }
.hero h1 span { display:block; color:var(--blue); }
.hero-body { max-width:600px; margin:28px 0 0; color:var(--muted); font-size:18px; line-height:1.75; }
.hero-store-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:31px; }
.explore-link { display:inline-flex; align-items:center; gap:10px; margin-top:24px; color:var(--ink); font-size:13px; font-weight:750; text-decoration:none; }
.explore-link span { display:grid; width:28px; height:28px; place-items:center; border:1px solid var(--line); border-radius:8px; }
.proof-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:38px; padding-top:22px; border-top:1px solid var(--line); }
.proof-row span { padding:7px 10px; color:var(--muted); border:1px solid var(--line); border-radius:9px; font-size:11px; font-weight:650; }

.app-preview { position:relative; min-height:620px; }
.preview-backdrop { position:absolute; inset:34px 6px 28px; border-radius:38px; background:#eaf2ff; }
html[data-theme="dark"] .preview-backdrop { background:#101f34; }
.device-frame { position:absolute; z-index:2; width:302px; height:604px; top:0; left:50%; overflow:hidden; padding:8px; border:2px solid #1c1d21; border-radius:48px; background:#090a0c; box-shadow:0 32px 70px rgba(21,32,49,.23); transform:translateX(-50%); }
[dir="rtl"] .device-frame { transform:translateX(-50%); }
.device-frame > img,.ui-preview { display:block; width:100%; height:100%; overflow:hidden; border-radius:39px; background:#fff; object-fit:cover; object-position:top center; }
.device-sensor { position:absolute; z-index:5; width:88px; height:23px; top:18px; left:50%; border-radius:20px; background:#050607; transform:translateX(-50%); }
.ui-preview { position:relative; padding-top:15px; color:#111; font-family:Arial,sans-serif; }
.ui-status,.ui-nav,.ui-author,.ui-actions { display:flex; align-items:center; justify-content:space-between; }
.ui-status { height:38px; padding:0 19px; font-size:10px; }
.ui-status span { font-size:7px; letter-spacing:2px; }
.ui-nav { padding:8px 16px 12px; border-bottom:1px solid #eceef1; }
.ui-nav b { font-size:17px; letter-spacing:-.04em; }
.ui-nav span { font-size:13px; }
.ui-stories { display:flex; gap:9px; overflow:hidden; padding:13px; }
.ui-stories i { width:41px; height:41px; flex:0 0 auto; border:3px solid #fff; border-radius:50%; background:#a6c9ff; box-shadow:0 0 0 2px #0866ff; }
.ui-stories i:nth-child(2) { background:#f2b7c0; }.ui-stories i:nth-child(3){background:#a6dfd2}.ui-stories i:nth-child(4){background:#f0d199}.ui-stories i:nth-child(5){background:#c6b4ed}
.ui-author { padding:10px 14px; border-top:1px solid #eef0f2; }
.ui-author > i { width:29px; height:29px; border-radius:50%; background:#b8cced; }
.ui-author > span { display:grid; flex:1; gap:4px; margin-inline:9px; }
.ui-author > span b,.ui-author > span small { display:block; width:62px; height:5px; border-radius:5px; background:#23252a; }
.ui-author > span small { width:42px; background:#ccd0d6; }
.ui-author strong { font-size:10px; letter-spacing:2px; }
.ui-photo { position:relative; height:285px; overflow:hidden; background:#b9d6e5; }
.ui-photo::before { position:absolute; width:330px; height:175px; right:-80px; bottom:-70px; content:""; border-radius:50%; background:#456c75; }
.ui-photo::after { position:absolute; width:280px; height:160px; left:-85px; bottom:-70px; content:""; border-radius:50%; background:#23474f; }
.ui-photo span { position:absolute; width:65px; height:65px; top:40px; right:42px; border-radius:50%; background:#fff2bd; }
.ui-photo i { position:absolute; z-index:2; width:55px; height:125px; left:50%; bottom:0; border-radius:27px 27px 0 0; background:#ede4dc; transform:translateX(-50%); }
.ui-actions { padding:12px 14px 5px; font-size:15px; }
.ui-copy { display:grid; gap:5px; padding:5px 14px; }
.ui-copy i { width:88%; height:5px; border-radius:4px; background:#d7dade; }.ui-copy i:first-child{width:35%;background:#686b71}.ui-copy i:last-child{width:65%}
.ui-bottom { position:absolute; right:0; bottom:0; left:0; padding:13px; border-top:1px solid #eceef1; background:#fff; font-size:14px; text-align:center; word-spacing:12px; }

.store-button { display:flex; min-width:220px; min-height:64px; align-items:center; gap:12px; padding:9px 16px; color:#fff; border:1px solid #25272b; border-radius:12px; background:#101114; text-decoration:none; transition:transform .18s ease,background .18s ease; }
.store-button:hover { background:#23252a; transform:translateY(-2px); }
.store-button svg { width:29px; height:32px; flex:0 0 auto; fill:currentColor; stroke:none; }
.store-button > span { display:grid; line-height:1.05; }
.store-button small { font-size:9px; }.store-button b { margin-top:4px; font-size:17px; letter-spacing:-.02em; }
.store-button.compact { min-width:176px; min-height:55px; padding:8px 13px; }
.store-button.compact svg { width:24px; height:27px; }.store-button.compact b{font-size:14px}
.store-button.is-disabled { cursor:default; opacity:.78; }
.store-button.is-disabled:hover { background:#101114; transform:none; }
.store-button.direct svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.section { padding:clamp(88px,10vw,138px) 0; }
.section-heading { max-width:770px; margin-bottom:48px; }
.section-heading h2,.section-copy h2,.detail-card h2,.download-card h2 { margin:0; font-size:clamp(38px,4.8vw,62px); font-weight:790; letter-spacing:-.055em; line-height:1.05; }
.section-heading > p:last-child,.section-copy > p,.detail-card > p:not(.section-kicker),.download-copy > p:last-child { max-width:660px; margin:20px 0 0; color:var(--muted); font-size:16px; line-height:1.75; }
.features-section { background:var(--surface-soft); }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.feature-card { position:relative; min-height:275px; padding:26px; border:1px solid var(--line); border-radius:18px; background:var(--surface); transition:transform .2s ease,border-color .2s ease; }
.feature-card:hover { border-color:#b7cdf3; transform:translateY(-3px); }
.feature-card h3 { margin:42px 0 10px; font-size:21px; letter-spacing:-.03em; line-height:1.25; }
.feature-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.feature-card > b { position:absolute; top:26px; inset-inline-end:26px; color:#a4a8af; font-size:16px; }
.feature-icon { position:relative; display:block; width:44px; height:44px; border-radius:12px; background:var(--surface-blue); }
.feature-icon::before,.feature-icon::after,.feature-icon i { position:absolute; content:""; }
.feature-icon.image::before { inset:11px; border:2px solid var(--blue); border-radius:5px; }.feature-icon.image::after{width:6px;height:6px;top:14px;right:14px;border-radius:50%;background:var(--blue)}.feature-icon.image i{width:15px;height:8px;left:14px;bottom:12px;border-bottom:2px solid var(--blue);border-left:2px solid var(--blue);transform:skew(-28deg)}
.feature-icon.play::before{top:11px;left:16px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:16px solid var(--blue)}
.feature-icon.circle::before{inset:10px;border:2px solid var(--blue);border-radius:50%}.feature-icon.circle::after{width:6px;height:6px;right:7px;top:7px;border:2px solid var(--surface);border-radius:50%;background:var(--blue)}
.feature-icon.chat::before{inset:11px 8px 14px;border:2px solid var(--blue);border-radius:6px}.feature-icon.chat::after{width:8px;height:7px;bottom:9px;left:12px;border-left:2px solid var(--blue);transform:skew(-25deg)}
.feature-icon.bag::before{inset:14px 9px 8px;border:2px solid var(--blue);border-radius:4px}.feature-icon.bag::after{width:12px;height:8px;top:8px;left:16px;border:2px solid var(--blue);border-bottom:0;border-radius:7px 7px 0 0}
.feature-icon.shield::before{inset:8px 11px;border:2px solid var(--blue);border-radius:10px 10px 14px 14px}.feature-icon.shield::after{width:8px;height:4px;left:17px;top:18px;border-bottom:2px solid var(--blue);border-left:2px solid var(--blue);transform:rotate(-45deg)}

.experience-layout { display:grid; grid-template-columns:minmax(380px,.94fr) minmax(0,1.06fr); align-items:center; gap:clamp(55px,9vw,120px); }
.experience-media { position:relative; min-height:570px; overflow:hidden; border-radius:26px; background:#11151a; box-shadow:var(--shadow); }
.experience-media > img { display:block; width:100%; height:570px; object-fit:cover; object-position:top center; }
.reels-placeholder { position:absolute; inset:0; overflow:hidden; background:#1b342f; }
.reels-placeholder::before { position:absolute; width:470px; height:240px; right:-120px; bottom:-95px; content:""; border-radius:50%; background:#345e52; }
.reels-placeholder::after { position:absolute; width:420px; height:220px; left:-150px; bottom:-100px; content:""; border-radius:50%; background:#182928; }
.reels-placeholder > div { position:absolute; width:88px; height:88px; top:85px; right:80px; border-radius:50%; background:#e7c87c; }
.reels-placeholder > span { position:absolute; z-index:3; display:grid; width:62px; height:62px; top:50%; left:50%; place-items:center; color:#fff; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(0,0,0,.32); transform:translate(-50%,-50%); }
.reels-placeholder > i { position:absolute; z-index:2; width:80px; height:205px; left:50%; bottom:0; border-radius:42px 42px 0 0; background:#ddd2c8; transform:translateX(-50%); }
.reels-placeholder > b { position:absolute; z-index:2; width:230px; height:65px; left:50%; bottom:110px; border-radius:50%; background:rgba(12,19,22,.25); transform:translateX(-50%) rotate(-7deg); }
.section-copy > p { max-width:610px; }
.benefit-list { display:grid; gap:0; margin:30px 0 0; padding:0; list-style:none; }
.benefit-list li { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); font-size:14px; font-weight:650; }
.benefit-list span { display:grid; width:25px; height:25px; place-items:center; color:#fff; border-radius:8px; background:var(--blue); font-size:11px; }

.detail-section { padding-top:25px; }
.detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.detail-card { position:relative; min-height:520px; padding:clamp(30px,4vw,52px); overflow:hidden; border:1px solid var(--line); border-radius:24px; background:var(--surface-soft); }
.detail-card::after { position:absolute; width:210px; height:210px; right:-72px; bottom:-72px; content:""; border:50px solid rgba(8,102,255,.1); border-radius:50%; }
[dir="rtl"] .detail-card::after { right:auto; left:-72px; }
.market-card { color:#fff; border-color:#161a20; background:#11151a; }
.market-card .section-kicker { color:#76a8ff; }.market-card > p:not(.section-kicker){color:#afb3ba}.market-card::after{border-color:rgba(255,255,255,.07)}
.detail-icon { display:grid; width:50px; height:50px; margin-bottom:55px; place-items:center; border-radius:14px; background:var(--surface-blue); }
.market-card .detail-icon { background:#1b2a3e; }
.detail-icon svg { width:25px; fill:none; stroke:var(--blue); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.detail-tags { position:absolute; z-index:2; display:flex; right:45px; bottom:42px; left:45px; flex-wrap:wrap; gap:7px; }
[dir="rtl"] .detail-tags { right:45px; left:45px; }
.detail-tags span { padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:var(--surface); font-size:11px; font-weight:650; }
.market-card .detail-tags span { color:#dfe2e8; border-color:#30353d; background:#191d22; }

.download-section { padding-top:30px; }
.download-card { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:65px; padding:clamp(38px,6vw,72px); color:#fff; border-radius:25px; background:var(--blue); }
.download-card .section-kicker { color:#d7e5ff; }
.download-copy > p:last-child { color:#e2ebff; }
.store-links { display:grid; min-width:240px; gap:9px; }
.download-card .store-button { border-color:rgba(255,255,255,.15); }

.site-footer { padding:72px 0 30px; border-top:1px solid var(--line); }
.footer-grid { display:grid; grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(120px,.55fr)); gap:46px; }
.footer-brand p { max-width:430px; margin:18px 0 0; color:var(--muted); font-size:13px; line-height:1.75; }
.footer-grid > div:not(.footer-brand) { display:grid; align-content:start; gap:9px; }
.footer-grid > div > b { margin-bottom:7px; font-size:12px; }
.footer-grid > div > a { width:max-content; color:var(--muted); font-size:12px; text-decoration:none; }.footer-grid > div > a:hover{color:var(--ink)}
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:55px; padding-top:22px; color:var(--muted); border-top:1px solid var(--line); font-size:11px; }

/* Legal and account-management pages share the public product identity. */
.legal-page { min-height:100vh; background:var(--surface-soft); }
.legal-header { border-bottom:1px solid var(--line); background:var(--surface); }
.legal-nav { display:flex; width:var(--shell); min-height:76px; margin-inline:auto; align-items:center; justify-content:space-between; gap:20px; }
.legal-back { color:var(--muted); font-size:13px; font-weight:700; text-decoration:none; }
[dir="rtl"] .legal-back { direction:rtl; }
.legal-layout { display:grid; width:min(1060px,calc(100vw - 48px)); margin:70px auto 90px; grid-template-columns:300px minmax(0,1fr); align-items:start; gap:60px; }
.legal-aside { position:sticky; top:35px; }
.legal-aside > span { color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.legal-aside h1 { margin:14px 0 12px; font-size:42px; font-weight:800; letter-spacing:-.05em; line-height:1.08; }
.legal-aside p { margin:0; color:var(--muted); font-size:13px; }
.legal-document { padding:clamp(28px,5vw,56px); border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.legal-content { color:var(--muted); font-size:15px; line-height:1.95; overflow-wrap:anywhere; }
.legal-languages { display:grid; gap:12px; margin-top:45px; padding-top:25px; border-top:1px solid var(--line); }
.legal-languages > b { font-size:12px; }
.legal-languages nav { display:flex; flex-wrap:wrap; gap:7px; }
.legal-languages a { padding:7px 10px; color:var(--muted); border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); font-size:11px; font-weight:700; text-decoration:none; }
.legal-languages a:hover { color:var(--blue); border-color:#b7cdf3; }
.legal-footer { width:min(1060px,calc(100vw - 48px)); margin:0 auto; padding:25px 0; color:var(--muted); border-top:1px solid var(--line); font-size:11px; }

.deletion-layout { display:grid; width:min(1060px,calc(100vw - 48px)); min-height:calc(100vh - 77px); margin:0 auto; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); align-items:center; gap:80px; padding:70px 0; }
.deletion-copy .section-kicker { margin-bottom:14px; }
.deletion-copy h1 { margin:0; font-size:clamp(42px,5vw,64px); font-weight:800; letter-spacing:-.055em; line-height:1.04; }
.deletion-copy > p { margin:22px 0 0; color:var(--muted); font-size:16px; line-height:1.75; }
.deletion-card { padding:34px; border:1px solid var(--line); border-radius:20px; background:var(--surface); box-shadow:var(--shadow); }
.deletion-card form { display:grid; gap:17px; }
.deletion-card label { display:grid; gap:7px; color:var(--ink); font-size:12px; font-weight:700; }
.deletion-card input { width:100%; min-height:48px; padding:10px 13px; color:var(--ink); border:1px solid var(--line); border-radius:10px; outline:none; background:var(--surface-soft); }
.deletion-card input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(8,102,255,.12); }
.deletion-card button { min-height:49px; margin-top:5px; border:0; color:#fff; border-radius:10px; background:#cf304c; cursor:pointer; font-weight:800; }
.deletion-card button:disabled { cursor:wait; opacity:.65; }
.deletion-result { display:none; margin-top:16px; padding:12px; color:#087352; border:1px solid #bce6d7; border-radius:9px; background:#ecfaf5; font-size:13px; }
.deletion-result.error { color:#9b273c; border-color:#f0c4cc; background:#fff0f3; }

[data-reveal] { opacity:0; transform:translateY(18px); transition:opacity .55s ease,transform .55s ease; }
[data-reveal].is-visible { opacity:1; transform:none; }

@media(max-width:1040px){
  :root{--shell:min(100% - 40px,920px)}
  .site-nav{gap:17px}.hero-layout{grid-template-columns:minmax(0,1fr) 430px;gap:42px}.hero h1{font-size:clamp(52px,7vw,70px)}
  .app-preview{transform:scale(.9)}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-layout{gap:55px}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr)}
}
@media(max-width:820px){
  :root{--shell:min(100% - 34px,720px)}
  .nav-shell{grid-template-columns:1fr auto auto;min-height:70px;gap:13px}.menu-button{display:flex;width:38px;height:38px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.menu-button span{width:16px;height:1.5px;background:currentColor;transition:transform .18s ease}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.7px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.7px) rotate(-45deg)}
  .site-nav{position:absolute;display:none;top:69px;right:17px;left:17px;align-items:stretch;flex-direction:column;gap:0;padding:9px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav a{padding:11px 12px;border-radius:7px}.site-nav a:hover{background:var(--surface-soft)}
  .hero{padding:120px 0 85px}.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:680px}.app-preview{width:min(100%,620px);margin:15px auto 0;transform:none}.experience-layout{grid-template-columns:1fr}.experience-media{width:min(100%,540px);margin-inline:auto}.detail-grid{grid-template-columns:1fr}.download-card{grid-template-columns:1fr}.store-links{width:min(100%,370px)}
  .footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}
  .legal-layout{grid-template-columns:1fr;gap:28px;margin-top:45px}.legal-aside{position:static}.legal-aside h1{font-size:38px}.deletion-layout{grid-template-columns:1fr;gap:38px}.deletion-copy{max-width:650px}
}
@media(max-width:560px){
  :root{--shell:calc(100% - 28px)}body{font-size:15px}.brand{font-size:18px}.brand-mark{width:34px;height:34px}.language-link{display:none}
  .hero{padding-top:108px}.hero h1{font-size:clamp(46px,14vw,64px)}.hero-body{font-size:16px}.hero-store-row{display:grid;grid-template-columns:1fr 1fr}.store-button.compact{min-width:0;padding:8px 10px}.store-button.compact b{font-size:12px}.store-button.compact small{font-size:8px}.proof-row span{font-size:10px}
  .app-preview{min-height:540px}.preview-backdrop{inset:30px 0 25px}.device-frame{width:263px;height:526px;border-radius:43px}.device-frame>img,.ui-preview{border-radius:34px}.device-frame .ui-photo{height:235px}
  .section{padding:86px 0}.section-heading h2,.section-copy h2,.detail-card h2,.download-card h2{font-size:clamp(35px,11vw,47px)}.section-heading>p:last-child,.section-copy>p,.detail-card>p:not(.section-kicker),.download-copy>p:last-child{font-size:15px}
  .feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.experience-media,.experience-media>img{height:505px;min-height:505px}.detail-card{min-height:480px;padding:28px 23px}.detail-icon{margin-bottom:45px}.detail-tags{right:23px;bottom:25px;left:23px}[dir="rtl"] .detail-tags{right:23px;left:23px}.download-card{padding:34px 23px}.store-links{min-width:0}.store-button{min-width:0}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px 22px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}
  .legal-nav{width:calc(100% - 28px)}.legal-back{font-size:11px}.legal-layout{width:calc(100% - 28px);margin:32px auto 60px}.legal-document{padding:24px 20px;border-radius:15px}.legal-content{font-size:14px;line-height:1.85}.legal-footer{width:calc(100% - 28px)}.deletion-layout{width:calc(100% - 28px);padding:42px 0}.deletion-card{padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}


/* Foubeez rebrand layer — 2026-08-08 */
:root{
  --fou-black:#070707;--fou-surface:#111111;--fou-surface-2:#181818;
  --fou-gold:#F5B800;--fou-gold-soft:#FFD84D;--fou-white:#FFFFFF;
  --fou-muted:#A7A7A7;--fou-line:rgba(245,184,0,.18);
  --fou-glow:0 0 44px rgba(245,184,0,.16);
}
html{background:var(--fou-black);color-scheme:dark;scroll-behavior:smooth}
body{background:
 radial-gradient(circle at 12% 4%,rgba(245,184,0,.13),transparent 28rem),
 radial-gradient(circle at 88% 32%,rgba(255,216,77,.07),transparent 25rem),
 var(--fou-black)!important;color:var(--fou-white)!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;
 background-image:radial-gradient(circle,rgba(255,216,77,.7) 0 1px,transparent 1.6px);
 background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
a{transition:color .2s ease,opacity .2s ease,transform .2s ease}
.brand,.header-brand{color:var(--fou-white)!important}
.brand-mark,.header-logo{background:linear-gradient(135deg,var(--fou-gold-soft),var(--fou-gold))!important;color:var(--fou-black)!important;box-shadow:var(--fou-glow)}
header,.site-header,.navbar{background:rgba(7,7,7,.82)!important;border-color:var(--fou-line)!important;backdrop-filter:blur(18px)}
.btn,.button,button,.cta{border-radius:16px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
.btn-primary,.primary,.cta-primary{background:linear-gradient(135deg,var(--fou-gold-soft),var(--fou-gold))!important;color:var(--fou-black)!important;border-color:transparent!important;box-shadow:0 12px 34px rgba(245,184,0,.18)}
.btn:hover,.button:hover,button:hover,.cta:hover{transform:translateY(-2px)}
.card,.feature,.panel,.glass,.download-card{background:linear-gradient(145deg,rgba(24,24,24,.96),rgba(17,17,17,.92))!important;border:1px solid var(--fou-line)!important;border-radius:20px!important;box-shadow:0 18px 55px rgba(0,0,0,.35)}
h1,h2,h3,strong{color:var(--fou-white)}p,.muted{color:var(--fou-muted)}
.fou-universe{position:relative;padding:clamp(5rem,9vw,9rem) 0;overflow:hidden}
.fou-universe::before{content:"";position:absolute;width:28rem;height:28rem;border-radius:50%;background:rgba(245,184,0,.1);filter:blur(90px);top:8%;right:-10rem}
.fou-section-heading{max-width:760px;margin-bottom:2.5rem}
.fou-eyebrow,.fou-card-kicker{display:inline-flex;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--fou-gold)}
.fou-section-heading h2{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.02;margin:.8rem 0 1rem}
.fou-section-heading p{font-size:clamp(1rem,1.6vw,1.25rem)}
.fou-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.fou-card{position:relative;min-height:240px;padding:clamp(1.4rem,3vw,2.3rem);border-radius:20px;background:linear-gradient(145deg,var(--fou-surface-2),var(--fou-surface));border:1px solid var(--fou-line);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.fou-card:hover{transform:translateY(-4px);border-color:rgba(245,184,0,.5);box-shadow:var(--fou-glow)}
.fou-card h3{font-size:clamp(1.35rem,2vw,2rem);margin:.75rem 0}
.fou-mascot-card{grid-column:span 2;display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;align-items:center;gap:2rem}
.mascot-stage{min-height:300px;display:grid;place-items:center;align-content:center;position:relative;border-radius:20px;border:1px dashed rgba(245,184,0,.42);background:radial-gradient(circle,rgba(245,184,0,.15),transparent 58%),#0b0b0b}
.mascot-mark{display:grid;place-items:center;width:112px;height:112px;border-radius:32px;background:linear-gradient(135deg,var(--fou-gold-soft),var(--fou-gold));color:var(--fou-black);font-size:4.2rem;font-weight:950;box-shadow:0 0 64px rgba(245,184,0,.3);z-index:2}
.mascot-orbit{position:absolute;width:190px;height:190px;border:1px solid rgba(245,184,0,.35);border-radius:50%;animation:fouOrbit 12s linear infinite}
.mascot-orbit::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--fou-gold-soft);top:16px;left:28px;box-shadow:0 0 20px var(--fou-gold)}
.mascot-stage small{margin-top:1rem;color:var(--fou-muted);z-index:2}
.fou-coming{background:linear-gradient(145deg,rgba(245,184,0,.16),var(--fou-surface))}
.lang-ar{display:none}
html[lang^="ar"] .lang-en,[dir="rtl"] .lang-en{display:none!important}
html[lang^="ar"] .lang-ar,[dir="rtl"] .lang-ar{display:initial}
[dir="rtl"] .fou-section-heading,[dir="rtl"] .fou-card{text-align:right}
@keyframes fouOrbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.fou-feature-grid{grid-template-columns:1fr}.fou-mascot-card{grid-column:auto;grid-template-columns:1fr}.mascot-stage{min-height:240px}.fou-card{min-height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mascot-orbit{animation:none}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Foubeez final accent normalization */
.hero h1 span,.hero-title span,.section-kicker,.eyebrow,.kicker,[class*="kicker"]{color:var(--fou-gold)!important}
.ui-stories i{border-color:var(--fou-gold)!important;box-shadow:0 0 0 2px rgba(245,184,0,.12)!important}
.ui-stories i:nth-child(odd){background:var(--fou-gold-soft)!important}
.ui-stories i:nth-child(even){background:var(--fou-gold)!important}
a:hover{color:var(--fou-gold-soft)}


/* Fou official character + honey accent unification — 2026-08-08 */
:root{
  --accent:#F5B800!important;--accent-2:#FFD84D!important;
  --primary:#F5B800!important;--blue:#F5B800!important;
  --brand:#F5B800!important;--brand-primary:#F5B800!important;
}
.mascot-stage{
  min-height:clamp(360px,48vw,610px);padding:0;isolation:isolate;overflow:hidden;
  background:radial-gradient(circle at 50% 34%,rgba(255,216,77,.26),transparent 42%),#090909;
  border:1px solid rgba(245,184,0,.48);box-shadow:inset 0 0 70px rgba(245,184,0,.08),0 28px 80px rgba(0,0,0,.42);
}
.mascot-stage::after{content:"";position:absolute;inset:auto 8% 0;height:34%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(7,7,7,.92))}
.fou-character{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:1;filter:saturate(1.04) contrast(1.04);transition:transform .22s ease,filter .22s ease}
.mascot-stage:hover .fou-character{transform:scale(1.018);filter:saturate(1.1) contrast(1.06)}
.mascot-orbit{z-index:3;width:78%;height:78%;border-color:rgba(255,216,77,.4);box-shadow:0 0 42px rgba(245,184,0,.12)}
.mascot-caption{position:absolute;left:1.25rem;bottom:1.1rem;z-index:4;padding:.55rem .85rem;border-radius:999px;background:rgba(7,7,7,.78);border:1px solid rgba(245,184,0,.55);color:#FFD84D;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}
[dir="rtl"] .mascot-caption{left:auto;right:1.25rem}
.fou-mascot-card{background:linear-gradient(125deg,rgba(245,184,0,.13),#111 42%,#181818)!important;border-color:rgba(245,184,0,.34)!important}
.feature-icon,.detail-icon,.benefit-list li>span,.feature-card>span:first-child,.detail-card>span:first-child,
.card-icon,.icon-wrap,.store-button svg,.section-kicker,.hero-kicker,.fou-card-kicker{
  color:#F5B800!important;border-color:rgba(245,184,0,.5)!important;
}
.feature-icon,.detail-icon,.card-icon,.icon-wrap,.benefit-list li>span{
  background:linear-gradient(145deg,rgba(255,216,77,.16),rgba(245,184,0,.06))!important;
  box-shadow:0 0 28px rgba(245,184,0,.12)!important;
}
.feature-card svg,.detail-card svg,.benefit-list svg,.store-button svg{color:#F5B800!important;stroke:#F5B800!important}
.feature-card svg path,.detail-card svg path,.benefit-list svg path{stroke:currentColor!important}
.feature-card,.detail-card{border-color:rgba(245,184,0,.18)!important}
.feature-card:hover,.detail-card:hover{border-color:rgba(245,184,0,.52)!important;box-shadow:0 18px 54px rgba(245,184,0,.12)!important}
.ui-nav,.ui-actions,.ui-bottom{color:#F5B800!important}
.ui-stories i{border-color:#F5B800!important;background:#FFD84D!important}
[data-reveal]::before{background:linear-gradient(90deg,transparent,rgba(245,184,0,.08),transparent)!important}
@media(max-width:760px){.mascot-stage{min-height:440px}.fou-character{object-position:center 24%}}
@media(prefers-reduced-motion:reduce){.fou-character,.mascot-stage:hover .fou-character{transition:none!important;transform:none!important}}

/* Foubeez official hero, brand banner and full character lineup — 2026-08-08 */
.app-preview{display:grid;place-items:center;isolation:isolate}
.preview-backdrop{display:none!important}
.device-frame{position:relative;top:auto;left:auto;display:grid;place-items:end center;overflow:hidden;padding:8px;background:linear-gradient(155deg,#050505 0%,#111 58%,#1a1300 100%);border-color:rgba(245,184,0,.62);box-shadow:0 32px 80px rgba(0,0,0,.58),0 0 46px rgba(245,184,0,.14);transform:none}
[dir="rtl"] .device-frame{transform:none}
.device-frame::before{content:"";position:absolute;inset:8px;border-radius:39px;background:radial-gradient(circle at 50% 72%,rgba(245,184,0,.2),transparent 44%),linear-gradient(180deg,#090909,#12100a);pointer-events:none}
.device-frame::after{content:"";position:absolute;right:12%;bottom:7%;left:12%;height:18%;border-radius:50%;background:rgba(245,184,0,.18);filter:blur(34px);pointer-events:none}
.device-frame>.hero-fou-character{position:relative;z-index:2;width:100%;height:100%;padding:38px 8px 8px;border-radius:39px;background:transparent!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.48))}
.device-sensor{background:#020202;border:1px solid rgba(245,184,0,.24);box-shadow:0 4px 18px rgba(0,0,0,.55)}
.brand-banner-section{position:relative;padding:18px 0 clamp(50px,7vw,94px);background:#070707}
.brand-banner-section::before,.brand-banner-section::after{content:"";position:absolute;right:0;left:0;height:42px;z-index:1;pointer-events:none}
.brand-banner-section::before{top:0;background:linear-gradient(180deg,#070707,transparent)}
.brand-banner-section::after{bottom:0;background:linear-gradient(0deg,#070707,transparent)}
.brand-banner{position:relative;z-index:0;margin:0;overflow:hidden;border:1px solid rgba(245,184,0,.34);border-radius:24px;background:#090909;box-shadow:0 24px 70px rgba(0,0,0,.44),0 0 38px rgba(245,184,0,.1)}
.brand-banner img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#090909}
.experience-section{background:radial-gradient(circle at 18% 50%,rgba(245,184,0,.1),transparent 36%),#070707}
.experience-media{min-height:0;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(245,184,0,.34);background:radial-gradient(circle at 50% 48%,rgba(245,184,0,.16),transparent 48%),#090909;box-shadow:0 28px 74px rgba(0,0,0,.48),0 0 32px rgba(245,184,0,.08)}
.experience-media>.experience-lineup{display:block;width:100%;height:100%;min-height:0;object-fit:contain!important;object-position:center!important;background:transparent}
@media(max-width:820px){.app-preview{min-height:590px}.device-frame{position:relative}.brand-banner-section{padding-top:8px}.brand-banner{border-radius:18px}.experience-media{width:100%;max-width:720px;aspect-ratio:16/9}}
@media(max-width:560px){.app-preview{min-height:540px}.device-frame{width:263px;height:526px}.device-frame::before,.device-frame>.hero-fou-character{border-radius:34px}.brand-banner-section{padding-bottom:62px}.brand-banner{border-radius:14px}.experience-media,.experience-media>.experience-lineup{height:auto!important;min-height:0!important;aspect-ratio:16/9}}

/* Foubeez account deletion */
.foubeez-deletion-page{min-height:100vh;background:radial-gradient(circle at 16% 18%,rgba(245,184,0,.12),transparent 34%),#070707;color:#fff}
.foubeez-deletion-page .legal-header{background:rgba(7,7,7,.9);border-bottom-color:rgba(245,184,0,.18);backdrop-filter:blur(18px)}
.foubeez-deletion-page .brand-mark{overflow:hidden;border:1px solid rgba(245,184,0,.45);background:#111;box-shadow:0 0 20px rgba(245,184,0,.14)}
.foubeez-deletion-page .brand-mark img{width:100%;height:100%;object-fit:cover}
.deletion-nav-actions{display:flex;align-items:center;gap:18px}
.foubeez-deletion-page .deletion-layout{align-items:start;gap:clamp(36px,7vw,90px)}
.foubeez-deletion-page .deletion-copy h1{max-width:720px;color:#fff}
.deletion-lead{max-width:720px;color:#b9bbc2;font-size:clamp(17px,2vw,20px);line-height:1.8}
.deletion-info-card{max-width:760px;margin-top:24px;padding:24px;border:1px solid rgba(245,184,0,.18);border-radius:20px;background:linear-gradient(145deg,rgba(245,184,0,.07),rgba(17,17,17,.96));box-shadow:0 18px 50px rgba(0,0,0,.3)}
.deletion-info-card h2,.deletion-form-heading h2{margin:0 0 10px;color:#fff;font-size:20px}
.deletion-info-card p,.deletion-info-card li,.deletion-form-heading p{color:#aaaeb6}
.deletion-info-card ol{display:grid;gap:10px;margin:14px 0 0;padding-inline-start:24px}
.deletion-info-card li::marker{color:#F5B800;font-weight:800}
.deletion-legal-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.deletion-legal-links a{padding:9px 13px;border:1px solid rgba(245,184,0,.34);border-radius:12px;color:#FFD84D;text-decoration:none;background:rgba(245,184,0,.06)}
.foubeez-deletion-page .deletion-card{position:sticky;top:112px;border-color:rgba(245,184,0,.3);border-radius:22px;background:linear-gradient(160deg,#181818,#0d0d0d);box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 36px rgba(245,184,0,.08)}
.deletion-form-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}
.deletion-form-heading>span{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:1px solid rgba(245,184,0,.4);border-radius:13px;color:#F5B800;background:rgba(245,184,0,.08)}
.deletion-form-heading p{margin:0;font-size:14px;line-height:1.6}
.foubeez-deletion-page .deletion-card label{color:#e9e9ea}
.foubeez-deletion-page .deletion-card input{color:#fff;border-color:#333;background:#0a0a0a}
.foubeez-deletion-page .deletion-card input:focus{outline:none;border-color:#F5B800;box-shadow:0 0 0 3px rgba(245,184,0,.12)}
.foubeez-deletion-page .deletion-card button{border:1px solid #FFD84D;border-radius:16px;color:#070707;background:linear-gradient(135deg,#FFD84D,#F5B800);box-shadow:0 12px 30px rgba(245,184,0,.2)}
.foubeez-deletion-page .deletion-result{border-color:rgba(245,184,0,.32);color:#FFD84D;background:rgba(245,184,0,.08)}
@media(max-width:820px){.foubeez-deletion-page .deletion-card{position:static}.deletion-nav-actions{gap:10px}.deletion-nav-actions .language-link{display:inline}}
@media(max-width:560px){.deletion-nav-actions .legal-back{font-size:0}.deletion-nav-actions .legal-back::after{content:"←";font-size:18px}.foubeez-deletion-page .deletion-info-card{padding:20px 18px}}