/* Altward premium design layer — shared across the site */
:root{
  --aw-navy:#071923;
  --aw-navy-2:#0b2633;
  --aw-teal:#18c9a4;
  --aw-teal-2:#58e0c4;
  --aw-ice:#f5fbfa;
  --aw-text:#0b1823;
  --aw-muted:#667a86;
  --aw-line:rgba(18,55,67,.12);
  --aw-radius:18px;
  --aw-shadow:0 16px 44px rgba(7,31,43,.08);
}

body{font-size:16px;letter-spacing:-.006em}
.wrap{width:min(1220px,calc(100% - 48px))}
.section{padding:72px 0}
.section h2{font-size:clamp(32px,3.7vw,48px);line-height:1.04;letter-spacing:-.042em}
.section p,.page-card p,.tool-card p{font-size:16px;line-height:1.68}
.page-hero{padding:76px 0 58px}
.page-hero h1{font-size:clamp(40px,5.1vw,64px);line-height:1.01}
.page-hero p{font-size:17px;line-height:1.65}
.page-main{padding:58px 0 82px}
.page-card,.panel,.tool-card,.journal-card,.live-card,.principles-card{border-radius:var(--aw-radius);box-shadow:var(--aw-shadow)}
.page-card{padding:26px}
.panel h3,.tool-card h3,.journal-card h3,.live-card h3{font-size:clamp(22px,2vw,26px)}
.button{border-radius:11px;padding:12px 18px}

/* Subtle premium interactions */
.page-card,.panel,.tool-card,.principles-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.page-card:hover,.panel:hover,.tool-card:hover,.principles-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(7,31,43,.10);border-color:rgba(24,201,164,.25)}

