/* BizKickoff v1.8 — Sharp Neon Waterfront */
:root {
  --night:#020c18; --navy:#031426; --panel:rgba(2,20,36,.91);
  --cyan:#19e5f2; --cyan2:#07bcd3; --teal:#24e4bd;
  --white:#f8fcff; --soft:#c7d7e3; --gold:#ffd25c;
}
html { scroll-behavior:smooth; background:var(--night); }
body.premium-home {
  background:#020c18; color:var(--white);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.premium-nav {
  height:92px; padding:0 max(34px,calc((100vw - 1440px)/2));
  background:linear-gradient(180deg,rgba(1,13,26,.96),rgba(1,13,26,.86));
  border-bottom:1px solid rgba(44,223,236,.18);
  backdrop-filter:blur(18px) saturate(125%);
}
.premium-nav .brand { display:flex; align-items:center; }
.premium-nav .brand img {
  width:300px; height:auto; filter:none!important; display:block;
  background:transparent!important;
}
.premium-nav nav { gap:38px; }
.premium-nav nav a { color:#f4fbff; font-weight:650; letter-spacing:-.01em; }
.glow-cta {
  min-width:150px; text-align:center; color:#fff!important;
  border:1px solid rgba(25,229,242,.9)!important;
  background:linear-gradient(180deg,rgba(5,36,57,.92),rgba(2,24,42,.96))!important;
  box-shadow:0 0 0 1px rgba(25,229,242,.08),0 0 18px rgba(25,229,242,.28),inset 0 0 18px rgba(25,229,242,.06)!important;
}
.premium-hero {
  min-height:760px; position:relative; overflow:hidden;
  background-image:
    linear-gradient(90deg,rgba(1,9,19,.36) 0%,rgba(1,9,19,.13) 39%,rgba(1,9,19,.27) 100%),
    linear-gradient(180deg,rgba(1,12,24,.10) 0%,rgba(1,12,24,.16) 62%,rgba(1,12,24,.68) 100%),
    url("https://images.unsplash.com/photo-1690398388394-6a57f7f4fff1?auto=format&fit=crop&fm=jpg&q=88&w=3000");
  background-size:cover; background-position:center 50%; background-repeat:no-repeat;
}
.premium-hero:before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(circle at 70% 35%,rgba(13,214,232,.06),transparent 30%),
    linear-gradient(90deg,rgba(0,8,18,.30),transparent 46%,rgba(0,8,18,.20));
}
.premium-grid {
  max-width:1440px; min-height:690px; margin:auto; padding:58px 38px 44px;
  grid-template-columns:minmax(420px,.82fr) minmax(700px,1.38fr);
  gap:62px; align-items:center;
}
.premium-copy { padding-top:4px; text-shadow:0 3px 22px rgba(0,0,0,.55); }
.premium-copy .eyebrow {
  color:var(--cyan); font-size:13px; font-weight:800; letter-spacing:.20em; text-transform:uppercase;
}
.premium-copy .eyebrow span {
  width:7px;height:7px;border-radius:50%;background:var(--cyan);
  box-shadow:0 0 13px rgba(25,229,242,.8);
}
.premium-copy h1 {
  margin:20px 0 22px; color:#fff!important; font-size:clamp(60px,5vw,82px)!important;
  line-height:.98!important; letter-spacing:-.052em!important; font-weight:800!important;
}
.premium-copy h1 em {
  color:var(--cyan)!important; font-style:normal;
  text-shadow:0 0 22px rgba(25,229,242,.12);
}
.premium-copy .sub {
  max-width:520px; color:#f0f6fa; font-size:18px; line-height:1.62;
}
.trust-list { margin-top:26px; gap:12px; font-size:16px; color:#fff; }
.trust-list b {
  width:23px;height:23px;display:inline-grid;place-items:center;border-radius:50%;
  background:var(--cyan);color:#032034;box-shadow:0 0 16px rgba(25,229,242,.40);
}
.premium-assistant { width:100%; }
.premium-chat {
  min-height:625px; border-radius:26px;
  background:
    linear-gradient(180deg,rgba(2,22,39,.95),rgba(2,18,33,.93));
  border:1px solid rgba(67,237,247,.92);
  box-shadow:
    0 0 0 1px rgba(55,229,241,.12),
    0 0 16px rgba(25,229,242,.24),
    0 0 42px rgba(25,229,242,.10),
    0 30px 70px rgba(0,0,0,.42),
    inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(22px) saturate(135%);
}
.premium-chat .chat-top {
  min-height:88px; padding:17px 24px;
  border-bottom:1px solid rgba(84,220,232,.18);
}
.rocket-mark,.premium-chat .avatar {
  overflow:hidden; background:linear-gradient(145deg,#05162a,#041e31);
  border:1px solid var(--cyan); box-shadow:0 0 16px rgba(25,229,242,.25);
}
.rocket-mark img,.premium-chat .avatar img {
  width:78%;height:78%;object-fit:contain;display:block;margin:auto;
}
.premium-chat .chat-top strong { font-size:21px; letter-spacing:-.02em; }
.premium-chat .chat-top small { margin-top:3px; }
.premium-chat .chat-top small i {
  background:var(--teal); box-shadow:0 0 9px rgba(36,228,189,.6);
}
.mode-pills { gap:10px; }
.mode-pills span {
  border:1px solid rgba(85,211,226,.30); border-radius:10px;
  background:rgba(5,30,49,.72); color:#edfaff; padding:10px 13px;
}
.premium-chat .messages { padding:20px 28px 12px; height:350px; }
.premium-chat .bubble {
  max-width:88%; border-radius:16px; padding:19px 21px;
  background:linear-gradient(145deg,rgba(16,49,72,.94),rgba(13,43,64,.94));
  border:1px solid rgba(255,255,255,.035);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  color:#f7fbfd; line-height:1.55;
}
.action-chips { padding:0 24px 14px; gap:14px; }
.action-chips button {
  min-height:52px; border-radius:12px; font-weight:650; font-size:14px;
  background:rgba(4,26,44,.82); color:#fff;
}
.action-chips button:first-child {
  border-color:rgba(255,207,79,.75); color:#fff;
  box-shadow:0 0 15px rgba(255,199,55,.08);
}
.action-chips button:nth-child(2) {
  border-color:rgba(32,169,255,.70); box-shadow:0 0 15px rgba(32,169,255,.08);
}
.action-chips button:nth-child(3) {
  border-color:rgba(36,228,189,.68); box-shadow:0 0 15px rgba(36,228,189,.08);
}
.premium-composer {
  margin:0 24px; min-height:60px; border-radius:13px;
  background:rgba(4,28,47,.94); border:1px solid rgba(43,225,237,.84);
  box-shadow:0 0 15px rgba(25,229,242,.10),inset 0 1px rgba(255,255,255,.025);
}
.premium-composer textarea { font-size:16px; }
.premium-composer button {
  width:48px;height:48px;margin-right:5px;border-radius:50%;
  background:linear-gradient(145deg,#2be7ec,#12bfd0);color:#032136;
  box-shadow:0 0 18px rgba(31,222,231,.38);
}
.chat-tools { padding:11px 28px 5px; }
.premium-chat .fine { padding:5px 24px 16px; color:#9fbcca; }
.premium-feature-row {
  max-width:1440px; margin:-1px auto 0; padding:24px 38px 38px;
  gap:22px; position:relative; z-index:5;
  background:linear-gradient(180deg,rgba(2,15,28,.96),#031426);
}
.premium-feature-row article {
  min-height:126px; border-radius:18px; padding:22px 24px;
  background:linear-gradient(145deg,rgba(5,31,52,.98),rgba(5,37,58,.94));
  border:1px solid rgba(69,203,219,.42);
  box-shadow:0 18px 38px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.025);
}
.feature-icon {
  width:68px;height:68px;border-radius:50%;font-size:27px;
  display:grid;place-items:center;background:rgba(255,255,255,.025);
}
.idea-icon { color:var(--gold); border:1px solid rgba(255,206,76,.72); box-shadow:0 0 20px rgba(255,199,55,.14); }
.domain-icon { color:#34aaff; border:1px solid rgba(52,170,255,.70); box-shadow:0 0 20px rgba(52,170,255,.13); }
.plan-icon { color:var(--teal); border:1px solid rgba(36,228,189,.70); box-shadow:0 0 20px rgba(36,228,189,.13); }
.premium-feature-row h3 { font-size:18px; }
.premium-feature-row p { color:#c8d8e3; line-height:1.45; }
.signal,.seo-band,.section.faq,.last-cta,footer { background:#031426; }
footer .brand img { filter:none!important; width:220px; }

@media (max-width:1050px) {
  .premium-nav .brand img { width:245px; }
  .premium-grid {
    max-width:820px; min-height:0; grid-template-columns:1fr;
    padding:34px 22px 42px; gap:22px;
  }
  .premium-hero { background-position:47% center; }
  .premium-copy {
    width:100%; max-width:760px; margin:auto; text-align:center;
    background:rgba(2,17,31,.56); border:1px solid rgba(74,220,233,.16);
    border-radius:22px; padding:28px!important; backdrop-filter:blur(8px);
  }
  .premium-copy .sub { margin-left:auto;margin-right:auto; }
  .trust-list { width:max-content; max-width:100%; margin-left:auto;margin-right:auto; text-align:left; }
  .premium-assistant { max-width:760px; margin:auto; }
  .premium-feature-row { max-width:820px; }
}
@media (max-width:700px) {
  .premium-nav {
    height:68px; padding:0 14px; justify-content:space-between;
  }
  .premium-nav .brand img { width:190px; }
  .premium-nav nav { display:none; }
  .premium-nav .nav-cta { min-width:auto; padding:9px 13px; font-size:13px; }
  .premium-hero {
    min-height:0; background-position:52% center; background-attachment:scroll;
  }
  .premium-grid { padding:18px 12px 28px; gap:16px; }
  .premium-copy { padding:20px 15px!important; border-radius:18px; }
  .premium-copy .eyebrow { font-size:10px; letter-spacing:.16em; justify-content:center; }
  .premium-copy h1 { font-size:clamp(40px,12.2vw,52px)!important; line-height:1!important; margin:14px 0 16px; }
  .premium-copy .sub { font-size:15px; line-height:1.55; max-width:430px; }
  .trust-list { font-size:14px; gap:9px; }
  .premium-chat { min-height:0; border-radius:19px; box-shadow:0 0 15px rgba(25,229,242,.20),0 18px 45px rgba(0,0,0,.38); }
  .premium-chat .chat-top { min-height:70px; padding:12px 13px; }
  .premium-chat .chat-top strong { font-size:17px; }
  .mode-pills { display:none; }
  .premium-chat .messages { height:285px; padding:14px 13px 8px; }
  .premium-chat .bubble { max-width:100%; padding:14px; font-size:14px; }
  .action-chips { padding:0 12px 11px; gap:7px; }
  .action-chips button { min-height:44px; font-size:12px; padding:7px 8px; }
  .premium-composer { margin:0 12px; min-height:54px; }
  .premium-composer textarea { font-size:16px; }
  .premium-composer button { width:43px;height:43px; }
  .chat-tools { padding:9px 15px 4px; font-size:10px; }
  .premium-chat .fine { padding:5px 12px 13px; font-size:9px; }
  .premium-feature-row { padding:15px 12px 30px; gap:11px; }
  .premium-feature-row article { min-height:0; padding:16px; border-radius:15px; }
  .feature-icon { width:54px;height:54px;font-size:22px; }
  footer .brand img { width:190px; }
}
@media (max-width:430px) {
  .premium-nav .brand img { width:166px; }
  .premium-nav .nav-cta { padding:8px 10px; }
  .premium-copy h1 { font-size:42px!important; }
  .action-chips button { font-size:11px; }
}