/* TITAN editorial design · 2026-10-26. Design layer; API selectors preserved. */
:root{
 --bg:#f4f5f1;--surface:#fff;--surface-soft:#f1f4f0;--text:#132e29;
 --muted:#5e7069;--subtle:#65766f;--border:#dce5dd;--control-border:#80998c;
 --brand:#006c55;--brand-hover:#00513f;--brand-soft:#e9f2eb;--on-brand:#fff;
 --radius-md:18px;--radius-lg:26px;--content-width:1240px;--page-gutter:24px;
 --up:#c63d49;--down:#2861c6;--focus:#087c63;--text-xl:25px;
}
:root[data-theme='dark']{
 --bg:#0c1b17;--surface:#132820;--surface-soft:#19352b;--text:#edf4ec;
 --muted:#b0c2b6;--subtle:#a4b9ac;--border:#2c4438;--control-border:#719080;
 --brand:#a9ddba;--brand-hover:#c5ecd0;--brand-soft:#1a3829;--on-brand:#102a20;
 --up:#ff9ba4;--down:#99bcff;--focus:#b2e2bc;
}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{letter-spacing:-.018em}
.site-header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border)}
.header-inner{min-height:88px;gap:38px;padding-block:12px;flex-wrap:nowrap}
.wordmark{flex-shrink:0;gap:12px}
.logo{height:36px}
.wordmark small{display:none}
.nav{gap:28px;margin-left:16px}
.nav a{font-size:14px;position:relative}
.nav a[aria-current='page']{box-shadow:none}
.nav a[aria-current='page']:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--brand);position:absolute;bottom:0;left:calc(50% - 2px)}
.header-note{display:none}
.header-actions{display:flex;gap:10px;align-items:center;margin-left:auto}
.theme-button{font-size:12px;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:9px 12px;min-height:40px}
.header-cta{font-size:13px;min-height:40px;border-radius:99px;padding:8px 18px}
.demo-notice{background:transparent;color:var(--muted);border-bottom:1px solid var(--border);border-radius:0;padding:12px 0;margin:0;font-size:11px}
.demo-notice strong{color:var(--brand);margin-right:6px}
.page-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0 16px}
.page-heading p{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--muted)}
.page-heading span{font-size:12px;color:var(--muted)}
.ticker{border-radius:14px;background:var(--surface);box-shadow:0 4px 16px #0c302303}
.ticker-item{padding:17px 24px;gap:7px 14px;display:grid;grid-template-columns:1fr auto}
.ticker-label{font-weight:600;font-size:12px;grid-column:1/-1}
.ticker-value{font-size:25px;line-height:1.25;letter-spacing:-.045em}
.ticker-change{font-size:12px;align-self:center;font-weight:600}
.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#063e32;color:#fff;grid-template-columns:1.4fr 1fr;padding:62px 54px;margin:24px 0 0;gap:36px;min-height:390px}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 90%,#17775b80,transparent 60%),linear-gradient(115deg,#052f27,transparent)}
.hero .eyebrow{color:#b9d9a6;font-size:11px;letter-spacing:.2em;margin-bottom:23px}
.hero h1{font-size:clamp(32px,3.6vw,51px);font-weight:700;line-height:1.32;letter-spacing:-.055em;max-width:13em}
.hero h1 em{color:#c5dfa6;font-style:normal}
.hero .lead{font-size:15px;color:#c2d6cb;line-height:1.85;max-width:30em;margin-top:20px}
.hero .timestamp{color:#b9cec2;font-size:11px}
.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:27px}
.hero .btn{background:#d0e8ae;color:#153c28;border-radius:8px}
.hero .btn:hover{background:#e4f3cd}
.hero-link{font-size:13px;color:#e4efde;padding:12px 4px}
.hero-side{border:0;padding:26px 28px;position:relative;background:#ffffff09;border:1px solid #bdd4b52b;border-radius:16px}
.hero-side h2{font-size:21px;color:#f4f6e8}
.hero-side .muted{font-size:13px;color:#bed1c3;line-height:1.8}
.hero-side .side-label{font-size:10px;letter-spacing:.15em;color:#c4dcae;margin-bottom:16px}
.hero-side .note-list{list-style:none;padding:0;margin:20px 0 0}
.note-list li{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff1c;padding:12px 0;color:#dbe9df;font-size:12px}
.note-list b{font-weight:500;color:#b9d9a6;font-size:10px;letter-spacing:.06em}
.editorial-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border);margin-bottom:46px}
.editorial-strip div{padding:23px 24px;display:flex;gap:12px;align-items:baseline}
.editorial-strip div:first-child{padding-left:0}
.editorial-strip span{color:var(--brand);font-size:10px;font-weight:700;letter-spacing:.08em}
.editorial-strip strong{font-size:13px;font-weight:600}
.editorial-strip small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}
.section{margin-bottom:38px}
.section-head{margin-bottom:19px;align-items:end}
.section-head h2{font-size:25px}
.section-head h3{font-size:16px}
.section-kicker{font-size:13px;margin-top:7px}
.section-index{display:block;font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--brand);margin-bottom:9px}
.panel{border-color:var(--border);box-shadow:0 5px 22px #12362803}
.padded{padding:28px}
.tag{border-radius:99px;font-size:10px;letter-spacing:.01em;padding:4px 9px;white-space:nowrap}
.market-table{font-size:13px}
.market-table caption{padding:13px 18px;font-size:11px}
.market-table th{padding:10px 16px;font-size:10px;background:var(--surface-soft)}
.market-table td{padding:18px 16px;font-size:13px}
.market-table tbody tr:hover{background:var(--surface-soft)}
.stock-name{font-weight:700}
.stock-name small{font-size:10px;margin-top:5px}
.market-table .change{font-size:12px;font-weight:650}
.feed li{padding:21px 22px}
.feed time{color:var(--brand);font-weight:600;font-variant-numeric:tabular-nums}
.feed p{font-weight:600;font-size:14px}
.feed small{font-size:11px}
.calendar-list li{padding:17px 22px}
.date-tile{background:var(--brand-soft);color:var(--brand);min-width:52px;padding:7px 10px}
.date-tile strong{color:var(--brand);font-size:22px}
.calendar-list small{font-size:11px}
.learn-section{margin:10px 0 42px;padding:35px;border-radius:20px;background:var(--brand-soft);border:1px solid var(--border)}
.learn-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}
.learn-intro h2{font-size:27px}
.learn-intro>p{max-width:27em;color:var(--muted);font-size:13px;line-height:1.8}
.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.learning-card{display:block;border:1px solid var(--border);background:var(--surface);padding:24px;border-radius:12px}
.learning-card:hover{text-decoration:none;border-color:var(--brand)}
.learning-card .lesson{font-size:10px;color:var(--brand);font-weight:700;letter-spacing:.1em}
.learning-card h3{font-size:17px;margin:16px 0 8px}
.learning-card p{font-size:12px;color:var(--muted);line-height:1.8}
.learning-card .lesson-link{display:block;margin-top:22px;color:var(--brand);font-size:12px;font-weight:600}
.tool-grid{grid-template-columns:1fr 1fr}
.tool-card{background:var(--surface);padding:32px}
.tool-icon{background:var(--brand-soft);border:0;width:48px;height:48px;font-size:28px}
.tool-card h3{font-size:23px}
.tool-card p{font-size:14px;line-height:1.85}
.calc-result strong{font-size:26px;color:var(--brand);letter-spacing:-.04em}
#calc-note{font-size:11px;margin-top:12px}
input{border-color:var(--border);background:var(--surface-soft);font-weight:600}
.cta-band{background:#073c30;color:#f6f8ee;border:0;padding:40px;border-radius:20px}
.cta-band .eyebrow{color:#bbd99e;font-size:10px;letter-spacing:.16em}
.cta-band h2{font-size:27px}
.cta-band p{color:#bcd0c1;font-size:13px}
.cta-band .btn{background:#d1e6b7;color:#153d29;white-space:nowrap}
#software .panel{display:flex;align-items:center;gap:22px;background:transparent;box-shadow:none;border-style:dashed}
#software h3{font-size:16px}
#software p{margin-left:auto;font-size:12px}
.site-footer{background:var(--surface);margin-top:48px;padding:34px 0;color:var(--muted)}
.footer-top{align-items:center}
.footer-top strong{font-size:20px;letter-spacing:.12em;color:var(--text);margin-right:12px}
.footer-links{align-items:center;font-size:11px;gap:18px}
.site-footer p{font-size:11px;line-height:1.9;max-width:85em}
.footer-bottom{margin-top:20px;border-top:1px solid var(--border);padding-top:17px;font-size:10px;letter-spacing:.07em;color:var(--muted)}
.breadcrumb{padding-block:5px;margin-top:25px}
.stock-header{position:relative;padding:36px 40px;border-top:3px solid var(--brand);background:var(--surface)}
.stock-identity h1{font-size:32px}
.price{font-size:54px;letter-spacing:-.055em;margin-top:24px}
.price-change{font-size:14px}
.stock-header .timestamp{font-size:11px}
.stock-layout{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:24px}
.stock-layout .section h2{font-size:21px}
.summary-copy{font-size:15px;line-height:2;max-width:100%}
.metrics dd{font-size:19px;letter-spacing:-.04em}
.metrics dt{font-size:11px}
.metrics>div{padding:24px}
.sidebar-cta{background:#073c30;border-color:#073c30;color:#fff;padding:28px}
.sidebar-cta p{color:#bfd2c7;font-size:13px}
.sidebar-cta .eyebrow{color:#c8e4af;font-size:10px}
.sidebar-cta .btn{background:#d1e6b7;color:#153d29}
#faq summary{padding:22px 25px}
#faq details[open]{background:var(--brand-soft)}
#faq details p{padding:0 25px 24px;max-width:65em;line-height:1.85}
@media(min-width:1100px){#rank>.split{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1099px){
 .header-inner{gap:20px}.nav{gap:20px;margin-left:0}.header-cta{display:none}
 .hero{padding:40px 32px;grid-template-columns:1.2fr 1fr;gap:24px}
 .hero h1{font-size:38px}.hero-side{padding:22px}
 .editorial-strip div{padding:20px 12px}.editorial-strip strong{font-size:12px}
 .learning-card{padding:20px}.stock-layout{grid-template-columns:1fr}
}
@media(max-width:767px){
 :root{--page-gutter:20px}
 html{scroll-padding-top:125px}
 .header-inner{flex-wrap:wrap;gap:4px 12px;min-height:0;padding:14px 0 0}
 .logo{height:29px}.header-actions{order:1}.theme-button{font-size:10px;min-height:34px;padding:6px 10px}
 .wordmark{order:0}.nav{order:2;width:100%;justify-content:space-between;gap:8px;margin:3px 0 0}
 .nav a{font-size:12px;min-height:43px}
 .demo-notice{font-size:10px;padding:10px 0;line-height:1.7}
 .page-heading{padding:20px 0 13px}.page-heading p{font-size:9px}.page-heading span{font-size:10px}
 .ticker-item{padding:13px 10px;display:flex;gap:5px;align-items:flex-start}
 .ticker-label{font-size:10px}.ticker-value{font-size:19px}.ticker-change{font-size:10px;align-self:flex-start}
 .hero{grid-template-columns:1fr;padding:33px 26px;gap:28px;margin-top:18px;border-radius:18px;min-height:0}
 .hero .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:18px}
 .hero h1{font-size:34px;line-height:1.35;max-width:100%}
 .hero .lead{font-size:13px;margin-top:17px;line-height:1.9}
 .hero-actions{gap:8px;margin-top:22px}.hero .btn{min-height:45px;font-size:12px;padding:10px 15px}
 .hero-link{font-size:11px}.hero-side{padding:21px;background:#ffffff08}
 .hero-side h2{font-size:19px}.hero-side .muted{font-size:12px}.hero-side .side-label{font-size:9px;margin-bottom:10px}
 .note-list li{padding:10px 0;font-size:11px}
 .editorial-strip{grid-template-columns:1fr;margin-bottom:30px}
 .editorial-strip div,.editorial-strip div:first-child{padding:13px 4px;border-bottom:1px solid var(--border)}
 .editorial-strip div:last-child{border:0}.editorial-strip strong{font-size:12px}.editorial-strip small{display:inline;margin-left:8px;font-size:10px}
 .section{margin-bottom:30px}.section-head h2{font-size:22px}.section-kicker{font-size:12px}
 .section-index{font-size:9px;margin-bottom:7px}
 .market-table td{padding:0}.market-table tr{padding:18px 20px}
 .market-table td:last-child{padding-top:10px}
 .learn-section{padding:25px 20px;margin-bottom:30px}
 .learn-intro{display:block;margin-bottom:22px}.learn-intro h2{font-size:24px}.learn-intro>p{margin-top:12px;font-size:12px}
 .learning-grid{grid-template-columns:1fr;gap:12px}.learning-card{padding:22px}.learning-card h3{margin-top:10px}
 .learning-card .lesson-link{margin-top:16px}
 .tool-grid{grid-template-columns:1fr}.tool-card{padding:26px}.tool-card h3{font-size:22px}
 .padded{padding:23px}.calc-result strong{font-size:24px}
 .cta-band{padding:29px 25px;gap:24px}.cta-band h2{font-size:25px}.cta-band .btn{width:100%}
 #software .panel{display:block;padding:22px}#software h3{margin:10px 0 7px}#software p{margin:0}
 .stock-header{padding:27px 24px}.stock-identity h1{font-size:28px}.price{font-size:44px}
 .metrics>div{padding:18px}.metrics dd{font-size:17px}
 .site-footer{margin-top:30px}.footer-top{align-items:flex-start}.footer-links{gap:12px}.footer-links span{width:100%}
}
@media(max-width:359px){:root{--page-gutter:14px}.hero{padding:28px 20px}.hero h1{font-size:30px}.ticker-value{font-size:17px}.logo{height:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}