:root{--bg: #f5f6f2;--ink: #101418;--muted: #5f6772;--line: rgba(16, 20, 24, .12);--line-strong: rgba(16, 20, 24, .24);--panel: rgba(255, 255, 255, .68);--panel-border: rgba(16, 20, 24, .08);--accent: #111827;--accent-soft: rgba(17, 24, 39, .12);--accent-glow: rgba(99, 102, 241, .2);--shadow: 0 20px 60px rgba(0, 0, 0, .08);--radius: 28px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);scroll-behavior:smooth}body{overflow-x:hidden}button{font:inherit}.landing-page{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to right,rgba(16,20,24,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(16,20,24,.06) 1px,transparent 1px),radial-gradient(circle at 50% 25%,#ffffffe6,#f5f6f2f2 45%,#ebede8);background-size:32px 32px,32px 32px,auto}.grid-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,rgba(16,20,24,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(16,20,24,.03) 1px,transparent 1px);background-size:160px 160px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 95%);mask-image:radial-gradient(circle at center,black 40%,transparent 95%)}.hero{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:5rem 1.5rem 2rem}.hero-inner{width:min(1200px,100%);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem}.monogram-wrap{position:relative;width:min(38vw,420px);height:min(38vw,420px);min-width:260px;min-height:260px;margin-inline:auto;animation:floatPulse 6s ease-in-out infinite}.monogram-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--line-strong)}.ring-outer{transform:scale(1);box-shadow:0 0 0 20px #ffffff2e,0 20px 60px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ring-inner{inset:22px;border-color:#1014182e}.monogram{position:absolute;inset:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#ffffffd1,#f4f6f294);border:1px solid var(--panel-border);font-size:clamp(5rem,11vw,10rem);font-weight:700;letter-spacing:.04em;box-shadow:var(--shadow);animation:revealUp 1s ease both}.hero-copy{max-width:520px;animation:revealUp 1s ease both}.eyebrow{margin:0 0 .75rem;font-size:.78rem;letter-spacing:.28em;color:var(--muted)}.hero-copy h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;letter-spacing:-.04em}.subtext{margin-top:1.25rem;font-size:1.05rem;line-height:1.7;color:var(--muted);max-width:46ch}.timeline-section{position:relative;z-index:1;padding:0 1rem 1.5rem}.timeline-shell{width:min(1280px,100%);margin:0 auto;padding:1.25rem 1.25rem 1.5rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap}.timeline-header h2{margin:0;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.timeline-subhead{margin:.45rem 0 0;color:var(--muted);font-size:.95rem}.timeline-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.current-badge,.timeline-toggle,.focus-year-pill,.event-panel-badge{border:1px solid var(--panel-border);background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.current-badge{padding:.55rem .85rem;border-radius:999px;font-size:.92rem;color:var(--ink)}.timeline-toggle{padding:.7rem 1rem;border-radius:999px;color:var(--ink);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.timeline-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000014}.timeline-current-focus{display:flex;justify-content:center;padding:1.25rem 0 .5rem;transition:opacity .35s ease,max-height .35s ease,transform .35s ease;max-height:120px;overflow:hidden}.timeline-current-focus.is-hidden{opacity:0;max-height:0;transform:translateY(-8px);padding:0}.focus-year-pill{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.4rem;border-radius:999px;box-shadow:0 16px 40px #00000014}.focus-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.focus-year{font-size:2rem;font-weight:700;line-height:1}.timeline-viewport{overflow:hidden;transition:max-height .55s ease,opacity .45s ease,margin-top .45s ease;opacity:1;max-height:520px;margin-top:.5rem}.timeline-viewport.is-collapsed{max-height:0;opacity:0;margin-top:0}.timeline-scroll{overflow-x:auto;overflow-y:visible;padding-bottom:.5rem;scroll-behavior:smooth}.timeline{position:relative;min-width:1700px;padding:7.5rem 1.25rem 4rem}.timeline-line{position:absolute;top:132px;left:1.25rem;right:1.25rem;height:2px;background:linear-gradient(to right,#1014182e,#10141857,#1014182e)}.timeline-progress{position:absolute;top:132px;left:1.25rem;height:2px;width:0;background:linear-gradient(to right,#11182773,#111827fa);transition:width .8s ease;z-index:1}.timeline-future-glow{position:absolute;top:120px;height:26px;border-radius:999px;background:linear-gradient(to right,#6366f14d,#6366f114,#6366f100);filter:blur(10px);opacity:.9;transition:left .8s ease,width .8s ease;animation:shimmerGlow 4s ease-in-out infinite;z-index:0}.timeline-now{position:absolute;top:96px;left:0;transform:translate(-50%);transition:left .8s ease;text-align:center;pointer-events:none;z-index:3}.timeline-now-dot{display:block;width:14px;height:14px;margin:0 auto .35rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px #1118271a;animation:pulseNow 2.2s infinite ease-in-out}.timeline-now-label{display:inline-block;padding:.35rem .6rem;border-radius:999px;background:#fff;border:1px solid var(--panel-border);font-size:.78rem;color:var(--ink);box-shadow:0 10px 30px #00000014}.milestone-layer{position:absolute;inset:0 1.25rem auto;height:110px;pointer-events:none;z-index:2}.milestone-card{position:absolute;top:0;width:180px;transform:translate(-50%) translateY(10px);opacity:0;transition:opacity .45s ease,transform .45s ease}.timeline-viewport.is-expanded .milestone-card{opacity:1;transform:translate(-50%) translateY(0)}.milestone-card-inner{pointer-events:auto;background:#ffffffe0;border:1px solid var(--panel-border);border-radius:20px;padding:.9rem .95rem;box-shadow:0 14px 30px #00000014}.milestone-kicker{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.milestone-card h3{margin:0 0 .4rem;font-size:1rem}.milestone-card p{margin:0;font-size:.84rem;line-height:1.45;color:var(--muted)}.timeline-years{position:relative;display:grid;grid-template-columns:repeat(51,minmax(26px,1fr));gap:0;align-items:start;z-index:2}.timeline-year{position:relative;text-align:center;padding-top:.2rem;background:transparent;border:0;cursor:pointer;color:inherit}.timeline-year:before{content:"";position:absolute;top:80px;left:50%;width:1px;height:40px;background:#1014181f;transform:translate(-50%)}.year-dot{position:relative;z-index:2;display:inline-block;width:10px;height:10px;margin-top:75px;border-radius:50%;background:#fff;border:2px solid rgba(16,20,24,.45);box-shadow:0 0 0 6px #11182708;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.year-label{display:inline-block;margin-top:2.4rem;font-size:.78rem;color:var(--muted);transform:rotate(-32deg);transform-origin:top center;white-space:nowrap}.year-tooltip{position:absolute;left:50%;top:34px;transform:translate(-50%) translateY(6px);opacity:0;pointer-events:none;white-space:nowrap;font-size:.75rem;background:#111827f2;color:#fff;padding:.45rem .6rem;border-radius:999px;box-shadow:0 10px 30px #00000029;transition:opacity .18s ease,transform .18s ease}.timeline-year:hover .year-tooltip,.timeline-year:focus-visible .year-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.timeline-year:hover .year-dot,.timeline-year:focus-visible .year-dot{transform:scale(1.1);box-shadow:0 0 0 10px #11182712}.timeline-year.is-current .year-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 10px #1118271a}.timeline-year.is-current .year-label{color:var(--accent);font-weight:700}.timeline-year.is-active .year-dot,.timeline-year.is-milestone .year-dot{border-color:#6366f1e6}.timeline-year.is-active .year-dot{background:#6366f1;box-shadow:0 0 0 12px #6366f11f}.event-panel{margin-top:1.5rem;background:#ffffffd1;border:1px solid var(--panel-border);border-radius:24px;padding:1.2rem 1.2rem 1.25rem;box-shadow:0 16px 40px #0000000f;animation:revealUp .6s ease both}.event-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.event-panel-kicker{margin:0 0 .25rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.event-panel h3{margin:0;font-size:1.8rem}.event-panel-badge{padding:.5rem .85rem;border-radius:999px;font-size:.85rem}.event-panel-summary{margin:1rem 0 .75rem;font-size:1rem;color:var(--ink)}.event-panel-detail{color:var(--muted);line-height:1.65}@keyframes floatPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseNow{0%,to{transform:scale(1);box-shadow:0 0 0 8px #1118271a}50%{transform:scale(1.08);box-shadow:0 0 0 14px #1118270f}}@keyframes shimmerGlow{0%,to{opacity:.75;filter:blur(10px)}50%{opacity:1;filter:blur(14px)}}@media(max-width:980px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-copy{max-width:700px;margin:0 auto}}@media(max-width:640px){.hero{padding-top:3rem}.timeline-shell{padding:1rem;border-radius:22px}.timeline{min-width:1500px;padding-bottom:4rem}.subtext{font-size:1rem}.timeline-controls{width:100%}}
