/* FAMOS final screenshot alignment: scoped homepage visual layer only */
.approved-hero{overflow:hidden!important;background:radial-gradient(ellipse at 17% 105%,#d3e9ff 0,transparent 35%),radial-gradient(ellipse at 100% 92%,#e0e4ff 0,transparent 43%),linear-gradient(115deg,#ffffff 29%,#eff7ff 100%)!important}
.approved-hero-grid{grid-template-columns:1.05fr .95fr!important;gap:20px!important;align-items:center!important}
.approved-hero-visual{background:none!important;min-height:340px!important;overflow:visible!important;display:block!important;position:relative!important;padding:0!important}
.approved-hero-visual>.hero-note,.approved-hero-visual>.hero-person{display:none!important}
.famos-hero-stage{position:absolute;inset:0;overflow:hidden;border-radius:40% 0 0 0}
.famos-hero-stage:before{content:"";position:absolute;left:5%;right:-12%;bottom:-31%;height:62%;background:#d6edff;border-radius:50%;transform:rotate(-10deg)}
.famos-hero-stage:after{content:"✦  ✧  ✦";position:absolute;top:18px;right:8%;color:#9bcaff;font-size:26px;letter-spacing:40px}
.famos-hero-person{position:absolute!important;bottom:-7px!important;width:46%!important;max-width:none!important;height:93%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
.famos-hero-person.first{left:13%!important}
.famos-hero-person.second{left:50%!important;height:88%!important}
.famos-hero-person img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:bottom center!important;transform:none!important;mix-blend-mode:multiply}
.famos-hero-bubble{position:absolute;z-index:5;border-radius:18px;padding:12px 15px;box-shadow:0 10px 20px #15294b14;color:#1d2434;font-size:13px;font-weight:850;line-height:1.35;text-align:center;max-width:140px}
.famos-hero-bubble.a{top:28px;left:0;background:#ffbde0;transform:rotate(-9deg)}
.famos-hero-bubble.b{top:125px;left:1%;background:#c0e1ff;transform:rotate(-8deg)}
.famos-hero-bubble.c{top:26px;right:0;background:#b4f2df;transform:rotate(8deg)}
.famos-hero-bubble.d{top:160px;right:0;background:#ffe2a0;transform:rotate(8deg)}
.approved-intent-grid .intent-card{overflow:hidden!important;min-height:172px!important}
.approved-intent-grid .intent-card.famos-a-card{padding:18px!important}
.approved-intent-grid .intent-card.famos-a-card>b{padding:0!important;max-width:100%!important;position:relative;z-index:2;font-size:16px!important;white-space:nowrap}
.approved-intent-grid .intent-card.famos-a-card>p{position:relative;z-index:2;max-width:68%!important;font-size:12px!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.approved-intent-grid .intent-card.famos-a-card .famos-a-character{position:absolute!important;right:-5%!important;bottom:-3%!important;top:auto!important;width:49%!important;height:78%!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important;object-position:bottom right!important;background:none!important;mix-blend-mode:multiply;z-index:0!important}
.approved-intent-grid .intent-card.famos-a-card>.intent-icon{position:relative;z-index:2;margin-bottom:13px!important}
.approved-intent-grid .intent-card.famos-a-card>i{z-index:4!important}
@media(max-width:1100px){.approved-intent-grid .intent-card.famos-a-card>p{max-width:100%!important;padding-right:30%!important}.famos-hero-bubble{font-size:11px;max-width:110px}}
@media(max-width:820px){.approved-hero-grid{grid-template-columns:1fr!important}.approved-hero-visual{display:block!important;min-height:235px!important}.famos-hero-person{height:92%!important}.famos-hero-bubble{padding:8px 10px;font-size:10px;max-width:100px}.famos-hero-bubble.b{top:108px}.famos-hero-bubble.d{top:122px}}
@media(max-width:560px){.approved-hero-visual{min-height:205px!important}.famos-hero-person.first{left:16%!important}.famos-hero-person.second{left:49%!important}.famos-hero-bubble{font-size:9px;max-width:90px}.famos-hero-bubble.a{top:10px}.famos-hero-bubble.c{top:12px}.famos-hero-bubble.b{top:94px}.famos-hero-bubble.d{top:110px}.approved-intent-grid .intent-card.famos-a-card .famos-a-character{width:32%!important;height:70%!important}}

/* Final 2026-10-10 approved six-image graphic layout */
.famos-hero-person.first{left:6%!important;width:88%!important;height:95%!important;max-width:none!important}
.famos-hero-person.first img{object-fit:contain!important;object-position:bottom center!important;mix-blend-mode:multiply}
.famos-hero-stage{border-radius:0!important}
.famos-hero-bubble.a{left:1%!important;top:12%!important}
.famos-hero-bubble.b{left:0!important;top:49%!important}
.famos-hero-bubble.c{right:0!important;top:12%!important}
.famos-hero-bubble.d{right:1%!important;top:55%!important}
.approved-intent-grid .intent-card.famos-a-card .famos-a-character{right:-2%!important;bottom:-10%!important;width:51%!important;height:85%!important;object-fit:cover!important;object-position:center top!important;border-radius:20px 0 0 0!important;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
@media(max-width:760px){.famos-hero-person.first{left:10%!important;width:80%!important}.approved-intent-grid .intent-card.famos-a-card .famos-a-character{height:75%!important;width:42%!important}}


/* FINAL screenshot placement: overlay only, keep original navigation and content logic */
.approved-hero{background:radial-gradient(ellipse at 5% 80%,#d5eaff 0,transparent 27%),radial-gradient(ellipse at 95% 92%,#dbe5ff 0,transparent 42%),linear-gradient(125deg,#f7fbff 18%,#fff 57%,#edf5ff)!important}
.approved-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;gap:0!important}
.approved-hero-visual{min-height:365px!important;isolation:isolate}
.famos-hero-stage{inset:0!important;overflow:visible!important}
.famos-hero-stage:before{bottom:-15%!important;left:-2%!important;right:-8%!important;height:42%!important;opacity:.5}
.famos-hero-person.first{left:13%!important;width:76%!important;height:100%!important;bottom:0!important;overflow:visible!important}
.famos-hero-person.first img{object-fit:contain!important;object-position:bottom center!important;width:100%!important;height:100%!important}
.famos-hero-bubble{z-index:3}
.approved-intent-grid{gap:12px!important}
.approved-intent-grid .intent-card{min-height:180px!important;border-radius:18px!important}
.approved-intent-grid .intent-card.famos-a-card{padding:18px 15px!important;isolation:isolate}
.approved-intent-grid .intent-card.famos-a-card>b{font-size:15px!important;max-width:100%!important;white-space:normal!important;line-height:1.25!important}
.approved-intent-grid .intent-card.famos-a-card>p{max-width:58%!important;padding-right:0!important;line-height:1.35!important}
.approved-intent-grid .intent-card.famos-a-card .famos-a-character{top:auto!important;right:0!important;bottom:0!important;width:50%!important;height:80%!important;object-fit:contain!important;object-position:bottom right!important;mix-blend-mode:multiply;mask-image:linear-gradient(#000 85%,transparent 100%);border-radius:0!important}
.approved-intent-grid .intent-card.famos-category-guides>p,.approved-intent-grid .intent-card.famos-category-tools>p{max-width:96%!important}
.approved-intent-grid .intent-card.famos-category-guides .famos-a-character,.approved-intent-grid .intent-card.famos-category-tools .famos-a-character{display:none!important}
@media(max-width:820px){.approved-hero-grid{grid-template-columns:1fr!important}.approved-hero-visual{min-height:290px!important}.famos-hero-person.first{left:15%!important;width:70%!important}.approved-intent-grid .intent-card.famos-a-card .famos-a-character{width:45%!important}}
@media(max-width:560px){.approved-intent-grid .intent-card.famos-a-card{min-height:175px!important}.approved-intent-grid .intent-card.famos-a-card>p{max-width:55%!important}.approved-hero-visual{min-height:230px!important}}


/* FAMOS visual correction 2026-10-10: restore intended whitespace and individual portraits */
.approved-hero{padding-top:68px!important}
.approved-hero-grid{align-items:center!important;min-height:350px!important}
.approved-hero-visual{min-height:345px!important}
.famos-hero-stage{overflow:visible!important}
.famos-hero-person.first{left:8%!important;width:84%!important;height:100%!important;bottom:0!important;overflow:hidden!important}
.famos-hero-person.first img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:bottom center!important;mix-blend-mode:screen!important;mask-image:radial-gradient(ellipse 75% 76% at 50% 57%,#000 55%,transparent 94%)!important}
.famos-hero-bubble.a{top:9%!important;left:2%!important}
.famos-hero-bubble.b{top:49%!important;left:0!important}
.famos-hero-bubble.c{top:9%!important;right:0!important}
.famos-hero-bubble.d{top:52%!important;right:0!important}
.approved-intent-grid .intent-card.famos-a-card{min-height:185px!important;overflow:hidden!important}
.approved-intent-grid .intent-card.famos-a-card>b{max-width:100%!important;position:relative!important;z-index:2!important}
.approved-intent-grid .intent-card.famos-a-card>p{max-width:55%!important;position:relative!important;z-index:2!important}
.approved-intent-grid .intent-card.famos-a-card .famos-a-character{bottom:0!important;right:0!important;width:47%!important;height:73%!important;object-fit:contain!important;object-position:bottom right!important;border-radius:0!important;mask-image:linear-gradient(#000 82%,transparent 100%)!important}
.approved-intent-grid .intent-card.famos-category-guides .intent-icon,.approved-intent-grid .intent-card.famos-category-tools .intent-icon{opacity:0!important}
.approved-intent-grid .intent-card .famos-final-card-icon{position:absolute;right:13%!important;top:12%!important;display:block;font-size:49px;line-height:1;filter:drop-shadow(0 8px 5px #00000012);z-index:1;pointer-events:none}
.approved-intent-grid .intent-card.famos-category-guides>p,.approved-intent-grid .intent-card.famos-category-tools>p{max-width:87%!important}
@media(max-width:820px){.approved-hero{padding-top:52px!important}.approved-hero-visual{min-height:285px!important}.famos-hero-person.first{left:11%!important;width:78%!important}}
@media(max-width:560px){.approved-hero{padding-top:38px!important}.approved-intent-grid .intent-card .famos-final-card-icon{font-size:36px!important}.approved-intent-grid .intent-card.famos-a-card .famos-a-character{width:44%!important;height:68%!important}}


/* Fix: remove black rectangular backing in existing character WebP composites. */
.approved-intent-grid .intent-card.famos-category-ai .famos-a-character,
.approved-intent-grid .intent-card.famos-category-projects .famos-a-character,
.approved-intent-grid .intent-card.famos-category-together .famos-a-character{
  mix-blend-mode:screen!important;
  background:transparent!important;
  width:42%!important;
  height:76%!important;
  right:1%!important;
  bottom:0!important;
  object-fit:contain!important;
  object-position:bottom right!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%)!important;
  pointer-events:none!important;
  z-index:1!important
}
.approved-intent-grid .intent-card.famos-category-ai>b,
.approved-intent-grid .intent-card.famos-category-projects>b,
.approved-intent-grid .intent-card.famos-category-together>b{max-width:58%!important;font-size:14px!important}
.approved-intent-grid .intent-card.famos-category-ai>p,
.approved-intent-grid .intent-card.famos-category-projects>p,
.approved-intent-grid .intent-card.famos-category-together>p{max-width:55%!important;overflow-wrap:break-word!important}
.approved-intent-grid .intent-card .famos-final-card-icon{top:12%!important;left:16px!important;right:auto!important;font-size:42px!important}
.approved-intent-grid .intent-card.famos-category-guides>.intent-icon,
.approved-intent-grid .intent-card.famos-category-tools>.intent-icon{visibility:hidden!important}
.approved-intent-grid .intent-card.famos-category-guides>b,
.approved-intent-grid .intent-card.famos-category-tools>b{margin-top:44px!important}
.approved-intent-grid .intent-card.famos-a-card{position:relative!important}
@media(max-width:700px){
 .approved-intent-grid .intent-card.famos-a-card .famos-a-character{width:40%!important;height:69%!important}
 .approved-intent-grid .intent-card.famos-a-card>b{font-size:13px!important}
}

/* Opaque black backgrounds were removed in generated alpha PNGs. Never screen-blend characters. */
.famos-hero-person.first img{mix-blend-mode:normal!important;mask-image:none!important;opacity:1!important;filter:none!important}
.approved-intent-grid .intent-card.famos-category-ai .famos-a-character,
.approved-intent-grid .intent-card.famos-category-projects .famos-a-character,
.approved-intent-grid .intent-card.famos-category-together .famos-a-character{
mix-blend-mode:normal!important;mask-image:none!important;opacity:1!important;filter:none!important;
width:39%!important;height:73%!important;right:0!important;bottom:0!important;
object-fit:contain!important;object-position:bottom right!important}
.approved-intent-grid .intent-card.famos-category-projects>b{max-width:100%!important;font-size:13px!important;white-space:nowrap!important;letter-spacing:-.5px!important}
.approved-intent-grid .intent-card.famos-category-projects>p{max-width:57%!important;font-size:11px!important}
@media(max-width:600px){.approved-intent-grid .intent-card.famos-category-projects>b{white-space:normal!important}}

/* Mobile rendering: skip off-screen content layout until near viewport without changing content */
@media(max-width:820px){
  .approved-intent-grid .intent-card{contain:layout style!important}
  .famos-hero-stage{contain:layout style!important}
  .approved-intent-grid .intent-card .famos-a-character{will-change:auto!important}
}

/* Only together card: restore original boy + mentor + robot team illustration. */
.approved-intent-grid .intent-card.famos-category-together .famos-a-character{mix-blend-mode:multiply!important;opacity:1!important;filter:none!important;mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%)!important;right:0!important;bottom:0!important;width:49%!important;height:78%!important;object-fit:contain!important;object-position:bottom right!important}

/* Stable initial mobile layout: reserve geometry before deferred scripts insert art. */
@media(max-width:820px){
 .approved-hero{padding-top:24px!important;overflow:hidden!important}
 .approved-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;min-height:0!important}
 .approved-hero-visual{min-height:255px!important;height:255px!important;position:relative!important;overflow:hidden!important}
 .famos-hero-stage{position:absolute!important;inset:0!important;height:255px!important;contain:layout paint style!important}
 .famos-hero-person.first{height:100%!important;bottom:0!important}
 .famos-hero-person.first img{width:100%!important;height:100%!important;object-fit:contain!important}
 .approved-intent-grid .intent-card{min-height:180px!important}
}
@media(max-width:560px){
 .approved-hero-visual,.famos-hero-stage{height:225px!important;min-height:225px!important}
 .approved-intent-grid .intent-card{min-height:175px!important}
}

/* CLS guard: reserve header and hero dimensions before deferred homepage enhancement. */
@media(max-width:820px){
  .approved-hero-grid{row-gap:0!important}
  .approved-hero-visual{content-visibility:visible!important;contain:layout style!important}
  .famos-hero-stage{pointer-events:none!important}
  .famos-hero-person.first img{aspect-ratio:3/2!important;display:block!important}
  .approved-intent-grid{align-items:stretch!important}
  .approved-intent-grid a.intent-card{box-sizing:border-box!important;min-height:180px!important}
}