:root{--brand-green:#006341;--action:#006341;--action-hover:#004e34;--action-tint:#e9f3ee;--ease:cubic-bezier(.22,.61,.36,1)}
body{font-weight:300}.sidebar-logo-link{max-width:210px}.sidebar-logo{background:#006341;border-radius:10px;padding:0;overflow:hidden}.sidebar-brand{font-weight:500}.hero-headline,.framework-title,.insight-text,.northstar-statement{font-weight:300!important;letter-spacing:-.045em}.hero-headline{max-width:19ch}.home-hero{padding-top:48px}.hero-signature{border:0;margin-bottom:42px}.hero-signature img{width:min(620px,100%);border-radius:12px;box-shadow:0 16px 40px rgba(0,99,65,.12)}
.hero-visual,.home-hero-visual{border-radius:24px;overflow:hidden}.media-frame{border-radius:22px;overflow:hidden;background:#111}.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover;display:block}.ratio-16x9{aspect-ratio:16/9}.ratio-9x16{aspect-ratio:9/16}.ratio-4x5{aspect-ratio:4/5}.ratio-4x3{aspect-ratio:4/3}
.media-placeholder{position:relative;overflow:hidden;border:1px solid rgba(0,99,65,.18);border-radius:22px;background:linear-gradient(135deg,#f7faf8,#e4efe8 55%,#d4b878);min-height:250px}.ph-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,99,65,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,99,65,.06) 1px,transparent 1px);background-size:32px 32px}.ph-orbit{position:absolute;width:320px;height:320px;border:1px solid rgba(0,99,65,.2);border-radius:50%;right:-70px;top:-80px;animation:orbit 9s linear infinite}.ph-orbit:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#b9975b;left:38px;top:34px;box-shadow:0 0 0 10px rgba(185,151,91,.15)}@keyframes orbit{to{transform:rotate(360deg)}}.ph-content{position:absolute;z-index:2;left:28px;right:28px;bottom:26px}.ph-content span{display:block;font:600 10px/1.2 var(--font-mono);letter-spacing:.14em;color:#006341}.ph-content strong{display:block;font:300 clamp(1.4rem,3vw,2.4rem)/1.05 var(--font-display);margin:8px 0;max-width:14ch}.ph-content p{max-width:48ch;margin:0 0 8px;color:#3a3c42;font-size:13px}.ph-content small{color:#6b6d74;font-family:var(--font-mono)}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .24s var(--ease),transform .24s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
.system-block{padding:96px 0;border-top:1px solid var(--border)}.section-eyebrow,.micro-label{font-size:10px;letter-spacing:.14em;font-weight:600;color:#006341;text-transform:uppercase}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.media-spec-card{border:1px solid var(--border);border-radius:24px;padding:12px;background:#fff}.media-meta{padding:18px 10px 10px}.media-meta>span{font:600 10px var(--font-mono);color:#006341;text-transform:uppercase}.media-meta h3{font-weight:400;font-size:22px;margin:8px 0}.media-meta p{font-size:13px;color:var(--ink-500)}.media-meta code{font-size:11px;color:var(--ink-500)}
.token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.token-card{border:1px solid var(--border);border-radius:18px;padding:20px;min-height:220px;transition:.16s var(--ease)}.token-card:hover{transform:translateY(-2px);border-color:#006341}.token-card>span{font-size:10px;text-transform:uppercase;color:#006341;letter-spacing:.12em}.token-card h3{font-weight:400;margin:30px 0 12px}.token-card code{display:inline-block;background:var(--surface-2);padding:6px 8px;border-radius:8px}.token-card p{font-size:13px}.token-card small{color:var(--ink-500)}
.component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.component-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#fff}.component-preview{background:#f2f7f4;min-height:280px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:14px;transition:.18s var(--ease)}.component-card:hover .component-preview{background:#e7f1eb}.component-preview>span{font:600 10px var(--font-mono);color:#006341}.demo-line{height:10px;width:68%;background:#006341;border-radius:99px;opacity:.2}.demo-line.wide{width:94%;height:28px;opacity:.9}.component-preview button{align-self:flex-start;border:0;background:#006341;color:#fff;border-radius:99px;padding:9px 14px}.component-body{padding:24px}.component-body h3{font-weight:400;font-size:22px}.component-body p,.component-body dd{font-size:13px;color:var(--ink-500)}.component-body dl{display:grid;grid-template-columns:70px 1fr;gap:8px}.component-body dt{font-size:11px;font-weight:600}
.pattern-list{display:grid;gap:12px}.pattern-card{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:24px;border:1px solid var(--border);border-radius:18px}.pattern-index{font:300 34px var(--font-display);color:#b9975b}.pattern-card h3{font-weight:400;font-size:24px;margin:0 0 8px}.pattern-card p{font-size:13px;color:var(--ink-500)}.pattern-card strong{font-weight:500}.pattern-card small{color:#6f263d}
.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reference-card{border:1px solid var(--border);padding:22px;border-radius:18px;text-decoration:none;transition:.16s var(--ease)}.reference-card:hover{transform:translateY(-2px);border-color:#006341}.reference-card span{color:#006341;font-size:11px;text-transform:uppercase}.reference-card h3{font-weight:400}.reference-card p{font-size:13px;color:var(--ink-500);min-height:58px}.reference-card b{font-size:12px;font-weight:500}
.motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.motion-demo{border:1px solid var(--border);background:#fff;border-radius:18px;padding:22px;text-align:left;cursor:pointer;min-height:240px;transition:.16s var(--ease)}.motion-demo:hover{border-color:#006341;transform:translateY(-2px)}.motion-object{display:block;width:64px;height:64px;border-radius:16px;background:#006341;margin-bottom:28px}.motion-demo strong{display:block;font-weight:400;font-size:20px}.motion-demo code{font-size:11px;color:#006341}.motion-demo p,.motion-demo small{font-size:12px;color:var(--ink-500)}.motion-demo.is-playing .motion-object{animation:playMotion .7s var(--ease)}@keyframes playMotion{0%{opacity:.2;transform:translateY(12px) scale(.985)}60%{opacity:1;transform:translateY(-2px)}100%{transform:none}}
.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.photo-card{border:1px solid var(--border);border-radius:22px;overflow:hidden}.photo-body{padding:22px}.photo-body h4{font-weight:400;font-size:20px}.photo-body dl{display:grid;grid-template-columns:86px 1fr;gap:8px;font-size:12px}.photo-body dt{font-weight:600}.photo-body dd{margin:0;color:var(--ink-500)}
.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.asset-card{border:1px solid var(--border);border-radius:20px;overflow:hidden}.asset-preview{height:220px;padding:30px;display:grid;place-items:center;background:#fff}.asset-bg-verde-oscuro,.asset-bg-verde{background:#006341}.asset-preview img{max-width:100%;max-height:130px;object-fit:contain}.asset-body{padding:20px}.asset-body span{font-size:10px;color:#006341;text-transform:uppercase}.asset-body h3{font-weight:400}.asset-body p,.asset-body small{font-size:12px;color:var(--ink-500);display:block}.asset-body a{display:inline-block;margin-top:14px;color:#006341;font-weight:500}
.goodbad .gb-item>.media-placeholder{min-height:210px}.example-card .media-placeholder{border-radius:0;min-height:250px}.example-body>span{font-size:10px;color:#006341;text-transform:uppercase}.download-card.is-placeholder{border-style:dashed;opacity:.75}.checklist-row input{accent-color:#006341;width:18px;height:18px}.checklist-row:has(input:checked){color:#006341;background:#eef6f1}
@media(max-width:1000px){.token-grid{grid-template-columns:repeat(2,1fr)}.reference-grid,.motion-grid{grid-template-columns:1fr 1fr}.component-card{grid-template-columns:1fr}.media-grid,.photo-grid,.asset-grid{grid-template-columns:1fr}}@media(max-width:600px){.token-grid,.reference-grid,.motion-grid{grid-template-columns:1fr}.hero-signature img{width:100%}}
.home-system{padding:96px 0;border-top:1px solid var(--border)}.home-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.home-system-grid a{position:relative;overflow:hidden;text-decoration:none;border:1px solid var(--border);border-radius:22px;padding:28px;min-height:260px;transition:.18s var(--ease)}.home-system-grid a:hover{transform:translateY(-3px);border-color:#006341;box-shadow:var(--shadow-soft)}.home-system-grid span{font:600 10px var(--font-mono);color:#006341}.home-system-grid h3{font:300 34px/1 var(--font-display);margin:55px 0 12px}.home-system-grid p{color:var(--ink-500);font-size:13px;max-width:24ch}.home-system-grid i{position:absolute;width:160px;height:160px;border:1px solid rgba(0,99,65,.18);border-radius:50%;right:-70px;top:-60px;transition:.4s var(--ease)}.home-system-grid a:hover i{transform:scale(1.18) rotate(25deg);background:rgba(0,99,65,.05)}@media(max-width:800px){.home-system-grid{grid-template-columns:1fr}}