:root{--bg: #f7f3ec;--bg-soft: #fdfaf4;--bg-card: #ffffff;--ink: #1d1b16;--ink-soft: #5a564d;--ink-faint: #908a7e;--line: #ece6da;--line-soft: #f3eee3;--accent: #4a72ff;--accent-ink: #ffffff;--accent-soft: #e7edff;--warn: #d97a2c;--good: #2f9e6b;--shadow-card: 0 1px 2px rgba(20, 18, 12, .04), 0 8px 24px rgba(20, 18, 12, .06);--shadow-shot: 0 12px 36px rgba(20, 18, 12, .1), 0 2px 6px rgba(20, 18, 12, .06);--radius: 16px;--radius-lg: 22px;--radius-pill: 999px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%;height:auto}kbd{font-family:SF Mono,JetBrains Mono,Menlo,monospace;font-size:.85em;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;background:var(--bg-card);color:var(--ink)}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#f7f3ecd9;backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line-soft)}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;font-size:18px}.logo:hover{text-decoration:none}.logo-mark{width:28px;height:28px;border-radius:7px}.site-nav{display:flex;gap:22px;align-items:center;font-size:15px;font-weight:500}.site-nav a{color:var(--ink-soft)}.site-nav a:hover{color:var(--ink);text-decoration:none}.hero{position:relative;padding:88px 28px 96px;background:radial-gradient(1100px 600px at 80% -10%,#fff4e0 0%,transparent 60%),radial-gradient(900px 500px at 0% 30%,#e7edff 0%,transparent 55%),var(--bg);overflow:hidden}.hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:6px 12px;border-radius:var(--radius-pill);margin-bottom:22px}.hero-copy h1{font-size:clamp(40px,6vw,64px);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin:0 0 20px}.hero-copy .lede{font-size:18px;color:var(--ink-soft);max-width:540px;margin:0 0 28px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:var(--radius-pill);font-weight:600;font-size:15px;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;cursor:pointer}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#fff;box-shadow:0 6px 18px #14120c2e}.btn-primary small{font-weight:500;font-size:12px;opacity:.7}.btn-primary:hover{background:#2b2823;box-shadow:0 8px 22px #14120c38}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--bg-card);border-color:var(--ink-faint)}.hero-meta{margin:24px 0 0;font-size:13px;color:var(--ink-faint)}.hero-art{position:relative}.hero-shot{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-shot);border:1px solid var(--line);background:var(--bg-card)}.hero-icon{position:absolute;width:96px;height:96px;bottom:-28px;left:-28px;border-radius:22px;box-shadow:var(--shadow-shot);background:var(--bg-card);padding:4px}section{padding:96px 28px}.section-head{max-width:760px;margin:0 auto 56px;text-align:center}.section-head h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.02em;margin:0 0 12px;font-weight:800}.section-head p{color:var(--ink-soft);font-size:17px;margin:0}.features{background:var(--bg-soft);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.feature-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card:hover{transform:translateY(-3px);border-color:var(--ink-faint);box-shadow:0 4px 8px #14120c0f,0 16px 36px #14120c14}.feature-icon{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 12px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:22px;margin-bottom:18px;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.feature-card h3{font-size:19px;margin:0 0 8px;font-weight:700;letter-spacing:-.01em}.feature-card p{font-size:14.5px;color:var(--ink-soft);margin:0}.shots{background:var(--bg)}.shot-row{max-width:1180px;margin:0 auto 24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.shot-row:last-child{margin-bottom:0}.shot{margin:0;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-shot);display:flex;flex-direction:column}.shot.wide{grid-column:1 / -1}.shot img{width:100%;height:auto;display:block;background:var(--bg-soft)}.shot figcaption{padding:16px 20px;font-size:14.5px;color:var(--ink-soft);border-top:1px solid var(--line-soft)}.shot-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.shot-row-3 .shot figcaption{font-size:13.5px;padding:14px 16px}.showcase{--sc-a: #f5b544;--sc-b: #ff8a5c;--sc-soft: #fff3e0;max-width:1180px;margin:0 auto 40px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;padding:36px;background:var(--bg-card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-card)}.showcase[data-accent=blue]{--sc-a: #4a72ff;--sc-b: #7ec8ff;--sc-soft: #e9f0ff}.showcase[data-accent=violet]{--sc-a: #7c5cff;--sc-b: #ff7ad9;--sc-soft: #f1ecff}.showcase[data-accent=amber]{--sc-a: #f5b544;--sc-b: #ff8a5c;--sc-soft: #fff3e0}.showcase-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.showcase-flip .showcase-copy{order:2}.showcase-flip .showcase-art{order:1}.showcase-copy h3{font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.02em;font-weight:800;margin:14px 0 12px}.showcase-copy p{color:var(--ink-soft);font-size:16.5px;margin:0 0 20px}.showcase-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sc-a);background:var(--sc-soft);padding:5px 11px;border-radius:var(--radius-pill)}.showcase-tag-pro{color:#fff;background:linear-gradient(120deg,var(--sc-a),var(--sc-b))}.showcase-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.showcase-points li{position:relative;padding-left:26px;font-size:15px;color:var(--ink)}.showcase-points li:before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--sc-soft);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 8.5l2.6 2.5L12 5.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-size:11px;background-position:center;background-repeat:no-repeat;filter:none}.showcase-art{position:relative;padding:28px;border-radius:22px;background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--sc-a) 32%,transparent) 0%,transparent 60%),radial-gradient(110% 90% at 100% 100%,color-mix(in srgb,var(--sc-b) 34%,transparent) 0%,transparent 60%),var(--sc-soft);overflow:hidden}.showcase-img{width:100%;border-radius:12px;box-shadow:0 18px 44px #14120c2e,0 2px 6px #14120c14;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.showcase:hover .showcase-img{transform:translateY(-4px)}.showcase-art-stack{display:grid;grid-template-columns:1fr;aspect-ratio:7 / 5.2;padding:0}.showcase-art-stack .showcase-img{position:absolute;width:58%;height:auto}.showcase-img-back{left:6%;top:8%;transform:rotate(-2deg)}.showcase-img-front{right:6%;bottom:-6%;transform:rotate(1.5deg);z-index:1}.showcase:hover .showcase-img-back{transform:rotate(-2.5deg) translateY(-4px)}.showcase:hover .showcase-img-front{transform:rotate(1deg) translateY(-8px)}.shots-divider{max-width:1180px;margin:56px auto 28px;display:flex;align-items:center;gap:16px;color:var(--ink-faint);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.shots-divider:before,.shots-divider:after{content:"";flex:1;height:1px;background:var(--line)}.download-band{background:linear-gradient(135deg,#1d1b16,#2b2823);color:#fff;padding:80px 28px}.download-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:36px;flex-wrap:wrap}.download-icon{width:110px;height:110px;border-radius:24px;box-shadow:0 14px 32px #0006;background:#fff;padding:4px}.download-band h2{font-size:clamp(28px,3.6vw,36px);margin:0 0 8px;font-weight:800;letter-spacing:-.02em}.download-band p{color:#ffffffbf;margin:0 0 22px;max-width:520px}.download-band .btn-primary{background:#fff;color:var(--ink)}.download-band .btn-primary:hover{background:#f3eee3}.download-band .btn-ghost{color:#fff;border-color:#ffffff40}.download-band .btn-ghost:hover{background:#ffffff14;border-color:#ffffff80}.support{background:var(--bg-soft)}.support-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.support-card{display:block;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;color:var(--ink);box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.support-card:hover{transform:translateY(-3px);text-decoration:none;border-color:var(--accent);box-shadow:0 4px 8px #14120c0f,0 16px 36px #4a72ff2e}.support-icon{font-size:28px;margin-bottom:14px}.support-card h3{margin:0 0 6px;font-size:19px;font-weight:700;letter-spacing:-.01em}.support-card p{margin:0 0 14px;font-size:14.5px;color:var(--ink-soft)}.support-cta{font-size:14px;font-weight:600;color:var(--accent)}.support-note{max-width:720px;margin:36px auto 0;text-align:center;font-size:14px;color:var(--ink-soft)}.site-footer{background:var(--bg);border-top:1px solid var(--line-soft);padding:36px 28px 56px}.footer-inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink-soft)}.footer-nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;font-weight:500;justify-content:center}.footer-nav a{color:var(--ink-soft)}.footer-nav a:hover{color:var(--ink);text-decoration:none}.footer-fine{font-size:13px;color:var(--ink-faint);margin:0}.lang-switcher{position:relative;margin-left:4px}.lang-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--bg-card);color:var(--ink-soft);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.lang-btn:hover{border-color:var(--ink-faint);color:var(--ink)}.lang-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.lang-globe{width:16px;height:16px;flex:0 0 auto}.lang-caret{font-size:9px;opacity:.6;transition:transform .15s ease}.lang-switcher.open .lang-caret{transform:rotate(180deg)}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:var(--bg-card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card);padding:6px;margin:0;list-style:none;display:none;z-index:60}.lang-switcher.open .lang-menu{display:block}.lang-menu li{margin:0;padding:0}.lang-menu button{display:block;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;border-radius:8px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;transition:background .12s ease,color .12s ease}.lang-menu button:hover{background:var(--bg-soft)}.lang-menu button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}@media(max-width:960px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero{padding:64px 22px 72px}.hero-icon{width:76px;height:76px;bottom:-22px;left:-16px}.feature-grid,.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shot-row{grid-template-columns:1fr}.shot-row-3{grid-template-columns:1fr 1fr}.showcase,.showcase-flip{grid-template-columns:1fr;gap:28px;padding:24px}.showcase-flip .showcase-copy{order:1}.showcase-flip .showcase-art{order:2}.showcase-art{padding:18px}.showcase-art-stack{aspect-ratio:7 / 5.6}section{padding:72px 22px}}@media(max-width:620px){.site-header{padding:12px 18px}.site-nav{gap:14px;font-size:14px}.site-nav a:nth-child(1){display:none}.feature-grid,.shot-row-3,.support-grid{grid-template-columns:1fr}.download-inner{flex-direction:column;align-items:flex-start}.btn{padding:12px 18px;font-size:14px}}.pricing-grid{max-width:880px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.price-card{position:relative;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:20px}.price-card.featured{border-color:var(--accent);box-shadow:0 1px 2px #14120c0a,0 14px 40px #4a72ff2e}.price-badge{position:absolute;top:-12px;right:24px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;padding:5px 12px;border-radius:var(--radius-pill)}.price-head h3{font-size:18px;font-weight:700;margin:0 0 10px;color:var(--ink-soft)}.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.price-amount{font-size:40px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.price-note{font-size:13px;color:var(--ink-faint)}.price-tagline{margin:12px 0 0;color:var(--ink-soft);font-size:15px}.price-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;flex:1}.price-perks li{position:relative;padding-left:28px;font-size:15px;color:var(--ink)}.price-perks li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:50%;font-size:12px;font-weight:700}.price-cta{width:100%;justify-content:center}.pricing-note{max-width:640px;margin:32px auto 0;text-align:center;font-size:13px;color:var(--ink-faint)}@media(max-width:720px){.pricing-grid{grid-template-columns:1fr}}.feature-card{position:relative}.feature-pro{position:absolute;top:16px;right:16px;font-size:10px;font-weight:800;letter-spacing:.07em;color:var(--accent);background:var(--accent-soft);padding:3px 8px;border-radius:var(--radius-pill)}.ob-card{--ob-accent: #4a72ff;position:relative;width:100%;max-width:420px;margin:0 auto;aspect-ratio:5 / 5.3;background:var(--bg-card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-shot);padding:18px 22px;display:flex;flex-direction:column;overflow:hidden}.ob-card:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 62% at 50% 0%,color-mix(in srgb,var(--ob-accent) 13%,transparent) 0%,transparent 60%);transition:background .45s ease;pointer-events:none}.ob-top{display:flex;justify-content:flex-end;position:relative;z-index:1}.ob-skip{font-size:13px;font-weight:500;color:var(--ink-faint)}.ob-stage{position:relative;flex:1;display:flex}.ob-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px;opacity:0;transform:translate(26px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.ob-scene.is-active{opacity:1;transform:none}.ob-title{font-size:21px;font-weight:800;letter-spacing:-.01em;margin:18px 0 6px}.ob-sub{font-size:14px;color:var(--ink-soft);margin:0;max-width:250px}.ob-art{height:132px;display:flex;align-items:center;justify-content:center;position:relative}.ob-appicon{width:104px;height:104px;border-radius:24px;box-shadow:0 10px 24px #14120c2e;animation:ob-float 1.9s ease-in-out infinite alternate}@keyframes ob-float{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.ob-ants{width:210px;height:124px}.ob-ants rect{fill:color-mix(in srgb,var(--warn) 8%,transparent);stroke:var(--warn);stroke-width:2;stroke-dasharray:8 6;animation:ob-ants .7s linear infinite}@keyframes ob-ants{to{stroke-dashoffset:-28}}.ob-view{position:absolute;width:44px;height:44px;color:var(--warn)}.ob-rec-dot{width:54px;height:54px;border-radius:50%;background:#e5484d;box-shadow:0 6px 16px #e5484d73;position:relative;z-index:1}.ob-pulse{position:absolute;top:50%;left:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;border:2px solid #e5484d;opacity:0;animation:ob-pulse 1.6s ease-out infinite}.ob-pulse-2{animation-delay:.8s}@keyframes ob-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(2);opacity:0}}.ob-art-toolbox{gap:12px}.ob-tool{width:46px;height:46px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:23px;animation:ob-pop 2.4s ease-in-out infinite}.ob-tool:nth-child(2){animation-delay:.12s}.ob-tool:nth-child(3){animation-delay:.24s}.ob-tool:nth-child(4){animation-delay:.36s}.ob-art-vault{position:relative}.ob-lock{font-size:46px;position:relative;z-index:1}.ob-art-vault .ob-pulse{border-color:#7c66dc}.ob-pro{display:inline-block;vertical-align:2px;margin-left:2px;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,#7c66dc,#4a72ff);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em}.ob-art-space{flex-direction:column;gap:18px}.ob-apps{display:flex;gap:14px}.ob-app{width:46px;height:46px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:23px;animation:ob-pop 2.4s ease-in-out infinite}.ob-app:nth-child(2){animation-delay:.12s}.ob-app:nth-child(3){animation-delay:.24s}@keyframes ob-pop{0%,68%,to{transform:translateY(0) scale(1)}12%{transform:translateY(-8px) scale(1.08)}}.ob-key{padding:8px 34px;border-radius:10px;background:var(--bg-card);border:1px solid var(--line);border-bottom-width:3px;font-size:13px;font-weight:600;color:var(--ink-soft);font-family:SF Mono,JetBrains Mono,Menlo,monospace;animation:ob-press 1.8s ease-in-out infinite}@keyframes ob-press{0%,to{transform:translateY(0)}50%{transform:translateY(2px) scale(.97)}}.ob-dots{display:flex;gap:7px;justify-content:center;padding:8px 0 14px;position:relative;z-index:1}.ob-dot{width:7px;height:7px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--line);cursor:pointer;transition:width .35s cubic-bezier(.34,1.56,.64,1),background .35s ease}.ob-dot.is-active{width:22px;background:var(--ob-accent)}.ob-nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.ob-btn{font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;border:0;border-radius:var(--radius-pill);cursor:pointer;transition:transform .12s ease,background .45s ease,box-shadow .45s ease}.ob-btn:active{transform:scale(.96)}.ob-btn-ghost{color:var(--ink-faint);background:transparent}.ob-btn-ghost:hover{color:var(--ink)}.ob-btn-next{background:var(--ob-accent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--ob-accent) 34%,transparent)}.ob-art-clip{flex-direction:column;gap:9px;width:188px}.ob-clip-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 11px;background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;animation:ob-clipin 2.7s ease infinite}.ob-clip-row:nth-child(2){animation-delay:.18s}.ob-clip-row:nth-child(3){animation-delay:.36s}.ob-clip-ic{font-size:16px}.ob-clip-bar{flex:1;height:6px;border-radius:3px;background:var(--line)}@keyframes ob-clipin{0%{opacity:0;transform:translate(-16px)}16%,88%{opacity:1;transform:none}to{opacity:1;transform:none}}.ob-qr{width:116px;height:116px;color:var(--ink)}.ob-qr .qf{fill:none;stroke:currentColor;stroke-width:3}.ob-qr .qfi,.ob-qr .qm{fill:currentColor}.ob-qr-scan{fill:#0fb5ae;opacity:.9;animation:ob-scan 2.2s ease-in-out infinite}@keyframes ob-scan{0%{transform:translateY(4px)}50%{transform:translateY(57px)}to{transform:translateY(4px)}}.ob-cup{font-size:58px}.ob-steam{position:absolute;top:24px;left:50%;width:4px;height:16px;margin-left:-10px;border-radius:3px;background:linear-gradient(to top,transparent,#d9a441);opacity:0;animation:ob-steam 2.2s ease-out infinite}.ob-steam-2{margin-left:0;animation-delay:.55s}.ob-steam-3{margin-left:10px;animation-delay:1.1s}@keyframes ob-steam{0%{opacity:0;transform:translateY(6px) scaleY(.6)}40%{opacity:.85}to{opacity:0;transform:translateY(-16px) scaleY(1.1)}}.ob-art-mon{flex-direction:column;gap:14px;width:200px}.ob-mon-row{display:flex;align-items:center;gap:10px;width:100%}.ob-mon-label{width:36px;font:600 11px SF Mono,Menlo,monospace;color:var(--ink-soft)}.ob-mon-track{flex:1;height:10px;border-radius:5px;background:var(--bg-soft);border:1px solid var(--line);overflow:hidden}.ob-mon-fill{display:block;height:100%;border-radius:5px;background:var(--good)}.ob-mon-cpu{animation:ob-cpu 2.6s ease-in-out infinite}.ob-mon-mem{background:#4a72ff;animation:ob-mem 3.2s ease-in-out infinite}@keyframes ob-cpu{0%,to{width:32%}50%{width:80%}}@keyframes ob-mem{0%,to{width:52%}50%{width:70%}}.faq{background:var(--bg-soft)}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:4px 22px}.faq-item summary{cursor:pointer;font-weight:600;padding:16px 28px 16px 0;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:500;color:var(--ink-faint);transition:transform .2s ease}.faq-item[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-item p{margin:0;padding:0 0 18px;color:var(--ink-soft);line-height:1.6}@media(prefers-reduced-motion:reduce){.ob-appicon,.ob-ants rect,.ob-pulse,.ob-app,.ob-key,.ob-clip-row,.ob-qr-scan,.ob-steam,.ob-mon-cpu,.ob-mon-mem{animation:none!important}.ob-scene{transition:opacity .25s ease;transform:none}}.support-page{padding:48px 28px 96px;max-width:720px;margin:0 auto}.support-page .section-head{margin-bottom:36px;text-align:left}.support-page .section-head h1{font-size:clamp(28px,4vw,36px);letter-spacing:-.02em;margin:0 0 8px;font-weight:800}.support-page .section-head p{text-align:left}.kind-tabs{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.kind-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--bg-card);color:var(--ink-soft);font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease}.kind-tab:hover{border-color:var(--ink-faint);color:var(--ink)}.kind-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.kind-tab .tab-icon{font-size:16px}.form-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-card)}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:var(--ink)}.form-group .hint{display:block;font-size:13px;color:var(--ink-faint);margin-bottom:6px}.form-group input[type=text],.form-group input[type=email],.form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:15px;color:var(--ink);background:var(--bg);transition:border-color .15s ease;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-group textarea{min-height:120px;resize:vertical}.conditional{display:none}.conditional.visible{display:block}.submit-row{margin-top:24px;display:flex;align-items:center;gap:16px}.btn-submit{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-pill);border:none;background:var(--accent);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:background .15s ease,transform .12s ease}.btn-submit:hover{background:#3a5fd9;transform:translateY(-1px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-msg{font-size:14px;font-weight:500}.status-msg.success{color:var(--good)}.status-msg.error{color:#c0392b}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--ink-soft);margin-bottom:24px}.back-link:hover{color:var(--ink);text-decoration:none}.legal-page{padding:48px 28px 96px;max-width:720px;margin:0 auto}.legal-page .section-head{margin-bottom:36px;text-align:left}.legal-page .section-head h1{font-size:clamp(28px,4vw,36px);letter-spacing:-.02em;margin:0 0 8px;font-weight:800}.legal-page .section-head p{text-align:left}.legal-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-card);line-height:1.75;color:var(--ink)}.legal-card h2{font-size:18px;font-weight:700;margin:28px 0 8px;letter-spacing:-.01em}.legal-card h2:first-child{margin-top:0}.legal-card p{margin:0 0 16px;color:var(--ink-soft);font-size:15px}.legal-card a{color:var(--accent);text-decoration:underline}.legal-card a:hover{color:#3a5fd9}