:root{--bg:#070b14;--panel:#111827;--panel2:#0d1321;--card:#151e2e;--line:rgba(255,255,255,.1);--text:#eef5ff;--muted:#94a3b8;--accent:#6ee7ff;--accent2:#f6c76e;--good:#5ee6a8;--bad:#ff7b8b;--shadow:0 24px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% -10%,#19345b 0,#070b14 38%),linear-gradient(180deg,#070b14,#0a1020);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Inter",Arial,sans-serif}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.site-nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:rgba(7,11,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--accent),#7c5cff);font-weight:900;color:#06111c}.brand small{display:block;color:var(--muted);font-size:12px}.nav-links{display:flex;gap:22px;color:#cdd7e7}.nav-links a:hover{color:white}.nav-actions{display:flex;gap:10px}.primary,.secondary,.ghost,.jump{border-radius:14px;padding:12px 18px;color:var(--text);font-weight:800}.primary{background:linear-gradient(135deg,var(--accent),#7c5cff);color:#07101c;box-shadow:0 10px 30px rgba(110,231,255,.18)}.secondary{background:rgba(255,255,255,.08);border:1px solid var(--line)}.ghost{background:transparent;border:1px solid var(--line);color:#d8e5f8}.small{padding:9px 14px}.big{padding:15px 22px}.page{display:none}.page.active{display:block}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;min-height:680px;padding:72px 7vw}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900}.hero h1{font-size:64px;line-height:1.02;margin:12px 0}.sub{color:#bdc8da;font-size:18px;line-height:1.8;max-width:760px}.hero-actions,.button-row,.jump-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.trust-row span{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:999px;padding:8px 12px;color:#dce8f8}.hero-card{display:flex;justify-content:center}.phone-card{width:min(420px,90vw);border:1px solid var(--line);border-radius:38px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:var(--shadow)}.phone-top{height:18px;width:110px;margin:0 auto 24px;border-radius:999px;background:rgba(255,255,255,.2)}.mini-post{border-radius:26px;padding:24px;background:linear-gradient(135deg,#1b2b46,#101828);border:1px solid var(--line)}.mini-post b{font-size:24px}.mini-post p{color:var(--muted);line-height:1.6}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.mini-grid i{height:95px;border-radius:22px;background:linear-gradient(135deg,rgba(110,231,255,.18),rgba(246,199,110,.12));border:1px solid var(--line)}.mini-result{border-radius:18px;background:rgba(255,255,255,.08);padding:16px;color:#d8e8fb}.section{padding:78px 7vw}.section-head.center{text-align:center;margin:0 auto 36px;max-width:820px}.section-head h2{font-size:42px;margin:8px 0}.section-head p{color:var(--muted);line-height:1.7}.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-grid article,.price-card,.card,.status-box,.contact-card{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 12px 40px rgba(0,0,0,.12)}.feature-grid article span{color:var(--accent2);font-weight:900}.feature-grid article h3,.card h3{margin:10px 0}.feature-grid article p,.card p,.price-card li,.hint{color:var(--muted);line-height:1.7}.muted-card{opacity:.62}.cta-band{margin:0 7vw 70px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(110,231,255,.12),rgba(124,92,255,.12));display:flex;align-items:center;justify-content:space-between;gap:24px}.price{font-size:44px;margin:0 0 16px;font-weight:900}.price-card.hot{outline:2px solid rgba(110,231,255,.35);background:linear-gradient(180deg,rgba(110,231,255,.12),rgba(255,255,255,.05))}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 76px)}.sidebar{border-right:1px solid var(--line);padding:22px;background:rgba(255,255,255,.025);position:sticky;top:75px;height:calc(100vh - 75px)}.tab{width:100%;text-align:left;margin-bottom:10px;padding:14px 16px;border-radius:16px;background:transparent;color:#cdd7e7;border:1px solid transparent}.tab.active{background:rgba(110,231,255,.12);border-color:rgba(110,231,255,.28);color:white}.tab.disabled{opacity:.56}.workspace{padding:32px}.tab-panel{display:none}.tab-panel.active{display:block}.panel-head{margin-bottom:22px}.panel-head h2{font-size:34px;margin:0 0 8px}.panel-head p{color:var(--muted);line-height:1.7}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-step,.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card label,.settings-grid label{display:block;color:#d7e4f5;margin:13px 0 8px;font-weight:700}input,textarea,select{width:100%;background:#08111f;border:1px solid var(--line);color:var(--text);border-radius:16px;padding:13px 14px;outline:none}textarea{resize:vertical}.result-box{min-height:320px;background:#08111f;border:1px solid var(--line);border-radius:18px;padding:18px;white-space:pre-wrap;line-height:1.7;color:#e9f2ff;overflow:auto}.result-box.empty{color:#64748b}.jump{background:rgba(246,199,110,.12);border:1px solid rgba(246,199,110,.25);color:#ffe2a1}.preview,.media-output{min-height:220px;border:1px dashed rgba(255,255,255,.2);border-radius:20px;display:grid;place-items:center;overflow:hidden;background:#08111f}.preview img,.media-output img{max-width:100%;max-height:420px;border-radius:16px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:18px}.library-card{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.05)}.library-card img{width:100%;height:150px;object-fit:cover;border-radius:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.center-row{justify-content:center;margin-top:22px}.status-box{white-space:pre-wrap;color:#dce8f8;line-height:1.7;margin-top:18px}.dev-panel{text-align:center;padding:70px 20px;border:1px dashed rgba(255,255,255,.18);border-radius:28px;background:rgba(255,255,255,.035)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;z-index:50}.modal.hidden{display:none}.modal-card{width:min(440px,92vw);background:#111827;border:1px solid var(--line);border-radius:30px;padding:28px;position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;right:18px;top:14px;background:transparent;color:white;font-size:28px}.debug-log{position:fixed;right:18px;bottom:18px;width:min(460px,92vw);max-height:220px;overflow:auto;background:rgba(2,6,14,.86);border:1px solid var(--line);border-radius:18px;padding:14px;color:#b9c7da;font-size:12px;display:none}footer{padding:28px 7vw;border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;color:var(--muted)}.contact-card{max-width:720px;margin:40px auto}@media(max-width:980px){.hero,.two-col,.three-step,.tool-grid,.pricing-grid,.feature-grid,.settings-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.site-nav{flex-wrap:wrap}.nav-links{order:3;width:100%;overflow:auto}.hero h1{font-size:42px}}
.account-ribbon{grid-column:1/-1;margin:16px 32px 0;background:linear-gradient(90deg,rgba(110,231,255,.14),rgba(124,92,255,.12));border:1px solid var(--line);border-radius:18px;padding:12px 16px;color:#dcecff;font-weight:800}
.mini-status{margin-top:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:16px;padding:12px;color:#dcecff;white-space:pre-wrap}
.modal-card .button-row{margin-top:14px}

.credit-rules{grid-column:1/-1;margin:10px 32px 0;background:rgba(246,199,110,.08);border:1px solid rgba(246,199,110,.22);border-radius:18px;padding:12px 16px;color:#ffe6ae;line-height:1.7}
.credit-rules b{color:#fff}
.credit-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(110,231,255,.12);border:1px solid rgba(110,231,255,.25);padding:5px 10px;color:#dff8ff;font-weight:900}
.admin-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
@media(max-width:900px){.admin-mini-grid{grid-template-columns:1fr}}


.brand{display:flex;align-items:center;gap:14px}
.brand-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.26))}
.brand-copy b{font-size:22px;letter-spacing:.02em;text-transform:lowercase}
.brand-copy small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.hero-brand-chip{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-bottom:14px;color:#d9e8ff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.hero-brand-chip img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:14px 14px 16px;margin-bottom:14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}
.sidebar-brand img{width:48px;height:48px;object-fit:contain}
.sidebar-brand b{display:block;font-size:20px;line-height:1.1;text-transform:lowercase}
.sidebar-brand small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.modal-brand{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-right:34px}
.modal-brand img{width:48px;height:48px;object-fit:contain}
.modal-brand b{display:block;font-size:22px;text-transform:lowercase}
.modal-brand small{display:block;color:var(--muted);font-size:12px}
footer{align-items:center;justify-content:space-between}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{width:44px;height:44px;object-fit:contain}
.footer-brand b{display:block;font-size:18px;text-transform:lowercase}
.footer-brand small{display:block;color:var(--muted);font-size:11px}
@media(max-width:980px){
  .brand-logo{width:44px;height:44px}
  .brand-copy b{font-size:18px}
  footer{justify-content:flex-start}
}


/* 4.7 Website polish */
body::before{
  content:"";
  position:fixed;
  inset:-20%;
  background:
    radial-gradient(circle at 78% 12%, rgba(110,231,255,.10), transparent 34%),
    radial-gradient(circle at 20% 74%, rgba(246,199,110,.08), transparent 32%),
    radial-gradient(circle at 55% 45%, rgba(124,92,255,.08), transparent 36%);
  pointer-events:none;
  z-index:-1;
}
.site-nav{box-shadow:0 14px 40px rgba(0,0,0,.18)}
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:.22s}
.nav-links a:hover::after{transform:scaleX(1)}
.hero{position:relative;overflow:hidden}
.hero::after{
  content:"contistar";
  position:absolute;
  right:4vw;
  bottom:2vh;
  font-size:12vw;
  font-weight:900;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.025);
  pointer-events:none;
}
.hero h1{max-width:920px;letter-spacing:-.055em;background:linear-gradient(180deg,#fff,#b5c7dc);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium-hero-card{display:block;position:relative}
.dashboard-preview{
  width:min(520px,92vw);
  border-radius:36px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  box-shadow:0 30px 100px rgba(0,0,0,.35);
  padding:18px;
  backdrop-filter:blur(20px);
}
.dash-top{height:48px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);color:#dce9fb}
.dash-top span{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.35)}
.dash-top span:nth-child(1){background:#ff7b8b}.dash-top span:nth-child(2){background:#f6c76e}.dash-top span:nth-child(3){background:#5ee6a8}
.dash-top b{margin-left:auto;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#9fb2ca}
.dash-main{display:grid;gap:12px;margin:16px 0}
.dash-panel{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(9,17,31,.64)}
.dash-panel.active{background:linear-gradient(135deg,rgba(110,231,255,.16),rgba(124,92,255,.12));border-color:rgba(110,231,255,.35)}
.dash-panel small{color:var(--accent);font-weight:900;letter-spacing:.12em}
.dash-panel b{display:block;font-size:21px;margin:8px 0}
.dash-panel p{margin:0;color:var(--muted);line-height:1.5}
.dash-result{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dash-result div{border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--line);padding:14px;text-align:center}
.dash-result strong{display:block;font-size:24px;color:white}
.dash-result span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.workflow-section,.usecase-section{padding-top:24px}
.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.workflow-grid article,.usecase-grid article,.brand-values article,.faq-list details,.legal-page{
  background:rgba(255,255,255,.055);
  border:1px solid var(--line);
  border-radius:26px;
  padding:24px;
  box-shadow:0 12px 40px rgba(0,0,0,.12);
}
.workflow-grid article b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:rgba(110,231,255,.12);color:var(--accent);margin-bottom:12px}
.workflow-grid article h3,.usecase-grid article h3,.brand-values article h3{margin:8px 0}
.workflow-grid article p,.usecase-grid article p,.brand-values article p,.legal-page p,.faq-list p{color:var(--muted);line-height:1.8}
.usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-hero{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:34px;padding:36px;box-shadow:var(--shadow)}
.about-hero img{width:230px;max-width:100%;filter:drop-shadow(0 18px 50px rgba(0,0,0,.28))}
.about-hero h2,.legal-page h2{font-size:42px;margin:10px 0;letter-spacing:-.04em}
.about-hero p{color:var(--muted);line-height:1.85;font-size:17px}
.brand-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.faq-list{max-width:920px;margin:0 auto;display:grid;gap:14px}
.faq-list details{padding:0;overflow:hidden}
.faq-list summary{cursor:pointer;padding:22px 24px;font-weight:900;color:#ecf6ff}
.faq-list p{padding:0 24px 22px;margin:0}
.legal-page{max-width:900px;margin:0 auto}
.legal-page h3{margin-top:28px}
footer a{color:#d7e4f8;border:1px solid var(--line);border-radius:999px;padding:7px 11px}
footer a:hover{border-color:rgba(110,231,255,.35);color:white}
.price-card{position:relative;overflow:hidden}
.price-card.hot::before{content:"推荐";position:absolute;right:20px;top:18px;background:linear-gradient(135deg,var(--accent),#7c5cff);color:#06111c;border-radius:999px;padding:6px 12px;font-weight:900;font-size:12px}
@media(max-width:1100px){
  .workflow-grid{grid-template-columns:repeat(2,1fr)}
  .about-hero{grid-template-columns:1fr;text-align:center}
  .brand-values,.usecase-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .workflow-grid{grid-template-columns:1fr}
  .dash-result{grid-template-columns:1fr}
  .hero::after{display:none}
}

/* 4.8 logo visibility */
.brand-logo,.sidebar-brand img,.modal-brand img,.footer-brand img,.hero-brand-chip img,.about-hero img{
  background:transparent;
}
.brand-logo,.sidebar-brand img,.modal-brand img,.footer-brand img{
  filter:drop-shadow(0 10px 24px rgba(110,231,255,.14));
}

/* 4.9 live trends */
.trends-section{padding-top:34px}
.trend-toolbar{display:flex;justify-content:center;align-items:center;gap:14px;margin:-12px 0 24px;color:var(--muted)}
.trend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.trend-card{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.16);min-height:360px}
.trend-card[data-platform="douyin"]{background:linear-gradient(180deg,rgba(255,60,86,.10),rgba(255,255,255,.045))}
.trend-card[data-platform="xiaohongshu"]{background:linear-gradient(180deg,rgba(255,88,88,.10),rgba(255,255,255,.045))}
.trend-card[data-platform="tiktok"]{background:linear-gradient(180deg,rgba(110,231,255,.10),rgba(255,255,255,.045))}
.trend-card[data-platform="youtube"]{background:linear-gradient(180deg,rgba(255,0,0,.09),rgba(255,255,255,.045))}
.trend-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.trend-head b{font-size:22px}
.trend-head span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.trend-list{display:grid;gap:9px}
.trend-item{display:grid;grid-template-columns:30px 1fr auto auto;gap:8px;align-items:center;background:rgba(8,17,31,.62);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:10px}
.trend-item span{width:26px;height:26px;display:grid;place-items:center;border-radius:10px;background:rgba(110,231,255,.12);color:var(--accent);font-weight:900;font-size:12px}
.trend-item b{font-size:14px;line-height:1.35;color:#f3f8ff}
.trend-item small{color:var(--muted);font-size:11px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-use{border-radius:10px;padding:7px 9px;background:rgba(246,199,110,.12);border:1px solid rgba(246,199,110,.22);color:#ffe6ae;font-size:12px;font-weight:900}
.trend-source{font-size:12px;color:var(--muted);margin:8px 0 0}
.trend-note{max-width:920px;margin:18px auto 0;color:var(--muted);line-height:1.8;text-align:center}
@media(max-width:1280px){.trend-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.trend-grid{grid-template-columns:1fr}.trend-item{grid-template-columns:30px 1fr auto}.trend-item small{display:none}}

/* 5.0 brand story / account / hero upgrade */
.quick-entry-section{padding-top:6px}
.quick-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.quick-entry-card{padding:22px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.045);text-align:left;display:grid;gap:8px;box-shadow:0 18px 60px rgba(0,0,0,.16);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.quick-entry-card:hover{transform:translateY(-4px);border-color:rgba(110,231,255,.32);background:rgba(255,255,255,.07)}
.quick-entry-card b{font-size:18px;color:#f5f8ff}
.quick-entry-card span{color:var(--muted);line-height:1.7}

.viral-preview{width:min(560px,94vw);border-radius:34px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035));padding:20px;box-shadow:0 30px 110px rgba(0,0,0,.38);backdrop-filter:blur(20px)}
.viral-preview-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:12px;margin-bottom:14px}
.viral-preview-header b{font-size:14px;letter-spacing:.12em;color:#ddebff}
.viral-preview-header span{color:#9fb2ca;font-size:12px;text-transform:uppercase}
.viral-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.viral-post{border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:rgba(7,18,34,.72)}
.viral-post.tiktok{grid-column:span 2}
.viral-media{min-height:148px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.viral-media span{align-self:flex-start;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(255,255,255,.18);backdrop-filter:blur(10px)}
.viral-media b{font-size:22px;color:#fff}
.viral-post.douyin .viral-media{background:linear-gradient(135deg,rgba(255,65,104,.88),rgba(40,19,49,.52)), radial-gradient(circle at top right,#ffc0dc,transparent 45%)}
.viral-post.xhs .viral-media{background:linear-gradient(135deg,rgba(255,83,83,.88),rgba(74,23,23,.55)), radial-gradient(circle at top right,#ffd8d8,transparent 45%)}
.viral-post.tiktok .viral-media{background:linear-gradient(135deg,rgba(34,219,219,.9),rgba(15,17,32,.56)), radial-gradient(circle at top right,#d2ffff,transparent 45%)}
.viral-copy{padding:14px 16px 16px;display:grid;gap:8px}
.viral-copy h4{font-size:18px}
.viral-copy p{color:#d9e4f4;line-height:1.6}
.viral-copy small{color:#9fb2ca;line-height:1.5}
.viral-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.viral-metrics div{border-radius:18px;background:rgba(255,255,255,.05);padding:14px;text-align:center}
.viral-metrics strong{display:block;font-size:28px}
.viral-metrics span{display:block;color:#aebed0;margin-top:4px;font-size:13px}

.story-hero{align-items:start}
.story-hero p{line-height:1.9}
.brand-values article p{line-height:1.8}

.account-page .section-head{margin-bottom:28px}
.account-overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:18px}
.account-overview-card{border-radius:30px;border:1px solid var(--line);background:rgba(255,255,255,.05);padding:26px;box-shadow:0 18px 60px rgba(0,0,0,.16)}
.account-main-card{background:linear-gradient(135deg,rgba(110,231,255,.10),rgba(124,92,255,.09))}
.account-chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#b8c8dc;margin-bottom:14px}
.account-overview-card h3{font-size:30px;margin-bottom:10px}
.account-overview-card p{color:#d7e2f2;line-height:1.8}
.account-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 20px}
.account-metrics div{border-radius:20px;background:rgba(8,17,31,.48);padding:16px;text-align:center;border:1px solid rgba(255,255,255,.08)}
.account-metrics strong{display:block;font-size:30px}
.account-metrics span{display:block;color:#9fb2ca;margin-top:6px}
.account-points{margin-top:14px;padding-left:18px;color:#dbe5f6;line-height:1.85}
.account-billing-layout{margin-top:18px}
.card-inline-head{display:flex;justify-content:space-between;align-items:center;gap:12px}

.feature-grid article:not(.muted-card){background:rgba(255,255,255,.05)}
.muted-card{display:none}

.faq-page .section-head p:last-child{max-width:760px;margin:0 auto;color:var(--muted)}
.faq-list details{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:22px;padding:18px 20px}
.faq-list details+details{margin-top:14px}
.faq-list summary{cursor:pointer;font-weight:800;font-size:18px}
.faq-list p{color:#d6e0ef;line-height:1.9;margin-top:12px}

@media(max-width:1100px){
  .quick-entry-grid,.account-overview-grid{grid-template-columns:1fr}
  .viral-grid{grid-template-columns:1fr}
  .viral-post.tiktok{grid-column:span 1}
}
@media(max-width:760px){
  .quick-entry-grid{grid-template-columns:1fr}
  .viral-metrics,.account-metrics{grid-template-columns:1fr}
  .hero-actions{justify-content:flex-start}
}


/* 5.1 layout polish */
.hero{
  align-items:start;
  min-height:620px;
  padding:28px 7vw 78px;
}
.hero-copy{
  display:grid;
  align-content:start;
  padding-top:0;
  margin-top:-8px;
}
.hero h1{
  margin:8px 0 16px;
}
.sub{
  margin:0 0 22px;
}
.hero-actions{
  margin-top:4px;
}
.hero-card{
  align-self:start;
}
.premium-hero-card{
  margin-top:-6px;
}

.workspace{
  padding:32px 36px 48px;
}
.panel-head{
  margin-bottom:18px;
}
.two-col,
.three-step,
.tool-grid{
  align-items:stretch;
}
.two-col > .card,
.three-step > .card,
.tool-grid > .card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:100%;
}
.card h3{
  margin:0 0 2px;
}
.card label{
  margin:0;
}
.card textarea,
.card select,
.card input[type='text'],
.card input[type='url'],
.card input[type='file']{
  margin-top:8px;
}
#generateHot,
#generateClone,
#runCutout,
#runWhite{
  margin-top:auto;
}
#hotOutput,
#cloneOutput{
  flex:1;
}
.button-row{
  margin-top:2px;
}
.button-row button,
.jump-row .jump{
  min-height:48px;
}
.jump-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%;
}
.jump-row .jump{
  width:100%;
  justify-content:center;
}
.hint{
  margin-top:2px;
}

.about-page{
  display:grid;
  gap:18px;
}
.about-hero{
  align-items:start;
}
.about-hero h2{
  margin-top:6px;
}
.brand-values,
.about-page .feature-grid{
  align-items:stretch;
  margin-top:0;
}
.brand-values article,
.about-page .feature-grid article{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.brand-values article h3,
.about-page .feature-grid article h3{
  margin:8px 0 10px;
}
.about-page .feature-grid article span{
  display:inline-block;
  margin-bottom:4px;
}

@media(max-width:1100px){
  .hero{
    padding-top:20px;
    min-height:auto;
  }
  .jump-row{
    grid-template-columns:1fr;
  }
  .brand-values,
  .about-page .feature-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:760px){
  .workspace{
    padding:24px 18px 36px;
  }
  .two-col,
  .three-step,
  .tool-grid,
  .brand-values,
  .about-page .feature-grid{
    grid-template-columns:1fr;
  }
  .hero{
    padding:14px 5vw 54px;
  }
  .hero-copy{
    margin-top:0;
  }
}


/* 5.3 brand/contact/community updates */
.nav-links a{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:8px 6px;border-radius:12px}
.hero-proof-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.proof-card{min-width:160px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.12)}.proof-card strong{display:block;font-size:28px;color:#fff}.proof-card span{display:block;margin-top:6px;color:var(--muted)}
.hero-brand-chip-logo-only{justify-content:flex-start}.hero-brand-chip-logo-only img{height:34px;width:auto}
.social-proof-layout,.home-contact-grid,.contact-grid-advanced{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.social-proof-summary .stat-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(110,231,255,.25);background:rgba(110,231,255,.08);padding:8px 14px;border-radius:999px;color:#d7f8ff;font-weight:700}.social-proof-summary h3{font-size:30px;margin:18px 0 10px}.social-proof-board h3,.contact-card-rich h3{margin:0}.card-inline-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.live-dot{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(246,199,110,.12);border:1px solid rgba(246,199,110,.25);color:#ffe3a8;font-size:12px;font-weight:800}.social-proof-ticker{margin-top:18px;height:420px;overflow:hidden;position:relative;border-radius:20px;background:rgba(7,11,20,.45);border:1px solid var(--line);padding:10px}.social-proof-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);margin-bottom:10px}.social-proof-item b{font-size:15px}.social-proof-item span{color:#dce8f8}.social-proof-item small{color:var(--accent2);font-weight:700}.contact-card-rich{display:flex;flex-direction:column;gap:14px;min-height:100%}.contact-email{font-size:22px;font-weight:900;color:#fff;word-break:break-all}.qr-placeholder{display:grid;place-items:center;min-height:180px;border-radius:22px;border:1px dashed rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(110,231,255,.08),rgba(124,92,255,.08));text-align:center;color:#d8e8fb;padding:24px}.qr-placeholder.large{min-height:260px}.pricing-contact-bar,.support-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.045)}.contact-page-section .contact-grid-advanced{margin-top:34px}.home-contact-grid{margin-top:26px}.feedback-card textarea{width:100%;margin-top:10px}.nav-links a[href="#faq"]{min-width:86px}
@media (max-width:1100px){.social-proof-layout,.home-contact-grid,.contact-grid-advanced{grid-template-columns:1fr}}
@media (max-width:860px){.nav-links{flex-wrap:wrap;justify-content:center}.hero-proof-row{flex-direction:column}.social-proof-ticker{height:340px}}

/* 5.4 premium layout / pricing / footer polish */
body{
  background:
    radial-gradient(circle at 20% 0%,rgba(30,70,120,.35),transparent 30%),
    radial-gradient(circle at 85% 6%,rgba(68,42,145,.22),transparent 34%),
    linear-gradient(180deg,#060b15 0%,#09111f 42%,#070b14 100%);
}
.site-nav{
  padding:14px 5vw;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-links{gap:8px}
.nav-links a{
  min-width:72px;
  text-align:center;
  font-size:15px;
  color:#dbe7f8;
}
.nav-links a[href="#faq"]{min-width:72px}
.hero{
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.86fr);
  gap:54px;
  padding:38px 6vw 74px;
  min-height:650px;
}
.hero h1{
  font-size:clamp(48px,6.2vw,88px);
  letter-spacing:-.065em;
  line-height:.98;
}
.hero-copy .sub{
  max-width:900px;
  font-size:19px;
  color:#cbd8ea;
}
.trust-row span{
  padding:10px 16px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
}
.hero-proof-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:760px;
}
.proof-card{
  backdrop-filter:blur(16px);
}
.viral-preview{
  width:min(650px,94vw);
  padding:22px;
}
.viral-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.viral-post,.viral-post.tiktok{
  grid-column:auto;
  display:flex;
  flex-direction:column;
  min-height:360px;
}
.viral-media{
  min-height:170px;
  flex:0 0 170px;
}
.viral-copy{
  flex:1;
  display:flex;
  flex-direction:column;
}
.viral-copy small{margin-top:auto}
.viral-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.quick-entry-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.quick-entry-card{
  min-height:160px;
  align-content:start;
}
.trend-card{
  min-height:390px;
}
.trend-head span{
  color:#ffd98e;
  letter-spacing:.08em;
  font-weight:900;
}
.pricing-grid-premium{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.recharge-card{
  background:linear-gradient(180deg,rgba(246,199,110,.10),rgba(255,255,255,.045));
}
.package-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
}
.package-card{
  border:1px solid var(--line);
  border-radius:24px;
  padding:18px;
  background:rgba(255,255,255,.045);
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:285px;
}
.package-card h4{font-size:20px;margin:0}
.package-card small{color:#aebed0;line-height:1.5}
.package-badge{
  align-self:flex-start;
  border:1px solid rgba(110,231,255,.24);
  background:rgba(110,231,255,.10);
  color:#d9fbff;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:900;
}
.package-plan{
  background:linear-gradient(180deg,rgba(110,231,255,.10),rgba(124,92,255,.06));
}
.package-custom{
  background:linear-gradient(180deg,rgba(246,199,110,.12),rgba(255,255,255,.045));
}
.package-card button{margin-top:auto}
.package-card select,.package-card input{margin-top:2px}
.price-card ul{
  min-height:120px;
}
.home-contact-grid,.contact-grid-advanced,.social-proof-layout{
  align-items:stretch;
}
.contact-card-rich{
  border-radius:28px;
}
.qr-placeholder{
  min-height:220px;
}
.footer-brand img{
  width:48px;
  height:48px;
}
footer{
  display:grid;
  grid-template-columns:minmax(210px,1.2fr) auto minmax(220px,1fr) repeat(5,auto);
  align-items:center;
  gap:14px;
  padding:24px 5vw;
}
footer a{
  white-space:nowrap;
}
footer .footer-brand{
  min-width:210px;
}
@media(max-width:1280px){
  .quick-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pricing-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{grid-template-columns:1fr}
  .viral-preview{width:100%}
}
@media(max-width:980px){
  .viral-grid{grid-template-columns:1fr}
  .viral-post,.viral-post.tiktok{min-height:auto}
  .quick-entry-grid,.pricing-grid-premium{grid-template-columns:1fr}
  .hero-proof-row{grid-template-columns:1fr}
  footer{grid-template-columns:1fr;align-items:start}
}


/* ===== 5.5 global locale / premium hero / price localization ===== */
.locale-switchers{display:flex;gap:8px;align-items:center}.locale-switchers select{width:auto;min-width:120px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#edf5ff}.locale-switchers select#siteLanguage{min-width:110px}.nav-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.hero{align-items:start;padding-top:48px;padding-bottom:82px;gap:64px}.hero-copy{max-width:760px;padding-top:22px}.hero h1{font-size:clamp(42px,5vw,76px);line-height:1.02;max-width:720px;margin-bottom:18px}.hero-copy .sub{max-width:740px;font-size:18px;line-height:1.8}.hero-actions{margin-top:28px}.trust-row{margin-top:22px}.hero-proof-row{margin-top:24px;max-width:620px;gap:16px}.proof-card{padding:18px 20px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08)}.proof-card strong{display:block;font-size:26px;margin-bottom:6px}.premium-hero-card{display:flex;align-items:flex-start;justify-content:flex-end}.hero-showcase{position:relative;width:min(640px,100%);padding:22px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.10);box-shadow:0 34px 110px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.showcase-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.10)}.showcase-head b{display:block;font-size:15px;letter-spacing:.13em;color:#f2f7ff}.showcase-head span{font-size:12px;color:#a9bbd2;text-transform:uppercase;letter-spacing:.12em}.showcase-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.showcase-pills span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-size:12px;color:#d9e7fa}.showcase-main{display:grid;grid-template-columns:1.35fr .92fr;gap:16px;margin-top:16px}.showcase-lead-card,.showcase-mini{border-radius:26px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(12,19,34,.94),rgba(10,16,28,.78));padding:22px}.showcase-lead-card p,.showcase-mini small{margin:0;color:#a4e9ff;font-weight:800;letter-spacing:.06em}.showcase-lead-card h3{font-size:28px;line-height:1.15;margin:12px 0 16px;color:#fff;max-width:420px}.showcase-lead-card ul{padding-left:18px;margin:0;display:grid;gap:10px;color:#d6e3f6;line-height:1.6}.showcase-side{display:grid;gap:16px}.showcase-mini strong{display:block;font-size:22px;line-height:1.2;margin:10px 0 8px}.showcase-mini p{margin:0;color:#d9e7f7;line-height:1.6}.gradient-red{background:linear-gradient(135deg,rgba(255,85,125,.92),rgba(117,30,73,.68))}.gradient-blue{background:linear-gradient(135deg,rgba(47,180,205,.90),rgba(23,65,120,.72))}.showcase-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.showcase-metrics div{padding:18px 14px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);text-align:center}.showcase-metrics strong{display:block;font-size:30px;margin-bottom:6px}.showcase-metrics span{color:#d7e4f6}.social-proof-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.social-proof-item .metric-follow{color:#dce8f8}.social-proof-item .metric-like{color:#ffe4ac;font-weight:700}.trend-note{display:none!important}.pricing-locale-note{margin-top:10px;color:#9fb2ca;font-size:14px}.price-card .price{font-size:40px}@media(max-width:1280px){.showcase-main{grid-template-columns:1fr}.hero{gap:38px}.hero-copy{max-width:unset}}@media(max-width:980px){.nav-actions{width:100%;justify-content:space-between}.locale-switchers{width:100%}.locale-switchers select{flex:1;min-width:0}.showcase-metrics{grid-template-columns:1fr}.hero-proof-row{grid-template-columns:1fr}.social-proof-item{grid-template-columns:1fr}}

/* 5.6 Pro Max content modules */
.pro-panel .panel-head h2{
  background:linear-gradient(90deg,#fff,#bfefff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.pro-workflow{
  display:grid;
  grid-template-columns:1fr 1fr 1.18fr;
  gap:18px;
  align-items:stretch;
}
.clone-pro-workflow{
  grid-template-columns:1fr 1.05fr 1.15fr;
}
.pro-input-card,.pro-output-card{
  min-height:100%;
}
.pro-input-card{
  background:linear-gradient(180deg,rgba(110,231,255,.06),rgba(255,255,255,.04));
}
.pro-output-card{
  background:linear-gradient(180deg,rgba(246,199,110,.07),rgba(255,255,255,.04));
}
.form-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.pro-workflow .card{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.pro-workflow .card label{
  margin:0;
}
.pro-workflow .card h3{
  margin:0 0 4px;
}
.pro-workflow button.primary.big{
  margin-top:auto;
}
.pro-output-card .result-box{
  min-height:520px;
  flex:1;
}
@media(max-width:1280px){
  .pro-workflow,.clone-pro-workflow{grid-template-columns:1fr}
  .pro-output-card .result-box{min-height:360px}
}
@media(max-width:760px){
  .form-grid-2{grid-template-columns:1fr}
}

/* 5.7 capabilities / fx / API control */
.capability-layer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cap-layer-card{border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));padding:26px;box-shadow:0 18px 60px rgba(0,0,0,.18);min-height:360px}.cap-layer-card span{color:var(--accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cap-layer-card h3{font-size:28px;margin:14px 0 12px}.cap-layer-card p,.cap-layer-card li{color:#c9d7e9;line-height:1.75}.cap-layer-card ul{padding-left:18px}.cap-max-card{background:linear-gradient(135deg,rgba(110,231,255,.12),rgba(124,92,255,.12))}.capability-roadmap{margin-top:22px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.04);padding:26px}.roadmap-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.roadmap-grid div{padding:16px;border-radius:20px;background:rgba(8,17,31,.62);border:1px solid rgba(255,255,255,.08)}.roadmap-grid b{display:block;color:var(--accent2);margin-bottom:8px}.pricing-locale-note{margin-top:12px;color:#9fb2ca}.api-control-grid{display:grid;gap:18px;margin-top:18px}.api-control-group{border:1px solid var(--line);border-radius:24px;padding:18px;background:rgba(255,255,255,.045)}.api-control-group h3{margin:0 0 12px}.api-control-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.api-control-item{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px;background:rgba(8,17,31,.52)}.api-control-item b{display:block}.api-control-item small{display:block;color:var(--muted);line-height:1.5;margin-top:6px}.api-ok{color:#5ee6a8}.api-missing{color:#ffb4c0}@media(max-width:1100px){.capability-layer-grid,.roadmap-grid{grid-template-columns:1fr}}

/* 5.9 hard i18n/currency fixes */
.currency-status{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border:1px solid rgba(110,231,255,.25);border-radius:12px;color:#dff9ff;background:rgba(110,231,255,.08);font-size:12px;font-weight:900;white-space:nowrap}
[data-i18n-ready="true"] .price-card,.package-card,.order-card{transition:background .2s ease,border-color .2s ease}
.locale-switchers select{cursor:pointer}

/* 6.0 cache/currency force status */
.currency-status{display:inline-flex;align-items:center;min-height:38px;padding:8px 11px;border:1px solid rgba(110,231,255,.28);border-radius:12px;color:#dff9ff;background:rgba(110,231,255,.09);font-size:12px;font-weight:900;white-space:nowrap}
body[data-force-i18n="6.0"] .price-card,body[data-force-i18n="6.0"] .package-card{outline:1px solid rgba(110,231,255,.08)}

/* 6.2 dynamic translation polish */
body[data-force-i18n="6.0"] .order-card b{letter-spacing:.01em}


/* 6.3 footer + hero showcase polish */
.premium-hero-card{margin-top:56px !important;}
.hero-showcase{margin-top:0 !important;}
.hero-brand-chip,.hero-brand-chip-logo-only{display:none !important;}
.site-footer{padding:32px 7vw 36px;border-top:1px solid var(--line);display:grid;gap:18px;background:linear-gradient(180deg,rgba(8,12,22,.35),rgba(8,12,22,.15));}\n.footer-main{display:grid;grid-template-columns:minmax(220px,260px) minmax(280px,1fr) minmax(240px,320px);align-items:center;gap:20px;}
.footer-meta{display:grid;gap:8px;color:var(--muted);justify-items:start;}
.footer-meta span:last-child{max-width:520px;line-height:1.6;}
.footer-contact-group{display:grid;justify-items:end;gap:12px;}
.footer-mail{color:#dfe8f8;font-weight:600;word-break:break-all;}
.footer-contact-btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#eef5ff;}
.footer-contact-btn:hover,.footer-links a:hover,.footer-mail:hover{border-color:rgba(110,231,255,.35);color:#fff;}
.footer-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.footer-links a{color:#d7e4f8;border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.03);}
.footer-brand{display:flex;align-items:center;gap:12px;}
.footer-brand img{width:44px;height:44px;object-fit:contain;}
@media(max-width:1180px){.footer-main{grid-template-columns:1fr;justify-items:start}.footer-contact-group,.footer-links{justify-content:flex-start;justify-items:start}.premium-hero-card{margin-top:26px !important;}}
@media(max-width:980px){.site-footer{padding:28px 20px 34px}.premium-hero-card{margin-top:12px !important;}}


/* 6.4 horizontal footer + public copy cleanup */
.site-footer{padding:22px 5vw;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(8,12,22,.28),rgba(8,12,22,.12));}
.site-footer-line{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;min-width:0;}
.footer-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.footer-brand img{width:42px;height:42px;object-fit:contain;}
.footer-brand small{display:block;color:var(--muted);font-size:12px;line-height:1.1;}
.footer-copy,.footer-slogan{color:var(--muted);font-size:13px;white-space:nowrap;}
.footer-slogan{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;}
.footer-mail{color:#dfe8f8;font-weight:600;white-space:nowrap;flex:0 0 auto;}
.footer-contact-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#eef5ff;flex:0 0 auto;}
.footer-links{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:2px;justify-content:flex-end;}
.footer-links a{color:#d7e4f8;border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:rgba(255,255,255,.03);white-space:nowrap;}
.footer-contact-btn:hover,.footer-links a:hover,.footer-mail:hover{border-color:rgba(110,231,255,.35);color:#fff;}
@media(max-width:1400px){.site-footer-line{flex-wrap:wrap}.footer-slogan{flex:1 1 100%;order:10}.footer-links{margin-left:0;justify-content:flex-start}}
@media(max-width:900px){.site-footer{padding:24px 20px}.site-footer-line{align-items:flex-start;gap:12px}.footer-copy,.footer-slogan,.footer-mail{white-space:normal}}


/* 6.5 premium report UI + footer polish */
.result-box.report-mode{
  padding:0;
  background:transparent;
  border:none;
  overflow:visible;
}
.report-shell{
  display:grid;
  gap:16px;
}
.report-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:22px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:
    radial-gradient(circle at top left,rgba(110,231,255,.16),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.report-hero h3{
  margin:4px 0 8px;
  font-size:28px;
  letter-spacing:-.03em;
}
.report-hero span{
  color:var(--muted);
}
.report-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  max-width:380px;
}
.report-badges em{
  font-style:normal;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(110,231,255,.09);
  border:1px solid rgba(110,231,255,.18);
  color:#dcfbff;
  font-weight:800;
  font-size:12px;
}
.report-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.report-card{
  min-height:180px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(15,23,38,.96),rgba(12,18,31,.88));
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.report-card.priority{
  border-color:rgba(110,231,255,.23);
  background:
    radial-gradient(circle at top right,rgba(110,231,255,.11),transparent 42%),
    linear-gradient(180deg,rgba(17,28,46,.98),rgba(12,18,31,.88));
}
.report-card.wide{
  grid-column:1 / -1;
}
.report-card-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.report-card-head span{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#03101d;
  font-weight:950;
}
.report-card-head b{
  font-size:18px;
  color:#fff;
}
.report-card pre{
  margin:0;
  white-space:pre-wrap;
  word-break:break-word;
  color:#dce8f8;
  line-height:1.72;
  font-family:inherit;
  font-size:14px;
}
.report-message{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(246,199,110,.09);
  border:1px solid rgba(246,199,110,.20);
  color:#ffe4ad;
}
.clone-report .report-hero{
  background:
    radial-gradient(circle at top left,rgba(246,199,110,.15),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
}
.site-footer{
  position:relative;
}
.site-footer-line{
  max-width:1480px;
  margin:0 auto;
}
.footer-contact-btn{
  min-width:128px;
  height:42px;
  font-weight:900;
}
.footer-links a{
  height:42px;
  display:inline-flex;
  align-items:center;
}
@media(max-width:980px){
  .report-grid{grid-template-columns:1fr}
  .report-hero{flex-direction:column}
  .report-badges{justify-content:flex-start;max-width:none}
}


/* 6.6 independent trend center */
.trend-entry-section{padding-top:10px}
.trend-entry-card{
  max-width:980px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:24px 28px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top left,rgba(110,231,255,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.032));
  box-shadow:0 18px 60px rgba(0,0,0,.18);
}
.trend-entry-card b{display:block;font-size:24px;margin-bottom:6px}
.trend-entry-card span{color:var(--muted);line-height:1.7}
.trend-center-page{max-width:1560px;margin:0 auto}
.trend-center-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin:0 auto 22px;
  padding:18px 22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
}
.trend-center-toolbar b{display:block;font-size:20px;margin-bottom:4px}
.trend-center-toolbar span{color:var(--muted);font-size:13px}
.trend-board-platform-grid{display:grid;gap:22px}
.trend-board-loading{
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:var(--muted);
  text-align:center;
}
.trend-board-loading.error{color:#ffd0d0}
.trend-platform-panel{
  border-radius:32px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 10% 0%,rgba(110,231,255,.10),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));
  padding:22px;
  box-shadow:0 24px 70px rgba(0,0,0,.20);
}
.trend-platform-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:18px;
}
.trend-platform-head span{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.trend-platform-head h3{font-size:34px;margin:5px 0 0}
.trend-platform-head em{
  font-style:normal;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(246,199,110,.20);
  background:rgba(246,199,110,.10);
  color:#ffe5ad;
  font-weight:900;
  font-size:12px;
}
.trend-board-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.trend-board-card{
  min-height:520px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(8,16,29,.82),rgba(10,16,28,.58));
  padding:15px;
}
.trend-board-card[data-board="seeding"]{background:linear-gradient(180deg,rgba(255,91,117,.10),rgba(8,16,29,.62))}
.trend-board-card[data-board="topic"]{background:linear-gradient(180deg,rgba(110,231,255,.10),rgba(8,16,29,.62))}
.trend-board-card[data-board="trend"]{background:linear-gradient(180deg,rgba(124,92,255,.12),rgba(8,16,29,.62))}
.trend-board-card[data-board="forecast"]{background:linear-gradient(180deg,rgba(246,199,110,.12),rgba(8,16,29,.62))}
.trend-board-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.trend-board-title b{font-size:20px}
.trend-board-title small{
  max-width:110px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:11px;
}
.trend-board-list{display:grid;gap:9px}
.trend-board-item{
  display:grid;
  grid-template-columns:30px 1fr auto;
  align-items:center;
  gap:9px;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.038);
}
.trend-board-item>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:10px;
  background:rgba(110,231,255,.12);
  color:var(--accent);
  font-weight:950;
  font-size:12px;
}
.trend-board-item b{
  display:block;
  font-size:14px;
  color:#f3f8ff;
  line-height:1.35;
}
.trend-board-item small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}
.trend-use{
  padding:7px 9px;
  border-radius:10px;
  border:1px solid rgba(246,199,110,.20);
  background:rgba(246,199,110,.10);
  color:#ffe3a5;
  font-weight:900;
  font-size:12px;
}
@media(max-width:1380px){
  .trend-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .trend-entry-card,.trend-center-toolbar,.trend-platform-head{flex-direction:column;align-items:flex-start}
  .trend-board-grid{grid-template-columns:1fr}
  .trend-board-card{min-height:auto}
  .trend-board-item{grid-template-columns:30px 1fr}
  .trend-use{grid-column:2}
}


/* 6.7 AI video module */
.video-pro-workflow{grid-template-columns:1fr 1fr 1.18fr}
.video-output video,.media-output video,.preview video{
  width:100%;
  max-height:520px;
  border-radius:20px;
  background:#050914;
  border:1px solid rgba(255,255,255,.10);
}
.video-task-card{
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(110,231,255,.18);
  background:rgba(110,231,255,.06);
}
.video-task-card b{display:block;font-size:22px;margin-bottom:8px}
.video-task-card p{color:var(--muted);line-height:1.7}
.video-task-card small{color:var(--accent)}
.video-status-pill{
  display:inline-flex;
  margin-top:12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(94,230,168,.12);
  border:1px solid rgba(94,230,168,.20);
  color:#c9ffe8;
  font-weight:900;
  font-size:12px;
}
@media(max-width:1280px){.video-pro-workflow{grid-template-columns:1fr}}

/* 6.8.1 AI video title/sidebar final fixes */
.sidebar .tab[data-tab="video"]{
  border:1px solid rgba(110,231,255,.18);
}
#videoTitle{
  font-weight:800;
}
.video-task-card h4{
  font-size:22px;
  margin:0 0 10px;
  color:#fff;
}

/* 6.9 launch pricing + custom file inputs + video quality */
.native-file-hidden{
  display:none !important;
}
.custom-file-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  padding:10px;
  border-radius:16px;
  background:#07101f;
  border:1px solid rgba(255,255,255,.10);
}
.custom-file-btn{
  padding:9px 13px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--accent),#7c5cff);
  color:#05101d;
  font-weight:950;
  white-space:nowrap;
}
.custom-file-name{
  color:#dfe8f8;
  font-weight:700;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#videoQuality{
  border-color:rgba(110,231,255,.22);
}
.video-task-card h4{
  font-size:24px;
  color:#fff;
  margin:0 0 12px;
}
.video-task-card p{
  color:#d8e5f7;
}
.package-card .package-price{
  font-size:28px;
  font-weight:950;
}


/* 7.1 final nav layout + upload button language fix */
.site-nav{
  display:grid !important;
  grid-template-columns:minmax(180px,230px) minmax(420px,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  padding:12px clamp(20px,3.8vw,56px) !important;
  min-height:78px !important;
}
.site-nav .brand{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.site-nav .brand-logo{
  width:50px;
  height:50px;
  object-fit:contain;
  flex:0 0 auto;
}
.site-nav .brand-copy{
  min-width:0;
}
.site-nav .brand-copy b,
.site-nav .brand-copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.site-nav .nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(10px,1.15vw,22px) !important;
  flex-wrap:nowrap !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.site-nav .nav-links a{
  flex:0 0 auto;
  min-width:auto !important;
  padding:8px 8px !important;
  font-size:14px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.site-nav .nav-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:9px !important;
  flex-wrap:nowrap !important;
  min-width:0 !important;
}
.site-nav .locale-switchers{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}
.site-nav .locale-switchers select{
  height:42px !important;
  padding:0 34px 0 14px !important;
  border-radius:14px !important;
  font-size:14px !important;
  max-width:158px !important;
}
#siteCountry{width:158px !important;}
#siteLanguage{width:125px !important;}
.currency-status{
  height:42px !important;
  min-width:82px !important;
  padding:0 12px !important;
  border-radius:14px !important;
}
#openLogin,
.nav-actions .primary.small{
  height:42px !important;
  padding:0 16px !important;
  border-radius:16px !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
}
.nav-actions .primary.small{
  min-width:86px !important;
}
@media(max-width:1380px){
  .site-nav{
    grid-template-columns:minmax(170px,220px) 1fr !important;
    grid-template-areas:"brand actions" "links links";
    row-gap:10px !important;
  }
  .site-nav .brand{grid-area:brand;}
  .site-nav .nav-actions{grid-area:actions;}
  .site-nav .nav-links{grid-area:links;justify-content:flex-start !important;overflow-x:auto !important;padding-bottom:2px;}
}
@media(max-width:780px){
  .site-nav{
    grid-template-columns:1fr !important;
    grid-template-areas:"brand" "actions" "links";
    padding:14px 18px !important;
  }
  .site-nav .nav-actions,
  .site-nav .locale-switchers{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
  .site-nav .nav-links{
    flex-wrap:wrap !important;
    overflow:visible !important;
  }
}

/* Replace browser-native file inputs with custom language-aware controls */
input[type="file"].file-final-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  clip:rect(0 0 0 0) !important;
}
.file-final-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:9px;
  padding:10px;
  border-radius:16px;
  background:#07101f;
  border:1px solid rgba(255,255,255,.10);
  min-width:0;
}
.file-final-btn{
  flex:0 0 auto;
  padding:10px 14px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--accent),#7c5cff);
  color:#04101c;
  font-weight:950;
  line-height:1;
}
.file-final-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dfe8f8;
  font-weight:800;
}

/* 7.2 trend toolbar final polish */
.trend-center-toolbar b#trendCenterSub{
  word-break:keep-all;
}

/* 7.3 final AI video + social proof locale polish */
#tab-video label{
  font-weight:800;
}
#tab-video select option{
  font-weight:500;
}
.social-proof-item .metric-follow,
.social-proof-item .metric-like{
  white-space:nowrap;
}

/* 7.3.1 sidebar AI video final fix */
.sidebar .tab[data-tab="video"]{
  text-transform:none;
}

/* 7.3.2 sidebar AI Video force patch */
.sidebar .tab[data-tab="video"]{
  text-transform:none !important;
}