:root{--navy:#07171f;--paper:#eef2f3;--gold:#d1b27a}
body{background:#eef2f3}header{position:relative;padding:26px 5%;background:#07171f;border-bottom:1px solid #31444c}
.reading-progress{position:fixed;z-index:40;top:0;left:0;height:3px;width:100%;background:#d1b27a;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero{background:#07171f;overflow:hidden;position:relative}.hero:before{content:'CALOC';position:absolute;font:500 clamp(120px,26vw,430px)/1 system-ui;letter-spacing:-.08em;color:#ffffff03;right:0;bottom:230px;pointer-events:none}
.hero-copy{display:grid;grid-template-columns:1.1fr 1fr;max-width:none;gap:42px;padding:70px 5% 60px}.hero-text{align-self:center;position:relative;z-index:1}
.hero-copy>.eyebrow{display:none}.hero-text>.eyebrow{color:#d1b27a;font-size:.875rem;letter-spacing:.14em;margin:0 0 25px}.hero-index{color:#8da6b1;font-size:.875rem;letter-spacing:.07em;margin:0 0 25px}
h1{font-family:system-ui,sans-serif;font-size:clamp(2.6rem,5vw,6rem);line-height:1.02;letter-spacing:-.065em;font-weight:500;max-width:840px}h1 em{color:#d1b27a;font-style:normal}.intro{max-width:540px;font-size:1rem;line-height:1.8;margin:28px 0;color:#b9c9d1}.territories{font-size:.875rem;line-height:1.8;color:#91a9b6}
.scene-shell{position:relative;align-self:center;min-width:0;background:linear-gradient(135deg,#0f2d38aa,#06151dee);border:1px solid #38505a;border-radius:3px;overflow:hidden;box-shadow:0 35px 100px #0004}
.scene-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #2f4650;font-size:.875rem;color:#a5bcc5}.scene-top span{letter-spacing:.1em}.scene-top button{background:none;border:0;color:#d2c5ab;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
#advisory-scene{width:100%;height:340px;display:block}.scene-bottom{padding:0 24px 23px}.scene-bottom h2{font:500 1.3rem/1.3 system-ui;letter-spacing:-.02em;color:#edf3f5;margin:0}.scene-bottom p{color:#9fb6c1;font-size:.9rem;line-height:1.6;margin:10px 0 18px;min-height:3.2em}.scene-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.scene-modes button{background:#0c2530;border:1px solid #37515c;color:#acc4ce;padding:12px 5px;font:500 .875rem system-ui;cursor:pointer}.scene-modes button[aria-pressed=true]{background:#d1b27a;border-color:#d1b27a;color:#07171f}.scene-note{font-size:.75rem;color:#91aab6;margin:14px 0 0}
.hero-aside{display:none}.section{padding:100px 5%}.section-head h2,h2{font-family:system-ui,sans-serif;font-size:clamp(2.1rem,4vw,4.4rem);letter-spacing:-.055em;font-weight:500}.section-head{grid-template-columns:1.3fr 1fr}.eyebrow{font-size:.875rem;letter-spacing:.1em;color:#736240}
.cards{gap:22px;margin-top:46px}.cards article{position:relative;overflow:hidden;background:#fff;border:1px solid #d3dee4;padding:36px 34px;min-height:385px;transition:background .3s,transform .3s,box-shadow .3s}.cards article+article{border:1px solid #d3dee4}.cards article:hover,.cards article:focus-within{transform:translateY(-5px);box-shadow:0 20px 45px #102d3c12;background:#f9fbfc}.cards h3{font:500 clamp(1.55rem,2.3vw,2.1rem)/1.15 system-ui;letter-spacing:-.035em;max-width:85%;position:relative}.cards .number{font-size:.875rem;color:#667b88;letter-spacing:.04em;margin-bottom:26px}.cards p{max-width:490px}.cards ul{font-size:.95rem}.cards a{font-size:.9rem;font-weight:600}.cards article:after{content:attr(data-number);position:absolute;font:400 8rem/1 system-ui;color:#0a2b3b06;right:17px;top:58px;pointer-events:none}.cards article:nth-child(2){background:#e7eef1}.cards article:nth-child(3){background:#102a36;color:#e8eff2;border-color:#102a36}.cards article:nth-child(3) p,.cards article:nth-child(3) .number{color:#bdd0d9}.cards article:nth-child(3):after{color:#fff07}.cards article:nth-child(3) a{border-color:#40606f}.cards article:nth-child(4){background:#d8c6a7}.cards article:nth-child(4) a{border-color:#b5a182}.cards article:nth-child(4) p{color:#3b464d}
.method{background:#07171f;color:#dce8ee}.method .eyebrow{color:#d1b27a}.method>div>p:last-child,.method li p{color:#a8bdc8}.method li{border-color:#36505c}.method li:before{color:#d1b27a}.profile{background:white}.timeline{border-color:#adc0c9}.scope{background:#15313e}.diagnostic{background:#edf2f4}.diagnostic form{background:white;border:1px solid #d5e0e7}footer{background:#07171f}.gold{background:#d1b27a;color:#07171f;border-color:#d1b27a}.gold:hover{background:#e2c38e}.reveal{transition:opacity .7s ease,translate .7s ease}@media(prefers-reduced-motion:no-preference){.reveal:not(.is-visible){opacity:0;translate:0 22px}}
@media(max-width:1100px){.hero-copy{grid-template-columns:1fr 1fr;gap:28px;padding-top:45px}h1{font-size:clamp(2.65rem,5vw,5rem)}.scene-modes{grid-template-columns:1fr 1fr}.scene-bottom{padding:0 18px 18px}#advisory-scene{height:300px}.scene-top{flex-wrap:wrap}}
@media(max-width:800px){.hero-copy{grid-template-columns:1fr;padding:46px 6% 50px}.hero-text{max-width:640px}.scene-shell{max-width:640px;width:100%;margin:auto}.scene-modes{grid-template-columns:repeat(4,1fr)}h1{font-size:clamp(2.6rem,8vw,4.5rem)}.section{padding:65px 6%}.cards article{min-height:0}.section-head{grid-template-columns:1fr}.cards h3{max-width:90%}.scene-top{flex-wrap:nowrap}}
@media(max-width:500px){.scene-top{flex-wrap:wrap}.scene-modes{grid-template-columns:1fr 1fr}.scene-shell{margin-top:8px}#advisory-scene{height:270px}.cards article{padding:28px 24px}.section{padding:55px 6%}nav{gap:16px}.hero-index{letter-spacing:.01em}.presentation-link{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.reveal,.cards article{transition:none}.cards article:hover,.cards article:focus-within{transform:none}}