:root{font-family:Arial,Helvetica,sans-serif;color:#242d27;background:#f5f4ee;font-synthesis:none;font-weight:400;line-height:1.6;--green:#334b3d;--muted:#626a61;--line:#d7dbcf;--paper:#f5f4ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:#3c674b}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #6b8254;outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.045em;line-height:1.1}h1,h2{font-family:Georgia,Times New Roman,serif}h1{font-size:clamp(3.5rem,7vw,6.8rem)}h2{font-size:clamp(2rem,3.3vw,3rem)}h3{font-size:2rem}p{color:var(--muted);max-width:62ch}.mono{font-family:Courier New,monospace;font-size:.69rem;letter-spacing:.07em}.muted{color:var(--muted)}.eyebrow{display:block;font-size:.68rem;letter-spacing:.13em}.status-dot{display:inline-block;width:6px;height:6px;background:#627a46;border-radius:50%;margin-right:8px;flex-shrink:0}.site-header{max-width:1440px;margin:auto;padding:25px 5.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:.94rem;font-weight:600;line-height:1.4}.brand-mark{font:italic 35px Georgia,serif;background:var(--green);color:var(--paper);width:43px;height:43px;text-align:center;line-height:38px;border-radius:4px}.brand-sub{display:block;font-size:.53rem;color:var(--muted);margin-top:4px;font-weight:400}.site-header nav{display:flex;gap:30px;font-size:.8rem}.site-header nav a{text-decoration:none}.header-note{color:var(--muted);font-size:.58rem}.header-note span{font-size:18px;margin-left:8px}main{max-width:1440px;margin:auto}.hero{padding:72px 5.6% 0;position:relative}.hero h1{margin-top:28px;max-width:1050px}.hero h1 span{color:#7b866f;font-style:italic}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:35px}.hero-bottom p{font-size:.95rem}.button{display:inline-flex;gap:35px;align-items:center;padding:16px 23px;color:#fff;background:var(--green);border-radius:3px;font-size:.78rem;text-decoration:none;white-space:nowrap}.button:hover{background:#263a2d;color:#fff}.button span{font-size:20px}.hero-margin{display:flex;justify-content:space-between;margin-top:60px;padding:16px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.57rem}.section{padding:72px 5.6%;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.section-heading h2{margin-top:16px}.count{color:var(--muted);white-space:nowrap}.project-card{display:grid;grid-template-columns:1.08fr 1fr;border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-top:24px}.project-copy{padding:32px;display:flex;flex-direction:column;align-items:start}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;font-size:.58rem}.pill{display:inline-flex;align-items:center;gap:2px;padding:5px 9px;background:#e8ecdf;border:1px solid #d9dfcf;border-radius:3px;font-size:.61rem;white-space:nowrap}.project-copy h3{font-family:Georgia,serif;margin:32px 0 18px;max-width:330px;font-size:2.5rem}.project-copy h3 a{text-decoration:none}.project-copy p{font-size:.84rem}.tags{display:flex;list-style:none;flex-wrap:wrap;padding:0;gap:7px;margin:22px 0 32px}.tags li{font-family:Courier New,monospace;font-size:.62rem;border:1px solid var(--line);border-radius:3px;padding:4px 9px;color:#525c52}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:.79rem;font-weight:600;text-decoration:none;border-bottom:1px solid #87957e;padding-bottom:5px}.project-copy .text-link{margin-top:auto}.architecture{background:#e8ecdf;padding:26px 32px;color:var(--green);background-image:radial-gradient(#65795230 .7px,transparent .7px);background-size:12px 12px}.architecture figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.architecture figcaption>span:last-child{font-size:.61rem;color:#5c6b54}.architecture ol{list-style:none;padding:0;margin:0 20px;display:flex;flex-direction:column;align-items:stretch}.architecture li{border:1px solid #b8c2aa;background:#f5f6ed;box-shadow:0 3px #d0d8c4;border-radius:4px;padding:15px 18px;display:flex;gap:16px;position:relative;align-items:center;margin-bottom:25px}.architecture li:last-child{margin-bottom:5px}.node-index{padding-right:14px;border-right:1px solid #cdd5c1;color:#7c886f}.architecture strong{font-size:.83rem;font-weight:600;display:block}.architecture small{display:block;font-size:.64rem;color:#6a775f;margin-top:1px}.flow-arrow{position:absolute;left:50%;bottom:-24px;font-size:20px;line-height:24px;color:#7d8d6b}.collection-note{margin-top:22px;font-size:.62rem}.collection-note span{margin-right:7px}.architecture-section{display:grid;grid-template-columns:1fr 1fr;gap:8%}.architecture-section h2{margin:18px 0 20px}.architecture-section p{font-size:.84rem;margin-top:16px}.hosting-map{align-self:center}.hosting-line{display:grid;grid-template-columns:25px 1fr;gap:2px 16px;padding:18px 0;border-bottom:1px solid var(--line)}.hosting-line>span:first-child{grid-row:span 2;color:#7a866b}.hosting-line strong{font-size:1rem;font-weight:500}.hosting-line>span:last-child{font-size:.74rem;color:var(--muted)}.hosting-map>p{font-size:.56rem}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-bottom:90px}.about-section h2{margin-bottom:25px}.about-section p{font-size:.9rem;margin-top:18px}.about-section .text-link{margin-top:25px}footer{max-width:1440px;margin:auto;padding:28px 5.6%;display:flex;align-items:center;gap:22px;font-size:.68rem;color:var(--muted)}.footer-brand{font:italic 32px Georgia,serif;color:var(--green);text-decoration:none}footer .mono{margin-left:auto;font-size:.55rem}footer>a:last-child{font-size:20px;text-decoration:none}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--green);color:#fff;z-index:10}.skip-link:focus{top:8px}.detail-hero{padding:50px 5.6% 65px;border-bottom:1px solid var(--line)}.back-link{display:inline-block;margin-bottom:50px;text-decoration:none}.detail-hero h1{font-size:clamp(3rem,6.2vw,5.8rem);max-width:930px;margin:22px 0}.detail-intro{font-size:1.05rem;max-width:720px}.detail-meta{display:flex;align-items:center;gap:20px;margin-top:25px;font-size:.8rem}.detail-hero .tags{margin:25px 0}.project-links{display:flex;gap:20px;font-size:.8rem}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%}.detail-layout h2{margin:20px 0}.detail-layout p{font-size:.9rem}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;gap:0 32px}.capabilities article{padding:28px 0;border-top:1px solid var(--line)}.capabilities h3{font-family:Georgia,serif;font-size:1.5rem;margin:14px 0}.capabilities p{font-size:.85rem}.section>.eyebrow+h2{margin-top:18px}.implementation-notes{padding-left:22px;margin:0;color:var(--muted);font-size:.9rem}.implementation-notes li{padding-left:9px;margin-bottom:22px}.next-step{margin:50px 5.6%;padding:35px;background:#e8ecdf;border-left:3px solid var(--green)}.next-step h2{font-size:2rem;margin:18px 0}.next-step p{font-size:.88rem}.not-found h1{font-size:3rem;margin:25px 0}.not-found{min-height:60vh}@media(min-width:1600px){.site-header,main,footer{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:900px){.header-note{display:none}.hero{padding-top:55px}.hero-bottom{align-items:start}.hero-bottom p{max-width:420px}.desktop-break{display:none}.project-copy{padding:24px}.project-meta{flex-direction:column;align-items:start;gap:12px}.architecture{padding:24px 20px}.architecture ol{margin:0}.project-copy h3{font-size:2rem;margin-top:24px}.architecture-section,.detail-layout{gap:5%}.capabilities{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.site-header{padding:18px 6%;gap:16px;flex-wrap:wrap}.brand-mark{width:36px;height:36px;font-size:30px;line-height:32px}.brand-sub{font-size:.48rem}.site-header nav{gap:18px;font-size:.7rem}.hero{padding:45px 6% 0}.hero h1{font-size:clamp(2.9rem,11.5vw,4.5rem);margin-top:25px}.hero .eyebrow{font-size:.52rem}.hero-bottom{display:block;margin-top:26px}.hero-bottom p{font-size:.88rem}.hero-bottom .button{margin-top:25px}.hero-margin{margin-top:40px;font-size:.46rem}.section{padding:46px 6%}.section-heading{align-items:start;gap:15px}.section-heading h2{font-size:2rem}.count{font-size:.55rem;margin-top:3px}.project-card{grid-template-columns:1fr}.project-copy{padding:26px}.project-meta{flex-direction:row;align-items:center;gap:8px}.project-copy h3{font-size:2.2rem;max-width:300px}.architecture{padding:25px}.architecture ol{margin:0 12px}.architecture li{padding:13px 17px}.architecture-section,.about-section,.detail-layout{grid-template-columns:1fr;gap:30px}.about-section{gap:22px}.hosting-map{margin-top:0}.detail-hero{padding:35px 6% 45px}.detail-hero h1{font-size:3.3rem}.detail-intro{font-size:.95rem}.detail-meta{flex-wrap:wrap;gap:12px}.back-link{margin-bottom:35px}.capabilities{grid-template-columns:1fr;gap:0}.capabilities article{padding:24px 0}.next-step{margin:35px 6%;padding:25px}.next-step h2{font-size:1.8rem}footer{padding:24px 6%;gap:15px;flex-wrap:wrap}footer .mono{margin-left:0;order:4;width:100%;padding-left:39px}.collection-note{font-size:.56rem}.detail-layout .architecture{margin-top:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}.landing{min-height:calc(100svh - 185px);padding:90px 6%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px}.landing h1{font-size:clamp(2.9rem,6.4vw,6rem);max-width:1050px}.landing h1 span{color:#7b866f;font-style:italic}.landing p{max-width:520px;font-size:1rem}.landing .button{margin-top:10px;white-space:normal;text-align:left}.landing .eyebrow{font-size:.63rem}@media(max-width:620px){.landing{min-height:calc(100svh - 160px);padding:65px 6%;gap:25px}.landing h1{font-size:clamp(2.6rem,11vw,4.5rem)}.landing p{font-size:.9rem}.landing .button{font-size:.73rem;gap:20px;max-width:100%}}.commerce-demo iframe{display:block;width:100%;height:1100px;border:1px solid var(--line, #d6d9d5);border-radius:12px;margin-top:24px;background:#f5f3ec}.demo-availability{font-weight:600}@media(max-width:600px){.commerce-demo iframe{height:1500px}}
