/* NextWatch AI homepage utility engine — V1.25 */
.nw-home-section{padding:clamp(46px,6vw,88px) 0;position:relative}
.nw-home-overview{padding-top:18px}
.nw-home-panel,.nw-home-news-grid{border:1px solid rgba(102,201,255,.17);border-radius:30px;background:linear-gradient(145deg,rgba(8,12,33,.86),rgba(4,6,19,.9));box-shadow:0 26px 80px rgba(0,0,0,.28);padding:clamp(24px,4vw,46px)}
.nw-section-copy{max-width:920px}
.nw-section-copy h2{margin:15px 0 14px;font-size:clamp(2.15rem,4.4vw,4.5rem);line-height:.98;letter-spacing:-.055em}
.nw-section-copy p{margin:10px 0;color:#aeb9d8;line-height:1.76;font-size:15px}
.nw-section-copy a{color:#74ecff;font-weight:800}
.nw-home-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:30px}
.nw-home-pillars article{padding:20px;border:1px solid rgba(112,191,255,.14);border-radius:21px;background:rgba(255,255,255,.025)}
.nw-home-pillars article>span{color:#62eaff;font-size:10px;font-weight:900;letter-spacing:.12em}
.nw-home-pillars h3{margin:11px 0 8px;font-size:1rem}
.nw-home-pillars p{margin:0;color:#96a4c8;font-size:12px;line-height:1.65}
.nw-tools-heading{margin-bottom:26px}
.nw-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nw-tool-card{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(97,202,255,.18);border-radius:24px;background:linear-gradient(155deg,rgba(8,13,36,.94),rgba(5,7,22,.9));box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 46px rgba(0,0,0,.22)}
.nw-tool-card::before{content:"";position:absolute;width:190px;height:190px;right:-90px;top:-95px;border-radius:50%;background:radial-gradient(circle,rgba(80,231,255,.16),rgba(111,79,255,.09) 45%,transparent 72%);pointer-events:none}
.nw-tool-card:nth-child(5){grid-column:1/-1}
.nw-tool-top{display:flex;gap:15px;align-items:flex-start;position:relative;z-index:1}
.nw-tool-icon{flex:0 0 46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(31,207,255,.18),rgba(88,94,255,.2),rgba(217,44,255,.16));border:1px solid rgba(96,223,255,.25);color:#c8f9ff;font-weight:900;box-shadow:0 0 22px rgba(81,218,255,.09)}
.nw-tool-top h3{margin:1px 0 7px;font-size:1.12rem;letter-spacing:-.025em}
.nw-tool-top p{margin:0;color:#95a4ca;font-size:12px;line-height:1.6}
.nw-tool-form{position:relative;z-index:1;margin-top:18px;display:grid;gap:12px}
.nw-tool-form label{display:grid;gap:7px;color:#cbd7f6;font-size:11px;font-weight:800;letter-spacing:.02em}
.nw-tool-form input[type="file"],.nw-tool-form input[type="number"],.nw-tool-form input[type="text"],.nw-tool-form select,.nw-tool-form textarea{width:100%;border:1px solid rgba(112,191,255,.2);border-radius:13px;background:rgba(2,5,18,.78);color:#f7f9ff;padding:12px 13px;outline:none;transition:.2s ease}
.nw-tool-form input:focus,.nw-tool-form select:focus,.nw-tool-form textarea:focus{border-color:rgba(87,237,255,.62);box-shadow:0 0 0 3px rgba(87,237,255,.08)}
.nw-tool-form input[type="file"]{padding:9px}
.nw-tool-form input[type="range"]{accent-color:#57edff;width:100%}
.nw-tool-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nw-tool-presets{display:flex;gap:7px;flex-wrap:wrap}
.nw-tool-presets button{border:1px solid rgba(105,189,255,.2);border-radius:999px;background:rgba(72,100,255,.08);color:#bcd0ff;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer}
.nw-tool-presets button:hover{border-color:rgba(87,237,255,.54);color:#fff}
.nw-tool-action{min-height:42px;border:0;border-radius:13px;background:linear-gradient(110deg,#1ec9ff,#5863ff 52%,#d92cff);color:#fff;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(68,93,255,.2)}
.nw-tool-action:hover{filter:brightness(1.08)}
.nw-tool-result{min-height:40px;padding:11px 12px;border:1px solid rgba(104,184,255,.12);border-radius:12px;background:rgba(255,255,255,.025);color:#92a2c7;font-size:11px;line-height:1.55}
.nw-tool-result.is-success{border-color:rgba(87,243,173,.24);color:#afffd7;background:rgba(42,174,113,.065)}
.nw-tool-result.is-error{border-color:rgba(255,52,95,.28);color:#ffb7c5;background:rgba(255,52,95,.06)}
.nw-tool-download{display:inline-flex;justify-content:center;align-items:center;min-height:39px;border:1px solid rgba(87,237,255,.28);border-radius:12px;color:#8ff4ff;text-decoration:none;font-size:11px;font-weight:900;background:rgba(46,176,209,.07)}
.nw-range-value{color:#86ecff;font-size:10px;font-weight:900}
.nw-ratio-output{padding:17px;border:1px solid rgba(107,192,255,.16);border-radius:16px;background:rgba(255,255,255,.025);text-align:center}
.nw-ratio-output strong{display:block;font-size:2rem;letter-spacing:-.05em;background:linear-gradient(100deg,#62efff,#8392ff,#f16dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nw-ratio-output span{display:block;margin-top:5px;color:#9ba9ca;font-size:11px}
.nw-counter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.nw-counter-grid span{padding:12px 7px;border:1px solid rgba(105,188,255,.13);border-radius:13px;background:rgba(255,255,255,.024);color:#8190b4;text-align:center;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.nw-counter-grid b{display:block;margin-bottom:5px;color:#f5f8ff;font-size:1rem;letter-spacing:-.03em;text-transform:none}
.nw-tools-privacy{max-width:1000px;margin:18px auto 0;color:#8897bc;text-align:center;font-size:11px;line-height:1.65}
.nw-tools-privacy strong{color:#aef9ff}
.nw-home-news{padding-top:20px}
.nw-home-news-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);gap:28px;align-items:center}
.nw-share-box{padding:20px;border:1px solid rgba(100,191,255,.15);border-radius:20px;background:rgba(255,255,255,.025)}
.nw-share-label{display:block;margin-bottom:12px;color:#eff5ff;font-size:12px;font-weight:900}
.nw-share-links{display:grid;gap:8px}
.nw-share-links a{padding:10px 12px;border:1px solid rgba(107,190,255,.13);border-radius:12px;background:rgba(69,95,255,.06);color:#a9c6ff;text-decoration:none;font-size:10px;font-weight:800}
.nw-share-links a:hover{color:#fff;border-color:rgba(87,237,255,.48)}
@media (max-width:1120px){.nw-home-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-counter-grid{grid-template-columns:repeat(3,1fr)}.nw-home-news-grid{grid-template-columns:1fr}}
@media (max-width:760px){.nw-home-section{padding:38px 0}.nw-home-panel,.nw-home-news-grid{padding:22px 17px;border-radius:23px}.nw-home-pillars,.nw-tools-grid{grid-template-columns:1fr}.nw-tool-card:nth-child(5){grid-column:auto}.nw-tool-card{padding:18px;border-radius:20px}.nw-tool-row{grid-template-columns:1fr}.nw-counter-grid{grid-template-columns:repeat(2,1fr)}.nw-section-copy h2{font-size:2.5rem}.nw-tool-presets button{flex:1 1 46%}}


/* === V1.27 homepage composition polish === */
/* Share controls sit centered above the supplied promo artwork while the
   artwork's layout position/baseline remains unchanged on desktop. */
.nw-home-share-overlay{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:calc(100% + 14px);
  width:min(930px,calc(100% - 24px));
  transform:translateX(-50%);
  pointer-events:none;
}
.nw-home-share{
  margin:0;
  padding:9px 11px;
  border:1px solid rgba(126,193,255,.18);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(4,8,25,.86),rgba(8,12,36,.79));
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 34px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  pointer-events:auto;
}
.nw-home-share .nw-share-label{
  margin:0 3px 0 0;
  color:#c8f9ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
}
.nw-home-share .nw-share-actions{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.nw-home-share .nw-share-button{
  appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:34px;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;
  background:rgba(255,255,255,.055);color:#edf3ff;text-decoration:none;font:inherit;font-size:.73rem;font-weight:800;line-height:1;
  cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.nw-home-share .nw-share-button:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);border-color:rgba(117,226,255,.38);box-shadow:0 7px 18px rgba(0,0,0,.18)}
.nw-home-share .nw-share-button:focus-visible{outline:2px solid #8fb2ff;outline-offset:2px}
.nw-home-share .nw-share-button svg{width:15px;height:15px;display:block;fill:currentColor;flex:0 0 15px}
.nw-home-share .nw-share-button--x{color:#fff}.nw-home-share .nw-share-button--facebook svg{color:#1877f2}.nw-home-share .nw-share-button--reddit svg{color:#ff4500}.nw-home-share .nw-share-button--linkedin svg{color:#0a66c2}.nw-home-share .nw-share-button--whatsapp svg{color:#25d366}.nw-home-share .nw-share-button--copy svg,.nw-home-share .nw-share-button--native svg{color:#a9c4ff}
.nw-home-share .nw-share-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nw-home-share .nw-share-button[hidden]{display:none!important}

/* Center the overview card and give it the same electric creator-tool palette. */
.nw-home-panel{
  text-align:center;
  background:
    radial-gradient(circle at 12% 0%,rgba(30,201,255,.12),transparent 28%),
    radial-gradient(circle at 88% 8%,rgba(217,44,255,.1),transparent 31%),
    linear-gradient(145deg,rgba(8,13,36,.96),rgba(4,6,20,.92));
  border-color:rgba(96,220,255,.24);
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 26px 80px rgba(0,0,0,.3),0 0 50px rgba(82,85,255,.06);
}
.nw-home-panel>.nw-section-copy{margin-left:auto;margin-right:auto;text-align:center}
.nw-home-panel>.nw-section-copy .nw-kicker{margin-left:auto;margin-right:auto}
.nw-home-panel>.nw-section-copy h2{
  background:linear-gradient(100deg,#f7fbff 10%,#89efff 42%,#9d96ff 67%,#f17aff 93%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 24px rgba(91,210,255,.08));
}
.nw-home-panel>.nw-section-copy p{max-width:1000px;margin-left:auto;margin-right:auto}
.nw-home-pillars article{text-align:center;background:linear-gradient(155deg,rgba(8,13,36,.86),rgba(5,7,22,.86));border-color:rgba(103,205,255,.18)}
.nw-home-pillars article>span{display:block}

/* Center the Free Creator Tools intro copy as requested. */
.nw-tools-heading{max-width:1220px;margin-left:auto;margin-right:auto;margin-bottom:30px;text-align:center}
.nw-tools-heading .nw-kicker{margin-left:auto;margin-right:auto}
.nw-tools-heading h2{max-width:1200px;margin-left:auto;margin-right:auto}
.nw-tools-heading p{max-width:1180px;margin-left:auto;margin-right:auto}

/* The former homepage editorial promo is intentionally removed in V1.27. */

@media (max-width:1380px){
  .nw-home-share-overlay{bottom:calc(100% + 12px);width:min(930px,calc(100% - 18px))}
  .nw-home-share{border-radius:20px;padding:8px}
  .nw-home-share .nw-share-button{font-size:.68rem;padding:6px 8px;min-height:32px}
}
@media (max-width:1120px){
  .nw-home-share-overlay{bottom:calc(100% + 12px);width:min(930px,calc(100% - 24px))}
}
@media (max-width:760px){
  .nw-home-share-overlay{position:relative;left:auto;bottom:auto;width:100%;transform:none;margin:0 auto 12px}
  .nw-home-share{border-radius:18px}
  .nw-home-share .nw-share-label{width:100%;text-align:center;margin:0 0 2px}
  .nw-home-share .nw-share-actions{width:100%}
  .nw-home-share .nw-share-button{flex:1 1 auto;min-width:44px}
}

/* === V1.35 homepage mobile utility polish === */
@media (max-width: 760px) {
  .nw-home-section { padding: 34px 0; }
  .nw-home-overview { padding-top: 20px; }
  .nw-home-panel,
  .nw-home-news-grid { width: 100%; max-width: 620px; margin-left: auto; margin-right: auto; padding: 22px 16px; border-radius: 23px; }
  .nw-section-copy { max-width: 100%; margin-left: auto; margin-right: auto; }
  .nw-section-copy h2 { max-width: 12ch; margin-left: auto; margin-right: auto; font-size: clamp(2.2rem, 10.8vw, 2.8rem); line-height: 1.02; }
  .nw-section-copy p { max-width: 36rem; margin-left: auto; margin-right: auto; font-size: .94rem; line-height: 1.72; }
  .nw-home-pillars { grid-template-columns: 1fr; gap: 12px; }
  .nw-home-pillars article { width: 100%; max-width: 540px; margin-left: auto; margin-right: auto; padding: 20px 17px; }

  .nw-tools-heading { width: 100%; max-width: 620px; margin: 0 auto 26px; padding: 0 4px; }
  .nw-tools-heading h2 { max-width: 12ch; font-size: clamp(2.35rem, 11vw, 3rem); line-height: 1.01; }
  .nw-tools-heading p { max-width: 36rem; font-size: .94rem; line-height: 1.72; }
  .nw-tools-grid { grid-template-columns: 1fr; gap: 16px; }
  .nw-tool-card,
  .nw-tool-card:nth-child(5) { width: 100%; max-width: 580px; margin-left: auto; margin-right: auto; grid-column: auto; padding: 19px 16px; border-radius: 21px; }
  .nw-tool-top { gap: 13px; }
  .nw-tool-icon { flex-basis: 48px; height: 48px; }
  .nw-tool-top h3 { font-size: 1.18rem; line-height: 1.25; }
  .nw-tool-top p { font-size: .83rem; line-height: 1.6; }
  .nw-tool-form { min-width: 0; }
  .nw-tool-form label,
  .nw-tool-row { min-width: 0; }
  .nw-tool-form input,
  .nw-tool-form select,
  .nw-tool-form textarea { min-width: 0; max-width: 100%; font-size: 16px; }
  .nw-tool-form input[type="file"] { width: 100%; overflow: hidden; }
  .nw-tool-form textarea { min-height: 165px; resize: vertical; }
  .nw-tool-row { grid-template-columns: 1fr; }
  .nw-tool-presets button { flex: 1 1 calc(50% - 7px); min-height: 36px; }
  .nw-tool-action { min-height: 48px; font-size: .86rem; }
  .nw-counter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .nw-counter-grid span { min-width: 0; padding: 14px 6px; }
  .nw-counter-grid b { font-size: 1.12rem; }
  .nw-tools-privacy { max-width: 580px; margin-top: 20px; padding: 0 4px; font-size: .82rem; line-height: 1.7; }

  /* Mobile share bar: stack above promo artwork and use a clean centered grid. */
  .nw-home-share-overlay { position: static !important; left: auto !important; bottom: auto !important; width: 100% !important; max-width: 580px; margin: 0 auto 12px !important; transform: none !important; }
  .nw-home-share { width: 100%; display: block; padding: 11px; border-radius: 18px; }
  .nw-home-share .nw-share-label { display: block; width: 100%; margin: 0 0 9px; text-align: center; }
  .nw-home-share .nw-share-actions { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .nw-home-share .nw-share-button { width: 100%; min-width: 0; min-height: 40px; padding: 8px 7px; font-size: .72rem; }
  .nw-home-share .nw-share-button svg { width: 16px; height: 16px; flex-basis: 16px; }
}

@media (max-width: 430px) {
  .nw-home-share .nw-share-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nw-tool-top { align-items: flex-start; }
  .nw-tools-heading h2 { font-size: clamp(2.2rem, 10.5vw, 2.75rem); }
}

/* === V1.36 mobile share bar correction ===
   Keep homepage share controls horizontal, centered above the hero image,
   and viewport-safe on phones. */
@media (max-width: 760px) {
  .nw-home-share-overlay {
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 620px;
    margin: 0 auto 12px !important;
    transform: none !important;
  }
  .nw-home-share {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap !important;
    gap: 8px;
    padding: 9px 10px;
    border-radius: 18px;
    overflow: hidden;
  }
  .nw-home-share .nw-share-label {
    display: inline-flex !important;
    flex: 0 0 auto;
    width: auto !important;
    margin: 0 2px 0 0 !important;
    text-align: center;
    white-space: nowrap;
  }
  .nw-home-share .nw-share-actions {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap !important;
    gap: 7px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    padding: 1px 0 2px;
  }
  .nw-home-share .nw-share-actions::-webkit-scrollbar { display: none; }
  .nw-home-share .nw-share-button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    min-height: 38px;
    padding: 8px 10px;
    font-size: .72rem;
    white-space: nowrap;
    scroll-snap-align: start;
  }
  .nw-home-share .nw-share-button svg {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
  }
}

@media (max-width: 430px) {
  .nw-home-share { padding: 8px 9px; gap: 7px; }
  .nw-home-share .nw-share-label { font-size: .66rem; }
  .nw-home-share .nw-share-button { min-height: 36px; padding: 7px 9px; font-size: .69rem; }
}