@charset "UTF-8";
/* Maxis Figma design system - ported from figma-make-kaynak src index.css (import theme fontface removed; fonts self-hosted) */
:root {
/* Brand asset palette logo imagery stays untouched. */
--logo-plum: #8E0D53; --logo-light-gold: #DBC88A; --logo-broken-white: #F2EDF4;
/* Product UI palette interaction accents are deliberately separate from logo colors. */
--paper:#f6f5f1; --surface:#fffefa; --soft:#efeee9; --ink:#22272b; --mute:#667078; --rule:#d9d9d2;
--wine:#751B36; --aqua:#1E8C8A; --gold:#AA7B35; --wine-soft:#f3e8ea; --aqua-soft:#e7f3f1; --blue:#2c6b86; --green:#43705b; --red:#a54a3c;
}
button,input,select { font: inherit; }
button { cursor: pointer; }
.app-shell { min-width: 1120px; min-height: 100vh; background: var(--paper); }
.header { height: 74px; display:flex; align-items:center; padding: 0 34px; background:var(--surface); border-bottom:1px solid var(--rule); gap:42px; }
.brand { display:flex; align-items:center; gap:11px; min-width:190px; color:var(--wine); text-decoration:none; }
.logo-img { width:35px; height:35px; border-radius:50%; object-fit:cover; border:1px solid #a87845; }
.brand strong { font-family:Literata,serif; font-size:17px; letter-spacing:.025em; }
.main-nav { display:flex; align-items:center; gap:26px; height:100%; }
.main-nav button { height:100%; background:none; border:0; padding:2px 0 0; color:#5d6264; font-size:13px; border-bottom:2px solid transparent; }
.main-nav button.active { color:var(--wine); font-weight:700; border-color:var(--wine); }
.head-actions { margin-left:auto; display:flex; gap:9px; align-items:center; color:var(--wine); }
.icon-btn { width:31px; height:31px; border:1px solid transparent; background:transparent; border-radius:50%; font-size:16px; color:inherit; }
.icon-btn:hover { background:var(--wine-soft); border-color:#e1c8ce; }
.workspace { display:grid; grid-template-columns: 274px minmax(520px,1fr) 318px; min-height: 584px; }
.controls { padding:25px 19px; border-right:1px solid var(--rule); background:#f1f0ec; }
h2,h3,p { margin:0; }.panel-title { font:700 20px/1.2 Literata,serif; }.eyebrow { color:var(--mute); font-size:10px; letter-spacing:.15em; text-transform:uppercase; font-weight:700; }.controls .eyebrow { display:block; margin-top:5px; font-size:9px; letter-spacing:.08em; }
.control-group { margin-top:22px; }.control-label { display:block; margin-bottom:7px; font-weight:700; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#4d5557; }
.field { width:100%; height:37px; border:1px solid var(--rule); background:var(--surface); border-radius:3px; padding:0 10px; color:var(--ink); outline:none; font-size:13px; }.field:focus { border-color:var(--wine); box-shadow:0 0 0 2px rgba(117,27,54,.13); }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.field-row .control-group { margin-top:0; }.advance { width:100%; padding:12px 0; display:flex; justify-content:space-between; background:transparent; border:0; border-bottom:1px solid var(--rule); color:#41484b; font-size:12px; font-weight:700; }.calc { width:100%; height:43px; margin-top:26px; border:0; background:var(--wine); color:#fff; font-weight:700; letter-spacing:.04em; font-size:12px; border-radius:3px; }.calc:hover { background:#581127; }
.chart-column { padding:24px 25px 20px; background:var(--surface); }.workspace-title { display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:17px; }.workspace-title h1 { font:600 25px/1.1 Literata,serif; margin-top:4px; }.chart-stamp { font-size:10px; color:var(--mute); letter-spacing:.08em; }
.chart-frame { border:1px solid var(--rule); background:#fcfbf8; min-height:475px; position:relative; overflow:hidden; }.chart-tools { position:absolute; right:14px; top:14px; display:flex; gap:5px; z-index:2; }.chart-tools button { border:1px solid var(--rule); background:var(--surface); color:#535b5f; padding:6px 9px; font-size:10px; }.chart-tools button.selected { background:var(--wine); border-color:var(--wine); color:#fff; }
.chart-svg { display:block; width:100%; max-width:520px; height:470px; margin:0 auto; }.wheel { fill:#fffefa; stroke:#3c4647; stroke-width:1.1; }.ring { fill:none; stroke:#bfc5bf; stroke-width:.8; }.sector { stroke:#b3b8b2; stroke-width:.85; }.zodiac { fill:var(--wine); font: 17px Georgia,serif; }.house-no { fill:#667078; font: 10px Manrope,sans-serif; font-weight:700; }.planet { font: 20px Georgia,serif; }.planet-label { fill:#343b3c; font: 9px Manrope,sans-serif; font-weight:700; }.aspect-red { stroke:#ac5849; stroke-width:1.35; opacity:.82; }.aspect-blue { stroke:#34758a; stroke-width:1.25; opacity:.78; }.aspect-green { stroke:#528066; stroke-width:1; opacity:.75; stroke-dasharray:4 3; }.asc-line { stroke:var(--wine); stroke-width:2.2; }.mc-line { stroke:var(--gold); stroke-width:2.2; }
.summary { border-left:1px solid var(--rule); padding:25px 19px; background:#f8f7f3; }.summary-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:18px 0 24px; }.metric { padding:12px 10px; border:1px solid var(--rule); background:var(--surface); min-height:70px; }.metric .label { font-size:10px; color:var(--mute); }.metric .value { display:block; margin-top:5px; font-size:12px; font-weight:700; }.metric .glyph { color:var(--wine); margin-right:5px; font-size:14px; }.summary-section { border-top:1px solid var(--rule); padding-top:16px; margin-top:16px; }.summary-section h3 { font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:#51595b; }.summary-list { margin-top:10px; }.summary-row { display:flex; justify-content:space-between; gap:12px; padding:8px 0; font-size:11px; border-bottom:1px solid #e4e3dd; }.summary-row span:first-child { color:var(--mute); }.summary-row strong { text-align:right; font-size:11px; }
.analysis { border-top:1px solid var(--rule); background:var(--surface); }.tabs { display:flex; padding-left:274px; border-bottom:1px solid var(--rule); background:#f3f2ef; }.tabs button { background:transparent; border:0; padding:16px 20px 13px; color:#697073; font-size:11px; font-weight:700; border-bottom:2px solid transparent; }.tabs button.active { color:var(--wine); border-color:var(--wine); background:var(--surface); }.table-wrap { padding:0 26px 30px 294px; }.table-head { display:flex; justify-content:space-between; align-items:center; padding:15px 0 9px; }.table-head .count { font-size:11px; color:var(--mute); }.filter { height:29px; width:170px; border:1px solid var(--rule); background:#faf9f6; padding:0 9px; font-size:11px; }.astro-table { width:100%; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums; }.astro-table th { position:sticky; top:0; background:var(--surface); z-index:1; text-align:left; color:#626a6c; font-size:9px; letter-spacing:.08em; text-transform:uppercase; padding:9px 8px; border-bottom:1px solid var(--rule); }.astro-table td { padding:10px 8px; border-bottom:1px solid #e6e5df; }.astro-table tr:hover td { background:#faf3f4; }.body-glyph { color:var(--wine); font-size:16px; margin-right:7px; }.rx { color:var(--wine); font-weight:700; }.dignity { color:var(--green); font-weight:700; }
@media (max-width:1200px) { .header{padding:0 18px;gap:20px}.main-nav{gap:16px}.workspace{grid-template-columns:250px minmax(500px,1fr) 290px}.tabs{padding-left:250px}.table-wrap{padding-left:270px}.chart-column{padding:21px 16px}.chart-svg{max-width:490px} }
/* Refined mechanics chart inks remain intentionally independent from the interface palette. */
.brand { gap: 13px; min-width: 214px; }.logo-img { width: 42px; height: 42px; border: 1px solid #9c713c; }.brand strong { font-size: 16px; letter-spacing: .09em; line-height: 1.1; }.brand strong i { display:block; font: 600 8px/1.4 Manrope,sans-serif; letter-spacing:.25em; color:#9b773f; }
.main-nav { gap: 24px; }.main-nav button { font-size: 12px; transition: color .16s ease, border-color .16s ease; }.main-nav button:hover { color:var(--wine); }.main-nav button.active { border-bottom-width: 2px; }
.chart-frame { min-height: 504px; }.chart-svg { max-width: 540px; height: 500px; }.chart-tools { top:12px; right:12px; gap:0; border:1px solid var(--rule); background:var(--surface); }.chart-tools button { border:0; border-right:1px solid var(--rule); padding:7px 10px; transition:background .15s,color .15s; }.chart-tools button:last-child { border-right:0; }.chart-tools button:hover { background:#f6edea; }.chart-tools button.selected { background:var(--ink); color:#fff; }
.zodiac { font-size:19px; font-family:Georgia,serif; }.house-no { font-size:11px; fill:#444d4b; }.degree-tick { stroke:#a8aeaa; stroke-width:.65; }.degree-major { stroke:#535d59; stroke-width:1.2; }.angle-label { fill:#283536; font:700 10px Manrope,sans-serif; letter-spacing:.1em; }.asc-line { stroke:#263a3e; stroke-width:2.7; }.mc-line { stroke:#9d7834; stroke-width:2.7; }.aspect-red { stroke:#a8493e; stroke-width:1.65; opacity:.86; }.aspect-blue { stroke:#34758a; stroke-width:1.55; opacity:.85; }.aspect-green { stroke:#4d8166; stroke-width:1.15; opacity:.72; stroke-dasharray:5 3; }.aspect-minor { stroke:#8f9794; stroke-width:.8; opacity:.6; stroke-dasharray:2.5 3.5; }.planet-group { cursor:pointer; }.planet { font-size:21px; }.planet-label { font-size:9px; fill:#343b3c; }.chart-key { position:absolute; left:16px; bottom:12px; display:flex; align-items:center; gap:12px; font-size:9px; color:#657072; letter-spacing:.04em; }.chart-key i { display:inline-block; width:14px; height:2px; vertical-align:middle; margin-right:4px; }.key-red{background:#a8493e}.key-blue{background:#34758a}.key-minor{border-top:1px dashed #8f9794}.chart-key b { color:#343b3c; margin-left:3px; }
.summary-heading { display:flex; justify-content:space-between; align-items:baseline; }.summary-heading > span { color:var(--gold); font-size:9px; font-weight:700; letter-spacing:.16em; }.summary-grid { display:none; }.core-positions { margin:15px 0 20px; border-top:1px solid var(--rule); }.core-position { display:flex; align-items:center; gap:9px; padding:9px 0; border-bottom:1px solid #e4e3dd; }.core-glyph { width:22px; color:#4a5554; font:20px Georgia,serif; text-align:center; }.core-position div { display:flex; flex:1; align-items:baseline; justify-content:space-between; gap:8px; }.core-position span { color:var(--mute); font-size:9px; }.core-position strong { font-size:11px; }.core-position em { color:#31393a; font-style:normal; font-variant-numeric:tabular-nums; }.aspect-note { font-size:11px; color:#667078; line-height:1.55; margin-top:10px; }
.field:hover,.filter:hover { border-color:#acaea8; }.field:focus,.filter:focus { border-color:var(--wine); box-shadow:0 0 0 2px rgba(117,27,54,.13); outline:none; }.calc { transition:background .15s ease, transform .1s ease; }.calc:hover { background:#581127; }.calc:active { transform:translateY(1px); background:#3f0d1c; }.tabs button { position:relative; transition:background .15s,color .15s; }.tabs button:hover { color:var(--wine); background:#f8f3f2; }.tabs button.active { font-weight:800; }.astro-table tr { transition:background .12s ease; }.astro-table tr:hover td { background:#fbf0ef; }.filter { border-radius:2px; }
/* Production refinement: mineral-aquamarine remains a selective UI accent. */
.header { position:sticky; top:0; z-index:30; }.controls,.summary { position:sticky; top:74px; align-self:start; max-height:calc(100vh - 74px); overflow:auto; scrollbar-width:none; }.controls::-webkit-scrollbar,.summary::-webkit-scrollbar { display:none; }
.chart-tools { display:flex; align-items:center; background:var(--surface); }.palette-tools,.utility-tools { display:flex; }.utility-tools { border-left:1px solid var(--rule); }.utility-tools button { width:27px; padding:7px 0; font-size:12px; color:#536062; }.utility-tools button:hover,.utility-tools .utility-active { background:var(--aqua-soft); color:var(--aqua); }.chart-svg { transition:transform .15s ease; transform-origin:center; }.chart-frame { overflow:hidden; }
.live-dot { display:inline-block; height:7px; width:7px; border-radius:50%; background:var(--aqua); margin-right:4px; }.filter:focus { border-color:var(--aqua); box-shadow:0 0 0 2px rgba(30,140,138,.13); }.filter:not(:placeholder-shown) { border-color:var(--aqua); color:#176e6c; background:var(--aqua-soft); }.astro-table tr { cursor:pointer; }.astro-table tr.expanded td { background:#f5faf9; }.astro-table tr.details td { padding:9px 14px; color:#537170; font-size:11px; background:#fbfcfa; border-bottom:1px solid #d8e6e3; }.astro-table td small { color:var(--aqua); font-size:10px; }.summary-heading > span { color:var(--aqua); }.summary-section h3::before { content:""; display:inline-block; width:5px; height:5px; margin-right:6px; background:var(--aqua); vertical-align:middle; }.head-actions .icon-btn:first-child:hover { color:var(--aqua); background:var(--aqua-soft); border-color:#b9dcda; }
@media (max-width:1280px) { .main-nav{gap:14px}.main-nav button{font-size:11px}.brand{min-width:185px}.workspace{grid-template-columns:250px minmax(520px,1fr) 290px}.tabs{padding-left:250px}.table-wrap{padding-left:270px}.utility-tools button:nth-child(4),.utility-tools button:nth-child(5),.utility-tools button:nth-child(6){display:none} }
@media (max-width:1080px) { .workspace{grid-template-columns:76px minmax(690px,1fr) 0}.controls{padding:22px 12px}.controls .panel-title,.controls .eyebrow,.controls .control-group,.controls .calc{display:none}.summary{display:none}.tabs{padding-left:76px}.table-wrap{padding-left:96px;overflow:auto}.astro-table{min-width:790px}.chart-column{padding:22px 18px}.chart-frame{min-width:660px} }
.mobile-title,.compact-actions,.mobile-bar,.sheet-backdrop{display:none}
@media (max-width:1199px){
.app-shell{min-width:0;overflow-x:hidden}.workspace{display:block;min-height:0}.workspace>.controls,.workspace>.summary{display:none}.chart-column{padding:20px max(20px,calc((100vw - 760px)/2));}.chart-frame{min-height:0}.chart-svg{max-width:min(100%,540px);height:auto;aspect-ratio:1.08/1}.analysis{margin:0}.tabs{padding-left:max(20px,calc((100vw - 760px)/2));overflow-x:auto;white-space:nowrap}.table-wrap{padding:0 max(20px,calc((100vw - 760px)/2)) 30px}.compact-actions{display:flex;gap:8px;padding:13px max(20px,calc((100vw - 760px)/2)) 0}.compact-actions button{height:40px;padding:0 13px;border:1px solid var(--rule);background:var(--surface);font-size:12px;color:#344143}.compact-actions button:first-child{border-color:#a7d1cf;color:#176f6d}.mobile-title{display:flex;justify-content:space-between;align-items:center;padding:16px max(20px,calc((100vw - 760px)/2)) 0}.mobile-title h1{font:600 21px/1.1 Literata,serif;margin:4px 0}.mobile-title p{font-size:11px;color:var(--mute)}.chart-status{font-size:10px;font-weight:700;color:var(--aqua)}.workspace-title{display:none}.sheet-backdrop{display:flex;position:fixed;inset:0;z-index:50;background:rgba(30,34,35,.34);align-items:flex-end}.mobile-sheet{position:relative;width:100%;max-height:88vh;overflow:auto;background:var(--surface);border-radius:14px 14px 0 0;padding:10px 20px 28px}.sheet-handle{width:34px;height:4px;border-radius:3px;background:#c3c6c0;margin:0 auto 10px}.sheet-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);padding-bottom:12px}.sheet-top h2{font:600 20px Literata,serif}.sheet-top button{font-size:26px;border:0;background:none;color:var(--ink)}.mobile-sheet .controls,.mobile-sheet .summary{display:block;position:static;max-height:none;overflow:visible;border:0;background:transparent;padding:18px 0}.mobile-sheet .controls .panel-title,.mobile-sheet .controls>.eyebrow{display:none}.mobile-sheet .calc{position:sticky;bottom:0;height:48px}.mobile-sheet .summary .panel-title{display:none}
}
@media (max-width:899px){.header{height:62px;padding:0 16px}.brand{min-width:auto}.main-nav{display:none}.head-actions{gap:3px}.head-actions .icon-btn:first-child:before{content:"☰"}.head-actions .icon-btn:first-child{font-size:0}.head-actions .icon-btn:first-child:before{font-size:18px}.mobile-title{padding-top:14px}.chart-column{padding:15px 16px}.chart-frame{border:0;background:transparent;overflow:visible}.chart-svg{width:100%;max-width:560px;margin:auto}.chart-tools{right:0;top:0}.utility-tools button:nth-child(4),.utility-tools button:nth-child(5),.utility-tools button:nth-child(6){display:none}.chart-key{left:2px;bottom:-4px}.analysis{margin-top:19px}.tabs{padding-left:12px}.tabs button{padding:14px 16px 12px}.table-wrap{padding:0 12px 88px}.astro-table{min-width:0}.astro-table thead{display:none}.astro-table,.astro-table tbody,.astro-table tr,.astro-table td{display:block;width:100%}.astro-table tr{padding:11px 12px;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:5px}.astro-table td{padding:0;border:0;font-size:11px}.astro-table td:nth-child(1){grid-column:1/4;font-size:13px;font-weight:700}.astro-table td:nth-child(2)::before{content:"Longitude · ";color:var(--mute)}.astro-table td:nth-child(3)::before{content:"Sign · ";color:var(--mute)}.astro-table td:nth-child(4)::before{content:"House · ";color:var(--mute)}.astro-table td:nth-child(5),.astro-table td:nth-child(6),.astro-table td:nth-child(7),.astro-table td:nth-child(8){display:none}.astro-table tr.expanded td:nth-child(n+5){display:block}.astro-table tr.details{display:block;padding:8px 12px;background:#fbfcfa}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;height:64px;background:rgba(255,254,250,.97);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around}.mobile-bar button{min-width:66px;border:0;background:none;color:#3f4849;font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mobile-bar button span{font-size:9px;font-weight:700}.mobile-bar button:first-child{color:var(--wine)}.mobile-bar button:nth-child(2){color:var(--aqua)}}
@media (max-width:389px){.header{padding:0 12px}.brand strong{display:none}.logo-img{width:38px;height:38px}.mobile-title{padding:12px 14px 0}.compact-actions{padding:12px 14px 0}.chart-column{padding:12px}.chart-tools button{padding:7px 8px;font-size:9px}.palette-tools button:nth-child(2){display:none}.chart-key span{display:none}.table-wrap{padding-left:12px;padding-right:12px}.mobile-sheet{padding-left:15px;padding-right:15px}}
/* Ecosystem pages extend the workspace system without changing its visual language. */
.main-nav a{height:100%;display:flex;align-items:center;padding-top:2px;color:#5d6264;font-size:12px;text-decoration:none;border-bottom:2px solid transparent}.main-nav a.active{color:var(--wine);font-weight:700;border-color:var(--wine)}.main-nav a:hover{color:var(--wine)}
.ecosystem{min-height:100vh;background:var(--paper)}.eco-hero{max-width:1280px;margin:0 auto;padding:78px 48px 70px;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(420px,1.1fr);align-items:center;gap:72px}.eco-hero h1{font:600 clamp(43px,5vw,72px)/1.04 Literata,serif;letter-spacing:-.035em;margin:12px 0 22px;max-width:650px}.eco-hero p{font-size:17px;line-height:1.65;color:#586165;max-width:570px}.aqua-label{color:var(--aqua)}.eco-actions{display:flex;gap:10px;margin-top:30px}.eco-primary,.eco-secondary{height:43px;padding:0 17px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-decoration:none}.eco-primary{background:var(--wine);border:1px solid var(--wine);color:#fff}.eco-secondary{background:var(--aqua-soft);border:1px solid #b6d8d5;color:#176d6b}.eco-secondary span{font-size:16px;margin-left:12px}.chart-preview{position:relative;border:1px solid var(--rule);background:#fafaf8;padding:18px;overflow:hidden}.chart-preview img{display:block;width:100%;aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply}.preview-label{position:absolute;bottom:0;left:0;background:var(--surface);border-top:1px solid var(--rule);border-right:1px solid var(--rule);padding:8px 11px;color:#586165;font-size:10px;letter-spacing:.07em}.tool-section,.live-grid,.article-layout,.service-layout{max-width:1184px;margin:0 auto;border-top:1px solid var(--rule);padding:58px 0 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding:0 0 26px}.section-heading h2,.live-card h2,.article-layout h2,.service-layout h2{font:600 34px/1.15 Literata,serif;margin:8px 0 0}.tool-list{border-top:1px solid var(--rule)}.tool-list a{display:grid;grid-template-columns:60px 1.1fr 1.5fr 30px;gap:20px;align-items:center;padding:18px 8px;border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none}.tool-list a:hover{background:var(--aqua-soft)}.tool-list span{color:var(--aqua);font-size:11px;font-weight:700}.tool-list p{color:var(--mute);font-size:12px}.tool-list i{color:var(--wine);font-size:18px}.live-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.live-card{padding:28px;border:1px solid var(--rule);background:var(--surface)}.live-card p{color:var(--mute);margin:12px 0 26px}.live-chip{font-size:10px;color:var(--aqua);letter-spacing:.1em}.live-list div{display:grid;grid-template-columns:70px 1fr 80px;padding:18px 0;border-bottom:1px solid var(--rule);font-size:13px}.live-list b{color:var(--aqua)}.live-list i{font-size:10px;color:var(--mute);text-align:right}.article-layout{display:grid;grid-template-columns:190px minmax(0,720px);gap:70px}.article-layout aside{font-size:11px;line-height:2.4;color:var(--mute);letter-spacing:.06em}.article-layout article{font-size:17px;line-height:1.8}.article-layout article p{margin:18px 0}.article-layout blockquote{margin:32px 0;padding:22px 28px;border-left:3px solid var(--aqua);background:#f4f8f7;font:600 23px/1.4 Literata,serif}.service-layout{display:flex;justify-content:space-between;gap:80px}.service-layout p,.service-layout li{color:var(--mute);font-size:14px;line-height:2}.service-layout aside{min-width:240px;padding:25px;border:1px solid var(--rule);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.service-layout aside b{font:600 36px Literata,serif}.service-layout aside span{font-size:12px;color:var(--mute)}
@media(max-width:899px){.eco-hero{padding:42px 20px 45px;grid-template-columns:1fr;gap:35px}.eco-hero h1{font-size:46px}.tool-section,.live-grid,.article-layout,.service-layout{margin:0 20px;padding:40px 0}.tool-list a{grid-template-columns:35px 1fr 20px}.tool-list p{display:none}.live-grid,.article-layout{grid-template-columns:1fr;gap:28px}.article-layout aside{display:none}.service-layout{flex-direction:column;gap:30px}.eco-actions{flex-wrap:wrap}}
/* Homepage refinement denser product storytelling in the existing editorial system. */
.header{gap:34px}.brand{min-width:225px}.logo-img{width:45px;height:45px}.brand strong{font-size:17px}.main-nav{gap:25px}.main-nav a{font-size:13px;font-weight:600}.main-nav a:focus-visible,.head-actions .icon-btn:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.home-hero{max-width:1280px;margin:0 auto;padding:72px 48px 82px;display:grid;grid-template-columns:.84fr 1.16fr;gap:60px;align-items:center}.hero-copy h1{font:600 clamp(48px,5.2vw,76px)/1 Literata,serif;letter-spacing:-.045em;margin:13px 0 22px}.hero-copy h1 i{font-style:italic;color:var(--wine)}.hero-copy>p{max-width:510px;color:#566063;font-size:17px;line-height:1.65}.hero-proof{display:flex;gap:16px;flex-wrap:wrap;margin-top:23px;color:#637072;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.hero-proof span{border-left:2px solid var(--aqua);padding-left:7px}.hero-product{border:1px solid #cfd4d0;background:#fafaf8;box-shadow:0 14px 36px rgba(34,39,43,.07)}.product-top,.product-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;font-size:10px;letter-spacing:.06em;color:#536161}.product-top{border-bottom:1px solid var(--rule)}.product-body{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center}.product-body img{width:100%;display:block;mix-blend-mode:multiply}.product-body aside{border-left:1px solid var(--rule);padding:15px 12px;display:grid;gap:3px;font-size:10px}.product-body aside strong{font-size:12px;margin-bottom:9px}.product-body aside hr{border:0;border-top:1px solid var(--rule);width:100%;margin:8px 0}.product-body aside p{color:var(--mute);font-size:9px;line-height:1.45}.product-bottom{border-top:1px solid var(--rule);font-size:9px}.aqua-text{color:var(--aqua);font-weight:700}.discovery{max-width:1184px;margin:0 auto;padding:68px 0}.section-heading>a{color:var(--aqua);font-size:12px;font-weight:700;text-decoration:none}.discovery-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}.discovery-grid article{padding:26px;background:var(--surface);min-height:150px;position:relative}.discovery-grid article.tool-feature{grid-row:span 2;min-height:301px;background:#f7f5f0}.discovery-grid h3{font:600 28px/1.1 Literata,serif;margin:10px 0}.discovery-grid p{font-size:12px;color:var(--mute);max-width:340px;line-height:1.5}.discovery-grid a{position:absolute;bottom:20px;color:var(--group);font-size:11px;font-weight:700;text-decoration:none}.discovery-grid a b{padding-left:5px;font-size:15px}.home-live{display:grid;grid-template-columns:1fr .72fr .7fr;gap:34px;background:#e6f1ef;border-top:1px solid #b4d4d1;border-bottom:1px solid #b4d4d1;padding:64px max(48px,calc((100vw - 1184px)/2));align-items:center}.home-live h2,.method h2,.home-editorial h2,.home-consult h2{font:600 36px/1.12 Literata,serif;margin:11px 0 16px}.home-live p{font-size:14px;color:#496263;line-height:1.6}.live-link{font-size:12px;color:#176e6b;font-weight:700;text-decoration:none}.live-snapshot{background:#fafffe;border:1px solid #b5d8d4;padding:18px;display:grid;gap:12px}.live-snapshot>b{font-size:27px}.live-snapshot small{font-size:10px;color:var(--mute)}.live-snapshot>span{font-size:11px;color:#4a6261}.live-snapshot div{display:grid;grid-template-columns:24px 1fr;gap:3px;font-size:11px}.live-snapshot div i{grid-row:span 2;color:var(--aqua);font-size:18px;font-style:normal}.live-snapshot em{grid-column:2;color:var(--mute);font-size:9px;font-style:normal}.home-live>img{width:100%;mix-blend-mode:multiply;border:1px solid #b5d8d4}.method{max-width:1184px;margin:0 auto;padding:76px 0;display:grid;grid-template-columns:120px .9fr 1.1fr;gap:40px}.method-number{font:600 21px Literata,serif;color:var(--gold)}.method p{color:var(--mute);font-size:14px;line-height:1.7}.method-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule)}.method-points div{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--rule);padding:14px 5px;font-size:11px}.method-points b{color:var(--aqua);font-size:10px}.home-editorial{max-width:1184px;margin:0 auto;border-top:1px solid var(--rule);padding:68px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.article-previews{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}.article-previews article{background:#fafaf7;padding:25px;min-height:175px}.article-previews span{font-size:9px;color:var(--aqua);letter-spacing:.08em;text-transform:uppercase}.article-previews b{display:block;font:600 22px/1.2 Literata,serif;margin:14px 0}.article-previews p{font-size:11px;color:var(--mute);line-height:1.5}.home-consult{max-width:1184px;margin:0 auto 80px;padding:44px 48px;background:#f1eeea;display:flex;justify-content:space-between;gap:60px;border-left:3px solid var(--wine)}.home-consult p{color:var(--mute);font-size:14px}.home-consult>div:last-child{min-width:200px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}.home-consult b{font-size:10px;letter-spacing:.1em;color:var(--aqua)}.home-consult strong{font:600 31px Literata,serif}
@media(max-width:899px){.home-hero{padding:42px 20px 46px;display:flex;flex-direction:column;gap:36px}.hero-copy h1{font-size:49px}.hero-product{width:100%}.product-body{grid-template-columns:1fr 120px}.product-body aside{padding:10px;font-size:9px}.discovery{padding:45px 20px}.discovery-grid{grid-template-columns:1fr}.discovery-grid article.tool-feature{grid-row:auto;min-height:190px}.home-live{padding:42px 20px;grid-template-columns:1fr;gap:23px}.home-live>img{max-width:230px}.method{margin:0 20px;padding:45px 0;grid-template-columns:1fr;gap:18px}.method-points{grid-template-columns:1fr}.home-editorial{margin:0 20px;padding:45px 0;grid-template-columns:1fr;gap:30px}.article-previews{grid-template-columns:1fr}.home-consult{margin:0 20px 80px;padding:30px 24px;display:block}.home-consult>div:last-child{margin-top:24px}.header{gap:16px}.brand{min-width:auto}.logo-img{width:41px;height:41px}.main-nav a{font-size:12px}}
/* Global architecture refinements: reusable header, menu and footer for the production site. */
.nav-item{height:100%;position:relative;display:flex;align-items:center}.nav-chevron{font-size:11px;margin-left:5px;color:var(--gold)}.mega-menu{position:absolute;top:62px;left:-14px;min-width:205px;display:none;padding:8px;background:var(--surface);border:1px solid var(--rule);box-shadow:0 12px 24px rgba(34,39,43,.08)}.nav-item:hover .mega-menu,.nav-item:focus-within .mega-menu{display:block}.mega-menu a{height:auto!important;padding:10px 11px!important;border:0!important;justify-content:space-between;font-size:12px!important;color:var(--ink)!important}.mega-menu a:hover{background:var(--aqua-soft);color:#176e6b!important}.head-actions{gap:8px}.language{border:0;background:transparent;color:#3d4749;font-size:11px;font-weight:700;padding:7px}.language span{color:var(--mute)}.account-btn{border:1px solid var(--rule);background:var(--surface);height:32px;padding:0 10px;border-radius:18px;font-size:11px;color:#3b4446}.hero-showcase{position:relative;min-height:500px;overflow:hidden;border:1px solid var(--rule);background:#f8f8f5}.hero-showcase>img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.45;mix-blend-mode:multiply}.hero-showcase .hero-product{position:absolute;inset:12% 8% 7% 15%;z-index:2}.site-footer{padding:38px max(32px,calc((100vw - 1184px)/2));border-top:1px solid var(--rule);background:#f1f0ec;display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:45px}.footer-brand{display:flex;gap:10px;align-items:center}.footer-brand img{width:40px;height:40px;border-radius:50%;object-fit:cover}.footer-brand b{display:block;font:600 15px Literata,serif;letter-spacing:.08em;color:var(--wine)}.footer-brand span,.footer-meta{font-size:10px;color:var(--mute);letter-spacing:.06em}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-links div{display:flex;flex-direction:column;gap:7px}.footer-links b{font-size:11px}.footer-links a,.footer-links span{font-size:11px;text-decoration:none;color:var(--mute)}.footer-links a:hover{color:var(--aqua)}.footer-meta{text-align:right;line-height:1.8}.footer-meta span{color:var(--aqua)}
@media(max-width:899px){.mega-menu,.account-btn span,.language span{display:none}.header .head-actions{margin-left:auto}.hero-showcase{min-height:420px}.hero-showcase .hero-product{inset:15% 4% 5% 4%}.site-footer{margin-bottom:64px;padding:30px 20px;grid-template-columns:1fr;gap:25px}.footer-links{grid-template-columns:repeat(3,1fr)}.footer-meta{text-align:left}.main-nav{display:none}}
.mobile-menu{display:none}.mobile-nav-drawer{display:none}.explore-hero{max-width:1184px;margin:0 auto;padding:65px 0 40px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.explore-hero h1{font:600 57px/1.05 Literata,serif;margin:12px 0}.explore-hero p{color:var(--mute);font-size:16px;line-height:1.6;max-width:420px}.explore-hero img{width:100%;height:300px;object-fit:cover;object-position:center;border:1px solid var(--rule)}.explore-controls{max-width:1184px;margin:0 auto;padding:15px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:12px}.explore-controls input{height:38px;width:220px;border:1px solid var(--rule);background:var(--surface);padding:0 12px;outline:none}.explore-controls input:focus{border-color:var(--aqua);box-shadow:0 0 0 2px rgba(30,140,138,.13)}.explore-controls button{height:36px;padding:0 11px;border:1px solid var(--rule);background:var(--surface);font-size:11px}.explore-controls button span{display:inline-block;width:16px;height:10px;border-radius:10px;background:#cdd2ce;margin-right:4px}.explore-controls button.toggle-on{border-color:#9ecfc9;color:#176e6b;background:var(--aqua-soft)}.explore-controls button.toggle-on span{background:var(--aqua)}.explore-controls>span{font-size:11px;color:var(--mute)}.tools-hub{max-width:1184px;margin:0 auto;padding:38px 0 75px}.tool-group{display:grid;grid-template-columns:215px 1fr;gap:25px;border-top:1px solid var(--rule);padding:24px 0}.tool-group h2{font:600 23px Literata,serif;margin:0}.tool-group>div{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.tool-group article{min-height:145px;padding:18px;background:var(--surface);position:relative}.tool-group article:hover{background:var(--aqua-soft)}.tool-group article>span{font-size:9px;color:var(--aqua);font-weight:700}.tool-group article b{display:block;font:600 19px Literata,serif;margin:5px 0}.tool-group article small{font-size:9px;color:#6c7778}.tool-group article p{font-size:10px;color:var(--mute);line-height:1.4;margin:8px 0}.tool-group article a{position:absolute;right:15px;bottom:14px;color:var(--wine);font-size:10px;font-weight:700;text-decoration:none}.site-footer{grid-template-columns:1fr 3fr 1fr}.footer-links{grid-template-columns:repeat(4,1fr)}
@media(max-width:899px){.mobile-menu{display:block;border:0;background:transparent;font-size:20px;color:var(--wine);order:-1}.mobile-nav-drawer{position:fixed;display:block;z-index:100;inset:0;background:#fffefa;padding:24px}.mobile-nav-drawer>button{position:absolute;right:18px;top:13px;border:0;background:none;color:var(--wine);font-size:32px}.mobile-nav-drawer>img{width:52px;height:52px;border-radius:50%;object-fit:cover}.mobile-nav-drawer nav{display:flex;flex-direction:column;margin-top:34px;border-top:1px solid var(--rule)}.mobile-nav-drawer nav a{padding:18px 0;border-bottom:1px solid var(--rule);color:var(--ink);font:600 24px Literata,serif;text-decoration:none}.mobile-nav-drawer>div{position:absolute;bottom:32px;color:var(--aqua);font-size:12px}.explore-hero{padding:36px 20px 24px;display:block}.explore-hero h1{font-size:43px}.explore-hero img{height:205px;margin-top:28px}.explore-controls{margin:0 20px;overflow:auto;white-space:nowrap}.tools-hub{padding:28px 20px}.tool-group{display:block}.tool-group h2{margin-bottom:15px}.tool-group>div{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr);gap:22px}}
/* Approved homepage refinement: one dominant product visual, richer tool evidence. */
.hero-showcase.hero-single{min-height:420px;background:var(--surface)}.hero-showcase.hero-single>img{height:100%;opacity:1;mix-blend-mode:normal;object-fit:cover}.hero-showcase.hero-single .hero-product{display:none}.discovery-grid article{overflow:hidden}.discovery-grid article>img{position:absolute;right:0;bottom:0;width:42%;height:62%;object-fit:cover;object-position:center;opacity:.28;mix-blend-mode:multiply;border-left:1px solid var(--rule)}.discovery-grid article.tool-feature>img{width:58%;height:80%;opacity:.42}.discovery-grid article h3,.discovery-grid article p,.discovery-grid article>a{position:relative;z-index:1}.home-consult strong em{font:500 15px/1 Manrope,sans-serif;color:var(--mute);font-style:normal;white-space:nowrap}.header{height:76px}.main-nav a{font-size:14px;color:#475154}.brand strong{font-size:18px}.logo-img{width:48px;height:48px}.language{color:#344043;text-decoration:none}.account-btn{font-family:var(--font-sans)}
@media(max-width:899px){.header{height:64px}.hero-showcase.hero-single{min-height:255px}.hero-showcase.hero-single>img{object-position:center}.discovery-grid article>img{width:43%;opacity:.22}.discovery-grid article.tool-feature>img{width:52%}.home-consult strong{font-size:27px}}
/* Homepage corrections: production workspace, verified trust and methodology. */
.hero-workspace{padding:13px;min-height:420px;background:var(--surface)}.hero-workspace .hero-product{position:static;box-shadow:none;height:100%;border-color:var(--rule)}.hero-workspace .product-body{grid-template-columns:115px minmax(0,1fr) 145px;height:calc(100% - 64px)}.preview-controls{display:flex;flex-direction:column;gap:11px;padding:16px 10px;border-right:1px solid var(--rule);font-size:10px;color:var(--mute);background:#f8f7f3}.preview-controls b{font:600 14px Literata,serif;color:var(--ink)}.preview-controls i{margin-top:auto;font-style:normal;color:var(--aqua);font-size:9px}.trust-bar{max-width:1184px;margin:0 auto 5px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.trust-bar>div{min-height:72px;padding:15px 11px;display:flex;align-items:center;gap:9px;border-right:1px solid var(--rule);font-size:10px;color:var(--mute);line-height:1.35}.trust-bar>div:last-child{border-right:0}.trust-bar b{font-size:18px;color:var(--gold)}.trust-bar strong{font-size:11px;color:var(--ink)}.founder-band{max-width:1184px;margin:12px auto 0;padding:42px 0;display:grid;grid-template-columns:.8fr 1.35fr .2fr;gap:50px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.founder-band h2{font:600 34px/1.1 Literata,serif;margin:10px 0}.founder-band p{font-size:16px;line-height:1.65;color:var(--mute);margin:0}.founder-band p b{color:var(--ink);font-weight:600}.founder-mark{color:var(--gold);font:600 19px Literata,serif;white-space:nowrap}
@media(max-width:899px){.hero-workspace{min-height:260px;padding:7px}.hero-workspace .product-body{grid-template-columns:66px minmax(0,1fr) 83px;height:auto}.preview-controls{gap:5px;padding:8px 5px;font-size:7px}.preview-controls b{font-size:9px}.preview-controls i{font-size:7px}.product-body aside{padding:7px;font-size:7px}.product-body aside strong{font-size:8px}.trust-bar{margin:0 20px;display:flex;overflow:auto;scroll-snap-type:x mandatory}.trust-bar>div{min-width:145px;scroll-snap-align:start;border-bottom:0}.founder-band{margin:20px;padding:28px 0;display:block}.founder-band p{font-size:15px;margin-top:16px}.founder-mark{display:block;margin-top:14px}.discovery-grid article{min-height:185px}.discovery-grid article>img{opacity:.34}.discovery-grid article p{max-width:60%}}
/* Final tools clarity pass: images and information occupy separate regions. */
.discovery-grid article{display:grid;grid-template-columns:minmax(0,1fr) 42%;padding:0;min-height:190px}.discovery-grid article.tool-feature{min-height:381px;grid-template-columns:minmax(0,1fr) 54%}.discovery-grid .tool-copy{padding:25px;position:relative;z-index:1}.discovery-grid article>img,.discovery-grid article.tool-feature>img{position:static;width:100%;height:100%;opacity:1;mix-blend-mode:normal;object-fit:cover;border-left:1px solid var(--rule)}.discovery-grid article h3,.discovery-grid article p,.discovery-grid article>a{position:static}.discovery-grid article a{display:inline-block;margin-top:16px;color:var(--group);font-size:10px;font-weight:700;text-decoration:none}.discovery-grid article details{display:none}.brand{min-width:250px}.logo-img{width:52px;height:52px}.brand strong{font-size:19px}.main-nav a{font-size:14px;font-weight:600}.footer-links a{min-height:20px}.footer-links div:nth-child(2) a:last-of-type{display:none}
@media(max-width:899px){.discovery-grid{display:block;background:transparent;border:0}.discovery-grid article,.discovery-grid article.tool-feature{display:grid;grid-template-columns:1fr 122px;min-height:0;margin-bottom:10px;border:1px solid var(--rule);background:var(--surface)}.discovery-grid .tool-copy{padding:17px}.discovery-grid article.tool-feature>img,.discovery-grid article>img{height:100%;width:100%;border-left:1px solid var(--rule);opacity:1}.discovery-grid article p{display:none}.discovery-grid article a{min-height:44px;display:flex;align-items:center;margin-top:6px}.discovery-grid article details{grid-column:1/3;display:block;border-top:1px solid var(--rule);padding:0 17px}.discovery-grid article summary{min-height:44px;display:flex;align-items:center;color:var(--aqua);font-size:12px;font-weight:600;cursor:pointer}.discovery-grid article details p{display:block;padding:0 0 14px;font-size:12px;max-width:none}.brand{min-width:auto}.logo-img{width:44px;height:44px}.brand strong{font-size:17px}.main-nav a{font-size:14px}.footer-links div:nth-child(2) a:last-of-type{display:block}}
/* Maxis dark mode: ink, mineral surfaces and retained interaction hierarchy. */
.dark {
--paper:#151818; --surface:#1b1f1f; --soft:#252a29; --ink:#f1efe8; --mute:#a9b0ac; --rule:#39413e;
--wine:#a43a5d; --wine-soft:#39232d; --aqua:#42aaa4; --aqua-soft:#173d3c; --gold:#c7a461;
--blue:#63a5c0; --green:#72aa8b; --red:#d07665;
color-scheme:dark;
}
.dark html,.dark body,.dark .ecosystem,.dark .app-shell{background:var(--paper);color:var(--ink)}
.dark .header{background:#1b1f1f;border-color:var(--rule)}.dark .brand,.dark .main-nav a.active{color:var(--wine)}.dark .main-nav a{color:#c4cbc6}.dark .main-nav a:hover{color:#f2f0e9}.dark .nav-chevron{color:var(--gold)}.dark .mega-menu{background:#242928;border-color:var(--rule);box-shadow:0 14px 28px rgba(0,0,0,.35)}.dark .mega-menu a{color:var(--ink)!important}.dark .language,.dark .account-btn{color:var(--ink)}.dark .account-btn{background:#252a29;border-color:var(--rule)}
.dark .home-hero,.dark .eco-hero{background:var(--paper)}.dark .hero-copy>p,.dark .eco-hero p,.dark .explore-hero p{color:var(--mute)}.dark .hero-workspace,.dark .hero-product,.dark .chart-preview{background:#202524;border-color:var(--rule)}.dark .product-top,.dark .product-bottom,.dark .product-body aside,.dark .preview-controls{background:#1c2120;border-color:var(--rule);color:var(--mute)}.dark .product-body aside strong,.dark .preview-controls b{color:var(--ink)}.dark .hero-workspace img,.dark .chart-preview img{filter:brightness(.88) contrast(1.05)}
.dark .trust-bar,.dark .trust-bar>div,.dark .discovery-grid,.dark .discovery-grid article,.dark .founder-band,.dark .method,.dark .home-editorial,.dark .tool-section,.dark .live-grid,.dark .article-layout,.dark .service-layout{border-color:var(--rule)}.dark .trust-bar strong,.dark .founder-band p b{color:var(--ink)}.dark .discovery-grid{background:var(--rule)}.dark .discovery-grid article,.dark .article-previews article{background:#202524}.dark .discovery-grid article>img{filter:brightness(.8) contrast(1.08)}.dark .discovery-grid article p,.dark .method p,.dark .home-consult p{color:var(--mute)}.dark .home-live{background:#163433;border-color:#2c5b57}.dark .live-snapshot{background:#1d302f;border-color:#3d716c;color:var(--ink)}.dark .home-live>img{border-color:#3d716c;filter:brightness(.82)}.dark .home-consult{background:#242120;border-color:var(--wine)}.dark .site-footer{background:#1b1f1f;border-color:var(--rule)}.dark .footer-links a,.dark .footer-links span,.dark .footer-brand span,.dark .footer-meta{color:var(--mute)}
.dark .workspace,.dark .chart-column,.dark .analysis{background:#1b1f1f}.dark .controls,.dark .summary{background:#202524;border-color:var(--rule)}.dark .chart-frame,.dark .field,.dark .filter{background:#202524;border-color:var(--rule);color:var(--ink)}.dark .chart-frame{background:#191d1c}.dark .tabs{background:#202524;border-color:var(--rule)}.dark .tabs button.active{background:#1b1f1f}.dark .astro-table th{background:#1b1f1f}.dark .astro-table td,.dark .summary-row{border-color:var(--rule)}.dark .astro-table tr:hover td{background:#292325}.dark .wheel{fill:#f4f1e9}.dark .mobile-bar{background:rgba(27,31,31,.96);border-color:var(--rule)}
.dark .mobile-nav-drawer,.dark .mobile-sheet{background:#1b1f1f;color:var(--ink)}.dark .mobile-nav-drawer nav a{color:var(--ink);border-color:var(--rule)}.dark .compact-actions button{background:#222725;border-color:var(--rule);color:var(--ink)}
/* Rebalanced Maxis night mode: luminous mineral slate, never black, neon, or purple-led. */
.dark {
--paper:#202321; --surface:#292d2a; --soft:#343834; --ink:#f2f0e9; --mute:#b8bcb5; --rule:#51564f;
--wine:#b65b72; --wine-soft:#4a3038; --aqua:#67aca5; --aqua-soft:#294744; --gold:#cfb77a;
--blue:#77a9ba; --green:#86aa8c; --red:#c47b6d;
}
.dark .header{background:#292d2a}.dark .workspace,.dark .chart-column,.dark .analysis{background:#202321}.dark .controls,.dark .summary{background:#292d2a}.dark .hero-workspace,.dark .hero-product,.dark .chart-preview,.dark .discovery-grid article,.dark .article-previews article{background:#2b2f2c}.dark .product-top,.dark .product-bottom,.dark .product-body aside,.dark .preview-controls{background:#323632}.dark .chart-frame,.dark .field,.dark .filter{background:#2d312e}.dark .chart-frame{background:#282c29}.dark .home-live{background:#2a3c39;border-color:#4e716b}.dark .live-snapshot{background:#334744;border-color:#648c84}.dark .home-consult{background:#32302d;border-color:#b65b72}.dark .site-footer{background:#292d2a}.dark .mega-menu{background:#343834}.dark .mobile-bar{background:rgba(41,45,42,.97)}
/* Final Maxis night palette midnight mineral, ivory legibility, measured energy. */
.dark {
--paper:#141B22; --surface:#1D2730; --soft:#283541; --ink:#F4F0E7; --mute:#B7C0BE; --rule:#41515A;
--wine:#C76A84; --wine-soft:#482D3A; --aqua:#63C3BA; --aqua-soft:#1D4547; --gold:#D4B878;
--blue:#75B0CA; --green:#88B99A; --red:#D78676;
}
.dark .header{background:#1D2730}.dark .workspace,.dark .chart-column,.dark .analysis{background:#141B22}.dark .controls,.dark .summary{background:#1D2730}.dark .hero-workspace,.dark .hero-product,.dark .chart-preview,.dark .discovery-grid article,.dark .article-previews article{background:#202B35}.dark .product-top,.dark .product-bottom,.dark .product-body aside,.dark .preview-controls{background:#26323D}.dark .chart-frame,.dark .field,.dark .filter{background:#222D37}.dark .chart-frame{background:#1A242D}.dark .home-live{background:#1B3C42;border-color:#3B7072}.dark .live-snapshot{background:#243F45;border-color:#57938F}.dark .home-consult{background:#292936;border-color:#C76A84}.dark .site-footer{background:#1D2730}.dark .mega-menu{background:#27333E}.dark .mobile-bar{background:rgba(29,39,48,.97)}
/* Accent correction: oxblood and mineral cyan replace pink-leaning wine and green-leaning aqua. */
.dark {
--wine:#A94F5F; --wine-soft:#432A32;
--aqua:#63ADC2; --aqua-soft:#1E414C;
--gold:#D4B878; --blue:#76B2C8; --green:#91B8A4; --red:#CF7A70;
}
.dark .home-live{background:#193640;border-color:#3B6978}.dark .live-snapshot{background:#213E49;border-color:#568A99}.dark .aqua-label,.dark .aqua-text,.dark .live-chip,.dark .live-link{color:var(--aqua)}.dark .method-points b,.dark .trust-bar b{color:var(--gold)}
/* Logo-harmonised Maxis night mode: fixed plum / light-gold identity leads; aqua remains strictly secondary. */
.dark {
--wine:#A92968; --wine-soft:#42152D;
--gold:#DBC88A;
--aqua:#43A69E; --aqua-soft:#183B3A;
--ink:#F2EDF4; --mute:#C6BEC8; --rule:#554857;
}
.dark .brand,.dark .main-nav a.active{color:var(--wine)}.dark .brand strong i{color:var(--gold)}.dark .main-nav a:hover{color:#E7C1D3}.dark .eco-primary,.dark .calc{background:var(--wine);border-color:var(--wine)}.dark .home-consult{border-color:var(--wine)}.dark .trust-bar b,.dark .founder-mark{color:var(--gold)}.dark .aqua-label,.dark .aqua-text,.dark .live-chip,.dark .live-link{color:var(--aqua)}
/* Explore is a quiet premium secondary action, not an aqua utility control. */
.dark .hero-copy .eco-secondary{background:transparent;border-color:var(--gold);color:var(--gold)}
.dark .hero-copy .eco-secondary:hover{background:rgba(219,200,138,.12);border-color:#F0DE9C;color:#F0DE9C}
/* Explore: retain the original mineral-aqua intent, adjusted only for dark-surface contrast. */
.dark .hero-copy .eco-secondary{background:#245D66;border-color:#4B9EAA;color:#E2F4F2}
.dark .hero-copy .eco-secondary:hover{background:#2E727B;border-color:#70BEC4;color:#FFFFFF}
/* Quiet structural rules: neutral mineral hairlines, never plum-tinted separators. */
.dark { --rule:#3C4B54; }
.dark .trust-bar,.dark .trust-bar>div,.dark .discovery-grid,.dark .discovery-grid article,.dark .founder-band,.dark .method,.dark .home-editorial,.dark .tool-section,.dark .live-grid,.dark .article-layout,.dark .service-layout,.dark .product-top,.dark .product-bottom,.dark .product-body aside,.dark .preview-controls,.dark .summary-row,.dark .astro-table td{border-color:var(--rule)}
/* Header override - Tailwind CDN sonrasi yuklenir (sira garantisi) */
#siteHeader{background:var(--surface);border-color:var(--rule);-webkit-backdrop-filter:none;backdrop-filter:none}
#siteHeader .head-cta{background:var(--wine)!important;color:#fff!important;border-radius:3px;text-transform:none!important;font-size:12px!important;letter-spacing:.02em!important;font-weight:700}
#siteHeader .head-cta:hover{background:#581127!important}
#siteHeader [class*="bg-tiffany"]{background-color:var(--wine)!important}
#siteHeader [class*="text-tiffany"]{color:var(--wine)!important}
#siteHeader [class*="border-tiffany"]{border-color:var(--wine)!important}
/* Chart-workspace kapsamlarinda eski Tailwind palet -> Figma token (scope-override
eksik chart sayfalari: solar-return/progressed/solar-arc/tertiary/lunar-*).
Chart SVG fill/stroke attribute kullanir (class degil) -> ETKILENMEZ. */
.d-grid [class*="bg-tiffany"],.d-analysis [class*="bg-tiffany"],[id^="mxDash"] [class*="bg-tiffany"]{background-color:var(--aqua)!important}
.d-grid [class*="border-tiffany"],.d-analysis [class*="border-tiffany"],[id^="mxDash"] [class*="border-tiffany"]{border-color:var(--aqua)!important}
.d-grid [class*="text-tiffany"],.d-analysis [class*="text-tiffany"],[id^="mxDash"] [class*="text-tiffany"]{color:var(--aqua)!important}
.d-grid [class*="border-gold"],.d-analysis [class*="border-gold"],[id^="mxDash"] [class*="border-gold"]{border-color:var(--rule)!important}
.d-grid [class*="text-gold"],.d-analysis [class*="text-gold"],[id^="mxDash"] [class*="text-gold"]{color:var(--gold)!important}
.d-grid [class*="bg-gold"],.d-analysis [class*="bg-gold"],[id^="mxDash"] [class*="bg-gold"]{background-color:transparent!important}
.d-grid [class*="text-wine"],.d-analysis [class*="text-wine"],[id^="mxDash"] [class*="text-wine"]{color:var(--ink)!important}
.d-grid [class*="text-cream"],.d-analysis [class*="text-cream"],[id^="mxDash"] [class*="text-cream"]{color:var(--ink)!important}
.d-grid [class*="text-amber"],.d-analysis [class*="text-amber"],[id^="mxDash"] [class*="text-amber"]{color:var(--gold)!important}
/* ═══ HEADER NAV — aralik ac + underline SADECE hover (kullanici istegi) ═══ */
#siteHeader nav[aria-label]{gap:22px!important}
@media(min-width:1400px){#siteHeader nav[aria-label]{gap:28px!important}}
/* ust nav link/dropdown-buton: surekli alt cizgi kaldirildi, hover'da wine cikar */
#siteHeader nav[aria-label] > a,
#siteHeader nav[aria-label] > .nav-dropdown > button{
border-bottom-width:2px!important;border-bottom-color:transparent!important;
padding-bottom:4px!important;transition:color .18s,border-color .18s!important}
#siteHeader nav[aria-label] > a:hover,
#siteHeader nav[aria-label] > .nav-dropdown:hover > button,
#siteHeader nav[aria-label] > .nav-dropdown > button:hover{
border-bottom-color:var(--wine)!important;color:var(--wine)!important}
/* aktif sayfa: renk wine kalir ama alt cizgi yine hover-only (istek: cizgi sadece hover) */
#siteHeader nav[aria-label] .border-tiffany-500{border-bottom-color:transparent!important}
/* ═══ HERO (#mxHero) — eski palet -> Figma token (referans uyumu) ═══ */
#mxHero [class*="bg-tiffany"]{background-color:var(--wine)!important}
#mxHero [class*="border-tiffany"]{border-color:var(--wine)!important}
#mxHero [class*="text-tiffany"]{color:var(--aqua)!important}
#mxHero [class*="text-gold"]{color:var(--gold)!important}
#mxHero [class*="text-wine"]{color:var(--ink)!important}
#mxHero [class*="text-cream"]{color:var(--ink)!important}
#mxHero [class*="border-wine"],#mxHero [class*="border-cream"]{border-color:var(--rule)!important}
/* hero CTA hover: wine koyu ton */
#mxHero [class*="bg-tiffany"]:hover{background-color:#581127!important}
/* ═══ HEADER DÜZELTMELERİ (kullanıcı geri bildirimi) ═══════════════════════ */
/* 1) Mega-menu ÇİFT ÇERÇEVE: dış container şeffaf, sadece iç div tek kart */
#siteHeader .nav-dropdown-menu{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
#siteHeader .nav-dropdown-menu > div{background:var(--surface)!important;border:1px solid var(--rule)!important;box-shadow:0 14px 30px rgba(34,39,43,.12)!important;border-radius:4px!important;overflow:hidden}
.dark #siteHeader .nav-dropdown-menu > div{box-shadow:0 16px 34px rgba(0,0,0,.4)!important;border-color:var(--rule)!important}
/* 2) Mega-menu içi: tiffany -> AQUA (dolu bordo şerit sorunu; "View all" satırı) */
#siteHeader .nav-dropdown-menu [class*="text-tiffany"]{color:var(--aqua)!important}
#siteHeader .nav-dropdown-menu [class*="bg-tiffany"]{background-color:transparent!important}
#siteHeader .nav-dropdown-menu [class*="border-gold"]{border-color:var(--rule)!important}
/* 3) LIVE SKY direct link: her iki modda AQUA (metin + nokta ikon + hover) */
#siteHeader nav[aria-label] > a[href*="live-sky"],
#siteHeader nav[aria-label] > a[href*="anlik-gokyuzu"]{color:var(--aqua)!important}
#siteHeader nav[aria-label] > a[href*="live-sky"] [class*="bg-tiffany"],
#siteHeader nav[aria-label] > a[href*="anlik-gokyuzu"] [class*="bg-tiffany"]{background-color:var(--aqua)!important}
#siteHeader nav[aria-label] > a[href*="live-sky"]:hover,
#siteHeader nav[aria-label] > a[href*="anlik-gokyuzu"]:hover{border-bottom-color:var(--aqua)!important;color:var(--aqua)!important}
/* 4) LOGO HALO: light'ta zemine karışsın (leke değil), dark'ta parlasın */
#mxHero .hx-axis{mix-blend-mode:multiply!important}
.dark #mxHero .hx-axis{mix-blend-mode:screen!important;opacity:1!important}
#siteHeader .brand-lockup img{mix-blend-mode:multiply}
.dark #siteHeader .brand-lockup img{mix-blend-mode:screen}
/* ═══ ÜST NAV RENGİ — Figma: NÖTR gri (wine değil), aktif/hover wine ═══════════
Handoff: 'wine'ı geniş kullanma'. Nav pasif notr; aktif+hover wine; LiveSky aqua. */
#siteHeader nav[aria-label] > a,
#siteHeader nav[aria-label] > .nav-dropdown > button{color:#475154!important}
.dark #siteHeader nav[aria-label] > a,
.dark #siteHeader nav[aria-label] > .nav-dropdown > button{color:#C4CBC6!important}
/* hover */
#siteHeader nav[aria-label] > a:hover,
#siteHeader nav[aria-label] > .nav-dropdown:hover > button,
#siteHeader nav[aria-label] > .nav-dropdown > button:hover{color:var(--wine)!important}
.dark #siteHeader nav[aria-label] > a:hover,
.dark #siteHeader nav[aria-label] > .nav-dropdown:hover > button,
.dark #siteHeader nav[aria-label] > .nav-dropdown > button:hover{color:#E7C1D3!important}
/* aktif sayfa (topCls .border-tiffany-500 tasir) -> wine metin */
#siteHeader nav[aria-label] .border-tiffany-500{color:var(--wine)!important}
.dark #siteHeader nav[aria-label] .border-tiffany-500{color:#E7C1D3!important}
/* LIVE SKY tekrar (notr kurali ezmesin) — her iki modda aqua */
#siteHeader nav[aria-label] > a[href*="live-sky"],
#siteHeader nav[aria-label] > a[href*="anlik-gokyuzu"]{color:var(--aqua)!important}
/* ═══ DÜZELTME (kullanıcı): light nav ESKİ wine, dark nav nötr; dark CTA koyu ═══ */
/* 1) Light nav wine/bordo (sadece DARK notr olacakti); dark notr gri kalir */
#siteHeader nav[aria-label] > a,
#siteHeader nav[aria-label] > .nav-dropdown > button{color:var(--wine)!important}
.dark #siteHeader nav[aria-label] > a,
.dark #siteHeader nav[aria-label] > .nav-dropdown > button{color:#C4CBC6!important}
/* Live Sky aqua tekrar (notr/wine kurallarini ezmesin) */
#siteHeader nav[aria-label] > a[href*="live-sky"],
#siteHeader nav[aria-label] > a[href*="anlik-gokyuzu"]{color:var(--aqua)!important}
/* 2) Dark mode CTA daha KOYU bordo (parlak pembe yerine) */
.dark #siteHeader .head-cta{background:#6B142E!important}
.dark #siteHeader .head-cta:hover{background:#4E0E22!important}
/* ═══ DÜZELTMELER 2 (kullanıcı) ════════════════════════════════════════════ */
/* A) CTA nav renk kuralindan MUAF — light'ta wine metin gorunmuyordu (wine bg+wine metin) */
#siteHeader nav[aria-label] > a.head-cta{color:#fff!important}
.dark #siteHeader nav[aria-label] > a.head-cta{color:#fff!important}
/* B) Mega-menu accent + hover: LIGHT wine (bordo), DARK aqua — hover ile senkron */
#siteHeader .nav-dropdown-menu [class*="text-tiffany"]{color:var(--wine)!important}
.dark #siteHeader .nav-dropdown-menu [class*="text-tiffany"]{color:var(--aqua)!important}
#siteHeader .nav-dropdown-menu a:hover,
#siteHeader .nav-dropdown-menu a:hover [class*="text-"]{color:var(--wine)!important}
.dark #siteHeader .nav-dropdown-menu a:hover,
.dark #siteHeader .nav-dropdown-menu a:hover [class*="text-"]{color:var(--aqua)!important}
/* C) LOGO cevresi yumusak gecis — halo sert 'ekleme' gibi durmasin, zemine karissin */
#mxHero .hx-axis{-webkit-mask-image:radial-gradient(ellipse 60% 64% at 50% 50%,#000 40%,transparent 76%);mask-image:radial-gradient(ellipse 60% 64% at 50% 50%,#000 40%,transparent 76%)}
#siteHeader .brand-lockup img{-webkit-mask-image:radial-gradient(ellipse 62% 68% at 50% 50%,#000 38%,transparent 80%);mask-image:radial-gradient(ellipse 62% 68% at 50% 50%,#000 38%,transparent 80%)}
/* ═══ CUSTOM DATE PICKER (mx-datepicker.js) — Figma token'lı takvim ═══════════ */
.mxdp{position:absolute;background:var(--surface);border:1px solid var(--rule);border-radius:5px;box-shadow:0 16px 38px rgba(34,39,43,.18);padding:12px;width:262px;z-index:300;font-family:'Manrope',system-ui,sans-serif}
.dark .mxdp{box-shadow:0 18px 40px rgba(0,0,0,.45)}
.mxdp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:6px}
.mxdp-title{flex:1;border:0;background:none;cursor:pointer;font:600 14px 'Literata',serif;color:var(--ink);text-align:center}
.mxdp-title:hover{color:var(--wine)}.dark .mxdp-title:hover{color:var(--aqua)}
.mxdp-nav{width:28px;height:28px;flex:none;border:1px solid var(--rule);border-radius:4px;background:var(--surface);color:var(--ink);font-size:16px;line-height:1;cursor:pointer;transition:.15s}
.mxdp-nav:hover{border-color:var(--wine);color:var(--wine)}.dark .mxdp-nav:hover{border-color:var(--aqua);color:var(--aqua)}
.mxdp-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:5px}
.mxdp-wd span{text-align:center;font-size:9.5px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em;padding:3px 0}
.mxdp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.mxdp-day{aspect-ratio:1;border:0;background:transparent;color:var(--ink);font-size:12.5px;border-radius:5px;cursor:pointer;font-variant-numeric:tabular-nums;transition:.12s}
.mxdp-day:hover{background:var(--wine-soft);color:var(--wine)}.dark .mxdp-day:hover{background:var(--aqua-soft);color:var(--aqua)}
.mxdp-day.today{box-shadow:inset 0 0 0 1px var(--rule)}
.mxdp-day.sel{background:var(--wine)!important;color:#fff!important}.dark .mxdp-day.sel{background:var(--aqua)!important}
/* date picker ay/yil dropdown (kolay secim) */
.mxdp-sels{display:flex;gap:5px;flex:1;justify-content:center}
.mxdp-sel{border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:4px;padding:4px 6px;font:600 12.5px 'Manrope',sans-serif;cursor:pointer;max-width:110px}
.mxdp-sel:hover{border-color:var(--wine)}.dark .mxdp-sel:hover{border-color:var(--aqua)}
.mxdp-sel:focus{outline:none;border-color:var(--wine);box-shadow:0 0 0 2px rgba(117,27,54,.13)}
/* ═══ LIGHT: EN/TR dil secici + tema toggle -> wine (ust menu ile esles) ══════
Dark'ta sorun yok (kullanici) — sadece light. */
:root:not(.dark) #siteHeader #temaToggle,
:root:not(.dark) #siteHeader #temaToggleMob{border-color:var(--wine)!important;color:var(--wine)!important}
:root:not(.dark) #siteHeader [class*="rounded-full"][class*="border-gold"]{border-color:var(--wine)!important}
:root:not(.dark) #siteHeader [class*="rounded-full"][class*="border-gold"] a{color:var(--wine)!important}
/* Aktif dil (EN/TR): pembe zemin KALDIRILDI (kullanici) — aktiflik yalnız wine metin
rengi + kalin ile belli olur; arka plan seffaf kalir */
:root:not(.dark) #siteHeader [class*="rounded-full"][class*="border-gold"] a[class*="bg-gold"],
:root:not(.dark) #siteHeader [class*="rounded-full"][class*="border-gold"] a[class*="text-gold"]{background-color:transparent!important;color:var(--wine)!important}
/* ═══ CHART FRAME + ENLARGE IKON (tum chart sayfalari, light/dark) ════════════ */
/* Chart alanini saran cerceve (Figma: chart kendi reading surface'inde, ince border) */
#haritaSvgWrapper{border:1px solid var(--rule);border-radius:6px;background:var(--surface);padding:10px;position:relative}
.dark #haritaSvgWrapper{background:#1A242D;border-color:var(--rule)}
/* Enlarge ikonu — HEP gorunur; wine(light)/aqua(dark); wrapper hover'da vurgu */
.mx-enlarge-ico{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--surface);border:1px solid var(--rule);border-radius:6px;color:var(--wine);box-shadow:0 2px 8px rgba(34,39,43,.09);transition:transform .15s,border-color .15s;pointer-events:none}
.dark .mx-enlarge-ico{color:var(--aqua);background:#26323D}
#haritaSvgWrapper:hover .mx-enlarge-ico{border-color:var(--wine);transform:scale(1.08)}
.dark #haritaSvgWrapper:hover .mx-enlarge-ico{border-color:var(--aqua)}
/* ═══ CHART FRAME + ENLARGE IKON — TUM chart wrapper'lari ([id$=SvgWrapper]) ═══ */
[id$="SvgWrapper"]{position:relative;border:1px solid var(--rule);border-radius:6px;background:var(--surface);padding:10px}
.dark [id$="SvgWrapper"]{background:#1A242D;border-color:var(--rule)}
/* eski hover metin etiketlerini gizle */
[id$="SvgWrapper"] > .absolute[class*="opacity-0"]{display:none!important}
/* enlarge ikon kutusu (::after) + expand ikon (::before, wine/aqua) — HEP gorunur */
[id$="SvgWrapper"]::after{content:"";position:absolute;top:10px;right:10px;width:30px;height:30px;background:var(--surface);border:1px solid var(--rule);border-radius:6px;box-shadow:0 2px 8px rgba(34,39,43,.09);pointer-events:none;z-index:5;transition:transform .15s,border-color .15s}
.dark [id$="SvgWrapper"]::after{background:#26323D}
[id$="SvgWrapper"]::before{content:"";position:absolute;top:17px;right:17px;width:16px;height:16px;z-index:6;pointer-events:none;background:var(--wine);-webkit-mask:url("data:image/svg+xml;utf8,") center/16px no-repeat;mask:url("data:image/svg+xml;utf8,") center/16px no-repeat}
.dark [id$="SvgWrapper"]::before{background:var(--aqua)}
[id$="SvgWrapper"]:hover::after{border-color:var(--wine);transform:scale(1.08)}
.dark [id$="SvgWrapper"]:hover::after{border-color:var(--aqua)}
/* ═══ DÜZELTMELER 3 (kullanıcı) ════════════════════════════════════════════ */
/* 2) Live Sky dark AQUA (garanti) */
.dark #siteHeader nav[aria-label] > a[href*="live-sky"],
.dark #siteHeader nav[aria-label] > a[href*="anlik-gokyuzu"]{color:var(--aqua)!important}
/* 3) Dark nav HOVER -> aqua (bordo/plum degil) */
.dark #siteHeader nav[aria-label] > a:hover,
.dark #siteHeader nav[aria-label] > .nav-dropdown:hover > button,
.dark #siteHeader nav[aria-label] > .nav-dropdown > button:hover{color:var(--aqua)!important;border-bottom-color:var(--aqua)!important}
/* 4) EN/TR aktif dil ARKA rengini KALDIR (sadece renk farki kalir) */
#siteHeader [class*="rounded-full"][class*="border-gold"] a[class*="bg-gold"],
#siteHeader .head-actions [class*="bg-gold"]{background-color:transparent!important}
/* 5) Dark CTA 'Create Your Chart' -> GOLD (koyu metin) */
.dark #siteHeader .head-cta{background:var(--gold)!important;color:#141B22!important}
.dark #siteHeader .head-cta:hover{background:#C9B06E!important}
/* manuel giris alani (Elle gir) editable durum */
.mxdp-input.mxdp-manual{border-color:var(--wine)!important;box-shadow:0 0 0 2px rgba(117,27,54,.13)}
.dark .mxdp-input.mxdp-manual{border-color:var(--aqua)!important;box-shadow:0 0 0 2px rgba(67,166,158,.16)}
/* Dark CTA GOLD bg + KOYU metin (onceki nav>a.head-cta #fff kuralini specificity ile ez) */
.dark #siteHeader nav[aria-label] > a.head-cta,
.dark #siteHeader a.head-cta{background:var(--gold)!important;color:#141B22!important}
.dark #siteHeader nav[aria-label] > a.head-cta:hover,
.dark #siteHeader a.head-cta:hover{background:#C9B06E!important}
/* ═══ DÜZELTMELER 4 (kullanıcı — CTA metin/bg/hover + garantiler) ══════════════ */
/* Dark CTA: acik gold okunmuyordu -> KOYU teal-yesil bg + nav-rengi metin;
hover'da light'taki gibi bir tik koyulasir */
.dark #siteHeader nav[aria-label] > a.head-cta,
.dark #siteHeader a.head-cta{background:#2C5F56!important;color:#C4CBC6!important}
.dark #siteHeader nav[aria-label] > a.head-cta:hover,
.dark #siteHeader a.head-cta:hover{background:#21463F!important;color:#EDEFEC!important}
/* Dark nav HOVER aqua (CTA haric) — garanti */
.dark #siteHeader nav[aria-label] > a:not(.head-cta):hover,
.dark #siteHeader nav[aria-label] > .nav-dropdown:hover > button,
.dark #siteHeader nav[aria-label] > .nav-dropdown > button:hover{color:var(--aqua)!important;border-bottom-color:var(--aqua)!important}
/* EN/TR aktif dil arka rengi kaldir — garanti (her mod) */
#siteHeader [class*="rounded-full"] a[class*="bg-gold"],
#siteHeader [class*="rounded-full"] a[class*="bg-wine"]{background-color:transparent!important}
/* ═══ LOGO BELIRGIN (kullanici: soluk durmasin) — blend/mask kaldir ═══════════ */
/* opacity: kullanici istegi ile %10 dusuruldu (1 -> .9) */
#mxHero .hx-axis{mix-blend-mode:normal!important;opacity:.9!important;-webkit-mask:none!important;mask:none!important}
#siteHeader .brand-lockup img{mix-blend-mode:normal!important;-webkit-mask:none!important;mask:none!important;opacity:1!important}
/* ═══ DÜZELTMELER 5 (kullanici) ═══════════════════════════════════════════════ */
/* Create Your Chart (CTA): hover'da alt cizgi CIKMASIN — nav hover-underline
kuralini a.head-cta ozel-secici + transparent ile ez (her mod, ozellikle dark) */
#siteHeader nav[aria-label] > a.head-cta:hover{border-bottom-color:transparent!important;border-bottom-width:0!important}
/* EN/TR dil secici: aktif dilin arka rengi (pembe/gold) TAMAMEN kaldirilir —
hem aktif hem hover, light+dark; onceki transparent kurali garantiye alinir */
#siteHeader nav[aria-label] .rounded-full a{background-color:transparent!important}
#siteHeader nav[aria-label] .rounded-full a:hover{background-color:transparent!important}
/* ── FIX: mobil footer tek kolon ─────────────────────────────────────────────
Satır ~70'teki geç gelen .site-footer{grid-template-columns:1fr 3fr 1fr}
kuralı, 899px medya kuralındaki tek-kolonu cascade'de eziyordu (dar ekranda
3 kolon üst üste biniyordu). Bu blok dosya SONUNDA olduğu için kazanır. */
@media(max-width:899px){
.site-footer{grid-template-columns:1fr;gap:26px;padding:30px 20px}
.footer-meta{text-align:left;align-items:flex-start}
.footer-brand b{font-size:14px}
}
@media(max-width:480px){
.footer-links{grid-template-columns:repeat(2,1fr);gap:18px 22px}
}
/* ── FIX: .astro-table mobil "kart" kuralı Live Sky'ın İLK Figma tablosuna özeldi ──
O tablo artık yok; kural ise 6 farklı sayfada (profeksiyon, fridaria, arşiv,
dönüşler) sütun düzeni bambaşka tablolara 'Longitude/Sign/House' etiketleri
basıyor ve 5. sütundan sonrasını (Yönetici, Evdeki Gezegenler…) GİZLİYORDU.
Geri alınır: tablo yapısı korunur, mobilde yalnız kompaktlaşır. */
@media (max-width:899px){
.astro-table{display:table;min-width:0}
.astro-table thead{display:table-header-group}
.astro-table tbody{display:table-row-group}
.astro-table tr{display:table-row;padding:0;border-bottom:0}
.astro-table td{display:table-cell;width:auto;padding:8px 6px;border-bottom:1px solid var(--rule);font-size:11.5px}
.astro-table td:nth-child(1){font-size:11.5px;font-weight:inherit}
.astro-table td:nth-child(2)::before,
.astro-table td:nth-child(3)::before,
.astro-table td:nth-child(4)::before{content:none}
.astro-table td:nth-child(5),.astro-table td:nth-child(6),
.astro-table td:nth-child(7),.astro-table td:nth-child(8){display:table-cell}
.astro-table th{padding:8px 6px}
}
/* ─────────────────────────────────────────────────────────────────────────────
GÜVEN BANDI — mobilde yatay kaydırma kaldırıldı (kullanıcı: "bu kaydırmalıya
gerek var mı"). Hero'nun hemen altında yana kaydırılan bir şerit hem fark
edilmiyor hem de içeriğin yarısı gizli kalıyordu. Artık 2×2 ızgara: hepsi
tek bakışta görünüyor, kaydırma yok.
────────────────────────────────────────────────────────────────────────── */
@media (max-width: 899px) {
.trust-bar {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
overflow: visible !important;
scroll-snap-type: none !important;
margin: 0 20px;
}
.trust-bar > div {
min-width: 0 !important;
min-height: 0;
padding: 12px 10px;
align-items: flex-start;
}
/* Izgarada sağ kenar çizgisi yalnız sol sütunda, alt çizgi son satır hariç.
Beş madde var: sonuncu tek kaldığı için iki sütunu birden kaplar. */
.trust-bar > div:nth-child(2n) { border-right: 0; }
.trust-bar > div:not(:nth-last-child(-n+1)) { border-bottom: 1px solid var(--rule); }
.trust-bar > div:last-child { grid-column: 1 / -1; border-right: 0; }
}