:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#252329;--card:#eeece8;--muted:#77737b;--border:#e0dcd7;--primary:#252329;--blue:#8275b8;--blue-soft:#e8e4f2;--pink:#e7d2cd;--yellow:#eae3c3;--mint:#d4e1d9;--lilac:#ddd7e8;--danger:#a94c43;--ease:cubic-bezier(.2,0,0,1);--shadow:0 12px 40px #2d28330e;font-synthesis:none;background:var(--background);color:var(--foreground);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);-webkit-tap-highlight-color:transparent;min-width:320px;margin:0}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.8px;font-size:clamp(34px,10vw,48px);font-weight:680;line-height:1.02}h2{letter-spacing:-.75px;font-size:24px;font-weight:650;line-height:1.14}p{line-height:1.5}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(88px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.page{z-index:1;width:min(100%,680px);margin:auto;padding:0 18px 46px;position:relative}.view{min-height:calc(100dvh - 120px)}.ambient{pointer-events:none;opacity:.45;border-radius:50%;position:fixed}.ambient-one{background:#d9eaff;width:220px;height:220px;top:-100px;right:-110px}.ambient-two{background:#f9d8e4;width:140px;height:140px;top:360px;left:-90px}.brand-row{justify-content:space-between;align-items:center;height:76px;display:flex}.wordmark{letter-spacing:-1px;font-size:23px;font-weight:780}.wordmark span{color:var(--blue)}.live-pill,.chip{border-radius:999px;align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.live-pill{background:var(--card);color:var(--muted);padding:8px 11px}.live-pill i,.chip i{background:#22a966;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22a9661c}.hero-copy{padding:15px 2px 25px}.overline{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.hero-copy h1 span{color:var(--blue)}.hero-copy p,.page-title p{color:var(--muted);max-width:490px;margin-top:15px;font-size:15px}.generator-card{background:var(--primary);color:#fff;border-radius:28px;padding:10px 10px 12px;position:relative;overflow:hidden;box-shadow:0 18px 50px #17243a20}.generator-art{background:linear-gradient(145deg,#d9eaff,#a9d3ff 55%,#e7ddf8);border-radius:21px;height:220px;position:relative;overflow:hidden}.generator-art:after{content:"";animation:shine 5.4s var(--ease) 1.4s infinite;background:linear-gradient(115deg,#0000 20%,#ffffff62 45%,#0000 68%);position:absolute;inset:0;transform:translate(-110%)skew(-14deg)}.avatar-orb{background:#ffe794;border:8px solid #fff;border-radius:50%;place-items:center;width:142px;height:142px;animation:4.8s ease-in-out infinite quiet-float;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-47%);box-shadow:0 18px 35px #243c6240}.avatar-face{background:#f3b785;border:4px solid #25252a;border-radius:47% 47% 43% 43%;width:82px;height:88px;position:relative}.avatar-face:before{content:"";background:#4c2e28;border:4px solid #25252a;border-radius:50% 50% 38% 45%;height:42px;position:absolute;top:-12px;left:-8px;right:-8px}.avatar-face i{z-index:1;background:#25252a;border-radius:50%;width:8px;height:11px;position:absolute;top:44px}.avatar-face i:first-child{left:21px}.avatar-face i:nth-child(2){right:21px}.avatar-face b{border-bottom:4px solid #25252a;border-radius:50%;width:24px;height:10px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.orbit{width:44px;height:44px;color:var(--blue);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border-radius:15px;place-items:center;animation:6s ease-in-out infinite quiet-nod;display:grid;position:absolute}.orbit svg{width:20px}.orbit-one{top:22px;left:22px}.orbit-two{animation-delay:-2.5s;bottom:25px;right:25px}.art-label{color:#fff;background:#1d1d1fd8;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;right:15px}.generator-copy{padding:22px 9px 20px}.generator-copy .chip{color:#cae4ff;background:#ffffff12;margin-bottom:14px;padding:7px 10px}.generator-copy p{color:#ffffffad;margin-top:10px;font-size:14px}.button{color:#1d1d1f;width:100%;min-height:54px;transition:transform .1s var(--ease),background .1s var(--ease);background:#fff;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:0 18px;font-weight:650;text-decoration:none;display:flex}.button svg{width:20px;transition:transform .16s var(--ease)}.button:active{transform:scale(.98)}.button:disabled{opacity:.42}.generator-card>.button{background:var(--blue);color:#fff}.section-heading{justify-content:space-between;align-items:flex-end;margin:36px 3px 17px;display:flex}.section-heading .overline{margin-bottom:7px}.round-link{background:var(--card);border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.round-link svg{width:19px}.story-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.story{scroll-snap-align:start;border-radius:24px;flex-direction:column;flex:0 0 72%;height:230px;padding:20px;display:flex;position:relative;overflow:hidden}.story>span{opacity:.55;font-size:11px}.story>svg{opacity:.12;width:116px;height:116px;position:absolute;top:10px;right:-10px;transform:rotate(-12deg)}.story>div{margin-top:auto}.story strong{letter-spacing:-.5px;font-size:24px}.story p{opacity:.72;margin-top:6px;font-size:14px}.story-yellow{background:var(--yellow);color:#373120}.story-pink{background:var(--pink);color:#41303a}.page-title{padding:24px 2px 28px}.profile-hero{background:var(--card);border-radius:24px;align-items:center;gap:16px;padding:18px;display:flex}.profile-avatar{background:var(--blue);color:#fff;border-radius:22px;place-items:center;width:68px;height:68px;font-size:30px;font-weight:750;display:grid}.profile-hero p{color:var(--muted);margin-top:3px;font-size:14px}.profile-list{border:1px solid var(--border);background:#fff;border-radius:22px;margin-top:14px;overflow:hidden}.profile-list>div,.control-card>div{align-items:center;gap:13px;display:flex}.profile-list>div{padding:14px}.profile-list>div+div{border-top:1px solid var(--border)}.profile-list>div>div{flex:1}.profile-list p{color:var(--muted);margin-top:3px;font-size:12px}.profile-list>div>svg{color:#a0a0a5;width:18px}.list-icon{border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.list-icon svg{width:19px}.list-icon.blue{background:var(--blue-soft);color:var(--blue)}.list-icon.yellow{background:var(--yellow)}.list-icon.pink{background:var(--pink)}.empty-state{text-align:center;background:var(--card);border-radius:28px;padding:54px 24px}.empty-icon{background:var(--yellow);border-radius:23px;place-items:center;width:70px;height:70px;margin:0 auto 18px;display:grid}.empty-state .chip{background:#fff;margin-bottom:13px;padding:6px 10px}.empty-state p{color:var(--muted);margin-top:10px;font-size:14px}.bottom-nav{z-index:20;left:50%;bottom:max(7px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#fffffff5;border:1px solid #e8ebf0;border-radius:999px;align-items:center;gap:3px;width:min(500px,100% - 16px);padding:5px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #1d355315}.nav-item{min-width:0;height:46px;color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;padding:0;position:relative}.nav-pill{background:var(--primary);border-radius:999px;position:absolute;inset:0}.nav-content{z-index:1;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.inline-error{color:#ffb9b2;margin:12px 8px 0;font-size:13px}.sheet-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1112184f;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(100%,680px);max-height:94dvh;padding:27px 20px calc(24px + env(safe-area-inset-bottom));background:#fff;border-radius:30px 30px 0 0;position:relative;overflow:auto;box-shadow:0 -18px 60px #11121825}.sheet-handle{background:#c6c7cc;border-radius:99px;width:36px;height:4px;margin:-15px auto 22px;display:block}.icon-button{width:40px;height:40px;color:var(--muted);background:var(--card);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:17px}.icon-button svg{width:19px}.sheet h2{margin-bottom:9px;font-size:30px}.sheet p{color:var(--muted);font-size:14px}.step-line{align-items:center;width:86px;margin-bottom:24px;display:flex}.step-line span,.step-line b{border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.step-line span{background:var(--blue);color:#fff}.step-line b{background:var(--card);color:var(--muted)}.step-line i{background:var(--border);width:38px;height:2px}.photo-picker{min-height:275px;color:var(--foreground);cursor:pointer;background:var(--card);border:1.5px dashed #c5c6cb;border-radius:24px;place-content:center;justify-items:center;gap:9px;margin:22px 0 14px;display:grid;position:relative;overflow:hidden}.photo-picker>span:last-of-type{color:var(--muted);font-size:12px}.photo-picker input{opacity:0;pointer-events:none;position:absolute}.upload-icon{background:var(--blue-soft);width:62px;height:62px;color:var(--blue);border-radius:20px;place-items:center;margin-bottom:5px;display:grid}.upload-icon svg{width:26px}.photo-picker.has-photo{background:#111;border:0;display:block}.photo-picker img,.result-image img{object-fit:cover;width:100%;height:100%}.photo-picker img{position:absolute;inset:0}.replace-photo{white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111b;border-radius:999px;padding:8px 12px;position:absolute;bottom:13px;left:50%;transform:translate(-50%);color:#fff!important}.sheet .button{background:var(--primary);color:#fff;margin-top:4px}.privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:13px;font-size:11px;display:flex}.privacy-note svg{width:13px}.status-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;display:flex}.status-icon{background:var(--blue-soft);width:82px;height:82px;color:var(--blue);border-radius:27px;place-items:center;margin-bottom:24px;display:grid;position:relative}.status-icon svg{width:34px}.status-icon i{border:1px solid #8275b822;border-radius:32px;animation:2s ease-out infinite status-pulse;position:absolute;inset:-7px}.status-view h2{font-size:28px}.status-view p{max-width:320px}.status-view .button{margin-top:22px}.spinning svg{animation:1s linear infinite spin}.result-image{aspect-ratio:1;background:var(--card);border-radius:26px;margin:20px 0 14px;position:relative;overflow:hidden}.result-image>span{background:#fffde;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:650;display:flex;position:absolute;bottom:12px;left:12px}.result-image>span svg{color:#159456;width:14px}.download{background:var(--blue)!important}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric{border-radius:23px;flex-direction:column;justify-content:space-between;min-height:130px;padding:18px;display:flex}.metric strong{letter-spacing:-1.5px;font-size:36px}.metric span{opacity:.66;font-size:12px}.metric.blue{background:var(--blue);color:#fff}.control-card{border:1px solid var(--border);border-radius:22px;justify-content:space-between;align-items:center;margin-top:12px;padding:15px;display:flex}.control-card p{color:var(--muted);margin-top:3px;font-size:12px}.switch{background:var(--border);border:0;border-radius:999px;width:52px;height:30px;padding:3px}.switch span{width:24px;height:24px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;display:block;box-shadow:0 2px 5px #0002}.switch.on{background:var(--blue)}.switch.on span{transform:translate(22px)}.spend-card{background:var(--primary);color:#fff;border-radius:24px;margin-top:12px;padding:20px}.spend-card>span,.spend-card p{color:#ffffff9c;font-size:12px}.spend-card strong{margin:6px 0 15px;font-size:36px;display:block}.spend-card>div{background:#ffffff20;border-radius:99px;height:7px;overflow:hidden}.spend-card i{border-radius:inherit;background:var(--blue);height:100%;display:block}.spend-card p{margin-top:9px}.admin-list{margin-top:12px}.status-view.compact{min-height:250px}.editorial h1{font-size:clamp(38px,11vw,56px)}.editorial h1 span{color:var(--blue)}.editorial>.button{background:var(--primary);color:#fff;width:auto;margin-top:25px;display:inline-flex}.signal-card{background:var(--yellow);border-radius:28px;flex-direction:column;min-height:240px;margin-top:8px;padding:24px;display:flex;position:relative;overflow:hidden}.signal-card:after{content:"✦";color:#18171c12;font-size:170px;line-height:1;animation:18s linear infinite slow-turn;position:absolute;top:-38px;right:-8px}.signal-card>span{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.signal-card>strong{z-index:1;letter-spacing:-.8px;margin-top:auto;font-size:27px;line-height:1.08;position:relative}.signal-card button{z-index:1;background:0 0;border:0;align-items:center;gap:8px;width:max-content;margin-top:19px;padding:0;font-size:13px;font-weight:700;display:flex;position:relative}.signal-card button svg{width:16px}.tools-title h1{font-size:44px}.avatar-orb{background:var(--yellow)}.generator-card>.button,.download{background:var(--blue)!important}.soon-tool{border:1px dashed #c9c0b7;border-radius:22px;align-items:center;gap:13px;margin-top:12px;padding:17px;display:flex}.soon-tool>span:first-child{background:var(--card);border-radius:13px;place-items:center;width:38px;height:38px;font-size:11px;display:grid}.soon-tool>div{flex:1}.soon-tool p{color:var(--muted);margin-top:3px;font-size:12px}.soon-badge{background:var(--yellow);border-radius:99px;padding:6px 8px;font-weight:700;font-size:10px!important}.overline{color:var(--blue)}.live-pill{color:#716696;background:#e8e4f2}.bottom-nav{background:#2d2a32ee;border-color:#ffffff18}.story-blue{background:var(--blue)}.sheet{background:var(--background)}.photo-picker{background:#ece7df}.outside-gate{background:radial-gradient(circle at 90% 5%,#eae3c3 0 14%,transparent 35%),radial-gradient(circle at 0 100%,#ddd7e8 0 12%,transparent 34%),var(--background);flex-direction:column;justify-content:center;align-items:flex-start;min-height:100dvh;padding:42px 24px;display:flex}.gate-mark{background:var(--blue);color:#fff;border-radius:25px;place-items:center;width:78px;height:78px;margin-bottom:24px;animation:5s ease-in-out infinite quiet-nod;display:grid}.gate-mark svg{width:34px}.outside-gate>.wordmark{margin-bottom:16px}.outside-gate h1{font-size:clamp(38px,12vw,58px)}.outside-gate p{color:var(--muted);max-width:390px;margin-top:18px}.outside-gate .button{background:var(--primary);color:#fff;width:min(100%,390px);margin-top:28px}.outside-gate small{color:var(--muted);margin-top:16px}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes quiet-float{0%,to{transform:translate(-50%,-47%)}50%{transform:translate(-50%,calc(-47% - 5px))}}@keyframes quiet-nod{0%,70%,to{transform:rotate(0)}80%{transform:rotate(-7deg)translateY(-2px)}}@keyframes status-pulse{0%{opacity:.7;transform:scale(.9)}75%,to{opacity:0;transform:scale(1.18)}}@keyframes shine{0%,62%{transform:translate(-110%)skew(-14deg)}82%,to{transform:translate(250%)skew(-14deg)}}@media (hover:hover){.button:hover svg,.round-link:hover svg{transform:translate(2px)}}@media (max-width:359px){.page{padding-left:14px;padding-right:14px}.nav-content{gap:3px;font-size:9px}.nav-content svg{display:none}.story{flex-basis:78%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ambient-one{opacity:.55;background:radial-gradient(circle,#dfe5ee 0%,#0000 70%)}.ambient-two{opacity:.45;background:radial-gradient(circle,#eadfe8 0%,#0000 70%)}.generator-art{background:linear-gradient(145deg,#e9edf4 0%,#dddfea 46%,#eae5ec 100%)}.signal-card{background:linear-gradient(145deg,#eee9df,#e5e2eb 55%,#e1e9e7)}.signal-card:after{color:#5c59610c}.story-yellow{background:linear-gradient(145deg,#f0eadc,#e7dfcf)}.story-pink{background:linear-gradient(145deg,#eee2e0,#e6d9df)}.profile-avatar{background:linear-gradient(145deg,#9aa8bc,#7d899e)}.metric.blue{background:linear-gradient(145deg,#9aa8bc,#7f8fa8)}.metric.yellow{background:linear-gradient(145deg,#f0eadc,#e7dfcf)}.metric.pink{background:linear-gradient(145deg,#eee2e0,#e6d9df)}.metric.mint{background:linear-gradient(145deg,#e2ebe6,#d5e0dc)}.hero-copy p,.page-title p{margin-top:10px;font-size:13px}.page-title{padding-bottom:22px}.page-title h1,.tools-title h1{font-size:34px}.generator-copy p{font-size:12px}.section-heading h2{font-size:20px}.signal-card strong{font-size:23px}.story strong{font-size:21px}.story p{font-size:12px}.bottom-nav{gap:7px;width:min(490px,100% - 18px);padding:7px}.admin-fab{z-index:24;right:14px;top:max(14px,env(safe-area-inset-top));color:#66636b;-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);background:#ffffffc9;border:1px solid #ffffff70;border-radius:15px;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:10px;font-weight:700;display:flex;position:fixed;box-shadow:0 9px 26px #34303a16}.admin-fab svg{width:16px}.admin-fab.active{color:#fff;background:#36353c}body{background:radial-gradient(circle at 8% -4%,#edf4ff 0,#0000 32%),radial-gradient(circle at 102% 16%,#f7edf7 0,#0000 36%),radial-gradient(circle at 30% 110%,#edf7f3 0,#0000 28%),#fff}.top-spacer{height:58px}.ambient{filter:blur(8px);opacity:.34}.ambient-one{background:#dce8fb}.ambient-two{background:#eadff2}.editorial{padding-top:20px}.editorial>.button{margin-top:21px}.hero-copy h1{font-size:clamp(31px,8.5vw,43px)}.playground-slider{margin-top:9px;position:relative}.playground-slide{color:#fff;text-align:left;border:0;border-radius:29px;flex-direction:column;justify-content:flex-end;width:100%;height:250px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #34405c25}.playground-slide.magic{background:linear-gradient(145deg,#293c62 0%,#6e6198 100%)}.playground-slide.learn{background:linear-gradient(145deg,#17434b 0%,#447c7a 100%)}.playground-slide.together{background:linear-gradient(145deg,#4b304b 0%,#a56872 100%)}.slide-visual{pointer-events:none;position:absolute;inset:0}.slide-core{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff25;border:1px solid #fff4;border-radius:25px;place-items:center;width:74px;height:74px;animation:4.2s ease-in-out infinite play-float;display:grid;position:absolute;top:43px;right:42px;box-shadow:inset 0 1px #ffffff50,0 18px 35px #10152b24}.slide-core svg{width:31px}.slide-visual i,.slide-visual b{border:1px solid #ffffff36;border-radius:50%;display:block;position:absolute}.slide-visual i:first-of-type{width:154px;height:154px;animation:14s linear infinite play-spin;top:3px;right:2px}.slide-visual i:nth-of-type(2){border-style:dashed;width:205px;height:205px;animation:22s linear infinite reverse play-spin;top:-22px;right:-24px}.slide-visual i:nth-of-type(3){background:#fff;border:0;width:12px;height:12px;animation:2.4s ease-in-out infinite play-pulse;top:67px;right:26px;box-shadow:0 0 24px #fff}.slide-visual b:first-of-type{background:#ffffff9c;border:0;width:9px;height:9px;animation:3s ease-in-out -1s infinite play-pulse;top:37px;right:164px}.slide-visual b:nth-of-type(2){background:#ffffff24;width:17px;height:17px;animation:3.6s ease-in-out -2s infinite play-float;top:135px;right:149px}.slide-copy{z-index:2;max-width:76%;display:grid;position:relative}.slide-copy small{letter-spacing:.09em;text-transform:uppercase;color:#ffffffa8;margin-bottom:8px;font-size:10px}.slide-copy strong{letter-spacing:-.8px;font-size:27px;line-height:1.06}.slide-copy>span{color:#ffffffb9;margin-top:7px;font-size:13px}.slide-copy>svg{width:20px;position:absolute;bottom:0;right:-51px}.slider-dots{z-index:4;gap:5px;display:flex;position:absolute;bottom:-21px;left:22px}.slider-dots button{width:6px;height:6px;transition:width .3s var(--ease),background .3s var(--ease);background:#b8bac3;border:0;border-radius:99px;padding:0}.slider-dots button.active{background:#3a3d49;width:22px}.story{box-shadow:0 16px 38px #31394c18}.story-blue{color:#fff;background:linear-gradient(145deg,#243e6a,#647fac)}.story-yellow{color:#fff;background:linear-gradient(145deg,#60452e,#ac7b4b)}.story-pink{color:#fff;background:linear-gradient(145deg,#51314e,#9d6984)}.story p{color:#ffffffbd}.story>span{color:#fff}.round-link{background:#fff;box-shadow:0 7px 22px #2d344417}.bottom-nav{background:#ffffffea;border-color:#fff;gap:2px;width:min(510px,100% - 14px);padding:6px;box-shadow:0 10px 35px #2932461b}.nav-item{height:48px}.nav-pill{background:linear-gradient(145deg,#424653,#262931)}.nav-content{letter-spacing:-.01em;gap:4px;font-size:9px}.nav-content svg{width:15px}.outside-gate{background:radial-gradient(circle at 90% 5%,#eaf1ff 0 14%,#0000 35%),radial-gradient(circle at 0 100%,#eee4f2 0 12%,#0000 34%),#fff}@keyframes play-spin{to{transform:rotate(360deg)}}@keyframes play-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(3deg)}}@keyframes play-pulse{0%,to{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}@media (max-width:359px){.bottom-nav{width:calc(100% - 10px)}.nav-content{gap:2px;font-size:8px}.nav-content svg{width:13px}.playground-slide{height:232px}.slide-copy strong{font-size:24px}}.bottom-nav{background:#24262cf2;border-color:#ffffff18;box-shadow:0 12px 36px #15182138}.nav-item{color:#aeb0b7}.nav-pill{background:#fff;box-shadow:0 4px 14px #0003}.nav-item.active{color:#24262d}.playground-slide{height:264px;padding:22px;background:#202126!important}.play-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.prompt-scene .fake-window{background:linear-gradient(#34363c,#292a2f);border-radius:22px;height:118px;position:absolute;top:25px;left:28px;right:28px;transform:perspective(500px)rotateX(2deg);box-shadow:0 20px 40px #08090d48,inset 0 1px #ffffff17}.fake-window>i{background:#777980;border-radius:50%;width:7px;height:7px;position:absolute;top:15px}.fake-window>i:first-child{left:17px}.fake-window>i:nth-child(2){left:29px}.fake-window>i:nth-child(3){left:41px}.fake-window>b{background:linear-gradient(145deg,#7f73c8,#aa70b8);border-radius:12px;place-items:center;width:34px;height:34px;font-style:normal;display:grid;position:absolute;top:50px;left:18px}.fake-window>em{color:#f4f4f6;white-space:nowrap;width:0;font-size:13px;font-style:normal;animation:3.6s steps(20,end) infinite type-line;position:absolute;top:55px;left:64px;right:20px;overflow:hidden}.fake-window>strong{background:#fff;width:2px;height:16px;animation:3.6s steps(20,end) infinite cursor-move;position:absolute;top:78px;left:64px}.mini-result{background:linear-gradient(145deg,#556ea9,#8e6aa9);border-radius:18px;place-items:center;width:95px;height:68px;animation:3.6s ease-in-out infinite result-pop;display:grid;position:absolute;top:124px;right:16px;box-shadow:0 15px 35px #090b1240}.mini-result svg{width:24px}.mini-result i{background:#ffffff75;border-radius:9px;height:4px;position:absolute;left:14px}.mini-result i:first-of-type{width:38px;bottom:15px}.mini-result i:last-of-type{width:20px;bottom:8px}.lesson-head{background:#ffffff12;border:1px solid #ffffff14;border-radius:21px;align-items:center;gap:13px;height:67px;padding:15px;display:flex;position:absolute;top:27px;left:30px;right:30px;box-shadow:inset 0 1px #ffffff17}.lesson-head>svg{width:22px}.lesson-head>i{background:#ffffff17;border-radius:9px;flex:1;height:8px;overflow:hidden}.lesson-head>i b{border-radius:inherit;width:64%;height:100%;animation:progress-grow 4.2s var(--ease) infinite;background:linear-gradient(90deg,#69d1bd,#9be2ce);display:block}.lesson-head small{color:#ffffffa8;font-size:10px}.lesson-stack{height:100px;position:absolute;top:108px;left:42px;right:21px}.lesson-stack>i{background:linear-gradient(145deg,#3b3d44,#292b30);border-radius:16px;align-items:center;gap:12px;height:48px;padding:12px;font-style:normal;animation:4.2s ease-in-out infinite lesson-shuffle;display:flex;position:absolute;left:0;right:0;box-shadow:0 12px 30px #090a1038}.lesson-stack>i:nth-child(2){z-index:2;animation-delay:-1.4s;top:28px;left:13px}.lesson-stack>i:nth-child(3){z-index:3;animation-delay:-2.8s;top:56px;left:26px}.lesson-stack b{color:#8cddca;font-size:10px}.lesson-stack em{background:#ffffff28;border-radius:8px;width:58%;height:5px;display:block}.growth-phone{background:linear-gradient(160deg,#404149,#24252a);border:2px solid #ffffff20;border-radius:25px;width:108px;height:160px;animation:4.3s ease-in-out infinite phone-tilt;position:absolute;top:22px;right:42px;transform:rotate(7deg);box-shadow:0 22px 40px #07080c50}.growth-phone i{background:linear-gradient(145deg,#9c6e91,#586ca5);border-radius:15px;height:55px;position:absolute;top:16px;left:13px;right:13px}.growth-phone b,.growth-phone em{background:#ffffff27;border-radius:8px;height:6px;position:absolute;left:15px}.growth-phone b{width:65px;top:88px}.growth-phone em{width:45px;top:103px}.growth-path{width:105px;height:115px;position:absolute;top:45px;left:31px}.growth-path i{background:linear-gradient(145deg,#6b739c,#a4779a);border-radius:9px;width:31px;height:22px;animation:4.3s ease-in-out infinite path-rise;position:absolute;transform:rotate(-10deg);box-shadow:0 10px 25px #0809103a}.growth-path i:first-child{bottom:0;left:0}.growth-path i:nth-child(2){animation-delay:-.2s;bottom:27px;left:24px}.growth-path i:nth-child(3){animation-delay:-.4s;bottom:56px;left:49px}.growth-path i:nth-child(4){animation-delay:-.6s;bottom:86px;left:75px}.growth-badge{color:#393b43;background:#fff;border-radius:19px;place-items:center;width:58px;height:58px;animation:4.3s ease-in-out infinite badge-pulse;display:grid;position:absolute;top:28px;left:91px;box-shadow:0 14px 30px #0809104c}.growth-badge svg{width:18px}.growth-badge b{margin-top:-9px;font-size:9px}.slide-copy{max-width:64%}.slider-dots{bottom:-21px}.story{height:248px}.story>svg{display:none}.story>img{object-fit:contain;filter:drop-shadow(0 18px 20px #1116);width:178px;height:150px;animation:5s ease-in-out infinite story-float;position:absolute;top:-4px;right:-17px}.story:nth-child(2)>img{width:185px;height:155px;animation-delay:-1.7s;top:-7px;right:-23px}.story:nth-child(3)>img{width:180px;height:158px;animation-delay:-3.2s;top:-8px;right:-18px}.story>div,.story>span{z-index:2;position:relative}.avatar-preview{place-items:center;height:235px;display:grid;background:linear-gradient(145deg,#e9eefb,#f2e8f2)!important}.avatar-preview:after{display:none}.avatar-preview img{object-fit:contain;width:100%;height:100%;animation:5s ease-in-out infinite avatar-breathe}.generator-copy{padding-top:19px}.generator-copy h2{font-size:26px}.tool-card{background:linear-gradient(155deg,#353740,#26272d)}@keyframes type-line{0%,12%{width:0}62%,88%{width:145px}to{width:0}}@keyframes cursor-move{0%,12%{transform:translate(0)}62%,88%{transform:translate(145px)}to{transform:translate(0)}}@keyframes result-pop{0%,45%,to{opacity:0;transform:translateY(12px)scale(.88)}62%,88%{opacity:1;transform:none}}@keyframes progress-grow{0%,to{width:18%}55%,82%{width:82%}}@keyframes lesson-shuffle{0%,to{transform:translate(0)}50%{transform:translate(-7px)}}@keyframes phone-tilt{0%,to{transform:rotate(7deg)translateY(0)}50%{transform:rotate(3deg)translateY(-7px)}}@keyframes path-rise{0%,to{opacity:.6;transform:rotate(-10deg)translateY(4px)}50%{opacity:1;transform:rotate(-4deg)translateY(-5px)}}@keyframes badge-pulse{0%,to{transform:scale(.92)rotate(-7deg)}50%{transform:scale(1.06)rotate(3deg)}}@keyframes story-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.playground-showcase{color:#fff;text-align:left;background:#08090c;border:0;border-radius:28px;width:100%;padding:0;overflow:hidden;box-shadow:0 24px 58px #11182b2b}.playground-showcase video{aspect-ratio:16/9;object-fit:cover;background:#07080a;width:100%;display:block}.showcase-footer{background:linear-gradient(#15171c,#0d0f13);border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 16px 15px 18px;display:flex}.showcase-footer>span:first-child{gap:3px;display:grid}.showcase-footer small{color:#858b98;letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:700}.showcase-footer strong{letter-spacing:-.2px;font-size:15px}.showcase-open{background:#ffffff12;border-radius:12px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:10px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff13}.showcase-open svg{width:14px}.section-heading{margin-top:35px}.library-feed{gap:11px;display:grid}.content-card{text-align:left;color:#fff;border:0;border-radius:25px;width:100%;height:218px;padding:19px;position:relative;overflow:hidden;box-shadow:0 17px 42px #252d3d1d}.content-card.prompts-card{background:linear-gradient(145deg,#252a37,#39445c)}.content-card.breakdown-card{background:linear-gradient(145deg,#272522,#5a493d)}.content-card.course-card{background:linear-gradient(145deg,#2e2730,#604458)}.content-meta{z-index:3;color:#ffffff83;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700;position:relative}.content-card>strong{z-index:3;letter-spacing:-.55px;margin-top:10px;font-size:20px;line-height:1.08;display:block;position:relative}.content-open{z-index:3;color:#ffffffc7;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:18px;left:19px}.content-open svg{width:13px}.content-preview{background:#111318b8;border:1px solid #ffffff19;border-radius:19px;width:48%;height:128px;position:absolute;bottom:14px;right:14px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 18px 36px #0506084f,inset 0 1px #ffffff13}.prompt-preview{padding:18px 14px}.prompt-preview i{color:#fff;white-space:nowrap;width:0;font-size:10px;font-style:normal;animation:4.6s steps(18,end) infinite mini-type;display:block;overflow:hidden}.prompt-preview b{background:#ffffff1c;border-radius:7px;width:74%;height:5px;margin-top:14px;display:block}.prompt-preview b:nth-of-type(2){width:48%;margin-top:7px}.prompt-preview em{color:#fff;background:#8b83d8;border-radius:8px;padding:6px 8px;font-size:8px;font-style:normal;animation:4.6s ease-in-out infinite mini-submit;position:absolute;bottom:10px;right:10px}.breakdown-preview{padding:10px;transform:rotate(2deg)}.breakdown-preview>i{background:#ffffff0b;border-radius:9px;align-items:center;gap:8px;height:31px;margin-bottom:6px;padding:7px;font-style:normal;animation:4.8s ease-in-out infinite mini-step;display:flex}.breakdown-preview>i:nth-child(2){animation-delay:-1.6s}.breakdown-preview>i:nth-child(3){animation-delay:-3.2s}.breakdown-preview b{color:#e6b97e;font-size:8px}.breakdown-preview em{background:#ffffff26;border-radius:6px;width:70%;height:4px;display:block}.course-preview{align-items:flex-end;gap:7px;padding:12px;display:flex;transform:rotate(-1deg)}.course-preview i{background:linear-gradient(#9d7599,#59465b);border-radius:10px;flex:1;place-items:center;height:48%;font-size:8px;font-style:normal;animation:5s ease-in-out infinite mini-course;display:grid}.course-preview i:nth-child(2){height:68%;animation-delay:-1.4s}.course-preview i:nth-child(3){height:86%;animation-delay:-2.8s}.course-preview>b{background:#ffffff14;border-radius:9px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:11px;right:12px}.content-card:after{content:"";background:linear-gradient(105deg,#0000 25%,#ffffff08 47%,#0000 67%);animation:7s ease-in-out infinite card-sheen;position:absolute;inset:0;transform:translate(-120%)}.content-card:nth-child(2):after{animation-delay:-2.2s}.content-card:nth-child(3):after{animation-delay:-4.4s}@keyframes mini-type{0%,15%{width:0}68%,90%{width:112px}to{width:0}}@keyframes mini-submit{0%,65%,to{opacity:.55;transform:scale(.86)}75%,90%{opacity:1;transform:scale(1)}}@keyframes mini-step{0%,to{background:#ffffff0b;transform:translate(0)}50%{background:#ffffff17;transform:translate(-5px)}}@keyframes mini-course{0%,to{transform:translateY(5px)}50%{transform:translateY(-4px)}}@keyframes card-sheen{0%,68%{transform:translate(-120%)}88%,to{transform:translate(120%)}}@media (max-width:359px){.showcase-footer{padding-left:14px}.showcase-footer strong{font-size:13px}.content-card{height:205px}.content-card>strong{font-size:18px}.content-preview{width:46%;height:118px}}