:root{--bg:#07070c;--surface:#11111a;--surface2:#191925;--fg:#f7f7fb;--muted:#a7a7b6;--faint:#69697b;--line:#ffffff16;--pink:#f472b6;--purple:#a855f7;--blue:#38bdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#25203a 0,#0b0a12 45%,#07070c 100%);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.ambient{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.18;pointer-events:none}.ambient-a{top:90px;left:-180px;background:#8b5cf6}.ambient-b{top:420px;right:-180px;background:#ec4899}.topbar{position:relative;z-index:2;max-width:1120px;margin:auto;height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent}.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:linear-gradient(135deg,#f472b6,#8b5cf6);font-size:15px;box-shadow:0 5px 16px #a855f766}.brand-spark{font-size:12px;background:linear-gradient(135deg,#f472b6,#38bdf8);color:transparent;background-clip:text}.topbar nav{display:flex;gap:8px;margin-left:70px}.topbar nav a{padding:9px 15px;border-radius:999px;color:var(--muted);font-size:13px;text-decoration:none}.topbar nav a:hover,.topbar nav a.active{color:#fff;background:#ffffff0e}.topbar nav a.active{box-shadow:inset 0 0 0 1px #d946ef66}.actions{display:flex;align-items:center;gap:10px}.icon-btn,.ghost-btn,.menu-btn{border:0;background:transparent;color:var(--muted);cursor:pointer}.icon-btn{width:34px;height:34px;border-radius:50%;font-size:18px}.icon-btn:hover,.ghost-btn:hover{color:#fff;background:#ffffff0e}.ghost-btn{padding:9px 14px;border-radius:999px;font-size:13px}.solid-btn{border:0;display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#f472b6,#a855f7 55%,#38bdf8);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 12px 27px -14px #a855f7;transition:.2s}.solid-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.menu-btn{display:none;font-size:22px}.hero{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center;padding:100px 24px 75px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:9px;color:#bdb9d0;font-size:13px}.dot{width:7px;height:7px;background:#34d399;border-radius:50%;box-shadow:0 0 12px #34d399}.hero h1{margin:22px 0 18px;font-size:clamp(48px,8vw,84px);line-height:1.08;letter-spacing:-.065em}.hero h1 span{background:linear-gradient(110deg,#fff 5%,#e9d5ff 45%,#f9a8d4 95%);color:transparent;background-clip:text}.subtitle{max-width:590px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.75}.composer{max-width:610px;margin:35px auto 13px;padding:6px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff1c;border-radius:18px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff0a,0 22px 55px -22px #8b5cf666}.prompt-icon{color:#d8b4fe;font-size:18px;margin-left:9px}.composer input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px;padding:12px 3px}.composer input::placeholder{color:#767589}.composer button{border:0;border-radius:13px;padding:12px 20px;background:linear-gradient(135deg,#e879f9,#8b5cf6);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.7}.chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.chips button{border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:#ffffff08;color:#aaa9b8;font-size:12px;cursor:pointer}.chips button:hover{color:#fff;border-color:#a78bfaa6}.inspiration-mask{position:relative;overflow:hidden;margin:42px -8vw 0;padding:0 8vw}.inspiration-mask:before,.inspiration-mask:after{content:"";position:absolute;top:0;bottom:0;width:10vw;z-index:2;pointer-events:none}.inspiration-mask:before{left:0;background:linear-gradient(90deg,#0b0a12,transparent)}.inspiration-mask:after{right:0;background:linear-gradient(-90deg,#0b0a12,transparent)}.inspiration-rail{display:flex;gap:14px;width:max-content;animation:inspirationMarquee 32s linear infinite}.inspiration-card{position:relative;width:242px;height:145px;flex:0 0 auto;overflow:hidden;border:1px solid #ffffff18;border-radius:16px;background:#171521;color:#fff;text-align:left;cursor:pointer;box-shadow:0 14px 35px -22px #000;transition:transform .25s,border-color .25s}.inspiration-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#38bdf844,#8b5cf688 55%,#ec489966);opacity:.72;transition:transform .4s,filter .4s}.inspiration-card:after{content:"";position:absolute;inset:35% -15% -30%;background:radial-gradient(ellipse,#fff6,transparent 58%);filter:blur(12px)}.inspiration-card:hover{transform:translateY(-6px) scale(1.02);border-color:#d8b4fe88}.inspiration-card:hover:before{transform:scale(1.08);filter:saturate(1.25)}.inspiration-card span{position:absolute;left:14px;bottom:13px;z-index:1;font-weight:700;font-size:13px;text-shadow:0 2px 9px #000}.inspiration-character:before{background:linear-gradient(145deg,#6d241d,#a75b46 44%,#251522)}.inspiration-sky:before{background:linear-gradient(145deg,#152c58,#7aa9df 48%,#f0b16d)}.inspiration-portrait:before{background:linear-gradient(145deg,#311d2b,#b88678 50%,#151521)}@keyframes inspirationMarquee{to{transform:translateX(-50%)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:700px;margin:67px auto 0;border:1px solid var(--line);border-radius:18px;background:#ffffff05}.stats div{padding:18px 12px;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats b{display:block;font-size:19px}.stats em{font-style:normal;margin-left:5px}.stats span{display:block;color:var(--faint);font-size:11px;margin-top:5px}.section{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:65px 24px 100px}.section-kicker{color:#c4b5fd;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.section h2{font-size:34px;letter-spacing:-.04em;margin:14px 0 8px}.section h2 span{color:#c084fc}.section-desc{color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.feature-card{position:relative;padding:27px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0a,#ffffff03);transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:#a78bfa66;box-shadow:0 20px 50px -30px #a855f7}.feature-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:21px;margin-bottom:20px}.purple{background:#a855f726;color:#d8b4fe}.blue{background:#38bdf826;color:#7dd3fc}.feature-card h3{font-size:20px;margin:0 0 9px}.feature-card p{color:var(--muted);line-height:1.7;font-size:14px;max-width:370px}.learn{margin-top:18px;border:0;background:transparent;color:#d8b4fe;padding:0;font-size:13px;cursor:pointer}.learn span{margin-left:6px}.cta{position:relative;z-index:1;max-width:1000px;margin:0 auto 80px;padding:85px 24px;text-align:center;border-radius:30px;border:1px solid #ffffff12;background:linear-gradient(130deg,#8b5cf614,#ec48990b,#38bdf80b);overflow:hidden}.cta-glow{position:absolute;width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#d946ef3b,transparent 70%);filter:blur(20px)}.sparkle{position:relative;color:#f0abfc;font-size:24px}.cta h2{position:relative;font-size:42px;line-height:1.2;letter-spacing:-.05em;margin:15px 0}.cta h2 span{background:linear-gradient(90deg,#f0abfc,#93c5fd);color:transparent;background-clip:text}.cta p{position:relative;color:var(--muted);font-size:14px;margin-bottom:25px}.large{position:relative;padding:13px 23px}footer{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:0 24px 40px;display:flex;justify-content:space-between;color:#707080;font-size:12px}footer a{color:#9393a3;text-decoration:none;margin-left:20px}footer a:hover{color:#fff}footer span{margin:0 7px;color:#434353}dialog{border:0;padding:0;background:transparent;color:#fff}dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}.dialog-card{width:min(90vw,390px);padding:32px;border:1px solid #ffffff1c;border-radius:22px;background:linear-gradient(145deg,#1b1927,#0e0e16);box-shadow:0 30px 90px #000c;text-align:center;position:relative}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#888;font-size:24px;cursor:pointer}.dialog-logo{margin:0 auto 12px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#f472b6,#8b5cf6);font-size:22px}.dialog-card h3{font-size:24px;margin:0 0 7px}.dialog-card p{color:var(--muted);font-size:13px;margin:0 0 22px}.dialog-card input{width:100%;margin:6px 0;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:#fff;outline:0}.dialog-card input:focus{border-color:#a78bfa}.full{width:100%;justify-content:center;border-radius:10px;margin-top:11px}.dialog-card small{display:block;color:#77778a;margin-top:16px}.dialog-card small a{color:#d8b4fe}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:11px 17px;border:1px solid #ffffff1a;border-radius:999px;background:#1c1b28;color:#eee;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}body.light{--bg:#f7f6fb;--surface:#fff;--surface2:#f1eff8;--fg:#171521;--muted:#5f5d6b;--faint:#858290;--line:#17152118;background:radial-gradient(ellipse at 50% -20%,#fff 0,#f4f1fb 55%,#ebe8f4 100%)}body.light .topbar nav a.active,body.light .topbar nav a:hover{color:#30243d;background:#ffffffaa}body.light .composer,body.light .stats,body.light .feature-card{background:#ffffffa8;border-color:#17152118}body.light .composer input{color:#171521}body.light .composer input::placeholder{color:#92909d}body.light .dialog-card{background:#fff;color:#171521}body.light .dialog-card input{color:#171521;background:#f8f7fb;border-color:#ddd9e8}@media(max-width:700px){.topbar{padding:0 18px}.topbar nav{display:none}.actions .ghost-btn,.actions .solid-btn{display:none}.menu-btn{display:block}.hero{padding:75px 18px 50px}.hero h1{font-size:52px}.subtitle{font-size:14px}.composer{margin-top:28px}.composer button{padding:12px 14px}.stats{grid-template-columns:repeat(2,1fr);margin-top:48px}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature-grid{grid-template-columns:1fr}.section{padding-bottom:70px}.cta{margin:0 18px 60px;padding:65px 18px}.cta h2{font-size:32px}footer{padding:0 18px 30px;display:block;text-align:center}footer div+div{margin-top:15px}}

html{overflow-x:hidden}.ambient{position:fixed}.landing-language{min-width:48px;height:34px;border:1px solid var(--line);border-radius:8px;background:#ffffff06;color:var(--fg);font:600 12px/1 inherit;cursor:pointer}.landing-language:hover{border-color:#a78bfa88;background:#ffffff0d}@media(max-width:700px){.topbar nav.mobile-open{display:grid;position:absolute;left:18px;right:18px;top:68px;margin:0;padding:8px;border:1px solid var(--line);border-radius:10px;background:#11111af2;box-shadow:0 18px 45px #0008}.topbar nav.mobile-open a{border-radius:7px}.landing-language{min-width:44px}}

.topbar nav .landing-video-link{display:inline-flex;align-items:center;gap:5px}.topbar nav .landing-video-link.video-nav-locked{opacity:.58;cursor:not-allowed}.topbar nav .landing-video-link.video-nav-locked:hover{opacity:.9;color:#f6d68a}.landing-video-link[data-video-locked="false"] .landing-video-lock{display:none}.landing-video-lock{font-size:10px;line-height:1}

/* Beyond-inspired Circles skin: original implementation, no InternalBeyond assets/code. */
:root {
  --beyond-ink: #070b14;
  --beyond-night: #0d1524;
  --beyond-glass: rgba(19, 29, 46, .72);
  --beyond-line: rgba(202, 219, 239, .20);
  --beyond-silver: #d8e5f2;
  --beyond-muted: #93a9c1;
  --beyond-rose: #e8a1b7;
  --beyond-ice: #9fd3e7;
  --beyond-ease: cubic-bezier(.23, 1, .32, 1);
}
html { background: var(--beyond-ink); }
body {
  background:
    radial-gradient(ellipse at 12% 2%, rgba(102, 150, 194, .22), transparent 34%),
    radial-gradient(ellipse at 92% 24%, rgba(212, 126, 160, .14), transparent 32%),
    linear-gradient(145deg, #070b14 0%, #0d1524 48%, #090d18 100%);
  color: var(--beyond-silver);
}
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .20; background-image: radial-gradient(rgba(216,229,242,.20) .6px, transparent .6px); background-size: 24px 24px; mask-image: linear-gradient(to bottom, black, transparent 82%); }
.topbar { max-width: 1220px; height: 82px; border-bottom-color: rgba(202,219,239,.11); }
.brand { font-family: "Noto Serif SC", Georgia, serif; letter-spacing: .04em; }
.brand-mark { width: 30px; height: 30px; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #f5d5df, var(--beyond-rose) 42%, #789db9 100%); box-shadow: 0 0 26px rgba(232,161,183,.32), inset 0 1px rgba(255,255,255,.65); }
.topbar nav a { border-radius: 8px; font-family: "Noto Sans SC", sans-serif; letter-spacing: .03em; }
.topbar nav a:hover, .topbar nav a.active { background: rgba(216,229,242,.10); color: var(--beyond-silver); box-shadow: inset 0 -1px var(--beyond-rose); }
.hero { max-width: 980px; padding-top: 126px; }
.hero h1, .section h2, .cta h2 { font-family: "Noto Serif SC", Georgia, serif; font-weight: 500; letter-spacing: -.045em; }
.hero h1 { text-shadow: 0 10px 50px rgba(159,211,231,.15); }
.hero h1 span { background: linear-gradient(105deg, #f4f8fb 12%, var(--beyond-ice) 46%, var(--beyond-rose) 90%); }
.eyebrow, .section-kicker { color: var(--beyond-ice); letter-spacing: .22em; }
.composer { border: 1px solid var(--beyond-line); border-radius: 14px; background: linear-gradient(120deg, rgba(216,229,242,.11), rgba(232,161,183,.05)); box-shadow: 0 24px 70px -32px rgba(159,211,231,.55), inset 0 1px rgba(255,255,255,.12); backdrop-filter: blur(18px); }
.composer button, .solid-btn { background: linear-gradient(135deg, #d78fa9, #8bbbd2); color: #111827; box-shadow: 0 12px 34px -16px rgba(232,161,183,.78); }
.composer button:active, .solid-btn:active, .chips button:active, .feature-card:active { transform: scale(.97); }
.chips button { border-color: var(--beyond-line); color: var(--beyond-muted); background: rgba(216,229,242,.06); transition: transform 160ms var(--beyond-ease), border-color 160ms ease, color 160ms ease; }
.chips button:hover { border-color: var(--beyond-rose); color: var(--beyond-silver); transform: translateY(-2px); }
.inspiration-card, .feature-card, .stats, .cta { border-color: var(--beyond-line); background: linear-gradient(145deg, rgba(216,229,242,.10), rgba(216,229,242,.025)); box-shadow: inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(16px); }
.inspiration-card { border-radius: 12px; }
.inspiration-card:hover { transform: translateY(-5px); border-color: rgba(232,161,183,.75); }
.feature-card:hover { transform: translateY(-4px); border-color: rgba(159,211,231,.55); box-shadow: 0 26px 70px -42px rgba(159,211,231,.5); }
.stats { border-radius: 12px; }
.stats b { color: var(--beyond-silver); font-family: "Noto Serif SC", Georgia, serif; }
.cta { border-radius: 18px; background: radial-gradient(circle at 50% 20%, rgba(232,161,183,.15), transparent 55%), linear-gradient(130deg, rgba(159,211,231,.08), rgba(216,229,242,.025)); }
.cta h2 span { background: linear-gradient(90deg, var(--beyond-rose), var(--beyond-ice)); }
footer { color: #71849b; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }