*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#10172c;background:#fbfbff}a{text-decoration:none;color:inherit}.page-shell{max-width:1480px;margin:auto}.livebar{height:36px;background:#07052e;color:#fff;font-size:13px}.livebar-inner{height:100%;display:flex;align-items:center;gap:18px;padding:0 32px;max-width:1536px;margin:auto}.live-pill{white-space:nowrap}.live-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#20df77;margin-right:8px}.ticker{overflow:hidden;flex:1}.ticker-track{display:flex;gap:20px;white-space:nowrap}.livebar a{border:1px solid #504c8d;border-radius:8px;padding:5px 14px}.site-header{height:72px;background:#fff;border-bottom:1px solid #ececf5;display:flex;align-items:center;padding:0 32px;gap:34px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;min-width:250px}.brand-cube{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#7a35ff,#4d22ed);display:grid;place-items:center;color:#fff;font-size:23px;font-weight:900;box-shadow:0 8px 20px #6c3cff35}.brand strong{font-size:22px}.brand em{font-style:normal;color:#6132ff}.brand small{display:block;color:#8b91a5;font-size:10px}.main-nav{display:flex;align-items:center;justify-content:center;gap:34px;flex:1;font-weight:700;font-size:13px}.main-nav a{padding:27px 0;white-space:nowrap}.main-nav .active{color:#6233ff;border-bottom:3px solid #6233ff}.new{background:#6936ff;color:#fff;border-radius:10px;padding:3px 6px;font-size:9px}.head-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:40px;height:40px;border:0;background:#fafaff;border-radius:50%;font-size:18px;position:relative}.cart span{position:absolute;right:0;top:-4px;background:#6332ff;color:white;border-radius:10px;font-size:10px;padding:2px 5px}.login-btn,.hero-search button,.creator-cta a{background:linear-gradient(135deg,#7141ff,#5224ef);color:white;border-radius:12px;padding:14px 24px;font-weight:800;white-space:nowrap}.hero{display:grid;grid-template-columns:34% 66%;padding:18px 36px 10px;min-height:430px;align-items:center;background:radial-gradient(circle at 66% 8%,#eee9ff 0,transparent 44%)}.hero-copy{padding:18px 18px 0 18px}.eyebrow{display:inline-block;background:#f1edff;border-radius:14px;padding:6px 11px;color:#6332ff;font-size:11px;font-weight:800}.eyebrow b{color:#f49a13}.hero h1{font-size:48px;line-height:1.05;margin:18px 0 12px;letter-spacing:-1.5px}.hero h1 span{color:#6332ff}.hero p{font-size:14px;line-height:1.65;color:#4d5874}.hero-search{display:flex;margin-top:18px}.hero-search input{flex:1;border:1px solid #e3e4ee;border-radius:10px 0 0 10px;padding:14px 16px;outline:0}.hero-search button{border:0;border-radius:0 8px 8px 0}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;font-size:10px;color:#5d32ff}.trust-row b,.trust-row small{display:block;color:#11172b}.trust-row small{color:#8a90a3;margin-top:3px}.final-hero-visual{grid-column:2;position:relative;padding:4px 0 20px 14px;align-self:center;overflow:visible}.final-hero-visual img{width:100%;height:auto;aspect-ratio:1717/916;object-fit:contain;object-position:center;border-radius:16px;display:block;image-rendering:auto;box-shadow:0 18px 45px rgba(43,31,116,.16);background:#eeeafd}.dots{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.dots i{width:8px;height:8px;border-radius:50%;background:#ddddea}.dots .on{width:20px;border-radius:6px;background:#6634ff}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:0 36px 30px}.panel,.stats-strip{background:#fff;border:1px solid #e8e8f2;border-radius:16px;box-shadow:0 8px 25px rgba(43,32,98,.03)}.create-panel{padding:14px 12px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 12px}.section-head h2,.why h2{font-size:15px;margin:0}.section-head a{font-size:11px;color:#6233ff;font-weight:800}.tool-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.tool-card{border:1px solid #ededf5;border-radius:12px;min-height:142px;padding:13px 8px;text-align:center;display:flex;flex-direction:column;align-items:center}.tool-card>span{font-size:24px;background:#f4f0ff;border-radius:10px;padding:8px}.tool-card b{font-size:11px;margin:8px 0}.tool-card small{font-size:9px;color:#7c8499;line-height:1.4;min-height:28px}.tool-card em{font-style:normal;color:#6332ff;font-size:9px;font-weight:800;margin-top:8px}.stats-strip{margin:14px 0;display:grid;grid-template-columns:repeat(4,1fr) 2.7fr;align-items:center;min-height:72px}.stats-strip>div{padding:12px 18px;border-right:1px solid #eeeef5}.stats-strip i{font-style:normal;font-size:22px;color:#6332ff;margin-right:10px}.stats-strip b{font-size:18px}.stats-strip small{display:block;margin-left:34px;color:#838a9d;font-size:10px}.creator-cta{display:flex;align-items:center;justify-content:space-between!important;border:0!important}.creator-cta span b{font-size:14px}.creator-cta span small{margin:3px 0 0!important}.creator-cta a{font-size:10px;padding:11px 17px}.product-row{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.products{padding:14px}.books-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.book-item{min-width:0}.book-cover{height:108px;border-radius:7px;overflow:hidden;background:#eee;box-shadow:0 4px 10px #1112}.book-cover img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}.book-item>b,.template-item>b{display:block;font-size:9px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-item>small{font-size:8px;color:#7f8798}.rating{font-size:8px;color:#f0a000;margin-top:5px}.rating em{font-style:normal;color:#697186}.price{font-size:10px!important}.template-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.template-thumb{height:108px;border-radius:7px;border:1px solid #e7e8f1;background:linear-gradient(135deg,#f7f7fb,#e8e9f2);padding:15px}.template-thumb span{display:block;height:7px;background:#fff;margin-bottom:7px;border-radius:3px}.template-thumb span:nth-child(2){width:75%;background:#6840c7}.template-thumb span:nth-child(3){height:35px}.categories{margin-top:14px;padding:12px}.category-row{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.category-row a{display:flex;align-items:center;gap:7px;padding:8px}.category-row i{font-style:normal;width:30px;height:30px;background:#f3efff;color:#6032ff;border-radius:50%;display:grid;place-items:center}.category-row b,.category-row small{display:block;font-size:9px}.category-row small{color:#858ca0;margin-top:2px}.right-column{display:flex;flex-direction:column;gap:14px}.right-column .panel{padding:16px}.creator{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:8px 0}.creator>span{width:34px;height:34px;border-radius:50%;background:#f0ebff;color:#6233ff;display:grid;place-items:center;font-weight:800;font-size:10px}.creator b,.creator small,.creator strong{display:block;font-size:10px}.creator small{color:#9298a8}.creator strong{text-align:right}.why span{display:block;font-size:10px;margin:10px 0;color:#222b41}.why span::first-letter{color:#6233ff}.why a{display:inline-block;background:#6030f4;color:#fff;padding:10px 18px;border-radius:7px;font-size:10px;font-weight:800}.offer{position:relative;background:linear-gradient(135deg,#5425df,#8446ff);color:#fff;border-radius:14px;padding:18px;min-height:135px}.offer button{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#fff}.offer small{font-weight:800}.offer h3{font-size:15px;line-height:1.4}.offer .gift{position:absolute;right:18px;bottom:20px;font-size:42px}.offer a{display:inline-block;background:#fff;color:#5c2fe5;padding:9px 14px;border-radius:7px;font-size:9px;font-weight:800}footer{background:#0b0a2d;color:#d8d8e8;padding:30px 36px 12px}.footer-inner{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-inner a,.footer-inner b{display:block;margin:7px 0;font-size:12px}.footer-inner p{font-size:12px}.footer-brand strong{color:#fff}.copyright{text-align:center;border-top:1px solid #29274d;margin-top:20px;padding-top:12px;font-size:11px}@media(max-width:1100px){.main-nav{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy,.final-hero-visual{grid-column:1}.final-hero-visual{padding:12px 0 20px}.final-hero-visual img{height:auto}.content-layout{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:repeat(4,1fr)}.books-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.site-header{padding:0 14px}.brand{min-width:auto}.brand strong{font-size:17px}.head-actions .icon-btn{display:none}.hero{padding:12px}.hero h1{font-size:38px}.trust-row{grid-template-columns:repeat(2,1fr)}.content-layout{padding:0 12px 20px}.tool-grid{grid-template-columns:repeat(2,1fr)}.stats-strip{grid-template-columns:repeat(2,1fr)}.creator-cta{grid-column:1/3}.product-row{grid-template-columns:1fr}.books-row{grid-template-columns:repeat(3,1fr)}.category-row{grid-template-columns:repeat(2,1fr)}.right-column{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}}

