:root{color-scheme:dark;--background:#102d21;--ink:#f2f5ec;--muted:#b5c6b9;--accent:#a4fa68;--line:rgba(213,233,215,.18);font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 44%,rgba(62,112,68,.18),transparent 52%);pointer-events:none}
a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px;border-radius:2px}
.page{max-width:1560px;margin:auto;padding:0 6.3%;min-height:100svh;display:flex;flex-direction:column}
.header{min-height:122px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.brand{display:inline-flex;align-items:center;gap:20px}.brand-monogram{font-size:47px;font-weight:700;letter-spacing:-4px;line-height:1}.brand-dot{color:var(--accent)}
.brand-name{font-size:12px;letter-spacing:2px;font-weight:700;border-left:1px solid var(--line);padding-left:20px;line-height:1.5}.brand-name span{display:block;font-size:12px;letter-spacing:.1px;font-weight:400;color:var(--muted);margin-top:4px}
.header-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px;letter-spacing:.25px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(164,250,104,.08)}
.hero{flex:1;display:grid;grid-template-columns:1.2fr 1fr;gap:4%;align-items:center;padding:76px 0 86px;min-height:670px}
.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700;margin:0 0 32px;display:flex;gap:18px;align-items:center;color:var(--muted)}.eyebrow span{color:var(--accent);letter-spacing:1px}
h1{font-size:clamp(48px,5.9vw,86px);font-weight:400;line-height:1.05;letter-spacing:-4.2px;margin:0 0 34px}h1 span{color:var(--accent);font-size:.88em;letter-spacing:-3.5px}
.message{max-width:440px;padding-left:22px;border-left:2px solid var(--accent)}h2{font-size:18px;line-height:1.4;margin:0 0 11px;font-weight:600}.message p{font-size:16px;line-height:1.8;margin:0;color:var(--muted)}
.progress-note{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px;letter-spacing:.4px;margin-top:38px}.progress-line{width:42px;height:2px;background:var(--accent)}
.brand-visual{position:relative;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.orbit{position:absolute;border:1px solid rgba(164,250,104,.11);border-radius:50%;width:440px;height:440px;pointer-events:none}.orbit-two{width:360px;height:360px;border-style:dashed;opacity:.55}.orbit-three{width:520px;height:520px;opacity:.6}
.orbit-one::after{content:"";position:absolute;left:72px;top:46px;width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px rgba(164,250,104,.35)}
.brand-card{position:relative;width:100%;max-width:450px;background:#214f30;border:1px solid rgba(172,215,176,.25);border-radius:12px;box-shadow:0 30px 75px rgba(0,0,0,.25);overflow:hidden;transform:rotate(-4deg)}
.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;margin:0 27px;padding:20px 0;font-size:10px;letter-spacing:1.5px;color:#d2e2d3}.card-top{border-bottom:1px solid rgba(220,244,220,.16)}.card-mark{font-size:21px;line-height:1;color:var(--accent)}.original-logo{display:block;width:100%;height:auto}.card-bottom{border-top:1px solid rgba(220,244,220,.16);font-size:11px;letter-spacing:.3px}
.visual-caption{position:relative;margin:36px 0 0;font-size:11px;color:var(--muted);letter-spacing:.5px;display:flex;gap:12px;align-items:center}.visual-caption span{color:var(--accent);font-size:18px}
.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:85px;color:var(--muted);font-size:11px;line-height:1.6}.footer a{color:var(--ink);font-size:12px;white-space:nowrap}.footer a span{color:var(--accent);margin-left:14px}.footer a:hover{color:var(--accent)}
@media(min-width:1600px){.hero{gap:8%}}
@media(max-width:1050px){.page{padding:0 5%}.hero{gap:5%;min-height:620px}h1{font-size:64px;letter-spacing:-3px}h1 span{letter-spacing:-2.5px}.orbit{width:340px;height:340px}.orbit-two{width:280px;height:280px}.orbit-three{width:390px;height:390px}.brand-card{max-width:340px}.brand-visual{min-height:400px}}
@media(max-width:760px){.page{padding:0 7%}.header{min-height:99px}.header-note{display:none}.brand-monogram{font-size:40px}.brand-name{font-size:10px;letter-spacing:1.4px}.brand-name span{font-size:11px}.hero{grid-template-columns:1fr;padding:47px 0 50px;gap:44px;min-height:0}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:26px}h1{font-size:clamp(44px,9.5vw,66px);letter-spacing:-2.4px;margin-bottom:28px}h1 span{letter-spacing:-2px}.message{max-width:100%;padding-left:18px}.message p{font-size:15px}.progress-note{margin-top:26px}.brand-visual{min-height:360px}.brand-card{max-width:350px;width:90%}.orbit{width:300px;height:300px}.orbit-two{width:245px;height:245px}.orbit-three{width:min(355px,95%);height:355px}.visual-caption{margin-top:25px;font-size:10px}.footer{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:105px;padding:18px 0}.footer p{margin:0}.card-top,.card-bottom{margin:0 20px;padding:16px 0}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.brand-visual{animation:arrive .8s ease-out both}.brand-visual{animation-delay:.15s}@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}
@media print{body{background:#fff;color:#102d21}.orbit{display:none}.message p,.footer,.eyebrow,.progress-note,.visual-caption{color:#334b3c}h1 span{color:#214f30}.page{min-height:auto}}