/* BizKickoff v1.7 — Dark Waterfront UI */
:root{--night:#031426;--panel:rgba(4,25,43,.88);--panel2:rgba(8,34,55,.92);--cyan:#18d8e7;--teal:#19d8bd;--text:#f6fbff;--soft:#c4d6e3;--line:rgba(68,218,230,.34)}
body.premium-home{background:#031426;color:var(--text)}
.premium-nav{max-width:none;height:86px;padding:0 max(28px,calc((100vw - 1380px)/2));background:rgba(2,18,34,.92);border-bottom:1px solid rgba(53,202,216,.15);backdrop-filter:blur(16px);position:relative;z-index:20}
.premium-nav .brand img{width:230px;filter:brightness(0) invert(1)}
.premium-nav nav a{color:#eef8ff}.premium-nav nav a:hover{color:var(--cyan)}
.glow-cta{background:rgba(3,27,48,.9)!important;border:1px solid var(--cyan);box-shadow:0 0 14px rgba(24,216,231,.28),inset 0 0 14px rgba(24,216,231,.05)}
.premium-hero{min-height:710px;border:0;background:linear-gradient(90deg,rgba(2,15,29,.45),rgba(2,15,29,.18)),url('../city-water-bg.webp') center 43%/cover no-repeat;position:relative}
.premium-hero:before{background:linear-gradient(90deg,rgba(1,13,26,.56) 0%,rgba(1,13,26,.25) 42%,rgba(1,13,26,.43) 100%),linear-gradient(180deg,rgba(2,17,32,.08),rgba(2,17,32,.42));inset:0}
.premium-hero:after,.sunset-orb{display:none}
.premium-grid{max-width:1380px;padding:54px 34px 34px;grid-template-columns:minmax(360px,.72fr) minmax(650px,1.28fr);gap:58px;align-items:center}
.premium-copy{text-shadow:0 2px 18px rgba(0,0,0,.25)}.premium-copy .eyebrow{color:#23d9e6}.premium-copy h1{color:#fff!important;font-size:clamp(56px,5.1vw,80px)!important}.premium-copy h1 em{color:#18d8e7}.premium-copy .sub{color:#e0ebf2;font-size:18px}.trust-list{color:#f3f9fd}.trust-list b{background:#17dce3;color:#042436;box-shadow:0 0 14px rgba(23,220,227,.38)}
.premium-chat{background:linear-gradient(180deg,rgba(3,24,42,.94),rgba(3,22,39,.90));border:1px solid rgba(51,228,238,.78);box-shadow:0 0 0 1px rgba(44,224,236,.12),0 0 22px rgba(25,218,230,.24),0 24px 60px rgba(0,0,0,.28);backdrop-filter:blur(18px);color:#fff}
.premium-chat:before{box-shadow:inset 0 0 24px rgba(24,216,231,.035)}
.premium-chat .chat-top{border-bottom:1px solid rgba(103,210,220,.16)}.premium-chat .chat-top strong{color:#fff}.premium-chat .chat-top small{color:#c2d4df}.premium-chat .chat-top>button{background:rgba(255,255,255,.06);color:#e8f8ff}.rocket-mark,.premium-chat .avatar{background:#06182d;border:1px solid #15dce7;box-shadow:0 0 14px rgba(21,220,231,.24)}
.mode-pills span{background:rgba(6,28,47,.7);border-color:rgba(91,199,213,.32);color:#e6f5fb}.premium-chat .messages{background:transparent}.premium-chat .bubble{background:rgba(17,47,69,.84);color:#f4f9fc;border:1px solid rgba(255,255,255,.025)}.premium-chat .user .bubble{background:linear-gradient(135deg,#0d4860,#086b72)}
.action-chips button{background:rgba(7,31,51,.72);color:#fff;border-color:rgba(45,214,226,.42);box-shadow:0 0 11px rgba(24,216,231,.07)}.action-chips button:first-child{border-color:rgba(255,196,65,.6);box-shadow:0 0 12px rgba(255,188,44,.08)}.action-chips button:nth-child(3){background:rgba(5,43,43,.66);border-color:rgba(34,221,168,.48)}
.premium-composer{background:rgba(5,31,50,.9);border-color:rgba(40,217,229,.72);box-shadow:0 0 14px rgba(24,216,231,.10)}.premium-composer textarea{color:#fff}.premium-composer textarea::placeholder{color:#94aebf}.premium-composer button{background:linear-gradient(145deg,#20dce0,#11b6c7);color:#052037;box-shadow:0 0 17px rgba(31,220,224,.32)}
.chat-tools,.chat-tools button{color:#c5d8e4}.premium-chat .fine{color:#a8c4d3}.bk-sources{border-color:rgba(255,255,255,.1)}.bk-sources strong{color:#b8ceda}.bk-sources a{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#63e5df}
.premium-feature-row{max-width:1380px;margin:0 auto;padding:24px 34px 42px;background:transparent}.premium-feature-row article{background:linear-gradient(145deg,rgba(4,27,47,.94),rgba(6,39,61,.88));border:1px solid rgba(67,198,216,.42);box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 14px rgba(22,198,211,.06);color:#fff}.premium-feature-row h3{color:#fff}.premium-feature-row p{color:#c7d9e4}.feature-icon{background:rgba(255,255,255,.04)}.idea-icon{color:#ffd05a;border:1px solid rgba(255,200,67,.5);box-shadow:0 0 18px rgba(255,193,48,.13)}.domain-icon{color:#29a8ff;border:1px solid rgba(43,166,255,.5);box-shadow:0 0 18px rgba(43,166,255,.12)}.plan-icon{color:#31e0b4;border:1px solid rgba(49,224,180,.5);box-shadow:0 0 18px rgba(49,224,180,.12)}
.signal,.seo-band,.section.faq,.last-cta,footer{background:#04172a;color:#eef8ff}.signal{border-top:1px solid rgba(72,204,219,.15)}.signal p,.signal span,.seo-band p,.guide-grid a span,.faq p,footer p,footer small{color:#b8cbd7}.signal div span{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08)}.seo-band,.section.faq{border-top:1px solid rgba(71,199,214,.12)}.seo-band h2,.section.faq h2,.last-cta h2{color:#fff}.guide-grid a,.faq details{background:#082039;border-color:rgba(74,192,207,.2);color:#fff}.guide-grid a strong,.faq summary{color:#fff}.last-cta{background:linear-gradient(180deg,#04172a,#031221)}.last-cta a{background:#0fd3d7;color:#032137}.last-cta span,.section-kicker{color:#21d5df}footer{border-top:1px solid rgba(68,196,210,.18)}footer a{color:#d9edf6}footer .brand img{filter:brightness(0) invert(1)}
@media(max-width:980px){.premium-grid{max-width:780px;grid-template-columns:1fr;padding:34px 20px 42px}.premium-hero{background-position:44% center}.premium-copy{background:rgba(2,18,33,.38);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px!important;backdrop-filter:blur(5px)}.premium-feature-row{max-width:780px}}
@media(max-width:700px){.premium-nav{height:70px;padding:0 14px}.premium-nav .brand img{width:176px}.premium-hero{background-position:39% center}.premium-grid{padding:22px 12px 32px;gap:18px}.premium-copy{padding:20px 14px!important;border-radius:16px}.premium-copy h1{font-size:45px!important}.premium-copy .sub{color:#e4eff5}.trust-list{align-items:flex-start;max-width:310px;margin-left:auto;margin-right:auto}.premium-chat{border-radius:18px}.premium-feature-row{padding:16px 12px 34px}.premium-feature-row article{border-radius:15px}.premium-chat .messages{height:330px}}
@media(max-width:420px){.premium-nav .brand img{width:152px}.premium-nav .nav-cta{padding:9px 12px}.premium-copy h1{font-size:39px!important}.premium-copy .eyebrow{font-size:10px}.premium-chat .messages{height:300px}}
