:root{--bg-start: #1E293B;--bg-end: #334155;--text: #F8FAFC;--text-dim: #CBD5E1;--text-faint: #94A3B8;--accent: #FD9A52;--info: #34B2C9;--border-gray: #64748B;--card-bg: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .1);--amber: #F4B854;--clay: #CA8461;--sienna: #9F634B;--brown: #724C3D;--bone: #F2E6D3;--r-feature: 20px;--r-card: 16px;--r-chip: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ics-quaternary: #F9F97F;--ics-neogene: #FFE619;--ics-paleogene: #FD9A52;--ics-cretaceous: #7FC64E;--ics-jurassic: #34B2C9;--ics-triassic: #812B92;--ics-permian: #F04028;--ics-carboniferous: #67A599;--ics-pennsylvanian: #99C2B5;--ics-mississippian: #678F66;--ics-devonian: #CB8C37;--ics-silurian: #B3E1B6;--ics-ordovician: #009270;--ics-cambrian: #7FA056;--ics-ediacaran: #FED96A;--ics-proterozoic: #F73563;--ics-archean: #F0047F;--ics-hadean: #AE027E;--ics-precambrian: #F73563}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);background:linear-gradient(135deg,var(--bg-start) 0%,var(--bg-end) 100%);background-attachment:fixed;color:var(--text);line-height:1.65;min-height:100vh;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.25;font-weight:700;letter-spacing:-.01em}.container{max-width:1100px;margin-inline:auto;padding-inline:1rem}@media (min-width: 768px){.container{padding-inline:2rem}}.caption{font-size:.8125rem;color:var(--text-dim)}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--r-card);padding:1.5rem}.card--feature{border-radius:var(--r-feature);box-shadow:0 4px 8px #fd9a5226}.card--wash{position:relative;overflow:hidden}.card--wash:before{content:"";position:absolute;inset:0 0 auto;height:64px;background:linear-gradient(to bottom,rgba(var(--wash-rgb, 253, 154, 82),.12),transparent);pointer-events:none;border-radius:inherit}a.card{color:var(--text);display:block;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}a.card:hover{text-decoration:none;transform:translateY(-2px);border-color:#ffffff38;background-color:#ffffff1c}.chip{background:#ffffff0f;border:1px solid var(--card-border);border-radius:var(--r-chip);padding:.75rem 1rem}.chip strong{display:block;font-size:.9375rem}.chip p,.chip span{font-size:.8125rem;color:var(--text-dim);line-height:1.45}.badge{display:inline-block;border-radius:999px;padding:.2rem .7rem;font-size:.75rem;font-weight:600;letter-spacing:.03em;background:#ffffff1a;color:var(--text-dim)}.btn{display:inline-block;border:none;border-radius:var(--r-chip);padding:.8rem 1.6rem;font-family:var(--font);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn:hover{text-decoration:none}.btn--primary{background:var(--accent);color:#1e293b;box-shadow:0 4px 8px #fd9a5240}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 14px #fd9a5259}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border-gray)}.btn--ghost:hover{border-color:var(--text-dim);background:#ffffff0f}.callout{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--r-card);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.callout:before{content:"";position:absolute;inset:0 0 auto;height:56px;pointer-events:none;border-radius:inherit}.callout-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.callout--info{border-color:#34b2c959}.callout--info:before{background:linear-gradient(to bottom,rgba(52,178,201,.1),transparent)}.callout--info .callout-label{color:#7fd4e4}.callout--tip{border-color:#fd9a524d}.callout--tip:before{background:linear-gradient(to bottom,rgba(253,154,82,.1),transparent)}.callout--tip .callout-label{color:#fec38f}.callout--danger{border-color:#f0402880}.callout--danger:before{background:linear-gradient(to bottom,rgba(240,64,40,.12),transparent)}.callout--danger .callout-label{color:#f99c8e}.ics-strip{height:6px;border-radius:999px;border:none;background:linear-gradient(to right,var(--ics-quaternary) 0 6.7%,var(--ics-neogene) 6.7% 13.3%,var(--ics-paleogene) 13.3% 20%,var(--ics-cretaceous) 20% 26.7%,var(--ics-jurassic) 26.7% 33.3%,var(--ics-triassic) 33.3% 40%,var(--ics-permian) 40% 46.7%,var(--ics-carboniferous) 46.7% 53.3%,var(--ics-devonian) 53.3% 60%,var(--ics-silurian) 60% 66.7%,var(--ics-ordovician) 66.7% 73.3%,var(--ics-cambrian) 73.3% 80%,var(--ics-proterozoic) 80% 86.7%,var(--ics-archean) 86.7% 93.3%,var(--ics-hadean) 93.3% 100%)}.swatch{display:inline-block;width:20px;height:14px;border-radius:3px;border:.5px solid rgba(0,0,0,.2);flex:none}.page-header{padding:3.5rem 0 2rem;text-align:center}.page-header h1{font-size:clamp(2rem,5vw,2.75rem);margin-bottom:.5rem}.page-header .subtitle{color:var(--text-dim);font-size:1.0625rem;max-width:640px;margin:0 auto 1.5rem}.page-header .ics-strip{max-width:320px;margin:0 auto}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.grid-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.section{margin-bottom:2rem}.section>h2{font-size:1.5rem;margin-bottom:1rem}.section h3{font-size:1.125rem;margin:1.25rem 0 .5rem}.section h4{font-size:1rem;margin-bottom:.35rem}.section p{color:var(--text-dim)}.section ul,.section ol{color:var(--text-dim);padding-left:1.25rem;margin:.5rem 0}.section li{margin-bottom:.35rem}main.container{padding-bottom:4rem}.site-nav{position:sticky;top:0;z-index:1000;background:#0f172abf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border)}.site-nav .nav-inner{max-width:1100px;margin-inline:auto;padding:.7rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (min-width: 768px){.site-nav .nav-inner{padding-inline:2rem}}.site-nav .nav-brand{display:flex;align-items:center;gap:.6rem;color:var(--text);font-weight:700;font-size:1.0625rem}.site-nav .nav-brand:hover{text-decoration:none}.site-nav .nav-brand img{width:34px;height:34px;border-radius:8px}.site-nav .nav-links{display:flex;gap:.25rem}.site-nav .nav-links a{color:var(--text-dim);font-weight:500;font-size:.9375rem;padding:.45rem .8rem;border-radius:10px;transition:color .2s ease,background-color .2s ease}.site-nav .nav-links a:hover{color:var(--text);background:#ffffff12;text-decoration:none}.site-nav .nav-links a.active{color:var(--accent);background:#fd9a521f}.site-nav .nav-toggle{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:.5rem}.site-nav .nav-toggle svg{width:24px;height:24px}.site-nav .drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.site-nav .drawer-overlay.active{opacity:1;visibility:visible}.site-nav .drawer{position:fixed;top:0;right:0;width:min(320px,85vw);height:100dvh;background:var(--bg-start);border-left:1px solid var(--card-border);box-shadow:-8px 0 24px #00000059;transform:translate(100%);transition:transform .28s ease;z-index:1001;overflow-y:auto;display:flex;flex-direction:column}.site-nav .drawer.open{transform:translate(0)}.site-nav .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;border-bottom:1px solid var(--card-border)}.site-nav .drawer-close{background:none;border:none;color:var(--text-dim);font-size:1.75rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.site-nav .drawer-close:hover{color:var(--text)}.site-nav .drawer-links{display:flex;flex-direction:column;padding:.75rem;gap:.15rem}.site-nav .drawer-links a{color:var(--text-dim);font-weight:500;padding:.8rem 1rem;border-radius:10px}.site-nav .drawer-links a:hover{color:var(--text);background:#ffffff12;text-decoration:none}.site-nav .drawer-links a.active{color:var(--accent);background:#fd9a521f}@media (max-width: 1023px){.site-nav .nav-links{display:none}.site-nav .nav-toggle{display:block}}.site-footer{margin-top:4rem;background:#0f172a99}.site-footer .footer-inner{max-width:1100px;margin-inline:auto;padding:2.5rem 1rem 2rem;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}@media (min-width: 768px){.site-footer .footer-inner{padding-inline:2rem}}@media (max-width: 767px){.site-footer .footer-inner{grid-template-columns:1fr;gap:1.75rem}}.site-footer .footer-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.0625rem;margin-bottom:.6rem}.site-footer .footer-brand img{width:32px;height:32px;border-radius:8px}.site-footer .footer-tagline{color:var(--text-faint);font-size:.875rem;max-width:300px}.site-footer h3{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.75rem}.site-footer .footer-links{list-style:none}.site-footer .footer-links li{margin-bottom:.45rem}.site-footer .footer-links a{color:var(--text-dim);font-size:.9375rem}.site-footer .footer-links a:hover{color:var(--text)}.site-footer .footer-bottom{border-top:1px solid var(--card-border)}.site-footer .footer-bottom-inner{max-width:1100px;margin-inline:auto;padding:1.1rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.8125rem;color:var(--text-faint)}@media (min-width: 768px){.site-footer .footer-bottom-inner{padding-inline:2rem}}.site-footer .footer-bottom a{color:var(--text-dim)}.site-footer .ics-strip{border-radius:0;height:4px}.legal{max-width:780px;margin:clamp(1rem,4vw,3rem) auto;padding-inline:clamp(.75rem,3vw,1rem)}.legal .legal-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--r-feature);padding:clamp(1.25rem,5vw,2.75rem)}.legal h1{font-size:clamp(1.6rem,5vw,2.25rem);margin-bottom:1rem}.legal h2{font-size:1.25rem;margin:1.75rem 0 .6rem;color:var(--text)}.legal h3{font-size:1.0625rem;margin:1.1rem 0 .4rem}.legal p{color:var(--text-dim);margin-bottom:.75rem}.legal ul,.legal ol{color:var(--text-dim);padding-left:1.25rem;margin-bottom:.75rem}.legal li{margin-bottom:.3rem}.legal .back-link{display:inline-block;margin-bottom:1.25rem}.legal .ics-strip{margin:.75rem 0 1.5rem;max-width:240px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
