/* RaRo visual-only redesign sample.
   Layered over untouched styles.css. No market processing, histories,
   research links, user settings, or workflows are modified.
   Remove this CSS link and the body class to restore the prior appearance. */
body.raro-modern {
 color-scheme:dark;
 --bg:#080e16;--bg-soft:#0d1722;--panel:#111d2b;--panel-strong:#142334;
 --border:rgba(160,186,208,.16);--border-soft:rgba(160,186,208,.15);
 --text:#eaf3fa;--muted:#9bacbd;--muted-2:#8496a8;
 --gold:#e7bc70;--gold-2:#e1aa57;--gold-3:#f3d9a1;
 --green:#63d2ab;--red:#f38a91;--pink:#f38a91;
 --shadow:0 7px 27px rgba(0,0,0,.17);--radius-xl:18px;--radius-lg:14px;--radius-md:12px;--radius-sm:9px;--max:1450px;--header:65px;
 background:#080e16;color:var(--text);
 font-variant-numeric:tabular-nums;
}
body.raro-modern::before{display:none}
body.raro-modern .background-glow{display:none}
body.raro-modern .site-header{top:0;background:rgba(8,14,22,.96);border-color:#243344;backdrop-filter:blur(16px)}
body.raro-modern .nav{padding:0 24px;gap:18px;max-width:1580px}
body.raro-modern .brand-mark{width:37px;height:37px;border-radius:10px;box-shadow:none;color:#18202a;background:var(--gold);font-size:13px}
body.raro-modern .brand-text strong{font-size:16px}
body.raro-modern .brand-text small{font-size:10px;letter-spacing:.02em;font-weight:600}
body.raro-modern .nav-links{gap:2px;min-width:0}
body.raro-modern .nav-links a{font-size:12px;letter-spacing:0;color:#a9bbcb;border-radius:8px;padding:9px 10px;font-weight:680;white-space:nowrap}
body.raro-modern .nav-links a:hover,body.raro-modern .nav-links a:focus-visible{background:#1b2e40;color:#fff}
body.raro-modern .section{padding-top:34px;padding-bottom:30px}
body.raro-modern .hero{padding-top:42px;padding-bottom:30px}
body.raro-modern .hero-grid{grid-template-columns:minmax(0,1.13fr) minmax(340px,1fr);gap:20px;align-items:stretch}
body.raro-modern .hero-copy{display:flex;flex-direction:column;justify-content:center;padding:10px 0}
body.raro-modern h1{font-size:clamp(36px,4vw,55px);line-height:1.06;letter-spacing:-.057em;max-width:640px;margin:0 0 10px}
body.raro-modern h2{font-size:clamp(24px,2.6vw,33px);line-height:1.15;letter-spacing:-.045em;margin:0 0 8px}
body.raro-modern h3{letter-spacing:-.03em}
body.raro-modern .eyebrow{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.145em;margin-bottom:7px}
body.raro-modern .tagline{font-size:clamp(15px,1.6vw,20px);color:#d8e7f2;font-weight:700;margin:0 0 10px}
body.raro-modern .hero-description{font-size:13px;max-width:550px;line-height:1.6;color:var(--muted)}
body.raro-modern .hero-actions{margin:16px 0 16px;gap:8px}
body.raro-modern .button{border-radius:9px;padding:10px 13px;font-size:12px;font-weight:720;box-shadow:none;transform:none!important}
body.raro-modern .button.primary{background:var(--gold);color:#141e2a;box-shadow:none}
body.raro-modern .button.secondary{background:#1c3141;color:#e9f2fa;border-color:#335063}
body.raro-modern .button.ghost{background:#152333;border-color:#2d4054;color:#bcd0e0}
body.raro-modern .button:focus-visible,body.raro-modern a:focus-visible{outline:2px solid #ecca85;outline-offset:2px}
body.raro-modern .hero-meta{font-size:11px;font-weight:590;align-items:center;gap:10px}
body.raro-modern .data-pill{background:#193d32;border:1px solid #255e48;color:#a8eed0;font-weight:700;border-radius:7px;padding:5px 9px}
body.raro-modern .shortcut-hints{margin-top:12px;font-size:11px}
body.raro-modern .radar-panel{min-height:240px;height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;padding:15px;background:linear-gradient(135deg,#152335,#101b29);box-shadow:none;border:1px solid #294057;border-radius:17px;overflow:visible}
body.raro-modern .radar-panel::after,body.raro-modern .radar-screen,body.raro-modern .radar-panel .dot{display:none!important}
body.raro-modern .radar-metric{position:static!important;width:auto;min-width:0;inset:auto!important;padding:15px 12px;margin:0!important;border-radius:12px;background:#0e1a27;border:1px solid #263b4f;box-shadow:none;backdrop-filter:none;display:flex;flex-direction:column;justify-content:center}
body.raro-modern .radar-metric small{font-size:10px;font-weight:750;color:#9aacbd;margin:0 0 9px}
body.raro-modern .radar-metric strong{font-size:clamp(16px,1.75vw,25px);overflow-wrap:anywhere;letter-spacing:-.045em;line-height:1.2}
body.raro-modern .radar-metric span{font-size:11px;color:var(--muted);margin-top:7px}
body.raro-modern .section-heading{margin-bottom:15px}
body.raro-modern .section-heading p{font-size:12px;line-height:1.55;max-width:850px}
body.raro-modern .status-panel{padding:11px 14px;font-size:12px;margin-bottom:12px;background:#142332;border:1px solid #2a4052;border-radius:10px;box-shadow:none}
body.raro-modern .status-dot{height:8px;width:8px;box-shadow:none}
body.raro-modern .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.raro-modern .stat-card,body.raro-modern .chart-card,body.raro-modern .plan-grid article,body.raro-modern .health-card,body.raro-modern .preview-panel,body.raro-modern .preview-card,body.raro-modern .watch-card,body.raro-modern .stock-card,body.raro-modern .quote-card,body.raro-modern .tracker-panel,body.raro-modern .insight-card,body.raro-modern .smart-view-panel{background:#111e2c;border:1px solid #273b4d;border-radius:13px;box-shadow:none;backdrop-filter:none}
body.raro-modern .stat-card{padding:16px 17px;min-height:100px}
body.raro-modern .stat-card span{font-size:10px;color:#9bacbd;letter-spacing:.065em}
body.raro-modern .stat-card strong{font-size:clamp(17px,2.2vw,26px);margin:8px 0 4px}
body.raro-modern .stat-card small{font-size:11px;line-height:1.35}
body.raro-modern .insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
body.raro-modern .insight-card{min-height:125px;padding:13px 14px}
body.raro-modern .insight-card strong{font-size:14px;line-height:1.3}
body.raro-modern .insight-card span,body.raro-modern .insight-card small{font-size:11px}
body.raro-modern .stat-card::before,body.raro-modern .chart-card::before,body.raro-modern .preview-card::before,body.raro-modern .watch-card::before,body.raro-modern .stock-card::before,body.raro-modern .quote-card::before,body.raro-modern .tracker-card::before,body.raro-modern .health-card::before,body.raro-modern .insight-card::before{display:none}
body.raro-modern .heatmap-card{background:#111d2a;border-radius:15px;border:1px solid #293c4e;box-shadow:none;overflow:hidden}
body.raro-modern .heatmap-toolbar{background:#142334}
body.raro-modern .market-heatmap{background:#0e1824;gap:7px;padding:10px}
body.raro-modern .heatmap-sector{background:#152536;border:1px solid #2b4054;border-radius:11px;padding:8px}
body.raro-modern .heatmap-tile{box-shadow:none;border-radius:6px;transition:filter .15s ease}
body.raro-modern .heatmap-tile:hover{transform:none;filter:brightness(1.18)}
body.raro-modern .heatmap-tile:focus-visible{outline:3px solid #f2ca81;outline-offset:2px}
body.raro-modern .quote-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.82fr);gap:12px}
body.raro-modern .quote-card,body.raro-modern .tracker-panel{padding:20px}
body.raro-modern .quote-topline h3{font-size:clamp(28px,3vw,39px)}
body.raro-modern .quote-price-block strong{font-size:clamp(25px,3vw,38px)}
body.raro-modern .detail-chart{min-height:305px}
body.raro-modern .quote-stat-grid{gap:7px}
body.raro-modern .quote-stat-grid div{background:#0d1926;border-color:#283c50;border-radius:9px;box-shadow:none}
body.raro-modern .quote-actions{gap:8px;flex-wrap:wrap}
body.raro-modern .quote-actions a,body.raro-modern .quote-actions button{white-space:nowrap}
body.raro-modern .selected-insights{grid-template-columns:repeat(2,minmax(0,1fr))}
body.raro-modern .market-view-tabs{gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}
body.raro-modern .market-view-tabs button{min-height:68px;background:#142433;border:1px solid #2b4052;border-radius:10px}
body.raro-modern .market-view-tabs button.active{background:#2b3d4b;border-color:#d6ad64}
body.raro-modern .market-view-tabs button span{font-size:12px}
body.raro-modern .market-view-tabs button small{font-size:10px}
body.raro-modern .control-panel{border:1px solid #2c4154;border-radius:12px;padding:12px;gap:10px;background:#111d2a}
body.raro-modern input,body.raro-modern select{background:#0c1925;color:#ebf3fa;border-color:#32495f;border-radius:8px}
body.raro-modern .stock-grid{gap:0;background:#0d1927;border:1px solid #2b3f52;border-radius:12px;overflow:hidden}
body.raro-modern .stock-grid-header{padding:13px 14px;background:#152535;margin:0;border:1px solid #304454;border-radius:10px 10px 0 0}
body.raro-modern .stock-card{border:0;border-bottom:1px solid #263849;border-radius:0;background:transparent!important;padding:11px 14px;min-height:66px;transform:none!important}
body.raro-modern .stock-card:hover{background:#182d3e!important}
body.raro-modern .stock-card:last-child{border-bottom:0}
body.raro-modern .symbol-badge{height:36px;width:36px;border-radius:8px;box-shadow:none;background:#22364a;color:#f0cb8a;border-color:#354f63;font-size:12px}
body.raro-modern .symbol-meta strong,body.raro-modern .company-name{font-size:12px}
body.raro-modern .symbol-meta small,body.raro-modern .theme-text,body.raro-modern .sector-pill{font-size:10px}
body.raro-modern .row-actions{gap:5px}
body.raro-modern .row-actions a,body.raro-modern .row-actions button{font-size:11px}
body.raro-modern .chart-grid{gap:12px}
body.raro-modern .chart-card{padding:17px;min-height:310px}
body.raro-modern .chart-label{fill:#adc0d0}
body.raro-modern .chart-value{fill:#e9f2fa}
body.raro-modern .chart-chip{border-radius:6px;background:#2c4051;color:#ecd099;padding:5px 8px;font-size:11px}
body.raro-modern .preview-grid,body.raro-modern .health-grid,body.raro-modern .plan-grid{gap:10px}
body.raro-modern .preview-card{padding:13px}
body.raro-modern .smart-view-panel{padding:13px 14px;gap:10px}
body.raro-modern .footer{background:#0e1723;border-top-color:#26384a;font-size:11px}
body.raro-modern .reveal{animation:none}
@media(max-width:1220px){
 body.raro-modern .nav-links{gap:0}
 body.raro-modern .nav-links a{padding:8px;font-size:11px}
 body.raro-modern .insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.raro-modern .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.raro-modern .radar-panel{grid-template-columns:1fr;min-height:240px}
}
@media(max-width:1160px){
 body.raro-modern .hero-grid,body.raro-modern .quote-grid{grid-template-columns:1fr}
 body.raro-modern .radar-panel{grid-template-columns:repeat(3,minmax(0,1fr));min-height:128px}
 body.raro-modern .nav-toggle{display:block}
 body.raro-modern .nav-links{position:absolute;top:calc(var(--header) - 2px);left:12px;right:12px;display:none;flex-direction:column;align-items:stretch;max-height:70vh;overflow-y:auto;padding:11px;background:#111f2e;border:1px solid #324759;border-radius:12px;box-shadow:0 20px 45px #0009;z-index:21}
 body.raro-modern .nav-links.open{display:flex}
 body.raro-modern .nav-links a{padding:11px 13px;font-size:13px}
 body.raro-modern .market-view-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.raro-modern .control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.raro-modern .quote-grid{gap:12px}
}
@media(max-width:660px){

 body.raro-modern .nav{padding:0 15px}
 body.raro-modern .section{padding:25px 14px}
 body.raro-modern .hero{padding-top:27px}
 body.raro-modern h1{font-size:38px}
 body.raro-modern h2{font-size:25px}
 body.raro-modern .hero-grid{gap:12px}
 body.raro-modern .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body.raro-modern .hero-actions .button{width:100%;font-size:11px;padding:11px 8px}
 body.raro-modern .hero-actions .button:last-child{grid-column:1/-1}
 body.raro-modern .radar-panel{grid-template-columns:1fr;gap:8px;min-height:0;padding:10px}
 body.raro-modern .radar-metric{min-height:65px;padding:12px;display:grid;grid-template-columns:minmax(110px,.65fr) minmax(90px,1fr);align-items:center;gap:1px 12px}
 body.raro-modern .radar-metric strong{font-size:18px}
 body.raro-modern .radar-metric span{grid-column:2;margin:0;font-size:10px}
 body.raro-modern .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.raro-modern .stat-card{min-height:96px;padding:12px}
 body.raro-modern .stat-card strong{font-size:19px}
 body.raro-modern .insight-grid,body.raro-modern .selected-insights{grid-template-columns:1fr}
 body.raro-modern .market-view-tabs{display:flex;overflow-x:auto;gap:6px;padding-bottom:8px}
 body.raro-modern .market-view-tabs button{flex:0 0 143px;min-height:61px;padding:9px}
 body.raro-modern .market-view-tabs button span{font-size:11px}
 body.raro-modern .control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.raro-modern .control-panel label{min-width:0}
 body.raro-modern .control-panel .button.reset{grid-column:1/-1}
 body.raro-modern .quote-card,body.raro-modern .tracker-panel{padding:14px}
 body.raro-modern .quote-topline{display:flex;flex-direction:row;gap:6px}
 body.raro-modern .quote-price-block{text-align:right}
 body.raro-modern .quote-price-block strong{font-size:23px}
 body.raro-modern .quote-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.raro-modern .quote-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 body.raro-modern .quote-actions>*{width:100%;min-width:0}
 body.raro-modern .quote-actions>*:first-child{grid-column:1/-1}
 body.raro-modern .stock-grid{background:transparent;border:0;gap:8px}
 body.raro-modern .stock-card{background:#111f2d!important;border:1px solid #2d4155!important;border-radius:11px;padding:12px;min-height:0}
 body.raro-modern .stock-card:hover{background:#1a2e40!important}
 body.raro-modern .stock-grid-header{display:none}
 body.raro-modern .chart-card{min-height:260px;padding:12px}
 body.raro-modern .chart-grid{grid-template-columns:1fr}
 body.raro-modern .health-grid,body.raro-modern .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.raro-modern .health-actions{display:flex;flex-wrap:wrap}
 body.raro-modern .button{width:auto}
 body.raro-modern .heatmap-toolbar{padding:12px}
 body.raro-modern .heatmap-controls{grid-template-columns:1fr}
}
@media(max-width:430px){
 body.raro-modern .stats-grid,body.raro-modern .health-grid,body.raro-modern .preview-grid{grid-template-columns:1fr}
 body.raro-modern .control-panel{grid-template-columns:1fr}
 body.raro-modern .radar-metric{grid-template-columns:1fr 1fr}
 body.raro-modern .hero-actions{grid-template-columns:1fr}
 body.raro-modern .hero-actions .button:last-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 body.raro-modern *,body.raro-modern *::before,body.raro-modern *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}