:root{--bg:#06251e;--bg2:#092d24;--panel:#092c24;--line:rgba(157,248,190,.22);--mint:#76f4aa;--mint2:#b5ffc3;--white:#f8fffa;--muted:#c9d9d0;--shadow:0 22px 65px rgba(0,0,0,.3)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.5 Arial,Helvetica,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 80% 15%,rgba(59,162,93,.1),transparent 30%),linear-gradient(130deg,#06271f,#071e1a)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05}h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}h2{font-size:clamp(30px,3.4vw,48px);margin-bottom:14px}.wrap{width:min(1440px,calc(100% - 8%));margin-inline:auto}.section-line{border-bottom:1px solid var(--line)}.section-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.27em;color:var(--mint2);margin-bottom:7px}.section-kicker::before{content:"●";font-size:12px;margin-right:10px;color:var(--mint)}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:12px;padding:13px 22px;font-size:13px;font-weight:800;white-space:nowrap;border:1px solid transparent;transition:transform .25s,background .25s,box-shadow .25s;color:var(--white)}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(110deg,#9affae,#60e8ab);color:#073322;box-shadow:0 6px 25px rgba(48,224,132,.25)}.button-primary:hover{box-shadow:0 10px 35px rgba(48,224,132,.45)}.button-outline,.button-ghost{border-color:rgba(174,255,205,.55);background:rgba(4,30,25,.35);backdrop-filter:blur(8px)}.button-outline:hover,.button-ghost:hover{background:rgba(53,166,97,.23)}.button-small{padding:10px 16px;font-size:12px}.site-header{position:absolute;inset:0 0 auto;z-index:50;background:linear-gradient(180deg,rgba(1,20,17,.7),transparent)}.header-inner{display:flex;align-items:center;gap:24px;min-height:81px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:700;line-height:1.06;flex:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:white;background:linear-gradient(135deg,#2ebc78,#005438);border-radius:10px;box-shadow:0 0 28px rgba(56,254,124,.24);font-size:29px}.brand-mark svg{width:29px;height:29px}.main-nav{display:flex;gap:clamp(15px,2vw,29px);align-items:center;margin-left:auto}.main-nav a{font-size:12px;white-space:nowrap;position:relative;padding:13px 0;color:#f2fff4}.main-nav a:hover,.main-nav a.active{color:var(--mint)}.main-nav a.active::after{content:"";height:2px;position:absolute;bottom:6px;left:0;right:0;background:var(--mint);box-shadow:0 0 9px var(--mint)}.header-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.search-link svg{width:18px;height:18px;stroke:white;stroke-width:2;fill:none}.header-join{padding:11px 20px}.menu-toggle{display:none;background:none;border:0;width:38px;height:38px;padding:7px}.menu-toggle span{display:block;height:2px;background:white;margin:5px 0;transition:transform .25s,opacity .25s}.hero{position:relative;min-height:clamp(710px,56vw,870px);overflow:hidden;isolation:isolate;background:#0e2d26}.hero-slide,.hero-shade{position:absolute;inset:0}.hero-slide{background-position:center;background-size:cover;opacity:0;transform:scale(1.05);transition:opacity 1.5s ease,transform 9s ease}.hero-slide.active{opacity:1;transform:scale(1)}.slide-one{background-image:url('../images/alpine-climate.png')}.slide-two{background-image:url('../images/impact-scenes.png');background-size:200% 200%;background-position:0 0}.slide-three{background-image:url('../images/impact-scenes.png');background-size:200% 200%;background-position:100% 0}.hero-shade{background:linear-gradient(90deg,rgba(0,27,21,.87) 0%,rgba(0,28,23,.5) 43%,rgba(0,26,23,.18) 76%),linear-gradient(0deg,rgba(2,25,21,.9),transparent 26%,transparent 72%,rgba(2,25,21,.26));z-index:1}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,54%) minmax(0,46%);align-items:center;min-height:inherit;padding-top:110px;padding-bottom:86px}.hero-main{max-width:690px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#dcffe6;font-weight:800}.video-eyebrow{display:inline-flex;gap:12px;align-items:center;border-radius:30px;border:1px solid rgba(191,255,214,.5);padding:4px 11px 4px 4px;background:rgba(1,33,26,.55);box-shadow:0 0 25px rgba(42,247,104,.16)}.play-mini{display:grid;place-items:center;width:26px;height:26px;border:1px solid white;border-radius:50%;letter-spacing:0;font-size:9px}.hero-title{font-size:clamp(48px,4.55vw,78px);line-height:.94;letter-spacing:-.045em;margin:19px 0 14px;text-shadow:0 7px 25px rgba(0,0,0,.3)}em{font-style:normal;color:var(--mint)}.hero-main>p{font-size:clamp(14px,1.2vw,18px);max-width:560px;line-height:1.28;text-shadow:0 1px 5px #08271d}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.play-circle{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff;color:#0c3d28;font-size:10px}.hero-metrics{display:flex;gap:clamp(11px,2vw,30px);margin-top:48px}.hero-metrics>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:7px;border-right:1px solid rgba(255,255,255,.25);padding-right:18px}.hero-metrics>div:last-child{border:0}.hero-metrics span{grid-row:span 2;color:var(--mint);font-size:26px}.hero-metrics strong{color:var(--mint);line-height:1;font-size:19px}.hero-metrics small{font-size:10px;white-space:nowrap}.hero-right{position:relative;height:475px}.glass{background:linear-gradient(130deg,rgba(2,33,28,.9),rgba(4,47,38,.89));border:1px solid rgba(159,255,201,.52);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.impact-dashboard{position:absolute;width:330px;left:1%;top:57px;border-radius:19px;padding:19px;z-index:2}.dashboard-top,.dashboard-main,.dashboard-sectors{display:flex;justify-content:space-between}.dashboard-top{font-size:12px;align-items:center}.dashboard-top small{color:#d8ffe5;border-radius:12px;background:#134d38;padding:5px 7px;font-size:9px}.dashboard-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:4px}.dashboard-main{height:169px;align-items:center;margin-top:12px}.dashboard-main strong{display:block;font-size:32px;line-height:1}.dashboard-main span{display:block;font-size:20px;font-weight:700}.dashboard-main small{font-size:10px}.chart-bars{display:flex;align-items:end;gap:4px;height:55px;margin-top:10px}.chart-bars i{display:block;width:9px;background:linear-gradient(#aaffc1,#07b865);height:20%}.chart-bars i:nth-child(2){height:36%}.chart-bars i:nth-child(3){height:51%}.chart-bars i:nth-child(4){height:44%}.chart-bars i:nth-child(5){height:64%}.chart-bars i:nth-child(6){height:74%}.chart-bars i:nth-child(7){height:85%}.chart-bars i:nth-child(8){height:100%}.planet{font-size:82px;filter:drop-shadow(0 0 18px #14ddb0);animation:float 5s ease-in-out infinite}.dashboard-sectors{gap:5px;margin-top:10px}.dashboard-sectors div{border:1px solid rgba(145,246,176,.25);border-radius:8px;flex:1;text-align:center;padding:7px 2px;font-size:9px}.dashboard-sectors b{display:block;font-size:22px;line-height:1.3;color:var(--mint)}.dashboard-sectors small{display:block;font-size:11px}.hero-dots{position:absolute;z-index:3;bottom:25px;left:50%;display:flex;gap:8px}.hero-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid white;background:transparent}.hero-dots button.selected{width:28px;border-radius:10px;background:var(--mint);border-color:var(--mint)}.about-band{background:linear-gradient(90deg,rgba(2,35,29,.96),rgba(2,33,28,.78)),url('../images/alpine-climate.png') center 60%/cover}.about-layout{min-height:300px;display:grid;grid-template-columns:47% 33% 20%;align-items:center;gap:24px;position:relative}.about-text h2{font-size:clamp(32px,3.1vw,44px);margin-bottom:10px}.about-text p{max-width:650px;color:#e2eee7;line-height:1.4;margin-bottom:10px}.about-points{display:grid;gap:17px}.about-points>div,.coins-points>a{display:flex;gap:14px;align-items:center}.about-points strong,.coins-points strong{display:block;font-size:14px}.about-points small,.coins-points small{display:block;color:#d3e7db;font-size:11px;margin-top:3px}.icon-ring{width:48px;height:48px;flex:none;border:1px solid #7ef9a5;border-radius:50%;display:grid;place-items:center;color:var(--mint);font-size:27px}.about-planet{text-align:center;font-size:145px;filter:drop-shadow(0 0 20px #3adeb2);opacity:.9}.content-section{padding:28px 0 35px;background:radial-gradient(circle at 80% 10%,rgba(42,123,73,.16),transparent 40%)}.section-heading{display:flex;align-items:end;gap:25px;margin-bottom:15px}.section-heading>div{flex:1}.section-heading h2{margin:0}.section-heading>p{max-width:440px;margin:0 0 3px;color:#dae6df;font-size:12px}.section-heading>.button{font-size:11px;padding:10px 15px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-card{display:block;position:relative;height:236px;overflow:hidden;border-radius:10px;border:1px solid rgba(159,244,182,.33);background:#092820;box-shadow:0 5px 20px rgba(0,0,0,.13);transition:transform .3s,border-color .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-7px);border-color:var(--mint);box-shadow:0 14px 35px rgba(8,255,129,.12)}.feature-photo,.detail-image,.photo-panel{display:block;background-size:200% 200%;background-repeat:no-repeat}.feature-photo{position:absolute;inset:0 0 36%;transition:transform .6s}.feature-card:hover .feature-photo{transform:scale(1.07)}.tech-satellite,.tech-sensor,.tech-seedling,.tech-token{background-image:url('../images/technology-scenes.png')}.impact-nature,.impact-solar,.impact-ev,.impact-hydrogen{background-image:url('../images/impact-scenes.png')}.tech-satellite,.impact-nature{background-position:0 0}.tech-sensor,.impact-solar{background-position:100% 0}.tech-seedling,.impact-ev{background-position:0 100%}.tech-token,.impact-hydrogen{background-position:100% 100%}.feature-card::after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(transparent 0%,rgba(0,25,19,.96) 63%);pointer-events:none}.feature-card-body{position:absolute;z-index:1;display:flex;align-items:flex-start;gap:10px;inset:auto 11px 10px}.number{border-radius:50%;background:var(--mint);color:#004029;font-weight:900;font-size:12px;padding:7px}.feature-copy{flex:1}.feature-copy strong{display:block;line-height:1.15;font-size:13px}.feature-copy small{display:block;color:#e1e9e3;font-size:11px;line-height:1.3;margin-top:7px}.round-arrow{align-self:end;border:1px solid #77eb9e;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:17px;color:var(--mint);flex:none}.coins-section{background:linear-gradient(90deg,#05261fcc,#05261fcb),url('../images/technology-scenes.png') 100% 100%/200% 200%;min-height:239px}.coins-layout{display:grid;grid-template-columns:34% 33% 33%;align-items:center;min-height:239px}.coins-copy p{font-size:13px;max-width:360px}.coins-copy h2{margin:0}.coin-art{height:210px;display:grid;place-items:center;perspective:600px}.coins-points{display:grid;gap:7px}.coins-points>a{padding:5px 0;border-bottom:1px solid var(--line)}.coins-points>b{margin-left:auto}.coins-points .icon-ring{width:39px;height:39px;font-size:22px}.trust-section,.process-section,.terms-strip{background:linear-gradient(90deg,rgba(1,28,23,.95),rgba(5,47,34,.82)),url('../images/alpine-climate.png') center/cover}.trust-layout{padding:22px 0;display:grid;grid-template-columns:24% 76%;gap:12px;align-items:center}.trust-layout h2{font-size:27px;margin:0 0 5px}.trust-layout p{font-size:10px;color:#d1ddd3;margin:0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.trust-grid>div{border:1px solid var(--line);border-radius:10px;min-height:83px;padding:10px;display:flex;align-items:center;gap:9px;font-size:10px}.trust-grid b{font-size:30px;color:var(--mint);font-weight:normal}.process-section{padding:20px 0 28px}.process-section .section-heading h2{font-size:32px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.steps>div{display:grid;grid-template-columns:52px auto;grid-template-rows:auto auto;align-items:center;gap:0 10px;position:relative}.steps>div:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:15px;color:var(--mint);font-size:20px}.step-icon{grid-row:span 2;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;border:1px solid #90ffb0;background:rgba(0,48,30,.62);box-shadow:0 0 13px #36f29399;color:#caffd8;font-size:25px}.steps strong{font-size:11px}.steps small{font-size:10px;line-height:1.3}.terms-strip{padding:20px 0 26px}.terms-strip .section-heading h2{font-size:30px}.terms-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.terms-grid a{min-height:87px;border:1px solid var(--line);border-radius:8px;background:rgba(5,39,32,.9);padding:10px 8px;display:flex;gap:7px}.terms-grid a:hover{border-color:var(--mint);background:#13583b}.terms-grid b{font-size:24px;color:var(--mint);font-weight:normal}.terms-grid strong,.terms-grid small{display:block;font-size:9px;line-height:1.25}.terms-grid small{margin-top:5px;color:#dae9dd}.final-cta{background:linear-gradient(90deg,rgba(3,39,28,.65),rgba(2,39,28,.32)),url('../images/alpine-climate.png') center 64%/cover}.final-cta-inner{display:flex;align-items:center;gap:15px;min-height:150px}.final-cta-inner h2{font-size:25px;margin:0}.final-cta-inner p{font-size:12px;margin:4px 0}.final-cta-inner .button{margin-left:auto}.site-footer{background:#041b17}.footer-inner{display:flex;gap:30px;align-items:center;min-height:90px}.footer-brand{font-size:11px}.footer-brand .brand-mark{width:35px;height:35px}.footer-links{display:flex;gap:25px;margin:auto;font-size:10px}.footer-links a:hover{color:var(--mint)}.footer-note{color:var(--mint);font-size:10px}.footer-up{border:1px solid var(--line);width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.page-hero{background:linear-gradient(90deg,rgba(1,29,22,.88),rgba(3,34,27,.18)),url('../images/alpine-climate.png') center/cover;min-height:490px;display:flex;align-items:end}.page-hero-inner{padding-top:170px;padding-bottom:80px}.page-hero h1{max-width:820px;font-size:clamp(49px,5.8vw,83px);margin:7px 0 15px}.page-hero p{max-width:650px;font-size:17px}.page-hero .button{margin-top:9px}.sector-hero{background-image:linear-gradient(90deg,rgba(1,29,22,.9),rgba(3,34,27,.15)),url('../images/impact-scenes.png');background-size:cover,200% 200%;background-position:center,0 0}.tech-hero{background-image:linear-gradient(90deg,rgba(1,29,22,.9),rgba(3,34,27,.15)),url('../images/technology-scenes.png');background-size:cover,200% 200%;background-position:center,0 0}.process-hero{background-image:linear-gradient(90deg,rgba(1,29,22,.9),rgba(3,34,27,.15)),url('../images/impact-scenes.png');background-size:cover,200% 200%;background-position:center,100% 0}.contact-hero,.legal-hero{min-height:400px}.sub-section{padding:80px 0;border-bottom:1px solid var(--line)}.sub-section.alt{background:#092c24}.sub-section h2{font-size:clamp(35px,4vw,54px)}.sub-section p{color:#c9d9d0;line-height:1.7;max-width:640px}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.split-panel.reverse>div:first-child{order:2}.split-panel.reverse>div:last-child{order:1}.photo-panel{height:420px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-grid article{padding:30px;border:1px solid var(--line);border-radius:15px;background:#0b3429}.info-grid h3{font-size:25px;margin:15px 0}.info-icon{font-size:45px;color:var(--mint)}.sector-details{margin-top:70px;display:grid;gap:45px}.sector-details article{display:grid;grid-template-columns:47% 1fr;gap:8%;align-items:center;scroll-margin-top:100px}.sector-details article:nth-child(even) .detail-image{order:2}.sector-details article h2{font-size:40px}.detail-image{height:320px;border-radius:15px;border:1px solid var(--line)}.sector-details a,.legal-copy a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.timeline{margin-top:32px;display:grid;gap:0}.timeline article{display:grid;grid-template-columns:75px 1fr;gap:23px;padding:25px 0;border-top:1px solid var(--line);max-width:880px}.timeline article>span{color:var(--mint);font:700 36px Georgia,serif}.timeline h3{font-size:24px;margin:0 0 7px}.timeline p{margin:0}.contact-layout{display:grid;grid-template-columns:37% 1fr;gap:9%}.contact-aside{display:flex;gap:15px;align-items:center;margin:20px 0}.contact-aside strong,.contact-aside small{display:block}.contact-aside small{font-size:12px;color:#bacfc4}.join-photo{margin-top:30px;height:250px}.form-panel{padding:35px;border:1px solid var(--line);border-radius:18px;background:rgba(11,51,39,.86);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:17px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;background:#09271f;color:#fff;border:1px solid rgba(174,246,194,.34);border-radius:9px;padding:13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #76f4aa22}.field span{display:block;font-size:11px;color:#ffc4b7;margin-top:3px}.field textarea{resize:vertical}.honeypot{position:absolute;left:-9999px}.form-note{font-size:11px;margin:14px 0 0;color:#a9c4b3}.form-note code{color:#d0fada}.success-message,.notice{border:1px solid #7af5a3;border-radius:11px;background:#18583a;padding:14px;margin-bottom:20px}.validation-summary ul{padding-left:17px;color:#ffb8a9}.legal-layout{display:grid;grid-template-columns:220px 1fr;gap:8%}.legal-layout aside{align-self:start;position:sticky;top:20px;display:grid;gap:13px;border-left:2px solid var(--mint);padding-left:20px}.legal-layout aside a{font-size:13px}.legal-layout aside a:hover{color:var(--mint)}.legal-copy section{border-bottom:1px solid var(--line);padding:20px 0;scroll-margin-top:20px}.legal-copy h2{font-size:30px}.notice{background:#12402f}.notice p{margin:4px 0 0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-9px)}}@keyframes coinfloat{50%{transform:rotateY(-16deg) rotateZ(-8deg) translateY(-8px)}}
@media(max-width:1200px){.main-nav{gap:12px}.header-join{padding:10px}.hero-title{font-size:clamp(44px,5.3vw,66px)}.impact-dashboard{left:-8%}.hero-metrics{gap:7px}.hero-metrics>div{padding-right:8px}.hero-metrics strong{font-size:16px}.feature-copy strong{font-size:12px}.feature-copy small{font-size:10px}.section-heading>.button{display:none}.about-planet{font-size:100px}}
@media(max-width:980px){.header-inner{min-height:70px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:12px 5% 20px;background:#072a21;box-shadow:0 20px 40px #001a13;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{font-size:15px;padding:10px}.main-nav a.active::after{display:none}.menu-toggle{display:block}.search-link{display:none}.hero{min-height:760px}.hero-content{grid-template-columns:60% 40%}.hero-right{transform:scale(.77);transform-origin:center right}.impact-dashboard{left:-70px}.hero-metrics{flex-wrap:wrap;max-width:510px;margin-top:28px}.about-layout{grid-template-columns:55% 45%;padding:35px 0}.about-planet{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{height:280px}.trust-layout{grid-template-columns:1fr}.terms-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr);gap:25px}.steps>div::after{display:none}.coins-layout{grid-template-columns:1fr 1fr}.coins-points{grid-column:span 2;display:flex;justify-content:space-between;padding-bottom:15px}.coins-points>a{flex:1}.footer-note{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.brand{font-size:13px}.brand-mark{width:34px;height:34px}.brand-mark svg{width:23px}.header-join{font-size:10px;padding:9px 10px}.header-join span{display:none}.hero{min-height:850px}.hero-content{display:block;padding-top:125px;padding-bottom:340px}.hero-title{font-size:clamp(43px,9vw,64px);line-height:.98}.hero-main>p{font-size:14px;max-width:530px}.hero-right{position:absolute;bottom:15px;right:0;left:0;height:320px;transform:scale(.69);transform-origin:bottom right}.impact-dashboard{top:0;left:auto;right:110px;width:315px}.hero-metrics{margin-top:25px;gap:12px}.hero-metrics>div{min-width:38%;justify-content:start}.hero-dots{bottom:14px;left:20px}.about-layout{grid-template-columns:1fr}.about-text h2{font-size:37px}.about-points{grid-template-columns:1fr;gap:12px}.section-heading{display:block}.section-heading>p{margin-top:10px}.content-section{padding:35px 0}.feature-card{height:265px}.coins-layout{grid-template-columns:1fr}.coins-copy{padding-top:30px}.coin-art{height:180px}.coins-points{grid-column:auto;display:grid}.trust-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.terms-grid{grid-template-columns:repeat(2,1fr)}.final-cta-inner{flex-wrap:wrap;padding:25px 0}.final-cta-inner .button{margin-left:0}.footer-inner{flex-wrap:wrap;padding:25px 0}.footer-links{margin:0;flex-wrap:wrap;gap:12px}.footer-up{margin-left:auto}.page-hero{min-height:430px}.page-hero-inner{padding-top:120px;padding-bottom:55px}.page-hero h1{font-size:clamp(45px,9vw,68px)}.page-hero p{font-size:14px}.sub-section{padding:50px 0}.split-panel,.contact-layout{grid-template-columns:1fr;gap:30px}.split-panel.reverse>div:first-child,.split-panel.reverse>div:last-child{order:initial}.photo-panel{height:320px}.info-grid{grid-template-columns:1fr}.sector-details article{grid-template-columns:1fr;gap:20px}.sector-details article:nth-child(even) .detail-image{order:initial}.detail-image{height:260px}.sector-details article h2{font-size:34px}.legal-layout{display:block}.legal-layout aside{position:static;display:flex;flex-wrap:wrap;margin-bottom:40px}.form-panel{padding:20px}}
@media(max-width:430px){.header-join{display:none}.header-actions{margin-left:auto}.hero{min-height:845px}.hero-title{font-size:44px}.hero-metrics{gap:8px}.hero-metrics small{font-size:9px}.hero-right{transform:scale(.56);right:-6px;bottom:28px}.feature-grid{grid-template-columns:1fr}.feature-card{height:250px}.feature-copy strong{font-size:14px}.feature-copy small{font-size:11px}.steps,.terms-grid,.trust-grid,.form-grid{grid-template-columns:1fr}.terms-grid a{min-height:66px}.final-cta-inner h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Hero dashboard layout after removing the decorative phone mockup. */
.hero-right{display:flex;align-items:center;justify-content:center;height:460px;min-width:0}
.impact-dashboard{position:relative;top:auto;left:auto;width:min(100%,470px);padding:24px;border-radius:20px}
.dashboard-main{height:185px}
.planet{font-size:92px;line-height:1;will-change:transform;animation:vertical-bob 1.15s ease-in-out infinite alternate}
.coin-art{display:grid;place-items:center;height:250px;overflow:visible}
.asd-coin-image{display:block;width:240px;height:240px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 15px 20px rgba(0,0,0,.38));will-change:transform;animation:vertical-bob 1.25s ease-in-out infinite alternate}
@keyframes vertical-bob{from{transform:translateY(14px)}to{transform:translateY(-14px)}}
@media(max-width:1200px){.impact-dashboard{left:auto}.hero-right{height:410px}}
@media(max-width:980px){.hero-right{transform:none;height:390px}.impact-dashboard{left:auto;width:min(100%,410px)}}
@media(max-width:700px){.hero{min-height:900px}.hero-content{padding-bottom:375px}.hero-right{position:absolute;left:18px;right:18px;bottom:38px;width:auto;height:335px;transform:none}.impact-dashboard{width:min(100%,460px);padding:19px}.dashboard-main{height:138px}.planet{font-size:67px}.coins-layout{padding-bottom:18px}.coin-art{height:210px}.asd-coin-image{width:205px;height:205px}}
@media(max-width:430px){.hero{min-height:880px}.hero-right{left:18px;right:18px;bottom:42px;transform:none}.impact-dashboard{width:100%;padding:14px}.dashboard-main{height:125px}.dashboard-main strong{font-size:27px}.planet{font-size:56px}.dashboard-sectors b{font-size:19px}.dashboard-sectors small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.planet,.asd-coin-image{animation:none;transform:none}}

.coins-section{background:linear-gradient(90deg,rgba(2,33,28,.93),rgba(3,44,33,.86)),url('../images/alpine-climate.png') center 58%/cover}
/* CCB-EARTH-V2-START */
.earth-orbit {
    position: relative;
    display: grid;
    place-items: center;
    flex: none;
    width: 158px;
    height: 158px;
    isolation: isolate;
    animation: ccbEarthFloat 3.2s ease-in-out infinite alternate !important;
}
.earth-orbit::before {
    content: "";
    position: absolute;
    inset: 5px;
    border: 2px solid rgba(123, 255, 187, .3);
    border-top-color: #a6ffd0;
    border-right-color: #48dfba;
    border-radius: 50%;
    box-shadow: 0 0 18px #3dffa377, inset 0 0 16px #4afaa144;
    animation: ccbEarthRing 5s linear infinite !important;
    pointer-events: none;
}
.earth-orbit::after {
    content: "";
    position: absolute;
    top: 13%; right: 13%;
    width: 9px; height: 9px;
    border-radius: 50%;
    background: #c5ffe0;
    box-shadow: 0 0 9px 5px #69ffa488;
    animation: ccbEarthSpark 2.4s ease-in-out infinite alternate !important;
    pointer-events: none;
}
.earth-orbit .planet, .earth-orbit .about-planet {
    display: block !important;
    line-height: 1;
    animation: ccbEarthTurn 18s linear infinite !important;
    transform-origin: center center;
    filter: drop-shadow(0 0 22px #28dfb499);
}
.earth-orbit-dashboard .planet { font-size: 88px; }
.earth-orbit-about { width: 212px; height: 212px; margin-inline: auto; }
.earth-orbit-about .about-planet { font-size: 145px; opacity: 1; }
@keyframes ccbEarthTurn { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes ccbEarthFloat { from { transform: translateY(9px); } to { transform: translateY(-9px); } }
@keyframes ccbEarthRing { from { transform: rotate(0deg) scaleY(.62); } to { transform: rotate(360deg) scaleY(.62); } }
@keyframes ccbEarthSpark { from { opacity: .35; transform: scale(.7); } to { opacity: 1; transform: scale(1.25); } }
@media (max-width: 980px) { .earth-orbit-about { display: none; } }
@media (max-width: 700px) { .earth-orbit-dashboard { width: 105px; height: 105px; } .earth-orbit-dashboard .planet { font-size: 66px; } }
@media (max-width: 430px) { .earth-orbit-dashboard { width: 82px; height: 82px; } .earth-orbit-dashboard .planet { font-size: 53px; } }
/* CCB-EARTH-V2-END */
/* CCB-MOBILE-MOTION-V3-START */
/* Coin: visible float, soft image edges and a gentle green floor glow. */
.coin-art {
    position: relative;
    min-width: 0;
    height: 285px;
    overflow: visible;
    animation: ccbCoinBob 2.2s ease-in-out infinite alternate !important;
}
.coin-art::before {
    content: "";
    position: absolute;
    bottom: 6px;
    width: min(235px, 75%);
    height: 28px;
    border-radius: 50%;
    background: #70ffb0;
    filter: blur(23px);
    opacity: .2;
    pointer-events: none;
}
.asd-coin-image {
    display: block;
    width: min(280px, 100%);
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: 0;
    -webkit-mask-image: radial-gradient(ellipse at center, black 55%, transparent 76%);
    mask-image: radial-gradient(ellipse at center, black 55%, transparent 76%);
    animation: ccbCoinGlow 3.6s ease-in-out infinite alternate !important;
}
@keyframes ccbCoinBob { from { transform: translateY(11px); } to { transform: translateY(-11px); } }
@keyframes ccbCoinGlow { from { filter: drop-shadow(0 12px 10px #0008) brightness(1); } to { filter: drop-shadow(0 19px 23px #43eda855) brightness(1.09); } }
/* Mobile navigation, hero and common sections. */
.mobile-join { display: none; }
@media (max-width: 980px) {
    .main-nav.open { z-index: 100; max-height: calc(100dvh - 70px); overflow-y: auto; }
    .main-nav .mobile-join { display: block; margin-top: 8px; padding: 12px 15px; border-radius: 10px; background: #76f4aa; color: #073322; font-weight: 800; text-align: center; }
    .hero { min-height: 0; }
    .hero-content { display: flex; flex-direction: column; align-items: stretch; gap: 28px; min-height: 0; padding-top: 122px; padding-bottom: 66px; }
    .hero-main { max-width: none; }
    .hero-right { position: relative; inset: auto; display: block; align-self: center; width: min(100%, 540px); height: auto; margin: 0; transform: none; }
    .impact-dashboard { position: relative; inset: auto; width: 100%; padding: 22px; }
    .dashboard-main { height: 170px; }
    .hero-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; gap: 10px; }
    .hero-metrics > div { min-width: 0; padding-right: 6px; }
    .hero-metrics small { white-space: normal; }
    .coins-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; padding-top: 28px; }
    .coins-points { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding-bottom: 20px; }
    .coins-points > a { min-width: 0; }
    .section-heading > .button { display: inline-flex; margin-top: 12px; }
}
@media (max-width: 700px) {
    .wrap { width: calc(100% - 36px); }
    .header-inner { gap: 10px; }
    .header-actions { gap: 7px; }
    .hero-content { gap: 20px; padding-top: 105px; padding-bottom: 58px; }
    .hero-title { font-size: clamp(34px, 8.4vw, 52px); line-height: 1.02; overflow-wrap: normal; }
    .hero-main > p { font-size: 14px; line-height: 1.5; }
    .hero-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 8px; margin-top: 24px; }
    .hero-metrics > div { min-width: 0; border-right: 0; padding-right: 0; }
    .hero-right { position: relative; inset: auto; width: 100%; height: auto; transform: none; }
    .impact-dashboard { width: 100%; padding: 18px; }
    .dashboard-main { height: 142px; gap: 8px; }
    .dashboard-main > div:first-child { min-width: 0; }
    .dashboard-main strong { font-size: 30px; }
    .dashboard-sectors { gap: 4px; }
    .dashboard-sectors div { min-width: 0; font-size: 9px; }
    .hero-dots { bottom: 18px; left: 18px; }
    .about-layout { grid-template-columns: 1fr; }
    .earth-orbit-about { display: grid; width: 165px; height: 165px; margin: 0 auto 12px; }
    .earth-orbit-about .about-planet { display: block !important; font-size: 112px; }
    .section-heading h2 { font-size: clamp(29px, 7vw, 40px); }
    .feature-grid { grid-template-columns: 1fr; gap: 16px; }
    .feature-card { height: 285px; }
    .coins-layout { grid-template-columns: 1fr; gap: 3px; padding: 32px 0; }
    .coins-copy { padding-top: 0; }
    .coin-art { height: 240px; margin: 8px 0; }
    .asd-coin-image { width: 230px; }
    .coins-points { grid-column: auto; grid-template-columns: 1fr; padding-bottom: 0; }
    .coins-points > a { padding: 9px 0; }
    .trust-layout { grid-template-columns: 1fr; }
    .trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .steps { grid-template-columns: 1fr; gap: 18px; }
    .terms-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .final-cta-inner { align-items: flex-start; }
    .final-cta-inner .button { margin-left: 0; }
    .footer-inner { gap: 20px; }
    .page-hero { min-height: 0; }
    .page-hero-inner { padding-top: 125px; padding-bottom: 55px; }
    .page-hero h1 { font-size: clamp(35px, 8vw, 52px); overflow-wrap: break-word; }
    .split-panel, .contact-layout, .sector-details article { grid-template-columns: 1fr; }
    .form-grid { grid-template-columns: 1fr; }
    .legal-layout { display: block; }
}
@media (max-width: 520px) {
    .brand { font-size: 13px; }
    .header-join { display: none; }
    .hero-title { font-size: clamp(31px, 8.25vw, 42px); }
    .actions { align-items: stretch; }
    .hero-main .actions .button { flex: 1 1 100%; white-space: normal; min-height: 47px; }
    .dashboard-main { height: 130px; }
    .dashboard-main strong { font-size: 27px; }
    .dashboard-main span { font-size: 16px; }
    .dashboard-main small { font-size: 9px; }
    .chart-bars { height: 45px; }
    .earth-orbit-dashboard { width: 88px; height: 88px; }
    .earth-orbit-dashboard .planet { font-size: 56px; }
    .dashboard-sectors b { font-size: 20px; }
    .dashboard-sectors small { font-size: 9px; }
    .feature-card { height: 275px; }
    .trust-grid, .terms-grid { grid-template-columns: 1fr; }
    .final-cta-inner .button { width: 100%; }
    .form-panel { padding: 18px; }
}
@media (max-width: 360px) {
    .hero-title { font-size: 30px; }
    .hero-metrics strong { font-size: 14px; }
    .hero-metrics span { font-size: 21px; }
    .impact-dashboard { padding: 12px; }
    .earth-orbit-dashboard { width: 75px; height: 75px; }
    .earth-orbit-dashboard .planet { font-size: 49px; }
}
/* CCB-MOBILE-MOTION-V3-END */
/* CCB-VIDEO-V4-START */
.story-section { position: relative; padding: 58px 0; overflow: hidden; background: radial-gradient(circle at 70% 40%,rgba(29,168,106,.19),transparent 43%),#06251e; }
.story-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: url('../images/alpine-climate.png') center/cover; opacity: .09; }
.story-layout { position: relative; display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: center; gap: clamp(24px,5vw,76px); }
.story-copy h2 { font-size: clamp(34px,3.8vw,56px); margin-bottom: 15px; }
.story-copy p { max-width: 520px; color: #d3e9dd; font-size: 16px; line-height: 1.58; }
.story-copy .button { margin-top: 8px; }
.story-video-frame { position: relative; overflow: hidden; border-radius: 18px; border: 1px solid #8dffc78a; background: #0bbf83; box-shadow: 0 24px 56px #001b17aa, 0 0 28px #48efa133; }
.story-video-frame::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px #d2ffe755; }
.story-video { display: block; width: 100%; height: auto; aspect-ratio: 848 / 478; object-fit: contain; background: #08bc82; }
.story-video-label { position: absolute; top: 12px; left: 12px; padding: 7px 10px; border-radius: 999px; color: #e8fff0; background: #042d25d9; font-size: 10px; font-weight: 800; letter-spacing: .11em; pointer-events: none; }
.video-eyebrow:hover { border-color: #a4ffcd; background: #116044b0; }
@media (max-width: 980px) { .story-layout { grid-template-columns: 1fr; gap: 25px; } .story-section { padding: 48px 0; } .story-copy { max-width: 680px; } }
@media (max-width: 700px) { .story-section { padding: 38px 0; } .story-copy h2 { font-size: clamp(30px,7.5vw,43px); } .story-copy p { font-size: 14px; } .story-video-frame { border-radius: 12px; } .story-video-label { top: 8px; left: 8px; font-size: 8px; padding: 5px 7px; } }
/* CCB-VIDEO-V4-END */
/* CCB-IMMERSIVE-V5-START */
.hero { perspective: 1100px; }
.hero-shade { z-index: 1; }
.eco-webgl { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; opacity: .83; mix-blend-mode: screen; pointer-events: none; }
.eco-hero-depth { position: absolute; inset: 0; z-index: 2; overflow: hidden; pointer-events: none; }
.hero-content { z-index: 3; }
.hero-dots { z-index: 4; }
.eco-motion-toggle { position: absolute; right: max(4%,20px); bottom: 22px; z-index: 5; padding: 8px 12px; border: 1px solid #c0ffdd88; border-radius: 99px; background: #042b23bb; color: #dbffe7; font-size: 11px; font-weight: 700; backdrop-filter: blur(8px); }
.eco-motion-toggle:hover { border-color: #a7ffc8; background: #13563dbb; }
.eco-float { position: absolute; width: clamp(90px,12vw,190px); aspect-ratio: 1; will-change: transform; }
.eco-float-inner { display: block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #98ffc674; box-shadow: 0 0 30px #2bf9ae44, inset 0 0 45px #001c16cc; background-image: radial-gradient(circle at 32% 28%,#c0ffe58c,transparent 38%),url('../images/technology-scenes.png'); background-size: 100%,200% 200%; -webkit-mask-image: radial-gradient(circle,black 40%,transparent 73%); mask-image: radial-gradient(circle,black 40%,transparent 73%); animation: ecoFloat 7s ease-in-out infinite alternate !important; }
.eco-float-one { left: 45%; top: 13%; opacity: .4; }
.eco-float-one .eco-float-inner { background-position: center,0 100%; }
.eco-float-two { right: 7%; top: 17%; width: clamp(70px,8vw,135px); opacity: .55; }
.eco-float-two .eco-float-inner { background-position: center,100% 100%; animation-delay: -3s !important; }
.eco-float-three { left: 30%; bottom: 6%; width: clamp(55px,7vw,110px); opacity: .4; }
.eco-float-three .eco-float-inner { background-position: center,100% 0; animation-delay: -5s !important; }
@keyframes ecoFloat { from { transform: translateY(-12px) rotate(-6deg); } to { transform: translateY(16px) rotate(7deg); } }
.eco-particle { position: absolute; left: var(--x); top: var(--y); width: var(--size); height: var(--size); border-radius: 50%; background: #a5ffc5; box-shadow: 0 0 14px #65ffc4; opacity: .55; animation: ecoParticle var(--duration) ease-in-out var(--delay) infinite alternate !important; }
@keyframes ecoParticle { from { transform: translate3d(-8px,-22px,0); opacity: .12; } to { transform: translate3d(16px,22px,0); opacity: .75; } }
/* Scroll-driven climate portal. */
.eco-journey { position: relative; height: 290vh; background: #031d18; }
.eco-journey-sticky { position: sticky; top: 0; height: 100svh; min-height: 600px; overflow: hidden; isolation: isolate; }
.eco-journey-bg { position: absolute; inset: -8%; background: linear-gradient(90deg,#04231ef2,#042e25c9),url('../images/alpine-climate.png') center/cover; transform: translateY(var(--scene-shift,0px)) scale(1.06); }
.eco-journey-layout { position: relative; height: 100%; display: grid; grid-template-columns: minmax(0,45%) minmax(0,55%); align-items: center; }
.eco-journey-copy { position: relative; z-index: 2; max-width: 570px; min-height: 365px; }
.eco-panel { position: absolute; left: 0; top: 39px; width: 100%; opacity: 0; transform: translate3d(0,40px,0); transition: opacity .65s ease,transform .65s ease; pointer-events: none; }
.eco-journey[data-phase="0"] .eco-panel[data-step="0"],.eco-journey[data-phase="1"] .eco-panel[data-step="1"],.eco-journey[data-phase="2"] .eco-panel[data-step="2"] { opacity: 1; transform: translate3d(0,0,0); pointer-events: auto; }
.eco-count { display: inline-block; color: #9ef5bd; font-size: 12px; font-weight: 800; letter-spacing: .25em; margin-bottom: 12px; }
.eco-panel h2 { font-size: clamp(43px,5vw,76px); line-height: .99; max-width: 570px; }
.eco-panel p { max-width: 450px; color: #d3f0df; font-size: 18px; line-height: 1.45; }
.eco-panel a { display: inline-flex; border-bottom: 1px solid #94ffd1; color: #96ffc2; padding-bottom: 5px; font-weight: 700; }
.eco-journey-progress { position: absolute; bottom: 4px; left: 0; width: min(380px,90%); height: 3px; background: #b5ffc344; border-radius: 4px; overflow: hidden; }
.eco-journey-progress span { display: block; width: 0; height: 100%; background: #8cfdba; box-shadow: 0 0 16px #8cfdba; }
.eco-scroll-hint { position: absolute; bottom: 25px; left: 0; color: #b3e4c4; font-size: 10px; letter-spacing: .2em; font-weight: 800; }
.eco-journey-visual { position: relative; height: min(60vw,620px); width: min(60vw,620px); justify-self: center; perspective: 800px; }
.eco-portal-ring { position: absolute; inset: 8%; border-radius: 50%; border: 1px solid #a6ffcc5e; box-shadow: 0 0 48px #31e5a633,inset 0 0 80px #26ffc42b; transform: rotateX(70deg); animation: ecoPortalSpin 20s linear infinite !important; }
.eco-ring-two { inset: 1%; border-style: dashed; border-color: #7bffc93e; animation-duration: 30s !important; animation-direction: reverse !important; }
@keyframes ecoPortalSpin { to { transform: rotateX(70deg) rotate(360deg); } }
.eco-scene { position: absolute; inset: 18%; border-radius: 50%; background-size: 200% 200%; box-shadow: 0 25px 80px #001910,0 0 75px #32f9ae55; border: 2px solid #b6ffce7a; opacity: 0; transform: translate3d(0,65px,-120px) rotate(-18deg) scale(.55); transition: opacity .7s ease,transform 1s cubic-bezier(.18,.75,.2,1); -webkit-mask-image: radial-gradient(circle,black 56%,transparent 76%); mask-image: radial-gradient(circle,black 56%,transparent 76%); }
.eco-scene-satellite { background-image: url('../images/technology-scenes.png'); background-position: 0 0; }
.eco-scene-nature { background-image: url('../images/impact-scenes.png'); background-position: 0 0; }
.eco-scene-token { background-image: url('../images/technology-scenes.png'); background-position: 100% 100%; }
.eco-journey[data-phase="0"] .eco-scene-satellite,.eco-journey[data-phase="1"] .eco-scene-nature,.eco-journey[data-phase="2"] .eco-scene-token { opacity: 1; transform: translate3d(0,0,0) rotate(0) scale(1); }
.eco-scene-glow { position: absolute; inset: 25%; border-radius: 50%; z-index: -1; background: #37eeb0; filter: blur(100px); opacity: .45; }
/* Other sections gain depth without changing their copy. */
.content-section .feature-card { transform-style: preserve-3d; transition: opacity .6s,transform .45s ease,box-shadow .45s; }
.content-section .feature-card.visible:hover { transform: perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px); box-shadow: 0 25px 55px #000a,0 0 25px #69ff9b44; }
.about-band,.final-cta { background-position: center calc(50% + var(--scene-shift,0px)); }
body.eco-paused .eco-float-inner,body.eco-paused .eco-particle,body.eco-paused .eco-portal-ring,body.eco-paused .planet,body.eco-paused .about-planet,body.eco-paused .coin-art,body.eco-paused .asd-coin-image { animation-play-state: paused !important; }
html:not(.eco-motion-ready) .eco-journey { height: auto; }
html:not(.eco-motion-ready) .eco-journey-sticky { position: relative; height: auto; min-height: 0; }
html:not(.eco-motion-ready) .eco-journey-layout { padding-top: 60px; padding-bottom: 60px; }
html:not(.eco-motion-ready) .eco-panel { position: relative; top: auto; opacity: 1; transform: none; margin: 35px 0; pointer-events: auto; }
html:not(.eco-motion-ready) .eco-journey-copy { min-height: 0; }
@media(max-width:900px) { .eco-webgl { opacity: .48; } .eco-float-one { left: 65%; top: 11%; } .eco-float-two { display: none; } .eco-journey { height: auto; } .eco-journey-sticky { position: relative; height: auto; min-height: 0; } .eco-journey-layout { grid-template-columns: 1fr; padding-top: 60px; padding-bottom: 60px; } .eco-journey-copy { min-height: 0; } .eco-panel { position: relative; top: auto; opacity: 1; transform: none; margin: 35px 0; pointer-events: auto; } .eco-journey-visual { width: min(80vw,430px); height: min(80vw,430px); grid-row: 1; } .eco-scene { opacity: .45; transform: none; } .eco-scene-nature { opacity: 1; } .eco-journey-progress,.eco-scroll-hint { display: none; } }
@media(max-width:700px) { .eco-webgl { display: none; } .eco-float { width: 90px; opacity: .3; } .eco-float-one { left: 72%; top: 8%; } .eco-float-three { left: 70%; bottom: 8%; } .eco-motion-toggle { bottom: 13px; right: 18px; font-size: 10px; padding: 6px 9px; } .eco-journey-layout { padding-top: 44px; padding-bottom: 44px; } .eco-panel h2 { font-size: 36px; } .eco-panel p { font-size: 15px; } .eco-journey-visual { width: min(80vw,300px); height: min(80vw,300px); } .eco-portal-ring { animation-duration: 30s !important; } }
/* CCB-IMMERSIVE-V5-END */

/* CCB-TOKONOMA-V6-START */
:root {
  --bg: #071f1d;
  --bg2: #0b2926;
  --panel: #0b2926;
  --line: rgba(218, 249, 172, .23);
  --mint: #d2f47d;
  --mint2: #e9ffb6;
  --white: #fbf9ed;
  --muted: #d0ded3;
  --ccb-ink: #061d1a;
}
body { background: var(--bg); }
body::before { background: radial-gradient(circle at 78% 12%, rgba(173, 219, 99, .12), transparent 32%), linear-gradient(125deg, #071f1d, #091f22); }
.site-header { background: linear-gradient(180deg, rgba(3, 20, 19, .86), transparent); }
.main-nav a.active::after { box-shadow: 0 0 14px var(--mint); }
.brand-mark { background: linear-gradient(145deg, #163f33, #072b26); color: var(--mint); border: 1px solid rgba(214, 255, 157, .42); }
.button-primary { color: #11251d; background: linear-gradient(115deg, #e8ffa4, #b7ed79); box-shadow: 0 8px 30px rgba(176, 229, 96, .23); }
.button-primary:hover { box-shadow: 0 13px 38px rgba(176, 229, 96, .39); }
.button-outline, .button-ghost { border-color: rgba(224, 252, 170, .53); }
.button-outline:hover, .button-ghost:hover { background: rgba(154, 210, 96, .17); }
.button:focus-visible, .main-nav a:focus-visible, .hero-dots button:focus-visible { outline: 2px solid #e6ff9b; outline-offset: 4px; }
.hero { background: #081e1e; }
.hero-slide { filter: saturate(.9) contrast(1.06); }
.hero-shade { background: linear-gradient(90deg, rgba(3, 20, 20, .93) 0%, rgba(5, 27, 26, .81) 33%, rgba(4, 25, 24, .36) 70%, rgba(5, 26, 25, .19)), linear-gradient(0deg, rgba(5, 24, 23, .92), transparent 35%, rgba(6, 28, 26, .18)); }
.hero::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: .25; background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(229, 255, 188, .05) 4px 5px); mask-image: linear-gradient(90deg, #000, transparent 75%); }
.hero-main { max-width: 760px; }
.hero-title { max-width: 850px; font-family: 'Arial Black', Arial, Helvetica, sans-serif; font-size: clamp(43px, 4.65vw, 85px); font-weight: 900; text-transform: uppercase; letter-spacing: -.07em; line-height: .96; margin: 22px 0 24px; text-shadow: 0 8px 22px rgba(0, 0, 0, .42); }
.hero-title .type-line { display: block; overflow: hidden; padding: .035em .07em .085em 0; margin-bottom: -.075em; }
.hero-title .type-line > span { display: block; width: max-content; max-width: 100%; animation: ccbTypeIn 1.1s cubic-bezier(.17,.83,.25,1) both; }
.hero-title .type-line:nth-child(2) > span { animation-delay: .14s; }
.hero-title .type-line:nth-child(3) > span { animation-delay: .28s; }
.hero-title .type-outline { color: #fcffef; -webkit-text-stroke: 1px rgba(248, 255, 231, .92); }
@supports (-webkit-text-stroke: 1px white) { .hero-title .type-outline { color: rgba(254, 255, 241, .07); text-shadow: none; } }
.hero-title em { color: var(--mint); font-style: normal; display: block; }
@keyframes ccbTypeIn { from { opacity: .12; transform: translate3d(0, 120%, 0) rotate(3deg); } to { opacity: 1; transform: translate3d(0, 0, 0) rotate(0); } }
.video-eyebrow { border: 1px solid rgba(221, 252, 170, .64); border-radius: 999px; background: rgba(4, 31, 27, .72); color: #edffd3; padding: 7px 15px; width: max-content; letter-spacing: .16em; backdrop-filter: blur(10px); }
.hero-main > p { max-width: 580px; color: #e6eee2; }
.hero-metrics strong { color: var(--mint); }
.impact-dashboard { border-color: rgba(226, 253, 178, .49); background: linear-gradient(145deg, rgba(7, 32, 29, .91), rgba(7, 28, 29, .77)); box-shadow: 0 24px 65px rgba(2, 18, 17, .4), 0 0 36px rgba(208, 244, 126, .13); }
.section-kicker { display: inline-flex; align-items: center; gap: 9px; width: max-content; max-width: 100%; padding: 7px 13px; margin-bottom: 14px; border: 1px solid rgba(217, 251, 163, .5); border-radius: 999px; background: rgba(9, 43, 36, .51); color: var(--mint2); font: 800 10px/1.3 Arial, sans-serif; letter-spacing: .22em; }
.section-kicker::before { content: ''; display: inline-block; flex: none; width: 6px; height: 6px; margin-right: 0; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px var(--mint); }
.section-heading h2, .about-text h2, .story-copy h2, .coins-copy h2, .trust-section h2, .process-section h2, .terms-strip h2, .eco-panel h2, .final-cta h2 { font-family: 'Arial Black', Arial, Helvetica, sans-serif; font-weight: 900; letter-spacing: -.055em; line-height: 1; text-wrap: balance; }
.page-hero h1 { font-family: 'Arial Black', Arial, Helvetica, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: -.06em; line-height: .99; text-wrap: balance; }
.page-hero { background-image: linear-gradient(90deg, rgba(4, 22, 22, .94), rgba(7, 33, 29, .3)), url('../images/alpine-climate.png'); }
.section-heading h2::after { content: ''; display: block; width: 44px; height: 4px; margin-top: 16px; border-radius: 9px; background: var(--mint); transform-origin: left; transform: scaleX(.55); transition: transform .7s ease; }
.section-heading h2.ccb-type-visible::after { transform: scaleX(1); }
.section-heading h2, .about-text h2, .story-copy h2, .coins-copy h2, .trust-section h2 { transition: color .55s ease, transform .7s cubic-bezier(.18,.78,.25,1); }
.ccb-type-ready .section-heading h2:not(.ccb-type-visible), .ccb-type-ready .about-text h2:not(.ccb-type-visible), .ccb-type-ready .story-copy h2:not(.ccb-type-visible), .ccb-type-ready .coins-copy h2:not(.ccb-type-visible), .ccb-type-ready .trust-section h2:not(.ccb-type-visible) { transform: translateY(18px); }
.coins-section { background-color: #092522; }
.story-section, .about-band { background-color: #0b2825; }
@media (max-width: 1200px) { .hero-title { font-size: clamp(41px, 4.8vw, 68px); } }
@media (max-width: 980px) { .hero-title { font-size: clamp(42px, 6.8vw, 66px); } .main-nav { background: #092722; } }
@media (max-width: 700px) { .hero-title { font-size: clamp(29px, 8vw, 51px); letter-spacing: -.07em; line-height: 1.01; margin: 19px 0; } .hero-title .type-line { padding-right: .08em; } .video-eyebrow { font-size: 9px; padding: 6px 11px; } .section-kicker { font-size: 9px; letter-spacing: .16em; } .page-hero h1 { font-size: clamp(34px, 8vw, 53px); } .hero::after { opacity: .12; } }
@media (max-width: 380px) { .hero-title { font-size: clamp(27px, 7.5vw, 32px); } }
@media (prefers-reduced-motion: reduce) { .hero-title .type-line > span { animation: none; } .section-heading h2, .about-text h2, .story-copy h2, .coins-copy h2, .trust-section h2 { transform: none !important; } }
body.eco-paused .hero-title .type-line > span { animation-play-state: paused; }
/* CCB-TOKONOMA-V6-END */

/* CCB-HYPE-MOTION-V7-START */
/* Keep the climate palette cohesive; turquoise adds a small editorial accent. */
:root { --ccb-cyan: #6ee1d5; --ccb-dark: #071f1d; }
html, body, main { background-color: var(--ccb-dark); }
.eco-webgl { mix-blend-mode: normal; opacity: .42; }
.hero-shade { background: linear-gradient(90deg, rgba(3, 17, 17, .94) 0%, rgba(3, 22, 22, .81) 37%, rgba(3, 22, 22, .43) 72%, rgba(3, 22, 22, .26) 100%), linear-gradient(0deg, rgba(4, 22, 21, .95), transparent 35%, rgba(4, 22, 21, .24)); }
.hero-title .type-outline { -webkit-text-stroke-color: #d6fff1; }
.video-eyebrow { border-color: rgba(129, 229, 217, .64); }
.hero-right .impact-dashboard { background: rgba(6, 32, 30, .93); border: 1px solid rgba(126, 229, 206, .47); }
.about-band { background: linear-gradient(90deg, rgba(7,31,29,.97),rgba(7,31,29,.87)), url('../images/alpine-climate.png') center 60%/cover; }
.story-section { background: var(--ccb-dark); }
.content-section { background: radial-gradient(ellipse at 85% 12%, rgba(51, 166, 150, .09), transparent 44%), var(--ccb-dark); }
.coins-section { background: linear-gradient(90deg, rgba(7,31,29,.97),rgba(7,31,29,.9)), url('../images/alpine-climate.png') center 58%/cover; }
.trust-section, .process-section, .terms-strip { background-color: var(--ccb-dark); }
.page-hero { background-image: linear-gradient(90deg, rgba(7,31,29,.96), rgba(7,31,29,.56)), url('../images/alpine-climate.png'); }
/* The card image fills the card, and a single dark fade joins it to the text. */
.feature-card { background: #071f1d; border-color: rgba(125, 223, 199, .3); border-radius: 18px; box-shadow: 0 16px 36px rgba(0, 9, 10, .2); isolation: isolate; }
.feature-card .feature-photo { inset: 0; background-repeat: no-repeat; transform: scale(1.005); transition: transform 1.25s cubic-bezier(.19,.75,.3,1), filter .75s ease; filter: saturate(.93) brightness(.9); }
.feature-card::after { inset: 0; z-index: 0; background: linear-gradient(180deg, rgba(3, 22, 20, .04) 0%, rgba(3, 22, 20, .07) 37%, rgba(5, 25, 23, .67) 62%, #071f1d 91%); }
.feature-card .feature-card-body { z-index: 1; inset: auto 15px 16px; align-items: flex-start; }
.feature-card .feature-copy strong { color: #f9fff6; text-shadow: 0 2px 8px rgba(0,0,0,.45); }
.feature-card .feature-copy small { color: #d8e9e1; }
.feature-card .number { background: #d4fb91; color: #09251e; }
.feature-card .round-arrow { border-color: rgba(158, 244, 215, .78); color: #d6ffe2; }
.feature-card:is(:hover, :focus-visible) { border-color: var(--ccb-cyan); box-shadow: 0 24px 55px rgba(0, 13, 14, .44), 0 0 0 1px rgba(110, 225, 213, .22); }
.feature-card:is(:hover, :focus-visible) .feature-photo { transform: scale(1.095); filter: saturate(1.08) brightness(1); }
/* The fourth technology image contains a black vignette: use the same fade as every other card. */
.feature-card .tech-token { background-color: #071f1d; }
.feature-card .feature-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 18%, rgba(7,31,29,.04) 52%, #071f1d 100%); }
.section-kicker { border-color: rgba(110, 225, 213, .53); }
.section-heading h2::after { background: var(--ccb-cyan); }
.icon-ring, .step-icon { border-color: rgba(110, 225, 213, .58); }
/* Hype-inspired section choreography: no item is hidden unless its observer is active. */
.ccb-scroll-ready .ccb-scene { opacity: .16; translate: 0 32px; filter: blur(5px); transition: opacity .85s ease, translate .9s cubic-bezier(.16,.78,.18,1), filter .9s ease; }
.ccb-scroll-ready .ccb-scene.ccb-in { opacity: 1; translate: 0 0; filter: blur(0); }
.ccb-scroll-ready .ccb-item { opacity: .15; translate: 0 28px; filter: blur(4px); transition: opacity .72s ease, translate .8s cubic-bezier(.16,.78,.18,1), filter .8s ease; transition-delay: var(--ccb-delay, 0ms); }
.ccb-scroll-ready .ccb-item.ccb-in { opacity: 1; translate: 0 0; filter: blur(0); }
.ccb-scroll-ready .feature-card.ccb-item { transform: none; }
.ccb-scroll-ready .feature-card.ccb-item.visible:hover { transform: translateY(-5px); }
.ccb-scroll-ready .ccb-scene .section-kicker { transition: background .5s ease .2s, border-color .5s ease .2s; }
.ccb-scroll-ready .ccb-scene.ccb-in .section-kicker { background-color: rgba(21, 72, 64, .72); }
/* Animated hairline below each section title, like the reference's crisp graphic dividers. */
.section-heading h2::after { width: 60px; height: 3px; margin-top: 15px; }
@media (max-width: 900px) {
  .ccb-scroll-ready .ccb-scene { translate: 0 20px; filter: none; }
  .ccb-scroll-ready .ccb-item { translate: 0 16px; filter: none; }
  .feature-card .feature-photo { filter: saturate(1) brightness(.98); }
}
@media (max-width: 700px) {
  .eco-webgl { display: none; }
  .hero-shade { background: linear-gradient(180deg, rgba(3, 21, 21, .84), rgba(3, 23, 22, .69) 56%, rgba(3, 23, 22, .87)); }
  .feature-card .feature-card-body { inset: auto 12px 13px; }
  .ccb-scroll-ready .ccb-scene { opacity: .6; }
  .ccb-scroll-ready .ccb-item { opacity: .6; }
}
@media (prefers-reduced-motion: reduce) {
  .ccb-scroll-ready .ccb-scene, .ccb-scroll-ready .ccb-item { opacity: 1; translate: none; filter: none; transition: none; }
  .feature-card .feature-photo { transition: none; }
}
/* CCB-HYPE-MOTION-V7-END */

/* CCB-SCROLL-CURSOR-V8-START */
/* Climate palette with crisp typography and measured cyan accents. */
body { font-family: 'Segoe UI', Arial, sans-serif; }
.main-nav a { font-family: 'Arial Narrow', 'Segoe UI', Arial, sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.section-heading h2, .about-text h2, .story-copy h2, .coins-copy h2,
.trust-section h2, .process-section h2, .terms-strip h2, .eco-panel h2,
.final-cta h2, .sub-section h2 {
  font-family: 'Arial Black', 'Arial Narrow', Arial, sans-serif;
  font-weight: 900; letter-spacing: -.055em; line-height: 1.03; text-wrap: balance;
}
.section-heading h2, .story-copy h2, .coins-copy h2 { text-transform: uppercase; }
.feature-copy strong, .trust-grid strong, .coins-points strong { font-family: 'Segoe UI', Arial, sans-serif; font-weight: 800; letter-spacing: -.025em; }
.section-kicker { text-transform: uppercase; }
.sub-section.alt { background-color: #0b2926; }
/* Element-level reveals are enabled only after JS attaches the observer. */
.ccb-reveal-ready .ccb-r-item { opacity: .03; translate: 0 38px; filter: blur(4px); transition: opacity .8s ease, translate .95s cubic-bezier(.2,.77,.2,1), filter .85s ease; transition-delay: var(--ccb-stagger,0ms); }
.ccb-reveal-ready .ccb-r-item.ccb-r-in { opacity: 1; translate: 0 0; filter: blur(0); }
.ccb-reveal-ready .ccb-r-photo { opacity: .04; clip-path: inset(0 0 46% 0 round 16px); transform: scale(1.055); transition: opacity .75s ease, clip-path 1.1s cubic-bezier(.18,.7,.2,1), transform 1.1s cubic-bezier(.18,.7,.2,1); transition-delay: var(--ccb-stagger,0ms); }
.ccb-reveal-ready .ccb-r-photo.ccb-r-in { opacity: 1; clip-path: inset(0 0 0 0 round 16px); transform: scale(1); }
/* Preserve the already visible content in the pinned scroll journey. */
.eco-journey .eco-panel, .eco-journey .eco-journey-visual { transition-delay: 0ms; }
.feature-card { --ccb-x: 50%; --ccb-y: 50%; }
.feature-card::before { content: ''; position: absolute; inset: 0; z-index: 2; opacity: 0; background: radial-gradient(circle 170px at var(--ccb-x) var(--ccb-y), rgba(116, 237, 213, .15), transparent 75%); pointer-events: none; transition: opacity .35s; }
.feature-card:is(:hover, :focus-visible)::before { opacity: 1; }
.feature-card .feature-photo { transition: transform 1s cubic-bezier(.2,.75,.2,1),filter .7s ease; }
/* Cursor is attached only on desktop with a fine pointer and motion enabled. */
.ccb-cursor, .ccb-cursor-dot { display: none; pointer-events: none; position: fixed; left: 0; top: 0; z-index: 9999; border-radius: 50%; }
@media (hover:hover) and (pointer:fine) {
  body.ccb-cursor-active, body.ccb-cursor-active a, body.ccb-cursor-active button, body.ccb-cursor-active .feature-card { cursor: none; }
  body.ccb-cursor-active input, body.ccb-cursor-active textarea, body.ccb-cursor-active select { cursor: text; }
  .ccb-cursor { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid rgba(154, 255, 234, .85); background: rgba(6, 32, 31, .12); box-shadow: 0 0 18px rgba(74, 229, 208, .22); backdrop-filter: blur(1px); opacity: 0; transform: translate3d(-100px,-100px,0) translate(-50%,-50%) scale(.72); transition: width .28s ease, height .28s ease, background .28s ease, border-color .28s ease, opacity .2s ease; }
  .ccb-cursor-dot { display: block; width: 6px; height: 6px; background: #ddffab; box-shadow: 0 0 10px #b7ffd8; opacity: 0; transform: translate3d(-100px,-100px,0) translate(-50%,-50%); }
  body.ccb-cursor-active .ccb-cursor, body.ccb-cursor-active .ccb-cursor-dot { opacity: 1; }
  .ccb-cursor.ccb-cursor-hover { width: 82px; height: 82px; background: rgba(5, 33, 32, .82); border-color: #7cebd7; box-shadow: 0 0 0 1px rgba(127, 236, 209, .2),0 0 28px rgba(82, 221, 203, .35); }
  .ccb-cursor.ccb-cursor-hover[data-cursor-label]::after { content: attr(data-cursor-label); color: #e3ffae; font: 900 10px/1 'Arial Narrow',Arial,sans-serif; letter-spacing: .11em; }
  .ccb-cursor.ccb-cursor-hover + .ccb-cursor-dot { opacity: 0; }
}
@media (max-width: 980px) {
  .main-nav.open { position: fixed; top: 69px; bottom: 0; left: 0; right: 0; width: 100%; max-height: calc(100dvh - 69px); padding: 20px max(22px,5vw) 35px; overflow-y: auto; background: rgba(5, 28, 27, .98); backdrop-filter: blur(18px); border-top: 1px solid rgba(126, 231, 209, .3); box-shadow: 0 25px 65px rgba(0, 12, 12, .55); }
  .main-nav.open a { display: block; padding: 15px 8px; border-bottom: 1px solid rgba(143, 229, 208, .17); font-size: clamp(17px,4.4vw,24px); letter-spacing: -.025em; line-height: 1.2; animation: ccbMenuIn .5s cubic-bezier(.19,.75,.24,1) both; }
  .main-nav.open a:nth-child(2n) { animation-delay: .05s; }
  .main-nav.open .mobile-join { margin-top: 19px; padding: 15px; border: 0; border-radius: 13px; color: #092b26; background: #d8fb92; text-align: center; font-size: 15px; letter-spacing: 0; }
  body.ccb-menu-open { overflow: hidden; }
  @keyframes ccbMenuIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
}
@media (max-width: 700px) {
  .wrap { width: min(100% - 32px,620px); }
  .site-header { background: linear-gradient(180deg,rgba(2,25,23,.94),rgba(2,25,23,.2)); }
  .header-inner { min-height: 69px; }
  .hero-content { padding-top: 117px; padding-bottom: 70px; }
  .hero-title { font-size: clamp(29px,7.75vw,48px); letter-spacing: -.075em; }
  .hero-title .type-line > span { max-width: 100%; }
  .section-heading h2, .story-copy h2, .coins-copy h2 { font-size: clamp(29px,7.5vw,42px); overflow-wrap: anywhere; }
  .feature-grid { gap: 17px; }
  .feature-card { height: 315px; border-radius: 18px; }
  .feature-card .feature-card-body { gap: 10px; inset: auto 14px 15px; }
  .feature-copy strong { font-size: 15px; line-height: 1.2; }
  .feature-copy small { font-size: 12px; line-height: 1.35; }
  .coins-layout, .about-layout, .story-layout { min-width: 0; }
  .story-video-frame { width: 100%; }
  .story-video { width: 100%; height: auto; }
  .contact-layout, .split-panel { gap: 24px; }
  .sector-details article { gap: 18px; }
  .detail-image { min-height: 210px; }
  .ccb-reveal-ready .ccb-r-item { translate: 0 24px; filter: none; }
  .ccb-reveal-ready .ccb-r-photo { clip-path: inset(0 0 30% 0 round 13px); }
}
@media (max-width: 380px) { .hero-title { font-size: clamp(26px,7.45vw,30px); } .feature-card { height: 335px; } .feature-copy strong { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) {
  .ccb-reveal-ready .ccb-r-item, .ccb-reveal-ready .ccb-r-photo { opacity: 1; translate: none; filter: none; transform: none; clip-path: none; transition: none; }
  .main-nav.open a { animation: none; }
}
/* CCB-SCROLL-CURSOR-V8-END */