@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap');

:root{--ink:#10131a;--paper:#f4f2ed;--cream:#e9e4da;--blue:#3b6df6;--violet:#7757f4;--cyan:#5be1d2;--muted:#6e7380;--line:rgba(16,19,26,.12);--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.site-header{height:76px;max-width:1440px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}
.brand,.footer-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px;background:linear-gradient(145deg,var(--blue),var(--violet));box-shadow:0 9px 22px rgba(59,109,246,.25)}
.brand strong,.footer-brand strong{display:block;font-size:15px;letter-spacing:.12em}.brand small,.footer-brand small{display:block;font-size:8px;letter-spacing:.2em;color:var(--muted);margin-top:2px}
.site-header nav{display:flex;gap:34px;font-size:13px;font-weight:600;color:#494e59}.site-header nav a:hover{color:var(--blue)}.header-link{font-size:12px;border-bottom:1px solid;padding-bottom:4px}
.hero{max-width:1440px;min-height:720px;margin:auto;padding:78px 5vw 80px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5vw;overflow:hidden}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;color:#59606d;display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:2px;background:var(--blue)}
.hero h1{font-size:clamp(54px,6.1vw,96px);line-height:1.03;letter-spacing:-.065em;margin:25px 0 30px;font-weight:800}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--blue),var(--violet));background-clip:text;-webkit-background-clip:text}
.hero-text{font-size:17px;line-height:1.9;color:#5c626e;max-width:540px}.hero-actions{display:flex;gap:12px;margin:36px 0 45px}.button{height:50px;padding:0 24px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:#fff;box-shadow:0 12px 25px rgba(16,19,26,.17)}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.45)}
.hero-meta{display:flex;gap:27px}.hero-meta span{font-size:11px;color:#777d88;border-left:1px solid var(--line);padding-left:14px}.hero-meta b{display:block;color:var(--ink);font-size:17px;margin-bottom:2px}
.studio-visual{position:relative;height:570px;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:530px;height:530px;border-radius:50%;background:radial-gradient(circle,rgba(119,87,244,.28),rgba(91,225,210,.12) 43%,transparent 70%);filter:blur(6px)}
.canvas-card{position:absolute;width:75%;max-width:550px;left:0;top:30px;border-radius:18px;padding:9px;background:#171a20;box-shadow:0 35px 70px rgba(32,28,47,.28);transform:rotate(-3deg)}.canvas-top{height:35px;display:flex;align-items:center;gap:6px;padding:0 9px}.canvas-top span{width:7px;height:7px;border-radius:50%;background:#464b55}.canvas-top small{margin-left:auto;color:#777f8c;font-size:8px}.artwork{height:410px;border-radius:11px;overflow:hidden;position:relative;background:linear-gradient(160deg,#c7d9e9 0%,#e5c6ce 50%,#624e76 100%)}
.sun{position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,235,201,.8);filter:blur(8px);top:55px;right:80px}.mountain{position:absolute;clip-path:polygon(0 100%,35% 15%,52% 62%,72% 30%,100% 100%);inset:auto -5% 0;height:68%}.mountain-back{background:#927d9d;opacity:.65;transform:translateY(-42px)}.mountain-front{background:linear-gradient(140deg,#2e3547,#786276)}.selection{position:absolute;border:1px dashed rgba(255,255,255,.85);width:40%;height:42%;left:26%;top:31%}.selection i{position:absolute;width:5px;height:5px;background:#fff}.selection i:nth-child(1){left:-3px;top:-3px}.selection i:nth-child(2){right:-3px;top:-3px}.selection i:nth-child(3){left:-3px;bottom:-3px}.selection i:nth-child(4){right:-3px;bottom:-3px}.layer-chip{position:absolute;right:15px;bottom:14px;background:rgba(13,17,25,.75);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:7px;padding:8px 11px;font-size:9px}
.plugin-card{position:absolute;z-index:2;width:280px;right:0;bottom:18px;background:#22252c;color:#f5f6f7;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:18px;box-shadow:0 28px 60px rgba(12,13,19,.38);transform:rotate(2deg)}.plugin-title{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid #393d46}.plugin-logo{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:var(--blue);font-weight:800}.plugin-title strong{display:block;font-size:12px}.plugin-title small{font-size:6px;letter-spacing:.15em;color:#858b97}.plugin-title i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#7adf9b;box-shadow:0 0 9px #7adf9b}.plugin-balance{margin:15px 0;background:#191b20;border-radius:9px;padding:12px}.plugin-balance span{font-size:9px;color:#949aa6}.plugin-balance b{display:block;font-size:23px;margin:2px 0;color:#fff}.plugin-balance small{font-size:8px;color:#7adf9b}.plugin-card label{display:block;font-size:8px;color:#9da3ae;margin-bottom:6px}.prompt-box{font-size:9px;line-height:1.6;background:#191b20;color:#c9cdd4;border:1px solid #3c414b;border-radius:7px;padding:10px;height:57px}.model-row{margin:10px 0;display:flex;justify-content:space-between;font-size:8px;color:#8e949f;background:#191b20;padding:9px;border-radius:7px}.model-row b{color:#d8dbe0}.plugin-card button{border:0;width:100%;height:38px;border-radius:7px;background:var(--blue);color:#fff;font:700 10px inherit;text-align:left;padding:0 13px}.plugin-card button span{float:right}.quick-tools{display:flex;gap:7px;margin-top:8px}.quick-tools span{flex:1;background:#30343d;border-radius:6px;text-align:center;padding:8px;font-size:8px;color:#bec3cb}
.trust-strip{height:78px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:36px;font-size:11px;font-weight:700;letter-spacing:.12em;color:#555b65}.trust-strip i{width:4px;height:4px;border-radius:50%;background:var(--blue)}
.section{padding:120px max(5vw,calc((100vw - 1296px)/2))}.section-heading{display:grid;grid-template-columns:.65fr 1.2fr .75fr;gap:50px;align-items:end;margin-bottom:60px}.section-index{font-size:12px;font-weight:800;color:var(--blue);border:1px solid rgba(59,109,246,.3);border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.section-heading>div p,.kicker{font-size:9px;letter-spacing:.2em;font-weight:800;color:#858a94;margin-top:12px}.section h2{font-size:clamp(36px,4vw,62px);line-height:1.12;letter-spacing:-.045em;margin:0}.section-heading>p,.workflow-copy>p{color:var(--muted);line-height:1.8;font-size:14px;margin:0}
.feature-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:320px 280px;gap:15px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;position:relative;overflow:hidden}.feature-card h3{font-size:26px;margin:11px 0 10px;letter-spacing:-.03em}.feature-card p{font-size:13px;line-height:1.75;color:var(--muted);max-width:400px}.feature-icon{font-size:25px;color:var(--blue);margin-bottom:22px}.tag{font-size:8px;letter-spacing:.18em;color:#8a909b;font-weight:800}.feature-main{grid-row:span 2;background:linear-gradient(155deg,#fff,#e7ecfa)}.feature-main h3{font-size:36px}.mini-canvas{position:absolute;left:30px;right:30px;bottom:30px;height:225px;border-radius:14px;background:linear-gradient(135deg,#242838,#715c88 53%,#ddaeaa);display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;font-size:12px}.mini-canvas span,.mini-canvas b{background:rgba(15,18,26,.5);border:1px solid rgba(255,255,255,.2);padding:12px 15px;border-radius:8px;backdrop-filter:blur(5px)}.mini-canvas i{font-style:normal}.dark-card{background:#171a21;color:#fff}.dark-card p{color:#9da3ad}.dark-card .feature-icon{color:var(--cyan)}.wide-card{grid-column:2/4;display:flex;align-items:center;justify-content:space-between}.blend-demo{width:48%;height:100%;display:flex;align-items:center;justify-content:center;gap:10px}.blend-demo span{width:43%;height:150px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:10px}.blend-before{background:linear-gradient(140deg,#eccbb7,#8c667b)}.blend-after{background:linear-gradient(140deg,#9cd8d5,#373e65)}.blend-demo i{font-style:normal;color:#aaa}
.workflow{background:#15181f;color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw}.section-index.light{border-color:#535866;color:#bcc1cb}.workflow-copy h2{margin:24px 0 26px}.workflow-copy>p{color:#969ca7;max-width:450px}.workflow-note{display:flex;align-items:center;gap:13px;margin-top:42px}.workflow-note>span{width:43px;height:43px;border:1px solid #414651;border-radius:9px;display:grid;place-items:center;color:#75a0ff;font-weight:800}.workflow-note p{margin:0}.workflow-note b{display:block;font-size:11px}.workflow-note small{color:#7f8590;font-size:9px}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:27px 0;border-top:1px solid #343842}.steps li:last-child{border-bottom:1px solid #343842}.steps li>b{font-size:11px;color:#667080;padding-top:5px}.steps h3{font-size:20px;margin:0 0 7px}.steps p{margin:0;color:#858c98;font-size:12px;line-height:1.6}
.section-heading.compact{grid-template-columns:.45fr 1fr .75fr}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.model-grid article{border:1px solid var(--line);border-radius:var(--radius);padding:42px;background:#fff}.model-grid article:nth-child(2){background:#e5e0f5}.model-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px}.model-grid h3{font-size:28px;margin:50px 0 12px}.model-grid p{font-size:13px;color:var(--muted);line-height:1.8;max-width:470px}.model-grid ul{display:flex;gap:10px;list-style:none;padding:25px 0 0;margin:30px 0 0;border-top:1px solid var(--line)}.model-grid li{font-size:9px;font-weight:700;border:1px solid var(--line);border-radius:20px;padding:7px 12px}
.cta-section{margin:0 max(3vw,30px) 30px;border-radius:28px;padding:80px max(4vw,50px);background:linear-gradient(120deg,#315ee9,#7757f4 55%,#934fb5);color:#fff;display:flex;align-items:end;justify-content:space-between;overflow:hidden;position:relative}.cta-section:after{content:"Z";position:absolute;right:17%;top:-85px;font-size:330px;font-weight:900;color:rgba(255,255,255,.06);line-height:1}.cta-section>div,.cta-section>a{position:relative;z-index:1}.cta-section>div>span{font-size:9px;letter-spacing:.22em}.cta-section h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.05em;line-height:1.08;margin:20px 0 0}.light-button{background:#fff;color:var(--ink);min-width:180px}.light-button span{margin-left:auto}
footer{max-width:1350px;margin:auto;padding:55px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line)}footer>p{text-align:center;font-size:11px;color:var(--muted)}footer>div:last-child{text-align:right;font-size:10px;color:var(--muted);display:flex;justify-content:flex-end;gap:22px}
@media(max-width:1000px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:700px}.studio-visual{margin-top:20px}.section-heading,.section-heading.compact{grid-template-columns:1fr}.section-heading{gap:25px}.feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.feature-main{grid-row:span 2;min-height:580px}.wide-card{grid-column:1/3}.workflow{grid-template-columns:1fr;gap:70px}.cta-section{align-items:flex-start;flex-direction:column;gap:40px}}
@media(max-width:680px){.site-header{height:66px;padding:0 20px}.header-link{display:none}.hero{padding:55px 20px 60px}.hero h1{font-size:50px}.hero-text{font-size:14px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-meta{gap:12px}.studio-visual{height:440px}.canvas-card{width:90%}.artwork{height:310px}.plugin-card{width:230px}.trust-strip{height:auto;padding:25px 20px;flex-wrap:wrap;gap:15px 22px}.section{padding:85px 20px}.feature-grid{display:block}.feature-card{margin-bottom:13px;min-height:270px}.feature-main{min-height:520px}.wide-card{display:block}.blend-demo{width:100%;height:170px;margin-top:25px}.workflow{padding-left:20px;padding-right:20px}.steps li{grid-template-columns:45px 1fr}.model-grid{grid-template-columns:1fr}.model-grid article{padding:28px}.model-grid h3{margin-top:35px}.model-grid ul{flex-wrap:wrap}.cta-section{margin:0 12px 12px;padding:55px 25px}.cta-section h2{font-size:42px}footer{grid-template-columns:1fr;gap:25px;text-align:center}footer .footer-brand{justify-content:center}footer>div:last-child{justify-content:center}}