/* 2026-08-22 Point 11: compact desktop hero so marketplace content is visible above fold */
@media (min-width:1101px){
  .hero{
    min-height:350px;
    padding-top:12px;
    padding-bottom:6px;
    align-items:center;
  }
  .hero-copy{padding-top:8px;}
  .hero h1{font-size:44px;margin:13px 0 9px;line-height:1.02;}
  .hero p{margin:0;font-size:13px;line-height:1.55;}
  .hero-search{margin-top:13px;}
  .trust-row{margin-top:13px;}
  .final-hero-visual{
    padding:0 0 14px 24px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
  }
  .final-hero-visual img{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:350px;
    object-fit:contain;
  }
  .dots{bottom:0;}
}

/* 2026-08-22 Point 11: fill hero center gap with Creator Success card */
.creator-success-card{display:none}
@media (min-width:1101px){
  .hero{
    grid-template-columns:minmax(390px,31%) minmax(210px,18%) minmax(0,51%);
    column-gap:14px;
  }
  .hero-copy{grid-column:1;min-width:0;padding-right:4px}
  .creator-success-card{
    grid-column:2;
    display:flex;
    flex-direction:column;
    align-self:center;
    width:100%;
    max-width:245px;
    min-height:315px;
    justify-self:center;
    padding:20px 18px 17px;
    border:1px solid #e6e2f4;
    border-radius:17px;
    background:linear-gradient(180deg,#fff 0%,#fefeff 100%);
    box-shadow:0 14px 38px rgba(54,38,121,.10);
  }
  .creator-success-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
  .creator-success-head strong{font-size:16px;color:#11172b}
  .creator-success-head>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f2eeff;color:#6533ff;font-weight:900;font-size:17px}
  .creator-success-list{display:flex;flex-direction:column;gap:10px;flex:1}
  .creator-success-list>div{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding:6px 0}
  .success-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:19px;font-weight:900}
  .success-icon.green{background:#eaf8f0;color:#12985d}.success-icon.purple{background:#f1ecff;color:#6a39f5}.success-icon.orange{background:#fff0e8;color:#f07828}.success-icon.gold{background:#fff5df;color:#e7a414}
  .creator-success-list b{display:block;font-size:18px;line-height:1.05;color:#11172b}
  .creator-success-list small{display:block;margin-top:4px;color:#7e8599;font-size:10px}
  .creator-success-cta{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:8px;padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,#7040ff,#5428ef);color:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(99,50,255,.20)}
  .creator-success-cta span{font-size:16px}
  .final-hero-visual{grid-column:3;padding-left:0}
  .final-hero-visual img{max-height:340px}
}
@media (min-width:1101px) and (max-width:1280px){
  .hero{grid-template-columns:33% 19% 48%;padding-left:20px;padding-right:20px;column-gap:10px}
  .creator-success-card{padding:16px 13px;min-height:300px}
  .creator-success-head strong{font-size:14px}.creator-success-list b{font-size:16px}
  .hero h1{font-size:40px}
}

/* Point 11 final polish: premium creation icons + 30-book continuous marketplace carousel */
.premium-tool-icon{width:54px;height:54px!important;padding:0!important;display:grid!important;place-items:center;border-radius:16px!important;font-size:27px!important;position:relative;box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(72,50,145,.10);border:1px solid rgba(255,255,255,.9)}
.premium-tool-icon:after{content:'✦';position:absolute;right:-5px;top:-7px;font-size:12px;color:#9b65ff;text-shadow:0 2px 7px #fff}.premium-tool-icon.violet{background:linear-gradient(145deg,#f5edff,#e8dcff)}.premium-tool-icon.blue{background:linear-gradient(145deg,#eef7ff,#dcecff)}.premium-tool-icon.mint{background:linear-gradient(145deg,#effff9,#d9f8eb)}.premium-tool-icon.orange{background:linear-gradient(145deg,#fff7ed,#ffe7cc)}.premium-tool-icon.purple{background:linear-gradient(145deg,#f6efff,#e7ddff)}.premium-tool-icon.sky{background:linear-gradient(145deg,#effaff,#dcefff)}.premium-tool-icon.gold{background:linear-gradient(145deg,#fff9e9,#ffedc1)}.premium-tool-icon.pink{background:linear-gradient(145deg,#fff2fd,#f0e4ff)}
.tool-card{transition:.22s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(79,49,170,.10);border-color:#ddd1ff}
.premium-books-section{padding:14px;margin-top:0;overflow:hidden}.premium-books-viewport{position:relative;overflow:hidden;padding:0 1px 4px}.premium-books-track{display:flex;width:max-content;gap:12px;will-change:transform}.premium-book-card{width:118px;flex:0 0 118px}.premium-cover{height:154px;border-radius:8px;padding:12px 9px;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 7px 18px rgba(16,20,48,.18);isolation:isolate}.premium-cover:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.28),transparent 30%),linear-gradient(145deg,transparent 45%,rgba(0,0,0,.22));z-index:-1}.premium-cover:after{content:'';position:absolute;width:70px;height:70px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-22px;bottom:-18px}.premium-cover small{font-size:5px;letter-spacing:1.2px;opacity:.78}.premium-cover strong{font-size:14px;line-height:1.08;margin:auto 0 6px;text-shadow:0 2px 5px rgba(0,0,0,.18)}.premium-cover span{font-size:6px;line-height:1.25;opacity:.82}.premium-cover i{font-style:normal;font-weight:900;font-size:18px;position:absolute;right:9px;bottom:8px;opacity:.22}.premium-book-card>b{display:block;font-size:9px;margin:7px 1px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px}.book-meta strong{font-size:10px}.book-meta span{color:#f39a00}.cover-python,.cover-deep,.cover-cyber{background:linear-gradient(155deg,#122a58,#07162f)}.cover-marketing,.cover-finance,.cover-stock{background:linear-gradient(155deg,#12664b,#063c2f)}.cover-atomic,.cover-morning,.cover-career{background:linear-gradient(155deg,#f3a62b,#d9681e)}.cover-wealth,.cover-ai,.cover-prompt{background:linear-gradient(155deg,#59308d,#1b153e)}.cover-focus,.cover-leader,.cover-project{background:linear-gradient(155deg,#1f2029,#07080d)}.cover-business,.cover-excel,.cover-english{background:linear-gradient(155deg,#f8f8fb,#dfe5ef);color:#17235b}.cover-mindset,.cover-data,.cover-web{background:linear-gradient(155deg,#087486,#083e61)}.cover-startup,.cover-freelance,.cover-entrepreneur{background:linear-gradient(155deg,#2467bb,#15356d)}.cover-social,.cover-speaking,.cover-content{background:linear-gradient(155deg,#c23b54,#681a43)}.cover-money,.cover-productivity,.cover-sales{background:linear-gradient(155deg,#75601a,#2c2b12)}
.book-nav{position:absolute;top:63px;z-index:5;width:32px;height:32px;border-radius:50%;border:1px solid #e3ddff;background:#fff;color:#6332ff;font-size:24px;line-height:28px;box-shadow:0 5px 15px #39218a22;cursor:pointer}.book-nav.prev{left:4px}.book-nav.next{right:4px}.premium-books-viewport:hover .premium-books-track{animation-play-state:paused}
@media(max-width:700px){.premium-book-card{width:105px;flex-basis:105px}.premium-cover{height:138px}.premium-books-section{margin-top:0}}


/* Point 11 final premium illustrated eBook covers */
.premium-cover-img{width:118px;height:168px;display:block;object-fit:cover;border-radius:9px;box-shadow:0 8px 20px rgba(16,20,48,.20);background:#111}.premium-book-card{width:118px;flex:0 0 118px}.premium-books-track{flex-wrap:nowrap!important}.premium-books-viewport{overflow:hidden!important}@media(max-width:700px){.premium-cover-img{width:105px;height:150px}.premium-book-card{width:105px;flex-basis:105px}}

/* === Point 11 FINAL: premium illustrated one-line marketplace carousel === */
.premium-books-viewport{overflow:hidden!important;position:relative}
.premium-books-track{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:14px!important;
    width:max-content!important;
    animation:tpPremiumBooksMarquee 90s linear infinite!important;
    will-change:transform;
}
.premium-books-viewport:hover .premium-books-track{animation-play-state:paused!important}
.premium-book-card{width:118px!important;min-width:118px!important;flex:0 0 118px!important}
.premium-cover-img{
    display:block!important;
    width:118px!important;
    height:177px!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:8px!important;
    background:#0b1020!important;
    box-shadow:0 8px 20px rgba(13,18,45,.20)!important;
}
.premium-book-card>b{
    display:block;
    margin-top:8px;
    font-size:11px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
@keyframes tpPremiumBooksMarquee{
    from{transform:translateX(0)}
    to{transform:translateX(calc(-50% - 7px))}
}
@media(max-width:700px){
    .premium-book-card{width:104px!important;min-width:104px!important;flex-basis:104px!important}
    .premium-cover-img{width:104px!important;height:156px!important}
    .premium-books-track{gap:11px!important;animation-duration:72s!important}
}

/* Point 11 public navigation wiring */
.premium-book-link{display:block;color:inherit;text-decoration:none}.premium-book-link .premium-book-card{height:100%}.icon-btn{display:grid;place-items:center;text-decoration:none;color:inherit}


/* =========================================================
   ULTRACORE MOBILE FINAL — 2026-08-25
   Keep every desktop option reachable; stack content cleanly.
   ========================================================= */
@media (max-width:700px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .page-shell{width:100%!important;max-width:100%!important;margin:0!important}

  .site-header{
    height:auto!important;min-height:64px!important;padding:10px 12px!important;
    display:grid!important;grid-template-columns:1fr auto!important;gap:9px!important;
    align-items:center!important;position:sticky!important;top:0!important;
  }
  .brand{min-width:0!important}
  .brand small{display:block!important}
  .head-actions{display:flex!important;gap:6px!important;align-items:center!important}
  .head-actions .icon-btn{display:grid!important;width:34px!important;height:34px!important}
  .login-btn{min-height:36px!important;padding:0 10px!important;font-size:11px!important}

  /* Desktop navigation is not removed on phone: it becomes a full-width swipe row. */
  .main-nav{
    grid-column:1/-1!important;display:flex!important;width:100%!important;
    gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding:4px 0 2px!important;white-space:nowrap!important;
    scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important;
  }
  .main-nav a{
    flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;
    min-height:34px!important;padding:0 10px!important;border-radius:9px!important;
    background:#f7f5ff!important;font-size:10px!important;
  }

  .hero{
    display:flex!important;flex-direction:column!important;gap:14px!important;
    min-height:0!important;padding:18px 12px!important;
  }
  .hero-copy,.creator-success-card,.final-hero-visual{
    width:100%!important;max-width:100%!important;grid-column:auto!important;
  }
  .hero h1{font-size:34px!important;line-height:1.05!important}
  .hero p{font-size:13px!important;line-height:1.55!important}
  .hero p br{display:none!important}
  .hero-search{display:grid!important;grid-template-columns:1fr auto!important;width:100%!important}
  .hero-search input{min-width:0!important;width:100%!important}
  .final-hero-visual{display:block!important;padding:0!important}
  .final-hero-visual img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important}
  .creator-success-card{display:block!important}

  .trust-row,.tool-grid,.stats-strip,.product-row,.books-row,.category-row,
  .right-column,.footer-inner{
    grid-template-columns:1fr!important;
  }
  .trust-row{gap:8px!important}
  .tool-grid{gap:10px!important}
  .tool-card{width:100%!important;min-width:0!important}
  .creator-cta{grid-column:auto!important}
  .content-layout{display:block!important;width:100%!important;padding:0 12px 22px!important}
  .main-column,.right-column,.panel{width:100%!important;max-width:100%!important;min-width:0!important}
  .right-column{display:grid!important;gap:12px!important;margin-top:12px!important}

  /* Keep marketplace books visible without cutting the page. */
  .premium-books-section,.premium-books-viewport{width:100%!important;max-width:100%!important}
  .premium-books-viewport{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}
  .premium-books-track{animation:none!important;width:max-content!important}
  .book-nav{display:none!important}
}
/* Professional mobile header: controls stay aligned and navigation wraps cleanly. */
@media(max-width:700px){
 .site-header{grid-template-columns:minmax(0,1fr) auto!important}
 .head-actions{display:grid!important;grid-template-columns:repeat(2,auto)!important;gap:6px!important}.head-actions .icon-btn{display:none!important}
 .login-btn{min-height:38px!important;padding:0 12px!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important}
 .main-nav{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;padding:6px!important;white-space:normal!important;background:#f8f6ff!important;border:1px solid #ece7fa!important;border-radius:13px!important}
 .main-nav a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:4px 6px!important;border-radius:9px!important;background:#fff!important;border:1px solid #eeeaf7!important;font-size:9px!important;text-align:center!important}
}

/* =========================================================
   ULTRACORE PUBLIC HOME — MOBILE RESPONSIVE CLEAN FIX
   2026-09-10
   Scope: public homepage only. Desktop rules remain untouched.
   Goal: retain desktop visual language while stacking each
   major section cleanly on phones; no clipped text/content.
   ========================================================= */
@media (max-width:700px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{font-size:14px!important}
  .page-shell{width:100%!important;max-width:100%!important;margin:0 auto!important}

  /* Header: compact first row + swipeable desktop nav beneath. */
  .site-header{
    width:100%!important;height:auto!important;min-height:64px!important;
    padding:9px 12px 8px!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;
    align-items:center!important;overflow:visible!important;
  }
  .brand{min-width:0!important;gap:8px!important;overflow:hidden!important}
  .brand-cube{width:38px!important;height:38px!important;min-width:38px!important;font-size:20px!important}
  .brand strong{font-size:17px!important;white-space:nowrap!important}
  .brand small{font-size:9px!important;white-space:nowrap!important}
  .head-actions{display:flex!important;align-items:center!important;gap:6px!important}
  .head-actions .icon-btn{display:none!important}
  .login-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 12px!important;font-size:11px!important}
  .main-nav{
    grid-column:1/-1!important;display:flex!important;align-items:center!important;
    justify-content:flex-start!important;gap:7px!important;width:100%!important;
    overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
    padding:7px 1px 2px!important;background:transparent!important;border:0!important;
    border-radius:0!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  .main-nav::-webkit-scrollbar{display:none!important}
  .main-nav a{
    flex:0 0 auto!important;display:flex!important;align-items:center!important;
    justify-content:center!important;min-height:34px!important;padding:0 11px!important;
    border-radius:9px!important;background:#f7f5ff!important;border:1px solid #ece8fa!important;
    font-size:10px!important;line-height:1!important;white-space:nowrap!important;text-align:center!important;
  }
  .main-nav .active{border-bottom:1px solid #6332ff!important;background:#f0ebff!important}

  /* Hero: each desktop column becomes a finished mobile panel. */
  .hero{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:14px!important;width:100%!important;min-height:0!important;padding:16px 14px 10px!important;
    background:radial-gradient(circle at 75% 5%,#eee9ff 0,transparent 44%)!important;
  }
  .hero-copy,.creator-success-card,.final-hero-visual{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  .hero-copy{padding:4px 0 0!important}
  .eyebrow{font-size:10px!important;padding:6px 10px!important}
  .hero h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-1px!important;margin:14px 0 10px!important;overflow-wrap:anywhere!important}
  .hero p{font-size:13px!important;line-height:1.55!important;margin:0!important;color:#4d5874!important}
  .hero p br{display:none!important}
  .hero-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;margin-top:15px!important}
  .hero-search input{width:100%!important;min-width:0!important;padding:13px 12px!important;font-size:12px!important}
  .hero-search button{padding:0 18px!important;font-size:12px!important}

  .trust-row{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;width:100%!important;margin-top:16px!important;
  }
  .trust-row>span{min-width:0!important;padding:8px 6px!important}
  .trust-row b{font-size:11px!important;line-height:1.2!important;margin-top:3px!important}
  .trust-row small{font-size:9px!important;line-height:1.25!important;margin-top:4px!important}

  /* Creator Success had desktop-only styling; give mobile its real card styling. */
  .creator-success-card{
    display:block!important;background:#fff!important;border:1px solid #e8e8f2!important;
    border-radius:15px!important;box-shadow:0 8px 24px rgba(43,32,98,.06)!important;
    padding:15px!important;color:#11172b!important;
  }
  .creator-success-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important}
  .creator-success-head strong{font-size:17px!important;color:#11172b!important}
  .creator-success-head>span{width:32px!important;height:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#f2eeff!important;color:#6533ff!important;font-weight:900!important}
  .creator-success-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .creator-success-list>div{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;min-width:0!important;padding:8px!important;border:1px solid #f0eef7!important;border-radius:10px!important;background:#fcfbff!important}
  .creator-success-list>div>span{font-size:20px!important;text-align:center!important}
  .creator-success-list b{display:block!important;font-size:16px!important;line-height:1.05!important;color:#11172b!important;white-space:nowrap!important}
  .creator-success-list small{display:block!important;font-size:9px!important;line-height:1.25!important;color:#7e8599!important;margin-top:3px!important}
  .creator-success-cta{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:11px!important;padding:11px 12px!important;border-radius:10px!important;background:linear-gradient(135deg,#7040ff,#5428ef)!important;color:#fff!important;font-size:11px!important;font-weight:900!important}

  .final-hero-visual{display:block!important;padding:0!important;overflow:hidden!important;border-radius:15px!important}
  .final-hero-visual img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:15px!important}
  .dots{bottom:7px!important}

  /* Main content: one major panel after another, while preserving card feel. */
  .content-layout{display:block!important;width:100%!important;max-width:100%!important;padding:0 12px 22px!important}
  .main-column,.right-column,.panel,.stats-strip{width:100%!important;max-width:100%!important;min-width:0!important}
  .panel,.stats-strip{border-radius:14px!important}
  .section-head{gap:8px!important;align-items:center!important;padding-bottom:10px!important}
  .section-head h2{font-size:16px!important;line-height:1.2!important}
  .section-head a{font-size:10px!important;white-space:nowrap!important}

  .create-panel{padding:14px 10px!important}
  .tool-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .tool-card{width:100%!important;min-width:0!important;min-height:132px!important;padding:12px 7px!important}
  .tool-card>span{font-size:22px!important;padding:7px!important}
  .tool-card b{font-size:11px!important;line-height:1.2!important}
  .tool-card small{font-size:9px!important;line-height:1.35!important;min-height:0!important}

  .stats-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:12px 0!important;min-height:0!important;overflow:hidden!important}
  .stats-strip>div{min-width:0!important;padding:12px 10px!important;border-right:1px solid #eeeef5!important;border-bottom:1px solid #eeeef5!important}
  .stats-strip>div:nth-child(2n){border-right:0!important}
  .stats-strip i{font-size:18px!important;margin-right:5px!important}
  .stats-strip b{font-size:15px!important;white-space:nowrap!important}
  .stats-strip small{font-size:9px!important;margin:3px 0 0 25px!important;line-height:1.2!important}
  .creator-cta{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;border-bottom:0!important}
  .creator-cta span{min-width:0!important}
  .creator-cta span b{font-size:12px!important;white-space:normal!important}
  .creator-cta span small{font-size:9px!important;line-height:1.3!important}
  .creator-cta a{flex:0 0 auto!important;padding:10px 12px!important;font-size:9px!important}

  .product-row{display:block!important;width:100%!important}
  .products{padding:13px 10px!important;margin-bottom:12px!important;overflow:hidden!important}
  .books-row,.template-row{
    display:flex!important;grid-template-columns:none!important;gap:10px!important;
    width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding:2px 1px 8px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  .books-row::-webkit-scrollbar,.template-row::-webkit-scrollbar{display:none!important}
  .book-item{flex:0 0 105px!important;width:105px!important;min-width:105px!important}
  .book-cover{height:145px!important;width:100%!important}
  .book-item>b,.template-item>b{font-size:9px!important;line-height:1.25!important;margin-top:6px!important}
  .book-item>small,.rating{font-size:8px!important}
  .template-item{flex:0 0 120px!important;width:120px!important;min-width:120px!important}
  .template-thumb{height:110px!important}

  .categories{padding:13px 10px!important;margin-top:12px!important}
  .category-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .category-row a{min-width:0!important;padding:8px 4px!important}
  .category-row i{flex:0 0 30px!important}
  .category-row b{font-size:9px!important;line-height:1.2!important}
  .category-row small{font-size:8px!important;line-height:1.2!important}

  .right-column{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important}
  .right-column .panel{padding:14px!important}

  /* Premium/marketplace carousel: swipeable and never clipped. */
  .premium-books-section,.premium-books-viewport{width:100%!important;max-width:100%!important;min-width:0!important}
  .premium-books-viewport{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
  .premium-books-viewport::-webkit-scrollbar{display:none!important}
  .premium-books-track{animation:none!important;width:max-content!important;max-width:none!important;flex-wrap:nowrap!important}
  .premium-book-card{width:104px!important;min-width:104px!important;flex:0 0 104px!important}
  .premium-cover-img{width:104px!important;height:150px!important;object-fit:cover!important}
  .book-nav{display:none!important}

  /* Footer: company block full width, link groups neat beneath it. */
  footer{padding:26px 14px 12px!important}
  .footer-inner{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 10px!important}
  .footer-inner>div:first-child{grid-column:1/-1!important}
  .footer-inner a,.footer-inner b,.footer-inner p{font-size:10px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
  .footer-company-details{font-size:10px!important;line-height:1.6!important}
  .footer-company-details b{font-size:12px!important}
  .copyright{font-size:9px!important;margin-top:16px!important}
}

@media (max-width:390px){
  .hero h1{font-size:30px!important}
  .creator-success-list{grid-template-columns:1fr!important}
  .tool-grid{grid-template-columns:1fr 1fr!important}
  .footer-inner{grid-template-columns:1fr 1fr!important}
  .footer-inner>div:first-child{grid-column:1/-1!important}
  .footer-inner>div:last-child{grid-column:1/-1!important}
}

/* 10 Sep 2026: compact Weekly Top Creators ticker in former Live Publishing slot */
.weekly-creators-bar{height:58px;background:#fbf7ef;color:#11172b;border-bottom:1px solid #eee3d2;overflow:hidden}
.weekly-creators-inner{gap:14px;padding:5px 26px;max-width:1536px;overflow:hidden}
.weekly-creators-label{flex:0 0 auto;font-size:12px;font-weight:900;color:#2c2142;white-space:nowrap}
.weekly-creators-window{flex:1;min-width:0;overflow:hidden}
.weekly-creators-track{display:flex;align-items:center;gap:8px;width:max-content;animation:ucWeeklyCreatorsScroll 72s linear infinite;will-change:transform}
.weekly-creator-card{height:46px;min-width:188px;max-width:210px;padding:4px 8px 4px 5px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;background:#fff;border:1px solid #e8e3da;border-radius:10px;box-shadow:0 2px 8px rgba(36,28,54,.06)}
.weekly-creator-card img{width:32px;height:38px;object-fit:cover;border-radius:5px;display:block;background:#eee}
.weekly-creator-copy{min-width:0;line-height:1.08}
.weekly-creator-copy b{display:block;font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#11172b}
.weekly-creator-copy span{display:block;font-size:8px;color:#73798a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.weekly-creator-card strong{font-size:11px;font-weight:900;color:#15934b;white-space:nowrap}
.weekly-creators-bar:hover .weekly-creators-track{animation-play-state:paused}
@keyframes ucWeeklyCreatorsScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){
  .weekly-creators-bar{height:52px}
  .weekly-creators-inner{padding:4px 10px;gap:8px}
  .weekly-creators-label{font-size:10px}
  .weekly-creator-card{height:42px;min-width:170px;grid-template-columns:28px minmax(0,1fr) auto;padding:3px 7px 3px 4px;gap:6px}
  .weekly-creator-card img{width:28px;height:34px}
  .weekly-creator-copy b{font-size:8.5px}
  .weekly-creator-copy span{font-size:7.5px}
  .weekly-creator-card strong{font-size:10px}
  .weekly-creators-track{animation-duration:84s}
}
@media(prefers-reduced-motion:reduce){.weekly-creators-track{animation:none}}

/* 10 Sep 2026: dark premium Weekly Top Creators + compact Today's Vacancy */
.weekly-creators-bar{background:#080a24!important;color:#fff!important;border-bottom:1px solid rgba(124,92,255,.32)!important;box-shadow:0 4px 16px rgba(8,10,36,.14)!important}
.weekly-creators-label{color:#fff!important}
.weekly-creator-card{background:#11142f!important;border-color:#272c55!important;box-shadow:0 2px 9px rgba(0,0,0,.22)!important}
.weekly-creator-copy b{color:#fff!important}
.weekly-creator-copy span{color:#aeb4ca!important}
.weekly-creator-card strong{color:#31d67b!important}

.home-vacancy-panel{padding:0!important;overflow:hidden}
.home-vacancy-details{display:block}
.home-vacancy-summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#ffffff 0%,#faf8ff 100%);min-height:72px}
.home-vacancy-summary::-webkit-details-marker{display:none}
.home-vacancy-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f1ebff;font-size:20px}
.home-vacancy-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.home-vacancy-copy b{font-size:17px;color:#171322}
.home-vacancy-copy small{font-size:12px;color:#6f7482}
.home-vacancy-count{font-size:11px;font-weight:800;color:#6534d7;background:#eee8ff;border-radius:999px;padding:6px 10px;white-space:nowrap}
.home-vacancy-open{font-size:12px;font-weight:900;color:#6534d7;white-space:nowrap}
.home-vacancy-open i{display:inline-block;font-style:normal;transition:transform .2s ease}
.home-vacancy-details[open] .home-vacancy-open i{transform:rotate(180deg)}
.home-vacancy-body{padding:0 16px 16px;border-top:1px solid #eee9f7;background:#fff}
.home-vacancy-head{padding-top:14px}
@media(max-width:760px){
  .home-vacancy-summary{grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:11px 12px;min-height:62px}
  .home-vacancy-icon{width:36px;height:36px;font-size:18px}
  .home-vacancy-copy b{font-size:15px}
  .home-vacancy-copy small{font-size:10px;line-height:1.35}
  .home-vacancy-count{display:none}
  .home-vacancy-open{font-size:10px}
  .home-vacancy-body{padding:0 12px 12px}
}

/* 10 Sep 2026 — approved Training + Certificate homepage block only */
.uc-home-training-certificate{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 16px;width:100%}
.uc-home-training-card,.uc-home-certificate-card{min-height:166px;border:1px solid #e7e6f2;border-radius:15px;overflow:hidden;box-shadow:0 5px 16px rgba(42,35,89,.055)}
.uc-home-training-card{background:linear-gradient(135deg,#f5f2ff 0%,#eef7ff 100%);padding:17px 18px 15px;display:flex;flex-direction:column}
.uc-home-certificate-card{background:linear-gradient(135deg,#fffdf7 0%,#f3f9ff 100%);padding:14px 14px 14px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,42%);gap:16px;align-items:center}
.uc-home-card-heading{display:flex;align-items:flex-start;gap:10px}
.uc-home-heading-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 30px;background:linear-gradient(135deg,#6f35ff,#8a56ff);color:#fff;font-size:14px;box-shadow:0 5px 12px rgba(103,54,255,.2)}
.uc-home-heading-icon.uc-gold-icon{background:linear-gradient(135deg,#ffb800,#ffd45a);color:#7a4a00}
.uc-home-card-heading h2{margin:0;color:#17152b;font-size:17px;line-height:1.15;font-weight:900}
.uc-home-card-heading p{margin:4px 0 0;color:#70758a;font-size:9.5px;line-height:1.3}
.uc-home-training-days{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 13px}
.uc-home-training-days>div{display:flex;align-items:flex-start;gap:7px;min-width:0}
.uc-day-icon{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:#ece8ff;color:#6235e7;font-size:10px}
.uc-home-training-days p{margin:0;min-width:0;line-height:1.12}.uc-home-training-days b,.uc-home-training-days small,.uc-home-training-days em{display:block;font-style:normal}
.uc-home-training-days b{font-size:9px;color:#29263b}.uc-home-training-days small{font-size:8.5px;font-weight:800;color:#4a4760;margin-top:2px}.uc-home-training-days em{font-size:7.5px;color:#85899a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uc-home-training-btn,.uc-home-cert-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#6630f5,#713bff);color:#fff!important;text-decoration:none!important;border-radius:8px;font-size:9px;font-weight:900;box-shadow:0 5px 12px rgba(101,49,245,.18)}
.uc-home-training-btn{height:30px;min-width:170px;align-self:center;margin-top:auto;padding:0 18px}.uc-home-cert-btn{height:28px;padding:0 14px;margin-top:8px}
.uc-home-cert-copy{min-width:0}.uc-home-cert-copy ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:5px}.uc-home-cert-copy li{font-size:8.5px;color:#565b6d;position:relative;padding-left:17px}.uc-home-cert-copy li:before{content:'✓';position:absolute;left:0;top:-1px;width:12px;height:12px;border-radius:50%;display:grid;place-items:center;background:#e4f8ed;color:#159655;font-size:7px;font-weight:900}
.uc-home-cert-preview{width:100%;height:auto;aspect-ratio:3/2;border-radius:10px;padding:4px;background:#fff;border:1px solid #eee5d2;box-shadow:0 7px 16px rgba(72,57,24,.12);overflow:hidden;transform:none}
.uc-home-cert-preview img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;border-radius:7px}
@media(max-width:900px){.uc-home-training-certificate{grid-template-columns:1fr}.uc-home-certificate-card{grid-template-columns:minmax(0,1fr) minmax(250px,40%)}}
@media(max-width:700px){.uc-home-training-certificate{gap:10px;margin:10px 0 12px}.uc-home-training-card,.uc-home-certificate-card{min-height:0;border-radius:14px}.uc-home-training-card{padding:15px 13px 13px}.uc-home-certificate-card{padding:15px 13px;grid-template-columns:minmax(0,1fr) 150px;gap:10px}.uc-home-card-heading h2{font-size:15px}.uc-home-training-days{gap:5px;margin:14px 0 12px}.uc-home-training-days>div{gap:5px}.uc-day-icon{width:22px;height:22px;flex-basis:22px}.uc-home-training-days b{font-size:8px}.uc-home-training-days small{font-size:7.5px}.uc-home-training-days em{font-size:6.8px}.uc-home-cert-preview{height:auto;aspect-ratio:3/2;padding:3px}.uc-home-cert-copy li{font-size:7.8px}.uc-home-training-btn{height:29px}.uc-home-cert-btn{height:27px}}
@media(max-width:430px){.uc-home-certificate-card{grid-template-columns:1fr}.uc-home-cert-preview{width:100%;max-width:330px;justify-self:center;height:auto;aspect-ratio:3/2}.uc-home-training-days em{display:none}}