@font-face{font-family:'PJS';font-weight:500;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'PJS';font-weight:600;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'PJS';font-weight:700;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'PJS';font-weight:800;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-800-normal.woff2') format('woff2')}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--forest:#0E3B2E;--deep:#061C15;--ink:#0D1B2A;--gold:#C6922E;--gold2:#E0B15A;--goldink:#7A5510;--cream:#F7F4EC;--mint:#16C4A8;--sky:#DCEFE9;--mut:#44534D;--line:#E4DFCE;
--font:'PJS','Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI','Noto Sans Sinhala','Noto Sans Tamil',sans-serif;
--pl:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2748.5%27%20height%3D%2784%27%20viewBox%3D%270%200%2048.5%2084%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23E0B15A%27%20stroke-opacity%3D%270.3%27%20stroke-width%3D%271.2%27%3E%3Cpolygon%20points%3D%2224.2%2C0.0%2048.5%2C14.0%2048.5%2C42.0%2024.2%2C56.0%200.0%2C42.0%200.0%2C14.0%22/%3E%3Cpolygon%20points%3D%220.0%2C42.0%2024.2%2C56.0%2024.2%2C84.0%200.0%2C98.0%20-24.2%2C84.0%20-24.2%2C56.0%22/%3E%3Cpolygon%20points%3D%2248.5%2C42.0%2072.8%2C56.0%2072.8%2C84.0%2048.5%2C98.0%2024.2%2C84.0%2024.2%2C56.0%22/%3E%3Cpolygon%20points%3D%2224.2%2C-42.0%2048.5%2C-28.0%2048.5%2C0.0%2024.2%2C14.0%200.0%2C0.0%200.0%2C-28.0%22/%3E%3C/g%3E%3C/svg%3E");--pm:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2748.5%27%20height%3D%2784%27%20viewBox%3D%270%200%2048.5%2084%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%2316C4A8%27%20stroke-opacity%3D%270.26%27%20stroke-width%3D%271.2%27%3E%3Cpolygon%20points%3D%2224.2%2C0.0%2048.5%2C14.0%2048.5%2C42.0%2024.2%2C56.0%200.0%2C42.0%200.0%2C14.0%22/%3E%3Cpolygon%20points%3D%220.0%2C42.0%2024.2%2C56.0%2024.2%2C84.0%200.0%2C98.0%20-24.2%2C84.0%20-24.2%2C56.0%22/%3E%3Cpolygon%20points%3D%2248.5%2C42.0%2072.8%2C56.0%2072.8%2C84.0%2048.5%2C98.0%2024.2%2C84.0%2024.2%2C56.0%22/%3E%3Cpolygon%20points%3D%2224.2%2C-42.0%2048.5%2C-28.0%2048.5%2C0.0%2024.2%2C14.0%200.0%2C0.0%200.0%2C-28.0%22/%3E%3C/g%3E%3C/svg%3E");--pd:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2748.5%27%20height%3D%2784%27%20viewBox%3D%270%200%2048.5%2084%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%230E3B2E%27%20stroke-opacity%3D%270.1%27%20stroke-width%3D%271.2%27%3E%3Cpolygon%20points%3D%2224.2%2C0.0%2048.5%2C14.0%2048.5%2C42.0%2024.2%2C56.0%200.0%2C42.0%200.0%2C14.0%22/%3E%3Cpolygon%20points%3D%220.0%2C42.0%2024.2%2C56.0%2024.2%2C84.0%200.0%2C98.0%20-24.2%2C84.0%20-24.2%2C56.0%22/%3E%3Cpolygon%20points%3D%2248.5%2C42.0%2072.8%2C56.0%2072.8%2C84.0%2048.5%2C98.0%2024.2%2C84.0%2024.2%2C56.0%22/%3E%3Cpolygon%20points%3D%2224.2%2C-42.0%2048.5%2C-28.0%2048.5%2C0.0%2024.2%2C14.0%200.0%2C0.0%200.0%2C-28.0%22/%3E%3C/g%3E%3C/svg%3E");--gut:clamp(20px,6.9vw,88px)}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.6;font-weight:500;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}
h1,h2,h3{font-weight:800;letter-spacing:-.025em;line-height:1.08;color:var(--forest);text-wrap:balance}
.w{padding-left:var(--gut);padding-right:var(--gut);max-width:1456px;margin-left:auto;margin-right:auto}
.hx{display:block;flex:none;overflow:visible;max-width:100%;height:auto}
.hexclip{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--deep);padding:10px 16px;border-radius:10px;z-index:100;font-weight:700}.skip:focus{left:12px}
.lbl{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--goldink)}
.lbl:before{content:"";width:13px;height:14px;background:var(--gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none}
.dk .lbl{color:var(--gold2)}
.mint .lbl{color:var(--mint)}.mint .lbl:before{background:var(--mint)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border-radius:999px;font-weight:700;font-size:18px;text-decoration:none;text-align:center;transition:transform .12s ease,background .12s ease}
.btn:hover{transform:translateY(-1px)}
.btn.g{background:var(--gold);color:var(--deep)}.btn.g:hover{background:var(--gold2)}
.btn.m{background:var(--mint);color:var(--deep)}
.btn.f{background:var(--forest);color:#fff}
.btn.o{border:1.5px solid rgba(255,255,255,.5);color:#fff}.btn.o:hover{background:rgba(255,255,255,.08)}
.btn.ol{border:2px solid var(--forest);color:var(--forest)}
.btn.sm{min-height:46px;padding:0 22px;font-size:16px;white-space:nowrap}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.cap{font-size:15px;font-weight:600;color:#566660;margin-top:10px}
.dk .cap,.cap.dk{color:#A9C2B7}
.muted{color:var(--mut)}
.lk{display:inline-block;font-weight:700;font-size:18px;color:var(--forest);text-decoration:none;border-bottom:2px solid var(--gold);margin-top:18px}

/* ---------- header, hero, page header ---------- */
.hero,.pagehead{position:relative;background:radial-gradient(900px 560px at 78% 42%,rgba(198,146,46,.20),transparent 62%),linear-gradient(165deg,#0F4031,#082A20 55%,#05170F);color:#fff}
.hero{padding-bottom:150px}
.pagehead{padding-bottom:104px}
.pagehead.mintbg{background:radial-gradient(800px 480px at 85% 30%,rgba(22,196,168,.16),transparent 62%),linear-gradient(165deg,#0B2C22,#05140E)}
.hero:before,.pagehead:before{content:"";position:absolute;inset:0;background-image:var(--pl);-webkit-mask-image:radial-gradient(600px 460px at 80% 45%,#000 0%,transparent 75%);mask-image:radial-gradient(600px 460px at 80% 45%,#000 0%,transparent 75%);pointer-events:none}
.nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:26px;padding-bottom:8px}
.nav .logo img{height:54px;width:auto}
.nav ul{display:none;list-style:none;gap:2px;font-size:15.5px;font-weight:600;white-space:nowrap}
.nav ul a{display:block;padding:9px 11px;border-radius:999px;text-decoration:none;color:#D4E4DC}
.nav ul a:hover{background:rgba(255,255,255,.08)}
.nav ul a[aria-current]{background:rgba(255,255,255,.14);color:#fff}
.nav ul a.lab{color:var(--mint);border:1.5px solid rgba(22,196,168,.5)}
.nav ul a.lab[aria-current]{background:rgba(22,196,168,.18)}
.nav .right{display:flex;align-items:center;gap:10px}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center}
.menu summary::-webkit-details-marker{display:none}
.menu summary i,.menu summary i:before,.menu summary i:after{display:block;width:20px;height:2px;background:#fff;border-radius:2px;position:relative}
.menu summary i:before,.menu summary i:after{content:"";position:absolute;left:0}
.menu summary i:before{top:-7px}.menu summary i:after{top:7px}
.menu .pn{position:absolute;right:0;top:58px;width:min(320px,88vw);background:#0B2C22;border:1px solid rgba(224,177,90,.4);border-radius:22px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.menu .pn a{display:block;padding:13px 16px;border-radius:14px;text-decoration:none;color:#fff;font-weight:600;font-size:18px}
.menu .pn a:hover{background:rgba(255,255,255,.07)}
.menu .pn a[aria-current]{background:rgba(255,255,255,.12)}
.menu .pn a.lab{color:var(--mint)}
.hg{position:relative;display:grid;gap:40px;align-items:center;padding-top:46px}
.pill{display:inline-flex;align-items:center;gap:10px;border:1.5px solid rgba(224,177,90,.55);color:var(--gold2);border-radius:999px;padding:8px 18px;font-size:16px;font-weight:700}
.pill i{width:11px;height:12px;background:var(--gold2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.hero h1{color:#fff;font-size:clamp(44px,9.4vw,80px);margin:26px 0 22px}
.hero .l{font-size:clamp(20px,2.4vw,23px);color:#D6E6DE;max-width:520px;line-height:1.5}
.trust{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:34px;font-size:17px;font-weight:600;color:#CBDDD4}
.trust span{display:flex;align-items:center;gap:10px}
.trust i{width:12px;height:13px;background:var(--gold2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.cl{position:relative;width:100%;max-width:560px;aspect-ratio:560/600;justify-self:center}
.cl .h{position:absolute;background:var(--gold)}
.cl .in{position:absolute;inset:1.1%;overflow:hidden;background:var(--sky)}
.cl .in img{width:100%;height:100%;object-fit:cover}
.cl .solid{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--deep)}
.cl .solid b{font-size:clamp(19px,4.6vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.05}
.cl .solid span{font-size:clamp(15px,2.9vw,17px);font-weight:700;margin-top:4px}
.cl .o{position:absolute}
.cl .capx{position:absolute;left:0;bottom:0}
.wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:92px;display:block}
.pagehead .w.ph{position:relative;padding-top:52px}
.crumb{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:16px;font-weight:600;color:#BFD3CA;margin-bottom:18px}
.crumb a{color:var(--gold2);text-decoration:none}.crumb a:hover{text-decoration:underline}
.pagehead h1{color:#fff;font-size:clamp(38px,7vw,64px);margin:16px 0 18px;max-width:860px}
.pagehead .l{font-size:clamp(19px,2.4vw,22px);color:#D6E6DE;max-width:660px;line-height:1.5}
@media(min-width:1260px){.nav ul{display:flex}.menu{display:none}}
@media(min-width:1100px){.hg{grid-template-columns:600px 1fr;gap:20px}.cl{justify-self:end}}
@media(max-width:1099px){.hero{padding-bottom:110px}.cl{max-width:420px;margin-top:6px}}
@media(max-width:520px){.nav .logo img{height:44px}}

/* ---------- layout blocks ---------- */
main{padding-bottom:clamp(56px,8vw,96px)}
.sec{padding-top:clamp(56px,8vw,96px)}
.sh h2{font-size:clamp(32px,5.2vw,48px);margin:12px 0 14px}
.sh .intro{font-size:clamp(19px,2.3vw,21px);color:var(--mut);max-width:720px;line-height:1.5}
.gr{display:grid;gap:24px;grid-template-columns:1fr;margin-top:34px}
@media(min-width:760px){.gr.c2{grid-template-columns:repeat(2,1fr)}.gr.c4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.gr.c3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.gr.c4{grid-template-columns:repeat(4,1fr)}}
.gr.start{align-items:start}
.card{background:#fff;border-radius:30px;padding:32px 30px 30px;box-shadow:0 18px 46px rgba(14,59,46,.09)}
.card h3{font-size:26px;margin:18px 0 14px}
.card.dkc{background:linear-gradient(170deg,#0B2C22,#05140E);color:#fff}
.card.dkc h3{color:#fff}
.card.sky{background:var(--sky);box-shadow:none}
.bl{list-style:none;display:grid;gap:12px;font-size:18px;line-height:1.5}
.bl li{position:relative;padding-left:32px}
.bl li:before{content:"";position:absolute;left:0;top:.42em;width:15px;height:16px;background:var(--gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.dk .bl li:before,.dkc .bl li:before{background:var(--gold2)}
.mint .bl li:before{background:var(--mint)}
.dk .bl,.dkc .bl{color:#D6E6DE}
.bl.big{font-size:20px;gap:16px}
.bl b{color:var(--forest)}
.dk .bl b,.dkc .bl b{color:#fff}
.split{display:grid;gap:40px;align-items:center;grid-template-columns:1fr}
@media(min-width:960px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px}.split.vid2{grid-template-columns:minmax(0,640px) 1fr}}
.split h2{font-size:clamp(32px,5vw,46px);margin:12px 0 18px}
.panel{position:relative;overflow:hidden;color:#fff;border-radius:clamp(28px,4vw,40px);background:linear-gradient(160deg,#0F4031,#082A20);padding:clamp(30px,5vw,56px) clamp(24px,4.5vw,60px)}
.panel:before{content:"";position:absolute;inset:0;background-image:var(--pl);opacity:.5;-webkit-mask-image:radial-gradient(520px 320px at 100% 0%,#000,transparent 72%);mask-image:radial-gradient(520px 320px at 100% 0%,#000,transparent 72%);pointer-events:none}
.panel>*{position:relative}
.panel h2{color:#fff}
.panel .intro{color:#CFE0D8}

/* video slot */
.vid{position:relative;max-width:640px;width:100%}
.vid .pic{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:530/372;background:var(--deep)}
.vid .pic img{width:100%;height:100%;object-fit:cover;object-position:85% 50%}
.vid .pic iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid .bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:16px;padding:60px 24px 20px;background:linear-gradient(transparent,rgba(6,28,21,.92));color:#fff}
.vid .bar b{display:block;font-size:clamp(19px,3.8vw,24px);font-weight:800;letter-spacing:-.01em;line-height:1.2}
.vid .bar div span{font-size:16px;font-weight:600;color:var(--gold2)}
.vid button.play{all:unset;cursor:pointer;flex:none;display:block;border-radius:50%}
.vid button.play:focus-visible{outline:3px solid var(--gold2);outline-offset:4px}
.vid button.play svg{width:clamp(52px,12vw,68px)}
.vid[data-video-id=""] button.play{display:none}
.vid:not([data-video-id=""]) .soon{display:none}
.vid .soon{position:absolute;left:18px;top:18px;white-space:nowrap;font-size:16px;font-weight:700;color:#061C15;background:var(--gold2);padding:8px 16px;border-radius:999px}
.vid .bdg{position:absolute;right:-6px;top:-22px;width:clamp(96px,22vw,132px);pointer-events:none}

/* steps, levels, titles */
.stp{display:flex;flex-direction:column;gap:6px}
.stp .n{margin-bottom:6px}
.stp h3{margin:10px 0 12px}
.lvls{display:grid;gap:22px;grid-template-columns:1fr;margin-top:30px}
@media(min-width:760px){.lvls{grid-template-columns:repeat(3,1fr)}}
.lvl{background:rgba(255,255,255,.07);border:1px solid rgba(224,177,90,.28);border-radius:26px;padding:26px 24px}
.lvl b{display:block;font-size:24px;font-weight:800;margin:14px 0 6px;color:#fff}
.lvl span{font-size:18px;color:#D6E6DE;line-height:1.45}
.tt{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 12px;margin-top:30px;align-items:start}
@media(min-width:560px){.tt{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.tt{grid-template-columns:repeat(5,1fr)}}
.tt .c{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.tt .hx{width:88px}
.tt b{font-size:18px;font-weight:700;line-height:1.2;color:#fff}
.tt .off b{color:#B5CBC1;font-weight:600}
.tt small{font-size:16px;color:#B5CBC1;font-weight:600}

/* quick missions */
.qm{display:flex;align-items:center;gap:18px}
.qm b{display:block;font-size:24px;font-weight:800;color:var(--forest);line-height:1.15}
.qm span{font-size:16px;font-weight:600;color:var(--goldink);line-height:1.35;display:block;margin-top:2px}
.qcard .hook{font-size:22px;font-weight:800;color:var(--forest);line-height:1.3;margin:20px 0 16px;letter-spacing:-.01em}

/* safe */
.sg{display:grid;gap:30px 40px;grid-template-columns:1fr;margin-top:34px}
@media(min-width:760px){.sg{grid-template-columns:1fr 1fr}}
.sg>div{display:flex;gap:18px;align-items:flex-start}
.sg b{display:block;font-size:21px;font-weight:800;color:var(--forest);margin-bottom:4px;line-height:1.25}
.sg span{font-size:18px;color:var(--mut);line-height:1.5}

/* library */
.tiles{display:grid;gap:18px;grid-template-columns:1fr;margin-top:34px}
@media(min-width:700px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile{display:flex;align-items:center;gap:16px;background:var(--sky);border-radius:24px;padding:20px 22px;text-decoration:none;position:relative;overflow:hidden}
.tile:before{content:"";position:absolute;inset:0;background-image:var(--pd);pointer-events:none}
.tile>*{position:relative}
.tile b{display:block;font-size:22px;font-weight:800;color:var(--forest);line-height:1.2}
.tile span{font-size:17px;color:var(--mut);font-weight:600}
.shelf .media{border-radius:20px;overflow:hidden;height:300px;margin-bottom:6px;display:grid;gap:10px}
.shelf .media.two{grid-template-columns:1fr 1fr}
.shelf .media img{width:100%;height:100%;object-fit:cover;object-position:top}
.rows{margin-top:10px}
.rw{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line);font-size:18px;font-weight:600;line-height:1.35}
.rw i{font-style:normal;font-size:16px;font-weight:700;color:var(--goldink);white-space:nowrap}
.rw a.on,.rw i.on{color:#fff;background:var(--forest);padding:6px 16px;border-radius:999px;text-decoration:none;font-size:16px;font-weight:700;font-style:normal;white-space:nowrap}
.rw a.on:hover{background:#1A6B3A}
.fig{display:block;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px rgba(14,59,46,.16)}
.fig img{width:100%}
.slides{display:grid;gap:24px;grid-template-columns:1fr;margin-top:34px}
@media(min-width:620px){.slides{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.slides{grid-template-columns:repeat(3,1fr)}}
.slides .fig{border-radius:24px}
.note{margin-top:22px;font-size:16px;color:var(--mut);max-width:720px}

/* roadmap */
.road h3{margin:16px 0 12px}
.road .when{font-size:17px;font-weight:700;color:var(--goldink)}

/* hive lab page */
@font-face{font-family:'NR';font-weight:400;font-display:swap;src:url('fonts/newsreader-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'NR';font-weight:500;font-display:swap;src:url('fonts/newsreader-latin-500-normal.woff2') format('woff2')}
body.lab{background:#05140E;color:#D6E6DE}
body.lab .pagehead.lhero{padding-bottom:clamp(56px,8vw,110px);background:radial-gradient(900px 560px at 82% 40%,rgba(22,196,168,.16),transparent 64%),linear-gradient(170deg,#0B2C22,#05140E 70%)}
.lh{position:relative;display:grid;gap:44px;grid-template-columns:1fr;align-items:center;padding-top:clamp(40px,7vw,84px)}
@media(min-width:980px){.lh{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
body.lab .lh h1{font-family:'NR',Georgia,serif;font-weight:500;font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-.022em;color:#F2F7F4;margin:0;max-width:none}
.lh-sub{margin-top:28px;font-size:clamp(18px,2vw,21px);line-height:1.55;color:#BFD3CA;max-width:30em}
.lh .btns{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.lh-link{color:#fff;font-weight:700;font-size:17px;border-bottom:1.5px solid var(--mint);padding:6px 0;min-height:44px;display:inline-flex;align-items:center}
.lh-link:hover{color:var(--mint)}
.cluster{position:relative;width:min(100%,444px);aspect-ratio:1/.9;margin:0 auto}
.hexo{position:absolute;width:49.5%;aspect-ratio:.866;background:var(--mint);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:0;transform:scale(.92);animation:hexin .7s cubic-bezier(.2,.7,.2,1) forwards}
.hexi{position:absolute;inset:1.6%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#07201A;overflow:hidden}
.hexi img{width:100%;height:100%;object-fit:cover;display:block}
.h1x{left:0;top:42.5%;animation-delay:.05s}
.h2x{left:25.7%;top:0;animation-delay:.2s}
.h3x{left:50.5%;top:42.5%;animation-delay:.35s;background:var(--gold2)}
.hexi.age{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0B2C22;color:#fff}
.age b{font-family:'NR',Georgia,serif;font-weight:500;font-size:clamp(32px,4.4vw,46px);line-height:1;letter-spacing:-.02em}
.age span{font-size:15px;color:var(--gold2);font-weight:700;margin-top:6px}
@keyframes hexin{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hexo{animation:none;opacity:1;transform:none}html{scroll-behavior:auto}}
html{scroll-behavior:smooth}

.lsec{padding-top:clamp(64px,9vw,120px)}
.lsec:last-of-type{padding-bottom:clamp(40px,6vw,72px)}
.lstate p{font-family:'NR',Georgia,serif;font-weight:400;font-size:clamp(28px,3.9vw,46px);line-height:1.26;letter-spacing:-.012em;color:#E6F0EB;max-width:25em;border-left:2px solid var(--mint);padding-left:clamp(20px,3vw,36px)}
body.lab h2.lh2{font-family:'NR',Georgia,serif;font-weight:500;font-size:clamp(34px,4.6vw,54px);line-height:1.08;letter-spacing:-.018em;color:#F2F7F4;margin:0 0 clamp(28px,4vw,48px);max-width:16em}
body.lab h3{font-family:'NR',Georgia,serif;font-weight:500;letter-spacing:-.01em;color:#fff}

.chain{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.chain li{position:relative;display:block}
.chain h3{font-size:clamp(28px,3vw,34px);margin:20px 0 8px;line-height:1.1}
.chain p{color:#BFD3CA;font-size:18px;line-height:1.5;max-width:15em}
.hn{display:block;position:relative;width:64px;height:74px;background:var(--mint);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.hn:before{content:"";position:absolute;inset:2px;background:#05140E;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.hn b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'NR',Georgia,serif;font-weight:500;font-size:28px;color:#fff}
.hn.gold{background:var(--gold2)}
.chain li:not(:last-child):after{content:"";position:absolute;top:37px;left:80px;right:-24px;height:0;border-top:1.5px dashed rgba(22,196,168,.55)}
@media(max-width:860px){
 .chain{grid-template-columns:1fr;gap:34px}
 .chain li{display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:start}
 .chain h3{margin-top:0}
 .chain li:not(:last-child):after{top:82px;left:31px;right:auto;height:calc(100% - 82px + 34px - 8px);border-top:0;border-left:1.5px dashed rgba(22,196,168,.55)}
}

.lrows{list-style:none;border-top:1px solid rgba(214,230,222,.2)}
.lrows li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px 40px;align-items:baseline;padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid rgba(214,230,222,.2)}
.lrows h3{font-size:clamp(26px,3vw,36px);line-height:1.12;margin:0}
.lrows p{color:#BFD3CA;font-size:clamp(17px,1.7vw,19px);line-height:1.55;max-width:30em}
@media(max-width:720px){.lrows li{grid-template-columns:1fr}}

.lguard .lp{color:#BFD3CA;font-size:19px;line-height:1.6;max-width:28em;margin:0 0 26px}
.lguard .cardpair{max-width:520px;margin-left:auto}
.soon{display:flex;gap:18px;align-items:flex-start;margin-top:clamp(40px,6vw,64px);padding-top:26px;border-top:1px dashed rgba(22,196,168,.5)}
.soon i{flex:none;width:26px;height:30px;margin-top:3px;background:rgba(224,177,90,.7);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:relative}
.soon i:after{content:"";position:absolute;inset:3px;background:#05140E;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.soon p{color:#BFD3CA;font-size:18px;line-height:1.55;max-width:44em}
.soon b{color:#fff}

.lpaths{display:grid;gap:36px;grid-template-columns:1fr;margin-bottom:38px;max-width:900px}
@media(min-width:760px){.lpaths{grid-template-columns:1fr 1fr;gap:64px}}
.lpaths>div{border-top:2px solid var(--mint);padding-top:22px}
.lpaths h3{font-size:clamp(26px,3vw,34px);margin:0 0 10px}
.lpaths p{color:#BFD3CA;font-size:18px;line-height:1.55}
.lfine{margin-top:26px;color:#9FB8AD;font-size:16px;line-height:1.55;max-width:42em}

/* home hive lab tile */
.hltile{position:relative;overflow:hidden}
.hlart{display:flex;margin-bottom:14px;height:138px}
.hlart i{display:block;width:84px;height:97px;background:var(--mint);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:relative}
.hlart i img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.hlart i.b{margin-left:-14px;margin-top:36px;background:var(--gold2)}
.hltile h3{font-family:'NR',Georgia,serif;font-weight:500;font-size:32px;letter-spacing:-.01em;color:#fff;margin:0}
.hltile .ages{color:var(--mint);font-weight:700;font-size:17px;margin:4px 0 12px}
.hltile .tq{font-family:'NR',Georgia,serif;font-size:21px;line-height:1.3;color:#E6F0EB;margin:0 0 18px}

/* faq */
.faq{max-width:900px}
.faq h2{font-size:clamp(28px,4.4vw,38px);margin:50px 0 18px}
.faq h2:first-of-type{margin-top:28px}
details.q{background:#fff;border:1.5px solid var(--line);border-radius:20px}
details.q+details.q{margin-top:12px}
details.q summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:700;font-size:20px;color:var(--forest);min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;line-height:1.3}
details.q summary::-webkit-details-marker{display:none}
details.q summary:after{content:"+";font-size:28px;color:var(--goldink);font-weight:500}
details.q[open] summary:after{content:"\2212"}
details.q .a{padding:0 22px 22px}

/* cta + footer */
.end{background:#04100B;padding-top:clamp(56px,8vw,96px)}
.cta{position:relative;margin:0 var(--gut);border-radius:clamp(28px,4vw,40px);background:linear-gradient(160deg,#0F4031,#082A20);padding:clamp(32px,5vw,56px) clamp(24px,5vw,64px);display:flex;gap:30px;justify-content:space-between;align-items:center;overflow:hidden;color:#fff}
.cta:before{content:"";position:absolute;inset:0;background-image:var(--pl);opacity:.55;-webkit-mask-image:radial-gradient(420px 300px at 0% 100%,#000,transparent 72%);mask-image:radial-gradient(420px 300px at 0% 100%,#000,transparent 72%);pointer-events:none}
.cta>*{position:relative}
.cta h2{color:#fff;font-size:clamp(32px,5vw,46px);margin-bottom:14px}
.cta p{color:#D6E6DE;font-size:20px;max-width:540px;line-height:1.5}
.qr{display:none;background:#fff;border-radius:26px;padding:16px;text-align:center;color:var(--forest);font-weight:700;font-size:16px}
.qr img{width:176px;height:176px;margin-bottom:6px}
@media(min-width:800px){.qr{display:block}}
.ft{display:grid;gap:34px 40px;grid-template-columns:1fr;padding:clamp(40px,6vw,64px) var(--gut) 36px;color:#B5CBC1;font-size:17px;max-width:1456px;margin:0 auto}
@media(min-width:900px){.ft{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.ft img{height:48px;width:auto;margin-bottom:14px}
.ft p{line-height:1.55}
.ft h4{color:#fff;font-size:18px;font-weight:800;margin-bottom:12px}
.ft ul{list-style:none;display:grid;gap:10px}
.ft a{color:#D6E6DE;text-decoration:none;font-weight:600}.ft a:hover{color:var(--gold2);text-decoration:underline}
.fine{padding:0 var(--gut) 40px;color:#9DB5AA;font-size:16px;max-width:1456px;margin:0 auto;line-height:1.55}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.cardpair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
@media(max-width:560px){.cardpair{grid-template-columns:1fr;max-width:420px;margin:0 auto}}

/* slide galleries and Guardian cards page */
.slides.five{grid-template-columns:repeat(2,1fr)}
@media(min-width:620px){.slides.five{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.slides.five{grid-template-columns:repeat(5,1fr);gap:18px}}
@media(min-width:980px){.lh.gc{grid-template-columns:1fr}}
.lh.gc .lh-sub{max-width:34em}
body.lab .lh .crumb{margin-bottom:22px}
.lrows a{color:inherit;text-decoration:underline;text-decoration-color:var(--gold2);text-decoration-thickness:1.5px;text-underline-offset:6px}
.lrows a:hover{color:var(--mint)}
.lrows.lc li,.lrows.lc li:last-child{grid-template-columns:1fr auto;padding:18px 0;align-items:center}
.lrows.lc h3{font-size:clamp(22px,2.4vw,28px)}
.lguard .lp a.lh-link{display:inline;min-height:0;padding:0}
@media(max-width:720px){.lrows.lc li{grid-template-columns:1fr auto}}
body.lab .lsec>p.lp{color:#BFD3CA;font-size:19px;line-height:1.6;max-width:34em;margin:calc(-1 * clamp(14px,2vw,26px)) 0 clamp(26px,3.5vw,40px)}