@charset "UTF-8";
.ratio-badge{display:inline-flex;align-items:center;gap:15px;margin-top:25px;padding:10px 18px;border:1px solid #dfba92;border-radius:9px;background:#f5e6ce;color:#994427}.ratio-badge span{font-size:13px;font-weight:600}.ratio-badge strong{font-size:27px;line-height:1.1;letter-spacing:1px;font-variant-numeric:tabular-nums}.ratio-badge+.hero-description{margin-top:18px}
:root{--paper:#fbf8f1;--ink:#302b24;--muted:#776f63;--line:#e5ded2;--orange:#b95935;--orange-dark:#994427;--serif:Georgia,"Noto Serif SC",serif;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #b9593590;outline-offset:5px}button:disabled{cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}html{scroll-behavior:smooth;scroll-padding-top:105px}::selection{background:#eacaac}h1,h2,h3,p{margin:0}.section-shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{height:94px;border-bottom:1px solid #e5ded27a;background:#fbf8f1ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav-shell{width:min(1320px,calc(100% - 80px));height:100%;margin:auto;display:flex;align-items:center;gap:48px}.brand{display:flex;gap:12px;align-items:center;margin-right:auto;font-size:18px;font-weight:750;white-space:nowrap}.brand b{font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:5px;color:var(--muted);font-weight:500}.nav-shell nav{display:flex;align-items:center;gap:32px;font-size:13px;color:#696257}.nav-shell nav a{position:relative;white-space:nowrap}.nav-shell nav a:hover,.nav-shell nav .active{color:var(--orange)}.nav-shell nav .active:after{content:"";position:absolute;width:4px;height:4px;background:var(--orange);border-radius:50%;left:50%;bottom:-11px}.new-label{font-size:8px;color:var(--orange);background:#efddc9;padding:3px 5px;border-radius:4px;vertical-align:top;margin-left:3px}.nav-login{border:1px solid #d6cdbd;padding:11px 18px;border-radius:8px;font-size:13px;display:flex;gap:24px}.nav-login:hover{background:#f0e9dd}.menu-toggle{display:none}.skip-link{position:fixed;top:-80px;left:10px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:645px;padding-block:76px 70px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--orange);letter-spacing:2px;font-weight:650;margin-bottom:26px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(38px,4.2vw,59px);line-height:1.32;letter-spacing:-2px;font-weight:750}h1 em{font-style:normal;color:var(--orange);position:relative}h1 em:after{content:"";height:9px;width:93%;position:absolute;bottom:-9px;left:0;border-top:2px solid #cc9262;border-radius:50%;transform:rotate(-2deg)}.hero-description{font-size:15px;color:var(--muted);line-height:1.95;margin-top:27px}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:15px 23px;border-radius:8px;font-size:13px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#fffaf3;box-shadow:0 5px 12px #9a4a2510}.primary:hover{background:var(--orange-dark)}.secondary{background:#fffdf8;border:1px solid var(--line);gap:10px}.secondary:hover{background:#f4ede1}.hero-note{display:flex;gap:16px;font-size:10px;color:#82796c;margin-top:18px}.hero-note span+span:before{content:"·";margin-right:16px}.client-strip{margin-top:39px;font-size:9px;color:#8f8678;letter-spacing:1px}.client-strip>div{display:flex;gap:22px;margin-top:12px;align-items:center;color:#5b554c;font-size:11px;letter-spacing:0}.client-strip b{font-size:20px;vertical-align:middle;margin-right:5px}.cherry{color:#c17b61}.code-icon{color:#917548}.terminal-icon{color:#6a7060;font-family:monospace;font-size:14px!important}
.hero-visual{position:relative;padding-bottom:30px;min-width:0}.visual-orbit{position:absolute;width:90%;height:90%;border:1px solid #e5d4b7;border-radius:50%;left:5%;top:5%;transform:rotate(-25deg) scaleY(.86)}.visual-star{position:absolute;right:-30px;top:-48px;font-size:68px;color:#bd7947;line-height:1}.code-window{position:relative;min-width:0;background:#fffdf9;border:1px solid #e4dccf;border-radius:14px;box-shadow:0 25px 70px -32px #70533938;overflow:hidden;transform:rotate(-1.4deg)}.code-top{display:flex;align-items:center;padding:17px 19px;gap:13px;font-size:10px;color:#908675;border-bottom:1px solid #eee6da}.traffic-dots{display:flex;gap:5px}.traffic-dots i{width:7px;height:7px;border-radius:50%;background:#d6a087}.traffic-dots i:nth-child(2){background:#dbc994}.traffic-dots i:nth-child(3){background:#acb699}.code-badge{margin-left:auto;font-family:monospace;font-size:9px}.code-tabs{display:flex;padding:7px 19px 0;gap:20px;border-bottom:1px solid #eee6da}.code-tabs button{border:0;background:none;padding:12px 0;font-size:11px;color:#918779;border-bottom:2px solid transparent}.code-tabs button[aria-selected="true"]{color:var(--orange);border-color:var(--orange);font-weight:650}.code-body{padding:23px 21px 12px;min-height:261px}.code-endpoint{display:flex;align-items:center;gap:9px;font-size:10px}.code-endpoint>span{font-size:8px;background:#eee8da;padding:4px 6px;color:#6b6e43;border-radius:4px;font-weight:650}.code-endpoint code{color:#827569}.code-endpoint button{margin-left:auto;border:0;background:none;font-size:10px;color:#948673}pre{font-family:"Cascadia Code",Consolas,monospace;font-size:10.4px;line-height:1.9;color:#9d6343;overflow:auto;padding-block:10px;tab-size:2}.code-footer{padding:15px 20px;border-top:1px solid #eee6da;font-size:9px;color:#918777;display:flex;justify-content:space-between}.code-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#859171;margin-right:5px}.floating-note{position:absolute;display:flex;align-items:center;gap:13px;right:5px;bottom:-1px;background:#f6eedf;border:1px solid #e4d7c3;box-shadow:0 10px 30px #59432410;padding:15px 18px;border-radius:9px;transform:rotate(2deg)}.key-symbol{background:#e8dcc5;border-radius:9px;padding:10px;font-size:18px;color:#8c7655}.floating-note b{font-size:11px}.floating-note small{font-size:9px;display:block;margin-top:6px;color:#8b7c66}.floating-note>span:last-child{margin-left:14px;color:#9a7750}
.capabilities{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0}.capabilities>div{padding:0 25px;border-left:1px solid var(--line);position:relative}.capabilities>div:first-child{padding-left:0;border-left:0}.capabilities span{display:block;font-family:var(--serif);font-size:11px;color:#a9967a;margin-bottom:8px}.capabilities strong{font-size:14px;font-weight:650}.capabilities small{display:block;font-size:10px;color:var(--muted);margin-top:7px}
.studio-section{padding-block:99px 95px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-kicker{font-size:9px;letter-spacing:2px;color:var(--orange);font-weight:650}.studio-intro h2,.contact-section h2{font-size:38px;letter-spacing:-1.5px;line-height:1.5;margin-top:19px;font-weight:650}.studio-intro p{color:var(--muted);font-size:13px;line-height:1.9;margin-top:17px}.studio-tags{display:flex;gap:8px;margin:24px 0}.studio-tags span{padding:6px 11px;border:1px solid var(--line);font-size:10px;border-radius:5px;color:var(--muted)}.studio-key-note{display:block;font-size:10px;color:#938572;margin-top:14px}.art-board{position:relative;height:408px;border:1px solid #e7d6be;border-radius:16px;background:#f0e3ca;overflow:hidden}.art-top-label{position:absolute;top:23px;left:24px;font-size:8px;letter-spacing:2px;color:#977c57;z-index:1}.art-scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#f6ead2,#ebd6b9)}.art-sun{position:absolute;right:-22px;top:-18px;border-radius:50%;width:240px;height:240px;background:linear-gradient(125deg,#fff7df90,#fbebca10);box-shadow:-40px 30px 100px #fff7df}.art-arch{position:absolute;width:190px;height:225px;left:57px;top:92px;background:#dec2a3;border-radius:110px 110px 0 0;box-shadow:inset 18px 9px 27px #bd997529}.art-platform{position:absolute;width:280px;height:70px;left:133px;bottom:74px;transform:skewY(-7deg);background:#e8d1b0;box-shadow:24px 25px 20px #b6926b30}.art-vase{position:absolute;width:100px;height:120px;left:calc(50% - 18px);top:185px;border-radius:35% 35% 30% 30%;background:linear-gradient(100deg,#af623f,#cb8c60 38%,#cf9569 55%,#ae6948);box-shadow:28px 16px 18px #8a5c3525}.vase-neck{position:absolute;width:42px;height:33px;background:linear-gradient(90deg,#b47450,#d0986e);left:29px;top:-18px;border-radius:8px 8px 0 0}.stem{position:absolute;width:3px;background:#727347;height:145px;bottom:124px;left:49px;transform:rotate(-12deg);transform-origin:bottom}.stem-two{height:100px;transform:rotate(30deg)}.leaf{position:absolute;width:48px;height:19px;background:#8d8958;bottom:162px;border-radius:0 100% 0 100%;left:60px;transform:rotate(-24deg)}.leaf-two{bottom:195px;left:2px;transform:rotate(22deg)}.flower{width:54px;height:54px;position:absolute;left:3px;top:-149px}.flower i{position:absolute;left:17px;top:0;width:22px;height:34px;background:#b85732;border-radius:55%;transform-origin:50% 80%;box-shadow:inset 3px 1px 6px #de895450}.flower i:nth-child(2){transform:rotate(72deg)}.flower i:nth-child(3){transform:rotate(144deg)}.flower i:nth-child(4){transform:rotate(216deg)}.flower i:nth-child(5){transform:rotate(288deg)}.flower b{position:absolute;left:19px;top:18px;width:18px;height:18px;background:#e2ab50;border-radius:50%;box-shadow:inset 1px 1px 5px #704c4520}.art-prompt{position:absolute;bottom:35px;left:23px;right:23px;display:flex;align-items:center;gap:14px;padding:17px 18px;background:#fffdf5eb;backdrop-filter:blur(8px);border:1px solid #ffffff91;border-radius:9px}.art-prompt>span{font-size:28px;color:var(--orange)}.art-prompt p{font-size:11px;line-height:1.7;color:#88735e}.art-prompt a{margin-left:auto;padding:10px;background:var(--orange);color:white;border-radius:7px}.art-caption{position:absolute;bottom:12px;left:25px;font-size:8px;color:#826b54}
.guide-section{border-top:1px solid var(--line);padding-block:75px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}h2{font-size:30px;font-weight:650;letter-spacing:-.8px;line-height:1.5}.section-heading h2,.faq-section h2{margin-top:13px}.text-link{font-size:11px;color:var(--orange)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:37px}.steps article{border-top:1px solid #d7c6ab;padding-top:21px}.step-number{font-family:var(--serif);font-size:19px;color:#aa8460}.steps h3{font-size:17px;font-weight:650;margin-top:18px}.steps p{font-size:12px;color:var(--muted);line-height:1.95;margin-top:12px;max-width:290px;min-height:70px}.steps a{display:flex;justify-content:space-between;font-size:11px;margin-top:20px;color:var(--orange)}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;border-top:1px solid var(--line);padding-block:72px}.faq-section>div>p{font-size:12px;color:var(--muted);line-height:2;margin-top:16px}.faqs details{border-bottom:1px solid var(--line)}.faqs summary{padding:22px 0;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:20px;color:#98846c}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{font-size:12px;line-height:1.9;color:var(--muted);padding-bottom:24px}.contact-section{padding:43px 46px;background:#efe7d7;border:1px solid #e6dcca;border-radius:13px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;margin-block:20px 65px}.contact-section h2{font-size:27px;line-height:1.5;margin-top:14px}.contact-section p{font-size:10px;color:var(--muted);margin-top:14px}.contact-options{display:grid;grid-template-columns:1fr 1.35fr;gap:12px}.contact-options button{background:#fcf9f2;border:1px solid #e2d5bf;border-radius:9px;text-align:left;padding:21px 16px;color:var(--ink);min-width:0}.contact-options button:hover{background:#fffcf8;border-color:#c29775}.contact-options span{display:block;font-size:10px;color:var(--muted)}.contact-options strong{display:block;font-size:17px;font-weight:600;margin-top:12px;overflow-wrap:anywhere}.contact-options small{display:flex;justify-content:space-between;font-size:9px;color:#8c7760;margin-top:25px}.footer{display:flex;align-items:center;gap:26px;padding-bottom:30px;font-size:9px;color:#9a8d7c}.footer-brand{font-size:12px;color:#776653;font-weight:600}.footer>div{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}.footer a:hover{color:var(--orange)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:#382e23;color:#fff8eb;padding:12px 22px;border-radius:8px;font-size:12px;z-index:99;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero{min-height:680px}}@media(max-width:1100px){.nav-shell{gap:28px}.nav-shell nav{gap:21px}.section-shell{width:calc(100% - 64px)}.hero{gap:36px}.hero-note{gap:8px;font-size:9px}.hero-note span+span:before{margin-right:8px}.hero-actions{gap:8px}.button{padding:14px 18px;gap:15px}.studio-section{gap:50px}.contact-section{padding:35px;grid-template-columns:1fr 1.4fr}.contact-options strong{font-size:15px}.footer>span{display:none}.visual-star{right:-13px}}
@media(max-width:800px){.header{height:78px}.nav-shell{width:calc(100% - 36px);gap:18px}.brand{font-size:16px}.brand img{width:34px;height:34px}.brand small{font-size:7px}.nav-shell nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);padding:23px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #342c2310;flex-wrap:wrap;gap:23px}.nav-shell nav.open{display:flex}.menu-toggle{display:block;background:none;border:0;font-size:11px;color:#6a5e50;padding:8px}.menu-toggle span{margin-left:6px}.nav-login{padding:9px 12px;gap:12px;font-size:11px}.section-shell{width:calc(100% - 40px)}.hero{padding-block:46px 53px;grid-template-columns:1fr;gap:55px;min-height:auto}.hero-copy{max-width:580px}.eyebrow{font-size:10px;margin-bottom:21px}h1{font-size:46px;letter-spacing:-1.5px}.hero-description{font-size:14px}.hero-note{font-size:10px;gap:13px}.hero-note span+span:before{margin-right:13px}.client-strip{margin-top:27px}.hero-visual{max-width:520px;width:100%;margin:auto}.visual-star{right:4px;top:-27px;font-size:47px}.visual-orbit{width:98%;height:105%;left:0}.code-window{transform:rotate(0)}pre{font-size:11px}.floating-note{bottom:-7px;right:10px}.capabilities{grid-template-columns:1fr 1fr;gap:22px;padding-block:25px}.capabilities>div{padding-inline:18px}.capabilities>div:first-child{padding-left:18px}.capabilities>div:nth-child(3){border-left:0}.capabilities strong{font-size:13px}.studio-section{grid-template-columns:1fr;padding-block:56px;gap:32px}.studio-intro h2{font-size:32px}.art-board{height:390px;max-width:520px;width:100%;margin:auto}.guide-section{padding-block:52px}.section-heading{align-items:start;flex-direction:column;gap:16px}h2{font-size:26px}.steps{gap:22px;margin-top:24px;grid-template-columns:1fr}.steps article{display:grid;grid-template-columns:45px 1fr;column-gap:10px;padding-top:20px}.step-number{grid-row:1/4}.steps h3{margin-top:0;font-size:16px}.steps p{min-height:0;max-width:none}.steps a{margin-top:12px}.faq-section{grid-template-columns:1fr;gap:15px;padding-block:45px}.faq-section>div>p{display:none}.faqs summary{font-size:12px}.contact-section{width:calc(100% - 40px);padding:27px 22px;grid-template-columns:1fr;gap:25px;margin-block:12px 34px}.contact-section h2{font-size:26px}.contact-options{gap:9px}.contact-options button{padding:18px 13px}.contact-options strong{font-size:15px}.footer{flex-wrap:wrap;gap:15px;padding-bottom:25px}.footer>div{margin-left:0;width:100%;gap:20px}.footer-brand{font-size:12px}}
@media(max-width:380px){h1{font-size:39px}.brand small{display:none}.nav-shell{gap:8px}.hero-actions .button{padding:13px 14px;font-size:12px}.hero-note{font-size:9px;gap:6px}.hero-note span+span:before{margin-right:6px}.client-strip>div{gap:12px;font-size:10px}.contact-options{grid-template-columns:1fr}.contact-options small{margin-top:12px}.code-tabs{gap:15px}.floating-note{right:0}.art-vase{left:50%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:800px){.visual-orbit{display:none}}

.embedded>.header,.embedded>.footer{display:none}.embedded .hero{padding-top:48px;min-height:590px}
.top-contact{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:18px;align-items:center;margin-top:24px;padding:18px 24px;border:1px solid #e5d8c3;border-radius:12px;background:#f0e7d7}.top-contact-intro strong{display:block;margin-top:8px;font-size:12px;font-weight:500;color:#7b6751}.top-contact button{display:grid;grid-template-columns:1fr auto;gap:5px 12px;text-align:left;padding:12px 16px;background:#fffaf2;border:1px solid #e4d6bf;border-radius:8px;color:var(--ink);min-width:0}.top-contact button>span{font-size:10px;color:#82705c}.top-contact button strong{grid-column:1;font-size:17px;font-weight:600;overflow-wrap:anywhere}.top-contact button small{grid-column:2;grid-row:1/3;align-self:center;font-size:10px;color:var(--orange)}.top-contact button:hover{background:#fffdf8;border-color:#bf8b62}.top-contact+.hero{padding-top:48px;min-height:565px}.faq-section{margin-bottom:45px}
@media(max-width:1000px){.top-contact{grid-template-columns:1fr 1.3fr;gap:12px}.top-contact-intro{grid-column:1/-1;display:flex;align-items:center;gap:18px}.top-contact-intro strong{margin:0}.top-contact button strong{font-size:15px}}
@media(max-width:600px){.top-contact{margin-top:16px;padding:16px;grid-template-columns:1fr;gap:9px}.top-contact-intro{padding-bottom:4px;gap:12px}.top-contact-intro strong{font-size:10px}.top-contact button{padding:11px 13px}.top-contact button strong{font-size:16px}.top-contact+.hero{padding-top:35px;min-height:auto}.top-contact button small{font-size:10px}}