/* MarketGenius AI v1.6 — AI Startup visual refresh.
   UI layer only. Business logic and AI endpoints are unchanged. */
:root{
  --main:#f8f9ff; --ink:#212a48;--muted:#7a879d;--border:#e6eafa;
  --purple:#7253ef;--blue:#4668fa;--white:#fff;
  --shadow:0 16px 50px rgba(40,45,111,.055);
}
body{background:#f8faff;color:var(--ink);font-size:13px}
body::before{content:"";position:fixed;pointer-events:none;z-index:-1;inset:0;background:radial-gradient(ellipse at 58% 0%,rgba(219,213,255,.24),transparent 53%)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(111,82,240,.38);outline-offset:2px}

/* Brand and navigation — airy editorial SaaS look. */
.sidebar{background:#fff;color:#29334e;border-right:1px solid #e9ebf6;box-shadow:8px 0 42px rgba(39,48,93,.022);padding:26px 15px 20px;scrollbar-color:#dce0ed transparent;width:268px;flex-basis:268px;min-height:0}
.brand{gap:10px;padding:5px 9px 29px;align-items:center}
.brand-mark{width:46px;height:46px;flex:none;background:#f7f4ff;border:1px solid #ebe5ff;border-radius:15px;box-shadow:0 6px 15px rgba(107,75,218,.07);overflow:hidden}
.brand-mark img{height:43px;width:43px;object-fit:contain;display:block}
.brand strong{font-size:16px;letter-spacing:-.75px;color:#1e2650;white-space:nowrap}
.brand strong span{color:#8652f1}
.brand small{color:#929bb0;font-size:8px;letter-spacing:1.45px}
.sidebar-section-label{color:#929ab0;font-size:9px;margin:8px 13px 13px}
.side-nav{gap:5px}
.nav-item{padding:13px 13px;background:transparent;color:#66738f;border:1px solid transparent;border-radius:12px;font-size:11.5px;transition:.2s ease}
.nav-item .icon{color:#7a88a5}
.nav-item:hover{color:#5e43c9;background:#f7f6ff;border-color:#edeaff}
.nav-item.active{color:#6146d6;background:linear-gradient(90deg,#f2edff,#f7f8ff);border-color:#e9e2ff;box-shadow:inset 3px 0 0 #865aef,0 7px 18px rgba(75,61,166,.06)}
.nav-item.active .icon{color:#7157e4}
.nav-dot{width:5px;height:5px;background:#c3b6ee}
.nav-count{background:#f0edff;color:#6550c5}
.nav-item.active .nav-count{color:#664bd7;background:#e8e1ff}
.tools-label{margin-top:36px}
.api-panel{background:linear-gradient(145deg,#202754 0%,#182044 100%);border:1px solid #343d6d;border-radius:19px;padding:17px 14px;box-shadow:0 16px 26px rgba(32,34,95,.18);color:#fff}
.api-panel-head strong,.ai-mode-option strong{color:#fff}
.api-panel-head small{color:#adb9db}
.ai-mode-option{background:#202953;border-color:#3c4677;border-radius:12px}
.ai-mode-option:has(input:checked){background:#5941ab;border-color:#ad9afa;box-shadow:inset 0 0 0 1px #8977ea}
.ai-mode-option small{color:#b9c8f4}
.api-symbol{background:#5947aa;color:#fff}
.mode-choice-title{color:#b8c3e2}
.sidebar-bottom strong{color:#334066}
.sidebar-bottom p{color:#8793a8}
.help-illustration span{background:#f0ebff;color:#775bd9}
.version{color:#98a2b5;border-top-color:#eaeefa}

/* Topbar and page typography */
.workspace{background:transparent}
.topbar{height:77px;padding:0 clamp(25px,4.5vw,70px);background:rgba(255,255,255,.93);border-bottom:1px solid #ebeefa;backdrop-filter:blur(16px)}
.breadcrumb{font-size:11px;color:#9aa4b7}
.breadcrumb b{color:#495776}
.mode-badge{border-color:#ebe7fa;background:#f8f6ff;color:#7358cf;padding:9px 13px}
.mode-badge.is-connected{color:#147e53;background:#f2fcf6;border-color:#d8f3e4}
.avatar{background:#f1edff;border:1px solid #e8dfff;border-radius:50%;width:39px;height:39px;overflow:hidden}
.avatar img{object-fit:contain;width:32px;height:32px}
main{padding-top:34px;max-width:1610px}
.page-heading{margin-bottom:23px}
.eyebrow{color:#8868ea;letter-spacing:1.9px;font-size:10px}
.page-heading h1{font-size:clamp(25px,2.35vw,35px);line-height:1.25;letter-spacing:-1.25px;color:#17213f}
.page-heading h1 span{color:#8653ea}
.page-heading p{color:#8290a8;font-size:12px}
.page-date{border-color:#eee9fa;color:#897cbd;border-radius:23px;padding:10px 15px}

/* Hero: light startup branding + visual proof dashboard. */
.hero-banner{min-height:348px;padding:48px 49px;display:flex;align-items:center;background:
  radial-gradient(circle at 88% 5%,rgba(182,164,255,.28),transparent 39%),
  radial-gradient(circle at 42% 100%,rgba(199,221,255,.39),transparent 52%),
  linear-gradient(115deg,#fefeff 0%,#f4f0ff 100%);
  border:1px solid #e6e1fa;border-radius:27px;box-shadow:0 20px 55px rgba(94,75,172,.075);overflow:hidden}
.hero-banner::before{content:"";background:radial-gradient(circle at 95% 50%,rgba(133,105,242,.08),transparent 48%)}
.hero-text{max-width:58%;color:#253052;position:relative;z-index:2}
.hero-chip{display:inline-flex;align-items:center;gap:9px;color:#7152d8;border:1px solid #ded5ff;background:#f3eeff;border-radius:100px;font-size:9px;letter-spacing:1.3px;padding:9px 12px}
.hero-chip-dot{font-size:15px;line-height:1}
.hero-text h2{font-size:clamp(29px,3.05vw,47px);line-height:1.2;margin:19px 0 15px;color:#19243f;letter-spacing:-1.8px;font-weight:800}
.hero-text h2 em{display:inline-block;color:#7751e6;background:linear-gradient(105deg,#6751ee,#af54e9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-text p{color:#71819d;max-width:525px;font-size:12px;line-height:1.95;margin:0 0 22px}
.hero-link{display:inline-flex;padding:14px 19px;background:linear-gradient(105deg,#7550ed,#605eec);color:#fff;border-radius:12px;box-shadow:0 11px 28px rgba(111,79,229,.21);font-size:12px}
.hero-link:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(111,79,229,.27)}
.hero-proof{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;color:#7c84aa;font-size:10px;font-weight:700}
.hero-proof span{white-space:nowrap}
.hero-art{position:absolute;right:4%;left:auto;top:0;width:40%;height:100%;opacity:1;pointer-events:none}
.hero-visual-glow{position:absolute;width:94%;height:90%;background:radial-gradient(ellipse,#ba9bf960,transparent 70%);right:-2%;top:1%;filter:blur(15px)}
.visual-panel{position:absolute;right:7%;top:13%;width:min(90%,405px);height:77%;background:#fff;border:1px solid rgba(225,222,252,.94);border-radius:20px;box-shadow:0 25px 55px rgba(59,44,151,.18);transform:rotate(-4deg);padding:17px 20px;overflow:hidden}
.visual-panel-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f1f9;padding-bottom:14px}
.visual-panel-dots{display:flex;gap:4px}.visual-panel-dots i{width:7px;height:7px;background:#f2b2c3;border-radius:50%}.visual-panel-dots i:nth-child(2){background:#f9d88c}.visual-panel-dots i:nth-child(3){background:#a6e6c9}
.visual-panel-head>span:nth-child(2){color:#8490a9;font-size:8px;font-weight:850;letter-spacing:1.05px}
.visual-live{margin-left:auto;color:#389c79;font-weight:750;font-size:8px;white-space:nowrap}.visual-live b{display:inline-block;background:#33c99a;border-radius:50%;width:6px;height:6px;margin-right:4px}
.visual-top{display:flex;justify-content:space-between;align-items:center;margin:17px 0 3px}
.visual-micro{font-size:9px;color:#8b98ac}.visual-micro strong{display:block;font-size:19px;letter-spacing:-.7px;color:#2c3d6b;margin-top:6px}
.visual-arrow{display:grid;place-items:center;background:#e8fbf3;color:#23b88a;border-radius:12px;width:34px;height:34px;font-size:19px;font-weight:800}
.visual-chart{position:relative;height:94px;margin:8px 0 15px}
.visual-gridline{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#e8ecf4 0 1px,transparent 1px 23px);opacity:.85}
.visual-bars{position:absolute;inset:0 11px 0 11px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px}
.visual-bars i{flex:1;max-width:37px;border-radius:7px 7px 2px 2px;background:linear-gradient(0deg,#b9acff,#715be5);opacity:.7}
.visual-bars i:nth-last-child(-n+2){background:linear-gradient(0deg,#8a84ff,#6271f6);opacity:1}
.visual-bottom{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #f0f1f9;padding-top:13px;color:#95a0b5;font-size:8px;white-space:nowrap}
.visual-bottom b{color:#6053b9;margin-right:3px;font-size:12px}
.visual-floating-card{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #efebff;padding:11px 13px;border-radius:12px;box-shadow:0 12px 29px rgba(80,64,145,.16);font-size:8px;color:#8c97ad;white-space:nowrap}
.visual-floating-card strong{font-size:9px;color:#2b3857;display:inline-block;margin-top:4px}
.floating-top{top:11%;right:0;transform:rotate(4deg)}.floating-bottom{bottom:7%;left:1%;transform:rotate(2deg)}
.float-icon{display:grid;place-items:center;flex:none;border-radius:9px;width:29px;height:29px;background:#ede9ff;color:#7554e0;font-size:17px}
.float-icon.good{background:#e8faf1;color:#1caf76}

/* Product cards, brief & workflow polish */
.intro-teaser{border:1px solid #e9e6f8;background:#fff;box-shadow:0 10px 32px rgba(54,51,108,.045);border-radius:17px;padding:22px 27px;margin:20px 0}
.intro-teaser strong{font-size:14px;color:#263150}.intro-teaser p{color:#8691aa;font-size:11px}
.intro-eyebrow{color:#8e6ce8}
.stats-row{gap:16px;margin:22px 0 27px}
.stat-tile{border:1px solid #eceef8;border-radius:17px;box-shadow:0 14px 32px rgba(35,40,91,.042);padding:20px 22px;min-height:100px}
.stat-icon{width:48px;height:48px;border-radius:14px}.stat-icon.purple{background:#f0ebff}.stat-icon.blue{background:#edf3ff}.stat-icon.orange{background:#fff4ea}
.stat-tile strong{color:#293558}
.form-card,.smart-planner{border-radius:22px;border:1px solid #e9ecf7;box-shadow:0 15px 45px rgba(45,51,113,.048)}
.form-card{padding:32px 35px}
.section-overline{color:#8c6de9}
.section-icon{background:#f1ecff;color:#7153e7;border-radius:13px}
.section-heading h2{color:#1d2b4c;font-size:19px}
.form-tag{border-radius:15px;background:#f4efff;color:#8763ec}
.brief-mode-option{border-radius:15px;background:#fafaff;border-color:#e6e7f6;padding:17px}
.brief-mode-option:has(input:checked){background:#f4efff;border-color:#aa92ff;box-shadow:inset 0 0 0 1px #a792f129}
.brief-mode-option strong{font-size:12px}
.form-field input,.form-field select,.form-field textarea{background:#fcfcff;border-color:#e5e8f2;border-radius:11px;font-size:12px;min-height:44px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#9d85f3;box-shadow:0 0 0 3px #a596f526}
.advanced-brief{background:linear-gradient(#f9f8ff,#fff 21%);border:1px solid #e8e1fa;border-radius:18px}
.btn{border-radius:11px;font-size:11px}
.btn-primary{background:linear-gradient(110deg,#7853f2,#615ff4);box-shadow:0 9px 20px rgba(106,77,225,.18)}
.btn-primary:hover{box-shadow:0 12px 27px rgba(106,77,225,.27)}
.btn-outline{background:#fff;border-color:#e3e7f4;color:#5f5cba}
.results-heading h2,.shortlist-heading h1{color:#263257}
.ideas-grid{gap:19px}
.idea-card{border:1px solid #ececf7;border-radius:19px;box-shadow:0 16px 44px rgba(47,50,102,.06)}
.idea-card:hover{box-shadow:0 24px 52px rgba(70,59,130,.11)}
.shortlist-toolbar{border-radius:17px;border-color:#e9ecf7;box-shadow:0 10px 30px rgba(48,52,114,.04)}
.smart-planner{border-radius:20px}
.planner-week-tabs button.active{background:#7454e9;border-color:#7454e9}
.page-footer{color:#97a0b4}

/* About: differentiated light landing section */
.about-hero{display:grid;grid-template-columns:1.18fr 0.82fr;gap:24px;align-items:center;position:relative;min-height:405px;padding:52px clamp(30px,4vw,60px);background:
 radial-gradient(circle at 90% 14%,#dfd2ff88,transparent 45%),linear-gradient(118deg,#fff 5%,#f5f2ff 100%);
 border:1px solid #e7e0fb;border-radius:27px;color:#283052;box-shadow:0 18px 50px rgba(67,50,156,.07);overflow:hidden}
.about-copy{position:relative;z-index:2;min-width:0}
.about-kicker{display:inline-block;border-radius:30px;border:1px solid #ded8ff;background:#f3efff;color:#7b5edc;letter-spacing:1.55px;font-size:9px;padding:9px 12px}
.about-hero h1{font-size:clamp(30px,3.3vw,45px);line-height:1.27;letter-spacing:-1.8px;max-width:655px;margin:19px 0 18px;color:#20294a}
.about-hero h1 span{color:#8153e4}
.about-hero p{font-size:12px;line-height:1.92;color:#7985a0;max-width:620px;margin:0 0 23px}
.about-hero .btn{background:linear-gradient(105deg,#7550ed,#5e6af5);color:#fff;box-shadow:0 10px 24px #7057de30;border-radius:12px;padding:14px 18px;display:inline-flex;align-items:center;gap:7px}
.about-signature{color:#8994ad;margin-top:24px;font-size:10px}
.about-signature strong{color:#7857d8}
.about-visual{height:300px;position:relative;min-width:0}
.about-visual-orb{position:absolute;inset:3% 3% 4% 8%;border-radius:50%;background:linear-gradient(140deg,#e4d8ff,#d9e6ff);filter:blur(2px)}
.about-preview-card{position:absolute;right:7%;top:4%;width:min(95%,280px);height:270px;border-radius:19px;border:1px solid #efe8fc;background:#fff;box-shadow:0 22px 50px rgba(91,65,172,.16);padding:19px;transform:rotate(4deg)}
.about-preview-head{display:flex;gap:8px;align-items:center;border-bottom:1px solid #edf0f8;padding-bottom:12px}
.about-preview-head img{object-fit:contain}
.about-preview-head span{display:grid;gap:4px}.about-preview-head b{font-size:12px;color:#313759}.about-preview-head small{font-size:9px;color:#9b9fb4}
.about-preview-title{font-size:11px;color:#5b6283;font-weight:800;margin:19px 0 8px}
.about-preview-progress{height:10px;background:#f0ebff;border-radius:50px;overflow:hidden}.about-preview-progress i{display:block;width:73%;height:100%;background:linear-gradient(90deg,#7961f6,#b18aff);border-radius:50px}
.about-preview-mini{display:flex;gap:10px;margin:13px 0}
.about-preview-mini span{font-size:9px;color:#8c97ae;background:#f8f8ff;padding:9px;border-radius:8px;flex:1}.about-preview-mini b{display:block;margin-top:3px;font-size:13px;color:#6c55ce}
.about-preview-tasks{font-size:10px;color:#7d86a1;line-height:1.6}.about-preview-tasks p{margin:3px 0;font-size:10px;line-height:1.5}.about-preview-tasks b{color:#6957d8;margin-right:5px}
.about-float-check{position:absolute;bottom:3%;left:0;background:#fff;color:#6653c5;padding:12px 15px;border-radius:11px;font-size:10px;font-weight:800;box-shadow:0 12px 32px rgba(79,61,142,.13);transform:rotate(-5deg)}
.about-section-title{margin:42px 0 19px}.about-section-title h2{font-size:23px;letter-spacing:-.6px;color:#232d4e}
.about-feature-grid{gap:17px}
.about-feature-grid article{padding:23px;border-radius:19px;box-shadow:0 15px 36px rgba(46,55,102,.045);border-color:#eaedf5;transition:transform .2s,box-shadow .2s}
.about-feature-grid article:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(63,63,135,.095)}
.about-feature-grid b{border-radius:12px;width:40px;height:40px;background:#f0ebff;color:#7759e5}
.about-feature-grid h3{font-size:14px;color:#273254;margin:18px 0 9px}
.about-feature-grid p{line-height:1.9;color:#818ea7;font-size:11px}
.about-steps>div{border-radius:16px;border-color:#e9ecf7;padding:21px}
.about-disclaimer{background:#f3f3ff;border-color:#e4e1fc}

@media(max-width:1240px){
 .sidebar{width:250px;flex-basis:250px}
 .hero-banner{padding:39px 36px}.hero-art{right:0;width:42%;opacity:1}.hero-text{max-width:60%}
 .hero-text h2{font-size:clamp(29px,3vw,42px)}
 .visual-panel{right:8%;width:87%}.floating-top{right:2%}
}
@media(max-width:990px){
 .sidebar{width:275px;flex-basis:275px;position:fixed;left:0;top:0;min-height:0;box-shadow:10px 0 50px rgba(46,48,102,.13)}
 .mobile-overlay:not([hidden]){background:#1c215b7a;backdrop-filter:blur(4px)}
 .hero-art{right:0;width:45%;opacity:.9}.hero-text{max-width:58%}
 .hero-text h2{font-size:clamp(27px,3.4vw,40px)}
 .hero-banner{padding:32px}.visual-panel{top:17%;height:70%;padding:12px}
 .floating-top,.floating-bottom{display:none}
 .about-hero{grid-template-columns:1.1fr .9fr;gap:10px;padding:34px}
 .about-hero h1{font-size:31px}.about-preview-card{right:0}
}
@media(max-width:680px){
 .topbar{height:65px;padding:0 17px}.avatar{width:34px;height:34px}
 .page-heading{margin-bottom:18px}.page-heading h1{font-size:25px}
 main{padding:22px 15px 0}
 .hero-banner{padding:28px 22px 24px;min-height:0;display:block;border-radius:19px;background:radial-gradient(circle at 95% 5%,#e2d4ff80,transparent 60%),linear-gradient(120deg,#fff,#f5f2ff)}
 .hero-text{max-width:100%}.hero-text h2{font-size:clamp(26px,7.2vw,32px);letter-spacing:-1.3px;margin:15px 0 12px}
 .hero-text p{font-size:11px;max-width:none;line-height:1.85}
 .hero-chip{font-size:8px;padding:8px 10px}
 .hero-proof{gap:9px 14px;margin-top:16px;font-size:9px}
 .hero-art{position:relative;height:226px;top:auto;right:auto;width:100%;margin-top:15px;opacity:1}
 .visual-panel{height:200px;top:9px;right:7%;width:86%;padding:12px 14px;border-radius:14px;transform:rotate(-3deg)}
 .visual-top{margin-top:9px}.visual-micro strong{font-size:16px}.visual-chart{height:59px;margin:5px 0}
 .visual-bottom{padding-top:7px}.visual-floating-card{display:none}
 .intro-teaser{padding:18px;gap:12px;align-items:flex-start}
 .stats-row{gap:8px;margin:16px 0 19px}.stat-tile{min-height:75px;gap:7px;padding:10px 8px;border-radius:12px}.stat-icon{width:31px;height:31px;border-radius:10px}.stat-icon .icon{width:16px;height:16px}.stat-tile strong{font-size:16px}.stat-tile span{font-size:9px}
 .form-card{padding:21px 17px;border-radius:16px}
 .brief-mode-option{padding:13px}.brief-mode-picker{grid-template-columns:1fr}
 .advanced-brief{padding:16px}.idea-card{border-radius:16px}
 .about-hero{grid-template-columns:1fr;padding:28px 22px 22px;gap:6px;border-radius:20px}
 .about-hero h1{font-size:30px;letter-spacing:-1px}.about-hero p{font-size:11px;line-height:1.9}
 .about-visual{height:245px;margin-top:8px}.about-visual-orb{inset:0 10% 2%}
 .about-preview-card{left:50%;right:auto;transform:translateX(-50%) rotate(3deg);top:0;width:230px;height:238px;padding:14px}
 .about-preview-title{margin-top:9px}.about-preview-mini{margin:8px 0}.about-preview-tasks p{font-size:9px}
 .about-float-check{font-size:9px;bottom:0;left:0;padding:9px}
 .about-feature-grid{grid-template-columns:1fr}.about-steps{grid-template-columns:1fr 1fr;gap:9px}.about-steps>div{padding:13px}
 .about-section-title{margin:32px 0 16px}.about-section-title h2{font-size:21px}
}
@media(max-width:380px){
 .hero-proof span{font-size:8px}.visual-panel{right:0;width:96%}
 .stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .stat-icon{display:none}.stat-tile{justify-content:center;text-align:center}.stat-tile strong{font-size:17px}
 .about-steps{grid-template-columns:1fr}
}
@media print{
 /* The existing PDF report styles remain authoritative. */
 .hero-banner,.about-hero,.intro-teaser{display:none!important}
}