@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=DM+Sans:wght@300;400;500&display=swap";:root{--bg: #0b0c0f;--bg-2: #111318;--bg-3: #191c23;--border: #1f2330;--border-2: #2a2f3e;--border-3: #374151;--text: #e8eaf0;--muted: #6b7280;--muted-strong: #4b5563;--accent: #4ade80;--accent-hover: #6ce498;--accent-rgb: 74 222 128;--accent-2: #22d3ee;--accent-3: #a78bfa;--danger: #f87171;--container: 1080px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--shadow-accent: 0 8px 24px rgba(var(--accent-rgb), .25)}h1,h2,h3{color:var(--text);font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.02em;line-height:1.15}h1{font-size:clamp(2.2rem,5vw,3.8rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.1rem}p{color:var(--muted);line-height:1.7}a{color:inherit;text-decoration:none}code,.mono{font-family:JetBrains Mono,monospace;font-size:.85em}.tone-violet{color:var(--accent-3)}.tone-cyan{color:var(--accent-2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-weight:300;line-height:1.6;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px}img{max-width:100%}button,input,textarea{font:inherit}.container{max-width:var(--container);margin:0 auto;padding:0 32px}.main{padding-top:80px;padding-bottom:120px}.header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:#0b0c0ff5;backdrop-filter:blur(12px)}.nav{display:flex;align-items:stretch;gap:0;max-width:var(--container);height:56px;margin:0 auto;padding:0 32px}@media(max-width:640px){.nav{padding:0 20px}}.logo{display:flex;align-items:center;gap:8px;margin-right:auto;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.nav-link{display:flex;align-items:center;padding:0 20px;border-left:1px solid var(--border);color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.03em;transition:color .2s,background .2s;white-space:nowrap}.nav-link:hover{background:#ffffff08;color:var(--text)}.nav-link .nav-arrow{display:inline-block;position:relative;top:-1px;margin-left:4px;font-size:.7rem;line-height:1;vertical-align:middle}@media(max-width:640px){.nav-link{display:none}}.nav-toggle{display:none;align-self:center;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;border:none;background:transparent;cursor:pointer}.nav-toggle .bar{display:block;position:relative;width:16px;height:1.5px;border-radius:1px;background:var(--muted);transition:transform .2s,opacity .2s,background .15s}.nav-toggle .bar+.bar{margin-top:4px}.nav-toggle[aria-expanded=true] .bar:nth-child(1){transform:translateY(5.5px) rotate(45deg);background:var(--text)}.nav-toggle[aria-expanded=true] .bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .bar:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);background:var(--text)}@media(max-width:640px){.nav-toggle{display:flex;flex-direction:column}}.nav-drawer{display:none;flex-direction:column;max-height:0;overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg-2);transition:max-height .25s ease}.nav-drawer.is-open{max-height:280px}@media(max-width:640px){.nav-drawer{display:flex}}.nav-drawer__link{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.03em;transition:color .15s,background .15s}.nav-drawer__link:last-child{border-bottom:none}.nav-drawer__link:hover{background:#ffffff08;color:var(--text)}.nav-drawer__link .nav-arrow{opacity:.5;font-size:.7rem}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.04em;transition:all .2s}.btn--primary{background:var(--accent);color:#000;font-weight:600}.btn--primary:hover{transform:translateY(-1px);background:var(--accent-hover);box-shadow:var(--shadow-accent)}.btn--ghost{border:1px solid var(--border-2);background:transparent;color:var(--muted)}.btn--ghost:hover{border-color:var(--muted);background:#ffffff08;color:var(--text)}.hero{position:relative;padding:80px 0 100px;border-bottom:1px solid var(--border)}.hero__eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.hero__eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:var(--accent)}.hero__headline{max-width:16ch;margin-bottom:32px;color:var(--text)}.hero__headline em{color:var(--accent);font-style:italic}.hero__sub{max-width:52ch;margin-bottom:40px;color:var(--muted);font-size:1.05rem}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.hero__prop-badge{position:absolute;top:80px;right:0;max-width:280px;padding:14px 18px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.9;opacity:.85}@media(max-width:800px){.hero__prop-badge{display:none}}.hero__prop-badge .prop-key{color:var(--accent-3)}.hero__prop-badge .prop-type{color:var(--accent-2)}.hero__prop-badge .prop-val{color:var(--accent)}.hero__prop-badge .prop-comment{color:var(--muted);opacity:.6}.section{position:relative;padding:64px 0;border-bottom:1px solid var(--border)}.section__label{margin-bottom:16px;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.08em;opacity:.6;text-transform:uppercase}.section__title{margin-bottom:20px}.section__title--flush{margin-bottom:0}.section__text{max-width:58ch;margin-bottom:32px;font-size:1.05rem}.section__text--followup{margin-top:16px}.section__annotation{display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:start}@media(max-width:900px){.section__annotation{grid-template-columns:1fr}}.section__annotation-aside{position:sticky;top:80px;overflow-x:hidden;padding:20px;border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--bg-2);color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:2}.section__annotation-aside .k,.section__annotation-aside .prop-key{color:var(--accent-3)}.section__annotation-aside .v,.section__annotation-aside .prop-val{color:var(--accent)}.section__annotation-aside .t,.section__annotation-aside .prop-type{color:var(--accent-2)}.section__annotation-aside .c,.section__annotation-aside .prop-comment{color:var(--muted);opacity:.5;font-style:italic}.section__annotation-aside .tag{color:var(--danger)}.section__annotation-aside .tag+.k{margin-left:.5em}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--border-2);border-radius:4px;background:var(--bg-3);color:var(--accent-2);font-family:JetBrains Mono,monospace;font-size:.75rem;vertical-align:middle}.chip--fit{width:fit-content}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:48px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border)}@media(max-width:700px){.feature-grid{grid-template-columns:1fr}}.feature-card{padding:32px 28px;background:var(--bg-2);transition:background .2s}.feature-card:hover{background:var(--bg-3)}.feature-card__icon{margin-bottom:16px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.75rem;opacity:.8}.feature-card__title{margin-bottom:8px;color:var(--text);font-family:"Instrument Serif",serif;font-size:1rem}.feature-card__text{color:var(--muted);font-size:.88rem;line-height:1.6}.hero-image{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:72px 0 80px;border-bottom:1px solid var(--border)}@media(max-width:800px){.hero-image{grid-template-columns:1fr;gap:40px}}.hero-image__content .hero__headline{max-width:100%}.hero-image__visual{position:relative}.hero-image__img{display:block;width:100%;aspect-ratio:4/3;border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--bg-2);object-fit:cover}.hero-image__prop-badge{position:absolute;right:-12px;bottom:-12px;padding:12px 16px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.68rem;line-height:1.9;opacity:.9}@media(max-width:800px){.hero-image__prop-badge{display:none}}.hero-image__prop-badge .prop-key{color:var(--accent-3)}.hero-image__prop-badge .prop-type{color:var(--accent-2)}.hero-image__prop-badge .prop-comment{color:var(--muted);opacity:.55;font-style:italic}.gallery{padding:64px 0;border-bottom:1px solid var(--border)}.gallery__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:32px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border)}@media(max-width:600px){.gallery__grid{grid-template-columns:1fr}}.gallery__item{display:flex;flex-direction:column;margin:0;background:var(--bg-2);transition:background .2s}.gallery__item:hover{background:var(--bg-3)}.gallery__img{display:block;width:100%;aspect-ratio:16/10;background:var(--bg-3);object-fit:cover}.gallery__caption{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);color:var(--muted);font-size:.78rem}.gallery__index{flex-shrink:0;color:var(--accent);font-size:.65rem;opacity:.7}.gallery__annotation{max-width:320px;margin-top:20px;font-size:.7rem;line-height:1.9;opacity:.95}.gallery__annotation .prop-comment{font-style:italic}.cta-block{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:80px 0}@media(max-width:700px){.cta-block{grid-template-columns:1fr}}.cta-block__title{margin-bottom:12px}.cta-block__text{max-width:50ch}.cta-block__side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}@media(max-width:700px){.cta-block__side{align-items:flex-start}}.cform{display:flex;flex-direction:column;gap:20px;max-width:640px;margin-top:32px}.cform__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.cform__row{grid-template-columns:1fr}}.cform__field{display:flex;flex-direction:column;gap:6px}.cform__label{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase}.cform__input,.cform__textarea{width:100%;padding:10px 14px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text);font-family:DM Sans,sans-serif;font-size:.9rem;outline:none;transition:border-color .15s}.cform__input::placeholder,.cform__textarea::placeholder{color:var(--muted);opacity:.5}.cform__input:focus,.cform__textarea:focus{border-color:rgba(var(--accent-rgb),.4)}.cform__textarea{min-height:120px;resize:vertical;line-height:1.6}.cform__footer{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}.cform__note{margin:0;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.68rem;font-style:italic;line-height:1.8;opacity:.55}.contact-card-list{display:flex;flex-direction:column;gap:18px;max-width:440px;margin-top:28px}.contact-card{display:flex;flex-direction:column;gap:5px}.contact-card__label{color:var(--muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.contact-card__value{color:var(--text);font-size:1.05rem}.contact-note{color:var(--muted-strong);font-size:.82rem;line-height:1.8;margin-top:18px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:32px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border)}@media(max-width:780px){.guide-grid{grid-template-columns:1fr}}.guide-card{padding:28px 24px;background:var(--bg-2)}.guide-card__title{margin-bottom:10px;color:var(--text);font-size:1.1rem}.guide-card__text{color:var(--muted);font-size:.95rem}.code-panel{overflow-x:auto;margin-top:24px;padding:20px;border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--bg-2);color:var(--text);font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.9}.code-panel code{font-size:inherit}.steps{display:grid;gap:14px;margin-top:24px;margin-left:1.2rem;color:var(--muted)}.steps li{padding-left:.4rem}.steps code{color:var(--text)}.error-page{padding:120px 0 140px;border-bottom:1px solid var(--border)}.error-page__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--accent);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.error-page__eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:var(--accent)}.error-page__title{max-width:14ch;margin-bottom:24px}.error-page__text{max-width:44ch;margin-bottom:32px;font-size:1.02rem}.error-page__actions{display:flex;flex-wrap:wrap;gap:14px}.footer{padding:32px 0;border-top:1px solid var(--border)}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.footer__brand{display:flex;align-items:center;gap:8px;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1}.footer__brand span{display:inline-flex;align-items:center;color:var(--accent);line-height:1}.footer__tagline{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.04em;opacity:.5}@media(max-width:640px){.container{padding:0 20px}.main{padding-top:56px;padding-bottom:88px}.hero,.error-page{padding-top:64px}}