:root{--art-bg:#07131f;--art-panel:#0b1c29;--art-panel-2:#0f2534;--art-line:#294254;--art-text:#eef7fb;--art-soft:#cfe1ea;--art-muted:#98afbd;--art-mint:#52f5c7;--art-violet:#8b7cff;--art-rose:#ff8ac9}.ai-art-page{background:var(--art-bg);color:var(--art-text)}.ai-art-page main{overflow:hidden}.ai-art-page .container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.ai-art-page .narrow{width:min(900px,calc(100% - 32px));margin-inline:auto}.art-hero{position:relative;padding:clamp(6.2rem,9vw,8.5rem) 0 4.2rem;background:radial-gradient(circle at 82% 8%,rgba(139,124,255,.22),transparent 36%),radial-gradient(circle at 14% 20%,rgba(82,245,199,.12),transparent 34%)}.art-hero__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.art-hero h1{max-width:12ch;margin:.75rem 0 1.2rem;font-size:clamp(2.75rem,5.8vw,5.9rem);line-height:.93;letter-spacing:-.058em}.art-hero p,.art-section p,.art-list{color:var(--art-muted);font-size:1rem;line-height:1.75}.art-hero .lead{color:var(--art-soft);font-size:1.18rem}.eyebrow{color:var(--art-mint)!important;font:800 .76rem/1.2 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.hero-actions,.art-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.45rem 0}.btn-primary-ui,.btn-secondary-ui,.content-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.78rem 1.15rem;border-radius:999px;font-weight:800;text-decoration:none}.btn-primary-ui,.content-cta{border:0;background:linear-gradient(135deg,var(--art-mint),#7df7e0);color:#031b16}.btn-secondary-ui{border:1px solid rgba(207,225,234,.32);color:var(--art-text);background:rgba(255,255,255,.035)}.art-note{padding:.8rem 1rem;border-left:3px solid var(--art-mint);border-radius:0 .9rem .9rem 0;background:rgba(82,245,199,.07);color:var(--art-soft)!important}.art-compare-card{margin:0;padding:.55rem;border:1px solid var(--art-line);border-radius:1.55rem;background:linear-gradient(145deg,rgba(82,245,199,.1),rgba(139,124,255,.08));box-shadow:0 28px 80px rgba(0,0,0,.33)}.art-compare{position:relative;overflow:hidden;aspect-ratio:3/2;border:1px solid var(--art-line);border-radius:1.15rem;background:#020910;isolation:isolate;touch-action:pan-y}.art-compare img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}.art-compare__after{position:absolute;inset:0}.art-compare__before{position:absolute;z-index:2;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--position)) 0 0)}.art-compare__line{position:absolute;z-index:4;top:0;bottom:0;left:var(--position);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}.art-compare__line span{position:absolute;top:50%;left:50%;display:grid;width:3.4rem;height:3.4rem;place-items:center;border:2px solid #fff;border-radius:50%;background:rgba(5,17,28,.85);color:#fff;font-weight:900;transform:translate(-50%,-50%)}.art-compare__label{position:absolute;z-index:5;bottom:.8rem;padding:.38rem .62rem;border-radius:999px;background:rgba(2,9,14,.78);color:#fff;font-size:.72rem;font-weight:850}.art-compare__label--before{left:.8rem}.art-compare__label--after{right:.8rem}.art-compare__range{position:absolute;z-index:8;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.art-compare-card figcaption,.art-card figcaption{padding:.85rem .65rem .25rem;color:var(--art-muted);font-size:.86rem}.art-jump{position:sticky;z-index:6;top:70px;border-block:1px solid var(--art-line);background:rgba(7,19,31,.94);backdrop-filter:blur(16px)}.art-jump .container{display:flex;gap:.45rem;overflow:auto;padding-block:.55rem}.art-jump a{white-space:nowrap;padding:.55rem .8rem;border-radius:999px;color:#bfd2dc;text-decoration:none}.art-jump a:hover{background:#102838;color:#fff}.art-section{padding:clamp(4.2rem,8vw,7rem) 0}.art-section.alt{background:#091a27}.section-heading{max-width:820px;margin-bottom:1.8rem}.art-section h2{margin:0 0 1rem;font-size:clamp(2.1rem,4.4vw,4.8rem);line-height:1.02;letter-spacing:-.048em}.art-section h3{margin:1.1rem 0 .55rem;font-size:1.2rem;line-height:1.24}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.art-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.art-card{min-width:0;border:1px solid var(--art-line);border-radius:1.25rem;background:var(--art-panel);overflow:hidden}.art-card__body{padding:1.25rem}.art-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#06111b}.art-card--soft{background:linear-gradient(145deg,rgba(82,245,199,.08),rgba(139,124,255,.06))}.art-list{padding-left:1.1rem}.art-list li{margin:.42rem 0}.art-list li::marker{color:var(--art-mint)}.split-copy{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.media-frame{margin:0;border:1px solid var(--art-line);border-radius:1.35rem;overflow:hidden;background:#06111b}.media-frame img{display:block;width:100%;max-height:680px;object-fit:cover}.workflow-steps{counter-reset:step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.workflow-steps article{position:relative;padding:1.25rem 1.25rem 1.25rem 4.2rem;border:1px solid var(--art-line);border-radius:1.2rem;background:var(--art-panel)}.workflow-steps article:before{counter-increment:step;content:counter(step);position:absolute;left:1.1rem;top:1.15rem;display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:50%;background:var(--art-mint);color:#041b16;font-weight:900}.model-card{display:flex;flex-direction:column}.model-card img{aspect-ratio:4/3}.model-card h3{margin-top:0}.table-wrap{overflow:auto;margin:1.5rem 0;border:1px solid var(--art-line);border-radius:1.15rem;background:#0b1c28}.table-wrap table{width:100%;min-width:760px;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:1rem;border-bottom:1px solid var(--art-line);text-align:left;vertical-align:top;line-height:1.55}.table-wrap thead th{background:#102838;color:var(--art-mint);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.table-wrap tbody th{color:#fff}.table-wrap td{color:var(--art-muted)}.table-wrap tr:last-child th,.table-wrap tr:last-child td{border-bottom:0}.formula-card{padding:1.2rem;border:1px solid rgba(82,245,199,.32);border-radius:1rem;background:rgba(82,245,199,.06);font:800 1rem/1.55 ui-monospace,monospace;color:#dffbf4}.rights-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:1rem;align-items:start}.rights-badge{padding:1.4rem;border:1px solid var(--art-line);border-radius:1.25rem;background:linear-gradient(145deg,rgba(255,138,201,.08),rgba(139,124,255,.08))}.rights-badge strong{display:block;font-size:1.35rem;color:#fff}.faq-list details{border-bottom:1px solid var(--art-line)}.faq-list summary{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 0;cursor:pointer;color:#fff;font-weight:850}.faq-list summary span{color:var(--art-mint)}.faq-list details>div{padding:0 0 1rem}.final-cta{padding:clamp(4rem,8vw,7rem) 0;background:radial-gradient(circle at 50% 0,rgba(82,245,199,.14),transparent 32%),#06121d;text-align:center}.final-cta h2{max-width:820px;margin-inline:auto;font-size:clamp(2.2rem,5vw,5.2rem);line-height:1.02;letter-spacing:-.05em}.final-cta p{max-width:760px;margin-inline:auto;color:var(--art-soft)}.art-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.art-mini-grid .art-card__body{padding:1rem}.art-mini-grid img{aspect-ratio:1/1}.compare-stack{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.compare-stack .art-compare-card{height:100%}@media(max-width:1080px){.art-hero__grid,.split-copy,.rights-panel{grid-template-columns:1fr}.art-hero h1{max-width:15ch}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-jump{top:62px}}@media(max-width:720px){.ai-art-page .container,.ai-art-page .narrow{width:min(100% - 22px,1180px)}.art-hero{padding-top:5rem}.art-hero h1{font-size:clamp(2.45rem,13vw,3.75rem)}.hero-actions>*{width:100%}.art-grid,.art-grid.two,.workflow-steps,.compare-stack{grid-template-columns:1fr}.art-section{padding:3.7rem 0}.art-section h2{font-size:2.25rem}.table-wrap{margin-inline:-4px}.art-compare__line span{width:3rem;height:3rem}.art-jump{top:56px}.art-mini-grid{grid-template-columns:1fr}.rights-badge{padding:1.1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* v3.1.1 desktop layout and creative workflow fixes */
.ai-art-page .art-section .section-heading{
  display:block;
  width:100%;
  max-width:900px;
  margin:0 0 clamp(1.8rem,4vw,3rem);
  text-align:left;
}
.ai-art-page .art-section .section-heading>*{min-width:0}
.ai-art-page .art-section .section-heading h2{
  max-width:880px;
  margin:.7rem 0 1rem;
  overflow-wrap:normal;
  word-break:normal;
}
.ai-art-page .art-section .section-heading>p{
  width:100%;
  max-width:760px;
  margin:0 0 .85rem;
}
.compare-stack{display:block}
.compare-stack>.art-compare-card{
  width:100%;
  max-width:1180px;
  height:auto;
  margin:0 0 1.25rem;
}
.compare-stack>.art-compare-card .art-compare{aspect-ratio:16/9}
.compare-stack>.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.why-upscayl-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.why-upscayl-card{
  min-width:0;
  padding:clamp(1.25rem,2vw,1.7rem);
  border:1px solid var(--art-line);
  border-radius:1.3rem;
  background:linear-gradient(145deg,rgba(15,37,52,.96),rgba(8,24,36,.96));
}
.why-upscayl-card--accent{background:linear-gradient(145deg,rgba(82,245,199,.1),rgba(139,124,255,.1))}
.why-upscayl-card__number{
  display:inline-grid;
  width:2.55rem;
  height:2.55rem;
  place-items:center;
  border:1px solid rgba(82,245,199,.35);
  border-radius:50%;
  color:var(--art-mint);
  font:800 .72rem/1 ui-monospace,monospace;
}
.why-upscayl-card h3{margin:1.1rem 0 .7rem;font-size:1.45rem}
.why-upscayl-card p{margin:0 0 1.2rem;overflow-wrap:break-word}
.why-upscayl-card a{color:var(--art-mint);font-weight:800;text-decoration:none}
.why-upscayl-card a:hover{text-decoration:underline}
@media(max-width:1080px){
  .compare-stack>.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-upscayl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-upscayl-card:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  .compare-stack>.workflow-steps,.why-upscayl-grid{grid-template-columns:1fr}
  .why-upscayl-card:last-child{grid-column:auto}
  .compare-stack>.art-compare-card .art-compare{aspect-ratio:4/3}
}