/* Legacy premium hero */
.hero.hero-v2{min-height:640px;background:linear-gradient(120deg,#061822 0%,#082431 48%,#0a2a37 100%);isolation:isolate}
.hero.hero-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 32%,rgba(35,205,171,.16),transparent 28%),radial-gradient(circle at 45% 55%,rgba(74,123,138,.13),transparent 38%);z-index:0}
.hero-v2 .hero-bg{background:linear-gradient(180deg,rgba(2,13,19,.04),rgba(2,14,21,.24));opacity:1}
.hero-v2 .hero-bg:after{display:none}
.hero-v2 .hero-inner{min-height:640px;grid-template-columns:minmax(460px,.92fr) minmax(520px,1.08fr);align-items:center;gap:56px;padding:64px 0}
.hero-v2 .hero-copy{max-width:620px}
.hero-v2 .eyebrow{font-size:11px;letter-spacing:.19em;margin-bottom:16px}
.hero-v2 h1{font-size:clamp(50px,5.25vw,72px);line-height:.98;max-width:660px;margin-bottom:18px}
.hero-v2 .hero-sub{font-size:18px;line-height:1.45;margin-bottom:12px}
.hero-v2 .lead{font-size:17px;line-height:1.62;max-width:620px;color:#c8d8de}
.hero-v2 .actions{margin-top:26px}
.hero-v2 .hero-quote{font-size:13.5px;line-height:1.55;margin-top:22px;color:#b9cbd2}
.hero-v2 .hero-side{display:none}

.investment-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}
.investment-stage{position:relative;width:100%;height:470px;border-radius:28px;overflow:hidden;background:linear-gradient(155deg,rgba(15,52,65,.58),rgba(4,21,30,.18));border:1px solid rgba(110,226,201,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 36px 90px rgba(0,0,0,.17)}
.investment-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(109,185,180,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(109,185,180,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 96%)}
.investment-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 22%,rgba(33,210,172,.13),transparent 27%),linear-gradient(90deg,rgba(4,20,28,.15),transparent 25%)}
.market-landscape{position:absolute;inset:auto 0 0;height:62%;opacity:.92;z-index:1}
.market-landscape svg{width:100%;height:100%;display:block}
.equity-layer{position:absolute;inset:0;z-index:3}
.equity-layer svg{width:100%;height:100%;overflow:visible}
.equity-glow{fill:none;stroke:rgba(32,218,179,.18);stroke-width:12;filter:blur(8px)}
.equity-path{fill:none;stroke:url(#equityGradient);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:900;stroke-dashoffset:900;animation:drawEquity 2.8s cubic-bezier(.2,.7,.2,1) .25s forwards}
.equity-area{opacity:.4}
.data-node{fill:#72efd5;stroke:#0f5c51;stroke-width:2;filter:drop-shadow(0 0 7px rgba(58,235,198,.72));opacity:0;animation:nodeIn .55s ease forwards}
.data-node:nth-of-type(2){animation-delay:1.2s}.data-node:nth-of-type(3){animation-delay:1.55s}.data-node:nth-of-type(4){animation-delay:1.9s}.data-node:nth-of-type(5){animation-delay:2.25s}.data-node:nth-of-type(6){animation-delay:2.6s}
.metric-pill{position:absolute;z-index:5;padding:12px 14px;border-radius:14px;border:1px solid rgba(100,231,204,.17);background:rgba(5,28,38,.72);backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0,0,0,.13);color:#d9e9ed}
.metric-pill small{display:block;color:#68dbc3;font-size:9px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;margin-bottom:5px}
.metric-pill strong{display:block;color:#fff;font-size:14px;letter-spacing:-.015em}
.metric-pill span{display:block;color:#8ca5ae;font-size:10.5px;margin-top:3px}
.metric-one{top:58px;right:42px}.metric-two{top:176px;right:16px}.metric-three{left:46px;bottom:48px}
.visual-caption{position:absolute;left:38px;top:34px;z-index:5;display:flex;align-items:center;gap:10px;color:#8ea7b0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.visual-caption:before{content:"";width:28px;height:1px;background:#36d2b2}
.horizon-labels{position:absolute;left:8%;right:8%;bottom:18px;display:flex;justify-content:space-between;color:#56727c;font-size:9.5px;z-index:4}

@keyframes drawEquity{to{stroke-dashoffset:0}}
@keyframes nodeIn{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}

/* Home hero v3 — real market chart as background */
.hero.hero-livechart{position:relative;min-height:640px;background:#061821;color:#fff;isolation:isolate;overflow:hidden}
.hero-chart-bg{position:absolute;inset:-10px;z-index:0;opacity:.74;filter:saturate(.82) contrast(1.03);transform:scale(1.018)}
.hero-tv-widget,.hero-tv-widget .tradingview-widget-container__widget{width:100%;height:100%}
.hero-chart-bg iframe{pointer-events:none!important;filter:brightness(.76) saturate(.78)}
.hero-chart-shade{position:absolute;inset:0;z-index:1;background:
  linear-gradient(90deg,rgba(4,18,26,.96) 0%,rgba(5,20,29,.93) 27%,rgba(6,23,33,.76) 51%,rgba(6,22,31,.38) 72%,rgba(6,22,31,.50) 100%),
  linear-gradient(180deg,rgba(3,15,22,.18) 0%,rgba(3,15,22,.06) 52%,rgba(3,15,22,.72) 100%)}
.hero-live-inner{position:relative;z-index:3;min-height:640px;display:grid;grid-template-columns:minmax(520px,1fr) 320px;gap:72px;align-items:center;padding:72px 0}
.hero-live-copy{max-width:680px}
.hero-livechart .eyebrow{color:#63e4c9;font-size:11px;letter-spacing:.2em;margin-bottom:16px}
.hero-livechart h1{font-size:clamp(52px,5.35vw,74px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;max-width:720px;text-shadow:0 4px 28px rgba(0,0,0,.20)}
.hero-livechart h1 span{color:#20d1a9}
.hero-livechart .hero-sub{font-size:18px;line-height:1.45;margin-bottom:12px;color:#f3f8f9}
.hero-livechart .lead{font-size:17px;line-height:1.65;max-width:640px;color:#cbdadf}
.hero-livechart .actions{margin-top:26px}
.hero-livechart .hero-quote{font-size:13.5px;line-height:1.55;margin-top:22px;color:#b9c9cf}
.hero-live-message{align-self:center;justify-self:end;width:min(100%,300px);padding:28px 28px 24px;border-radius:20px;background:rgba(4,22,30,.42);border:1px solid rgba(103,226,200,.18);backdrop-filter:blur(13px) saturate(1.1);box-shadow:0 24px 70px rgba(0,0,0,.20);text-align:left}
.hero-live-label{font-size:9.5px;letter-spacing:.19em;color:#6fe3ca;font-weight:800;margin-bottom:20px}
.hero-live-words{display:grid;gap:8px;font-size:12px;letter-spacing:.15em;color:#e6f0f2;font-weight:780}
.hero-live-rule{width:46px;height:2px;background:linear-gradient(90deg,#23d6ad,transparent);margin:22px 0 18px}
.hero-live-message strong{display:block;font-size:18px;line-height:1.08;letter-spacing:.08em;color:#fff}
.hero-live-message small{display:block;margin-top:18px;color:#90a8b0;font-size:10.5px;letter-spacing:.04em}
.hero-livechart:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(85,225,195,.23),transparent);z-index:4}

/* Editorial blocks */
.home-intro .split{align-items:center;gap:72px}
.home-intro .principles-card{padding:28px 30px;background:linear-gradient(180deg,#fff,#fbfefe)}
.home-intro .principles-card>div{padding:14px 0}
.home-intro .principles-card strong{font-size:15px}
.home-intro .principles-card small{font-size:13px;line-height:1.5}

@media(max-width:1080px){
  .hero-v2 .hero-inner{grid-template-columns:1fr 1fr;gap:34px}
  .investment-stage{height:430px}
  .hero-live-inner{grid-template-columns:minmax(0,1fr) 270px;gap:42px}
}
@media(max-width:900px){
  .wrap{width:min(100% - 32px,1220px)}
  .hero.hero-v2{min-height:auto}
  .hero-v2 .hero-inner{min-height:auto;grid-template-columns:1fr;padding:62px 0 46px;gap:34px}
  .hero-v2 .hero-copy{max-width:720px;margin-inline:auto;text-align:center}
  .hero-v2 h1,.hero-v2 .lead{margin-inline:auto}
  .hero-v2 .actions{justify-content:center}
  .investment-visual{min-height:390px}
  .investment-stage{height:390px;max-width:760px;margin-inline:auto}
  .home-intro .split{gap:36px}
  .hero.hero-livechart{min-height:auto}
  .hero-live-inner{min-height:600px;grid-template-columns:1fr;align-content:center;gap:30px;padding:58px 0 44px}
  .hero-live-copy{max-width:720px}
  .hero-live-message{justify-self:start;width:280px;padding:22px 24px}
  .hero-chart-shade{background:linear-gradient(90deg,rgba(4,18,26,.94),rgba(4,18,26,.77) 62%,rgba(4,18,26,.58)),linear-gradient(180deg,rgba(3,15,22,.18),rgba(3,15,22,.72))}
}
@media(max-width:620px){
  body{font-size:15.5px}
  .wrap{width:min(100% - 24px,1220px)}
  .section{padding:58px 0}
  .section h2{font-size:clamp(30px,9vw,40px)}
  .hero-v2 .hero-inner{padding:50px 0 36px}
  .hero-v2 h1{font-size:clamp(42px,13vw,56px)}
  .hero-v2 .hero-sub{font-size:16px}
  .hero-v2 .lead{font-size:15.5px}
  .investment-visual{min-height:310px}
  .investment-stage{height:310px;border-radius:20px}
  .metric-pill{padding:9px 10px;border-radius:11px}
  .metric-pill strong{font-size:12px}.metric-pill span{font-size:9px}
  .metric-one{top:44px;right:16px}.metric-two{top:130px;right:8px}.metric-three{left:16px;bottom:38px}
  .visual-caption{left:18px;top:18px;font-size:8.5px}
  .hero-live-inner{min-height:570px;padding:48px 0 34px;gap:24px}
  .hero-livechart h1{font-size:clamp(42px,12.5vw,55px)}
  .hero-livechart .hero-sub{font-size:16px}
  .hero-livechart .lead{font-size:15.5px}
  .hero-live-message{width:100%;max-width:none;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px 22px;padding:18px 20px;border-radius:16px}
  .hero-live-label{grid-column:1/-1;margin:0}
  .hero-live-words{grid-template-columns:repeat(2,auto);gap:6px 18px;font-size:10px}
  .hero-live-rule{display:none}
  .hero-live-message strong{font-size:14px;text-align:right}
  .hero-live-message small{grid-column:1/-1;margin:2px 0 0;font-size:9.5px}
  .hero-chart-bg{opacity:.60;transform:scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
  .equity-path{animation:none;stroke-dashoffset:0}.data-node{animation:none;opacity:1}
  .page-card,.panel,.tool-card,.principles-card{transition:none}
}
