:root{color-scheme:light;--ink:#111612;--muted:#667069;--paper:#f2f4f0;--white:#fff;--line:#dce1db;--green:#177454;--lime:#c9f15b;--coral:#ff725e;--yellow:#eebf52;--black:#0b0e0c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}button,input,textarea{font:inherit;letter-spacing:0}a{color:inherit}.page-width{width:min(1240px,calc(100% - 48px));margin:0 auto}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:72px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(7,10,8,.62);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--green);font-size:21px;font-weight:900;box-shadow:inset 0 -4px 0 rgba(0,0,0,.16)}.brand>span:last-child{display:grid}.brand strong{font-size:18px}.brand small{font-size:8px;letter-spacing:1.4px;opacity:.64}.site-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:34px}.site-nav a{position:relative;height:100%;display:flex;align-items:center;text-decoration:none;color:rgba(255,255,255,.67);font-size:13px;font-weight:700}.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--lime)}.header-actions{display:flex;align-items:center;gap:9px}.header-link{font-size:12px;text-decoration:none;color:rgba(255,255,255,.72)}.canvas-button{height:40px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid rgba(255,255,255,.35);border-radius:5px;background:#fff;color:var(--ink);text-decoration:none;font-size:12px;font-weight:800}.canvas-button span{font-size:16px}.profile-button{height:40px;display:flex;align-items:center;gap:7px;padding:0 9px 0 5px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:rgba(255,255,255,.08);color:#fff}.profile-button span{width:29px;height:29px;display:grid;place-items:center;border-radius:4px;background:var(--green);font-weight:900}.profile-button strong{max-width:84px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.hero{position:relative;height:min(920px,100vh);min-height:740px;overflow:hidden;color:#fff;background:var(--black)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,6,.97) 0%,rgba(5,8,6,.82) 27%,rgba(5,8,6,.32) 57%,rgba(5,8,6,.15) 100%),linear-gradient(0deg,rgba(5,8,6,.76),transparent 46%)}.hero-content{position:relative;z-index:2;width:min(1240px,calc(100% - 48px));margin:0 auto;padding-top:142px}.hero-kicker{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;letter-spacing:.7px}.hero-kicker i,.live-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(201,241,91,.14)}.hero h1{max-width:720px;margin:28px 0 20px;font-size:clamp(54px,6.6vw,102px);line-height:.96;font-weight:900}.hero-content>p{max-width:590px;margin:0;color:rgba(255,255,255,.7);font-size:16px;line-height:1.8}.quick-create{width:min(720px,100%);margin-top:38px;border:1px solid rgba(255,255,255,.32);border-radius:7px;background:rgba(12,16,13,.72);box-shadow:0 24px 70px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.create-head,.create-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 16px}.create-head{border-bottom:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:800}.live-status{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.55);font-size:9px}.live-status i{width:5px;height:5px}.quick-create textarea{width:100%;min-height:104px;padding:20px 18px;border:0;outline:0;resize:none;color:#fff;background:transparent;font-size:15px;line-height:1.7}.quick-create textarea::placeholder{color:rgba(255,255,255,.38)}.create-foot{border-top:1px solid rgba(255,255,255,.12)}.create-tools{display:flex;align-items:center;gap:7px}.create-tools button,.create-tools span{height:29px;display:flex;align-items:center;padding:0 9px;border:1px solid rgba(255,255,255,.17);border-radius:4px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.04);font-size:9px}.create-tools button{font-size:17px;cursor:pointer}.create-submit{height:39px;display:flex;align-items:center;gap:19px;padding:0 15px;border:0;border-radius:4px;background:var(--lime);color:#10160e;font-size:11px;font-weight:900;cursor:pointer}.create-submit span{font-size:17px}.hero-proof{position:absolute;z-index:2;left:50%;bottom:28px;width:min(1240px,calc(100% - 48px));transform:translateX(-50%);display:flex;gap:34px;color:rgba(255,255,255,.56);font-size:9px}.hero-proof span{display:flex;align-items:baseline;gap:7px}.hero-proof strong{color:#fff;font-size:19px}.hero-next{position:absolute;z-index:2;right:25px;bottom:30px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.6);font-size:9px;text-decoration:none;transform:rotate(90deg);transform-origin:right bottom}.workflow-section{padding:110px 0}.section-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:90px;align-items:end;margin-bottom:42px}.section-index{display:block;margin-bottom:17px;color:var(--green);font-size:9px;font-weight:900;letter-spacing:1.4px}.section-heading h2{margin:0;font-size:clamp(35px,4vw,58px);line-height:1.08}.section-heading>p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.workflow-grid{display:grid;grid-template-columns:1.15fr repeat(3,1fr);border-top:1px solid #bbc4bc;border-bottom:1px solid #bbc4bc}.workflow-card{position:relative;min-height:340px;padding:25px 24px;border-right:1px solid #bbc4bc;background:transparent;transition:.25s ease}.workflow-card:last-child{border-right:0}.workflow-card:hover{background:#fff;transform:translateY(-5px);box-shadow:0 24px 60px rgba(26,41,32,.1)}.workflow-number{color:#929c94;font-size:9px}.workflow-icon{width:45px;height:45px;display:grid;place-items:center;margin:42px 0 28px;border-radius:6px;background:#e5e9e4;color:var(--green);font-size:22px}.workflow-card>span{color:var(--green);font-size:9px;font-weight:900}.workflow-card h3{margin:7px 0 11px;font-size:20px}.workflow-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.75}.workflow-card button{position:absolute;left:24px;bottom:22px;display:flex;gap:22px;border:0;background:transparent;padding:0;color:var(--green);font-size:10px;font-weight:900;cursor:pointer}.workflow-featured{background:var(--green);color:#fff}.workflow-featured .workflow-number,.workflow-featured p{color:rgba(255,255,255,.64)}.workflow-featured .workflow-icon{background:var(--lime);color:#122016}.workflow-featured>span,.workflow-featured button{color:var(--lime)}.model-section{padding:110px 0;background:#0b0e0c;color:#fff}.section-heading.light .section-index{color:var(--lime)}.section-heading.light>p{color:rgba(255,255,255,.56)}.model-stage{display:grid;grid-template-columns:1.1fr .9fr;min-height:500px;border:1px solid #2f3531;background:#101411}.model-copy{display:flex;flex-direction:column;justify-content:center;padding:60px;border-right:1px solid #2f3531;background:radial-gradient(circle at 82% 34%,rgba(201,241,91,.12),transparent 30%)}.model-badge{align-self:flex-start;padding:5px 8px;border:1px solid #3d473f;color:var(--lime);font-size:8px;font-weight:900}.model-copy h3{margin:26px 0 14px;font-size:55px}.model-copy p{max-width:510px;color:rgba(255,255,255,.58);font-size:13px;line-height:1.8}.model-specs{display:flex;flex-wrap:wrap;gap:26px;margin:34px 0}.model-specs span{display:grid;color:rgba(255,255,255,.45);font-size:9px}.model-specs b{color:#fff;font-size:24px}.model-copy>a{align-self:flex-start;display:flex;gap:26px;color:var(--lime);font-size:11px;font-weight:900;text-decoration:none}.model-list{display:flex;flex-direction:column}.model-list button{flex:1;display:grid;grid-template-columns:42px 1fr 1fr 20px;align-items:center;padding:0 24px;border:0;border-bottom:1px solid #2f3531;background:transparent;color:#fff;text-align:left;cursor:pointer}.model-list button:last-child{border-bottom:0}.model-list button:hover,.model-list button.active{background:#171d18}.model-list span{color:#657068;font-size:9px}.model-list strong{font-size:14px}.model-list small{color:#6f7971;font-size:10px}.model-list i{width:7px;height:7px;border-radius:50%;background:#374139}.model-list button.active i{background:var(--lime);box-shadow:0 0 0 5px rgba(201,241,91,.08)}.community-section{padding:110px 0}.section-heading.compact{grid-template-columns:1fr auto;align-items:end}.section-heading.compact h2{font-size:43px}.section-heading.compact a{display:flex;gap:20px;color:var(--green);font-size:11px;font-weight:900;text-decoration:none}.community-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:14px}.community-work{position:relative;min-height:480px;overflow:hidden;background:#182019;color:#fff}.community-work.large{min-height:560px}.community-work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.community-work:hover img{transform:scale(1.035)}.community-work:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,6,.92),transparent 65%)}.community-work>div{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.community-work span{color:rgba(255,255,255,.62);font-size:9px}.community-work h3{margin:8px 0 5px;font-size:24px}.community-work p{margin:0;color:rgba(255,255,255,.65);font-size:10px}.community-work a{position:absolute;right:0;bottom:0;color:var(--lime);font-size:9px;font-weight:900;text-decoration:none}.final-cta{min-height:460px;display:grid;place-items:center;text-align:center;background:#dbe5dc}.final-cta>div{padding:70px 24px}.final-cta span{color:var(--green);font-size:9px;font-weight:900;letter-spacing:1.5px}.final-cta h2{margin:19px 0 10px;font-size:clamp(42px,5vw,70px)}.final-cta p{color:var(--muted);font-size:13px}.final-cta a{height:44px;display:inline-flex;align-items:center;gap:32px;margin-top:22px;padding:0 18px;border-radius:4px;background:var(--ink);color:#fff;text-decoration:none;font-size:11px;font-weight:900}.final-cta a span{color:var(--lime);font-size:16px}.site-footer{min-height:130px;display:flex;align-items:center;gap:50px;padding:30px max(30px,calc((100vw - 1240px)/2));background:#0b0e0c;color:#fff}.site-footer p{margin-left:auto;color:#556058;font-size:8px;letter-spacing:1.4px}.site-footer>div{display:flex;gap:20px}.site-footer>div a{color:#89928b;font-size:9px;text-decoration:none}.toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translate(-50%,20px);padding:11px 16px;border-radius:4px;background:#111612;color:#fff;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.site-header{grid-template-columns:190px 1fr auto}.header-link,.profile-button strong{display:none}.workflow-grid{grid-template-columns:repeat(2,1fr)}.workflow-card{border-bottom:1px solid #bbc4bc}.community-grid{grid-template-columns:1.2fr 1fr}.community-work:last-child{grid-column:1/-1;min-height:360px}.model-copy{padding:40px}}
@media(max-width:760px){.page-width,.hero-content,.hero-proof{width:calc(100% - 28px)}.site-header{height:60px;grid-template-columns:1fr auto;padding:0 14px}.site-nav,.profile-button{display:none}.canvas-button{height:37px}.hero{height:auto;min-height:760px}.hero-content{padding-top:105px}.hero h1{font-size:52px}.hero-content>p{font-size:13px}.quick-create{margin-top:28px}.create-tools span:nth-of-type(n+2){display:none}.hero-proof{bottom:24px;gap:15px}.hero-proof span:nth-child(3){display:none}.hero-next{display:none}.workflow-section,.model-section,.community-section{padding:75px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.workflow-grid{grid-template-columns:1fr}.workflow-card{min-height:290px;border-right:0}.workflow-card .workflow-icon{margin:28px 0 20px}.model-stage{grid-template-columns:1fr}.model-copy{padding:34px 24px;border-right:0;border-bottom:1px solid #2f3531}.model-copy h3{font-size:39px}.model-list button{min-height:76px;grid-template-columns:30px 1fr 20px}.model-list small{display:none}.community-grid{grid-template-columns:1fr}.community-work,.community-work.large,.community-work:last-child{min-height:430px;grid-column:auto}.section-heading.compact a{margin-top:18px}.site-footer{align-items:flex-start;flex-direction:column;gap:20px}.site-footer p{margin:0}.hero-image{object-position:58% center}}

/* Homepage brand slot and workflow card refresh. */
.brand-media{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:8px;background:rgba(255,255,255,.1)}
.brand-logo,.brand-fallback{grid-area:1/1;width:100%;height:100%}
.brand-logo{display:block;object-fit:contain;padding:4px}
.brand-logo[hidden]{display:none}
.brand-fallback{display:grid;place-items:center;color:#fff;background:var(--green);font-size:21px;font-weight:900;box-shadow:inset 0 -4px 0 rgba(0,0,0,.16)}
.brand-logo:not([hidden])+.brand-fallback{display:none}

.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0}
.workflow-card{display:flex;min-width:0;min-height:360px;flex-direction:column;padding:25px 24px 22px;overflow:hidden;border:1px solid #d5dbd4;border-radius:8px;background:#fff;box-shadow:0 12px 35px rgba(23,41,30,.06);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.workflow-card:last-child{border-right:1px solid #d5dbd4}
.workflow-card:hover{z-index:1;border-color:#aebbb1;background:#fff;transform:translateY(-6px);box-shadow:0 24px 58px rgba(23,41,30,.13)}
.workflow-number{display:flex;align-items:center;justify-content:space-between;color:#879189;font-size:9px;font-weight:800;letter-spacing:.8px}
.workflow-number:after{content:"";width:38px;height:1px;background:#d9dfda}
.workflow-icon{width:48px;height:48px;margin:34px 0 26px;border:1px solid #dfe4df;border-radius:8px;background:#f0f3ef;color:var(--green);box-shadow:inset 0 0 0 5px rgba(255,255,255,.55)}
.workflow-card>span{font-size:9px;letter-spacing:.4px}
.workflow-card h3{margin:8px 0 13px;font-size:22px;line-height:1.2}
.workflow-card p{font-size:11px;line-height:1.85}
.workflow-card button{position:static;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:24px;border-top:1px solid #e5e9e5}
.workflow-card button span{font-size:15px}
.workflow-featured{border-color:#174d3a;background:#173f31;color:#fff;box-shadow:0 18px 44px rgba(19,59,44,.2)}
.workflow-featured:hover{border-color:#174d3a;background:#173f31;box-shadow:0 28px 64px rgba(19,59,44,.28)}
.workflow-featured:before{content:"RECOMMENDED";position:absolute;top:23px;right:22px;padding:5px 7px;border:1px solid rgba(201,241,91,.35);border-radius:4px;color:var(--lime);background:rgba(201,241,91,.08);font-size:7px;font-weight:900;letter-spacing:.9px}
.workflow-featured .workflow-number:after{background:rgba(255,255,255,.2)}
.workflow-featured .workflow-icon{border-color:rgba(201,241,91,.3);background:var(--lime);box-shadow:none}
.workflow-featured button{border-top-color:rgba(255,255,255,.16)}

@media(max-width:1050px){.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-card{border-bottom:1px solid #d5dbd4}}
@media(max-width:760px){.brand-media{width:37px;height:37px;flex-basis:37px}.workflow-grid{grid-template-columns:1fr;gap:12px}.workflow-card{min-height:300px;padding:22px}.workflow-card .workflow-icon{margin:25px 0 19px}.workflow-featured:before{top:20px;right:20px}}
@media(max-width:430px){.brand small{display:none}.header-actions{gap:0}.hero h1{font-size:45px}.create-foot{align-items:flex-end}.create-tools span:first-of-type{display:none}.create-submit{padding:0 12px}.hero-proof strong{font-size:16px}.section-heading h2,.section-heading.compact h2{font-size:34px}}
html,body{overflow-x:hidden}
@media(max-width:760px){.site-header{display:flex;justify-content:space-between}.header-link{display:none}.header-actions{flex:none}.canvas-button{padding:0 11px}.quick-create{max-width:100%}.create-foot{gap:8px}.create-tools{min-width:0;flex:none}.create-submit{flex:none}}
@media(max-width:760px){.site-header .canvas-button{display:none}.hero{min-height:820px}.create-foot{display:grid;grid-template-columns:1fr;align-items:stretch}.create-tools{width:100%}.create-submit{width:100%;justify-content:space-between}}
@media(max-width:430px){.create-foot{display:grid;grid-template-columns:1fr;align-items:stretch}.create-tools{width:100%}.create-tools span{display:none}.create-submit{width:100%;justify-content:space-between;gap:10px;font-size:10px}}

/* v16: product-led homepage refinement */
section[id]{scroll-margin-top:72px}
.site-header{grid-template-columns:240px 1fr auto;padding-inline:max(24px,calc((100vw - 1440px)/2));transition:background .2s ease,border-color .2s ease}
.site-header.is-scrolled{border-bottom-color:rgba(255,255,255,.1);background:rgba(7,10,8,.88)}
.brand strong{line-height:1.15}.site-nav{gap:28px}.site-nav a{font-size:12px}.canvas-button,.profile-button{border-radius:7px}
.workflow-section{padding-bottom:126px}.workflow-grid{align-items:stretch}.workflow-card{min-height:372px}.workflow-card h3{font-size:23px}.workflow-card p{max-width:240px}

.studio-section{position:relative;padding:112px 0 98px;overflow:hidden;background:#dfe6f0;color:#10151b}
.studio-section:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(45,69,94,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(45,69,94,.065) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.studio-section .page-width{position:relative}.studio-heading .section-index{color:#245a87}.studio-heading>p{color:#556576}
.studio-window{overflow:hidden;border:1px solid rgba(21,37,53,.34);border-radius:8px;background:#111820;box-shadow:0 30px 90px rgba(32,53,74,.22)}
.studio-topbar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:1px solid #2d3945;color:#dce6ef;background:#171f28}
.studio-project{display:flex;align-items:center;gap:10px;min-width:0}.studio-logo{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#3e7eab;color:#fff;font-weight:900}.studio-project strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.studio-project small{padding:4px 7px;border-radius:4px;color:#7f96a8;background:#202b35;font-size:8px}.studio-tabs{height:38px;display:flex;align-items:center;padding:3px;border:1px solid #303c48;border-radius:7px;background:#121920}.studio-tabs span{height:30px;display:flex;align-items:center;padding:0 16px;border-radius:5px;color:#6f8292;font-size:9px;font-weight:800}.studio-tabs .active{color:#e9f1f7;background:#283440}.studio-topbar>a{justify-self:end;display:flex;align-items:center;gap:16px;height:34px;padding:0 12px;border-radius:6px;color:#0f1720;background:#edf4f8;text-decoration:none;font-size:9px;font-weight:900}
.studio-body{height:620px;display:grid;grid-template-columns:52px minmax(0,1fr) 230px}.studio-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;border-right:1px solid #2b3641;background:#151d25}.studio-rail button{width:32px;height:32px;border:1px solid transparent;border-radius:6px;color:#738696;background:transparent;cursor:default}.studio-rail button.active{border-color:#3d4d5b;color:#f5f8fb;background:#27333e}.studio-rail i{flex:1}
.studio-canvas{position:relative;overflow:hidden;background:#0e151c}.canvas-grid{position:absolute;inset:0;background-image:radial-gradient(#344351 1px,transparent 1px);background-size:22px 22px;opacity:.6}.preview-node{position:absolute;z-index:2;overflow:hidden;border:1px solid #3a4855;border-radius:7px;background:#172029;color:#dfe8ef;box-shadow:0 16px 34px rgba(0,0,0,.24)}.preview-node:before,.preview-node:after{content:"";position:absolute;top:50%;width:8px;height:8px;border:2px solid #7bbde7;border-radius:50%;background:#111820;transform:translateY(-50%)}.preview-node:before{left:-6px}.preview-node:after{right:-6px}.preview-node header{height:46px;display:flex;align-items:center;gap:9px;padding:0 11px;border-bottom:1px solid #2f3b46}.preview-node header>span{width:25px;height:25px;display:grid;place-items:center;border-radius:5px;color:#a8d5f0;background:#24394a;font-size:10px;font-weight:900}.preview-node header>div{display:grid}.preview-node header strong{font-size:10px}.preview-node header small{color:#687d8e;font-size:7px}.preview-node header i{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#59c899}.preview-node footer{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-top:1px solid #2c3742;color:#718493;font-size:8px}.preview-node footer b{color:#68d9a8;font-size:8px}.image-node{top:82px;left:7%;width:190px}.image-node img{display:block;width:100%;height:144px;object-fit:cover}.image-node footer{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:35px}.prompt-node{top:295px;left:34%;width:265px}.prompt-node p{height:112px;margin:0;padding:15px;color:#9fb0bd;font-size:10px;line-height:1.8}.prompt-node mark{padding:2px 4px;border-radius:3px;color:#a9d9f5;background:#243c4c}.model-node{top:95px;right:6%;width:222px}.model-preview{position:relative;height:175px;background:#0a0e12}.model-preview img{width:100%;height:100%;object-fit:cover}.model-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,10,.64),transparent 50%)}.model-preview span{position:absolute;z-index:1;right:10px;bottom:9px;padding:3px 5px;border-radius:3px;background:rgba(0,0,0,.68);font-size:8px}.connector{position:absolute;z-index:1;height:2px;transform-origin:left center;background:linear-gradient(90deg,#4e9fcf,#7bd7a8)}.connector:after{content:"";position:absolute;right:-1px;top:-2px;width:6px;height:6px;border-radius:50%;background:#7bd7a8}.connector-a{top:201px;left:23%;width:28%;transform:rotate(22deg)}.connector-b{top:365px;left:55%;width:23%;transform:rotate(-32deg)}.studio-status{position:absolute;left:17px;right:17px;bottom:15px;height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #2b3945;border-radius:6px;color:#6e8292;background:rgba(20,29,37,.88);font-size:8px;backdrop-filter:blur(8px)}.studio-status i{width:6px;height:6px;border-radius:50%;background:#64d9a3;box-shadow:0 0 0 4px rgba(100,217,163,.1)}.studio-status strong{margin-left:auto;color:#90a4b3}
.studio-inspector{padding:18px 15px;border-left:1px solid #2b3641;color:#8da0af;background:#151d25}.studio-inspector>span{display:block;margin-bottom:20px;color:#e5edf3;font-size:11px;font-weight:900}.studio-inspector label{display:grid;gap:7px;margin-bottom:11px;color:#617585;font-size:8px}.studio-inspector label strong{height:35px;display:flex;align-items:center;padding:0 9px;border:1px solid #303d49;border-radius:5px;color:#cbd7df;background:#111820;font-size:9px}.studio-inspector>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.studio-inspector button{width:100%;height:39px;display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:0 11px;border:0;border-radius:5px;color:#0e1714;background:#73d9ad;font-size:9px;font-weight:900}.studio-capabilities{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid rgba(37,66,91,.16);border-radius:8px;background:rgba(255,255,255,.58);backdrop-filter:blur(10px)}.studio-capabilities span{min-width:0;padding:18px 20px;border-right:1px solid rgba(37,66,91,.13);color:#425465;font-size:10px;font-weight:800}.studio-capabilities span:last-child{border-right:0}.studio-capabilities b{margin-right:10px;color:#2f74a3;font-size:8px}

.model-section{background:#0d1115}.model-stage{overflow:hidden;border-radius:8px;border-color:#303841;background:#12181e}.model-copy{border-color:#303841;background:radial-gradient(circle at 80% 30%,rgba(78,157,202,.14),transparent 34%)}.model-badge,.model-copy>a{color:#8ed2f4}.model-badge{border-color:#3c5d70}.model-list button{border-color:#303841}.model-list button:hover,.model-list button.active{background:#19232b}.model-list button.active i{background:#66c8f2;box-shadow:0 0 0 5px rgba(102,200,242,.08)}
.community-grid{gap:18px}.community-work{border-radius:8px;box-shadow:0 18px 42px rgba(22,35,27,.12)}.community-work>div{bottom:24px}.final-cta{background:#dce8e1}.final-cta a{border-radius:7px}

@media(max-width:1100px){.studio-body{grid-template-columns:48px minmax(0,1fr) 200px}.prompt-node{left:29%}.model-node{right:4%}.site-header{grid-template-columns:205px 1fr auto}.site-nav{gap:20px}}
@media(max-width:850px){.site-nav{display:none}.site-header{grid-template-columns:1fr auto}.studio-body{height:560px;grid-template-columns:45px minmax(0,1fr)}.studio-inspector{display:none}.image-node{left:6%;width:170px}.prompt-node{left:31%;width:230px}.model-node{right:4%;width:195px}.studio-capabilities{grid-template-columns:repeat(2,1fr)}.studio-capabilities span:nth-child(2){border-right:0}.studio-capabilities span:nth-child(-n+2){border-bottom:1px solid rgba(37,66,91,.13)}}
@media(max-width:760px){section[id]{scroll-margin-top:60px}.studio-section{padding:76px 0 68px}.studio-window{border-radius:7px}.studio-topbar{grid-template-columns:1fr auto}.studio-tabs{display:none}.studio-body{height:610px;grid-template-columns:38px minmax(0,1fr)}.studio-rail button{width:28px;height:28px}.image-node{top:45px;left:7%;width:145px}.image-node img{height:110px}.prompt-node{top:250px;left:18%;width:220px}.model-node{top:400px;right:5%;width:180px}.model-preview{height:105px}.connector-a{top:177px;left:27%;width:31%;transform:rotate(34deg)}.connector-b{top:365px;left:44%;width:28%;transform:rotate(20deg)}.studio-capabilities span{padding:15px 13px;font-size:9px}.workflow-card{min-height:310px}.community-grid{gap:12px}}
@media(max-width:430px){.studio-project small{display:none}.studio-topbar>a{padding:0 9px}.studio-logo{width:28px;height:28px}.studio-body{height:590px}.image-node{left:6%;width:137px}.prompt-node{left:13%;width:205px}.model-node{right:4%;width:170px}.studio-capabilities{grid-template-columns:1fr}.studio-capabilities span,.studio-capabilities span:nth-child(2){border-right:0;border-bottom:1px solid rgba(37,66,91,.13)}.studio-capabilities span:last-child{border-bottom:0}}

/* Brand logo: uploaded artwork is the mark itself, not an avatar tile. */
.site-header .brand{gap:12px}
.site-header .brand-media{width:46px;height:46px;flex-basis:46px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.site-header .brand-logo{width:100%;height:100%;padding:0;object-fit:contain}
.site-header .brand strong{font-size:20px;font-weight:900;line-height:1.08}
.site-header .brand small{margin-top:2px;font-size:8px;letter-spacing:1.2px}
.site-footer .brand-media{overflow:visible;border:0;background:transparent}
.site-footer .brand-logo{padding:0}
.cloud-partner{display:grid;gap:5px;flex:0 0 auto;color:#748078;text-decoration:none}
.cloud-partner>span:first-child{font-size:8px;font-weight:700;line-height:1}
.cloud-partner-logo{position:relative;width:150px;height:39px;overflow:hidden}
.cloud-partner-logo img{position:absolute;left:-7px;top:-27px;width:164px;height:auto;max-width:none}
.cloud-partner:hover>span:first-child{color:#a9b5ad}
.cloud-partner:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.studio-logo{overflow:visible;border-radius:0;background:transparent}
.studio-logo img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.site-header .brand-media{width:42px;height:42px;flex-basis:42px}.site-header .brand strong{font-size:18px}}
@media(max-width:760px){.cloud-partner{margin-top:2px}.cloud-partner-logo{width:138px;height:36px}.cloud-partner-logo img{left:-6px;top:-25px;width:151px}}

/* v17: cinematic home, visual workflows, and a continuous dark product story. */
.hero-image,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-fallback{z-index:0}
.hero-video{z-index:1;background:#070a08}
.hero-overlay{z-index:2;background:rgba(3,6,4,.54)}
.hero-content,.hero-proof,.hero-next{z-index:3}

.workflow-section{padding:116px 0 126px;color:#fff;background:#0b0e0c}
.workflow-heading{margin-bottom:45px}
.workflow-heading .section-index{color:#bce94c}
.workflow-heading h2{color:#fff}
.workflow-heading>p{color:rgba(255,255,255,.58)}
.workflow-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}
.workflow-card,.workflow-card:last-child{position:relative;grid-column:span 6;display:block;min-height:430px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#161a17;color:#fff;box-shadow:0 28px 70px rgba(0,0,0,.28);isolation:isolate;transform:none;transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}
.workflow-card:hover,.workflow-featured:hover{border-color:rgba(201,241,91,.5);background:#161a17;box-shadow:0 34px 90px rgba(0,0,0,.4);transform:translateY(-5px)}
.workflow-card>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .5s ease}
.workflow-card:hover>img{transform:scale(1.035);filter:saturate(1.08)}
.workflow-card-shade{position:absolute;z-index:-1;inset:0;background:rgba(4,7,5,.46)}
.workflow-number{position:absolute;top:22px;left:22px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;background:rgba(8,12,9,.5);font-size:9px;font-weight:900;letter-spacing:.5px;backdrop-filter:blur(9px)}
.workflow-number:after,.workflow-featured:before{display:none}
.workflow-copy{position:absolute;right:16px;bottom:16px;left:16px;padding:24px;border:1px solid rgba(255,255,255,.17);border-radius:7px;background:rgba(10,14,11,.76);backdrop-filter:blur(15px)}
.workflow-copy>span{color:#bce94c;font-size:9px;font-weight:900;letter-spacing:.6px}
.workflow-copy h3{margin:8px 0 10px;color:#fff;font-size:27px;line-height:1.15}
.workflow-copy p{max-width:460px;margin:0;color:rgba(255,255,255,.7);font-size:11px;line-height:1.75}
.workflow-card .workflow-copy button,.workflow-featured .workflow-copy button{position:static;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:20px;padding:15px 0 0;border:0;border-top:1px solid rgba(255,255,255,.15);color:#fff;background:none;font-size:10px;font-weight:900;cursor:pointer}
.workflow-card .workflow-copy button b{color:#bce94c;font-size:16px}
.workflow-featured{border-color:rgba(201,241,91,.34);background:#161a17}

.studio-section{padding:116px 0 100px;color:#fff;background:#111512}
.studio-section:before{background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:28px 28px;opacity:.3;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 86%,transparent)}
.studio-heading .section-index{color:#81c7ed}
.studio-heading h2{color:#fff}
.studio-heading>p{color:rgba(255,255,255,.56)}
.studio-window{border-color:rgba(255,255,255,.16);box-shadow:0 34px 100px rgba(0,0,0,.42)}
.studio-capabilities{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055)}
.studio-capabilities span{border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}
.studio-capabilities b{color:#7fd0f4}

@media(max-width:850px){.workflow-card,.workflow-card:last-child{grid-column:span 12;min-height:390px}}
@media(max-width:760px){
  .hero-video{object-position:58% center}
  .workflow-section{padding:78px 0 82px}
  .workflow-heading{margin-bottom:28px}
  .workflow-grid{gap:13px}
  .workflow-card,.workflow-card:last-child{min-height:350px}
  .workflow-copy{right:12px;bottom:12px;left:12px;padding:20px}
  .workflow-copy h3{font-size:24px}
  .studio-section{padding:78px 0 70px}
}

/* v23: wider workflow gallery and authenticated profile menu. */
.workflow-grid{
  width:min(1240px,100%);
  gap:18px;
}
.workflow-card,
.workflow-card:last-child{
  min-height:430px;
}
.workflow-copy,
.workflow-card:nth-child(odd) .workflow-copy,
.workflow-card:nth-child(even) .workflow-copy{
  min-height:145px;
  padding:18px 22px 17px;
}
.workflow-copy h3{font-size:27px}
.workflow-copy p{max-width:78%;font-size:12px}
.header-actions{position:relative}
.profile-button{cursor:pointer}
.profile-button.is-authenticated{padding-right:12px;background:rgba(255,255,255,.12)}
.profile-menu{
  position:absolute;
  z-index:90;
  top:50px;
  right:0;
  width:292px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:rgba(13,18,15,.98);
  color:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  backdrop-filter:blur(18px);
}
.profile-menu[hidden]{display:none}
.profile-menu-head{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid rgba(255,255,255,.1)}
.profile-menu-avatar{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:7px;background:var(--green);font-size:18px;font-weight:900}
.profile-menu-head>div{min-width:0;display:grid;gap:3px}
.profile-menu-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.profile-menu-head small{color:rgba(255,255,255,.5);font-size:10px}
.profile-menu-stats{display:grid;grid-template-columns:1fr 1fr;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.profile-menu-stats span{display:grid;gap:5px}
.profile-menu-stats span+span{padding-left:16px;border-left:1px solid rgba(255,255,255,.1)}
.profile-menu-stats small{color:rgba(255,255,255,.46);font-size:9px}
.profile-menu-stats strong{font-size:14px}
.profile-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
.profile-menu-actions a{height:38px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#fff;text-decoration:none;font-size:11px;font-weight:800}
.profile-menu-actions a:last-child{border-color:var(--lime);background:var(--lime);color:#121810}

@media(max-width:1050px){
  .workflow-grid{width:100%}
  .workflow-card,.workflow-card:last-child{min-height:390px}
}
@media(max-width:760px){
  .workflow-card,.workflow-card:last-child{min-height:350px}
  .profile-menu{position:fixed;top:67px;right:12px;left:12px;width:auto}
}

@media(prefers-reduced-motion:reduce){.hero-video{display:none}.workflow-card>img{transition:none}}

/* v18: true-motion hero and a larger, more readable type scale. */
.site-nav a{font-size:14px}
.header-link,.canvas-button{font-size:13px}
.profile-button strong{font-size:12px}
.brand strong{font-size:19px}
.brand small,.hero-kicker,.section-index,.workflow-copy>span,.workflow-number{letter-spacing:0}

.hero{min-height:780px}
.hero-video{filter:saturate(.82) contrast(1.04);transform:translateZ(0);will-change:auto}
.hero-overlay{background:linear-gradient(90deg,rgba(3,6,4,.94) 0%,rgba(3,6,4,.77) 34%,rgba(3,6,4,.36) 64%,rgba(3,6,4,.22) 100%),linear-gradient(0deg,rgba(3,6,4,.74),transparent 48%)}
.hero-content{padding-top:136px}
.hero-kicker{font-size:13px}
.hero h1{max-width:820px;margin:28px 0 24px;font-size:clamp(66px,6.6vw,106px);line-height:.95}
.hero-content>p{max-width:700px;font-size:18px;line-height:1.78}
.quick-create{width:min(780px,100%);margin-top:34px}
.create-head{padding:15px 18px;font-size:13px}
.live-status{font-size:11px}
.quick-create textarea{min-height:116px;padding:22px 20px;font-size:17px;line-height:1.7}
.create-foot{padding:14px 18px}
.create-tools button,.create-tools span{height:32px;font-size:11px}
.create-submit{height:43px;font-size:13px}
.hero-proof{font-size:11px}
.hero-proof strong{font-size:23px}
.hero-next{font-size:11px}

.section-heading{gap:70px}
.section-index{font-size:11px}
.section-heading h2{font-size:clamp(44px,4vw,64px)}
.section-heading>p{max-width:540px;font-size:15px;line-height:1.85}
.workflow-card,.workflow-card:last-child{min-height:470px}
.workflow-number{width:40px;height:40px;font-size:11px}
.workflow-copy{padding:28px}
.workflow-copy>span{font-size:11px}
.workflow-copy h3{font-size:33px}
.workflow-copy p{font-size:14px;line-height:1.75}
.workflow-card .workflow-copy button,.workflow-featured .workflow-copy button{font-size:12px}

.studio-project strong{font-size:13px}
.studio-project small,.studio-tabs span,.studio-topbar>a{font-size:10px}
.preview-node header strong{font-size:11px}
.preview-node header small{font-size:8px}
.preview-node footer,.preview-node footer b,.studio-status{font-size:9px}
.prompt-node p{font-size:11px}
.studio-inspector>span{font-size:13px}
.studio-inspector label{font-size:10px}
.studio-inspector label strong,.studio-inspector button{font-size:11px}
.studio-capabilities span{font-size:12px}
.studio-capabilities b{font-size:10px}

.model-copy h3{font-size:clamp(48px,5vw,72px)}
.model-copy p{font-size:16px;line-height:1.75}
.model-list strong{font-size:17px}
.model-list small{font-size:12px}
.community-work h3{font-size:29px}
.community-work p{font-size:13px;line-height:1.7}
.final-cta p{font-size:16px}

@media(max-width:1050px){
  .site-nav a{font-size:13px}
  .hero h1{font-size:clamp(60px,7.6vw,86px)}
  .hero-content>p{max-width:620px;font-size:17px}
}
@media(max-width:760px){
  .hero{min-height:850px}
  .hero-content{padding-top:104px}
  .hero h1{font-size:50px;line-height:1}
  .hero-content>p{font-size:15px;line-height:1.7}
  .hero-kicker{font-size:11px}
  .quick-create textarea{min-height:104px;font-size:15px}
  .create-head{font-size:12px}
  .create-submit{font-size:12px}
  .hero-proof{font-size:10px}
  .hero-proof strong{font-size:18px}
  .section-heading h2{font-size:40px}
  .section-heading>p{font-size:14px}
  .workflow-card,.workflow-card:last-child{min-height:390px}
  .workflow-copy{padding:22px}
  .workflow-copy h3{font-size:28px}
  .workflow-copy p{font-size:13px}
  .studio-capabilities span{font-size:11px}
  .model-copy h3{font-size:43px}
  .model-copy p{font-size:14px}
}
@media(max-width:430px){
  .hero h1{font-size:44px}
  .section-heading h2,.section-heading.compact h2{font-size:36px}
}

/* v19: cinematic rider hero and image-first workflow cards. */
.hero-video{
  filter:saturate(1.08) contrast(1.08) brightness(.88);
}
.hero-overlay{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(3,5,8,.94) 0%,rgba(3,5,8,.78) 34%,rgba(3,5,8,.22) 68%,rgba(3,5,8,.08) 100%),
    linear-gradient(0deg,rgba(2,4,7,.72) 0%,transparent 48%);
}
.workflow-number{
  top:18px;
  left:18px;
  display:flex;
  width:auto;
  height:30px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:rgba(255,255,255,.9);
  background:rgba(5,8,11,.42);
  font-size:10px;
  letter-spacing:0;
  backdrop-filter:blur(8px);
}
.workflow-number::after{
  content:" / 04";
  display:inline;
  width:auto;
  height:auto;
  margin-left:2px;
  background:none;
  color:rgba(255,255,255,.46);
}
.workflow-copy{
  right:auto;
  bottom:18px;
  left:18px;
  width:min(340px,calc(100% - 36px));
  padding:21px 22px;
  border-color:rgba(255,255,255,.15);
  border-radius:8px;
  background:rgba(7,10,9,.7);
  box-shadow:0 18px 46px rgba(0,0,0,.26);
  backdrop-filter:blur(12px);
}
.workflow-card:nth-child(odd) .workflow-copy{
  right:18px;
  left:auto;
}
.workflow-card:nth-child(even) .workflow-copy{
  right:auto;
  left:18px;
}
.workflow-copy h3{font-size:29px}
.workflow-copy p{font-size:13px;line-height:1.65}
.workflow-card .workflow-copy button,.workflow-featured .workflow-copy button{
  margin-top:15px;
  padding-top:13px;
}
@media(max-width:760px){
  .hero-video{object-position:62% center}
  .workflow-copy{
    right:12px;
    bottom:12px;
    left:12px;
    width:auto;
    padding:19px;
  }
  .workflow-card:nth-child(odd) .workflow-copy,
  .workflow-card:nth-child(even) .workflow-copy{
    right:12px;
    left:12px;
  }
  .workflow-copy h3{font-size:25px}
  .workflow-number{top:14px;left:14px}
}

/* v20: configurable media, bottom information bands and work preview dialog. */
.workflow-media{
  position:absolute;
  z-index:-2;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#0a0e0c;
  transition:transform .7s ease,filter .5s ease;
}
.workflow-card:hover .workflow-media{
  transform:scale(1.025);
  filter:saturate(1.08);
}
.workflow-card-shade{
  background:linear-gradient(0deg,rgba(3,6,5,.86) 0%,rgba(3,6,5,.16) 58%,rgba(3,6,5,.05) 100%);
}
.workflow-copy,
.workflow-card:nth-child(odd) .workflow-copy,
.workflow-card:nth-child(even) .workflow-copy{
  right:0;
  bottom:0;
  left:0;
  width:100%;
  min-height:168px;
  padding:22px 25px 20px;
  border:0;
  border-top:1px solid rgba(255,255,255,.2);
  border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,rgba(5,9,8,.96),rgba(8,13,11,.88));
  box-shadow:none;
  backdrop-filter:none;
}
.workflow-copy h3{margin:7px 0 8px;font-size:28px}
.workflow-copy p{max-width:82%;font-size:13px;line-height:1.55}
.workflow-card .workflow-copy button,.workflow-featured .workflow-copy button{
  position:absolute;
  right:25px;
  bottom:20px;
  left:auto;
  width:auto;
  min-width:112px;
  margin:0;
  padding:9px 0 0;
  gap:18px;
}
.model-price{
  align-self:flex-start;
  margin-top:1px;
  padding:7px 10px;
  border:1px solid rgba(142,210,244,.35);
  border-radius:5px;
  color:#9bddfa;
  background:rgba(63,139,177,.1);
  font-size:12px;
  font-weight:800;
}
.model-list{
  max-height:560px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#43515a transparent;
}
.model-list button{
  flex:0 0 88px;
}
.community-work .view-work{
  position:absolute;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(201,241,91,.48);
  border-radius:5px;
  color:#e6ff9c;
  background:rgba(8,13,10,.48);
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.community-work .view-work b{font-size:10px}
.work-modal{
  width:min(940px,calc(100vw - 40px));
  max-height:calc(100vh - 40px);
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  color:#fff;
  background:#0e1316;
  box-shadow:0 36px 100px rgba(0,0,0,.62);
}
.work-modal::backdrop{
  background:rgba(3,6,8,.78);
  backdrop-filter:blur(10px);
}
.work-modal-close{
  position:absolute;
  z-index:2;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  color:#fff;
  background:rgba(5,8,10,.72);
  font-size:24px;
  cursor:pointer;
}
.work-modal-media{
  aspect-ratio:16/9;
  min-height:0;
  background:#050708;
}
.work-modal-media video{width:100%;height:100%;display:block;object-fit:contain;background:#050708}
.work-modal-copy{padding:20px 24px 23px;border-top:1px solid rgba(255,255,255,.1)}
.work-modal-copy span{color:#9bddfa;font-size:11px;font-weight:800}
.work-modal-copy h3{margin:7px 0 3px;font-size:28px}
.work-modal-copy p{margin:0;color:rgba(255,255,255,.58);font-size:13px}
body:has(.work-modal[open]){overflow:hidden}

@media(max-width:760px){
  .workflow-copy,
  .workflow-card:nth-child(odd) .workflow-copy,
  .workflow-card:nth-child(even) .workflow-copy{
    right:0;
    bottom:0;
    left:0;
    width:100%;
    min-height:174px;
    padding:19px 18px;
  }
  .workflow-copy p{max-width:100%;padding-right:0;font-size:12px}
  .workflow-card .workflow-copy button,.workflow-featured .workflow-copy button{
    position:static;
    width:100%;
    margin-top:12px;
    padding-top:10px;
  }
  .community-work .view-work{font-size:12px}
  .model-list button{
    grid-template-columns:30px minmax(0,1fr) 18px;
    grid-template-rows:auto auto;
    min-height:82px;
  }
  .model-list button>span{grid-row:1/3}
  .model-list button>strong{grid-column:2;grid-row:1;align-self:end}
  .model-list button>small{grid-column:2;grid-row:2;display:block;align-self:start;margin-top:3px}
  .model-list button>i{grid-column:3;grid-row:1/3}
  .work-modal{width:calc(100vw - 20px)}
  .work-modal-copy{padding:17px 18px 20px}
  .work-modal-copy h3{font-size:23px}
}

@media(prefers-reduced-motion:reduce){
  .workflow-media{animation:none;transition:none}
}

/* v21: compact workflow cards and readable category labels. */
.workflow-grid{
  width:min(1080px,100%);
  margin-right:auto;
  margin-left:auto;
  gap:16px;
}
.workflow-card,
.workflow-card:last-child{
  min-height:400px;
}
.workflow-copy,
.workflow-card:nth-child(odd) .workflow-copy,
.workflow-card:nth-child(even) .workflow-copy{
  min-height:142px;
  padding:18px 22px 17px;
}
.workflow-copy>span{
  font-size:13px;
  line-height:1.2;
}
.workflow-copy h3{
  margin:6px 0 6px;
  font-size:25px;
}
.workflow-copy p{
  max-width:76%;
  font-size:12px;
  line-height:1.55;
}
.workflow-card .workflow-copy button,
.workflow-featured .workflow-copy button{
  right:22px;
  bottom:17px;
}

@media(max-width:760px){
  .workflow-card,
  .workflow-card:last-child{min-height:350px}
  .workflow-copy,
  .workflow-card:nth-child(odd) .workflow-copy,
  .workflow-card:nth-child(even) .workflow-copy{
    min-height:166px;
    padding:17px 17px 16px;
  }
  .workflow-copy>span{font-size:12px}
  .workflow-copy h3{font-size:24px}
}

/* v22: live model catalog and tighter cinematic workflow cards. */
.workflow-grid{
  width:min(980px,100%);
  gap:14px;
}
.workflow-card,
.workflow-card:last-child{
  min-height:365px;
}
.workflow-copy,
.workflow-card:nth-child(odd) .workflow-copy,
.workflow-card:nth-child(even) .workflow-copy{
  min-height:132px;
  padding:16px 20px 15px;
}
.workflow-copy>span{
  font-size:14px;
  font-weight:900;
}
.workflow-copy h3{
  margin:5px 0 5px;
  font-size:24px;
}
.workflow-copy p{
  max-width:72%;
  font-size:12px;
}
.workflow-card .workflow-copy button,
.workflow-featured .workflow-copy button{
  right:20px;
  bottom:15px;
  font-size:11px;
}
.model-stage{
  min-height:460px;
}
.model-copy{
  min-width:0;
  padding:50px;
}
.model-copy h3{
  max-width:100%;
  overflow-wrap:anywhere;
  font-size:clamp(34px,4vw,54px);
  line-height:1.04;
}
.model-price{
  max-width:100%;
  white-space:normal;
  line-height:1.6;
}
.model-list{
  max-height:460px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#3b4740 transparent;
}
.model-list button{
  flex:0 0 92px;
  min-height:92px;
  grid-template-columns:34px minmax(150px,1.2fr) minmax(150px,1fr) 16px;
  gap:8px;
}
.model-list strong,
.model-list small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.model-list strong{font-size:13px}
.model-list small{color:#9aa49d;font-size:10px}

@media(max-width:850px){
  .workflow-grid{width:100%}
  .workflow-card,.workflow-card:last-child{min-height:340px}
  .model-stage{min-height:0}
  .model-list{max-height:420px}
}

@media(max-width:760px){
  .workflow-card,.workflow-card:last-child{min-height:330px}
  .workflow-copy,
  .workflow-card:nth-child(odd) .workflow-copy,
  .workflow-card:nth-child(even) .workflow-copy{
    min-height:156px;
    padding:16px;
  }
  .workflow-copy>span{font-size:13px}
  .workflow-copy h3{font-size:23px}
  .workflow-copy p{max-width:100%;padding-right:64px}
  .model-copy{padding:34px 24px}
  .model-list button{
    min-height:86px;
    grid-template-columns:28px minmax(0,1fr) 14px;
  }
}

/* v23 final overrides: keep the four real workflows, but let them fill the section. */
.workflow-grid{
  width:min(1240px,100%);
  gap:18px;
}
.workflow-card,
.workflow-card:last-child{
  min-height:430px;
}
.workflow-copy,
.workflow-card:nth-child(odd) .workflow-copy,
.workflow-card:nth-child(even) .workflow-copy{
  min-height:145px;
  padding:18px 22px 17px;
}
.workflow-copy h3{font-size:27px}
.workflow-copy p{max-width:78%;font-size:12px}

@media(max-width:1050px){
  .workflow-grid{width:100%}
  .workflow-card,.workflow-card:last-child{min-height:390px}
}

@media(max-width:760px){
  .workflow-card,.workflow-card:last-child{min-height:350px}
  .workflow-copy,
  .workflow-card:nth-child(odd) .workflow-copy,
  .workflow-card:nth-child(even) .workflow-copy{
    min-height:156px;
    padding:16px;
  }
  .workflow-copy h3{font-size:23px}
  .workflow-copy p{max-width:100%;padding-right:64px}
}

/* v24: more substantial studio preview and primary canvas entry. */
.studio-window{
  border-radius:10px;
  border-color:rgba(137,168,187,.25);
  background:#111820;
  box-shadow:0 38px 110px rgba(0,0,0,.52);
}
.studio-topbar{
  height:66px;
  padding:0 18px;
  background:#18212a;
}
.studio-logo{width:34px;height:34px}
.studio-topbar>a{height:38px;padding:0 16px;font-size:11px}
.studio-body{height:680px;grid-template-columns:58px minmax(0,1fr) 248px}
.studio-rail{gap:11px;padding:16px 0}
.studio-rail button{width:36px;height:36px;font-size:15px}
.studio-canvas{background:#0b1218}
.canvas-grid{background-size:24px 24px;opacity:.72}
.studio-canvas-meta{
  position:absolute;
  z-index:3;
  top:18px;
  left:20px;
  display:flex;
  align-items:center;
  gap:9px;
  height:30px;
  padding:0 10px;
  border:1px solid #2c3a45;
  border-radius:6px;
  color:#8395a3;
  background:rgba(16,24,31,.88);
  font-size:9px;
}
.studio-canvas-meta i{width:5px;height:5px;border-radius:50%;background:#67dba7}
.studio-canvas-meta strong{color:#b9c7d1;font-size:9px}
.preview-node{border-color:#41515e;border-radius:9px;box-shadow:0 22px 48px rgba(0,0,0,.32)}
.preview-node header{height:52px;padding:0 13px}
.preview-node header>span{width:29px;height:29px;font-size:11px}
.preview-node header strong{font-size:12px}
.preview-node header small{font-size:8px}
.preview-node footer{height:39px;padding:0 13px;font-size:9px}
.preview-node footer b{font-size:9px}
.image-node{top:76px;left:5%;width:225px}
.image-node img{height:174px}
.image-node footer{line-height:39px}
.prompt-node{top:322px;left:31%;width:330px}
.prompt-node p{height:134px;padding:19px;font-size:12px;line-height:1.85}
.model-node{top:72px;right:4%;width:270px}
.model-preview{height:210px}
.audio-node{top:430px;left:6%;width:225px}
.audio-wave{height:72px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 15px;background:linear-gradient(180deg,#18232d,#121a22)}
.audio-wave i{width:4px;border-radius:3px;background:#69cba7}
.audio-wave i:nth-child(1),.audio-wave i:nth-child(9){height:12px}.audio-wave i:nth-child(2),.audio-wave i:nth-child(8){height:24px}.audio-wave i:nth-child(3),.audio-wave i:nth-child(7){height:38px}.audio-wave i:nth-child(4),.audio-wave i:nth-child(6){height:27px}.audio-wave i:nth-child(5){height:48px}
.connector-a{top:226px;left:25%;width:25%;transform:rotate(21deg)}
.connector-b{top:386px;left:62%;width:19%;transform:rotate(-38deg)}
.connector-c{top:466px;left:25%;width:16%;transform:rotate(-18deg)}
.studio-canvas-tools{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:5px;
  height:43px;
  padding:5px;
  border:1px solid #33424e;
  border-radius:8px;
  background:rgba(20,29,37,.96);
  box-shadow:0 14px 30px rgba(0,0,0,.3);
  transform:translateX(-50%);
}
.studio-canvas-tools span{width:31px;height:31px;display:grid;place-items:center;border-radius:5px;color:#8194a3;font-size:14px}
.studio-canvas-tools span.active{color:#fff;background:#2b3945}
.studio-canvas-tools b{padding:0 9px;color:#a7b6c1;font-size:9px}
.studio-minimap{position:absolute;z-index:3;right:17px;bottom:18px;width:90px;height:58px;border:1px solid #33414c;border-radius:6px;background:#111a21}
.studio-minimap i{position:absolute;border:1px solid #5685a0;border-radius:2px;background:#21313c}
.studio-minimap i:nth-child(1){left:10px;top:10px;width:23px;height:17px}.studio-minimap i:nth-child(2){right:10px;top:9px;width:27px;height:20px}.studio-minimap i:nth-child(3){left:31px;bottom:9px;width:29px;height:17px}.studio-minimap i:nth-child(4){inset:5px;border-color:#67dba7;background:transparent}
.studio-status{right:auto;bottom:18px;left:18px;width:178px;height:34px}
.studio-inspector{padding:22px 18px}
.studio-inspector>span{font-size:14px}
.studio-inspector label strong{height:40px;font-size:11px}
.studio-inspector button{height:46px;margin-top:18px;font-size:11px}

.final-cta{
  min-height:560px;
  padding:72px 24px;
  background:#dce8e1;
}
.final-cta-inner{width:min(1040px,100%);padding:0!important}
.final-cta h2{margin:22px 0 14px;font-size:clamp(52px,6vw,86px);line-height:1}
.final-cta p{font-size:17px}
.final-cta a{
  width:min(420px,100%);
  height:76px;
  justify-content:flex-start;
  gap:14px;
  margin-top:34px;
  padding:0 12px;
  border-radius:8px;
  box-shadow:0 20px 45px rgba(17,22,18,.2);
  transition:transform .2s ease,box-shadow .2s ease;
}
.final-cta a:hover{transform:translateY(-3px);box-shadow:0 26px 55px rgba(17,22,18,.26)}
.final-cta a b{width:52px;height:52px;display:grid;place-items:center;border-radius:6px;color:#10160e;background:var(--lime);font-size:25px}
.final-cta a strong{font-size:17px}
.final-cta a span{margin-left:auto;padding-right:12px;color:var(--lime);font-size:12px}
.final-cta small{display:block;margin-top:16px;color:#748078;font-size:11px}

@media(max-width:1100px){
  .studio-body{height:640px;grid-template-columns:52px minmax(0,1fr) 210px}
  .image-node{left:4%;width:195px}.image-node img{height:150px}
  .prompt-node{left:27%;width:285px}
  .model-node{right:3%;width:225px}.model-preview{height:175px}
  .audio-node{left:4%;width:195px}
}

@media(max-width:850px){
  .studio-body{height:620px;grid-template-columns:46px minmax(0,1fr)}
  .image-node{left:5%;width:180px}.prompt-node{left:28%;width:265px}.model-node{right:4%;width:210px}.audio-node{left:5%;width:180px}
}

@media(max-width:760px){
  .studio-body{height:720px;grid-template-columns:38px minmax(0,1fr)}
  .studio-canvas-meta{top:12px;left:12px}
  .image-node{top:58px;left:6%;width:155px}.image-node img{height:116px}
  .prompt-node{top:278px;left:10%;width:230px}.prompt-node p{height:112px;padding:15px;font-size:10px}
  .model-node{top:448px;right:5%;width:190px}.model-preview{height:115px}
  .audio-node{display:none}
  .connector-a{top:203px;left:29%;width:28%;transform:rotate(34deg)}
  .connector-b{top:405px;left:46%;width:27%;transform:rotate(23deg)}
  .connector-c{display:none}
  .studio-canvas-tools{bottom:14px}.studio-minimap,.studio-status{display:none}
  .final-cta{min-height:500px;padding:64px 20px}
  .final-cta h2{font-size:48px}
  .final-cta p{font-size:15px;line-height:1.7}
}

/* v25: connectors are measured from the real node ports instead of fixed angles. */
.studio-connectors{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.studio-connectors path{fill:none;stroke:#65c9d7;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(101,201,215,.24))}
.connector{display:none}
.image-node{top:70px;left:5%}
.audio-node{top:390px;left:5%}
.prompt-node{top:230px;left:34%;width:260px}
.model-node{top:190px;right:4%}

@media(max-width:1100px){
  .image-node{left:4%}.audio-node{left:4%;top:390px}
  .prompt-node{top:230px;left:34%;width:250px}
  .model-node{top:190px;right:3%}
}

@media(max-width:850px){
  .image-node{left:5%}.audio-node{left:5%;top:385px}
  .prompt-node{top:222px;left:34%;width:225px}
  .model-node{top:184px;right:3%}
}

@media(max-width:760px){
  .studio-connectors{display:none}
  .image-node{top:58px;left:6%;width:155px}
  .prompt-node{top:278px;left:10%;width:230px}
  .model-node{top:448px;right:5%;width:190px}
  .audio-node{display:none}
}

/* Keep the two essential account actions reachable when the full nav collapses. */
@media(max-width:760px){
  .site-header .header-actions{display:flex;align-items:center;gap:6px}
  .site-header .canvas-button{display:flex;height:36px;padding:0 10px;font-size:11px}
  .site-header .canvas-button span{display:none}
  .site-header .profile-button{display:flex;width:36px;height:36px;justify-content:center;padding:0}
  .site-header .profile-button span{width:28px;height:28px}
  .site-header .profile-button strong{display:none}
}

@media(max-width:390px){
  .site-header .canvas-button{padding:0 8px;font-size:10px}
}