:root{--white: #ffffff;--off-white: #f7f8fa;--black: #111827;--gray: #6b7280;--light: #9ca3af;--rule: #e5e7eb;--code-bg: #f3f4f6;--section-px: clamp(2rem, 5vw, 4rem);--accent: #4f46e5;--accent-hover: #4338ca;--accent-bg: #4f46e5;--accent-text: #4338ca;--accent-soft: #eef2ff;--accent-2: #059669;--accent-3: #f97316;--bg-warm: var(--off-white);--bg-cool: var(--off-white);--bg-muted: var(--off-white)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}@media(min-width:1200px){html{font-size:112.5%}}@media(min-width:1600px){html{font-size:125%}}@media(min-width:2000px){html{font-size:137.5%}}section[id]{scroll-margin-top:60px}section{padding:0}body{font-family:var(--font-source-sans-3);background:var(--white);color:var(--black);font-size:1rem;line-height:1.75;overflow-x:hidden}section,nav,footer,main{position:relative;z-index:1}a{color:var(--accent);text-decoration:none;text-underline-offset:3px}main{min-height:calc(100vh - 56px);display:flex;flex-direction:column}main>footer{margin-top:auto}.section-white{background:var(--white)}.section-alt{background:var(--off-white)}.section-dark{background:var(--black);color:#fff}@supports (appearance: base-select){.form-group select,.form-group select::picker(select){appearance:base-select}.form-group select{background-image:none!important;padding-right:.9rem!important;line-height:1.2}.form-group select::picker-icon{content:"";display:block;width:14px;height:14px;background-color:var(--gray);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;transform-origin:center;transition:rotate .25s cubic-bezier(.16,1,.3,1),background-color .15s;margin-top:0}.form-group select:focus::picker-icon{background-color:var(--accent)}.form-group select:open::picker-icon{rotate:180deg}.form-group select::picker(select){padding:0;margin-top:4px;border:1.5px solid var(--rule);background:var(--white);border-radius:8px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000f;opacity:0;transform:translateY(-4px);transition:opacity .2s ease-out,transform .2s cubic-bezier(.16,1,.3,1)}.form-group select:open::picker(select){opacity:1;transform:translateY(0)}@starting-style{.form-group select:open::picker(select){opacity:0;transform:translateY(-4px)}}.form-group select option{font-family:var(--font-source-sans-3);font-size:.78rem;padding:.6rem .9rem;border-bottom:1px solid var(--rule);cursor:pointer;transition:background .1s,color .1s;background:var(--white);color:var(--gray)}.form-group select option:last-child{border-bottom:none}.form-group select option:where(:hover,:focus-visible){background:var(--accent);color:var(--white)}.form-group select option:checked{color:var(--accent);font-weight:500}.form-group select option:checked:where(:hover,:focus-visible){color:var(--white)}.form-group select option::checkmark{content:"◆";color:var(--accent);font-size:.5rem;margin-right:.5rem}.form-group select option:where(:hover,:focus-visible)::checkmark{color:var(--white)}}@keyframes revealUp{0%{clip-path:inset(100% 0 0 0);transform:translateY(30px)}to{clip-path:inset(0);transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleXReveal{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@supports (animation-timeline: view()){.scroll-reveal{opacity:0;transform:translateY(20px);animation:scrollReveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}@keyframes scrollReveal{to{opacity:1;transform:translateY(0)}}.scroll-reveal-delay-1{animation-range:entry 5% entry 45%}.scroll-reveal-delay-2{animation-range:entry 10% entry 50%}.scroll-reveal-delay-3{animation-range:entry 15% entry 55%}}.accent-line{height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));border:none;margin:0}.skip-link{position:absolute;top:-100px;left:0;background:var(--black);color:var(--white);padding:1rem;z-index:10000;transition:top .2s;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.skip-link:focus{top:0}.progress-bar{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);transform-origin:left;transform:scaleX(0);z-index:9999;pointer-events:none}