:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--nav-h: calc(70px + var(--safe-top));--shadow: 0 10px 30px rgba(0,0,0,.18);--shadow-soft: 0 8px 22px rgba(0,0,0,.22);--h1: clamp(2rem, 4.4vw, 3.2rem);--h2: clamp(1.25rem, 2.6vw, 1.9rem);--p: clamp(.98rem, 1.25vw, 1.08rem);--overlay-strong-top: rgba(0,0,0,.7);--overlay-mid: rgba(0,0,0,.3);--overlay-strong-bottom: rgba(0,0,0,.72);--ease: cubic-bezier(.2,.8,.2,1);--dur: .65s}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}:focus-visible{outline:3px solid rgba(27,87,255,.9);outline-offset:3px;border-radius:10px}.main-container{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#000}.section{height:100%;min-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.section-content{width:80%;max-width:1100px;display:flex;align-items:center;justify-content:center;text-align:center;gap:2rem;padding:clamp(12px,2vw,28px)}.has-overlay:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--overlay, linear-gradient(to bottom, var(--overlay-strong-top) 0%, var(--overlay-mid) 42%, rgba(0,0,0,.2) 56%, var(--overlay-strong-bottom) 100%) )}.has-overlay:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:overlay}.has-overlay>*{position:relative;z-index:3}.reveal{opacity:0;transform:translateY(10px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);will-change:opacity,transform}.reveal.in{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:90ms}.reveal.delay-2{transition-delay:.18s}.reveal.delay-3{transition-delay:.27s}.video-section{--overlay: linear-gradient(to bottom, rgba(0,0,0,.74) 0%, rgba(0,0,0,.34) 42%, rgba(0,0,0,.18) 58%, rgba(0,0,0,.76) 100%)}.video-section-image{position:absolute;inset:0;z-index:0}.video-section-image video{width:100%;height:100%;object-fit:cover}.hero-copy{text-align:center;max-width:min(960px,92%)}.hero-copy h1{margin:0 0 .8rem;font-family:Rammetto One,system-ui,sans-serif;font-size:var(--h1);letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.85),0 0 22px rgba(0,0,0,.4)}.hero-copy p{margin:.2rem auto 1.4rem;max-width:52ch;font-size:var(--p);line-height:1.7;text-shadow:0 1px 8px rgba(0,0,0,.75),0 0 14px rgba(0,0,0,.3)}.hero-ctas{display:inline-flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.btn{appearance:none;border:0;cursor:pointer;font-family:Rammetto One,system-ui,sans-serif;font-size:.82rem;padding:12px 16px;border-radius:999px;transition:transform .18s var(--ease),box-shadow .22s var(--ease),filter .22s var(--ease)}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(90deg,#1b57ff,#18d36b);box-shadow:0 18px 40px #18d36b2e}.btn-primary:hover{transform:translateY(-1px);filter:drop-shadow(0 10px 18px rgba(27,87,255,.18)) drop-shadow(0 12px 20px rgba(24,211,107,.14))}.scroll-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:4;color:#ffffffeb;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffff2e,#0000001a);box-shadow:0 12px 26px #00000073;transition:opacity .3s var(--ease),transform .3s var(--ease)}.scroll-hint.hide{opacity:0;transform:translate(-50%) translateY(10px);pointer-events:none}.scroll-hint ion-icon{font-size:22px;animation:bounce 1.4s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}#section2{background-image:url(/assets/section2image-DlXez2GG.png);background-image:image-set(url(/assets/section2image-AYlnTiHB.webp) type("image/webp"),url(/assets/section2image-DlXez2GG.png) type("image/png"));background-size:cover;background-position:center;--overlay: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,.26) 55%, rgba(0,0,0,.66))}#section2 h1{font-family:Rammetto One,system-ui,sans-serif;font-size:clamp(1.45rem,3vw,2.15rem);margin:0 0 .75rem;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.85),0 0 18px rgba(0,0,0,.35)}#section2 p{font-size:var(--p);margin:0;text-shadow:0 1px 8px rgba(0,0,0,.78),0 0 14px rgba(0,0,0,.28)}#section2 .hero-ctas{margin-top:14px}#section3{background-image:url(/assets/4remix-DnQRPVdm.png);background-image:image-set(url(/assets/4remix-D3ln-QS3.webp) type("image/webp"),url(/assets/4remix-DnQRPVdm.png) type("image/png"));background-size:cover;background-position:center;--overlay: linear-gradient(to bottom, rgba(0,0,0,.64), rgba(0,0,0,.22) 58%, rgba(0,0,0,.68))}#section3 .section-content{height:100%;width:100%;max-width:none;padding:0}#section3 .corner-box{position:absolute;width:min(42%,520px);height:min(42%,320px);display:flex;justify-content:center;align-items:center;text-align:center}#section3 .top-left{top:5%;left:5%}#section3 .top-right{top:5%;right:5%}#section3 .bottom-left{bottom:5%;left:5%}#section3 .bottom-right{bottom:5%;right:5%}#section3 h2{margin:0;font-family:Rammetto One,system-ui,sans-serif;font-size:var(--h2);letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 18px rgba(0,0,0,.4)}@media(max-width:720px){#section3 .corner-box{width:calc(100% - 18px);height:auto;left:9px!important;right:9px!important}#section3 .top-left{top:8%}#section3 .top-right{top:29%}#section3 .bottom-left{top:50%;bottom:auto}#section3 .bottom-right{top:71%;bottom:auto}}@media(max-width:768px){.section-content{width:92%;gap:1rem;padding:10px 8px}.hero-copy p{max-width:40ch;line-height:1.58}.btn{font-size:.78rem;padding:11px 14px}}#section4{background-image:url(/assets/eco-BJFUGQEm.png);background-image:image-set(url(/assets/eco-OODqneTf.webp) type("image/webp"),url(/assets/eco-BJFUGQEm.png) type("image/png"));background-size:cover;background-position:center;--overlay: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,.24) 58%, rgba(0,0,0,.66))}#section4 .section-content{justify-content:space-around;align-items:flex-start;flex-wrap:wrap;row-gap:30px}#section4 .column{width:min(460px,46%);text-align:center}#section4 .column h2{margin:0 0 .75rem;font-family:Rammetto One,system-ui,sans-serif;font-size:clamp(1.2rem,2.4vw,1.6rem);text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 18px rgba(0,0,0,.4)}#section4 .column p{margin:.4rem 0;font-size:var(--p);text-shadow:0 1px 8px rgba(0,0,0,.78),0 0 14px rgba(0,0,0,.3)}@media(max-width:900px){#section4 .column{width:100%}}#section5{background-color:#12362c;background:radial-gradient(120% 120% at 15% 20%,#7dcea038,#7dcea000 45%),linear-gradient(135deg,#12362c,#1b4e3f,#245a48)}#section5 .section-content{flex-direction:column}#section5 h1{margin:0;max-width:1000px;font-family:Rammetto One,system-ui,sans-serif;font-size:clamp(1.6rem,3.2vw,2.6rem);letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.92),0 0 18px rgba(0,0,0,.42)}.chapters{position:fixed;right:calc(18px + var(--safe-right));top:calc(var(--nav-h) + 50%);transform:translateY(-50%);z-index:12;display:none;gap:10px;flex-direction:column;align-items:center;padding:10px 8px;border-radius:999px;background:#00000038;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(min-width:980px){.chapters{display:flex}}.chapter-dot{appearance:none;-webkit-appearance:none;padding:0;width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease);position:relative}.chapter-dot:hover{transform:scale(1.18);border-color:#ffffff8c}.chapter-dot.active{background:#fff;border-color:#fffffff2;box-shadow:0 0 0 4px #18d36b24,0 0 22px #1b57ff1f}.chapter-label{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:12px;white-space:nowrap;padding:6px 10px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.12);opacity:0;pointer-events:none;transition:opacity .18s var(--ease),transform .18s var(--ease)}.chapter-dot:hover .chapter-label{opacity:1;transform:translateY(-50%) translate(-4px)}.hud{position:fixed;right:calc(18px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));z-index:12;width:min(320px,calc(100vw - 36px));border-radius:18px;background:#00000059;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transform:scale(.8);transform-origin:bottom right}.hud-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 10px}.hud-title{display:flex;align-items:center;gap:10px;font-family:Rammetto One,system-ui,sans-serif;font-size:.9rem;letter-spacing:.02em}.hud-title ion-icon{font-size:18px;background:linear-gradient(90deg,#1b57ff,#18d36b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 12px rgba(24,211,107,.14))}.hud-toggle{appearance:none;border:0;cursor:pointer;background:#ffffff1a;color:#ffffffeb;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s var(--ease),background .18s var(--ease)}.hud-toggle:hover{transform:translateY(-1px);background:#ffffff24}.hud-toggle ion-icon{font-size:18px}.hud-body{padding:0 12px 12px}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.92rem}.rank{font-family:Rammetto One,system-ui,sans-serif;font-size:.85rem;background:linear-gradient(90deg,#1b57ff,#18d36b);-webkit-background-clip:text;background-clip:text;color:transparent}.xp{font-size:.85rem;color:#ffffffc7}.bar{height:10px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);overflow:hidden}.bar>span{display:block;height:100%;width:var(--xp, 0%);background:linear-gradient(90deg,#1b57ff,#18d36b);border-radius:999px;box-shadow:0 0 18px #18d36b33}.quest{margin-top:10px;padding:10px;border-radius:14px;background:#00000038;border:1px solid rgba(255,255,255,.12)}.quest-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:.85rem;color:#ffffffe0}.hud.collapsed .hud-body{display:none}.hud.collapsed{width:auto}@media(max-width:520px){.hud{left:calc(18px + var(--safe-left));right:calc(18px + var(--safe-right));width:auto;border-radius:14px}.hud-header{padding:10px 10px 8px}.hud-body{padding:0 10px 10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-hint ion-icon{animation:none}.has-overlay:after{display:none}.reveal{transition:none;transform:none;opacity:1}}.ethinomics-home-skin{background:radial-gradient(980px 560px at 10% 8%,rgba(94,161,255,.24),transparent 62%),radial-gradient(760px 480px at 82% 12%,rgba(76,210,132,.2),transparent 58%),linear-gradient(170deg,#f5fbff,#eef6ff 52%,#f3fff8)}.ethinomics-home-skin .main-container{background:transparent}.ethinomics-home-skin .section{color:#102347}.ethinomics-home-skin .video-section{--overlay: linear-gradient(to bottom, rgba(8,29,59,.44) 0%, rgba(18,45,90,.26) 44%, rgba(17,58,106,.24) 58%, rgba(9,28,57,.46) 100%)}.ethinomics-home-skin #section2{--overlay: linear-gradient(to bottom, rgba(14,41,86,.4) 0%, rgba(32,68,120,.23) 58%, rgba(14,41,86,.42) 100%)}.ethinomics-home-skin #section3{--overlay: linear-gradient(to bottom, rgba(13,36,74,.42) 0%, rgba(25,56,102,.22) 54%, rgba(13,36,74,.44) 100%)}.ethinomics-home-skin #section4{--overlay: linear-gradient(to bottom, rgba(10,35,70,.4) 0%, rgba(24,58,102,.23) 56%, rgba(10,35,70,.42) 100%)}.ethinomics-home-skin #section5{background:radial-gradient(980px 560px at 10% 8%,rgba(94,161,255,.26),transparent 62%),radial-gradient(760px 480px at 82% 12%,rgba(76,210,132,.24),transparent 58%),linear-gradient(170deg,#f5fbff,#eef6ff 52%,#f3fff8)}.ethinomics-home-skin .has-overlay:after{opacity:.045;mix-blend-mode:soft-light}.ethinomics-home-skin .hero-copy,.ethinomics-home-skin #section2 .section-content>div,.ethinomics-home-skin #section5 .section-content{border:1px solid rgba(23,57,120,.16);border-radius:24px;padding:clamp(12px,2.2vw,20px);background:#ffffff5c;box-shadow:0 14px 24px #1127501f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ethinomics-home-skin #section2 .section-content>div{max-width:min(840px,100%)}.ethinomics-home-skin #section5 .section-content{width:min(860px,90%);gap:1.2rem}.ethinomics-home-skin .hero-copy h1,.ethinomics-home-skin #section2 h1,.ethinomics-home-skin #section4 .column h2,.ethinomics-home-skin #section5 h1{color:#0f2f63;text-shadow:none}.ethinomics-home-skin .hero-copy p,.ethinomics-home-skin #section2 p,.ethinomics-home-skin #section4 .column p{color:#24426e;text-shadow:none}.ethinomics-home-skin #section3 .corner-box{border:1px solid rgba(23,57,120,.16);border-radius:20px;padding:clamp(10px,2vw,16px);background:#ffffff4d;box-shadow:0 10px 22px #1127501f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(min-width:721px){.ethinomics-home-skin #section3 .corner-box{width:min(30%,350px);height:min(24%,190px);padding:clamp(6px,1vw,10px)}}.ethinomics-home-skin #section3 h2{font-size:clamp(.95rem,1.55vw,1.35rem);color:#1b3f84;text-shadow:none}.ethinomics-home-skin #section4 .column{border:1px solid rgba(23,57,120,.16);border-radius:20px;padding:clamp(10px,2vw,14px);background:linear-gradient(155deg,#ffffff8f,#eff8ff5c);box-shadow:0 10px 20px #1127501f}.ethinomics-home-skin .btn-primary{border:1px solid rgba(255,255,255,.7);box-shadow:0 14px 30px #1b57ff38,0 12px 26px #18d36b29}.ethinomics-home-skin .scroll-hint{color:#1b3f84;background:#ffffffd1;border:1px solid rgba(23,57,120,.16);box-shadow:0 12px 24px #1127502e}.ethinomics-home-skin .chapters{background:#ffffffbd;border:1px solid rgba(23,57,120,.18);box-shadow:0 14px 28px #11275024;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ethinomics-home-skin .chapter-dot{border-color:#1739784d;background:#1b57ff1f}.ethinomics-home-skin .chapter-dot:hover{border-color:#1b57ff94}.ethinomics-home-skin .chapter-dot.active{background:#1b57ff;border-color:#1b57ff;box-shadow:0 0 0 4px #1b57ff2e,0 0 18px #18d36b33}.ethinomics-home-skin .chapter-label{color:#24426e;background:#fffffff5;border:1px solid rgba(23,57,120,.16)}.ethinomics-home-skin .hud{background:#ffffffc7;border:1px solid rgba(23,57,120,.18);box-shadow:0 20px 34px #11275029;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ethinomics-home-skin .hud-title,.ethinomics-home-skin .hud-row,.ethinomics-home-skin .quest-top{color:#14376e}.ethinomics-home-skin .xp{color:#35567f}.ethinomics-home-skin .hud-toggle{background:#1b57ff1a;border:1px solid rgba(23,57,120,.2);color:#1b3f84}.ethinomics-home-skin .hud-toggle:hover{background:#1b57ff29}.ethinomics-home-skin .bar{background:#1b57ff1f;border:1px solid rgba(23,57,120,.16)}.ethinomics-home-skin .quest{background:#ffffffeb;border:1px solid rgba(23,57,120,.14)}.ethinomics-home-skin .quest-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#1b57ff1f;border:1px solid rgba(23,57,120,.16);font-family:Rammetto One,system-ui,sans-serif;font-size:.62rem;color:#1b3f84}@media(max-width:900px){.ethinomics-home-skin .hero-copy,.ethinomics-home-skin #section2 .section-content>div,.ethinomics-home-skin #section5 .section-content{border-radius:14px;padding:10px 11px;background:#ffffff47;box-shadow:0 8px 14px #1127501a}.ethinomics-home-skin #section3 .corner-box,.ethinomics-home-skin #section4 .column{border-radius:16px}.ethinomics-home-skin #section4 .column{padding:9px 10px;background:linear-gradient(155deg,#ffffff6b,#eff8ff47)}.ethinomics-home-skin #section3 .corner-box{background:#ffffff3d}.ethinomics-home-skin #section2 .section-content>div{max-width:min(94vw,560px)}.ethinomics-home-skin #section5 .section-content{width:min(94vw,560px);gap:.8rem}}@media(max-width:640px){.ethinomics-home-skin .hero-copy,.ethinomics-home-skin #section2 .section-content>div,.ethinomics-home-skin #section5 .section-content{padding:8px 9px;border-radius:12px;background:#ffffff3d}.ethinomics-home-skin #section4 .column{padding:8px 9px;border-radius:12px}}