:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.font-hero{font-family:Quicksand,Playfair Display,serif}.font-sub{font-family:Poppins,sans-serif}.font-alt{font-family:Montserrat,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--bg:#fff;--ink:#222;--muted:#555;--gold:#d4a017;--mint:#2c8f6d;--panel:#f8f8f8;--edge:#0000001f;--edge-soft:#0000002e;--nav-font:clamp(20px,1.25vw,25px);--topbar-h:68px;--container-max:1400px;--container-pad:clamp(12px,2vw,28px)}body{color:var(--ink);background:var(--bg);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15.5px;overflow-x:hidden}.container{width:min(var(--container-max),100vw);padding-inline:var(--container-pad);margin-inline:auto}.page{flex-direction:column;min-height:100svh;display:flex}.topbar{z-index:50;background:#fff;border-bottom:1px solid #ddd;height:100px;position:fixed;top:0;left:0;right:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;height:100%;display:flex}.nav-left{align-items:flex-end;gap:28px;height:100%;padding-bottom:6px;display:flex}.navlink{color:#1c4abe;transform-origin:0;font-size:22px;font-weight:700;text-decoration:none;transition:transform .12s,color .12s;display:inline-block}.navlink:hover{color:#1747c9;transform:scale(1.07)}.pill:hover{background:#eee}.nav-right{align-items:flex-end;gap:10px;margin-bottom:0;display:flex}.input{color:#111;background:#fff;border:1px solid #ccc;border-radius:6px;outline:none;width:clamp(120px,14vw,200px);padding:8px 10px}.btn{cursor:pointer;background:#f0f0f0;border:1px solid #ccc;border-radius:6px;padding:8px 14px}.btn:hover{background:#e0e0e0}.hero{background:url(/hero-dna.jpg) 50%/cover no-repeat;align-items:center;width:100vw;min-height:clamp(420px,60svh,720px);padding-top:clamp(40px,12vh,120px);padding-bottom:clamp(24px,8vh,72px);display:flex;position:relative}.hero:before{content:"";background:linear-gradient(#ffffff59,#ffffff59);position:absolute;inset:0}.hero-inner{text-align:center;width:min(var(--container-max),100vw);padding-inline:var(--container-pad);margin-inline:auto;position:relative}.hero-title{color:#000;letter-spacing:.4px;margin:0 0 14px;font-size:clamp(26px,4.2vw,48px)}.hero-subtitle{color:#080174;margin:0 0 24px;font-size:clamp(16px,1.9vw,22px);line-height:1.45}.hero-quote{text-align:center;margin:24px 0 6px;font-size:clamp(16px,1.8vw,20px)}.hero-author{text-align:center;color:#444;margin:0}.ribbon{background:#fff;width:100vw}.ribbon-inner{grid-template-columns:repeat(3,1fr);gap:clamp(12px,2.5vw,28px);padding-block:clamp(12px,2.5vh,20px);display:grid}.slot{color:#333;border:2px solid var(--edge-soft);background:#fafafa;border-radius:12px;justify-content:center;align-items:center;height:clamp(44px,7vh,60px);font-size:clamp(14px,1.4vw,20px);font-weight:600;display:flex}.tiles{background:#fff;width:100vw}.tiles-inner{grid-template-columns:repeat(3,minmax(240px,1fr));gap:clamp(16px,3vw,48px);padding-block:clamp(24px,6vh,64px);display:grid}.tile{text-align:center;margin:0;padding:0}.tile img{border:1px solid var(--edge);background:#fff;border-radius:6px;width:100%;height:auto}.slot{font-size:clamp(13px,1.2vw,18px)}.tile figcaption{font-size:.95rem}.footer{background:#f5f5f5;border-top:1px solid #ddd;width:100vw}.foot-inner{justify-content:center;gap:clamp(12px,4vw,48px);padding-block:18px;display:flex}.foot-link{color:#333;text-decoration:none}.foot-link:hover{text-decoration:underline}@media (max-width:900px){.ribbon-inner,.tiles-inner{grid-template-columns:1fr}.nav-right .input{width:clamp(110px,22vw,160px)}.nav-left{flex-wrap:wrap;gap:16px}}