:root{--bg:#fff;--surface:#f7f9fc;--ink:#11151d;--muted:#727884;--line:#e7eaf0;--blue:#436bf2;--header:rgba(255,255,255,.9);--card:#fff;--shadow:0 18px 65px #22305c0a;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #567cf3;outline-offset:5px}button{border:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.skip{position:fixed;top:-70px;left:15px;background:var(--ink);color:var(--bg);padding:12px 20px;z-index:100}.skip:focus{top:12px}.header{height:82px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:sticky;top:0;background:var(--header);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:25px;letter-spacing:-.8px;white-space:nowrap}.brand-symbol{display:inline-grid;place-items:center;font:43px/1 Georgia,serif;color:var(--blue)}.brand-ai{font-weight:500;margin-left:2px}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:14px;margin-left:75px}.desktop-nav a{color:var(--muted);transition:color .2s}.desktop-nav a:hover,.desktop-nav .active{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:20px}.theme-button{width:35px;height:35px;background:none;display:grid;place-items:center;border-radius:50%}.theme-button:hover{background:var(--surface)}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:0 24px;border-radius:9px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #19367b15}.button.dark{background:var(--ink);color:var(--bg)}.button.dark span{font-size:20px;font-weight:400}.button.small{min-height:39px;font-size:12px;padding:0 16px;gap:16px}.button.light{background:var(--card);border:1px solid var(--line)}.play-icon{font-size:24px;font-weight:400;color:var(--blue)}.menu-button{display:none;background:none;font-size:24px}.mobile-nav{position:fixed;top:71px;left:0;right:0;padding:20px;background:var(--card);border-bottom:1px solid var(--line);z-index:21}.mobile-nav a{display:block;padding:12px}.hero{position:relative;overflow:hidden;text-align:center;padding:64px 24px 0;isolation:isolate}.hero-glow{position:absolute;inset:-170px 10% 40px;background:radial-gradient(ellipse at 50% 53%,#dae4ff88,transparent 56%),radial-gradient(ellipse at 70% 25%,#e9e2ff55,transparent 45%);z-index:-2}.hero-grid{position:absolute;inset:0;background-image:radial-gradient(#aeb9d34a .7px,transparent .7px);background-size:22px 22px;mask-image:radial-gradient(ellipse at 50% 30%,#000 15%,transparent 64%);z-index:-1}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.6px;padding:9px 14px;border:1px solid #dce3f3;background:var(--header);border-radius:25px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5b7aef;box-shadow:0 0 0 4px #5b7aef12;flex-shrink:0}.eyebrow-divider{height:11px;border-left:1px solid #cbd3e6;margin:0 3px}.hero h1{font-size:clamp(48px,5.2vw,76px);font-weight:750;letter-spacing:-3px;line-height:1.25;margin:29px 0 22px}.gradient-text{background:linear-gradient(110deg,#326af0,#7564da 70%,#a37ec8);background-clip:text;color:transparent}.hero-description{font-size:16px;line-height:1.95;letter-spacing:.4px;color:var(--muted);margin:0}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.hero-note{font-size:11px;color:var(--muted);margin-top:20px;letter-spacing:.3px}.tiny-spark{font-size:17px;color:var(--blue);vertical-align:-1px;padding-right:4px}.capability-strip{max-width:950px;display:grid;grid-template-columns:repeat(3,1fr);margin:58px auto 0;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.capability-strip>div{display:flex;align-items:center;justify-content:center;gap:16px;border-right:1px solid var(--line)}.capability-strip>div:last-child{border:0}.strip-icon{color:var(--blue);font-size:29px;font-weight:400}.capability-strip strong{display:block;font-size:13px;font-weight:600}.capability-strip div div>span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.section{max-width:1160px;margin:0 auto;padding:86px 0 0;scroll-margin-top:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.overline{font-size:10px;font-weight:600;letter-spacing:2.5px;color:var(--blue);margin-bottom:15px}h2{font-size:32px;letter-spacing:-1px;line-height:1.5;font-weight:650;margin:0}.accent{color:var(--blue)}.section-heading p,.faq-intro p{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.9}.pill{font-size:10px;letter-spacing:.3px;color:var(--muted);padding:8px 12px;border:1px solid var(--line);border-radius:30px;white-space:nowrap;margin-top:20px}.filter-bar{display:flex;gap:8px;margin:31px 0 25px;flex-wrap:wrap}.filter{background:none;font-size:12px;color:var(--muted);padding:10px 16px;border-radius:7px}.filter span{font-size:9px;margin-left:6px;opacity:.65}.filter.selected{background:var(--ink);color:var(--bg)}.filter:not(.selected):hover{background:var(--surface)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);transition:box-shadow .2s,transform .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card[hidden]{display:none}.card-art{height:205px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-label{position:absolute;left:22px;bottom:14px;letter-spacing:2px;font-size:7px;font-weight:600;opacity:.5;color:#243858}.card-content{padding:23px 23px 20px}.card-type{font-size:8px;letter-spacing:1.6px;color:var(--muted)}h3{font-size:17px;font-weight:600;margin:12px 0}.card h3{display:flex;align-items:center;justify-content:space-between;gap:6px}.card h3 span{font-size:16px;color:#9babc7}.card p{font-size:12px;line-height:1.95;color:var(--muted);margin:0;min-height:47px}.text-button{padding:0;display:inline-flex;gap:14px;align-items:center;background:none;font-size:11px}.card .text-button{margin-top:20px}.text-button span{color:var(--blue)}.text-button:hover{color:var(--blue)}.art-chat{background:linear-gradient(130deg,#e8edfc,#eef3ff 55%,#dce8fa)}.mini-chat{position:absolute;border:1px solid #fff;border-radius:13px;background:#ffffffb8;box-shadow:0 10px 20px #a4b3d722;backdrop-filter:blur(12px)}.chat-one{width:205px;height:83px;transform:rotate(-7deg);left:44px;top:36px;padding:22px 17px 16px 54px}.mini-avatar{position:absolute;left:15px;top:22px;font-size:24px;color:#6182db}.mini-chat i{height:5px;background:#d6dff4;display:block;margin:8px 0;border-radius:5px}.mini-chat i:last-child{width:72%}.chat-two{padding:16px 21px;right:27px;top:104px;transform:rotate(4deg);display:flex;align-items:center;gap:20px;font-size:12px;color:#44629d}.chat-two b{color:#8da4dc;font-size:23px}.art-writing{background:linear-gradient(120deg,#f0eafc,#f8f0f4 60%,#f0e6f5)}.paper{width:172px;height:132px;border-radius:7px;background:#ffffffd9;box-shadow:8px 8px 0 #dbd0ec50;transform:rotate(-8deg);padding:20px;position:relative}.paper span{font-size:12px;color:#5a4c76}.paper i{display:block;height:3px;background:#e5deed;margin-top:13px}.paper i:nth-of-type(2){width:85%}.paper i:nth-of-type(3){width:60%}.paper b{position:absolute;right:12px;bottom:10px;color:#b18ed0;font-size:41px;font-weight:400}.floating-pill{position:absolute;right:20px;bottom:37px;font:italic 14px Georgia,serif;transform:rotate(7deg);background:#fff9;padding:10px 15px;color:#9478a4;border:1px solid #fff;border-radius:6px}.art-code{background:linear-gradient(130deg,#e5edf2,#dfe9ee 60%,#d5e5e9)}.code-window{background:#202d3f;width:242px;border-radius:9px;box-shadow:7px 10px 20px #1a2d4a24;transform:rotate(3deg);overflow:hidden;margin-top:-8px}.window-dots{display:flex;align-items:center;padding:11px 13px;gap:5px;background:#2a384b}.window-dots i{width:5px;height:5px;border-radius:50%;background:#94a3bb}.window-dots i:first-child{background:#e49b9d}.window-dots i:nth-child(2){background:#e3c08c}.window-dots i:nth-child(3){background:#92b8a9}.window-dots span{color:#9ca8ba;font-size:8px;margin-left:45px}.code-window code{display:block;font:10px/1.6 Consolas,monospace;color:#c7d1e2;padding:14px 20px 16px}.code-window em{color:#cba7eb;font-style:normal}.code-window b{color:#a9d2bd;font-weight:400}.code-window strong{color:#9bbbed;font-weight:400}.art-image{background:linear-gradient(120deg,#e5f0f3,#e7f1f2 60%,#d7e9e7)}.image-frame{width:201px;height:133px;background:linear-gradient(#d1e1e5,#edf0e1);border:7px solid #fffffff2;border-radius:9px;position:relative;overflow:hidden;transform:rotate(-6deg);box-shadow:0 8px 15px #7c9ea929}.sun{position:absolute;top:17px;right:27px;width:31px;height:31px;background:#fff0ba;border-radius:50%;box-shadow:0 0 20px #fff2c9}.mountain{position:absolute;width:150px;height:100px;transform:rotate(40deg);border-radius:28px;background:#aac7bc;bottom:-47px;left:-9px}.mountain-two{background:#769f99;left:92px;bottom:-43px;transform:rotate(-30deg)}.image-frame>span{position:absolute;bottom:9px;left:10px;color:white;font:italic 12px Georgia,serif}.image-star{position:absolute;font-size:66px;right:36px;top:17px;color:#fff;transform:rotate(15deg)}.art-learning{background:linear-gradient(140deg,#f9efdc,#fbf5e9 50%,#f3e4c8)}.learning-core{width:73px;height:73px;border-radius:23px;background:#fffcf5;box-shadow:0 8px 18px #c6ad7520;display:grid;place-items:center;font-size:52px;color:#b29256;z-index:1}.learning-orbit{position:absolute;width:216px;height:90px;border:1px solid #cdb67a65;border-radius:50%;transform:rotate(-22deg);top:52px}.orbit-two{transform:rotate(30deg)}.topic{position:absolute;background:#ffffffcf;border:1px solid #fff;padding:9px 12px;border-radius:6px;font-size:10px;color:#a28b60;z-index:2}.topic-one{left:29px;top:46px;transform:rotate(-7deg)}.topic-two{right:24px;bottom:44px;transform:rotate(5deg)}.art-plan{background:linear-gradient(120deg,#f4e8e2,#fcf0ec 60%,#f5e1d8)}.plan-note{width:153px;height:139px;border-radius:7px;position:absolute}.note-back{background:#e8c8b8;transform:rotate(-14deg);top:25px;left:101px;opacity:.55}.note-front{background:#fffcf9;transform:rotate(7deg);padding:17px 20px;box-shadow:4px 6px 16px #ba988320}.plan-note strong{font:italic 16px Georgia,serif;color:#856954;display:block;margin-bottom:15px}.plan-note span{display:block;font-size:10px;color:#b08b70;line-height:2}.plan-note .last-task{color:#958574}.plan-arrow{position:absolute;font-size:64px;color:#c59d85;right:46px;top:14px;transform:rotate(12deg)}.playground{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-top:105px;align-items:center}.playground-intro{position:relative}.playground h2{font-size:34px}.playground-intro>p{font-size:13px;color:var(--muted);line-height:2;margin:21px 0}.preview-status{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;padding:9px 12px;border:1px solid var(--line);border-radius:5px}.large-asterisk{position:absolute;right:30px;bottom:0;font-size:105px;color:#e3e9fc;line-height:1}.demo-window{border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:0 15px 60px #243e7f0b;overflow:hidden}.demo-top{display:flex;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.mini-brand{color:var(--ink);font-size:13px;font-weight:600}.demo-dots{margin-left:auto;letter-spacing:2px}.demo-content{padding:25px 22px;min-height:219px}.demo-assistant{display:flex;gap:12px;align-items:flex-start}.assistant-icon{width:28px;height:28px;display:grid;place-items:center;background:#edf1ff;border-radius:8px;color:var(--blue);font-size:23px;flex-shrink:0}.demo-assistant strong{font-size:13px;font-weight:500;display:block;margin-top:3px}.demo-assistant p{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.8}.prompt-options{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 0 40px}.prompt{border:1px solid var(--line);background:var(--surface);padding:10px 12px;font-size:10px;border-radius:7px;text-align:left}.prompt:hover{border-color:#b5c5fc;color:var(--blue)}.demo-bottom{border-top:1px solid var(--line);padding:13px 17px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);background:var(--surface)}.send-icon{background:var(--ink);color:var(--bg);width:25px;height:25px;display:grid;place-items:center;border-radius:7px;font-size:18px}.demo-result{margin:18px 0 0 40px}.demo-user{background:var(--surface);border:1px solid var(--line);padding:10px 12px;font-size:11px;line-height:1.8;border-radius:7px;margin-bottom:12px}.demo-answer{font-size:12px;line-height:1.95;color:var(--muted);white-space:pre-line}.guide{padding-top:105px}.guide-line{color:#b7c3dd;letter-spacing:7px;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{position:relative;padding:28px 32px 30px 0;margin:20px 0;border-right:1px solid var(--line)}.steps article+article{padding-left:32px}.steps article:last-child{border:0;padding-right:0}.step-number{font-size:28px;font-weight:350;letter-spacing:-1px;color:#bcc8e0}.step-tag{float:right;font-size:9px;color:#567bd3;background:#edf2ff;border-radius:4px;padding:5px 8px;margin-top:6px}.muted-tag{color:var(--muted);background:var(--surface)}.steps h3{margin:20px 0 10px}.steps p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-top:98px}.faq-intro h2{font-size:30px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;font-size:13px;font-weight:500;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;line-height:1;color:var(--muted);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:var(--muted);line-height:2;margin:14px 25px 0 0}.closing{position:relative;margin-top:88px;padding:64px 30px 55px;text-align:center;border:1px solid var(--line);border-radius:17px;background:radial-gradient(ellipse at 50% 10%,#e8edff88,transparent 75%),var(--surface);overflow:hidden}.closing .overline{font-size:8px;letter-spacing:2px;margin-bottom:13px}.closing h2{font-size:31px}.closing p{font-size:12px;color:var(--muted);margin:14px 0 25px}.closing .button{font-size:12px;min-height:43px}.closing-symbol{position:absolute;right:65px;top:30px;font-size:205px;line-height:1;color:#dce4fa80;transform:rotate(15deg)}.footer{max-width:1160px;margin:55px auto 0;display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-top:1px solid var(--line);gap:25px}.footer>div{display:flex;align-items:center;gap:22px}.footer .brand{font-size:19px;gap:7px}.footer .brand-symbol{font-size:32px}.footer-slogan{font-size:10px;color:var(--muted)}.footer p{font-size:10px;color:var(--muted)}.footer .text-button{font-size:10px;color:var(--muted)}dialog{max-width:430px;width:calc(100% - 36px);padding:36px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);box-shadow:0 30px 100px #0002}dialog::backdrop{background:#14203966;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:12px;background:none;color:var(--muted);font-size:26px}.dialog-icon{font-size:45px;color:var(--blue)}dialog h2{font-size:23px;margin-top:12px}dialog p{font-size:13px;line-height:2;color:var(--muted);margin:14px 0 24px}dialog .button{font-size:12px;min-height:43px}.dark-theme{--bg:#11151d;--surface:#181e29;--ink:#f0f2f8;--muted:#a0a9bd;--line:#293143;--blue:#91a9ff;--header:rgba(17,21,29,.93);--card:#171d28;--shadow:0 18px 65px #0003;color-scheme:dark}.dark-theme .hero-glow{opacity:.15}.dark-theme .eyebrow{border-color:#303c5b}.dark-theme .gradient-text{background-image:linear-gradient(110deg,#91b6ff,#c4a4ff)}.dark-theme .card-art{filter:brightness(.8)}.dark-theme .assistant-icon,.dark-theme .step-tag{background:#25314c}.dark-theme .large-asterisk{color:#263251}.dark-theme .closing{background:radial-gradient(ellipse at 50% 10%,#26366266,transparent 75%),var(--surface)}.dark-theme .closing-symbol{color:#34466d40}.dark-theme .muted-tag{background:var(--surface)}
@media(min-width:1600px){.header{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:1240px){.section,.footer{margin-left:5%;margin-right:5%}.playground,.faq{gap:45px}.desktop-nav{margin-left:0}.cards{gap:17px}.card-content{padding:20px}.card-art{height:190px}.chat-one{left:25px}.chat-two{right:14px}.plan-arrow{right:30px}.note-back{left:80px}.large-asterisk{right:5px}}
@media(max-width:900px){.desktop-nav{gap:20px}.header{padding:0 4%;gap:15px}.header-actions{gap:12px}.cards{grid-template-columns:repeat(2,1fr)}.card-art{height:210px}.playground,.faq{grid-template-columns:1fr;gap:30px}.playground-intro>p br{display:none}.large-asterisk{right:20px;bottom:5px}.playground h2 br{display:none}.playground-intro{padding-right:90px}.guide-line{display:none}.steps article{padding-right:20px}.steps article+article{padding-left:20px}.footer-slogan{display:none}.closing-symbol{right:15px}}
@media(max-width:640px){html{scroll-padding-top:90px}.header{height:71px;padding:0 6%;gap:10px}.brand{font-size:22px;gap:7px}.brand-symbol{font-size:36px}.desktop-nav{display:none}.header-actions{gap:10px}.theme-button{width:29px}.button.small{font-size:11px;padding:0 12px;min-height:35px;gap:10px}.menu-button{display:block;font-size:21px;padding:3px}.hero{padding:44px 20px 0}.eyebrow{font-size:9px;gap:8px;padding:8px 11px}.hero h1{font-size:49px;letter-spacing:-2.5px;line-height:1.28;margin:28px 0 19px}.hero-description{font-size:13px;line-height:2}.hero-actions{gap:10px;margin-top:25px}.hero-actions .button{font-size:12px;gap:12px;padding:0 18px;min-height:46px}.hero-note{font-size:9px;margin-top:17px}.capability-strip{margin-top:38px;padding:22px 0;gap:8px}.capability-strip>div{flex-direction:column;gap:9px;text-align:center;padding:0 4px}.strip-icon{font-size:23px}.capability-strip strong{font-size:10px;white-space:nowrap}.capability-strip div div>span{font-size:8px;margin-top:6px}.section,.footer{margin-left:6%;margin-right:6%}.section{padding-top:58px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.overline{font-size:8px;letter-spacing:2px;margin-bottom:10px}h2,.playground h2{font-size:26px;letter-spacing:-1px}.section-heading p,.faq-intro p{font-size:11px;margin-top:9px}.pill{font-size:8px;margin-top:0;padding:6px 10px}.filter-bar{margin-top:21px;gap:3px;flex-wrap:nowrap}.filter{font-size:10px;padding:9px 10px;white-space:nowrap}.filter span{display:none}.cards{grid-template-columns:1fr;gap:18px}.card-art{height:203px}.card-content{padding:22px}.card h3{font-size:17px}.card p{font-size:12px;min-height:0}.card .text-button{margin-top:15px}.chat-one{left:calc(50% - 125px)}.chat-two{right:calc(50% - 143px)}.note-back{left:calc(50% - 65px)}.plan-arrow{right:calc(50% - 132px)}.image-star{right:calc(50% - 143px)}.playground{gap:24px;padding-top:65px}.playground-intro{padding-right:30px}.playground-intro>p{font-size:11px;margin:15px 0}.large-asterisk{font-size:73px;right:-6px;bottom:-6px}.preview-status{font-size:9px}.demo-top{padding:15px 16px}.demo-content{padding:23px 16px}.demo-assistant{gap:9px}.demo-assistant strong{font-size:11px}.demo-assistant p{font-size:10px}.prompt-options,.demo-result{margin-left:0}.prompt{font-size:10px;padding:9px 10px}.demo-bottom{padding:13px;font-size:9px}.steps{grid-template-columns:1fr;margin-top:22px}.steps article,.steps article+article{margin:0;padding:23px 0;border-right:0;border-bottom:1px solid var(--line)}.steps h3{margin-top:14px;font-size:16px}.steps p{font-size:11px}.step-number{font-size:25px}.faq{gap:26px;padding-top:60px}.faq-intro h2{font-size:26px}.faq-list summary{font-size:12px}.faq-list p{font-size:11px}.closing{margin-top:55px;padding:40px 20px 38px}.closing h2{font-size:24px;position:relative}.closing p{font-size:10px;position:relative}.closing-symbol{right:-15px;top:45px;font-size:160px;opacity:.6}.closing .overline{font-size:6px;letter-spacing:1.8px;position:relative}.closing .button{position:relative}.footer{margin-top:32px;padding:24px 0;flex-wrap:wrap;gap:13px}.footer .brand{font-size:18px}.footer .brand-symbol{font-size:28px}.footer p{font-size:9px;margin:0}.footer .text-button{font-size:9px}.footer>div{width:100%}.footer .privacy{margin-left:auto}dialog{padding:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}