:root{--bg: #060816;--bg2: #0b1120;--bg3: #10182d;--text: rgba(245, 248, 255, .96);--muted: rgba(216, 226, 255, .7);--border: rgba(186, 205, 255, .16);--card: rgba(11, 17, 32, .78);--shadow: 0 24px 80px rgba(0, 0, 0, .34);--accent: #7dd3fc;--accent2: #c084fc}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 18% 8%,rgba(125,211,252,.18),transparent 55%),radial-gradient(1000px 700px at 80% 14%,rgba(192,132,252,.16),transparent 60%),radial-gradient(900px 600px at 50% 100%,rgba(24,119,242,.1),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2) 44%,var(--bg3));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit}.page{min-height:100%;display:flex;flex-direction:column}.container{width:min(1100px,92vw);margin:0 auto}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060816b8;border-bottom:1px solid rgba(186,205,255,.1)}.headerInner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brandIcon{width:34px;height:34px;border-radius:10px;box-shadow:0 10px 24px #00000047}.brandName{font-weight:750;letter-spacing:-.02em}.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.navLink{text-decoration:none;color:var(--muted);font-weight:650;font-size:14px}.navLink:hover{color:var(--text)}.lang{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:#ffffff0a}.langButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:8px 10px;cursor:pointer;font-weight:700;color:var(--muted)}.langButton[aria-pressed=true]{color:#fffffff5;background:linear-gradient(135deg,#22c55eeb,#3b82f6eb)}.main{padding:46px 0 72px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}.heroContent{display:grid;gap:16px}.eyebrow{margin:0;color:var(--muted);font-weight:650}.title{margin:10px 0;font-size:clamp(40px,6vw,64px);line-height:1.02;letter-spacing:-.03em}.subtitle{margin:0;color:var(--muted);font-size:18px;line-height:1.7;max-width:64ch}.heroBody{display:grid;gap:12px;color:var(--muted);line-height:1.78;max-width:70ch}.heroBody p{margin:0}.ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.storeRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.storeBadge{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;padding:10px 12px;transition:.16s ease;height:56px;width:196px;box-shadow:0 10px 24px #00000029}.storeBadge:hover{transform:translateY(-1px);background:#ffffff14}.storeBadgeImage{display:block;height:44px;width:100%;object-fit:contain}.button{text-decoration:none;padding:12px 16px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-weight:700;transition:.16s ease;box-shadow:0 10px 24px #00000029}.button:hover{transform:translateY(-1px);background:#ffffff14}.button.primary{border-color:transparent;background:linear-gradient(135deg,#22c55ef2,#60a5faf2);color:#fffffff5}.button.primary:hover{background:linear-gradient(135deg,#10b981,#3b82f6)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}.stat{border:1px solid var(--border);border-radius:18px;padding:14px 16px;background:#ffffff0a;box-shadow:0 16px 36px #00000029}.stat strong{display:block;font-size:28px;letter-spacing:-.04em}.stat span{display:block;margin-top:4px;color:var(--muted)}.heroPanel{min-width:0}.heroCard{background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(186,205,255,.12);border-radius:28px;padding:18px;box-shadow:var(--shadow)}.heroShots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.heroShotCard{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(186,205,255,.12)}.heroShotCard img{width:100%;height:auto;display:block}.heroShotBadge{position:absolute;left:12px;bottom:12px;border-radius:999px;padding:8px 10px;background:#060816b8;border:1px solid rgba(186,205,255,.16);color:#ffffffeb;font-size:12px;font-weight:700}.modeMiniGlyph,.modeGlyph{display:inline-flex;align-items:center;justify-content:center;color:var(--mode-color);border:1px solid color-mix(in srgb,var(--mode-color) 38%,transparent);background:color-mix(in srgb,var(--mode-color) 12%,rgba(255,255,255,.04));box-shadow:inset 0 0 32px color-mix(in srgb,var(--mode-color) 18%,transparent)}.section{margin-top:72px}.sectionHeader{display:grid;gap:10px;margin-bottom:18px}.sectionTitle{margin:0;font-size:24px;letter-spacing:-.02em}.sectionBody{margin:0;color:var(--muted);line-height:1.6;max-width:74ch}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid rgba(186,205,255,.12);background:#ffffff0a;border-radius:24px;padding:18px;box-shadow:0 12px 28px #0000002e}.cardTitle{font-weight:800;letter-spacing:-.02em}.cardBody{margin-top:6px;color:var(--muted);line-height:1.6}.modeGrid{display:grid;grid-template-columns:1fr;gap:22px}.modeCard{--mode-color: var(--accent);display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;padding:16px;border-radius:24px;border:1px solid rgba(186,205,255,.14);background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:0 18px 40px #0000003d}.modeCardMedia{position:relative;align-self:start}.modeCardImage{display:block;width:100%;height:auto;max-width:180px;border-radius:18px;border:1px solid rgba(186,205,255,.12)}.modeCardCanvas{display:block;width:100%;max-width:100%;height:auto;border-radius:24px;border:1px solid rgba(186,205,255,.12);background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.modeGlyph{position:absolute;left:12px;top:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(.82);transform-origin:top left}.modeCardBody{display:grid;gap:12px;align-content:start}.modeHeading{display:grid;grid-template-columns:minmax(0,1fr) 132px;grid-template-areas:"main preview" "seo seo";gap:10px 12px;align-items:start}.modeHeadingMain{grid-area:main;min-width:0}.modeHeadingPreview{grid-area:preview;justify-self:end;align-self:start}.modeHeadingCanvas{display:block;transform:scale(.5);width:132px;height:82px;border-radius:14px;border:1px solid rgba(186,205,255,.12);background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.modeHeading h3{margin:0;font-size:24px;letter-spacing:-.03em}.modeTag{margin:6px 0 0;color:var(--muted);font-weight:650;font-size:14px}.modeSeo{grid-area:seo;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start;align-self:start;min-width:0}.modeSeo span{border-radius:999px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--mode-color) 34%,transparent);background:color-mix(in srgb,var(--mode-color) 12%,rgba(255,255,255,.04));color:color-mix(in srgb,var(--mode-color) 72%,white);font-size:11px;font-weight:700;line-height:1.2}.modeParagraphs{display:grid;gap:10px;color:var(--muted);line-height:1.68;font-size:15px}.modeParagraphs p{margin:0}.shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.shot{margin:0;border-radius:22px;overflow:hidden;border:1px solid rgba(186,205,255,.12);background:#ffffff0a;box-shadow:0 12px 28px #0000002e;max-width:220px}.shotImage{width:100%;height:auto;display:block}.footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:60px;padding-top:20px;border-top:1px solid rgba(186,205,255,.1);color:var(--muted);font-weight:650}.footerLink{text-decoration:none}@media (max-width: 920px){.container{width:min(100%,calc(100vw - 28px))}.header{position:static}.headerInner{align-items:flex-start}.nav{width:100%;gap:12px}.navLink{font-size:13px}.lang{margin-left:0}.hero{grid-template-columns:1fr;gap:20px}.stats{grid-template-columns:1fr}.cards,.shots{grid-template-columns:repeat(2,1fr)}.modeCard{grid-template-columns:1fr;gap:14px;padding:14px}.modeCardImage{max-width:220px}.modeHeading{grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"main preview" "seo seo"}.modeHeadingPreview{width:auto}.modeHeadingCanvas{width:84px;height:52px}.modeSeo{justify-content:flex-start}}@media (max-width: 520px){.container{width:min(100%,calc(100vw - 20px))}.main{padding:28px 0 52px}.header{position:static}.title{font-size:clamp(34px,11vw,48px)}.subtitle{font-size:16px;line-height:1.6}.button,.storeBadge{width:100%}.ctaRow,.storeRow{display:grid;grid-template-columns:1fr}.cards,.shots,.heroShots{grid-template-columns:1fr}.shot{max-width:100%}.headerInner,.footer{flex-direction:column;align-items:flex-start}.nav{width:100%;gap:8px 10px}.navLink{font-size:13px}.lang{width:100%;order:99}.langButton{flex:1 1 0;text-align:center}.heroCard{padding:12px;border-radius:20px}.heroShotCard{border-radius:16px}.heroShotBadge{left:8px;bottom:8px;padding:6px 8px;font-size:11px}.section{margin-top:52px}.modeCard{gap:12px;padding:12px;border-radius:20px}.modeCardMedia{width:100%}.modeCardImage{max-width:160px;border-radius:16px}.modeGlyph{transform:scale(.68)}.modeHeading{grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"main preview" "seo seo";gap:8px 10px}.modeHeading h3{font-size:22px}.modeTag{font-size:13px}.modeHeadingPreview{justify-self:end}.modeHeadingCanvas{width:64px;height:40px;border-radius:10px}.modeSeo{gap:5px}.modeSeo span{padding:5px 7px;font-size:10px;max-width:100%}.modeParagraphs{gap:8px;font-size:14px;line-height:1.6}}