/* ---------- Reset & Base ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
font-family:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
color:#002a2c;background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
ul{list-style:none}
:root{
--green:#00917d;
--green-dark:#006c5f;
--green-darker:#004b41;
--gold:#d4a72a;
--gold-light:#f0c14b;
--gold-deep:#a87d12;
--navy:#002a2c;
--line:#e6e9ec;
--bg-soft:#f4f6f7;
--muted:#6b7a7c;
--accent:#ffce32;
--radius:10px;
--container:1280px;
--shadow:0 6px 24px rgba(0,0,0,.08);
}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
/* ---------- Top Bar ---------- */
.topbar{
background:var(--navy);color:#cfd6d7;font-size:13px;
}
.topbar .container{display:flex;align-items:center;justify-content:space-between;height:36px;gap:16px}
.topbar .left, .topbar .right{display:flex;align-items:center;gap:18px}
.topbar a{color:#cfd6d7;transition:color .15s}
.topbar a:hover{color:#fff}
.lang-switch{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid #2c4346;border-radius:4px}
.lang-switch.active{background:#13393b;color:#fff}
/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 var(--line)}
.header__bar{display:flex;align-items:center;gap:24px;height:84px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo__mark{
width:44px;height:44px;border-radius:12px;
background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 55%,var(--gold) 100%);
display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;letter-spacing:-.5px;
box-shadow:0 4px 12px rgba(0,145,125,.25), inset 0 1px 0 rgba(255,255,255,.2);
position:relative;
}
.logo__mark::after{
content:"";position:absolute;inset:auto 6px 6px auto;width:10px;height:10px;border-radius:50%;
background:radial-gradient(circle,var(--gold-light) 0%,var(--gold) 60%,transparent 100%);filter:blur(1px);
}
.logo__text{font-weight:800;font-size:20px;color:var(--green-darker);letter-spacing:-.2px;line-height:1}
.logo__text span{color:var(--gold-deep);font-weight:800}
.logo__sub{display:block;font-size:9.5px;font-weight:700;letter-spacing:2.4px;color:var(--muted);text-transform:uppercase;margin-top:3px}
/* ---------- Logo: Green Gold Foundation (amblem + 2 satır metin) ---------- */
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo__img{display:block;height:46px;width:auto}
.logo__word{display:flex;flex-direction:column;line-height:1.02;font-weight:800;
color:#1e5e30;letter-spacing:.01em;font-size:17px}
.logo__word>span{font-weight:800;color:#1e5e30}
/* Footer koyu zemin: aynı logo, okunur olması için beyaz yazı */
.footer .logo__word, .footer .logo__word>span{color:#fff}
@media (max-width:480px){ .logo__word{font-size:14px} .logo__img{height:38px} }
.seg{display:flex;border:1px solid var(--line);border-radius:999px;padding:4px;margin-left:12px}
.seg button{padding:8px 18px;border-radius:999px;font-weight:600;font-size:13px;color:#3b4f51;transition:all .2s}
.seg button.active{background:var(--green);color:#fff}
.seg button:not(.active):hover{color:var(--green-dark)}
.seg-esg{margin-left:12px;white-space:nowrap}
.nav-esg-m{display:none} /* ESG menü öğesi: yalnızca mobil hamburgerde */
.nav{flex:1;display:flex;justify-content:center}
.nav>ul{display:flex;align-items:center;gap:6px}
.nav>ul>li{position:relative}
.nav>ul>li>a{display:inline-flex;align-items:center;gap:6px;padding:14px 12px;font-weight:600;font-size:14px;color:var(--navy);border-bottom:3px solid transparent;transition:color .15s,border-color .15s}
.nav>ul>li>a .chev{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .2s}
.nav>ul>li:hover>a, .nav>ul>li.open>a{color:var(--green);border-bottom-color:var(--green)}
.nav>ul>li>a.active{color:var(--green);border-bottom-color:var(--green)}
.nav>ul>li>a.nav-inert{cursor:default}
.nav>ul>li:hover>a.nav-inert, .nav>ul>li.open>a.nav-inert{color:var(--navy);border-bottom-color:transparent}
.nav>ul>li:hover>a .chev, .nav>ul>li.open>a .chev{transform:rotate(-135deg);margin-top:3px}
.header__cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:700;font-size:14px;transition:all .2s;white-space:nowrap}
.btn--primary{background:var(--green);color:#fff}
.btn--primary:hover{background:var(--green-dark)}
.btn--ghost{color:var(--green);border:2px solid var(--green);padding:9px 18px}
.btn--ghost:hover{background:var(--green);color:#fff}
.btn--dark{background:var(--navy);color:#fff}
.btn--dark:hover{background:#0c4042}
/* ---------- Mega Menu ---------- */
.mega{
position:absolute;top:100%;left:50%;transform:translate(-50%,8px);
width:min(1080px,92vw);background:#fff;border-radius:14px;box-shadow:var(--shadow);
padding:28px;display:none;grid-template-columns:1.1fr 1fr 1fr;gap:24px;
}
.nav>ul>li.open .mega{display:grid}
/* Hover köprüsü: nav öğesi ile panel arasındaki dead-zone'u kapatır (8px boşluğu örter) */
.nav>ul>li>.mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.mega h4{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px}
.mega .col-list a{display:block;padding:8px 0;font-size:14px;font-weight:500;color:#2a3839;border-bottom:1px dashed transparent;transition:color .15s}
.mega .col-list a:hover{color:var(--green)}
.mega .feature{
background:linear-gradient(135deg,#e7f4f1 0%,#cfe9e3 100%);
border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:200px
}
.mega .feature .tag{display:inline-block;background:#fff;color:var(--green-dark);font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 8px;border-radius:4px;margin-bottom:12px;width:fit-content}
.mega .feature h5{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:6px;line-height:1.25}
.mega .feature p{font-size:13px;color:#3b4f51;margin-bottom:14px}
.mega .feature .btn{align-self:flex-start;padding:8px 14px;font-size:13px}
/* ---------- Quick Tools Strip ---------- */
.tools{background:var(--bg-soft);border-bottom:1px solid var(--line)}
.tools .container{display:flex;align-items:center;gap:8px;height:48px;overflow-x:auto;scrollbar-width:none}
.tools .container::-webkit-scrollbar{display:none}
.tools__label{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;margin-right:8px}
.tools a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;color:#2a3839;border-radius:999px;white-space:nowrap;transition:all .15s}
.tools a:hover{background:#fff;color:var(--green-dark);box-shadow:0 1px 6px rgba(0,0,0,.06)}
.tools a .ico{width:14px;height:14px;color:var(--green)}
.tools__soon{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;color:#2a3839;border-radius:999px;white-space:nowrap;cursor:default}
.tools__soon .ico{width:14px;height:14px;color:var(--green)}
/* ---------- Hero Slider ---------- */
.hero{position:relative;background:#0a3a3c;color:#fff;overflow:hidden}
.hero__viewport{position:relative;height:480px}
.slide{
position:absolute;inset:0;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;
padding:0 max(24px, calc((100vw - var(--container))/2 + 24px));
opacity:0;transform:translateX(40px);transition:opacity .6s ease,transform .6s ease;pointer-events:none;
}
.slide.active{opacity:1;transform:translateX(0);pointer-events:auto}
.slide__content{max-width:520px}
.slide__eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:rgba(255,255,255,.12);padding:6px 12px;border-radius:999px;margin-bottom:18px}
.slide__title{font-size:40px;line-height:1.1;font-weight:300;margin-bottom:14px}
.slide__title strong{font-weight:700;color:#7be6cd}
.slide__desc{font-size:16px;color:#cfd6d7;margin-bottom:24px;max-width:460px}
.slide__visual{position:relative;height:100%;display:flex;align-items:center;justify-content:center}
.slide__visual .blob{
width:380px;height:380px;border-radius:50%;
background:radial-gradient(circle at 30% 30%,#7be6cd 0%,var(--green) 45%,var(--green-darker) 100%);
filter:blur(.5px);position:relative;
}
.slide__visual .badge{
position:absolute;background:#fff;color:var(--navy);border-radius:14px;padding:14px 18px;
box-shadow:0 12px 32px rgba(0,0,0,.25);display:flex;align-items:center;gap:12px;
}
.slide__visual .badge .pct{font-size:28px;font-weight:800;color:var(--green-dark);line-height:1}
.slide__visual .badge .lbl{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.6px;text-transform:uppercase}
.slide__visual .b1{top:20%;left:8%}
.slide__visual .b2{bottom:18%;right:10%}
/* Hero slide photo (right column, clean framed) */
.slide__photo{width:min(380px,100%);height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.32);display:block}
.hero__nav{
position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:center;align-items:center;gap:14px;z-index:2;
}
.hero__dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);transition:all .2s;cursor:pointer}
.hero__dot.active{background:#fff;width:28px;border-radius:6px}
.hero__arrow{
position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;
backdrop-filter:blur(6px);transition:background .2s;z-index:2;
}
.hero__arrow:hover{background:rgba(255,255,255,.22)}
.hero__arrow.prev{left:24px} .hero__arrow.next{right:24px}
/* ---------- Section Title ---------- */
section.block{padding:72px 0}
.section-head{text-align:center;margin-bottom:36px}
.section-head h2{font-size:34px;font-weight:300;color:var(--navy);line-height:1.2}
.section-head h2 strong{font-weight:700;color:var(--green-dark)}
.section-head p{margin-top:10px;color:var(--muted);font-size:15px}
/* ---------- Card Grid ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{
background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;
transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column;gap:10px
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cfe9e3}
.card__icon{width:48px;height:48px;border-radius:12px;background:#e7f4f1;color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.card h3{font-size:17px;font-weight:700;color:var(--navy);line-height:1.3}
.card p{font-size:14px;color:var(--muted);flex:1}
.card .more{display:inline-flex;align-items:center;gap:6px;color:var(--green-dark);font-weight:700;font-size:13px;margin-top:6px}
.card .more::after{content:"→";transition:transform .2s}
.card:hover .more::after{transform:translateX(4px)}
/* ---------- Promo Banner ---------- */
.promo{
background:linear-gradient(120deg,var(--green-darker) 0%,var(--green) 100%);
color:#fff;border-radius:18px;padding:48px;display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:24px;
position:relative;overflow:hidden;
}
.promo::before{
content:"";position:absolute;right:-80px;top:-80px;width:360px;height:360px;border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);
}
.promo h3{font-size:30px;font-weight:300;line-height:1.2;margin-bottom:10px}
.promo h3 strong{font-weight:700}
.promo p{color:rgba(255,255,255,.85);margin-bottom:18px;max-width:520px}
.promo .btn{background:#fff;color:var(--green-darker)}
.promo .btn:hover{background:#e7f4f1}
/* ---------- Digital Channels ---------- */
.channels{background:var(--navy);color:#fff;padding:80px 0}
.channels .section-head h2{color:#fff;font-weight:300}
.channels .section-head h2 strong{color:#7be6cd}
.channels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.channel{
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;
padding:28px;text-align:center;transition:all .25s;
}
.channel:hover{background:rgba(123,230,205,.1);border-color:rgba(123,230,205,.3);transform:translateY(-4px)}
.channel__icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--green),#7be6cd);margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}
.channel h3{font-size:18px;font-weight:700;margin-bottom:8px}
.channel p{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:14px;min-height:42px}
.channel a{color:#7be6cd;font-weight:700;font-size:13px}
/* ---------- FAQ Accordion ---------- */
.faq{max-width:880px;margin:0 auto}
.faq__item{border-bottom:1px solid var(--line)}
.faq__q{
width:100%;display:flex;align-items:center;justify-content:space-between;
padding:20px 0;text-align:left;font-size:16px;font-weight:600;color:var(--navy);
}
.faq__q .plus{
width:28px;height:28px;border-radius:50%;background:#e7f4f1;color:var(--green-dark);
display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:transform .25s;
}
.faq__item.open .faq__q .plus{transform:rotate(45deg);background:var(--green);color:#fff}
.faq__a{
max-height:0;overflow:hidden;transition:max-height .35s ease;
color:var(--muted);font-size:14.5px;line-height:1.65;
}
.faq__item.open .faq__a{max-height:300px}
.faq__a-inner{padding:0 0 22px}
/* ---------- Footer ---------- */
.footer{background:#001b1d;color:#a3b3b5;padding:60px 0 24px;font-size:13.5px}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-bottom:40px;border-bottom:1px solid #1a3032}
.footer h5{color:#fff;font-size:14px;font-weight:700;margin-bottom:16px;letter-spacing:.4px}
.footer ul li{margin-bottom:9px}
.footer a:hover{color:#fff}
.footer__brand p{margin:14px 0;color:#7c8d8f;line-height:1.55}
.footer__social{display:flex;gap:10px;margin-top:14px}
.footer__social a{
width:36px;height:36px;border-radius:50%;background:#0e2628;display:flex;align-items:center;justify-content:center;
color:#a3b3b5;transition:all .2s;
}
.footer__social a:hover{background:var(--green);color:#fff}
.footer__bottom{padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#5d7173;font-size:12px}
.footer__bottom .legal{display:flex;gap:18px;flex-wrap:wrap}
/* ---------- Calculator ---------- */
.calc{
display:grid;grid-template-columns:1.15fr 1fr;border-radius:18px;overflow:hidden;
box-shadow:0 18px 50px rgba(0,42,44,.08);border:1px solid var(--line);background:#fff;
}
.calc__left{padding:36px 36px 32px}
.calc__right{
background:linear-gradient(160deg,var(--green-darker) 0%,var(--green) 100%);
color:#fff;padding:40px 36px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;
}
.calc__right::before{
content:"";position:absolute;right:-100px;top:-100px;width:320px;height:320px;border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);pointer-events:none;
}
.calc__q-title{font-size:18px;font-weight:600;color:var(--navy);text-align:center;margin-bottom:18px}
.calc__sectors{
display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:24px;
}
.sector{
display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:10px;
font-size:12.5px;font-weight:600;color:#3b4f51;border:2px solid transparent;transition:all .2s;text-align:center;line-height:1.25;
}
.sector__ico{font-size:30px;line-height:1}
.sector:hover{background:var(--bg-soft)}
.sector.active{color:var(--green-darker);border-color:var(--green);background:#e7f4f1}
.sector.active::after{
content:"";position:absolute;
}
.calc__field{margin-bottom:24px}
.calc__label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#3b4f51;margin-bottom:10px}
.calc__label .info{
width:16px;height:16px;border-radius:50%;background:#cfe9e3;color:var(--green-darker);
font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:help;
}
.calc__value-row{
display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--bg-soft);border-radius:8px;margin-bottom:12px;
}
.calc__value-row input{
flex:1;background:transparent;border:0;outline:none;font-size:22px;font-weight:700;color:var(--navy);font-family:inherit;
}
.calc__value-row .unit{color:var(--muted);font-size:13px;font-weight:600}
input[type=range]{
-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#dde4e6;border-radius:4px;outline:none;cursor:pointer;
}
input[type=range]::-webkit-slider-thumb{
-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--green);
border:4px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;
}
input[type=range]::-moz-range-thumb{
width:22px;height:22px;border-radius:50%;background:var(--green);
border:4px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;border-radius:50%;
}
.calc__range-labels{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:8px}
.periods{display:flex;gap:8px;flex-wrap:wrap}
.period{
padding:10px 18px;border:1.5px solid var(--line);border-radius:999px;font-size:13px;font-weight:600;
color:#3b4f51;background:#fff;transition:all .15s;
}
.period:hover{border-color:var(--green)}
.period.active{background:var(--green);border-color:var(--green);color:#fff}
.calc__note{font-size:11.5px;color:var(--muted);line-height:1.6;margin-top:6px}
.calc__visual{font-size:42px;line-height:1}
.calc__lead{font-size:15px;color:rgba(255,255,255,.92);line-height:1.5}
.calc__lead strong{color:#7be6cd;font-weight:700}
.calc__metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0}
.metric{padding:16px 0;border-top:1px solid rgba(255,255,255,.18)}
.metric__label{font-size:12px;color:rgba(255,255,255,.7);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}
.metric__value{font-size:32px;font-weight:800;line-height:1;color:#fff}
.metric__value span{font-size:14px;font-weight:600;color:rgba(255,255,255,.75);margin-left:4px}
.calc__report{
display:inline-flex;align-items:center;gap:8px;color:#7be6cd;font-size:13.5px;font-weight:600;
padding-bottom:6px;border-bottom:1px dashed rgba(123,230,205,.35);width:fit-content;transition:opacity .15s;
}
.calc__report:hover{opacity:.85}
.calc__cta{
margin-top:auto;display:block;background:#7be6cd;color:#002a2c;padding:16px 24px;border-radius:10px;
font-size:15px;font-weight:700;text-align:center;transition:all .2s;
}
.calc__cta:hover{background:#a3edd8;transform:translateY(-1px)}
@media (max-width: 900px){
.calc{grid-template-columns:1fr}
.calc__sectors{grid-template-columns:repeat(2,1fr)}
.calc__right{padding:32px 28px}
}
/* ---------- Product Cards (Green Gold Wings / Wheels / Stay) ---------- */
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{
background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);
display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;
}
.pcard:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,42,44,.12)}
.pcard__visual{
height:230px;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;
}
.pcard--wings .pcard__visual{background:linear-gradient(160deg,#e9eef1 0%,#cfd8dd 100%)}
.pcard--wheels .pcard__visual{background:linear-gradient(160deg,#0e2f2c 0%,#1a4d44 100%)}
.pcard--stay .pcard__visual{background:linear-gradient(160deg,#f4ecd2 0%,#e8d291 100%)}
/* Decorative motif behind the card */
.pcard__visual::before{
content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;
background-repeat:no-repeat;background-position:right -20px bottom -20px;background-size:160px 160px;
}
.pcard--wings .pcard__visual::before{
background-image:url("data:image/svg+xml;utf8,");
}
.pcard--wheels .pcard__visual::before{
background-image:url("data:image/svg+xml;utf8,");
opacity:.22;
}
.pcard--stay .pcard__visual::before{
background-image:url("data:image/svg+xml;utf8,");
}
/* The actual "card" object */
.vcard{
width:280px;aspect-ratio:1.586/1;border-radius:14px;padding:18px;color:#fff;position:relative;
box-shadow:0 18px 36px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.18);
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;display:flex;flex-direction:column;justify-content:space-between;
transform:rotate(-3deg);transition:transform .35s ease;
}
.pcard:hover .vcard{transform:rotate(0deg) translateY(-4px)}
.vcard--wings{background:linear-gradient(135deg,#dbe3e8 0%,#9aa9b1 50%,#6a7780 100%);color:#0a3a3c}
.vcard--wheels{background:linear-gradient(135deg,#0a3a3c 0%,#13413f 50%,#00917d 100%)}
.vcard--stay{background:linear-gradient(135deg,#a87d12 0%,#d4a72a 50%,#f0c14b 100%);color:#3a2a06}
.vcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.vcard__brand{font-size:11px;font-weight:800;letter-spacing:1.6px;line-height:1.1;text-transform:uppercase;opacity:.92}
.vcard__brand small{display:block;font-size:7.5px;letter-spacing:2.4px;font-weight:700;opacity:.7;margin-top:2px}
.vcard__series{font-size:10px;font-weight:700;letter-spacing:1.5px;text-align:right;opacity:.85;text-transform:uppercase}
.vcard__series strong{display:block;font-size:14px;letter-spacing:.5px;margin-top:2px}
.vcard__chip{
width:34px;height:26px;border-radius:5px;
background:linear-gradient(135deg,#e7d18a 0%,#caa64a 60%,#9c7a26 100%);
box-shadow:inset 0 0 0 1px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.4);
position:relative;
}
.vcard__chip::before,.vcard__chip::after{
content:"";position:absolute;left:6px;right:6px;height:1px;background:rgba(0,0,0,.18);
}
.vcard__chip::before{top:8px} .vcard__chip::after{bottom:8px}
.vcard__num{font-family:"Courier New",monospace;font-size:13.5px;letter-spacing:1.5px;font-weight:700;opacity:.85}
.vcard__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.vcard__name{font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.vcard__valid{font-size:9px;font-weight:600;letter-spacing:.6px;opacity:.75;text-transform:uppercase;text-align:right}
.vcard__valid b{display:block;font-size:11px;letter-spacing:1px;opacity:1;margin-top:2px}
.vcard__icon{width:22px;height:22px;flex-shrink:0;opacity:.8}
/* Body */
.pcard__body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcard__title{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-.3px}
.pcard__title em{font-style:normal;color:var(--gold-deep)}
.pcard__desc{font-size:14px;color:var(--muted);line-height:1.6;flex:1}
.pcard__cta{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}
.pcard__btn{
background:#7be6cd;color:#002a2c;font-weight:700;font-size:14px;padding:12px 26px;border-radius:6px;
transition:all .2s;letter-spacing:.3px;
}
.pcard__btn:hover{background:#a3edd8;transform:translateY(-1px)}
.pcard__detail{display:inline-flex;align-items:center;gap:6px;color:var(--green-dark);font-weight:700;font-size:14px}
.pcard__detail:hover{color:var(--green-darker)}
.pcard__detail svg{width:18px;height:18px}
.pcards-more{display:flex;justify-content:center;margin-top:32px}
.pcards-more a{display:inline-flex;align-items:center;gap:10px;color:var(--green-dark);font-weight:700;font-size:15px}
.pcards-more .plus-circle{
width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;
display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;
}
@media (max-width: 1100px){
.pcards{grid-template-columns:1fr 1fr}
}
@media (max-width: 720px){
.pcards{grid-template-columns:1fr}
.vcard{width:260px}
}
/* ---------- Responsive ---------- */
@media (max-width: 1100px){
.nav{display:none}
.seg,.seg-esg{display:none} /* SME/ENTERPRISE + ESG butonu — deklutter, hamburgerde değil */
.header__bar{gap:14px}
.grid-3,.grid-4,.channels-grid{grid-template-columns:repeat(2,1fr)}
.promo{grid-template-columns:1fr;padding:32px}
.footer__top{grid-template-columns:1fr 1fr}
.hero__viewport{height:auto;min-height:auto}
.slide{position:relative;inset:auto;display:none;grid-template-columns:1fr;justify-items:center;text-align:center;gap:24px;padding:48px 20px;transform:none}
.slide.active{display:grid} /* mobilde absolute yerine akış: yükseklik içeriğe göre */
.slide__content{max-width:600px}
.slide__desc{margin-left:auto;margin-right:auto}
/* görsel'i fotoğraf boyutuna sabitle ki badge'ler fotoğrafa otursun, ortayı kapatmasın */
.slide__visual{width:min(340px,72vw);height:auto;aspect-ratio:1/1;margin:8px auto 0;display:block;position:relative}
.slide__photo{width:100%}
.slide__visual .badge{padding:9px 12px;gap:8px}
.slide__visual .badge .pct{font-size:19px}
.slide__visual .b1{top:8%;left:-6%}
.slide__visual .b2{bottom:10%;right:-6%}
.hero__arrow{top:auto;bottom:14px;transform:none;width:38px;height:38px}
.hero__arrow.prev{left:14px} .hero__arrow.next{right:14px}
.hero__nav{bottom:18px}
}
@media (max-width: 640px){
.grid-3,.grid-4,.channels-grid{grid-template-columns:1fr}
.footer__top{grid-template-columns:1fr}
.slide{padding:36px 16px}
.slide__title{font-size:28px}
.slide__desc{font-size:15px}
.slide__visual{width:min(250px,64vw)}
.slide__visual .badge{padding:7px 10px}
.slide__visual .badge .pct{font-size:16px}
.slide__visual .badge .lbl{font-size:9px}
.header__bar{height:60px;gap:10px}
.header__cta .btn{padding:8px 12px;font-size:13px}
.topbar .container{height:auto;padding:8px 16px;flex-wrap:wrap}
}
@media (max-width: 400px){
.header__cta .btn{padding:7px 10px;font-size:12px} /* dar ekranda kompakt, görünür kalsın */
.header__bar{gap:8px}
}
/* =========================================================
ENHANCED HOMEPAGE — stats, logo wall, how-it-works,
marketplace CTA, testimonials
========================================================= */
.section-head .eyebrow{
display:inline-block;font-size:11.5px;font-weight:700;color:var(--green-dark);
letter-spacing:2.5px;text-transform:uppercase;margin-bottom:12px;
}
/* Highlighted nav item (Karbon Kredisi pulsar) */
.nav>ul>li.highlight>a{color:var(--gold-deep)}
.nav>ul>li.highlight>a::before{
content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
background:var(--gold);margin-right:8px;animation:gg-pulse 2s infinite;
}
@keyframes gg-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
/* ---------- Stats Band ---------- */
.stats-band{
background:linear-gradient(180deg,#0a3a3c 0%,var(--green-darker) 100%);
color:#fff;padding:64px 0;position:relative;overflow:hidden;
}
.stats-band::before{
content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(circle at 85% 50%,rgba(212,167,42,.18) 0%,transparent 60%);
}
.stats-band__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;position:relative;z-index:1}
.stat__num{font-size:52px;font-weight:800;color:#fff;line-height:1;letter-spacing:-1.2px;font-feature-settings:"tnum"}
.stat__num small{font-size:26px;color:var(--gold-light);font-weight:700;margin-left:3px}
.stat__label{font-size:13px;color:rgba(255,255,255,.78);margin-top:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.stat__sub{font-size:11.5px;color:#7be6cd;margin-top:6px;font-weight:600;letter-spacing:.6px}
.stats-band__inner--3{grid-template-columns:repeat(3,1fr)}
.stat__num .stat__unit{font-size:15px;color:rgba(255,255,255,.6);font-weight:600;letter-spacing:0}
/* ---------- Logo Wall ---------- */
.logo-wall{padding:72px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfc}
.logo-wall__head{text-align:center;margin-bottom:40px}
.logo-wall__head .eyebrow{font-size:11.5px;font-weight:700;color:var(--green-dark);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px;display:block}
.logo-wall__head h2{font-size:28px;font-weight:300;color:var(--navy);line-height:1.3}
.logo-wall__head h2 strong{font-weight:700;color:var(--green-dark)}
.logo-wall__head p{font-size:13.5px;color:var(--muted);margin-top:8px}
.logo-wall__rows{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.logo-wall__cell{
display:flex;align-items:center;justify-content:center;height:96px;
border-right:1px solid var(--line);border-bottom:1px solid var(--line);
font-weight:700;font-size:14.5px;color:#7c8d8f;letter-spacing:.3px;
transition:all .2s;text-align:center;padding:0 12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.logo-wall__cell:hover{color:var(--green-darker);background:var(--bg-soft);transform:scale(1.02)}
.logo-wall__cell:nth-child(6n){border-right:0}
.logo-wall__cell:nth-last-child(-n+6){border-bottom:0}
.logo-wall__cell em{font-style:italic;color:#9aacae;font-weight:500;font-size:13px;letter-spacing:0}
/* Partner logo wall (3 partners) */
.logo-wall__rows--partners{grid-template-columns:repeat(3,1fr)}
.logo-wall__rows--partners .logo-wall__cell{border-bottom:0}
.logo-wall__rows--partners .logo-wall__cell:nth-child(3n){border-right:0}
.partner-logo{height:44px;width:auto;max-width:170px;object-fit:contain;opacity:.9;transition:opacity .2s}
.partner-logo--lg{height:72px;max-width:230px}
.logo-wall__cell:hover .partner-logo{opacity:1}
/* ---------- How It Works ---------- */
.hiw{background:#fff;padding:80px 0}
.hiw__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
.hiw__steps::before{
content:"";position:absolute;left:18%;right:18%;top:54px;height:3px;
background:linear-gradient(90deg,var(--green) 0%,var(--gold) 100%);z-index:0;border-radius:2px;
}
.hiw__step{position:relative;z-index:1;text-align:center;padding:0 14px;background:#fff}
.hiw__num{
width:108px;height:108px;border-radius:50%;background:#fff;border:3px solid var(--green);
margin:0 auto 22px;display:flex;align-items:center;justify-content:center;
font-size:46px;line-height:1;font-weight:300;color:var(--green-darker);
box-shadow:0 8px 28px rgba(0,42,44,.08);
}
.hiw__step:nth-child(2) .hiw__num{border-color:var(--gold);color:var(--gold-deep);background:#fff}
.hiw__step:nth-child(3) .hiw__num{border-color:var(--gold-deep);color:var(--gold-deep);background:linear-gradient(135deg,#fff,#fdf3d3)}
.hiw__title{font-size:22px;font-weight:700;color:var(--navy);margin-bottom:6px}
.hiw__title em{font-style:normal;color:var(--green-dark);font-weight:600;font-size:13px;letter-spacing:.4px;display:block;margin-top:4px;text-transform:uppercase}
.hiw__desc{font-size:14.5px;color:var(--muted);line-height:1.65;max-width:320px;margin:0 auto}
/* ---------- Marketplace CTA ---------- */
.mkt-cta{
background:linear-gradient(135deg,#001b1d 0%,#0a3a3c 45%,#1a4d44 100%);
color:#fff;padding:88px 0;position:relative;overflow:hidden;
}
.mkt-cta::before{
content:"";position:absolute;right:-200px;top:-150px;width:580px;height:580px;border-radius:50%;
background:radial-gradient(circle,rgba(212,167,42,.22) 0%,transparent 65%);pointer-events:none;
}
.mkt-cta::after{
content:"";position:absolute;left:-100px;bottom:-100px;width:360px;height:360px;border-radius:50%;
background:radial-gradient(circle,rgba(123,230,205,.16) 0%,transparent 70%);pointer-events:none;
}
.mkt-cta__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;position:relative;z-index:1}
.mkt-cta .eyebrow{font-size:12px;font-weight:700;color:var(--gold-light);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:18px;display:block}
.mkt-cta h2{font-size:44px;font-weight:300;line-height:1.12;margin-bottom:20px;letter-spacing:-.5px}
.mkt-cta h2 strong{font-weight:700;background:linear-gradient(90deg,#7be6cd 0%,var(--gold-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mkt-cta__desc{font-size:17px;color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:30px;max-width:560px}
.mkt-cta__btns{display:flex;gap:14px;flex-wrap:wrap}
.mkt-cta__btns .btn{padding:14px 28px;font-size:15px}
.mkt-cta__btns .btn--gold{background:var(--gold);color:#3a2a06}
.mkt-cta__btns .btn--gold:hover{background:var(--gold-light);transform:translateY(-1px)}
.mkt-cta__ticker{
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:26px;
backdrop-filter:blur(8px);
}
.mkt-cta__ticker h4{font-size:11px;color:rgba(255,255,255,.55);font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.mkt-cta__ticker h4::before{content:"●";color:#7be6cd;font-size:10px;animation:gg-pulse 1.6s infinite}
.ticker-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.ticker-row:last-child{border-bottom:0}
.ticker-row .name{font-weight:600;color:#fff}
.ticker-row .name small{display:block;font-size:11px;color:rgba(255,255,255,.5);font-weight:500;margin-top:2px;letter-spacing:.3px}
.ticker-row .price{font-weight:700;color:#fff;font-feature-settings:"tnum";font-size:15px}
.ticker-row .change{font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:4px;margin-left:8px}
.ticker-row .change.up{background:rgba(123,230,205,.18);color:#7be6cd}
.ticker-row .change.down{background:rgba(255,120,120,.18);color:#ff9b9b}
/* ---------- Testimonials ---------- */
.testi{background:var(--bg-soft);padding:80px 0}
.testi__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.testi__card{
background:#fff;border-radius:16px;padding:28px 28px 24px;border:1px solid var(--line);
display:flex;flex-direction:column;gap:14px;transition:transform .2s,box-shadow .2s;
}
.testi__card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.testi__quote{font-size:15.5px;color:var(--navy);line-height:1.65;font-weight:500;flex:1;position:relative;padding-top:30px}
.testi__quote::before{
content:"\201C";position:absolute;top:-12px;left:-4px;font-size:64px;line-height:1;color:var(--gold);
font-family:Georgia,serif;font-weight:700;
}
.testi__person{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.testi__avatar{
width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--gold));
display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0;
}
.testi__role{font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.3}
.testi__role span{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:3px}
/* Mobile */
@media (max-width:1100px){
.stats-band__inner{grid-template-columns:repeat(2,1fr);gap:36px}
.logo-wall__rows{grid-template-columns:repeat(3,1fr)}
.logo-wall__cell:nth-child(6n){border-right:1px solid var(--line)}
.logo-wall__cell:nth-child(3n){border-right:0}
.hiw__steps{grid-template-columns:1fr;gap:36px}
.hiw__steps::before{display:none}
.testi__grid{grid-template-columns:1fr}
.mkt-cta__grid{grid-template-columns:1fr;gap:40px}
.mkt-cta h2{font-size:34px}
}
@media (max-width:640px){
.logo-wall__rows{grid-template-columns:repeat(2,1fr)}
.logo-wall__cell:nth-child(3n){border-right:1px solid var(--line)}
.logo-wall__cell:nth-child(2n){border-right:0}
.stat__num{font-size:38px}
/* Partner logoları (sektörün önde gelenleri): telefonda tek sütun, geniş logolar net */
.logo-wall__rows--partners{grid-template-columns:1fr}
.logo-wall__rows--partners .logo-wall__cell{height:78px;padding:0 16px;border-right:0;border-bottom:1px solid var(--line)}
.logo-wall__rows--partners .logo-wall__cell:last-child{border-bottom:0}
.logo-wall__rows--partners .partner-logo{height:36px;max-width:80%}
.logo-wall__rows--partners .partner-logo--lg{height:48px;max-width:84%}
}
/* =========================================================
MARKETPLACE PAGE — pazar.html
========================================================= */
/* Page sub-hero */
.subhero{
background:linear-gradient(135deg,#001b1d 0%,#0a3a3c 50%,#1a4d44 100%);
color:#fff;padding:64px 0 56px;position:relative;overflow:hidden;
}
.subhero::before{
content:"";position:absolute;right:-200px;top:-100px;width:600px;height:600px;border-radius:50%;
background:radial-gradient(circle,rgba(212,167,42,.18) 0%,transparent 60%);pointer-events:none;
}
.subhero__inner{position:relative;z-index:1}
.subhero .crumb{font-size:13px;color:rgba(255,255,255,.55);margin-bottom:20px}
.subhero .crumb a{color:rgba(255,255,255,.7)}
.subhero .crumb a:hover{color:#fff}
.subhero h1{font-size:48px;font-weight:300;line-height:1.1;letter-spacing:-1px;margin-bottom:14px;max-width:800px}
.subhero h1 strong{font-weight:700;background:linear-gradient(90deg,#7be6cd 0%,var(--gold-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.subhero p{font-size:18px;color:rgba(255,255,255,.8);max-width:620px;line-height:1.55}
.subhero__strip{
display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px;
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px;
backdrop-filter:blur(8px);
}
.subhero__strip .cell{display:flex;flex-direction:column;gap:4px}
.subhero__strip .cell .lbl{font-size:11px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}
.subhero__strip .cell .val{font-size:18px;font-weight:800;font-feature-settings:"tnum"}
.subhero__strip .cell .val small{font-size:11px;font-weight:700;margin-left:6px;padding:2px 6px;border-radius:4px}
.subhero__strip .up{background:rgba(123,230,205,.18);color:#7be6cd}
.subhero__strip .down{background:rgba(255,120,120,.18);color:#ff9b9b}
/* Filters */
.filterbar{
background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;
box-shadow:0 1px 0 var(--line);
}
.filterbar__inner{display:flex;align-items:center;gap:12px;padding:14px 0;flex-wrap:wrap}
.filterbar__group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.filterbar__label{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;margin-right:4px}
.fchip{
display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1.5px solid var(--line);background:#fff;
border-radius:999px;font-size:13px;font-weight:600;color:#3b4f51;cursor:pointer;transition:all .15s;white-space:nowrap;
}
.fchip:hover{border-color:var(--green);color:var(--green-dark)}
.fchip.active{background:var(--green);border-color:var(--green);color:#fff}
.fchip .count{font-size:11px;font-weight:700;opacity:.7}
.filterbar__sort{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.filterbar__sort select{padding:8px 12px;border:1.5px solid var(--line);border-radius:8px;background:#fff;font-weight:600;color:var(--navy);font-family:inherit;font-size:13px}
/* Project grid */
.proj-section{padding:48px 0 80px}
.proj-section__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:12px}
.proj-section__head h2{font-size:24px;font-weight:700;color:var(--navy)}
.proj-section__head h2 small{display:block;font-size:13px;color:var(--muted);font-weight:500;margin-top:4px;letter-spacing:.3px}
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.proj-grid--featured{grid-template-columns:1fr}
.proj-grid--featured .proj-card{display:grid;grid-template-columns:1.4fr 1fr}
.proj-grid--featured .proj-card__visual{height:auto;min-height:320px}
.proj-grid--featured .proj-card__body{padding:36px}
.proj-grid--featured .proj-card__title{font-size:30px}
.proj-card{
background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;
}
.proj-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,42,44,.1);border-color:#cfe9e3}
.proj-card__visual{
height:180px;display:flex;align-items:center;justify-content:center;font-size:64px;
position:relative;overflow:hidden;color:#fff;
}
.proj-card__visual .standard-pill{
position:absolute;top:14px;right:14px;background:rgba(255,255,255,.95);color:var(--navy);
font-size:10.5px;font-weight:800;padding:5px 10px;border-radius:999px;letter-spacing:.6px;
}
.proj-card__visual .standard-pill.gold{background:var(--gold);color:#3a2a06}
.proj-card__visual .vintage-pill{
position:absolute;top:14px;left:14px;background:rgba(0,0,0,.35);color:#fff;font-weight:700;
font-size:11px;padding:4px 10px;border-radius:999px;letter-spacing:.4px;backdrop-filter:blur(4px);
}
.proj-card__visual .stock{
position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.45);color:#fff;font-size:11.5px;
padding:8px 14px;font-weight:600;letter-spacing:.3px;backdrop-filter:blur(4px);display:flex;justify-content:space-between;align-items:center;
}
.proj-card__visual .stock .bar{width:90px;height:5px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden}
.proj-card__visual .stock .bar i{display:block;height:100%;background:#7be6cd}
.v-renew{background:linear-gradient(135deg,#3aa9d9 0%,#1f4f7a 100%)}
.v-forest{background:linear-gradient(135deg,#2d8659 0%,#0d3d2a 100%)}
.v-blue{background:linear-gradient(135deg,#5ec3d9 0%,#1f6fa3 100%)}
.v-soil{background:linear-gradient(135deg,#a87d3c 0%,#5c4416 100%)}
.v-dac{background:linear-gradient(135deg,#5e6b75 0%,#1f2a35 100%)}
.v-cookstove{background:linear-gradient(135deg,#e08c4a 0%,#a14517 100%)}
.v-methane{background:linear-gradient(135deg,#7a8650 0%,#3d4520 100%)}
.proj-card__body{padding:20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.proj-card__meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.4px;text-transform:uppercase}
.proj-card__meta .dot{width:3px;height:3px;background:var(--muted);border-radius:50%}
.proj-card__title{font-size:18px;font-weight:700;color:var(--navy);line-height:1.3;letter-spacing:-.2px}
.proj-card__desc{font-size:13.5px;color:var(--muted);line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.proj-card__sdgs{display:flex;gap:4px;margin-top:4px}
.sdg{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;letter-spacing:-.5px}
.sdg-7{background:#fcc30b}.sdg-13{background:#3f7e44}.sdg-15{background:#56c02b}.sdg-14{background:#0a97d9}
.sdg-6{background:#26bde2}.sdg-3{background:#4c9f38}.sdg-1{background:#e5243b}.sdg-8{background:#a21942}
.sdg-9{background:#fd6925}.sdg-2{background:#dda63a}.sdg-12{background:#bf8b2e}.sdg-11{background:#fd9d24}
.proj-card__pricing{
display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line);margin-top:auto;
}
.proj-card__price{display:flex;flex-direction:column}
.proj-card__price .amount{font-size:22px;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-.4px}
.proj-card__price .amount small{font-size:13px;color:var(--muted);font-weight:600;margin-left:3px}
.proj-card__price .per{font-size:11px;color:var(--muted);margin-top:3px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.proj-card__add{
background:var(--green);color:#fff;font-weight:700;font-size:13px;padding:10px 16px;border-radius:8px;
display:inline-flex;align-items:center;gap:6px;transition:all .2s;cursor:pointer;border:0;font-family:inherit;
}
.proj-card__add:hover{background:var(--green-dark);transform:translateY(-1px)}
.proj-card__add::before{content:"+";font-size:16px;line-height:1;font-weight:600}
/* Floating cart button */
.cart-fab{
position:fixed;bottom:28px;right:28px;z-index:60;
background:var(--green);color:#fff;border-radius:999px;padding:14px 22px;font-weight:700;font-size:14px;
display:flex;align-items:center;gap:10px;box-shadow:0 12px 32px rgba(0,109,95,.4);
transition:all .2s;cursor:pointer;
}
.cart-fab:hover{background:var(--green-darker);transform:translateY(-2px)}
.cart-fab .count{
background:var(--gold);color:#3a2a06;font-size:12px;padding:2px 8px;border-radius:999px;
font-weight:800;
}
/* Cart drawer */
.cart-drawer{
position:fixed;top:0;right:-440px;width:420px;max-width:90vw;height:100vh;background:#fff;
z-index:80;box-shadow:-12px 0 40px rgba(0,0,0,.18);transition:right .35s ease;
display:flex;flex-direction:column;
}
.cart-drawer.open{right:0}
.cart-drawer__overlay{
position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:70;
}
.cart-drawer__overlay.show{opacity:1;visibility:visible}
.cart-head{padding:24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.cart-head h3{font-size:19px;font-weight:700;color:var(--navy)}
.cart-head .x{font-size:28px;color:var(--muted);background:none;border:0;line-height:1;cursor:pointer}
.cart-body{flex:1;overflow-y:auto;padding:20px 24px}
.cart-empty{text-align:center;padding:60px 20px;color:var(--muted)}
.cart-empty .ico{font-size:64px;margin-bottom:12px;opacity:.4}
.cart-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.cart-item__img{width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;flex-shrink:0}
.cart-item__main{flex:1;min-width:0}
.cart-item__title{font-size:14px;font-weight:700;color:var(--navy);line-height:1.3;margin-bottom:3px}
.cart-item__meta{font-size:11.5px;color:var(--muted);margin-bottom:6px}
.cart-item__qty{display:flex;align-items:center;gap:8px}
.cart-item__qty button{width:24px;height:24px;border-radius:5px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:14px;line-height:1;cursor:pointer}
.cart-item__qty button:hover{border-color:var(--green);color:var(--green-dark)}
.cart-item__qty input{width:60px;text-align:center;border:1px solid var(--line);border-radius:5px;padding:4px;font-weight:700;font-family:inherit}
.cart-item__qty .unit{font-size:11px;color:var(--muted);font-weight:600}
.cart-item__price{font-size:14px;font-weight:800;color:var(--navy);text-align:right;flex-shrink:0}
.cart-item__price small{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:2px}
.cart-item__rm{background:none;border:0;color:#c43d3d;font-size:11px;font-weight:600;cursor:pointer;margin-top:4px}
.cart-foot{border-top:1px solid var(--line);padding:20px 24px;background:var(--bg-soft)}
.cart-row{display:flex;justify-content:space-between;font-size:13.5px;color:#3b4f51;margin-bottom:8px}
.cart-row.total{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:18px;font-weight:800;color:var(--navy)}
.cart-checkout{
display:block;width:100%;background:var(--gold);color:#3a2a06;font-weight:800;font-size:15px;
padding:14px;border-radius:10px;text-align:center;margin-top:14px;transition:all .2s;border:0;cursor:pointer;font-family:inherit;
}
.cart-checkout:hover{background:var(--gold-light)}
.cart-trust{display:flex;gap:14px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.cart-trust span{font-size:10.5px;color:var(--muted);font-weight:600;letter-spacing:.3px}
/* Retirement steps */
.retire{background:var(--bg-soft);padding:80px 0}
.retire__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.retire__step{background:#fff;border-radius:14px;padding:24px;border:1px solid var(--line);text-align:center}
.retire__num{
width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--gold));
color:#fff;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;
}
.retire__step h4{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:6px}
.retire__step p{font-size:13.5px;color:var(--muted);line-height:1.55}
/* Trust badges row */
.trust-row{padding:48px 0;background:#fff}
.trust-row__inner{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}
.trust-row .badge{
text-align:center;padding:14px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;
min-width:160px;
}
.trust-row .badge strong{display:block;font-size:18px;font-weight:800;color:var(--green-darker);margin-bottom:4px;letter-spacing:.5px}
.trust-row .badge span{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.3px}
@media (max-width:1100px){
.subhero h1{font-size:38px}
.subhero__strip{grid-template-columns:repeat(2,1fr)}
.proj-grid{grid-template-columns:repeat(2,1fr)}
.proj-grid--featured .proj-card{grid-template-columns:1fr}
.retire__steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.subhero h1{font-size:30px}
.subhero__strip{grid-template-columns:1fr 1fr}
.proj-grid{grid-template-columns:1fr}
.retire__steps{grid-template-columns:1fr}
.filterbar__inner{flex-wrap:nowrap;overflow-x:auto;padding-right:20px}
.filterbar__inner::-webkit-scrollbar{display:none}
}
/* =========================================================
MEASUREMENT PAGE — olcum.html
========================================================= */
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.scope-card{
border-radius:18px;padding:32px 28px;color:#fff;position:relative;overflow:hidden;
display:flex;flex-direction:column;gap:14px;min-height:340px;
}
.scope-card::before{
content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none;
}
.scope-card.s1{background:linear-gradient(135deg,#1a4d44 0%,#0a3a3c 100%)}
.scope-card.s2{background:linear-gradient(135deg,#006c5f 0%,#004b41 100%)}
.scope-card.s3{background:linear-gradient(135deg,#a87d12 0%,#5c4416 100%)}
.scope-card .num{font-size:14px;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,.5);text-transform:uppercase}
.scope-card h3{font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.4px}
.scope-card .summary{font-size:14.5px;color:rgba(255,255,255,.85);line-height:1.55;flex:1}
.scope-card ul{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}
.scope-card ul li{font-size:13px;color:rgba(255,255,255,.85);padding-left:20px;position:relative;line-height:1.45}
.scope-card ul li::before{content:"✓";position:absolute;left:0;top:0;color:#7be6cd;font-weight:800}
.scope-card.s3 ul li::before{color:var(--gold-light)}
.scope-card .pct{position:absolute;top:24px;right:24px;font-size:14px;font-weight:800;background:rgba(0,0,0,.25);padding:6px 12px;border-radius:999px;letter-spacing:.5px}
/* Capability matrix table */
.capmatrix{margin-top:20px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.capmatrix table{width:100%;border-collapse:collapse;font-size:14px}
.capmatrix th,.capmatrix td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line)}
.capmatrix th{background:var(--bg-soft);font-weight:700;color:var(--navy);letter-spacing:.3px;font-size:13px;text-transform:uppercase}
.capmatrix th:not(:first-child),.capmatrix td:not(:first-child){text-align:center;width:140px}
.capmatrix tr:last-child td{border-bottom:0}
.capmatrix .yes{color:var(--green-dark);font-size:18px;font-weight:800}
.capmatrix .no{color:#c43d3d;font-size:18px;font-weight:800}
.capmatrix .partial{color:var(--gold-deep);font-size:13px;font-weight:700}
/* Industry cards */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.ind-card{
background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;
transition:all .25s;cursor:pointer;display:flex;flex-direction:column;gap:10px;
}
.ind-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfe9e3}
.ind-card .emoji{font-size:36px;line-height:1}
.ind-card h4{font-size:16px;font-weight:700;color:var(--navy)}
.ind-card .stat{font-size:12.5px;color:var(--green-dark);font-weight:700;letter-spacing:.3px;background:#e7f4f1;padding:5px 8px;border-radius:6px;display:inline-block;width:fit-content}
.ind-card p{font-size:13px;color:var(--muted);line-height:1.5}
/* Big CTA panel */
.cta-panel{
background:linear-gradient(135deg,var(--green-darker) 0%,var(--green) 60%,var(--gold) 200%);
color:#fff;border-radius:24px;padding:64px 56px;display:grid;grid-template-columns:1.4fr 1fr;
align-items:center;gap:40px;position:relative;overflow:hidden;
}
.cta-panel::before{
content:"";position:absolute;right:-150px;bottom:-150px;width:520px;height:520px;border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none;
}
.cta-panel h3{font-size:38px;font-weight:300;line-height:1.15;margin-bottom:14px}
.cta-panel h3 strong{font-weight:700}
.cta-panel p{font-size:16px;color:rgba(255,255,255,.88);margin-bottom:24px;max-width:520px;line-height:1.55}
.cta-panel__btns{display:flex;gap:14px;flex-wrap:wrap}
.cta-panel__viz{
background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:24px;
backdrop-filter:blur(8px);position:relative;z-index:1;
}
.cta-panel__viz h5{font-size:11px;letter-spacing:1.5px;color:rgba(255,255,255,.6);font-weight:700;text-transform:uppercase;margin-bottom:14px}
.cta-panel__viz .row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:14px}
.cta-panel__viz .row:last-child{border-bottom:0}
.cta-panel__viz .row .v{font-weight:800;color:#fff;font-feature-settings:"tnum"}
/* Process timeline */
.process{position:relative;padding:0 0 0 36px;margin-top:24px}
.process::before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--green) 0%,var(--gold) 100%)}
.process-item{position:relative;padding:0 0 32px 0}
.process-item:last-child{padding-bottom:0}
.process-item::before{
content:"";position:absolute;left:-29px;top:6px;width:14px;height:14px;border-radius:50%;
background:#fff;border:3px solid var(--green);
}
.process-item:nth-child(2)::before{border-color:var(--gold)}
.process-item:nth-child(3)::before{border-color:var(--gold-deep)}
.process-item:nth-child(4)::before{border-color:var(--green-dark)}
.process-item h4{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:6px}
.process-item h4 .dur{font-size:12px;font-weight:600;color:var(--gold-deep);margin-left:10px;background:#fdf3d3;padding:3px 8px;border-radius:5px;letter-spacing:.3px}
.process-item p{font-size:14px;color:var(--muted);line-height:1.6}
/* Outcome stats */
.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.outcome{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center}
.outcome .big{font-size:38px;font-weight:800;color:var(--green-dark);line-height:1;letter-spacing:-.6px}
.outcome .big small{font-size:18px;color:var(--gold-deep);margin-left:3px}
.outcome .lbl{font-size:13px;color:var(--muted);margin-top:8px;font-weight:600}
@media (max-width:1100px){
.scope-grid,.outcome-grid{grid-template-columns:repeat(2,1fr)}
.ind-grid{grid-template-columns:repeat(2,1fr)}
.cta-panel{grid-template-columns:1fr;padding:40px 32px}
.cta-panel h3{font-size:28px}
.capmatrix{overflow-x:auto}
.capmatrix table{min-width:640px}
}
@media (max-width:640px){
.scope-grid,.outcome-grid,.ind-grid{grid-template-columns:1fr}
}
/* =========================================================
PRICING PAGE — fiyatlandirma.html
========================================================= */
.tier-toggle{display:flex;justify-content:center;margin-bottom:36px}
.tier-toggle__inner{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px}
.tier-toggle button{padding:10px 22px;border-radius:999px;font-weight:700;font-size:13.5px;color:var(--muted);transition:all .2s}
.tier-toggle button.active{background:var(--green);color:#fff}
.tier-toggle .save{font-size:11px;color:var(--gold-deep);margin-left:6px;background:#fdf3d3;padding:2px 6px;border-radius:4px;font-weight:800}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tier{
background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;
display:flex;flex-direction:column;gap:14px;position:relative;transition:transform .2s,box-shadow .2s;
}
.tier:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,42,44,.1)}
.tier.featured{
border:2px solid var(--green);background:linear-gradient(180deg,#fafffe 0%,#fff 30%);
transform:translateY(-8px);box-shadow:0 18px 44px rgba(0,109,95,.16);
}
.tier.featured::before{
content:"Most Popular";position:absolute;top:-13px;left:50%;transform:translateX(-50%);
background:var(--green);color:#fff;padding:5px 14px;border-radius:999px;
font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;
}
.tier.enterprise{background:linear-gradient(180deg,#001b1d 0%,#0a3a3c 100%);color:#fff;border-color:transparent}
.tier.enterprise h3, .tier.enterprise .price{color:#fff}
.tier.enterprise .feat::before{color:var(--gold-light)}
.tier.enterprise .price small{color:rgba(255,255,255,.6)}
.tier.enterprise .desc{color:rgba(255,255,255,.7)}
.tier h3{font-size:22px;font-weight:700;color:var(--navy)}
.tier .desc{font-size:13.5px;color:var(--muted);min-height:42px}
.tier .price{font-size:42px;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-1px;display:flex;align-items:flex-end;gap:6px}
.tier .price small{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:6px}
.tier .price-sub{font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.tier .feats{list-style:none;padding:0;margin:18px 0;display:flex;flex-direction:column;gap:11px}
.tier .feat{font-size:13.5px;color:#3b4f51;padding-left:24px;position:relative;line-height:1.5}
.tier .feat::before{content:"✓";position:absolute;left:0;top:0;color:var(--green-dark);font-weight:800;font-size:14px}
.tier .feat.bold{font-weight:700;color:var(--navy)}
.tier .btn{margin-top:auto;padding:14px;font-size:14px;text-align:center;justify-content:center;display:block}
/* Pricing detail table */
.feat-table{margin-top:48px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.feat-table table{width:100%;border-collapse:collapse;font-size:14px}
.feat-table th,.feat-table td{padding:14px 22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.feat-table thead th{background:var(--bg-soft);font-weight:700;color:var(--navy);letter-spacing:.3px;font-size:13px;text-transform:uppercase}
.feat-table thead th:not(:first-child),.feat-table tbody td:not(:first-child){text-align:center;width:160px}
.feat-table tr.section-title td{background:#f9fafb;font-weight:800;color:var(--green-darker);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;padding:10px 22px}
.feat-table .y{color:var(--green-dark);font-size:18px;font-weight:800}
.feat-table .n{color:#cbd0d3;font-size:18px}
.feat-table .gold{background:#fdf3d3;color:var(--gold-deep);font-weight:700;font-size:11.5px;padding:3px 8px;border-radius:4px;display:inline-block}
/* ROI calculator */
.roi{background:linear-gradient(135deg,#0a3a3c 0%,var(--green-darker) 100%);color:#fff;border-radius:20px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.roi h3{font-size:30px;font-weight:300;line-height:1.2;margin-bottom:14px}
.roi h3 strong{font-weight:700;color:var(--gold-light)}
.roi .roi-input{margin-top:14px}
.roi label{font-size:13px;color:rgba(255,255,255,.7);font-weight:600;display:block;margin-bottom:8px}
.roi input[type=range]{width:100%}
.roi__output{
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:28px;
backdrop-filter:blur(8px);
}
.roi__output .lbl{font-size:11.5px;color:rgba(255,255,255,.6);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}
.roi__output .big{font-size:42px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.6px;font-feature-settings:"tnum";margin-bottom:18px}
.roi__output .row{display:flex;justify-content:space-between;font-size:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85)}
.roi__output .row:last-child{border-bottom:0}
.roi__output .row b{color:#fff;font-feature-settings:"tnum"}
@media (max-width:1100px){
.tiers{grid-template-columns:1fr;max-width:480px;margin:0 auto}
.tier.featured{transform:none}
.roi{grid-template-columns:1fr;padding:32px}
.roi h3{font-size:24px}
}
/* =========================================================
CLIMATE MEMBERSHIP — climate-membership.html (scoped, .cm-)
========================================================= */
.cm-hero{background:linear-gradient(180deg,var(--bg-soft) 0%,#fff 100%);padding:84px 0 64px;border-bottom:1px solid var(--line)}
.cm-hero__inner{max-width:820px}
.cm-eyebrow{display:inline-block;font-size:11.5px;font-weight:700;color:var(--green-dark);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:14px}
.cm-h1{font-size:46px;line-height:1.1;font-weight:300;color:var(--navy);margin-bottom:20px}
.cm-lead{font-size:17px;line-height:1.7;color:#3b4f51;margin-bottom:16px}
.cm-lead strong{color:var(--green-dark);font-weight:700}
.cm-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.cm-section--soft{background:var(--bg-soft)}
/* Steps */
.cm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
.cm-step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 26px;position:relative;transition:transform .25s,box-shadow .25s}
.cm-step:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.cm-step__num{width:46px;height:46px;border-radius:12px;background:var(--green);color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cm-step h3{font-size:19px;font-weight:700;color:var(--navy);margin-bottom:8px}
.cm-step p{font-size:14px;line-height:1.6;color:var(--muted)}
@media(min-width:901px){.cm-step:not(:last-child)::after{content:"";position:absolute;top:53px;right:-13px;width:26px;height:2px;background:var(--line)}}
/* Tiers (4 cards, scoped) */
.cm-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cm-tier{padding:30px 24px}
.cm-tier h3{font-size:20px;font-weight:700;color:var(--navy)}
.cm-tier .desc{font-size:13.5px;color:var(--muted);min-height:60px;margin-top:4px}
.cm-tier__price{font-size:28px;font-weight:800;color:var(--navy);line-height:1.05;letter-spacing:-.5px;display:flex;align-items:flex-end;gap:5px;flex-wrap:wrap}
.cm-tier__price small{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:2px}
.cm-feats{list-style:none;padding:0;margin:16px 0 22px;display:flex;flex-direction:column;gap:10px}
.cm-feats li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted);border-bottom:1px dashed var(--line);padding-bottom:9px}
.cm-feats li strong{color:var(--navy);font-weight:700;text-align:right}
.cm-tier__btn{margin-top:auto;width:100%}
.cm-tier--pop{border:2px solid var(--green);box-shadow:0 18px 44px rgba(0,109,95,.16)}
.cm-pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:5px 14px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}
.cm-tier--ent{background:linear-gradient(180deg,#001b1d 0%,#0a3a3c 100%);border-color:transparent}
.cm-tier--ent h3,.cm-tier--ent .cm-tier__price{color:#fff}
.cm-tier--ent .desc{color:rgba(255,255,255,.7)}
.cm-tier--ent .cm-feats li{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.15)}
.cm-tier--ent .cm-feats li strong{color:#fff}
.cm-finenote{text-align:center;max-width:760px;margin:26px auto 0;font-size:12.5px;color:var(--muted);line-height:1.6}
/* Carbon credit price strip */
.cm-pricestrip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cm-price{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 18px;text-align:center}
.cm-price .lbl{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-bottom:10px}
.cm-price .amt{font-size:30px;font-weight:800;color:var(--green-dark);line-height:1}
.cm-price .amt small{font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.2px}
.cm-price--base{background:var(--navy);border-color:transparent}
.cm-price--base .lbl{color:var(--gold-light)}
.cm-price--base .amt{color:#fff}
.cm-price--base .amt small{color:rgba(255,255,255,.65)}
.cm-close{text-align:center;color:var(--muted);font-size:14px;margin-top:22px}
/* Verified impact / SDG */
.cm-impact{max-width:760px;margin:0 auto;text-align:center}
.cm-impact>p{font-size:16px;line-height:1.7;color:#3b4f51}
.cm-sdg{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:28px 0}
.cm-sdg__card{display:flex;align-items:center;gap:14px;border-radius:12px;padding:16px 22px;color:#fff;min-width:230px;text-align:left}
.cm-sdg__num{font-size:32px;font-weight:800;line-height:1}
.cm-sdg__txt{display:block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.9}
.cm-sdg__title{display:block;font-size:15px;font-weight:700;margin-top:2px}
.cm-sdg--13{background:#3F7E44}
.cm-sdg--15{background:#56C02B}
.cm-impact__quote{font-size:20px;font-weight:300;color:var(--navy);line-height:1.45;max-width:680px;margin:6px auto 0}
.cm-impact__quote strong{font-weight:700;color:var(--green-dark)}
/* Why join */
.cm-why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cm-why__item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;transition:transform .25s,box-shadow .25s}
.cm-why__item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.cm-why__ico{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#e7f4f1;color:var(--green-dark);display:flex;align-items:center;justify-content:center}
.cm-why__ico svg{width:22px;height:22px}
.cm-why__item p{font-size:14px;line-height:1.55;color:#2a3839;font-weight:500;margin:0}
/* Contact */
.cm-contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.cm-contact__h2{font-size:34px;font-weight:300;color:var(--navy);line-height:1.2;margin-top:6px}
.cm-contact__h2 strong{font-weight:700;color:var(--green-dark)}
.cm-contact__cta{margin-top:8px}
.cm-contact__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.cm-contact__list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#3b4f51;line-height:1.5}
.cm-contact__list .ico{flex-shrink:0}
.cm-contact__list a{color:var(--green-dark);font-weight:600;word-break:break-word}
.cm-contact__card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:var(--shadow)}
/* Closing banner */
.cm-banner__cta{display:flex;justify-content:flex-end;align-items:center}
/* Responsive */
@media(max-width:900px){
.cm-steps,.cm-why{grid-template-columns:repeat(2,1fr)}
.cm-tiers,.cm-pricestrip{grid-template-columns:repeat(2,1fr)}
.cm-contact{grid-template-columns:1fr;gap:26px}
.cm-h1{font-size:38px}
.cm-banner__cta{justify-content:flex-start}
}
@media(max-width:480px){
.cm-steps,.cm-why,.cm-tiers,.cm-pricestrip{grid-template-columns:1fr}
.cm-h1{font-size:30px}
.cm-hero{padding:60px 0 48px}
.cm-tier .desc{min-height:0}
}
/* =========================================================
PROJECT PAGES — wings / wheels / stay (scoped, .ggp-) — premium redesign v2
Shared design language; per-page --accent. Display font: Space Grotesk.
========================================================= */
.ggp--wings{--accent:#2f9bd6}
.ggp--wheels{--accent:#3f6b7a}
.ggp--stay{--accent:#caa24a}
.ggp h1,.ggp h2,.ggp h3,.ggp .ggp-eyebrow,.ggp .ggp-pill,.ggp .ggp-tagline,.ggp .ggp-mission__tag,.ggp .ggp-card__num{font-family:'Space Grotesk',system-ui,-apple-system,"Segoe UI",sans-serif}
/* Scroll reveal + stagger (progressive enhancement; visible by default) */
.ggp-reveal{transition:opacity .6s ease, transform .6s ease}
.ggp.js-anim .ggp-reveal{opacity:0;transform:translateY(22px)}
.ggp.js-anim .ggp-reveal.is-in{opacity:1;transform:none}
.ggp.js-anim .ggp-grid>.ggp-reveal:nth-child(2),
.ggp.js-anim .ggp-rows>.ggp-reveal:nth-child(2){transition-delay:.09s}
.ggp.js-anim .ggp-grid>.ggp-reveal:nth-child(3),
.ggp.js-anim .ggp-rows>.ggp-reveal:nth-child(3){transition-delay:.18s}
/* ---------- HERO ---------- */
.ggp-hero{position:relative;overflow:hidden;color:#fff;isolation:isolate;background:linear-gradient(140deg,#04282b 0%, var(--green-darker) 60%, var(--navy) 100%)}
.ggp-hero__media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.ggp-hero__img{width:100%;height:100%;object-fit:cover;opacity:.4}
.ggp-hero__media::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 460px at 82% -10%, var(--accent) -60%, transparent 58%), linear-gradient(120deg, rgba(2,30,33,.94) 0%, rgba(4,40,43,.74) 50%, rgba(0,42,44,.5) 100%)}
.ggp-hero__motif{position:absolute;right:-30px;top:0;width:min(640px,60%);height:100%;z-index:-1;opacity:.45;pointer-events:none}
.ggp-hero__inner{position:relative;max-width:780px;padding-top:108px;padding-bottom:92px}
.ggp-pill{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);padding:7px 15px;border-radius:999px;margin-bottom:22px}
.ggp-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent)}
.ggp-h1{font-size:62px;line-height:1.03;font-weight:700;letter-spacing:-1.4px;margin-bottom:18px}
.ggp-tagline{font-size:21px;font-weight:600;color:#dff3ee;line-height:1.38;margin-bottom:14px;max-width:700px}
.ggp-intro{font-size:16.5px;line-height:1.72;color:#c4d0d1;max-width:620px;margin-bottom:30px}
.ggp-hero__cta{display:flex;gap:14px;flex-wrap:wrap}
.ggp-hero .btn{transition:transform .2s, background .2s, color .2s, box-shadow .2s}
.ggp-hero .btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,145,125,.35)}
.ggp-hero .btn--ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.ggp-hero .btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-2px)}
.ggp-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.ggp-chip{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;color:#eaf3f1;transition:transform .2s, background .2s, border-color .2s}
.ggp-chip:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.4)}
.ggp-chip svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}
/* ---------- shared section bits ---------- */
.ggp-soft{background:#f6f9f8}
.ggp-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;color:var(--accent);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:14px}
.ggp-eyebrow::before{content:"";width:24px;height:2px;background:var(--accent);border-radius:2px}
.ggp-head .ggp-eyebrow{justify-content:center}
.ggp-h2{font-size:40px;font-weight:700;line-height:1.12;letter-spacing:-.8px;color:var(--navy);background:linear-gradient(92deg,var(--navy) 0%, var(--green-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ggp-head{text-align:center;max-width:720px;margin:0 auto 46px}
/* ---------- VISION (asymmetric) ---------- */
.ggp-vision{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.ggp-vision__lead{font-size:18.5px;line-height:1.75;color:#36474a;margin-top:8px}
.ggp-vision__art{position:relative;border-radius:20px;min-height:340px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(140deg,#0a3a3c 0%, var(--navy) 100%)}
.ggp-vision__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.ggp-vision__art:hover .ggp-vision__img{transform:scale(1.06)}
.ggp-vision__art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%, rgba(0,42,44,.3));pointer-events:none}
/* ---------- STRATEGY cards ---------- */
.ggp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ggp-card{position:relative;isolation:isolate;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 28px;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s, background .3s, border-color .3s;display:flex;flex-direction:column;gap:13px}
.ggp-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.ggp-card:hover{transform:translateY(-10px);box-shadow:0 28px 56px rgba(0,42,44,.18);border-color:transparent;background:color-mix(in srgb,var(--accent) 5%, #fff)}
.ggp-card:hover::before{transform:scaleX(1)}
.ggp-card__num{position:absolute;top:14px;right:22px;font-size:48px;font-weight:700;color:var(--accent);opacity:.12;line-height:1;transition:opacity .3s, transform .3s}
.ggp-card:hover .ggp-card__num{opacity:.24;transform:translateY(-3px) scale(1.06)}
.ggp-ico{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#e7f4f1;background:color-mix(in srgb,var(--accent) 14%, #fff);color:var(--accent);transition:transform .35s cubic-bezier(.2,.7,.2,1), background .3s, color .3s, box-shadow .3s}
.ggp-ico svg{width:27px;height:27px}
.ggp-card:hover .ggp-ico{background:var(--accent);color:#fff;transform:rotate(-6deg) scale(1.08);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 40%, transparent)}
.ggp-card h3{font-size:19px;font-weight:700;color:var(--navy);letter-spacing:-.2px;transition:color .25s}
.ggp-card:hover h3{color:var(--accent)}
.ggp-card p{font-size:14.5px;line-height:1.7;color:#56666b;margin:0}
/* ---------- MISSION dark band ---------- */
.ggp-mission{position:relative;overflow:hidden;color:#fff;padding:90px 0;background:radial-gradient(820px 380px at 80% -20%, var(--accent) -55%, transparent 60%), linear-gradient(135deg, var(--navy) 0%, var(--green-darker) 70%, #063a37 100%)}
.ggp-mission__motif{position:absolute;right:-70px;bottom:-90px;width:460px;height:auto;opacity:.12;pointer-events:none}
.ggp-mission__inner{position:relative;max-width:860px;text-align:center;margin:0 auto}
.ggp-mission__rule{width:54px;height:3px;background:var(--gold);border-radius:2px;margin:0 auto 22px}
.ggp-mission__tag{font-size:32px;font-weight:700;line-height:1.28;letter-spacing:-.6px;margin-bottom:18px}
.ggp-mission__p{font-size:16.5px;line-height:1.75;color:rgba(255,255,255,.84);max-width:680px;margin:0 auto}
/* ---------- APPROACH (horizontal cards) ---------- */
.ggp-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ggp-row{position:relative;display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:3px solid transparent;border-radius:16px;padding:24px;transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s, border-left-color .3s}
.ggp-row:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(0,42,44,.15);border-left-color:var(--accent)}
.ggp-row__ico{flex-shrink:0;width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#e7f4f1;background:color-mix(in srgb,var(--accent) 14%, #fff);color:var(--accent);transition:transform .35s cubic-bezier(.2,.7,.2,1), background .3s, color .3s}
.ggp-row__ico svg{width:23px;height:23px}
.ggp-row:hover .ggp-row__ico{background:var(--accent);color:#fff;transform:scale(1.08)}
.ggp-row h3{font-size:16.5px;font-weight:700;color:var(--navy);margin-bottom:6px}
.ggp-row p{font-size:14px;line-height:1.62;color:#56666b;margin:0}
/* ---------- CTA banner ---------- */
.ggp-cta{position:relative;overflow:hidden;border-radius:22px;padding:62px 48px;text-align:center;color:#fff;background:radial-gradient(700px 300px at 85% -40%, var(--accent) -30%, transparent 60%), linear-gradient(120deg, var(--green-darker) 0%, var(--green) 100%)}
.ggp-cta__title{font-size:34px;font-weight:700;letter-spacing:-.6px;margin-bottom:14px}
.ggp-cta__text{max-width:680px;margin:0 auto 26px;color:rgba(255,255,255,.9);font-size:15.5px;line-height:1.7}
.ggp-cta .btn{background:#fff;color:var(--green-darker);padding:15px 30px;font-size:15px;transition:transform .2s, box-shadow .2s, background .2s}
.ggp-cta .btn:hover{background:#eafaf5;transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.18)}
/* ---------- motion (reduced-motion safe) ---------- */
@media(prefers-reduced-motion:no-preference){
.ggp-hero__motif{animation:ggp-float 9s ease-in-out infinite}
.ggp-hero__img{animation:ggp-kenburns 22s ease-in-out infinite alternate}
@keyframes ggp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes ggp-kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}
}
/* ---------- responsive ---------- */
@media(max-width:900px){
.ggp-grid,.ggp-rows{grid-template-columns:1fr 1fr}
.ggp-vision{grid-template-columns:1fr;gap:28px}
.ggp-vision__art{min-height:240px;order:-1}
.ggp-h1{font-size:46px}
.ggp-h2,.ggp-cta__title,.ggp-mission__tag{font-size:29px}
}
@media(max-width:480px){
.ggp-grid,.ggp-rows{grid-template-columns:1fr}
.ggp-h1{font-size:34px}
.ggp-hero__inner{padding-top:84px;padding-bottom:64px}
.ggp-tagline{font-size:17px}
.ggp-cta{padding:44px 24px}
}
/* =========================================================
CARBON FOOTPRINT CALCULATOR — modal widget (.cfc-)
========================================================= */
.cfc-modal{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:24px}
.cfc-modal.open{display:flex}
.cfc-modal__overlay{position:absolute;inset:0;background:rgba(0,42,44,.55);backdrop-filter:blur(3px)}
.cfc-dialog{position:relative;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,42,44,.4);width:min(940px,100%);max-height:92vh;overflow:auto;animation:cfc-pop .25s ease}
@keyframes cfc-pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.cfc-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;border-bottom:1px solid var(--line)}
.cfc-dialog__title{font-size:20px;font-weight:700;color:var(--navy)}
.cfc-close{width:38px;height:38px;border-radius:10px;font-size:24px;line-height:1;color:var(--muted);background:var(--bg-soft);display:flex;align-items:center;justify-content:center;transition:all .15s}
.cfc-close:hover{background:#e6eceb;color:var(--navy)}
.cfc-body{display:grid;grid-template-columns:1.15fr 1fr}
.cfc-pane{padding:26px 28px}
.cfc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.cfc-tab{padding:9px 15px;border:1.5px solid var(--line);border-radius:999px;font-size:13px;font-weight:600;color:#3b4f51;background:#fff;transition:all .15s;display:inline-flex;align-items:center;gap:6px}
.cfc-tab:hover{border-color:var(--green)}
.cfc-tab.active{background:var(--green);border-color:var(--green);color:#fff}
.cfc-panel{display:none}
.cfc-panel.active{display:block}
.cfc-field{margin-bottom:18px}
.cfc-field label{display:block;font-size:13px;font-weight:600;color:#3b4f51;margin-bottom:8px}
.cfc-input,.cfc-select{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:8px;background:#fff;font-size:15px;font-weight:600;color:var(--navy);font-family:inherit;outline:none;transition:border-color .15s}
.cfc-input:focus,.cfc-select:focus{border-color:var(--green)}
.cfc-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cfc-result{background:linear-gradient(160deg,#e7f4f1 0%,#d2ece3 100%);color:var(--navy);padding:34px 30px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.cfc-result__icon{font-size:38px;line-height:1;margin-bottom:4px}
.cfc-result__label{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green-dark)}
.cfc-result__big{line-height:1.05}
.cfc-result__big #cfcTotal{font-size:46px;font-weight:800;color:var(--green-darker);letter-spacing:-1.2px}
.cfc-result__unit{font-size:16px;font-weight:700;color:var(--green-dark)}
.cfc-result__t{font-size:14px;font-weight:600;color:var(--green-dark)}
.cfc-result__note{font-size:11.5px;color:#5a7d75;line-height:1.5;margin-top:14px;border-top:1px solid rgba(0,75,65,.14);padding-top:12px}
@media (max-width:760px){
.cfc-modal{padding:0}
.cfc-dialog{width:100%;max-height:100vh;border-radius:0;min-height:100vh}
.cfc-body{grid-template-columns:1fr}
.cfc-row2{grid-template-columns:1fr}
}
/* CFC pie chart */
.cfc-chart{position:relative;height:260px;margin:14px 0 6px;width:100%}
.cfc-chart canvas{max-width:100%}
/* =========================================================
ABOUT US + BLOG — premium v2 (gold-accented, dynamic)
========================================================= */
.js-anim .reveal{opacity:0;transform:translateY(22px)}
.reveal{transition:opacity .6s ease, transform .6s ease}
.js-anim .reveal.is-in{opacity:1;transform:none}
.js-anim .about-stats>.reveal:nth-child(2){transition-delay:.08s}
.js-anim .about-stats>.reveal:nth-child(3){transition-delay:.16s}
.about-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--green-dark);margin-bottom:14px}
.about-eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);border-radius:2px}
/* HERO (shared by about + blog) */
.about-hero{position:relative;overflow:hidden;color:#fff;isolation:isolate;background:radial-gradient(880px 460px at 86% -12%, rgba(212,167,42,.55) -42%, transparent 58%), linear-gradient(140deg,#04282b 0%, var(--green-darker) 58%, var(--navy) 100%)}
.about-hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.about-hero__motif{position:absolute;right:-30px;bottom:-40px;width:min(560px,52%);height:auto;opacity:.55}
.about-hero__inner{position:relative;max-width:820px;padding-top:104px;padding-bottom:92px}
.about-hero .about-eyebrow{color:var(--gold-light)}
.about-hero .about-eyebrow::before{background:var(--gold-light)}
.about-h1{font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;font-size:62px;line-height:1.04;font-weight:700;letter-spacing:-1.4px;margin-bottom:18px}
.about-lead{font-size:17px;line-height:1.8;color:#cfe0dd;max-width:730px;margin-bottom:28px}
.about-hero__cta .btn--primary{box-shadow:0 14px 30px rgba(212,167,42,.22);transition:transform .2s, box-shadow .2s}
.about-hero__cta .btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(212,167,42,.34)}
/* STAT cards — gold accent */
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.about-stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 26px;box-shadow:0 14px 36px rgba(0,42,44,.08);transition:transform .25s, box-shadow .25s}
.about-stat::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.about-stat:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(0,42,44,.16)}
.about-stat__num{font-family:'Space Grotesk',system-ui,sans-serif;font-size:40px;font-weight:800;line-height:1;color:var(--green-darker);letter-spacing:-1px}
.about-stat__num span{font-size:15px;color:var(--gold-deep);font-weight:700;margin-left:4px;letter-spacing:0}
.about-stat__lbl{font-size:13px;color:var(--muted);font-weight:600;margin-top:12px;line-height:1.55}
/* SPLIT content sections */
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.about-split--rev .about-split__art{order:-1}
.about-h2{font-family:'Space Grotesk',system-ui,sans-serif;font-size:34px;font-weight:700;color:var(--navy);line-height:1.2;letter-spacing:-.5px;margin-bottom:14px}
.about-h2 strong{color:var(--green-dark)}
.about-split__text p{font-size:16px;line-height:1.85;color:#3b4f51}
.about-art{position:relative;border-radius:20px;min-height:300px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(150deg,#0a3a3c 0%, var(--navy) 100%)}
.about-art::after{content:"";position:absolute;inset:0;background:radial-gradient(420px 320px at 78% 22%, rgba(212,167,42,.34), transparent 70%);pointer-events:none}
.about-art svg{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.about-art__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.about-soft{background:#f6f9f8}
/* CLOSING banner — green + gold */
.about-cta{position:relative;overflow:hidden;border-radius:22px;padding:54px 48px;display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:24px;color:#fff;background:radial-gradient(620px 300px at 90% -34%, rgba(240,193,75,.42), transparent 60%), linear-gradient(120deg, var(--green-darker) 0%, var(--green) 100%)}
.about-cta h3{font-family:'Space Grotesk',system-ui,sans-serif;font-size:30px;font-weight:700;line-height:1.25;letter-spacing:-.4px}
.about-cta h3 strong{color:var(--gold-light)}
.about-cta__action{display:flex;justify-content:flex-end}
.about-cta__btn{background:var(--gold);color:#3a2a06;padding:14px 28px;font-size:15px;transition:transform .2s, background .2s, box-shadow .2s}
.about-cta__btn:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 12px 26px rgba(212,167,42,.4)}
@media (max-width:900px){
.about-stats{grid-template-columns:1fr}
.about-split,.about-cta{grid-template-columns:1fr;gap:28px}
.about-split--rev .about-split__art{order:0}
.about-art{min-height:200px}
.about-h1{font-size:46px}
.about-cta__action{justify-content:flex-start}
}
@media (max-width:560px){
.about-h1{font-size:36px}
.about-hero__inner{padding-top:84px;padding-bottom:68px}
}
/* =========================================================
PREMIUM GOLD POLISH v2 — climate-membership (.cm-page) + projects (.ggp)
Bolder / always-visible accents. Remove this block to revert.
========================================================= */
/* eyebrows: gold dash */
.cm-page .cm-eyebrow, .cm-page .section-head .eyebrow, .ggp .ggp-eyebrow{display:inline-flex;align-items:center;gap:9px}
.cm-page .section-head .eyebrow::before, .ggp .ggp-eyebrow::before{content:"";width:24px;height:2px;background:var(--gold);border-radius:2px;flex:none}
/* ---------- CLIMATE: dark, gold-lit hero ---------- */
.cm-page .cm-hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;border-bottom:0;
background:radial-gradient(820px 460px at 86% -12%, rgba(212,167,42,.5) -42%, transparent 58%), linear-gradient(140deg,#04282b 0%, var(--green-darker) 58%, var(--navy) 100%)}
.cm-page .cm-hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.cm-page .cm-hero__motif{position:absolute;right:-30px;bottom:-40px;width:min(540px,50%);height:auto;opacity:.55}
.cm-page .cm-hero__inner{position:relative}
.cm-page .cm-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold-light)}
.cm-page .cm-eyebrow::before{content:"";width:24px;height:2px;background:var(--gold-light);border-radius:2px;flex:none}
.cm-page .cm-h1{color:#fff}
.cm-page .cm-lead{color:#cfe0dd}
.cm-page .cm-lead strong{color:var(--gold-light)}
.cm-page .cm-hero .btn--ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.cm-page .cm-hero .btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.cm-page .cm-hero .btn--primary{box-shadow:0 14px 30px rgba(212,167,42,.22)}
/* steps: always-visible gold top bar, gold-ringed number, lift */
.cm-page .cm-step{position:relative;overflow:hidden}
.cm-page .cm-step::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.cm-page .cm-step:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(0,42,44,.15)}
.cm-page .cm-step__num{position:relative;background:linear-gradient(150deg,var(--green) 0%, var(--green-darker) 100%);box-shadow:0 8px 20px rgba(0,109,95,.3)}
.cm-page .cm-step__num::after{content:"";position:absolute;inset:-3px;border-radius:15px;border:2px solid var(--gold-light);opacity:.65}
/* tiers: keep the original clean Part-3 look (gold accents removed per feedback) */
.cm-page .cm-tier:hover{transform:translateY(-8px)}
/* price strip lift */
.cm-page .cm-price{transition:transform .25s, box-shadow .25s}
.cm-page .cm-price:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,42,44,.12)}
/* why cards: gold left bar + lift */
.cm-page .cm-why__item{position:relative;overflow:hidden}
.cm-page .cm-why__item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),var(--gold-light))}
.cm-page .cm-why__item:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,42,44,.13)}
/* impact quote gold */
.cm-page .cm-impact__quote strong{color:var(--gold-deep)}
/* closing banner gold glow + gold button */
.cm-page .cm-banner{position:relative;overflow:hidden}
.cm-page .cm-banner::after{content:"";position:absolute;inset:0;background:radial-gradient(520px 250px at 90% -40%, rgba(240,193,75,.45), transparent 60%);pointer-events:none}
.cm-page .cm-banner>*{position:relative;z-index:1}
.cm-page .cm-banner .btn{background:var(--gold);color:#3a2a06}
.cm-page .cm-banner .btn:hover{background:var(--gold-light)}
/* ---------- PROJECTS (.ggp): always-on gold accents ---------- */
.ggp .ggp-card::before{transform:scaleX(1);opacity:.55;background:linear-gradient(90deg,var(--accent),var(--gold-light))}
.ggp .ggp-card:hover::before{opacity:1}
.ggp .ggp-card:hover{box-shadow:0 26px 54px rgba(0,42,44,.18), 0 0 0 1px rgba(240,193,75,.4)}
.ggp .ggp-card__num{color:var(--gold-deep);opacity:.2}
.ggp .ggp-chip{border-color:rgba(240,193,75,.4)}
.ggp .ggp-chip svg{color:var(--gold-light)}
.ggp .ggp-mission__rule{background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.ggp .ggp-head .ggp-h2::after{content:"";display:block;width:50px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));margin:14px auto 0}
.ggp .ggp-cta{position:relative;overflow:hidden}
.ggp .ggp-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(560px 260px at 10% 135%, rgba(240,193,75,.45), transparent 60%);pointer-events:none}
.ggp .ggp-cta>*{position:relative;z-index:1}
.ggp .ggp-cta .btn{background:var(--gold);color:#3a2a06}
.ggp .ggp-cta .btn:hover{background:var(--gold-light)}
/* =========================================================
CARBON FOOTPRINT CALCULATOR PAGE (.cfcpage-)
========================================================= */
.cfcpage-top h1{font-size:40px;font-weight:300;color:var(--navy);line-height:1.2}
.cfcpage-top h1 strong{font-weight:700;color:var(--green-dark)}
.cfc-card{max-width:980px;margin:8px auto 0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,42,44,.08)}
.cfc-foot-note{text-align:center;font-size:12px;color:var(--muted);margin-top:18px}
/* Carbon calculator — Flights multi-row */
.cfc-flights{display:flex;flex-direction:column;gap:10px}
.cfc-flight{display:grid;grid-template-columns:1fr 1fr 1.05fr auto;gap:8px;align-items:center}
.cfc-flight .cfc-input,.cfc-flight .cfc-select{padding:11px 12px;font-size:14px}
.cfc-flight__rm{width:34px;height:34px;border-radius:8px;background:#fde8e8;color:#c0392b;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex:none}
.cfc-flight__rm:hover{background:#f5c6c6;color:#a5281b}
.cfc-flight-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.cfc-flight-actions .btn{padding:11px 18px;font-size:13.5px}
@media (max-width:560px){
.cfc-flight{grid-template-columns:1fr 1fr;gap:8px}
.cfc-flight__class{grid-column:1 / -1}
.cfc-flight__rm{grid-column:2;justify-self:end}
}
/* ---------- Mission page ---------- */
.mission-list{list-style:none;margin-top:18px;display:grid;gap:14px}
.mission-list li{position:relative;padding-left:26px;color:var(--muted);font-size:15px;line-height:1.6}
.mission-list li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:3px;background:var(--gold)}
.mission-list li strong{color:var(--navy);font-weight:700}
.mission-figure{aspect-ratio:4/3;border-radius:20px;border:1px dashed var(--line);background:var(--bg-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted)}
.mission-figure svg{width:54px;height:54px;opacity:.5}
.mission-figure span{font-size:13px;font-weight:600;letter-spacing:.4px}
/* ---------- Take Action form ---------- */
.ta-form{display:grid;gap:18px;margin-top:22px}
.ta-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ta-field{display:flex;flex-direction:column;gap:6px}
.ta-field label{font-size:13px;font-weight:600;color:var(--navy)}
.ta-field .req{color:#c0392b}
.ta-field input{padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;background:#fff;color:var(--navy)}
.ta-field input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(31,138,112,.14)}
.ta-error{color:#c0392b;font-size:13px;font-weight:600}
.ta-submit{align-self:start}
@media (max-width:640px){ .ta-row{grid-template-columns:1fr} }
/* ---------- Donate widget ---------- */
.donate-card{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.donate-group{margin-bottom:20px}
.donate-label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:10px}
.donate-opts{display:flex;flex-wrap:wrap;gap:10px}
.donate-opt{padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}
.donate-opt:hover{border-color:var(--green)}
.donate-opt.active{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.donate-other{display:flex;align-items:center;gap:8px;margin-top:10px}
.donate-cur{font-weight:700;color:var(--navy)}
.donate-other input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;color:var(--navy)}
.donate-other input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(31,138,112,.14)}
.donate-submit{margin-top:6px;width:100%;justify-content:center}
.donate-note{margin-top:14px;font-size:13px;line-height:1.6;color:var(--muted)}
/* ---------- Events ---------- */
.events-list{display:grid;gap:24px;margin-top:8px}
.event-card{display:grid;grid-template-columns:300px 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.event-card__media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg-soft);color:var(--muted);min-height:200px}
.event-card__media svg{width:48px;height:48px;opacity:.5}
.event-card__media span{font-size:12.5px;font-weight:600;letter-spacing:.3px}
.event-card__body{padding:26px 28px}
.event-card__title{font-family:'Space Grotesk',system-ui,sans-serif;font-size:22px;font-weight:700;color:var(--navy);line-height:1.25;margin-bottom:12px}
.event-card__meta{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.event-card__meta span{font-size:13.5px;color:var(--green-dark);font-weight:600}
.event-card__desc{font-size:15px;line-height:1.7;color:#3b4f51}
@media (max-width:760px){ .event-card{grid-template-columns:1fr} }
/* ---------- About — Strategy cards ---------- */
.about-strategy{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:26px}
.strategy-card{display:flex;flex-direction:column;gap:14px}
.strategy-card h3{font-family:'Space Grotesk',system-ui,sans-serif;font-size:17px;font-weight:700;color:var(--navy);text-align:center;line-height:1.3}
@media (max-width:900px){ .about-strategy{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .about-strategy{grid-template-columns:1fr} }
/* ---------- Legal pages ---------- */
.legal-page{max-width:820px;margin:0 auto}
.legal-page h2{font-family:'Space Grotesk',system-ui,sans-serif;font-size:19px;font-weight:700;color:var(--navy);margin:28px 0 10px}
.legal-page p{font-size:15px;line-height:1.8;color:#3b4f51;margin-bottom:14px}
.legal-page ul{margin:0 0 14px 0;padding-left:22px;display:grid;gap:8px}
.legal-page li{font-size:15px;line-height:1.7;color:#3b4f51}
.legal-page a{color:var(--green-dark);font-weight:600;text-decoration:underline}
/* ---------- Cookie consent banner ---------- */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:16px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between}
.cookie-banner[hidden]{display:none}
.cookie-banner__text{flex:1;min-width:240px;margin:0;font-size:13.5px;line-height:1.55;color:var(--navy)}
.cookie-banner__text a{color:var(--green-dark);font-weight:600;text-decoration:underline}
.cookie-banner__actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-banner__actions .btn{padding:9px 16px;font-size:13px}
@media (max-width:560px){ .cookie-banner{flex-direction:column;align-items:stretch} .cookie-banner__actions{justify-content:flex-end} }
/* ---------- Board of Directors ---------- */
.board-grid{display:grid;gap:24px;margin-top:26px}
.board-card{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;max-width:880px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}
.board-card__photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block}
.board-card__name{font-family:'Space Grotesk',system-ui,sans-serif;font-size:22px;font-weight:700;color:var(--navy)}
.board-card__handle{font-size:14px;font-weight:600;color:var(--muted)}
.board-card__role{font-size:12px;font-weight:700;color:var(--green-dark);text-transform:uppercase;letter-spacing:1px;margin:5px 0 14px}
.board-card__body p{font-size:15px;line-height:1.75;color:#3b4f51}
@media (max-width:680px){ .board-card{grid-template-columns:1fr;text-align:center} .board-card__photo{max-width:220px;margin:0 auto} }
/* ---- Blog: single post ---- */
.post-page{ padding: 48px 0 72px; }
.post-article{ max-width: 760px; margin: 0 auto; padding: 0 20px; }
.post-back{ margin-bottom: 20px; }
.post-back a{ font-size: .9rem; opacity:.8; text-decoration:none; color:var(--green-dark); }
.post-back a:hover{ opacity:1; }
.post-cat-tag{
display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.08em;
text-transform:uppercase; padding:5px 12px; border-radius:999px;
background: rgba(31,122,72,.10); color:#1f7a48; margin-bottom:14px;
}
.post-title{ font-size: clamp(1.8rem, 4vw, 2.6rem); line-height:1.18; margin:0 0 14px; color:var(--navy); }
.post-meta{ font-size:.92rem; opacity:.7; margin-bottom:28px; display:flex; gap:10px; align-items:center; }
.post-meta .dot{ opacity:.5; }
.post-hero{ margin:0 0 32px; }
.post-hero img{ width:100%; height:auto; border-radius:14px; display:block; }
.post-body{ font-size:1.06rem; line-height:1.75; color:#3b4f51; }
.post-body h2{ font-size:1.5rem; margin:36px 0 14px; line-height:1.25; color:var(--navy); }
.post-body h3{ font-size:1.18rem; margin:26px 0 10px; color:var(--navy); }
.post-body p{ margin:0 0 18px; }
.post-body ul{ margin:0 0 18px; padding-left:1.25em; }
.post-body li{ margin:0 0 10px; }
.post-body strong{ font-weight:700; }
.post-foot-cta{ margin-top:40px; padding-top:28px; border-top:1px solid rgba(0,0,0,.08); }
.post-body img{ max-width:100%; height:auto; border-radius:10px; display:block; }
.post-body figure{ margin:24px 0; }
.post-body figure img{ width:100%; }
.post-body figcaption{ font-size:.85rem; opacity:.65; text-align:center; margin-top:8px; font-style:italic; }
.post-body blockquote{
margin:24px 0; padding:14px 20px; border-left:4px solid #1f7a48;
background:rgba(31,122,72,.06); border-radius:0 10px 10px 0;
}
.post-body blockquote p{ margin:0; }
.post-hero figcaption{ font-size:.85rem; opacity:.65; text-align:center; margin-top:8px; font-style:italic; }
/* ---- Blog: index/listing ---- */
.blog-index{ padding:48px 0 72px; }
.blog-index-inner{ max-width:1140px; margin:0 auto; padding:0 20px; }
.blog-index-head{ text-align:center; margin-bottom:28px; }
.blog-index-head h1{ font-size: clamp(2rem,5vw,3rem); margin:0 0 8px; color:var(--navy); }
.blog-index-head p{ opacity:.7; margin:0; }
.blog-filter{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 0 36px; }
.filter-chip{
border:1px solid rgba(0,0,0,.15); background:transparent; cursor:pointer;
padding:8px 18px; border-radius:999px; font-size:.9rem; font-weight:600;
color:inherit; transition:all .15s ease;
}
.filter-chip:hover{ border-color:#1f7a48; color:#1f7a48; }
.filter-chip.is-active{ background:#1f7a48; border-color:#1f7a48; color:#fff; }
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
@media (max-width:900px){ .blog-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .blog-grid{ grid-template-columns:1fr; } }
.blog-card{
display:flex; flex-direction:column; text-decoration:none; color:inherit;
border:1px solid rgba(0,0,0,.08); border-radius:14px; overflow:hidden;
background:#fff; transition:transform .15s ease, box-shadow .15s ease;
}
.blog-card:hover{ transform:translateY(-4px); box-shadow:0 10px 28px rgba(0,0,0,.10); }
.blog-card-media{ aspect-ratio:16/9; overflow:hidden; background:#eef2ee; }
.blog-card-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.blog-card-body{ padding:18px 18px 20px; display:flex; flex-direction:column; flex:1; }
.blog-card-cat{
font-size:.68rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
color:#1f7a48; margin-bottom:8px;
}
.blog-card-title{ font-size:1.08rem; line-height:1.3; margin:0 0 10px; color:var(--navy); }
.blog-card-excerpt{ font-size:.92rem; line-height:1.55; opacity:.78; margin:0 0 16px; }
.blog-card-meta{ margin-top:auto; font-size:.82rem; opacity:.6; }
.blog-card--no-media{ border-top:3px solid #1f7a48; }
.blog-card--no-media .blog-card-body{ padding-top:20px; }
.blog-empty{ text-align:center; opacity:.6; padding:40px 0; display:none; }
/* =========================================================
QA FIXES — mobile nav, skip-link, sr-only (10B)
========================================================= */
/* FIX 3 — Skip-to-content link */
.skip-link{ position:absolute; left:-9999px; top:0; z-index:100; background:var(--green); color:#fff; padding:10px 16px; border-radius:0 0 8px 0; }
.skip-link:focus{ left:0; }
/* FIX 5 — visually hidden label */
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* FIX 1 — Mobile hamburger menu */
.nav-toggle{ display:none; background:none; border:0; cursor:pointer; padding:10px; color:var(--navy); }
.nav-toggle__bar{ display:block; width:24px; height:2px; background:currentColor; margin:5px 0; transition:.2s; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2){ opacity:0; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
@media (max-width:1100px){
.nav-toggle{ display:inline-flex; flex-direction:column; order:3; margin-left:8px; }
.header__cta{ display:block; order:2; margin-left:auto; } /* Demo solda, hamburger en sağda */
/* --- Modern mobil menü paneli --- */
.nav.is-open{
display:flex !important; flex-direction:column; align-items:stretch; gap:0;
position:absolute; top:100%; left:0; right:0; z-index:50;
background:#fff; padding:6px 16px 16px;
box-shadow:0 20px 44px rgba(0,0,0,.18); border-top:1px solid var(--line);
border-radius:0 0 18px 18px; max-height:85vh; overflow:auto;
-webkit-overflow-scrolling:touch;
}
.nav.is-open>ul{ flex-direction:column; align-items:stretch; gap:0; width:100%; }
.nav.is-open>ul>li{ width:100%; border-bottom:1px solid rgba(0,0,0,.07); position:relative; }
.nav.is-open>ul>li:last-child{ border-bottom:0; }
/* üst düzey linkler — net, dokunması kolay satırlar */
.nav.is-open>ul>li>a{
display:flex; align-items:center; justify-content:space-between;
width:100%; padding:15px 2px; font-size:15.5px; font-weight:600; color:var(--navy);
border-bottom:0; border-radius:8px; transition:color .15s, background .15s;
}
.nav.is-open>ul>li>a:hover{ color:var(--green-dark); border-bottom-color:transparent; }
.nav.is-open>ul>li>a.active{ color:var(--green-dark); }
.nav.is-open>ul>li>a.active::before{
content:""; position:absolute; left:-16px; top:12px; bottom:12px; width:3px;
background:var(--green); border-radius:0 3px 3px 0;
}
/* chevron'u sağa hizala, açıkken döndür (mevcut .chev kuralları döndürüyor) */
.nav.is-open>ul>li>a .chev{ margin-left:auto; }
/* ESG Platform — mobil menüde görünür, hafif vurgulu satır */
.nav-esg-m{ display:block; }
.nav.is-open>ul>li.nav-esg-m>a{ color:var(--green-dark); font-weight:700; }
/* --- Projeler alt-menüsü: promo kartı gizli, temiz alt-liste --- */
.nav.is-open .mega{ position:static; transform:none; left:auto; top:auto; width:auto; display:none; box-shadow:none; padding:0; margin:-2px 0 10px; background:transparent; grid-template-columns:1fr; }
.nav.is-open>ul>li.open .mega{ display:block; }
.nav.is-open .mega .feature{ display:none; }
.nav.is-open .mega .col-list{ padding-left:4px; }
.nav.is-open .mega .col-list h4{ font-size:10.5px; letter-spacing:1.4px; color:var(--muted); text-transform:uppercase; margin:0 0 4px; }
.nav.is-open .mega .col-list a{
display:block; width:100%; padding:11px 0 11px 14px; font-size:14.5px; font-weight:500;
color:#2a3839; border-left:2px solid var(--line); border-bottom:0;
}
.nav.is-open .mega .col-list a:hover{ color:var(--green-dark); border-left-color:var(--green); }
}
/* =========================================================
Related articles strip (10G)
========================================================= */
.related-posts{ margin:48px 0 8px; padding-top:32px; border-top:1px solid rgba(0,0,0,.08); }
.related-posts__head{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:20px; }
.related-posts__head h2{ margin:0; font-size:1.35rem; }
.related-posts__all{ text-decoration:none; font-weight:600; color:#1f7a48; white-space:nowrap; }
.related-posts__all:hover{ text-decoration:underline; }
/* =========================================================
Language switcher (11a)
========================================================= */
.lang-switch{ display:inline-flex; align-items:center; gap:6px; font-size:.85rem; font-weight:600; }
.lang-switch a{ text-decoration:none; color:inherit; opacity:.6; }
.lang-switch a.is-active{ opacity:1; text-decoration:underline; }
.lang-switch a:hover{ opacity:1; }
/* =========================================================
Carbon Measurement — onboarding 2-col (mobil stack) (12-2)
========================================================= */
.cm-onboard{ display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:start; }
@media (max-width:760px){ .cm-onboard{ grid-template-columns:1fr; gap:32px; } }