@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#071b23;--navy:#03121c;--mint:#37eeb3;--muted:#a9bdc4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:white;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding:0 42px}.skip{position:fixed;top:-80px;background:white;color:black;padding:15px;z-index:99}.skip:focus{top:0}header{border-bottom:1px solid #ffffff20;background:#03121cf5;position:relative;z-index:20}.header{min-height:92px;display:flex;align-items:center;gap:35px;justify-content:space-between}.brand{display:grid;gap:7px}.brand strong{font-family:Manrope,Arial,sans-serif;letter-spacing:.15em;font-size:18px}.brand span{font-size:10px;color:var(--mint);letter-spacing:.42em}.nav{display:flex;align-items:center;gap:25px;font-size:13px}.nav>a:hover,summary:hover{color:var(--mint)}.socialicon{background:#1877f2;font-weight:800;font-family:Arial;font-size:22px;border-radius:8px;padding:3px 11px}details{position:relative}summary{cursor:pointer;list-style:none}summary::after{content:'⌄';padding-left:7px}details .drop{position:absolute;right:0;top:30px;width:300px;border:1px solid #ffffff25;background:#09242b;padding:10px;box-shadow:0 20px 40px #0007;border-radius:10px}.drop a{display:block;padding:13px;border-radius:6px}.drop a:hover{background:#ffffff12}.menu-toggle{display:none;border:1px solid #ffffff40;color:white;background:transparent;padding:10px 15px;border-radius:6px}.hero{background:linear-gradient(90deg,#03121c15,#03121c00),url('assets/dna.webp') center 48%/cover;min-height:620px;display:flex;align-items:center;position:relative}.hero .wrap{width:100%;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:11px;color:var(--mint);font-weight:700}.eyebrow:before{content:'';display:inline-block;width:36px;height:2px;background:var(--mint);vertical-align:middle;margin-right:15px}h1{font:600 clamp(42px,5vw,76px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:28px 0 25px;max-width:790px}h1 em{font-style:normal;color:var(--mint)}.intro{max-width:510px;color:#c1d0d6;font-size:17px;line-height:1.85}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--mint);color:#00251c;padding:16px 24px;border-radius:7px;font-size:14px;font-weight:700;border:1px solid var(--mint);transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:#8bffda}.btn.outline{background:#06182180;border-color:#ffffff65;color:white}.badge{border:1px solid #ffffff35;border-radius:40px;display:inline-flex;gap:10px;padding:10px 17px;font-size:12px;color:#c6d7db}.badge b{color:var(--mint)}.paths{background:#f3f6f4;color:var(--ink);padding:70px 0 75px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}h2{font:600 clamp(28px,3vw,42px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:0}.section-top p{color:#587078;font-size:14px;line-height:1.7;margin:0;max-width:320px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{min-height:290px;background-size:cover;background-position:center;display:flex;align-items:end;padding:25px;border-radius:12px;overflow:hidden;color:white;transition:transform .25s;position:relative}.card:hover{transform:translateY(-6px)}.card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#00191bea,transparent 80%)}.card>div{position:relative;width:100%}.card small{color:#a0e4cb;font-size:10px;letter-spacing:.16em}.card h3{font:600 24px Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:12px 0 8px}.card p{font-size:12px;color:#d0dfdf;line-height:1.6;margin:0}.arrow{float:right;color:var(--mint);font-size:26px}.science{padding:80px 0}.science-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.science-image{background:url('assets/laboratorium.webp') 65% center/cover;min-height:370px;border-radius:14px;border:1px solid #ffffff15}.science h2{margin:20px 0}.science p{color:var(--muted);line-height:1.9}.textlink{color:var(--mint);font-size:14px;display:inline-block;margin-top:15px}.resources{padding:65px 0;background:#092329}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin-top:28px}.resource-link{padding:21px 0;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;font-size:16px}.resource-link:hover{color:var(--mint)}.fb-banner{padding:45px 0;background:linear-gradient(90deg,#04362de6,#05232cc9),url('assets/dna.webp') center 60%/cover}.fb-row{display:flex;align-items:center;gap:25px}.fb-mark{font:800 60px Arial;background:#1877f2;border-radius:15px;width:70px;height:70px;display:grid;place-items:center;flex-shrink:0}.fb-row h2{font-size:25px;letter-spacing:-.03em}.fb-row p{font-size:14px;color:#bad2d0}.fb-row .btn{margin-left:auto;flex-shrink:0}footer{padding:42px 0 20px;color:#9eafb6;font-size:12px}.foot-top{display:flex;justify-content:space-between;gap:25px;align-items:start}.foot-top strong{font-size:16px;color:white}.foot-top p{line-height:2}.foot-bottom{margin-top:26px;padding-top:20px;border-top:1px solid #ffffff18;display:flex;justify-content:space-between;font-size:11px}.subhero{padding:65px 0 70px;background-size:cover;background-position:center;position:relative}.subhero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03121cf5,#03121ca0 60%,#03121c30)}.subhero .wrap{position:relative}.subhero h1{font-size:clamp(36px,4.5vw,62px);max-width:900px}.subhero p{color:#c7d7da;max-width:650px;line-height:1.8;font-size:16px}.breadcrumb{font-size:12px;color:#bbd1d2}.breadcrumb a{color:var(--mint)}.content-section{background:#f4f6f4;color:var(--ink);padding:55px 0 75px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:60px}.article{min-width:0;line-height:1.9;font-size:16px;overflow-wrap:anywhere}.article h1{font-size:34px;color:var(--ink);letter-spacing:-.035em}.article h2{font-size:29px;margin:40px 0 20px}.article h3{font-size:23px;margin:35px 0 18px;line-height:1.4}.article h4{font-size:19px}.article p{margin:0 0 20px}.article a{color:#007d62;text-decoration:underline;text-underline-offset:4px}.article a:hover{color:#003e32}.article hr{border:0;border-top:1px solid #ccd8d4;margin:35px 0}.article blockquote{margin:30px 0;padding:20px 25px;background:#e3eee8;border-left:3px solid #0caa7a}.article img{max-width:100%;height:auto;border-radius:7px}.article table{max-width:100%;border-collapse:collapse;display:block;overflow:auto}.article td,.article th{border:1px solid #b8ccc3;padding:10px}.article ul{padding-left:23px}.article ul:has(a>span>img),.article ul:has(a>img){list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.article li:has(img){background:#e3ebe7;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center}.article li:has(img) img{height:180px;object-fit:contain;width:100%}.sidebar{position:sticky;top:25px;align-self:start;padding:24px;background:white;border:1px solid #dce6e1;border-radius:12px;font-size:13px}.sidebar h3{margin-top:0;font-size:16px}.sidebar a{display:block;padding:11px 0;color:#426058;border-bottom:1px solid #e5ede8}.sidebar a.current{color:#008b65;font-weight:700}.sidebar .btn{margin-top:20px;display:flex;color:#00251c}.note{font-size:12px;color:#688078;margin-top:35px;border-top:1px solid #d2ded7;padding-top:20px}.lightbox{border:0;padding:45px 18px 18px;background:#071b23;color:white;max-width:95vw;max-height:95vh;border-radius:12px}.lightbox::backdrop{background:#000d}.lightbox img{max-width:85vw;max-height:80vh;object-fit:contain}.lightbox button{position:absolute;right:12px;top:8px;background:none;border:0;color:white;font-size:25px}.empty{padding:25px;background:#edf3ee;border-radius:8px}@media(min-width:1500px){.hero{min-height:700px}}@media(max-width:1000px){.wrap{padding:0 25px}.header{gap:15px}.nav{gap:16px;font-size:12px}.brand strong{font-size:15px}.cards{gap:15px}.card{padding:20px}.card h3{font-size:21px}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}.fb-row h2{font-size:21px}.fb-row .btn{padding:14px}.science-grid{gap:35px}}@media(max-width:760px){.header{min-height:78px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.menu-toggle{display:block}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:15px 0;gap:0;font-size:15px}.nav.open{display:flex}.nav>a,.nav>details{padding:13px 0}.nav .socialicon{align-self:start;padding:4px 12px;margin-top:10px}.drop a{padding:12px}details .drop{position:static;width:100%;margin-top:12px}.hero{min-height:630px;background-position:63% center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03121cf2,#03121ca8)}h1{font-size:49px;max-width:520px}.intro{font-size:16px}.cards{grid-template-columns:1fr}.card{min-height:260px}.paths{padding:45px 0}.section-top{align-items:start;flex-direction:column}.science{padding:50px 0}.science-grid{grid-template-columns:1fr;gap:25px}.science-image{min-height:270px;order:2}.links-grid{grid-template-columns:1fr}.fb-row{flex-wrap:wrap;gap:16px}.fb-mark{width:50px;height:50px;font-size:44px}.fb-row>div:nth-child(2){flex:1;min-width:200px}.fb-row .btn{margin:0}.fb-row h2{font-size:20px}.foot-top,.foot-bottom{flex-direction:column}.subhero{padding:40px 0 45px}.subhero h1{font-size:39px}.content-section{padding-top:35px}.article-layout{grid-template-columns:1fr}.sidebar{position:static;order:2}.article{font-size:15px}.article ul:has(a>span>img),.article ul:has(a>img){grid-template-columns:repeat(2,minmax(0,1fr))}.article li:has(img) img{height:150px}.eyebrow{font-size:9px}.resource-link{font-size:15px}.wrap{padding-left:22px;padding-right:22px}}

.source-note{font-size:.85rem;opacity:.8;margin-bottom:2rem}.article .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;list-style:none;padding:0}.article .gallery img{width:100%;height:220px;object-fit:contain}.article img{max-width:100%;height:auto}.article table{display:block;max-width:100%;overflow-x:auto}

.more-info{margin-top:3rem;padding:2rem;border:1px solid var(--mint);border-radius:18px}.more-info h2{margin-top:0}