/*
Theme Name: G8ON
Theme URI: https://www.goitoon.com.br
Author: G8ON
Description: Institutional site theme for G8ON — energy solutions and efficiency.
Version: 1.0.0
Text Domain: g8on
*/
:root{--green-900:#0A2A1E;--green-800:#0F4D3A;--green-700:#143D2B;--green-500:#20B16C;--green-400:#35D885;--sage:#A7CBB3;--charcoal:#1C1F1E;--off-white:#F6F7F4;--white:#fff;--soft:#EEF3EF;--line:rgba(15,77,58,.16);--text:#18201D;--muted:#65716B;--radius-xl:30px;--radius-lg:22px;--shadow:0 20px 60px rgba(9,43,30,.12);--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--off-white);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:.25s}.site-header.is-scrolled{background:rgba(8,30,23,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700}.brand-mark{width:33px;height:48px}.brand-word{font-size:27px;line-height:1;letter-spacing:.08em;color:var(--white);font-weight:600}.brand-eight{display:inline-block;transform:scale(.88);transform-origin:center;margin-inline:.03em}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a:not(.btn){color:rgba(255,255,255,.78);font-size:14px}.main-nav a:hover{color:var(--white)}.main-nav li{list-style:none}.nav-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}.nav-toggle span{width:24px;height:2px;background:var(--white);display:block;margin:5px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:650;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-sm{min-height:40px;padding:0 18px;font-size:13px}.btn-primary{color:#071910;background:linear-gradient(135deg,var(--green-400),var(--green-500));box-shadow:0 10px 30px rgba(32,177,108,.25)}.btn-outline{border-color:rgba(255,255,255,.35);color:var(--white)}.btn-ghost{color:var(--white);border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.03)}.btn-light{background:var(--white);color:var(--green-900)}.hero{min-height:820px;padding:150px 0 90px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 16%,rgba(53,216,133,.14),transparent 28%),radial-gradient(circle at 18% 80%,rgba(32,177,108,.10),transparent 28%),linear-gradient(135deg,#06140F 0%,#0A2A1E 50%,#071C15 100%);color:var(--white)}.hero:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:70px;align-items:center}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:750;color:var(--green-400)}.eyebrow.dark{color:var(--green-800)}.hero h1,.section h2,.cta-section h2{margin:0;font-family:"Segoe UI",Inter,sans-serif;letter-spacing:-.045em;line-height:.98}.hero h1{max-width:680px;font-size:clamp(58px,8vw,102px);font-weight:600}.hero h1 span{color:var(--green-400)}.hero-lead{max-width:660px;margin:28px 0 0;color:rgba(255,255,255,.72);font-size:19px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-metrics{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:700px}.hero-metrics div{border-top:1px solid rgba(255,255,255,.16);padding-top:15px}.hero-metrics strong{display:block;color:var(--green-400);font-size:18px}.hero-metrics span{display:block;margin-top:3px;color:rgba(255,255,255,.75);font-size:12px}.hero-visual{min-height:540px;position:relative}.hero-symbol-wrap{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:46%;min-width:180px;filter:drop-shadow(0 25px 70px rgba(32,177,108,.22))}.hero-symbol{width:100%}.energy-orbit{position:absolute;border:1px solid rgba(53,216,133,.22);border-radius:50%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.orbit-one{width:370px;height:370px}.orbit-two{width:470px;height:470px;border-style:dashed;animation:spin 24s linear infinite}.orbit-three{width:560px;height:560px;opacity:.48}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.glass-card{position:absolute;width:210px;padding:20px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.2)}.glass-card strong,.glass-card small{display:block}.glass-card strong{margin:4px 0 2px;font-size:16px}.glass-card small,.mini-label{color:rgba(255,255,255,.78);font-size:11px}.mini-label{text-transform:uppercase;letter-spacing:.12em;color:var(--green-400)}.persona-card .mini-label{color:var(--green-800)}.card-top{right:0;top:10%}.card-bottom{left:0;bottom:8%}.pillars-strip{background:#071C15;color:var(--white);border-top:1px solid rgba(255,255,255,.06)}.pillars-grid{min-height:116px;display:grid;grid-template-columns:repeat(4,1fr)}.pillar-item{display:grid;grid-template-columns:12px 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center;padding:20px 22px;border-right:1px solid rgba(255,255,255,.08)}.pillar-item:last-child{border-right:0}.pillar-dot{width:10px;height:10px;border:2px solid var(--green-400);border-radius:50%;grid-row:1/span 2;margin-top:7px}.pillar-item strong{font-size:14px}.pillar-item small{color:rgba(255,255,255,.75)}.section{padding:110px 0;background:#0B241B;color:var(--white)}.section-light{background:var(--off-white);color:var(--text)}.section-soft{background:#EAF1EC;color:var(--text)}.section-dark{background:linear-gradient(135deg,#071C15,#0A2A1E);color:var(--white)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section h2,.cta-section h2{font-size:clamp(42px,5vw,66px);font-weight:570;max-width:850px}.section-copy>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:17px}.text-link,.service-card>a,.insight-card>a{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--green-800);font-weight:700}.identity-panel{min-height:520px;border-radius:var(--radius-xl);background:radial-gradient(circle at 55% 50%,rgba(53,216,133,.18),transparent 30%),linear-gradient(145deg,#0A2A1E,#0E3629);color:var(--white);padding:50px;display:grid;grid-template-columns:.7fr 1.3fr;gap:34px;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.identity-number{font-size:260px;line-height:1;font-weight:250;color:var(--green-400);opacity:.95;letter-spacing:-.08em}.identity-lines{display:grid;gap:28px}.identity-lines div{padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1)}.identity-lines strong,.identity-lines span{display:block}.identity-lines strong{color:var(--green-400);font-size:18px;margin-bottom:5px}.identity-lines span{color:rgba(255,255,255,.58);font-size:13px}.section-heading{max-width:900px;margin-bottom:48px}.section-heading p:not(.eyebrow){color:rgba(255,255,255,.75);max-width:700px}.dark-heading p:not(.eyebrow),.section-light .section-heading p:not(.eyebrow){color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{min-height:430px;display:flex;flex-direction:column;padding:28px;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);transition:.25s}.service-card:hover{transform:translateY(-7px);border-color:rgba(53,216,133,.34);background:linear-gradient(180deg,rgba(53,216,133,.08),rgba(255,255,255,.025))}.service-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(53,216,133,.35);color:var(--green-400);font-size:12px;font-weight:700}.service-card h3{margin:35px 0 10px;font-size:24px}.service-card p,.service-card li{color:rgba(255,255,255,.58);font-size:14px}.service-card ul{margin:16px 0 20px;padding-left:18px}.service-card>a{margin-top:auto;color:var(--green-400)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(15,77,58,.16)}.timeline-step{min-height:260px;padding:30px;border-right:1px solid rgba(15,77,58,.16)}.timeline-step:last-child{border-right:0}.timeline-step>span{color:var(--green-800);font-weight:800;font-size:13px}.timeline-step h3{font-size:22px;margin:48px 0 12px}.timeline-step p{color:var(--muted);font-size:14px}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-card{overflow:hidden;border-radius:var(--radius-lg);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.case-visual{height:240px;display:flex;align-items:flex-start;justify-content:flex-start;padding:24px;position:relative;overflow:hidden}.case-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px;opacity:.3}.case-visual:after{content:"";position:absolute;width:180px;height:180px;border:18px solid rgba(53,216,133,.25);border-radius:50%;right:-70px;bottom:-80px}.case-home{background:radial-gradient(circle at 65% 40%,rgba(53,216,133,.26),transparent 28%),linear-gradient(135deg,#0A2A1E,#134732)}.case-industry{background:radial-gradient(circle at 35% 35%,rgba(53,216,133,.22),transparent 28%),linear-gradient(135deg,#111C18,#17432F)}.case-grid{background:radial-gradient(circle at 65% 55%,rgba(53,216,133,.18),transparent 28%),linear-gradient(135deg,#081712,#143D2B)}.case-visual span{position:relative;z-index:2;color:var(--green-400);border:1px solid rgba(53,216,133,.35);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}.case-body{padding:26px}.case-body h3{margin:0 0 10px;font-size:22px}.case-body p{color:rgba(255,255,255,.78);font-size:14px}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.case-tags span{border-radius:999px;padding:6px 10px;background:rgba(53,216,133,.08);color:var(--green-400);font-size:11px}.why-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}.why-copy p:not(.eyebrow){color:rgba(255,255,255,.58);font-size:17px;max-width:620px}.why-list{border-top:1px solid rgba(255,255,255,.11)}.why-item{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.11)}.why-item>span{color:var(--green-400);font-weight:800}.why-item strong,.why-item small{display:block}.why-item strong{font-size:19px}.why-item small{margin-top:4px;color:rgba(255,255,255,.75)}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-card{min-height:330px;padding:30px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;box-shadow:0 16px 40px rgba(9,43,30,.05)}.insight-meta{color:var(--green-800);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.insight-card h3{margin:36px 0 12px;font-size:24px;line-height:1.2}.insight-card p{color:var(--muted);font-size:14px}.insight-card>a{margin-top:auto}.cta-section{padding:0 0 110px;background:var(--off-white)}.cta-box{border-radius:var(--radius-xl);padding:58px;color:var(--white);background:radial-gradient(circle at 85% 25%,rgba(53,216,133,.22),transparent 28%),linear-gradient(135deg,#0A2A1E,#0F4D3A);display:flex;justify-content:space-between;gap:50px;align-items:center;box-shadow:var(--shadow)}.cta-box h2{font-size:clamp(38px,4vw,58px)}.cta-box p:not(.eyebrow){color:rgba(255,255,255,.66);max-width:660px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-copy p:not(.eyebrow){color:var(--muted)}.contact-info{display:grid;gap:8px;margin-top:30px}.contact-info a{color:var(--green-800);font-weight:650}.contact-form{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:0 20px 50px rgba(9,43,30,.06)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;margin-bottom:16px}.contact-form label>span{display:block;margin-bottom:8px;color:#435047;font-size:13px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(15,77,58,.16);background:#FBFCFA;color:var(--text);padding:13px 14px;border-radius:12px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 4px rgba(32,177,108,.10)}.contact-form textarea{resize:vertical}.form-note{font-size:11px;color:#879089;margin-top:14px}.site-footer{background:#07150F;color:var(--white);padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:50px;padding-bottom:55px}.footer-grid>div:not(.footer-brand){display:grid;gap:9px;align-content:start}.footer-grid h4{margin:0 0 12px;color:var(--green-400);font-size:12px;text-transform:uppercase;letter-spacing:.13em}.footer-grid a,.footer-grid span{color:rgba(255,255,255,.78);font-size:13px}.footer-brand p{color:var(--green-400);font-size:14px}.footer-bottom{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.08)}.footer-bottom span{color:rgba(255,255,255,.75);font-size:11px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}@media(max-width:1080px){.hero-grid,.split,.why-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:500px}.services-grid{grid-template-columns:repeat(2,1fr)}.cases-grid,.insights-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.timeline-step:nth-child(2){border-right:0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}@media(max-width:820px){.container{width:min(100% - 28px,var(--container))}.site-header{background:rgba(8,30,23,.88);backdrop-filter:blur(16px)}.nav-wrap{min-height:72px}.nav-toggle{display:block}.main-nav{position:absolute;top:72px;left:14px;right:14px;display:none;padding:18px;border-radius:18px;background:rgba(7,28,21,.98);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px rgba(0,0,0,.28);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav .btn{width:100%}.hero{min-height:auto;padding-top:125px}.hero h1{font-size:clamp(54px,15vw,82px)}.hero-lead{font-size:16px}.hero-metrics{grid-template-columns:1fr}.pillars-grid{grid-template-columns:1fr 1fr}.pillar-item:nth-child(2){border-right:0}.pillar-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.section{padding:82px 0}.identity-panel{grid-template-columns:1fr;min-height:auto}.identity-number{font-size:180px}.services-grid,.cases-grid,.insights-grid,.timeline,.footer-grid{grid-template-columns:1fr}.timeline-step{border-right:0;border-bottom:1px solid rgba(15,77,58,.16)}.cta-box{padding:38px 26px;align-items:flex-start;flex-direction:column}.field-row{grid-template-columns:1fr;gap:0}.footer-bottom{align-items:flex-start;flex-direction:column;padding-top:22px}}@media(max-width:560px){.brand-word{font-size:23px}.brand-mark{width:27px;height:40px}.hero{padding-bottom:60px}.hero-visual{min-height:430px}.orbit-one{width:260px;height:260px}.orbit-two{width:340px;height:340px}.orbit-three{width:410px;height:410px}.glass-card{width:170px;padding:15px}.pillars-grid{grid-template-columns:1fr}.pillar-item{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)}.identity-panel{padding:32px}.section h2,.cta-section h2{font-size:40px}.contact-form{padding:20px}}
.persona-select{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.persona-card{display:flex;flex-direction:column;gap:8px;padding:40px 34px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);transition:.25s}
.persona-card:hover{transform:translateY(-6px);border-color:var(--green-500)}
.persona-card strong{font-size:28px;color:var(--green-900)}
.persona-card .persona-desc{color:var(--muted);font-size:15px}
@media(max-width:820px){.persona-select{grid-template-columns:1fr}}
.contact-form label input[type="checkbox"]{width:auto}