:root{--ink:#233d40;--muted:#657b7b;--coral:#e95f68;--pool:#d5f0ea;--cream:#fffaf5;--border:#e8e8df;--primary:#df6268;--primary-foreground:#fff;--foreground:#233d40;--background:#fffaf5;--card:#fff;--border:#dfe7e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}[hidden]{display:none!important}.container{width:min(1160px,calc(100% - 40px));margin:auto}header{background:#fffaf5ed;position:sticky;top:0;z-index:5;border-bottom:1px solid #e9eee8}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:700 23px Georgia,serif;white-space:nowrap}.brand i,h1 em,h2 em{font-weight:400;color:#d95f6d}.nav nav,.nav-actions{display:flex;gap:30px;align-items:center;font-size:14px}.nav a:hover,.text-link:hover{color:var(--coral)}.nav-create,.primary{border:0;background:var(--coral);color:white;border-radius:999px;padding:12px 22px;font-weight:700}.nav-create:hover{color:white!important;background:#d9525b}.hero{padding:65px 0 80px;background:radial-gradient(ellipse at 50% 10%,#ffebe8 0,transparent 50%),linear-gradient(#fffaf5,#e9f7f2)}.intro{text-align:center;max-width:760px;margin:auto}.eyebrow,.kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#d66471}.intro h1{font:700 clamp(48px,8vw,96px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:22px 0 16px}.lead{font:italic 25px Georgia,serif;color:#508b85}.intro>p:not(.lead){color:var(--muted);max-width:630px;margin:18px auto}.pills{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:28px 0 40px}.pills span,.badge{background:#fff;border:1px solid #e4ebe4;border-radius:30px;padding:6px 14px;font-size:12px;font-weight:700}.studio-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.card{border:1px solid #e2e9e2;border-radius:24px;background:#fff;box-shadow:0 16px 45px #476f6912}.studio{padding:30px}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.badge{white-space:nowrap;background:#e7f6ef;color:#44877a}.studio h2,.section h2,.about h2{font:700 clamp(30px,4vw,46px)/1.12 Georgia,serif;letter-spacing:-.03em;margin:10px 0}.studio h2{font-size:30px}.muted,.note{color:var(--muted)}.upload-row{display:grid;grid-template-columns:138px 1fr;gap:20px;align-items:center;margin:25px 0}.upload{width:138px;height:150px;position:relative;border:1px dashed #e18f96;border-radius:16px;background:#fff6f4;overflow:hidden}.upload #upload-button{width:100%;height:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--ink)}.upload b{background:#f5c1c3;border-radius:50%;width:42px;height:42px;font-size:28px;line-height:42px}.upload small{font-size:10px;color:var(--muted)}.upload img{width:100%;height:100%;object-fit:cover}.upload #remove-photo{position:absolute;right:5px;top:5px;border:0;border-radius:50%;background:white;width:28px;height:28px}.upload-row p{font-size:14px;line-height:1.5}.upload-row small{color:var(--muted)}.field{display:block;font-weight:700;font-size:13px;margin:15px 0}.field select{display:block;background:white;border:1px solid #dfe8e1;border-radius:12px;width:100%;padding:12px;margin-top:6px;color:var(--ink)}.primary{width:100%;margin-top:12px}.primary.disabled{background:#caa9a8}.note{font-size:12px;line-height:1.6}.visual{padding:14px;display:flex;flex-direction:column}.visual-top,.visual-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;font-size:11px;letter-spacing:.1em;color:#718783;font-weight:700}.art{height:435px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(#c8eae5 0%,#eff5df 51%,#90d1ca 52%,#45a9a4 100%)}.sun{position:absolute;width:100px;height:100px;top:45px;right:100px;border-radius:50%;background:#ffe6c9;box-shadow:0 0 45px #fff5cf}.skyline{position:absolute;bottom:47%;width:100%;height:115px;opacity:.32;background:repeating-linear-gradient(90deg,transparent 0 18px,#7ea5a2 19px 38px,transparent 39px 48px);clip-path:polygon(0 65%,7% 65%,7% 38%,14% 38%,14% 57%,22% 57%,22% 20%,30% 20%,30% 52%,37% 52%,37% 8%,46% 8%,46% 59%,55% 59%,55% 27%,63% 27%,63% 52%,70% 52%,70% 32%,77% 32%,77% 60%,85% 60%,85% 23%,93% 23%,93% 60%,100% 60%,100% 100%,0 100%)}.water{position:absolute;bottom:7%;left:-10%;width:120%;height:25%;border:2px solid #ffffff70;border-radius:50%;box-shadow:0 12px 0 -10px #ffffff90,0 28px 0 -25px #ffffff90}.float{position:absolute;left:32%;top:40%;font-size:130px;transform:rotate(-8deg);filter:drop-shadow(0 13px 8px #265e6040)}.sparkle{position:absolute;top:25%;left:20%;font-size:42px;color:#fff}.visual-caption{padding:17px 10px 3px;letter-spacing:0}.visual-caption strong{font:700 18px Georgia,serif;color:var(--ink)}.visual-caption p{margin:3px 0;font-weight:400;font-size:13px}.illustration-note{margin:0 10px 8px;color:#849793;font-size:11px}.section{padding:95px 0}.section-heading{text-align:center;margin:0 auto 40px;max-width:700px}.section-heading h1{font:700 clamp(40px,6vw,70px)/1.1 Georgia,serif;margin:16px 0}.section-heading p{color:var(--muted)}.steps,.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article,.price-card{background:white;border:1px solid var(--border);border-radius:20px;padding:28px}.steps article>span{color:#d96f78;font:italic 27px Georgia,serif}.steps h3,.price-card h3{font:700 22px Georgia,serif}.steps p,.price-card p{color:var(--muted);font-size:14px}.about{background:#e4f3eb;padding:85px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p{color:#526e69}.text-link{font-weight:700;color:#ce5966}.faq{max-width:760px}.faq details{border-bottom:1px solid #dce6df;padding:19px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{color:var(--muted)}.price-card strong{font:700 38px Georgia,serif}.policy{max-width:850px}.policy p{white-space:normal}footer{background:#204647;color:#f1f7ef;padding:60px 0}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footer p{color:#b9d1c9}.footer div{display:flex;gap:20px;font-size:13px}.local-dialog{max-width:440px;width:calc(100% - 32px);border:1px solid var(--border);border-radius:20px;padding:25px;background:white;color:var(--ink);position:fixed;inset:0;margin:auto}.local-dialog::backdrop{background:#17333299}.commerce-auth label{display:block;margin:12px 0}.commerce-auth input{display:block;width:100%;border:1px solid #ceded7;border-radius:8px;padding:10px}.commerce-auth button{border:0;background:#e46b73;color:white;border-radius:20px;padding:9px 15px;margin:5px}.commerce-auth code{display:block;overflow-wrap:anywhere}.commerce-account-menu{position:relative}.commerce-account-menu summary{cursor:pointer;list-style:none;border:1px solid #d8e6dd;border-radius:30px;padding:8px 13px}.commerce-account-popover{position:absolute;right:0;top:45px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px;width:260px;box-shadow:0 12px 35px #0002}.commerce-bar{display:flex;flex-direction:column;align-items:start;gap:9px}.commerce-bar button{border:0;background:transparent;color:#c6525f}.commerce-panel{padding:12px;margin-bottom:12px}.commerce-error,#auth-error{color:#b42318}.commerce-result-close{float:right}@media(max-width:760px){.nav{height:66px}.nav nav{display:none}.brand{font-size:18px}.nav-create{display:none}.hero{padding:45px 0}.studio-grid,.about-grid{grid-template-columns:1fr}.steps,.prices{grid-template-columns:1fr}.art{height:340px}.section{padding:65px 0}.about-grid{gap:15px}.footer{display:block}.footer div{margin-top:20px}.studio{padding:22px}.badge{display:none}}
.blog-hero{padding:82px 0 68px;text-align:center;background:radial-gradient(ellipse at 50% 0,#ffe7e4,transparent 70%),#edf8f3}.blog-hero h1,.article h1{font:700 clamp(42px,6vw,70px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:18px auto;max-width:800px}.blog-hero h1 em{color:#d95f6d;font-weight:400}.blog-hero p{max-width:590px;margin:0 auto;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e1e9e1;border-radius:20px;padding:25px;min-height:275px;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #476f6917}.blog-card-icon{display:grid;place-items:center;background:#fce9e8;color:#d66471;width:45px;height:45px;border-radius:14px;font-size:23px;margin-bottom:18px}.blog-card h2{font:700 23px/1.2 Georgia,serif;margin:10px 0}.blog-card p{color:var(--muted);font-size:14px;margin:0 0 18px}.blog-card strong{margin-top:auto;color:#d05f6b;font-size:13px}.article{max-width:780px;padding:65px 0 100px}.back-link{display:block;color:#c45c68;font-weight:700;font-size:14px;margin-bottom:40px}.article h1{margin:16px 0 22px}.article-lead{font-size:19px;color:var(--muted);line-height:1.7}.article-rule{height:1px;background:#dfe9e1;margin:35px 0}.article section{margin:35px 0}.article section h2,.related h2{font:700 28px/1.2 Georgia,serif}.article section p{color:#526d69;line-height:1.85}.article-cta{background:#e5f4eb;border-radius:22px;padding:28px;margin-top:45px}.article-cta h2{font:700 26px Georgia,serif;margin:0}.article-cta a,.related a{color:#c45563;font-weight:700}.related{margin-top:45px}.related a{display:block;padding:12px 0;border-bottom:1px solid #e1e9e1}@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:60px 0 50px}.article{padding:45px 0 70px}.nav nav{display:flex;gap:12px;font-size:12px}.nav nav a:not([href="/blog"]){display:none}.nav{gap:10px}.nav-actions{gap:0}.brand{white-space:normal;font-size:16px}}

/* Keep the existing Flamingo theme while giving content room at each breakpoint. */
.intro{max-width:1000px}
.intro h1,.section-heading h1,.blog-hero h1,.article h1{text-wrap:balance}
.article h1{font-size:clamp(32px,5vw,56px);overflow-wrap:anywhere}
.studio-grid>*,.upload-row>*,.about-grid>*,.blog-grid>*{min-width:0}
.nav a,.commerce-account-menu summary{white-space:nowrap}
.nav-actions{flex-shrink:0}
.card-top{flex-wrap:wrap}
.price-card{display:flex;flex-direction:column;align-items:flex-start}
.price-card .primary{margin-top:auto}
.price-card p:last-of-type{margin-bottom:24px}
.footer div{flex-wrap:wrap;row-gap:12px}
.upload img{object-fit:contain}
.local-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}
:is(#studio,#how-it-works,#faq){scroll-margin-top:100px}

@media(max-width:1050px){
  .nav{height:auto;min-height:76px;flex-wrap:wrap;gap:12px 20px;padding-block:12px}
  .nav>.brand{white-space:nowrap}
  .nav-actions{margin-left:auto}
  .nav nav{display:flex;order:3;width:100%;justify-content:center;gap:24px}
  .nav nav a:not([href="/blog"]){display:inline}
  :is(#studio,#how-it-works,#faq){scroll-margin-top:130px}
}
@media(max-width:960px){
  .studio-grid{grid-template-columns:minmax(0,1fr)}
  .studio-grid .visual{max-width:100%}
  .art{height:380px}
  .blog-grid,.prices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-grid{gap:30px}
}
@media(max-width:600px){
  .nav{gap:10px;min-height:66px}
  .nav nav{font-size:12px;gap:20px}
  .nav>.brand{font-size:16px}
  .nav-actions{font-size:13px}
  .blog-grid,.prices{grid-template-columns:minmax(0,1fr)}
  .art{height:300px}
  .sun{right:15%;top:35px;width:80px;height:80px}
  .float{font-size:110px}
  .visual-top{flex-wrap:wrap;letter-spacing:.06em}
  .visual-caption{align-items:flex-start}
  .visual-caption>span{white-space:nowrap}
}
@media(max-width:480px){
  .upload-row{grid-template-columns:minmax(0,1fr);gap:16px;margin-block:20px}
  .upload{width:100%;height:160px}
  .upload-row p{margin-block:8px}
  .studio{padding:20px}
  .studio .primary{font-size:14px}
}

/* Editorial sections reuse this site's typography and palette. */
.intro-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:0 0 32px;font-size:14px}
.article-toc{padding:20px 24px;background:#eaf5ef;border:1px solid var(--border);border-radius:16px;margin:28px 0}
.article-toc ul{margin:8px 0 0;padding-left:20px}
.article-toc a,.article section p a,.article section li a{color:#b94b59;text-decoration:underline;text-underline-offset:3px}
.article li{margin:8px 0;color:#526d69}.article section{scroll-margin-top:130px}
.article blockquote{margin:20px 0;padding:18px 22px;border-left:3px solid var(--coral);background:#fff0ec;color:var(--ink)}
.content-table{max-width:100%;overflow-x:auto;margin:20px 0;border:1px solid var(--border);border-radius:12px}
.content-table table{border-collapse:collapse;width:100%}
.content-table th,.content-table td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--border);font-size:14px}
.content-table th{background:#eaf5ef}.content-table tr:last-child td{border-bottom:0}
.article-faq details{border-bottom:1px solid var(--border);padding:16px 0}.article-faq summary{font-weight:700;cursor:pointer}.article-faq details p{margin-bottom:0}
.guide-group{padding-block:50px}.guide-group-heading h2{margin:0 0 24px}
.blog-card h3{font:700 23px/1.2 Georgia,serif;margin:10px 0}.blog-card{overflow-wrap:anywhere}
.steps article{display:flex;flex-direction:column}.steps .text-link{margin-top:auto;font-size:14px}
.article :is(h1,h2,h3){overflow-wrap:anywhere}
.article-cta a:focus-visible,.article-toc a:focus-visible,.blog-card:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
@media(max-width:600px){.article-toc{padding:16px}.article-toc ul{padding-left:18px}.guide-group{padding-block:32px}.intro-links{gap:10px 20px}.content-table th,.content-table td{padding:10px}}

/* Topic navigation and practical checklists keep the existing editorial style. */
.reference-video{display:block;width:100%;height:560px;object-fit:contain;border-radius:16px;background:#173b3d}
.reference-note{margin:10px;color:var(--muted);font-size:12px;line-height:1.6}
.reference-note a{color:#b94b59;text-decoration:underline;text-underline-offset:3px}
.studio-generate{display:block;text-align:center}
.studio-generate:hover{background:#d9525b}
.studio-generate:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:600px){.reference-video{height:auto;aspect-ratio:9/16;max-height:75svh}}
.guide-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding-block:28px 0}
.guide-topics a{padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:white;color:#b94b59;font-size:14px;font-weight:700}
.guide-group{scroll-margin-top:130px}
.faq details a{color:#b94b59;text-decoration:underline;text-underline-offset:3px}
.content-table caption{text-align:left;padding:14px;font-weight:700;background:#eaf5ef}
.content-table tbody th{background:#f3f8f3;font-weight:600}
.guide-topics a:focus-visible,.faq details a:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
@media(max-width:600px){.guide-topics{justify-content:flex-start;gap:10px}.guide-topics a{font-size:13px}.content-table caption{padding:10px}}
@media(max-width:600px){
  .comparison-table table,.comparison-table caption,.comparison-table tbody{display:block;width:100%}
  .comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .comparison-table tr{display:block;padding:16px;border-bottom:1px solid var(--border)}
  .comparison-table tr:last-child{border-bottom:0}
  .comparison-table :is(th,td){display:block;padding:0;border:0;background:transparent}
  .comparison-table tbody th{font-size:16px;color:var(--ink)}
  .comparison-table td{margin-top:12px}
  .comparison-table td::before{content:attr(data-label);display:block;font-weight:700;color:var(--ink);margin-bottom:3px}
}