:root{--brown: #6b3e2e;--brown-deep: #542f22;--warm: #a46b45;--cream: #e8dcc6;--cream-deep: #dccdb0;--paper: #f6f0e4;--white: #ffffff;--teal: #4ba79b;--teal-strong: #2f7d73;--teal-stronger: #24665e;--teal-soft: #d7efe9;--charcoal: #2f2f2f;--muted: #5c534c;--line: rgba(107, 62, 46, .14);--shadow: 0 18px 40px rgba(47, 47, 47, .1);--shadow-soft: 0 10px 28px rgba(107, 62, 46, .08);--header-h: 4.5rem;--container: 72rem;--radius: 1.35rem;--ease: .22s ease;--font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--display: Nunito, "Plus Jakarta Sans", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + .75rem)}html,body,#root{margin:0;min-height:100%}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}body{background:var(--cream);color:var(--charcoal);font-family:var(--font);font-size:1.05rem;line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}p,h1,h2,h3,ul,ol,dl{margin:0}a{color:inherit}code{font-size:.88em;word-break:break-word}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:80;background:var(--teal-strong);color:var(--white);padding:.65rem .95rem;border-radius:999px;text-decoration:none;font-weight:700}.skip-link:focus{top:1rem}.container{width:min(100% - 1.5rem,var(--container));margin-inline:auto}.eyebrow{display:inline-block;margin-bottom:.85rem;color:var(--teal-stronger);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{font-family:var(--display);color:var(--brown);letter-spacing:-.03em;line-height:1.08}h1{font-size:clamp(2.15rem,5.2vw,3.4rem);font-weight:800}h1 span,h2 span{display:block;color:var(--teal-strong)}h2{font-size:clamp(1.85rem,5vw,3.15rem);font-weight:800}h3{font-size:1.28rem;font-weight:800}.section-intro{max-width:40rem;margin-bottom:1.5rem}.section-intro p,.lede,.hero-body{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.35rem;border:0;border-radius:999px;text-decoration:none;font-weight:700;cursor:pointer;transition:transform var(--ease),box-shadow var(--ease),background var(--ease),color var(--ease)}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:focus-visible,.filter-chip:focus-visible,.demo-card:focus-visible,.back-link:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.btn-primary{background:var(--teal-strong);color:var(--white);box-shadow:0 10px 22px #2f7d7347}.btn-primary:hover:not(:disabled){background:var(--teal-stronger)}.btn-primary:disabled{opacity:.55;transform:none;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;color:var(--brown);box-shadow:inset 0 0 0 2px var(--brown)}.btn-ghost:hover{background:var(--brown);color:var(--white)}.reveal{opacity:0;transform:translateY(1.15rem);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.site-header{position:sticky;top:0;z-index:40;min-height:var(--header-h);background:#e8dcc6c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:box-shadow var(--ease),background var(--ease)}.site-header.is-scrolled{background:#f6f0e4eb;box-shadow:0 8px 24px #6b3e2e14}.header-inner{display:flex;align-items:center;gap:1rem;min-height:var(--header-h)}.brand{display:flex;align-items:center;gap:.7rem;margin-right:auto;text-decoration:none}.brand-mark{display:block;flex:0 0 2.7rem;width:2.7rem;height:2.7rem;overflow:hidden;border-radius:50%;background:var(--white);box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--teal)}.brand-mark img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 22%}.brand-text{display:flex;flex-direction:column}.brand-name{line-height:1}.wordmark{display:inline-flex;align-items:flex-start;font-family:var(--display);font-weight:800;color:var(--brown);letter-spacing:-.045em;line-height:.88;white-space:nowrap}.wordmark-poden{font-size:1.28rem}.wordmark-co{font-size:1.62rem;letter-spacing:-.06em}.wordmark-uk{margin-top:.18em;margin-left:.06em;color:var(--teal-strong);font-size:.52rem;font-weight:800;letter-spacing:.04em;line-height:1}.brand-tag{display:none;color:var(--muted);font-size:.72rem;font-weight:600}.site-nav{display:none;gap:1.2rem}.site-nav a{text-decoration:none;font-weight:600;font-size:.95rem;color:var(--brown)}.site-nav a:hover{color:var(--teal-stronger)}.header-cta{display:inline-flex;min-height:2.55rem;padding:.5rem .9rem;font-size:.86rem}.hero{position:relative;overflow:hidden;padding:1.6rem 0 3rem;background:radial-gradient(ellipse at 90% 0%,rgba(75,167,155,.18),transparent 46%),radial-gradient(ellipse at 0% 80%,rgba(164,107,69,.12),transparent 42%),var(--cream)}.hero-inner{display:grid;gap:2rem}.hero-copy h1{max-width:16ch}.lede{margin-top:1.1rem;font-size:1.15rem;font-weight:600;color:var(--brown)}.hero-body{margin-top:.85rem;max-width:36rem}.hero-visual{display:none}.stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.6rem 0 0;padding:0;list-style:none}.stat-row li{padding:.85rem 1rem;background:var(--white);border:1px solid var(--line);border-radius:1.1rem;box-shadow:var(--shadow-soft)}.stat-row strong{display:block;color:var(--teal-stronger);font-family:var(--display);font-size:1.55rem;font-weight:800;line-height:1}.stat-row span{color:var(--muted);font-size:.82rem;font-weight:600}.library{padding:0 0 4.2rem}.library-head{margin:2.4rem 0 1.4rem}.featured{padding-bottom:.4rem}.filter-bar{display:grid;gap:.85rem}.search-field input{width:100%;min-height:3rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--paper);color:var(--charcoal)}.search-field input:focus{outline:3px solid rgba(75,167,155,.35);border-color:var(--teal-strong)}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{min-height:2.5rem;padding:.45rem .95rem;border:0;border-radius:999px;background:var(--white);color:var(--brown);font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}.filter-chip.is-active{background:var(--teal-strong);color:var(--white);box-shadow:none}.featured-grid,.demo-grid{display:grid;gap:1rem}.featured-grid .reveal,.demo-grid .reveal{height:100%}.demo-card{display:grid;gap:1rem;height:100%;padding:1.2rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.demo-card:hover,.demo-card:focus-visible{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#2f7d7359}.demo-card:hover .mascot-avatar img,.demo-card:focus-visible .mascot-avatar img{transform:scale(1.06)}.demo-card-visual{display:grid;place-items:center}.demo-card-body{display:grid;align-content:start;gap:.35rem;min-width:0}.demo-card-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.35rem}.demo-chip,.status-pill{display:inline-flex;align-items:center;min-height:1.55rem;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.demo-chip{background:var(--teal-soft);color:var(--teal-stronger)}.status-live{background:#e4f6ea;color:#1f6b3a}.status-local{background:var(--cream-deep);color:var(--brown)}.demo-org{color:var(--brown);font-weight:700}.demo-copy,.demo-location{color:var(--muted)}.demo-location{font-size:.9rem}.demo-card-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.7rem}.demo-card-actions .btn{min-height:2.6rem;padding:.55rem 1.05rem}.mascot-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--paper);box-shadow:0 0 0 3px var(--white),0 0 0 6px var(--teal-soft)}.mascot-avatar img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 20%;transition:transform .35s ease}.mascot-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--teal-stronger);background:var(--teal-soft);font-family:var(--display);font-weight:800}.mascot-avatar-sm{width:2.5rem;height:2.5rem;font-size:1rem}.mascot-avatar-md{width:7.2rem;height:7.2rem;font-size:2.2rem}.mascot-avatar-lg{width:9.5rem;height:9.5rem;font-size:2.6rem}.mascot-avatar-hero{width:min(14rem,70vw);height:min(14rem,70vw);font-size:4rem}.empty-state{display:grid;justify-items:start;gap:1rem;padding:1.6rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.detail{padding:1.4rem 0 4rem}.back-link{margin-bottom:1.4rem;padding:0;border:0;background:none;color:var(--teal-stronger);font-weight:700;cursor:pointer}.detail-hero{display:grid;justify-items:center;gap:1.4rem;text-align:center}.detail-copy h1 span{margin-top:.2rem;font-size:clamp(1.15rem,3vw,1.6rem)}.detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.4rem}.detail-facts{display:grid;gap:.85rem;margin:2rem 0}.detail-facts div{padding:1rem 1.1rem;background:var(--white);border:1px solid var(--line);border-radius:1.1rem}.detail-facts dt{color:var(--teal-stronger);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.detail-facts dd{margin:.3rem 0 0;color:var(--brown);font-weight:700}.detail-grid{display:grid;gap:1rem}.detail-card{padding:1.25rem 1.2rem 1.35rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.detail-card h2{margin-bottom:.6rem;font-size:1.35rem}.detail-card p,.capability-list{color:var(--muted)}.capability-list{display:grid;gap:.45rem;padding-left:1.1rem}.detail-missing{padding:2rem 0 3rem}.site-footer{padding:2.4rem 0 1.6rem;background:var(--brown-deep);color:var(--cream)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.2rem}.footer-name{line-height:1}.footer-name .wordmark-poden{font-size:1.45rem}.footer-name .wordmark-co{font-size:1.9rem}.footer-name .wordmark-uk{color:var(--teal);font-size:.62rem}.footer-tag,.footer-domain,.footer-built{color:#e3d3bf}.footer-links{display:flex;flex-wrap:wrap;gap:.9rem 1.2rem;align-items:center}.footer-links a{color:var(--cream);font-weight:700;text-decoration:none}.footer-built{width:min(100% - 1.5rem,var(--container));margin:1.4rem auto 0;font-size:.88rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:480px){.wordmark-uk{display:none}.header-cta{font-size:.78rem;padding:.42rem .75rem}}@media(min-width:640px){.brand-tag{display:block}.header-cta{min-height:3rem;padding:.75rem 1.35rem;font-size:1em}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-card,.demo-card-featured{grid-template-columns:auto 1fr;align-items:start}.featured-grid,.demo-grid{grid-template-columns:1fr}.detail-facts{grid-template-columns:1fr 1fr}}@media(min-width:900px){.container{width:min(100% - 3rem,var(--container))}.site-nav{display:flex}.hero{padding:2.4rem 0 3.4rem}.hero-inner{grid-template-columns:1.08fr .92fr;align-items:center;gap:3rem}.hero-visual{position:relative;display:grid;place-items:center;min-height:22rem}.hero-mascot-frame{width:min(100%,17rem);overflow:hidden;border-radius:1.7rem;background:var(--paper);box-shadow:var(--shadow-soft)}.hero-mascot{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 18%}.hero-bubble{position:absolute;max-width:11.5rem;margin:0;padding:.7rem .85rem;background:var(--white);border-radius:1.15rem 1.15rem 1.15rem .35rem;box-shadow:var(--shadow-soft);color:var(--brown);font-size:.88rem;font-weight:600;animation:float 5.4s ease-in-out infinite}.hero-bubble-1{top:8%;left:0}.hero-bubble-2{top:12%;right:0;background:var(--teal-soft);border-radius:1.15rem 1.15rem .35rem;animation-delay:-1.6s}.hero-bubble-3{bottom:10%;left:4%;animation-delay:-2.8s}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-grid .demo-card{grid-template-columns:1fr;justify-items:center;text-align:center}.featured-grid .demo-card-meta,.featured-grid .demo-card-actions{justify-content:center}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{grid-template-columns:auto 1fr;justify-items:start;text-align:left}.detail-actions{justify-content:flex-start}.detail-grid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{.reveal{opacity:1!important;transform:none!important}.hero-bubble{animation:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-bubble,.btn,.demo-card,.mascot-avatar img{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}