:root{
 --ink:#1f1c1e;--muted:#6f676c;--paper:#fffaf7;--white:#fff;--line:#efdfdc;
 --rose:#ef6578;--rose2:#d95472;--peach:#ffb190;--pink:#f5dce5;--soft:#fff0eb;
 --shadow:0 20px 60px rgba(89,54,61,.10);--radius:26px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:linear-gradient(180deg,#fff 0,#fffaf7 48%,#fff 100%);
font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.62}
img{max-width:100%}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(239,223,220,.65);position:relative;z-index:3}
.logo{width:130px;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:25px;font-size:14px;color:#524c51}
.navlinks a{text-decoration:none}.navlinks a.active{color:var(--rose);font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 23px;text-decoration:none;font-weight:800;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,#ef5e72,#ef7380);color:#fff;box-shadow:0 11px 28px rgba(224,84,105,.20)}
.btn-light{background:#fff;border:1px solid var(--line)}
.breadcrumb{font-size:12px;color:#8a8187;padding:18px 0 0}.breadcrumb a{text-decoration:none}
.kicker{font-size:12px;color:#db5b70;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif}
h1{font-size:56px;line-height:1.02;letter-spacing:-.04em;margin:13px 0 19px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:34px 0 56px}
.hero p{font-size:18px;color:var(--muted);margin:0 0 18px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.trust{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:#655e63}.trust span:before{content:"✓";color:var(--rose);font-weight:900;margin-right:6px}
.hero-art{border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}
.hero-art img{width:100%;display:block;aspect-ratio:1/1.18;object-fit:cover}
.section{padding:62px 0}.section-title{font-size:42px;line-height:1.06;letter-spacing:-.03em;margin:0 0 12px}
.section-lead{font-size:17px;color:var(--muted);max-width:820px;margin:0 0 27px}
.band{background:#fff;border:1px solid var(--line);border-radius:30px;padding:36px;margin:12px 0 58px;box-shadow:0 10px 35px rgba(83,55,60,.035)}
.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.category-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 8px 30px rgba(90,57,64,.05)}
.category-card img{width:100%;aspect-ratio:1.85/1;object-fit:cover;display:block}.category-body{padding:19px}
.category-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.category-top h3{font-size:27px;margin:0}
.count{font-size:11px;color:var(--rose);font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.category-body p{color:var(--muted);font-size:14px;margin:7px 0 15px}
.usecase-links{display:grid;gap:8px}.usecase-links a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;padding:10px 12px;border:1px solid #f2e5e1;border-radius:13px;background:#fffaf8;font-size:13px}
.usecase-links a:hover{border-color:#eeb6bd;background:#fff4f1}.arrow{color:var(--rose);font-weight:900}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.two{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:20px;box-shadow:0 7px 26px rgba(90,57,64,.035)}
.card h3{font-size:22px;margin:0 0 8px}.card p{font-size:14px;color:var(--muted);margin:0}.eyebrow{font-size:11px;color:var(--rose);font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:6px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{text-align:center;padding:14px 12px}.step-icon{width:60px;height:60px;border-radius:50%;background:var(--soft);display:grid;place-items:center;margin:0 auto 12px;color:var(--rose);font-weight:900}
.step h3{font-family:Inter,ui-sans-serif,sans-serif;font-size:15px;margin:0 0 5px}.step p{font-size:13px;color:var(--muted);margin:0}
.visual-explainer{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.visual-explainer img{width:100%;display:block;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 38px rgba(88,55,61,.06)}
.note{background:var(--soft);border:1px solid #f1d6d3;border-radius:17px;padding:15px 17px;color:#60575b;font-size:14px}
.tips{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.qa{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
.qa h3{font-family:Inter,ui-sans-serif,sans-serif;font-size:15px;margin:0 0 8px}.qa p{font-size:14px;color:var(--muted);margin:0}
.order-shell{display:grid;grid-template-columns:.74fr 1.26fr;gap:24px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:29px;padding:25px;box-shadow:var(--shadow)}
.price{background:linear-gradient(145deg,#fff0e9 0%,#ffe4e5 50%,#f5dcea 100%);border:1px solid #f0ced4;border-radius:23px;padding:34px 30px;color:var(--ink);box-shadow:0 12px 34px rgba(212,93,116,.08)}
.price .smallcap{color:#cd526a;font-size:13px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.price strong{display:block;font-size:64px;line-height:.95;margin:12px 0 14px}
.price ul{list-style:none;padding:0;margin:28px 0 24px}.price li{margin:14px 0;font-size:16px}.price li:before{content:"✓";color:var(--rose);margin-right:9px;font-weight:900}
.micro{font-size:12px;line-height:1.6;color:#6f5f64;border-top:1px solid #e9c8cf;padding-top:18px}
.form h2{font-size:37px;margin:0 0 8px}.form>p{color:var(--muted);margin:0 0 12px}iframe[data-tally-src]{display:block;width:100%;min-height:920px;border:0}
.related{display:flex;gap:10px;flex-wrap:wrap}.related a{text-decoration:none;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:999px;font-size:13px}
.hub-hero{text-align:center;padding:50px 0 36px}.hub-hero h1{max-width:820px;margin:12px auto 15px}.hub-hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:18px}
.cat-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:25px;align-items:start;padding:34px 0;border-top:1px solid var(--line)}
.cat-section:first-of-type{border-top:0}.cat-image img{width:100%;border-radius:23px;display:block;box-shadow:0 10px 30px rgba(85,53,60,.06)}
.cat-content h2{font-size:37px;margin:0 0 8px}.cat-content>p{color:var(--muted);margin:0 0 15px}
footer{border-top:1px solid var(--line);padding:34px 0 48px;margin-top:62px}.footer-main{display:grid;grid-template-columns:1.15fr 2fr;gap:40px}
.footer-copy p{font-size:13px;color:var(--muted);max-width:320px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.footer-groups h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#7a7177}.footer-groups a{display:block;text-decoration:none;font-size:12px;color:var(--muted);margin:6px 0}
.footer-note{font-size:11px;color:#8b8288;margin-top:24px}
@media(max-width:900px){
 .hero,.visual-explainer,.order-shell,.cat-section,.footer-main{grid-template-columns:1fr}
 .category-grid,.three,.steps{grid-template-columns:1fr 1fr}.footer-groups{grid-template-columns:repeat(2,1fr)}
 h1{font-size:46px}.navlinks a:not(.btn){display:none}
}
@media(max-width:620px){
 .wrap{padding:0 16px}.logo{width:106px}.hero{gap:28px;padding-top:26px}
 h1{font-size:40px}.section{padding:48px 0}.section-title{font-size:35px}
 .category-grid,.three,.two,.steps,.tips,.qa-grid{grid-template-columns:1fr}.band{padding:23px 17px}.footer-groups{grid-template-columns:1fr 1fr}
}


/* ===== FINAL V2 ARCHITECTURE ===== */
body{background:linear-gradient(180deg,#fff 0%,#fffaf7 48%,#fff 100%)}
nav{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:20}
.navlinks .btn{white-space:nowrap}

/* Home hero: copy + visual + clear seven-category side menu */
.home-hero-v2{
  display:grid;
  grid-template-columns:.88fr 1.08fr .52fr;
  gap:28px;
  align-items:center;
  padding:34px 0 52px;
}
.home-hero-v2 .hero-copy h1{
  font-size:58px;line-height:1.0;letter-spacing:-.045em;margin:13px 0 18px
}
.home-hero-v2 .hero-copy p{font-size:18px;color:var(--muted);margin:0 0 22px}
.home-hero-v2 .hero-visual{
  border:1px solid var(--line);border-radius:27px;overflow:hidden;background:#fff;box-shadow:var(--shadow)
}
.home-hero-v2 .hero-visual img{width:100%;display:block}
.usecase-side{
  background:#fff;border:1px solid var(--line);border-radius:25px;padding:18px;box-shadow:0 12px 36px rgba(90,57,64,.06)
}
.usecase-side h2{font-size:28px;line-height:1.0;margin:0 0 6px}
.usecase-side .side-sub{font-size:12px;color:var(--muted);margin-bottom:10px}
.side-cat{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 2px;border-top:1px solid #f2e6e3;text-decoration:none;font-size:14px
}
.side-cat:first-of-type{border-top:0}
.side-cat strong{font-weight:800}.side-cat span{color:var(--rose);font-weight:900}
.side-all{
  display:block;margin-top:11px;padding:12px 14px;border-radius:14px;background:var(--soft);
  color:#cc5269;text-decoration:none;font-size:13px;font-weight:900;text-align:center
}

/* Home seven-category strip */
.home-category-strip{
  display:grid;grid-template-columns:repeat(7,1fr);gap:11px;margin-top:23px
}
.home-cat-card{
  background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;
  box-shadow:0 7px 23px rgba(90,57,64,.035);transition:.18s transform,.18s box-shadow
}
.home-cat-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(90,57,64,.08)}
.home-cat-card img{width:100%;aspect-ratio:1.2/1;object-fit:cover;display:block}
.home-cat-card .hc-body{padding:11px}
.home-cat-card h3{font-size:18px;margin:0 0 3px}
.home-cat-card p{font-size:11px;line-height:1.35;color:var(--muted);margin:0 0 7px;min-height:44px}
.home-cat-card .hc-link{font-size:11px;color:var(--rose);font-weight:900}

/* Compact price CTA used on home + SEO landing pages */
.compact-order{
  display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;align-items:center;
  padding:24px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)
}
.compact-price{
  background:linear-gradient(145deg,#fff0e9 0%,#ffe4e5 50%,#f5dcea 100%);
  border:1px solid #f0ced4;border-radius:22px;padding:28px
}
.compact-price .smallcap{color:#cd526a;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.compact-price strong{display:block;font-size:58px;line-height:.95;margin:10px 0 12px}
.compact-price ul{list-style:none;padding:0;margin:18px 0 0}
.compact-price li{margin:9px 0;font-size:14px}
.compact-price li:before{content:"✓";color:var(--rose);margin-right:8px;font-weight:900}
.compact-cta h2{font-size:36px;margin:0 0 9px}
.compact-cta p{color:var(--muted);margin:0 0 16px;max-width:620px}
.compact-note{font-size:12px;color:#776d72;margin-top:10px}

/* SEO landing page gets a stronger route to Create and Use Cases */
.seo-route{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:17px
}

/* Create page */
.create-hero{
  text-align:center;padding:44px 0 25px
}
.create-hero h1{max-width:760px;margin:12px auto 12px}
.create-hero p{max-width:720px;margin:0 auto;color:var(--muted);font-size:18px}
.create-shell-v2{
  display:grid;grid-template-columns:.72fr 1.28fr;gap:25px;align-items:start;
  background:#fff;border:1px solid var(--line);border-radius:30px;padding:25px;box-shadow:var(--shadow)
}
.create-price{
  position:sticky;top:104px;
  background:linear-gradient(145deg,#fff0e9 0%,#ffe4e5 50%,#f5dcea 100%);
  border:1px solid #f0ced4;border-radius:24px;padding:32px 29px
}
.create-price .smallcap{color:#cd526a;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.create-price strong{display:block;font-size:68px;line-height:.95;margin:12px 0 14px}
.create-price ul{list-style:none;padding:0;margin:25px 0}
.create-price li{margin:13px 0;font-size:15px}
.create-price li:before{content:"✓";color:var(--rose);margin-right:9px;font-weight:900}
.create-price .privacy{font-size:12px;line-height:1.6;color:#6f5f64;border-top:1px solid #e9c8cf;padding-top:16px}
.create-form h2{font-size:38px;margin:0 0 8px}
.create-form>p{color:var(--muted);margin:0 0 13px}
.create-form iframe{display:block;width:100%;min-height:920px;border:0}

/* Inner SEO page: category-specific visual remains large */
.hero-art img{aspect-ratio:1.08/1;object-fit:cover}

/* FAQ always visible */
.qa-grid{align-items:stretch}.qa{height:100%}

/* Responsive */
@media(max-width:1050px){
  .home-hero-v2{grid-template-columns:1fr 1fr}
  .usecase-side{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
  .usecase-side h2,.usecase-side .side-sub,.usecase-side .side-all{grid-column:1/-1}
  .side-cat{border:1px solid #f2e6e3!important;border-radius:12px;padding:9px;font-size:12px}
  .home-category-strip{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .home-hero-v2,.compact-order,.create-shell-v2{grid-template-columns:1fr}
  .home-hero-v2 .hero-copy h1{font-size:44px}
  .home-category-strip{grid-template-columns:repeat(2,1fr)}
  .usecase-side{display:block}
  .side-cat{border:0!important;border-top:1px solid #f2e6e3!important;border-radius:0;padding:11px 2px;font-size:14px}
  .create-price{position:static}
}
@media(max-width:480px){
  .home-category-strip{grid-template-columns:1fr}
}


/* ===== FINAL V3: UNIQUE SEO HERO ART ===== */
.hero-art img{
  aspect-ratio:4/3;
  object-fit:cover;
}
.visual-explainer img{
  aspect-ratio:4/3;
  object-fit:cover;
}
.seo-visual-note{
  font-size:11px;
  color:#8c8288;
  margin-top:8px;
}


/* ===== FINAL V4 VISUAL QA FIXES ===== */
/* Page-specific hero artwork contains its own safe 4:3 composition. Never crop it again in CSS. */
.hero-art img{width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain!important;display:block}
.visual-explainer img{width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain!important;display:block}
/* Homepage category images are purpose-built 3:2 thumbnails; no hidden top/bottom areas. */
.home-cat-card img{width:100%;aspect-ratio:3/2!important;object-fit:cover!important;object-position:center center;display:block}


/* ===== FINAL V5 COMPLETE-PHOTO FIX ===== */
/* Hero illustrations are already composed at 4:3. Show every pixel; never crop. */
.hero-art{overflow:visible!important}
.hero-art img,
.visual-explainer img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

/* Homepage category images are purpose-built 3:2 completed portraits. */
.home-cat-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
.home-cat-card img{
  width:100%!important;
  aspect-ratio:3/2!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff7f4!important;
  display:block!important;
}
.home-cat-card .hc-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  padding:11px!important;
}
.home-cat-card h3{
  min-height:44px!important;
  margin:0 0 3px!important;
}
.home-cat-card p{
  min-height:46px!important;
  margin:0 0 7px!important;
}
.home-cat-card .hc-link{
  margin-top:auto!important;
}

/* Keep all seven cards aligned even when a heading wraps. */
.home-category-strip{align-items:stretch!important}


/* ===== FINAL V6 VISUAL SAFETY ===== */
.hero-art img,
.visual-explainer img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.home-cat-card img{
  width:100%!important;
  aspect-ratio:3/2!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff7f4!important;
}

/* ===== FINAL V7: CLEAN CENTERED SOURCE PORTRAITS ===== */
.hero-art img,.visual-explainer img,.cat-image img{width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important;display:block!important;}
.home-cat-card img{width:100%!important;aspect-ratio:3/2!important;object-fit:contain!important;object-position:center!important;background:#fff8f4!important;display:block!important;}
.home-cat-card{display:flex!important;flex-direction:column!important;height:100%!important;}
.home-cat-card .hc-body{display:flex!important;flex-direction:column!important;flex:1!important;}
.home-cat-card .hc-link{margin-top:auto!important;}

/* ===== FINAL V10: COMPLETE FACES + FULL FRAME ===== */
.hero-art img,.visual-explainer img,.cat-image img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;display:block!important;}
.home-cat-card img{width:100%!important;aspect-ratio:3/2!important;object-fit:contain!important;object-position:center!important;background:#fff8f4!important;display:block!important;}


/* ===== V11 SAFE HEADROOM: do not crop composed photos ===== */
.hero-art img,
.visual-explainer img,
.cat-image img,
.home-cat-card img {
  object-fit: contain !important;
  object-position: center center !important;
}


/* ===== V12 NATURAL BACKGROUND / NO MOSAIC ===== */
.hero-art img,
.visual-explainer img,
.cat-image img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.home-cat-card img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  display:block!important;
}