*{box-sizing:border-box}html{background:#101112}body{margin:0;background:#101112;color:#f5f5f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.bg-overlay{position:fixed;inset:0;z-index:-1;background:#101112}a{color:inherit}.hf-nav{height:64px;display:flex;align-items:center;gap:24px;padding:0 14px;position:sticky;top:0;z-index:50;background:rgba(16,17,18,.96);border-bottom:1px solid #202224;backdrop-filter:blur(18px)}.hf-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;white-space:nowrap}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f4f4f2;color:#111;font-size:20px}.hf-links{display:flex;align-items:center;gap:22px;min-width:0;flex:1;overflow:hidden}.hf-links a{font-size:15px;color:#a9a9aa;text-decoration:none;white-space:nowrap}.hf-links a:hover,.hf-links .active{color:#d8ff00}.hf-actions{display:flex;align-items:center;gap:8px}.icon-btn,.nav-pill{height:40px;border:1px solid #2c2e30;border-radius:12px;background:#1c1e20;color:#f4f4f4;padding:0 15px;font:inherit;font-weight:650;cursor:pointer}.icon-btn{width:40px;padding:0;font-size:22px}.nav-pill.bright{background:#d8ff00;color:#111;border-color:#d8ff00}.auth-buttons{display:flex;gap:8px}.explore-shell{padding:14px 12px 70px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-card{min-width:0;cursor:pointer}.feature-media{aspect-ratio:1.75/1;border-radius:10px;overflow:hidden;background:#1b1d1f;border:1px solid #242628}.feature-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.feature-card:hover img{transform:scale(1.025)}.feature-card h2{font-size:16px;margin:16px 0 5px}.feature-card p{margin:0;color:#8e8f91;font-size:15px}.product-grid{display:grid;grid-template-columns:1.05fr 1.95fr;gap:22px;margin-top:52px}.super-card,.tool-card{border:1px solid #2a2c2e;background:#1d1f21;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}.super-card{padding:24px;min-height:345px;background-image:radial-gradient(circle at 25% 90%,rgba(216,255,0,.07),transparent 34%)}.super-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{color:#d8ff00;font-size:12px;font-weight:800;letter-spacing:.12em}.super-head h2{font-size:25px;margin:4px 0}.super-head p{margin:0;color:#a1a2a4}.try-btn{background:#d8ff00;color:#111;text-decoration:none;padding:13px 21px;border-radius:12px;font-weight:800;white-space:nowrap}.agent-box{margin-top:24px;border:1px solid #393b3d;border-radius:18px;padding:20px;background:linear-gradient(135deg,#292b2e,#1f2123);color:#a7a8aa}.agent-box strong{display:block;color:#d8ff00;margin-bottom:22px}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d8ff00;margin-right:8px}.agent-line{padding:8px 0;border-top:1px solid rgba(255,255,255,.05)}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{min-height:164px;padding:20px;display:flex;position:relative;flex-direction:column;justify-content:space-between;text-decoration:none}.tool-icon{font-size:23px}.type-badge{position:absolute;right:14px;top:14px;background:#303235;color:#ddd;padding:7px 10px;border-radius:999px;font-size:12px}.tool-card h3{margin:0 0 7px;font-size:17px}.tool-card h3 b{font-size:10px;background:#d8ff00;color:#111;border-radius:5px;padding:3px 5px;margin-left:4px}.tool-card p{margin:0;color:#8c8d8f;font-size:14px}.community-section{text-align:center;padding:110px 20px 90px;max-width:850px;margin:auto}.community-avatars{display:flex;justify-content:center;margin-bottom:25px}.community-avatars img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #101112;margin-left:-8px}.community-section h2{font-size:40px;margin:0 0 14px}.community-section p{color:#929395;font-size:17px;line-height:1.6}.faq-section{max-width:950px;margin:0 auto;padding:20px 20px 70px}.faq-title{text-align:center;font-size:34px;margin-bottom:35px}.faq-item{border-bottom:1px solid #292b2d}.faq-question{width:100%;display:flex;justify-content:space-between;padding:22px 0;border:0;background:none;color:#fff;font:inherit;font-size:18px;text-align:left;cursor:pointer}.faq-icon{font-size:26px}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer p{color:#929395;line-height:1.65;margin:0;padding:0 0 20px}.faq-item.active .faq-icon{transform:rotate(45deg)}.avatar-auth{position:relative}.avatar-button{width:42px;height:42px;padding:3px;border:2px solid #d8ff00;border-radius:50%;background:#222;cursor:pointer}.avatar-button img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-menu{position:absolute;right:0;top:52px;width:min(380px,calc(100vw - 30px));background:#191b1d;border:1px solid #303235;border-radius:18px;padding:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.avatar-menu.show{opacity:1;visibility:visible;transform:none}.account-identity{display:flex;gap:12px;padding:12px}.account-identity img{width:48px;height:48px;border-radius:50%;object-fit:cover}.account-identity strong,.account-identity span{display:block}.account-identity span,.credit-values{color:#999;font-size:12px}.credit-card{padding:14px}.credit-values{display:flex;justify-content:space-between;margin:10px 0}.credit-track{height:6px;background:#343638;border-radius:8px;overflow:hidden}.credit-track span{display:block;height:100%;background:#d8ff00}.account-actions a,.account-actions button{display:flex;width:100%;justify-content:space-between;padding:12px;border:0;background:none;color:#eee;text-decoration:none;font:inherit}.account-actions small{color:#777}
@media(max-width:900px){.hf-links{display:none}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{display:none}.product-grid{grid-template-columns:1fr}.hf-brand span:last-child{display:none}}
@media(max-width:600px){.hf-nav{padding:0 10px}.icon-btn{display:none}.nav-pill{padding:0 10px;font-size:12px}.feature-grid{grid-template-columns:1fr;gap:28px}.feature-card:last-child{display:block}.mini-grid{grid-template-columns:1fr}.super-head{flex-direction:column}.community-section h2{font-size:30px}}

/* ================= FOOTER ================= */
.o4p-footer {
  margin-top: 140px;
  padding: 60px 80px 30px;
  background: radial-gradient(circle at top, #0b0f16, #050506);
  color: #9ca3af;
}

/* TOP FOOTER */
.o4p-footer-top {
  display: grid;
  grid-template-columns: 1.2fr 1fr 2fr;
  gap: 48px;
  align-items: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #1f2937;
}

/* BOTTOM FOOTER */
.o4p-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  font-size: 14px;
}

/* LINKS */
.o4p-footer-links a {
  color: #9ca3af;
  text-decoration: none;
  margin: 0 14px;
}

.o4p-footer-links a:hover {
  color: white;
}
@media (max-width: 1024px) {
  .o4p-footer-top {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }
  .o4p-footer-bottom {
    flex-direction: column;
    gap: 14px;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .o4p-footer {
    padding: 40px 20px 24px;
  }
}

/* ===== 2026-09 requested homepage refinements ===== */
:root{--o4p-purple:#8b3dff;--o4p-purple-2:#5b45ff;--o4p-purple-soft:#b875ff}
.hf-links .active,.eyebrow{color:var(--o4p-purple-soft)}
.nav-pill.bright,.try-btn{background:linear-gradient(135deg,var(--o4p-purple),var(--o4p-purple-2));color:#fff}
.super-card{background-image:radial-gradient(circle at 25% 90%,rgba(139,61,255,.12),transparent 34%)}
.agent-box strong,.tool-card h3 b{color:var(--o4p-purple-soft)}
.tool-card h3 b{background:var(--o4p-purple);color:#fff}.pulse-dot,.credit-track span{background:var(--o4p-purple)}.avatar-button{border-color:var(--o4p-purple)}

/* Higgsfield-style scalable mega menu */
.nav-dropdown-wrap{position:relative;display:flex;align-items:center;height:64px}
.nav-dropdown-trigger{text-decoration:none;color:#b7b7ba}
.nav-dropdown-wrap:hover .nav-dropdown-trigger,.nav-dropdown-wrap:focus-within .nav-dropdown-trigger{color:#fff}
.mega-menu{position:absolute;left:-120px;top:58px;width:min(900px,calc(100vw - 28px));display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:22px;border:1px solid #2c2e31;border-radius:24px;background:#1b1d1f;box-shadow:0 18px 55px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:100}
.nav-dropdown-wrap:hover .mega-menu,.nav-dropdown-wrap:focus-within .mega-menu{opacity:1;visibility:visible;transform:none}
.mega-column{display:flex;flex-direction:column;gap:6px;min-width:0}.mega-heading{font-size:14px;color:#85878a;padding:2px 8px 8px}.mega-item{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;padding:7px 8px;border-radius:14px;text-decoration:none;min-width:0}.mega-item:hover{background:#242629}.mega-icon{width:54px;height:54px;border-radius:14px;background:#25272a;display:grid;place-items:center;color:var(--o4p-purple-soft);font-size:22px}.mega-item strong,.mega-item small{display:block}.mega-item strong{font-size:15px;font-weight:650;color:#f4f4f5;margin-bottom:4px}.mega-item small{font-size:13px;color:#8f9194;white-space:normal;line-height:1.35}

/* Three visible video cards; one-card-at-a-time manual carousel */
.feature-carousel{position:relative;margin-top:8px}.feature-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.feature-track::-webkit-scrollbar{display:none}.feature-card{scroll-snap-align:start;min-width:0}.feature-media video{width:100%;height:100%;object-fit:cover;display:block;background:#1b1d1f}.feature-arrow{position:absolute;top:36%;z-index:8;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(31,33,35,.88);color:#fff;font-size:30px;line-height:1;cursor:pointer;opacity:.6;display:none;place-items:center;backdrop-filter:blur(8px)}.feature-arrow:hover{opacity:.9}.feature-arrow-left{left:10px}.feature-arrow-right{right:10px}.feature-carousel.has-overflow .feature-arrow{display:grid}.feature-arrow[disabled]{opacity:.18;pointer-events:none}

/* Tool cards: same compact proportions + subtle hover */
.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{min-height:142px;padding:18px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.tool-card:hover{transform:scale(1.01);border-color:#3a3c40;background:#202225}.tool-card h3{font-size:16px}.tool-card p{font-size:13px}.tool-card h3 b{font-size:9px}

@media(max-width:900px){.mega-menu{left:-70px;width:min(760px,calc(100vw - 24px))}.feature-track{grid-auto-columns:calc((100% - 16px)/2)}}
@media(max-width:600px){.nav-dropdown-wrap{height:auto}.mega-menu{position:fixed;left:12px;right:12px;top:62px;width:auto;grid-template-columns:1fr;max-height:70vh;overflow:auto}.feature-track{grid-auto-columns:100%}.feature-arrow{top:32%}}

/* ===== 2026-09 interaction + six-card correction ===== */
.hf-nav{z-index:1000;overflow:visible}.hf-links{overflow:visible}.nav-dropdown-wrap{z-index:1002}.mega-menu{z-index:5000}.explore-shell{position:relative;z-index:1}
.hf-links a:hover,.hf-links .active,.nav-dropdown-wrap:hover .nav-dropdown-trigger,.nav-dropdown-wrap:focus-within .nav-dropdown-trigger{color:var(--o4p-purple-soft)}
.nav-pill{transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.nav-pill:hover{transform:translateY(-1px);border-color:#55585d;background:#242629}.nav-pill.bright{position:relative;isolation:isolate;border-color:transparent;background:linear-gradient(135deg,var(--o4p-purple),var(--o4p-purple-2));overflow:hidden}.nav-pill.bright::before{content:"";position:absolute;inset:-2px;z-index:-2;border-radius:14px;background:conic-gradient(from 0deg,transparent 0 62%,rgba(255,255,255,.15) 70%,#fff 78%,var(--o4p-purple-soft) 84%,transparent 92%);animation:o4p-orbit 2.7s linear infinite}.nav-pill.bright::after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:11px;background:linear-gradient(135deg,var(--o4p-purple),var(--o4p-purple-2))}.nav-pill.bright:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.08)}
@keyframes o4p-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.nav-pill.bright::before{animation:none}}
.mega-item{transition:background .18s ease,transform .18s ease}.mega-item:hover{background:#242629;transform:translateX(2px)}
.feature-card{transition:transform .22s ease}.feature-media{transition:border-color .22s ease,transform .22s ease}.feature-media video{transition:transform .35s ease}.feature-card h2,.feature-card p{transition:color .2s ease,transform .2s ease}.feature-card:hover{transform:translateY(-2px)}.feature-card:hover .feature-media{border-color:rgba(184,117,255,.5)}.feature-card:hover video{transform:scale(1.018)}.feature-card:hover h2{color:var(--o4p-purple-soft);transform:translateX(2px)}.feature-card:hover p{color:#b6b7ba}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:52px}.product-grid .tool-card{min-height:142px;padding:18px}.mini-grid,.super-card{display:none!important}
.tool-card:hover{transform:scale(1.01) translateY(-1px);border-color:rgba(184,117,255,.48);background:#202225}.tool-card:hover h3{color:var(--o4p-purple-soft)}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr}}

/* ===== 2026-09 compact dropdown + mobile nav + card imagery ===== */
/* Desktop dropdown fills the left column first: items 1-5, then column 2. */
.mega-menu{left:-105px;top:58px;width:min(780px,calc(100vw - 28px));display:block;padding:18px 18px 20px;border-radius:22px}
.mega-heading{display:block;padding:0 8px 10px}
.mega-items{display:grid;grid-template-rows:repeat(5,minmax(66px,auto));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:22px;row-gap:2px}
.mega-item{grid-template-columns:48px 1fr;gap:12px;padding:6px 7px;min-height:66px}
.mega-icon{width:48px;height:48px;border-radius:13px;font-size:20px}
.mega-item strong{font-size:14px}.mega-item small{font-size:12px}

/* Give feature cards breathing room so hover never clips their top edge. */
.feature-carousel{padding-top:10px;margin-top:0;overflow:visible}
.feature-track{padding-top:4px}
.feature-card:hover{transform:translateY(0) scale(.995)}

/* Photo layer inside each tool card, kept subtle under a dark fade. */
.tool-card{overflow:hidden;isolation:isolate;background:#1d1f21}
.tool-card::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--tool-photo);background-size:cover;background-position:center;opacity:.30;transition:opacity .25s ease,transform .35s ease;transform:scale(1.02)}
.tool-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(24,26,28,.94) 0%,rgba(24,26,28,.82) 55%,rgba(24,26,28,.68) 100%)}
.tool-card:hover::before{opacity:.38;transform:scale(1.045)}
.tool-bg-1{--tool-photo:url('main-page/avatars/1.webp')}.tool-bg-2{--tool-photo:url('main-page/avatars/2.webp')}.tool-bg-3{--tool-photo:url('main-page/avatars/3.webp')}.tool-bg-4{--tool-photo:url('main-page/avatars/4.webp')}.tool-bg-5{--tool-photo:url('main-page/avatars/5.webp')}.tool-bg-6{--tool-photo:url('main-page/video-card-placeholder.webp')}

/* Mobile navigation */
.mobile-menu-btn{display:none;margin-left:auto;width:42px;height:42px;border:1px solid #2c2e30;border-radius:12px;background:#1c1e20;color:#fff;font-size:20px;cursor:pointer}
@media(max-width:900px){
  .hf-nav{height:64px;gap:10px;flex-wrap:nowrap}
  .mobile-menu-btn{display:grid;place-items:center;order:2}
  .hf-actions{order:3}.hf-links{display:none;position:absolute;top:64px;left:10px;right:10px;padding:12px;background:#181a1c;border:1px solid #2d2f32;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.45);flex-direction:column;align-items:stretch;gap:2px;overflow:visible;z-index:6000}
  .hf-links.mobile-open{display:flex}
  .hf-links>a,.nav-dropdown-trigger{display:flex;min-height:46px;align-items:center;padding:0 12px;border-radius:10px}
  .hf-links>a:hover,.nav-dropdown-trigger:hover{background:#222427}
  .nav-dropdown-wrap{display:block;height:auto}
  .nav-dropdown-trigger::after{content:'⌄';margin-left:auto;color:#8f9194}
  .mega-menu{position:static!important;display:none;width:100%;max-height:none;overflow:visible;margin:2px 0 8px;padding:10px;background:#202225;border-radius:14px;opacity:1;visibility:visible;transform:none;box-shadow:none}
  .nav-dropdown-wrap.mobile-sub-open .mega-menu{display:block}
  .mega-heading{padding:2px 8px 8px}
  .mega-items{display:flex;flex-direction:column;gap:2px}
  .mega-item{min-height:58px;grid-template-columns:42px 1fr}.mega-icon{width:42px;height:42px}
  .feature-track{grid-auto-columns:calc((100% - 16px)/2)}
}
@media(max-width:600px){
  .hf-brand span:last-child{display:none}.hf-actions .icon-btn{display:none}.pricing-wrap{display:none}.auth-buttons{display:flex;gap:5px}.hf-actions{margin-left:auto;gap:5px}.auth-buttons .nav-pill{height:38px;padding:0 10px;font-size:12px}
  .feature-track{grid-auto-columns:100%}
}

/* Offline prototype: pricing + signed-in credits UI */
.pricing-wrap{position:relative;display:inline-flex}.pricing-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;position:relative;overflow:visible}.pricing-icon{font-size:16px}.pricing-discount{position:absolute;left:50%;top:31px;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(135deg,var(--o4p-purple,#8b3dff),var(--o4p-purple-2,#5b4cff));color:#fff;border-radius:7px;padding:2px 8px;font-size:10px;font-weight:850;line-height:1.25}.signed-user{display:flex;align-items:center;gap:8px}.credits-pill{height:40px;display:inline-flex;align-items:center;gap:7px;border:1px solid #35373a;border-radius:12px;background:#1c1e20;color:#f4f4f4;padding:0 13px;font-weight:750}.credits-dot{width:8px;height:8px;border-radius:50%;background:var(--o4p-purple,#8b3dff)}
.offline-login-shell{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:40px 18px}.offline-login-card{width:min(430px,100%);padding:28px;border:1px solid #2c2e30;border-radius:20px;background:#191b1d}.offline-login-card h1{margin:0 0 8px;font-size:28px}.offline-login-card>p{margin:0 0 24px;color:#929395}.offline-field{display:grid;gap:8px;margin:14px 0}.offline-field label{font-size:13px;color:#b8b9bb}.offline-field input{height:46px;border:1px solid #34363a;border-radius:12px;background:#111315;color:#fff;padding:0 14px;font:inherit;outline:none}.offline-field input:focus{border-color:var(--o4p-purple,#8b3dff)}.offline-submit{width:100%;height:46px;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--o4p-purple,#8b3dff),var(--o4p-purple-2,#5b4cff));color:#fff;font:inherit;font-weight:800;cursor:pointer}.offline-error{min-height:20px;margin-top:10px;color:#ff7f96;font-size:13px}.offline-hint{margin-top:18px!important;font-size:12px;color:#707276!important}
@media(max-width:760px){.pricing-discount{display:none}.pricing-btn{padding:0 10px}.credits-pill{height:38px;padding:0 10px;font-size:12px}}
/* Account dropdown refinement */
.avatar-button{--credit-progress:360deg;position:relative;width:46px;height:46px;border:0;padding:5px;background:conic-gradient(var(--o4p-purple,#8b3dff) var(--credit-progress),#555 0);border-radius:50%}.avatar-button:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#17191b;z-index:0}.avatar-button img{position:relative;z-index:1;width:100%;height:100%;border:3px solid #a8a9ad;background:#292b2e}.avatar-menu{z-index:500;width:min(360px,calc(100vw - 24px));padding:12px;background:#1b1d1f;border-color:#33363a;border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.45)}
.account-identity{align-items:center;padding:10px 12px 16px}.menu-avatar-ring{width:54px;height:54px;border-radius:50%;padding:4px;background:conic-gradient(var(--o4p-purple,#8b3dff) 360deg,#555 0)}.menu-avatar-ring img{width:100%;height:100%;border:3px solid #a8a9ad;background:#292b2e}.account-identity strong{font-size:16px;font-weight:650}.account-identity span{font-size:14px;color:#96979a;margin-top:3px}
.credit-card{background:#27292c;border-radius:18px;padding:16px 16px 0}.credit-head{display:flex;justify-content:space-between;align-items:center;font-size:16px}.credit-head>strong{font-size:14px;color:#929397;font-weight:600}.credit-help{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #777;border-radius:50%;font-size:11px;color:#aaa}.credit-dots{display:flex;gap:4px;margin:14px 0 18px}.credit-dots i{flex:1;max-width:10px;height:7px;border-radius:10px;background:#3b3d40}.credit-dots i.on{background:var(--o4p-purple,#8b3dff)}.premium-row{border-top:1px solid #3a3c3f;display:flex;align-items:center;justify-content:space-between;padding:14px 0}.premium-label{display:flex;gap:10px;align-items:center;font-size:16px}.premium-label:first-letter{color:var(--o4p-purple,#8b3dff)}.upgrade-btn{background:linear-gradient(135deg,var(--o4p-purple,#8b3dff),var(--o4p-purple-2,#5b4cff));color:#fff;text-decoration:none;padding:9px 17px;border-radius:999px;font-weight:750;font-size:13px}.upgrade-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.signout-only{border-top:1px solid #33363a;margin-top:12px;padding-top:8px}.signout-only button{justify-content:flex-start;gap:12px;font-size:15px;cursor:pointer;border-radius:10px}.signout-only button:hover{background:#25272a}.pricing-wrap{order:0}.auth-buttons{order:1}.avatar-auth{order:2}


/* 2026-09 account hover + compact menu refinement */
.avatar-button img,.menu-avatar-ring img{object-position:center center}
.avatar-menu{width:min(252px,calc(100vw - 24px));top:48px;padding:8px;border-radius:16px}
.account-identity{gap:8px;padding:7px 8px 11px}.menu-avatar-ring{width:40px;height:40px;padding:3px}.menu-avatar-ring img{border-width:2px}.account-identity strong{font-size:12px}.account-identity span{font-size:11px;margin-top:2px}.credit-card{border-radius:13px;padding:11px 11px 0}.credit-head{font-size:12px}.credit-head>strong{font-size:11px}.credit-help{width:14px;height:14px;font-size:9px}.credit-dots{gap:3px;margin:10px 0 13px}.credit-dots i{max-width:7px;height:5px}.premium-row{padding:10px 0}.premium-label{gap:7px;font-size:12px}.upgrade-btn{padding:7px 12px;font-size:10px}.signout-only{margin-top:8px;padding-top:6px}.signout-only button{gap:8px;font-size:12px;padding:9px}.avatar-auth:hover .avatar-menu{opacity:1;visibility:visible;transform:none}
/* 2026-09 account menu +20% from compact version */
.avatar-menu{width:min(302px,calc(100vw - 24px));padding:10px;border-radius:19px}
.account-identity{gap:10px;padding:9px 10px 13px}.menu-avatar-ring{width:48px;height:48px}.account-identity strong{font-size:14px}.account-identity span{font-size:13px}.credit-card{border-radius:16px;padding:13px 13px 0}.credit-head{font-size:14px}.credit-head>strong{font-size:13px}.credit-help{width:17px;height:17px;font-size:11px}.credit-dots{gap:4px;margin:12px 0 16px}.credit-dots i{max-width:8px;height:6px}.premium-row{padding:12px 0}.premium-label{gap:8px;font-size:14px}.upgrade-btn{padding:8px 14px;font-size:12px}.signout-only{margin-top:10px;padding-top:7px}.signout-only button{gap:10px;font-size:14px;padding:10px}

/* Numbered profile avatars: always centered inside both profile circles */
.avatar-button img,
.menu-avatar-ring img,
.account-identity img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
  margin:0;
}
.avatar-button{display:grid;place-items:center;overflow:hidden}
.avatar-button img{align-self:center;justify-self:center}
.menu-avatar-ring{display:grid;place-items:center;overflow:hidden}

/* ===== 2026-09-01 mobile header alignment fix ===== */
@media (max-width: 900px){
  .hf-nav{gap:8px}
  .hf-brand{margin-right:auto;min-width:0}
  .hf-brand span:last-child{display:inline!important;font-size:14px;overflow:hidden;text-overflow:ellipsis}
  .hf-actions{order:2!important;margin-left:0!important;gap:6px}
  .mobile-menu-btn{order:3!important;margin-left:0!important;flex:0 0 auto}
}
@media (max-width: 600px){
  .hf-brand span:last-child{display:inline!important;font-size:12px}
  .brand-mark{width:34px;height:34px}
  .hf-nav{padding:0 8px;gap:5px}
  .hf-actions{gap:4px}
  .pricing-wrap{display:inline-flex!important}
  .pricing-btn{height:36px;padding:0 9px;font-size:12px}
  .pricing-discount{display:none}
  .auth-buttons{gap:4px}
  .auth-buttons .nav-pill{height:36px;padding:0 8px;font-size:11px}
  .mobile-menu-btn{width:38px;height:38px}
  .avatar-button{width:40px;height:40px}
}
@media (max-width: 430px){
  .hf-brand span:last-child{max-width:86px}
  .pricing-btn{padding:0 7px}
  .pricing-icon{display:none}
  .auth-buttons .nav-pill{padding:0 6px}
}

/* ===== 2026-09-01 requested mobile-only fixes: pricing badge + one hero card ===== */
@media (max-width: 600px){
  .pricing-discount{display:block!important}
  .feature-track{grid-auto-columns:100%!important}
}

/* ===== FINAL mobile header state fix - only header, <=760px ===== */
@media (max-width: 760px){
  .hf-nav{
    height:64px;
    padding:0 10px;
    gap:8px;
    flex-wrap:nowrap;
  }
  .hf-brand{
    margin-right:auto;
    min-width:0;
    gap:10px;
  }
  .hf-brand span:last-child{
    display:inline!important;
    max-width:none;
    font-size:14px;
    overflow:visible;
    text-overflow:clip;
  }
  .brand-mark{width:36px;height:36px;font-size:20px}
  .hf-actions{
    display:flex;
    align-items:center;
    order:2!important;
    margin-left:0!important;
    gap:6px!important;
    flex:0 0 auto;
  }
  .pricing-wrap{display:inline-flex!important;flex:0 0 auto}
  .pricing-btn{height:40px;padding:0 15px;font-size:14px;gap:8px}
  .pricing-icon{display:inline!important;font-size:16px}
  .auth-buttons{display:flex;gap:6px;flex:0 0 auto}
  .auth-buttons .nav-pill{height:40px;padding:0 13px;font-size:14px}
  .mobile-menu-btn{
    display:grid;
    place-items:center;
    order:3!important;
    margin-left:0!important;
    width:42px;
    height:42px;
    flex:0 0 42px;
    font-size:20px;
  }
  .avatar-button{width:46px;height:46px;flex:0 0 46px}

  /* Signed out: keep the discount badge visible under Pricing. */
  .hf-actions:not(:has(.avatar-auth[style*="block"])) .pricing-discount{
    display:block!important;
  }
  /* Signed in: match the supplied correct reference - Pricing + avatar + menu. */
  .hf-actions:has(.avatar-auth[style*="block"]) .pricing-discount{
    display:none!important;
  }
}

/* === Imagine-style bento replacement === */
html,body{background:#040914!important}
body{position:relative;isolation:isolate}
body::before{content:"";position:fixed;z-index:-3;inset:0;background:#040914;pointer-events:none}
body::after{content:"";position:fixed;z-index:-2;left:50%;top:-120px;width:min(115vw,1760px);height:1000px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at 46% 46%,rgba(77,74,250,.30) 0%,rgba(77,74,250,.14) 24%,rgba(255,121,123,.10) 43%,transparent 70%);filter:blur(110px);opacity:.95}
.bg-overlay{background:transparent!important}
.explore-shell{position:relative}

.imagine-bento{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:286px 186px;gap:22px;margin-top:52px;padding:0 2px}
.ia-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(34,31,36,.82);color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);isolation:isolate;transition:border-color .28s ease,transform .28s ease,box-shadow .28s ease}
.ia-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(138,63,252,.62),rgba(105,41,196,.25) 30%,rgba(34,31,36,.12) 65%);opacity:0;transition:opacity .32s ease}
.ia-color-card:hover::before{opacity:1}.ia-color-card:hover{border-color:rgba(184,117,255,.52);transform:translateY(-2px);box-shadow:0 16px 38px rgba(48,15,90,.24),inset 0 0 42px rgba(138,63,252,.08)}
.ia-hero{grid-column:span 2;background:linear-gradient(135deg,#28204b,#171729)}
.ia-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.ia-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,10,18,.34),rgba(12,10,18,.04) 58%,rgba(12,10,18,.08)),linear-gradient(0deg,rgba(7,6,12,.25),transparent 55%)}
.ia-video{background:linear-gradient(90deg,#07080c 0%,#111a3e 45%,#402545 72%,#111322 100%)}
.ia-video::after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 20px,rgba(91,105,255,.17) 21px 25px,transparent 26px 38px);opacity:.72}
.ia-image{background:linear-gradient(120deg,#29252a,#211d22 60%,#262125)}
.ia-content{position:absolute;z-index:2}.ia-top-left{top:34px;left:28px}.ia-top-left h2{margin:0 0 12px;font-size:27px;letter-spacing:-.02em}.ia-top-left p{margin:0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.45}.ia-beta{font-size:15px;background:#8a3ffc;padding:7px 12px;border-radius:10px;margin-left:8px;vertical-align:3px}
.ia-try{position:absolute;left:28px;bottom:28px;z-index:3;display:flex;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:12px 18px;color:#fff;text-decoration:none;font-weight:700;background:rgba(10,10,14,.28);backdrop-filter:blur(10px)}
.ia-badge{position:absolute;right:20px;border-radius:13px;padding:6px 11px;font-weight:650;font-size:14px}.ia-try-badge{top:12px;background:#8a3ffc}.ia-model-badge{top:43px;border:1px solid #8a3ffc;background:rgba(15,9,25,.68)}.ia-nano{top:20px;border:1px solid #f2c500;background:rgba(50,42,14,.35)}
.ia-icon{position:absolute;left:24px;top:48%;font-size:23px;font-weight:800}.ia-small .ia-icon{top:30px;font-size:19px}.ia-bottom{position:absolute;left:24px;right:20px;bottom:24px}.ia-bottom h3{font-size:23px;margin:0 0 10px;letter-spacing:-.02em}.ia-bottom p{font-size:15px;color:rgba(255,255,255,.55);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ia-small .ia-bottom h3{font-size:20px}.ia-small .ia-bottom{bottom:20px}
@media(max-width:900px){.imagine-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.ia-card{min-height:190px}.ia-hero{grid-column:span 2;min-height:290px}.ia-top-left h2{font-size:23px}}
@media(max-width:600px){.imagine-bento{grid-template-columns:1fr;gap:14px;margin-top:32px}.ia-card,.ia-hero{grid-column:span 1;min-height:180px}.ia-hero{min-height:270px}.ia-top-left{top:25px;left:20px}.ia-try{left:20px;bottom:20px}.ia-bottom{left:20px}.ia-top-left p{font-size:15px}}

/* ===== 2026-09-08 compact Imagine section correction ===== */
html,body{background:#0f0f0f!important}
body::before{background:#0f0f0f!important}
body::after{
  left:50%!important;top:-360px!important;width:130vw!important;height:820px!important;
  background:radial-gradient(ellipse at 50% 50%,rgba(101,72,126,.26) 0%,rgba(75,54,91,.15) 30%,rgba(35,28,40,.08) 48%,transparent 70%)!important;
  filter:blur(80px)!important;opacity:1!important;
}

.imagine-bento{
  width:calc(100% - 96px);max-width:1920px;margin:34px auto 0!important;padding:0!important;
  grid-template-columns:2fr 1fr 1fr!important;grid-template-rows:228px 146px!important;gap:18px!important;
}
.ia-hero{grid-column:span 1!important}
.ia-card{border-radius:18px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(30,28,31,.88)!important;transform:none!important;box-shadow:none!important}
.ia-hero{background:linear-gradient(135deg,#28204b,#171729)!important}
.ia-video{background:linear-gradient(90deg,#07080c 0%,#111a3e 45%,#402545 72%,#111322 100%)!important}
.ia-image{background:linear-gradient(120deg,#29252a,#211d22 60%,#262125)!important}
.ia-card::before{
  content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;padding:1.5px;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#b67cff 0%,#8750d7 28%,rgba(126,76,169,.55) 48%,rgba(255,255,255,.10) 72%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .22s ease;
}
.ia-color-card:hover::before{opacity:1!important}
.ia-color-card:hover{border-color:rgba(180,125,225,.34)!important;box-shadow:inset 0 0 22px rgba(151,94,198,.10)!important;transform:none!important}
.ia-top-left{top:26px!important;left:22px!important}.ia-top-left h2{font-size:22px!important;margin-bottom:9px!important}.ia-top-left p{font-size:14px!important}.ia-beta{font-size:12px!important;padding:5px 9px!important;border-radius:8px!important}
.ia-try{left:22px!important;bottom:22px!important;padding:9px 14px!important;font-size:14px!important;gap:15px!important}
.ia-badge{right:16px!important;padding:5px 9px!important;font-size:12px!important;border-radius:10px!important}.ia-try-badge{top:9px!important}.ia-model-badge{top:36px!important}.ia-nano{top:16px!important}
.ia-icon{left:19px!important;top:47%!important;font-size:18px!important}.ia-bottom{left:19px!important;right:16px!important;bottom:18px!important}.ia-bottom h3{font-size:18px!important;margin-bottom:7px!important}.ia-bottom p{font-size:13px!important}.ia-small .ia-icon{top:23px!important;font-size:15px!important}.ia-small .ia-bottom{bottom:16px!important}.ia-small .ia-bottom h3{font-size:16px!important}
@media(max-width:900px){.imagine-bento{width:calc(100% - 28px);grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.ia-card{min-height:170px}.ia-hero{grid-column:span 2!important;min-height:250px}}
@media(max-width:600px){.imagine-bento{width:100%;grid-template-columns:1fr!important;gap:14px!important;margin-top:28px!important}.ia-card,.ia-hero{grid-column:span 1!important;min-height:170px}.ia-hero{min-height:240px}}

/* ===== EXACT 4-COLUMN REFERENCE GRID FIX ===== */
.imagine-bento{
  width:calc(100% - 120px)!important;max-width:1920px!important;margin:34px auto 0!important;padding:0!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:286px 186px!important;gap:22px!important;
}
.ia-hero{grid-column:span 2!important;grid-row:1!important;}
.ia-video{grid-column:3!important;grid-row:1!important;}
.ia-image{grid-column:4!important;grid-row:1!important;}
.ia-small{grid-column:span 1!important;grid-row:2!important;}
.ia-card{min-width:0!important;min-height:0!important;}
@media(max-width:900px){.imagine-bento{width:calc(100% - 28px)!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.ia-hero{grid-column:span 2!important;grid-row:auto!important;min-height:250px!important}.ia-video,.ia-image,.ia-small{grid-column:span 1!important;grid-row:auto!important;min-height:170px!important}}
@media(max-width:600px){.imagine-bento{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;gap:14px!important}.ia-hero,.ia-video,.ia-image,.ia-small{grid-column:1!important;grid-row:auto!important;min-height:170px!important}.ia-hero{min-height:240px!important}}

/* ===== FINAL SAMPLE-MATCHED BENTO DIMENSIONS ===== */
@media (min-width:901px){
  .imagine-bento{
    width:calc(100% - 112px)!important;
    max-width:none!important;
    margin:34px auto 0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:166px 166px!important;
    column-gap:22px!important;
    row-gap:22px!important;
  }
  .ia-hero{grid-column:1 / span 2!important;grid-row:1!important}
  .ia-video{grid-column:3!important;grid-row:1!important}
  .ia-image{grid-column:4!important;grid-row:1!important}
  .ia-small{grid-row:2!important}
  .ia-card{height:100%!important;min-height:0!important;min-width:0!important;border-radius:22px!important}
}

/* ===== Footer background merge with current page background ===== */
.o4p-footer{
  background:transparent!important;
}

/* ===== FINAL TOP-ROW HEIGHT + SECTION SPACING TWEAK ===== */
@media (min-width:901px){
  .imagine-bento{
    grid-template-rows:199px 166px!important;
    margin-top:50px!important;
  }
}

/* ===== HEADER: invisible on top, subtle glass strip after scroll ===== */
.hf-nav{
  background:transparent!important;
  border-bottom-color:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.hf-nav.is-scrolled{
  background:rgba(15,15,15,.72)!important;
  border-bottom-color:rgba(255,255,255,.055)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.10)!important;
}

/* ===== DEFINITIVE 8-SERVICE DESKTOP GRID FIX ===== */
@media (min-width:901px){
  .imagine-bento{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:199px 166px 166px!important;
    grid-auto-columns:0!important;
    grid-auto-flow:row!important;
    overflow:visible!important;
  }
  .imagine-bento .ia-row2:nth-of-type(4){grid-column:1!important;grid-row:2!important}
  .imagine-bento .ia-row2:nth-of-type(5){grid-column:2!important;grid-row:2!important}
  .imagine-bento .ia-row2:nth-of-type(6){grid-column:3!important;grid-row:2!important}
  .imagine-bento .ia-row2:nth-of-type(7){grid-column:4!important;grid-row:2!important}
  .imagine-bento .ia-row3:nth-of-type(8){grid-column:1!important;grid-row:3!important}
  .imagine-bento .ia-row3:nth-of-type(9){grid-column:2!important;grid-row:3!important}
  .imagine-bento .ia-row3:nth-of-type(10){grid-column:3!important;grid-row:3!important}
  .imagine-bento .ia-row3:nth-of-type(11){grid-column:4!important;grid-row:3!important}
  .imagine-bento .ia-row2,
  .imagine-bento .ia-row3{height:166px!important;min-height:0!important}
}

/* FINAL 8-SERVICE DESKTOP GRID — explicit child placement */
@media (min-width:901px){
  .imagine-bento{grid-template-rows:199px 166px 166px!important;}
  .imagine-bento > .ia-row2:nth-child(4){grid-column:1!important;grid-row:2!important;}
  .imagine-bento > .ia-row2:nth-child(5){grid-column:2!important;grid-row:2!important;}
  .imagine-bento > .ia-row2:nth-child(6){grid-column:3!important;grid-row:2!important;}
  .imagine-bento > .ia-row2:nth-child(7){grid-column:4!important;grid-row:2!important;}
  .imagine-bento > .ia-row3:nth-child(8){grid-column:1!important;grid-row:3!important;}
  .imagine-bento > .ia-row3:nth-child(9){grid-column:2!important;grid-row:3!important;}
  .imagine-bento > .ia-row3:nth-child(10){grid-column:3!important;grid-row:3!important;}
  .imagine-bento > .ia-row3:nth-child(11){grid-column:4!important;grid-row:3!important;}
}

/* ===== COMPACT SINGLE-COLUMN CREATIVE STUDIO DROPDOWN ===== */
@media (min-width:901px){
  .hf-links > .nav-dropdown-wrap:first-child .mega-menu{
    width:min(470px,calc(100vw - 28px))!important;
    left:-105px!important;
    padding:18px 18px 20px!important;
  }
  .hf-links > .nav-dropdown-wrap:first-child .mega-items{
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    row-gap:2px!important;
    column-gap:0!important;
  }
}

/* ===== COMPACT + AUTO-GROW FILM STUDIO DROPDOWN ===== */
@media (min-width:901px){
  .hf-links > .nav-dropdown-wrap:nth-child(2) .mega-menu-film{
    width:min(470px,calc(100vw - 28px))!important;
    left:-55px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:18px 18px 20px!important;
  }
  .hf-links > .nav-dropdown-wrap:nth-child(2) .mega-items-film{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-rows:minmax(66px,auto)!important;
    grid-auto-flow:row!important;
    row-gap:2px!important;
    column-gap:0!important;
    height:auto!important;
    max-height:none!important;
  }
}

/* ===== OrigaStock card media slots ===== */
.ia-card-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:-2}
.ia-color-card:has(.ia-card-media)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,8,14,.08) 0%,rgba(10,8,14,.20) 48%,rgba(10,8,14,.78) 100%);pointer-events:none}
.ia-color-card .ia-icon,.ia-color-card .ia-bottom,.ia-color-card .ia-badge{z-index:3}

/* Shared premium dropdown SVG icons */
.mega-icon img{width:22px;height:22px;display:block;object-fit:contain;pointer-events:none}
@media (max-width:900px){.mega-icon img{width:20px;height:20px}}

.mega-item.is-current-tool{background:rgba(166,92,255,.10);box-shadow:inset 0 0 0 1px rgba(183,108,255,.18)}

/* OrigaStock shared background gradient — visible across every page using main stylesheet */
html,body{background:#0f0f0f!important}
body::before{background:#0f0f0f!important}
body::after{
  left:50%!important;top:-300px!important;width:140vw!important;height:980px!important;
  background:radial-gradient(ellipse at 50% 48%,rgba(122,78,168,.38) 0%,rgba(92,60,122,.25) 28%,rgba(61,43,75,.14) 48%,transparent 72%)!important;
  filter:blur(82px)!important;opacity:1!important;
}
.mega-icon img{width:22px!important;height:22px!important;display:block!important;object-fit:contain!important}


/* ===== SUBTLE ORIGASTOCK GLASS CARDS ===== */
/* Service/image cards stay dark and premium while allowing the shared purple gradient to show softly through them. */
.ia-color-card:not(.ia-video){
  background:rgba(28,28,30,.68)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.ia-color-card:not(.ia-video):hover{
  background:rgba(28,28,30,.64)!important;
  border-color:rgba(180,125,225,.34)!important;
  box-shadow:inset 0 0 22px rgba(151,94,198,.10)!important;
}

/* v5.1 — click-open support for both Creative Studio and Film Studio */
@media (min-width:901px){
  .nav-dropdown-wrap.menu-open > .mega-menu{opacity:1!important;visibility:visible!important;transform:none!important;}
}

/* v3.7 Global OrigaStock background: identical artwork/treatment to Color Lab */
html{background:#080910!important;}
body{background:#080910!important;position:relative!important;isolation:isolate!important;}
body::before{
  content:""!important;position:fixed!important;z-index:-3!important;inset:0!important;
  background:linear-gradient(rgba(8,9,16,.76),rgba(8,9,16,.88)),url("origastock-global-bg.webp") center/cover no-repeat!important;
  filter:blur(8px)!important;transform:scale(1.04)!important;pointer-events:none!important;
}
body::after{
  content:""!important;position:fixed!important;z-index:-2!important;inset:0!important;
  left:0!important;top:0!important;width:auto!important;height:auto!important;transform:none!important;
  background:radial-gradient(circle at 50% 12%,rgba(113,49,192,.16),transparent 38%),linear-gradient(180deg,rgba(9,10,17,.16),rgba(9,10,17,.78))!important;
  filter:none!important;opacity:1!important;pointer-events:none!important;
}
.bg-overlay{background:transparent!important;}
.o4p-footer{background:transparent!important;}

/* v3.13 — site-wide beta announcement bar */
.o4p-beta-bar{height:30px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(90deg,#8126e8 0%,#7330ef 48%,#5847ee 100%);color:#fff;font-size:12px;font-weight:650;letter-spacing:-.01em;z-index:1200;box-shadow:0 1px 0 rgba(255,255,255,.10) inset;overflow:hidden}
.o4p-beta-bar__text{display:flex;align-items:center;gap:12px;line-height:1}.o4p-beta-bar__close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:#fff;font-size:18px;line-height:1;cursor:pointer;opacity:.88}.o4p-beta-bar__close:hover{background:rgba(255,255,255,.12);opacity:1}
html.o4p-beta-dismissed .o4p-beta-bar{display:none!important}
@media(max-width:700px){.o4p-beta-bar{height:28px;font-size:11px}.o4p-beta-bar__text{gap:8px}.o4p-beta-bar__close{right:6px;width:22px;height:22px;font-size:17px}}

/* v3.1 hotfix: keep Creative Studio dropdown items aligned as full-width rows */
@media (min-width:901px){
  .hf-links > .nav-dropdown-wrap:first-child .mega-items{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
  }
  .hf-links > .nav-dropdown-wrap:first-child .mega-item{
    width:100%!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  .hf-links > .nav-dropdown-wrap:first-child .mega-item > span:last-child{
    display:block!important;
    width:auto!important;
    min-width:0!important;
  }
  .hf-links > .nav-dropdown-wrap:first-child .mega-item small{
    width:auto!important;
    max-width:none!important;
    white-space:normal!important;
  }
}

/* v3.1.1 hard fix — Creative Studio menu always uses full-width stacked items */
@media (min-width:901px){
  .hf-links .nav-dropdown-wrap:first-child > .mega-menu{width:470px!important;max-width:calc(100vw - 28px)!important;height:auto!important;min-height:0!important;max-height:none!important;padding:18px!important;}
  .hf-links .nav-dropdown-wrap:first-child > .mega-menu > .mega-items{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:2px!important;}
  .hf-links .nav-dropdown-wrap:first-child > .mega-menu > .mega-items > .mega-item{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:66px!important;padding:6px 7px!important;box-sizing:border-box!important;}
  .hf-links .nav-dropdown-wrap:first-child .mega-item > span:last-child{display:block!important;min-width:0!important;width:100%!important;}
  .hf-links .nav-dropdown-wrap:first-child .mega-item strong,.hf-links .nav-dropdown-wrap:first-child .mega-item small{display:block!important;width:100%!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;}
}

/* v3.1.1 hard fix - Creative Studio menu full-width stacked items */
@media (min-width:901px){
.hf-links .nav-dropdown-wrap:first-child>.mega-menu{width:470px!important;max-width:calc(100vw - 28px)!important;height:auto!important;min-height:0!important;max-height:none!important;padding:18px!important}
.hf-links .nav-dropdown-wrap:first-child>.mega-menu>.mega-items{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:2px!important}
.hf-links .nav-dropdown-wrap:first-child>.mega-menu>.mega-items>.mega-item{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:66px!important;padding:6px 7px!important;box-sizing:border-box!important}
.hf-links .nav-dropdown-wrap:first-child .mega-item>span:last-child{display:block!important;min-width:0!important;width:100%!important}
.hf-links .nav-dropdown-wrap:first-child .mega-item strong,.hf-links .nav-dropdown-wrap:first-child .mega-item small{display:block!important;width:100%!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
}

/* v3.1.2 Creative Studio definitive row alignment */
@media (min-width:901px){
.hf-links>.nav-dropdown-wrap:first-child>.mega-menu{width:470px!important;left:-105px!important;}
.hf-links>.nav-dropdown-wrap:first-child>.mega-menu>.mega-items{display:flex!important;flex-direction:column!important;width:100%!important;}
.hf-links>.nav-dropdown-wrap:first-child>.mega-menu>.mega-items>.mega-item{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;width:100%!important;}
.hf-links>.nav-dropdown-wrap:first-child .mega-icon{display:grid!important;width:48px!important;height:48px!important;}
.hf-links>.nav-dropdown-wrap:first-child .mega-item>span:nth-child(2){display:block!important;width:auto!important;min-width:0!important;}
}


/* O4Prompts Advertise gold glow */
.hf-links a.nav-advertise{position:relative;color:#f2c14e!important;text-shadow:0 0 8px rgba(242,193,78,.35);}
.hf-links a.nav-advertise::after{content:"";position:absolute;left:12%;right:12%;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,#f2c14e,transparent);opacity:.35;animation:o4pAdGlow 2.4s ease-in-out infinite;}
@keyframes o4pAdGlow{0%,100%{opacity:.2;filter:drop-shadow(0 0 2px rgba(242,193,78,.25))}50%{opacity:1;filter:drop-shadow(0 0 7px rgba(242,193,78,.9))}}

/* v3.22 — Advertise: text-only internal glow, no underline */
.hf-links a.nav-advertise{position:relative;color:#ffc94d!important;text-shadow:0 0 2px rgba(255,201,77,.92),0 0 7px rgba(255,178,40,.48)!important;filter:none!important;}
.hf-links a.nav-advertise::before,.hf-links a.nav-advertise::after{content:none!important;display:none!important;animation:none!important;background:none!important;border:0!important;}
@media(max-width:760px){.hf-links a.nav-advertise{background:none!important;border:0!important;box-shadow:none!important;text-decoration:none!important;text-shadow:0 0 2px rgba(255,201,77,.95),0 0 6px rgba(255,178,40,.45)!important;}.hf-links a.nav-advertise::before,.hf-links a.nav-advertise::after{content:none!important;display:none!important;}}


/* v3.23 — Advertise gold text shimmer: animation is clipped inside glyphs only */
.hf-links a.nav-advertise{
  position:relative;
  font-weight:800!important;
  color:#d8ad55!important;
  background-image:linear-gradient(105deg,#b58a3d 0%,#d6ad58 32%,#fff0ae 46%,#ffd66d 52%,#d6ad58 62%,#b58a3d 100%)!important;
  background-size:240% 100%!important;
  background-position:100% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  filter:none!important;
  animation:o4pAdvertiseTextShimmer 3.2s ease-in-out infinite!important;
}
.hf-links a.nav-advertise::before,.hf-links a.nav-advertise::after{content:none!important;display:none!important;}
@keyframes o4pAdvertiseTextShimmer{
  0%,18%{background-position:100% 50%}
  50%{background-position:0% 50%}
  82%,100%{background-position:100% 50%}
}
@media(max-width:760px){
  .hf-links a.nav-advertise{
    font-weight:800!important;
    background-color:transparent!important;
    box-shadow:none!important;
    border:0!important;
    text-decoration:none!important;
    text-shadow:none!important;
  }
  .hf-links a.nav-advertise:hover,
  .hf-links a.nav-advertise.active,
  .hf-links a.nav-advertise[aria-current="page"]{
    background-color:#222427!important;
    border-radius:10px!important;
  }
}


/* v3.24 — mobile Advertise selection surface + keep gold shimmer inside text */
@media(max-width:760px){
  .hf-links a.nav-advertise{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    border-radius:10px!important;
  }
  .hf-links a.nav-advertise::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    border-radius:10px!important;
    background:#222427!important;
    opacity:0!important;
    z-index:-1!important;
    transition:opacity .16s ease!important;
  }
  .hf-links a.nav-advertise:hover::before,
  .hf-links a.nav-advertise:focus-visible::before,
  .hf-links a.nav-advertise.active::before,
  .hf-links a.nav-advertise[aria-current="page"]::before{opacity:1!important;}
}

/* Advertise pricing page v3.25 */
.ad-pricing-shell{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:150px 28px 90px;color:#f7f5fb}.ad-pricing-hero{text-align:center;max-width:850px;margin:0 auto 54px}.ad-eyebrow{display:block;margin-bottom:22px;color:#a96cff;font-size:13px;font-weight:800;letter-spacing:.28em}.ad-pricing-hero h1{margin:0;font-size:clamp(42px,5.2vw,72px);line-height:1.02;letter-spacing:-.045em}.ad-pricing-hero p{max-width:700px;margin:22px auto 30px;color:#aaa4b5;font-size:17px;line-height:1.65}.billing-toggle{display:inline-flex;padding:4px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(17,17,20,.85)}.billing-btn{min-width:104px;padding:10px 18px;border:0;border-radius:999px;background:transparent;color:#aaa4b5;font:inherit;cursor:pointer;transition:.2s ease}.billing-btn.active{background:#f6f3fa;color:#15131a;font-weight:800;box-shadow:0 4px 18px rgba(0,0,0,.24)}.ad-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.ad-plan-card{position:relative;display:flex;flex-direction:column;min-height:640px;padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 22px 60px rgba(0,0,0,.18)}.ad-plan-card.featured{border-color:rgba(138,72,255,.75);background:radial-gradient(circle at 70% 10%,rgba(117,60,255,.12),transparent 34%),linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:0 0 0 1px rgba(138,72,255,.14),0 24px 70px rgba(68,24,132,.18)}.popular-badge{position:absolute;top:18px;right:18px;padding:6px 11px;border-radius:8px;background:#8a48ff;color:white;font-size:12px;font-weight:800}.plan-medal{display:grid;place-items:center;width:42px;height:42px;margin-bottom:24px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.045);color:#c9c4d0;font-weight:900}.ad-plan-card.bronze .plan-medal{color:#c98b63}.ad-plan-card.silver .plan-medal{color:#d9dce4}.ad-plan-card.gold .plan-medal{color:#f1c65a}.ad-plan-card h2{margin:0 0 8px;font-size:25px}.plan-subtitle{min-height:48px;margin:0;color:#8f8999;line-height:1.5}.plan-price{margin:28px 0 24px}.plan-price>div{display:flex;align-items:baseline;gap:12px}.old-price{color:#77717e;font-size:20px;text-decoration:line-through}.current-price{font-size:44px;font-weight:850;letter-spacing:-.04em}.plan-price small{display:block;margin-top:5px;color:#88828f}.plan-cta{display:block;margin-bottom:26px;padding:15px 18px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.055);color:#fff;text-align:center;text-decoration:none;font-weight:750;transition:.2s ease}.plan-cta:hover{transform:translateY(-1px);background:rgba(255,255,255,.09)}.plan-cta.primary{border-color:#7d3fff;background:#7d3fff;box-shadow:0 8px 28px rgba(125,63,255,.28)}.plan-cta.primary:hover{background:#8a50ff}.plan-features{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.07)}.plan-features li{position:relative;padding:15px 0 15px 30px;border-bottom:1px solid rgba(255,255,255,.055);color:#625d69;font-size:14px;line-height:1.4}.plan-features li::before{content:'–';position:absolute;left:5px;color:#514c58}.plan-features li.included{color:#c9c4d0}.plan-features li.included::before{content:'✓';color:#9a61ff;font-weight:900}.ad-pricing-note{margin:30px auto 0;color:#756f7c;text-align:center;font-size:13px}@media(max-width:900px){.ad-pricing-shell{padding-top:125px}.ad-plan-grid{grid-template-columns:1fr;max-width:620px;margin:0 auto}.ad-plan-card{min-height:0}.plan-subtitle{min-height:0}.ad-plan-card.featured{order:-1}}@media(max-width:600px){.ad-pricing-shell{padding:112px 16px 65px}.ad-pricing-hero{margin-bottom:34px}.ad-pricing-hero h1{font-size:40px}.ad-pricing-hero p{font-size:15px}.billing-toggle{width:100%;max-width:300px}.billing-btn{flex:1;min-width:0}.ad-plan-card{padding:24px 20px;border-radius:18px}.current-price{font-size:39px}}

/* v3.26 — Advertise hero refinement */
.ad-pricing-hero{max-width:760px}
.ad-eyebrow{color:#9b7bc9;font-size:12px;font-weight:400;letter-spacing:.24em}
.ad-pricing-hero h1{font-size:clamp(34px,4.1vw,56px);font-weight:400;line-height:1.06;letter-spacing:-.035em;color:#d7d2df}
.ad-pricing-hero p{max-width:520px;margin-top:18px;color:#8f8999;font-size:16px;line-height:1.5}
@media(max-width:600px){.ad-pricing-hero h1{font-size:36px}.ad-eyebrow{font-size:11px}.ad-pricing-hero p{font-size:14px}}


/* v3.27 — Free access phase: keep pricing/auth code, hide only the UI */
.pricing-wrap,#o4p-auth-buttons,#o4p-signed-user,#o4p-avatar-auth-root{display:none!important}