:root{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#b0b9c8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 8%,#829ab2cc,#f5faff00 42%),radial-gradient(circle at 88% 18%,#bcd0ec8c,#bcd0ec00 38%),radial-gradient(circle at 50% 100%,#acbbd480,#acbbd400 45%),linear-gradient(180deg,#b8c2d2,#aeb9cb 55%,#a4b0c4)}#root{min-height:100vh}*,*:before,*:after{box-sizing:border-box}:root{--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #334155;--color-panel-title: #111827;--glass-panel-bg: rgba(247, 249, 253, .86);--glass-panel-border: rgba(255, 255, 255, .32);--glass-surface-bg: rgba(247, 249, 253, .92);--glass-surface-border: rgba(255, 255, 255, .5);--glass-card-bg: rgba(247, 249, 253, .92);--glass-card-border: rgba(255, 255, 255, .5);--glass-blur-strong: blur(24px) saturate(160%);--glass-blur-soft: blur(12px) saturate(130%);--radius-panel: 20px;--radius-card: 14px;--shadow-panel: 0 18px 42px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .45)}.support-page{position:relative;isolation:isolate;width:min(1080px,92vw);margin:0 auto;padding:0 0 28px;color:#111827}.support-page:before,.support-page:after{content:"";position:absolute;z-index:-1;width:340px;height:340px;border-radius:999px;filter:blur(64px);opacity:.45;pointer-events:none}.support-page:before{top:-120px;left:-120px;background:radial-gradient(circle,#ffffff 0%,#c7dcff 70%,transparent 100%)}.support-page:after{right:-160px;bottom:80px;background:radial-gradient(circle,#ffffff 0%,#d8d8ff 70%,transparent 100%)}.hero-section{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,460px);align-items:center;gap:28px;margin-bottom:36px}.hero-text{display:grid;gap:10px;position:relative;z-index:2;margin-right:-12px;padding:12px 8px}.hero-title-row{display:flex;align-items:center;gap:12px}.brand-icon{width:58px;height:58px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.65);box-shadow:0 12px 28px #0f172a29,inset 0 1px #ffffffb8}.hero-title{margin:0;font-size:clamp(2.5rem,4.8vw,4rem);letter-spacing:.01em;line-height:1.05;white-space:nowrap;color:#dce0e8;position:relative;display:inline-block;overflow:hidden;-webkit-text-stroke:.6px rgba(0,0,0,.14);text-shadow:-1px -1px 0 rgba(0,0,0,.15),1px 2px 0 rgba(0,0,0,.92)}.hero-copy{margin:0;max-width:620px;font-size:1.08rem;line-height:1.7;color:#25364d;font-weight:500}.hero-value-prop{margin:0;max-width:620px;font-size:.97rem;line-height:1.65;color:var(--color-text-secondary)}.hero-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.hero-cta-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:650;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.hero-cta-primary{border:1px solid rgba(13,44,94,.28);background:linear-gradient(180deg,#184b9af0,#123974f0);color:#f8fbff;box-shadow:0 8px 20px #12397433}.hero-cta-secondary{border:1px solid rgba(15,23,42,.14);background:#ffffff94;color:#23324a}.hero-cta-button:hover{transform:translateY(-1px)}.hero-cta-primary:hover{box-shadow:0 10px 24px #12397442}.hero-cta-secondary:hover{background:#ffffffb8}.hero-cta-disabled{cursor:default;opacity:.75;pointer-events:none}.hero-cta-disabled:hover{transform:none;box-shadow:0 8px 20px #12397433}.hero-meta-row{display:flex;align-items:center;gap:10px;margin-top:10px;color:#2f3d54;font-size:1rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.hero-meta-item{white-space:nowrap}.hero-meta-separator{color:#5f6d82;font-size:1.05em}.ai-core-section{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;margin:0;padding:0;position:relative;z-index:1}.ai-core-scene{--core-scale: .74;--core-tilt-x: 0deg;--core-tilt-y: 0deg;--core-glow-x: 50%;--core-glow-y: 50%;position:relative;width:min(500px,100%);aspect-ratio:1 / 1;margin:0 auto;border-radius:999px;display:grid;place-items:center;transform-style:preserve-3d;transform:perspective(980px) rotateX(var(--core-tilt-x)) rotateY(var(--core-tilt-y)) scale(var(--core-scale));transition:transform .22s ease-out;background:radial-gradient(circle at var(--core-glow-x) var(--core-glow-y),rgba(255,255,255,.18),transparent 56%)}.ai-ambient-glow{position:absolute;width:68%;height:68%;border-radius:inherit;filter:blur(34px);background:radial-gradient(circle,rgba(255,255,255,.58) 0%,rgba(176,214,255,.28) 48%,transparent 76%);opacity:.7}.ai-core-orb{width:36%;aspect-ratio:1 / 1;border-radius:999px;background:radial-gradient(circle at center,#fffffff0,#f6faffcc 34%,#e0e8f48f 56%,#707c8e8a 74%,#1c2537d1 90%,#0a0e16f0);border:1px solid rgba(7,10,18,.72);box-shadow:0 0 0 1px #ffffff47 inset,0 0 16px 5px #0f172a57,0 20px 40px #35425538,0 0 32px #ffffff5c;animation:none}.orbiting-orb{position:absolute;top:-6%;left:50%;transform:translate(-50%);border-radius:999px;border:1px solid rgba(255,255,255,.74);box-shadow:0 8px 18px #586e8d33;animation:orb-float 4.6s ease-in-out infinite}.satellite-orbit{position:absolute;top:50%;left:50%;width:50%;aspect-ratio:1 / 1;margin-top:-25%;margin-left:-25%;border-radius:999px;transform-origin:center;animation:orbital-spin 16s linear infinite}.orb-white{border:2px solid rgba(255,255,255,.96);background:radial-gradient(circle at center,#141a269e,#1e26368f 46%,#aab6cca3 74%,#f5f9ffe6 92%,#fffffffa);box-shadow:0 0 0 1px #ffffff7a inset,0 0 16px 5px #ffffff9e,0 8px 18px #1c243442}.orb-blue{background:radial-gradient(circle at 32% 28%,#4865ff,#1f40db 65%,#12279c);border-color:#8097ffd9;box-shadow:0 0 0 1px #4966ff29 inset,0 8px 18px #2c4adb57}.orb-size-uniform{width:clamp(24px,2.8vw,34px);height:clamp(24px,2.8vw,34px)}.orb-blue-fixed{top:14%;left:50%;transform:translate(-50%);animation:none}.orbit-white-near{width:54%;margin-top:-27%;margin-left:-27%;animation-duration:9.6s;animation-delay:-.5s}.orbit-white-mid{width:70%;margin-top:-35%;margin-left:-35%;animation-duration:11.5s;animation-delay:-3.3s}.orbit-white-far{width:84%;margin-top:-42%;margin-left:-42%;animation-duration:14.2s;animation-direction:reverse;animation-delay:-2.1s}@keyframes orb-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-8px) translate(1px)}}@keyframes orbital-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes core-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 1px #ffffff38 inset,0 22px 42px #4a76b047,0 0 48px #ffffff6b}50%{transform:scale(1.06);box-shadow:0 0 0 1px #ffffff59 inset,0 24px 46px #4a76b057,0 0 62px #ffffff8f}}.highlights-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px;margin-bottom:24px}.highlight-card{flex:1 1 280px;max-width:340px;border:1px solid var(--glass-surface-border);border-radius:16px;padding:18px;background:var(--glass-surface-bg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 10px 30px #0f172a0f;transition:transform .22s ease,box-shadow .22s ease}.highlight-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a1a}.highlight-card h3{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.highlight-card p{margin:0;color:var(--color-text-secondary);line-height:1.55;font-size:.95rem}.tutorial-section,.support-section,.privacy-toggle{border-radius:var(--radius-panel);padding:22px;margin-bottom:24px;background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:var(--shadow-panel)}.themes-section h2,.tutorial-section h2,.support-section h2{margin:0 0 8px;font-size:1.3rem;font-weight:650;letter-spacing:-.01em;color:var(--color-text-primary)}.themes-section>p,.tutorial-section>p,.support-section>p{margin:0 0 16px;color:var(--color-text-secondary);line-height:1.63}.themes-section{margin-bottom:24px}.themes-intro-box{border-radius:var(--radius-panel);padding:20px 22px;margin-bottom:18px;background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:var(--shadow-panel)}.themes-intro-box h2{margin-bottom:6px}.themes-intro-box p{max-width:760px}.theme-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}.theme-legend-item{display:inline-flex;align-items:center;gap:9px;padding:6px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffff6b;color:var(--color-text-secondary);font-weight:600}.theme-legend-swatch{width:22px;height:22px;border-radius:6px;border:1px solid rgba(15,23,42,.25)}.theme-legend-swatch-classic{background:conic-gradient(from 0deg,#111 0deg 90deg,#f8f8f8 90deg 180deg,#111 180deg 270deg,#f8f8f8 270deg 360deg)}.theme-legend-swatch-ocean{background:conic-gradient(from 0deg,#007aff80 0deg 90deg,#bfd9ff 90deg 180deg,#007aff80 180deg 270deg,#bfd9ff 270deg 360deg)}.theme-legend-swatch-neon{background:conic-gradient(from 0deg,#b400ff99 0deg 90deg,#00ffc880 90deg 180deg,#b400ff99 180deg 270deg,#00ffc880 270deg 360deg)}.coming-soon-label{display:inline-flex;align-items:center;border:1px solid rgba(15,23,42,.14);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600;color:var(--color-text-tertiary);background:#ffffff8c}.theme-section-list{display:grid;grid-template-columns:1fr;gap:18px}.theme-section-block{display:grid;gap:10px;border-radius:var(--radius-panel);padding:22px;background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);box-shadow:var(--shadow-panel)}.theme-section-classic{border-top:3px solid rgba(17,24,39,.32)}.theme-section-ocean{border-top:3px solid rgba(0,122,255,.4)}.theme-section-neon{border-top:3px solid rgba(180,0,255,.5)}.theme-section-block h3{margin:0;font-size:1.08rem;font-weight:620;color:var(--color-panel-title)}.theme-section-description{margin:6px 0 12px;font-size:1rem;line-height:1.6;color:var(--color-text-secondary)}.theme-card{border:0;border-radius:0;overflow:visible;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.theme-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}.theme-image-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;border-radius:8px}.theme-card-body{padding:14px}.theme-card-body p{margin:0;font-size:.94rem;line-height:1.55;color:var(--color-text-secondary)}.theme-feature-list{margin:10px 0 0;padding-left:18px;color:var(--color-text-tertiary);display:grid;gap:4px}.theme-feature-list li{line-height:1.5}.tutorial-video-wrapper{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 24px #0f172a1a;background:#000;margin-bottom:12px}.tutorial-video-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,#1f2937,#0b1220);opacity:1;transition:opacity .24s ease;z-index:1}.tutorial-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block;background:#000;opacity:0;transition:opacity .28s ease;z-index:2}.tutorial-video-wrapper.video-ready:before{opacity:0}.tutorial-video-wrapper.video-ready iframe{opacity:1}.tutorial-video-wrapper.is-resizing:before{opacity:1}.tutorial-video-wrapper.is-resizing iframe{opacity:0}.tutorial-fallback{margin:0;font-size:.9rem}.tutorial-fallback a{color:#1f2937;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.support-links{display:grid;gap:10px;margin-bottom:10px}.support-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.56);border-radius:12px;padding:12px 14px;color:var(--color-text-primary);background:#f7f9fdeb}.support-links span{color:var(--color-text-secondary)}.support-social-links{display:grid;gap:10px}.support-social-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.56);border-radius:12px;padding:12px 14px;color:var(--color-text-primary);background:#f7f9fdeb;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.support-social-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}footer{margin-top:18px}.privacy-toggle{margin-bottom:12px;padding:0}.privacy-toggle>summary{padding:16px 22px;font-size:1.02rem;font-weight:650;letter-spacing:-.01em;color:var(--color-text-primary);cursor:pointer;list-style:none}.privacy-toggle>summary::-webkit-details-marker{display:none}.privacy-toggle>summary:after{content:"Expand";float:right;color:var(--color-text-secondary);font-weight:500;font-size:.9rem}.privacy-toggle[open]>summary:after{content:"Collapse"}.privacy-toggle-content{border-top:1px solid rgba(255,255,255,.45);padding:4px 22px 22px;color:var(--color-text-secondary)}.privacy-toggle-content p{margin:0 0 12px;line-height:1.63}.privacy-toggle-content h3{margin:14px 0 6px;font-size:1rem;color:var(--color-text-primary)}.privacy-toggle-content ul{margin:0;padding-left:20px;display:grid;gap:6px}.privacy-toggle-content li{line-height:1.55}footer p{margin:0;font-size:.88rem;color:#64748b}@media(max-width:900px){.hero-section{grid-template-columns:1fr;gap:20px}.hero-text{order:1;margin-right:0;padding:30px 12px 14px}.hero-cta-row{gap:8px}.ai-core-section{order:2}.hero-title-row{gap:10px}.hero-title{white-space:normal}.highlights-section{justify-content:center}}@media(max-width:640px){.hero-text{padding:36px 12px 14px}.hero-copy{font-size:.98rem}.hero-cta-button{width:100%}.ai-core-section{padding:0}.ai-core-scene{width:min(360px,100%)}.highlights-section{flex-direction:column}.highlight-card{flex:0 1 auto;max-width:none}.support-contact{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.highlight-card,.ai-core-orb,.orbiting-orb,.satellite-orbit{transition:none;animation:none}}