:root{--cyan:#00AECB;--cyan-dim:rgba(0,174,203,0.12);--cyan-border:rgba(0,174,203,0.25);--bg:#080B10;--bg-2:#0C0F16;--bg-3:#111520;--border:rgba(255,255,255,0.07);--text:#E8EDF2;--text-2:#9BAAB8;--text-3:#5A6A7A;--font-display:'Cabinet Grotesk',sans-serif;--font-body:'Satoshi',sans-serif;--ease-out:cubic-bezier(0.22,1,0.36,1);--transition:0.2s ease}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{list-style:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}
.skip-link{position:absolute;top:-100%;left:1rem;background:var(--cyan);color:#000;padding:.5rem 1rem;border-radius:8px;font-weight:700;z-index:1000}
.skip-link:focus{top:1rem}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;background:rgba(8,11,16,0.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background var(--transition),border-color var(--transition)}
.nav.scrolled{background:rgba(8,11,16,0.97);border-color:var(--cyan-border)}
.nav__inner{height:100%;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}
.nav__logo{display:flex;align-items:center;gap:10px}
.nav__logo-mark{width:36px;height:36px;flex-shrink:0}
.nav__logo-text{display:flex;flex-direction:column;line-height:1.1}
.nav__logo-primary{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:.05em;color:#fff}
.nav__logo-secondary{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.nav__links{display:flex;align-items:center;gap:1.75rem}
.nav__links a{font-size:.875rem;color:var(--text-2);transition:color var(--transition)}
.nav__links a:hover{color:var(--text)}
.nav__cta{background:var(--cyan-dim)!important;border:1px solid var(--cyan-border)!important;color:var(--cyan)!important;padding:.45rem 1.1rem;border-radius:6px;font-weight:600;transition:all var(--transition)!important}
.nav__cta:hover{background:var(--cyan)!important;color:#000!important}
.nav__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nav__hamburger span{display:block;width:22px;height:2px;background:var(--text-2);border-radius:2px;transition:all .25s}
.nav__mobile{display:none;position:fixed;inset:64px 0 0 0;background:rgba(8,11,16,0.98);backdrop-filter:blur(20px);z-index:99;flex-direction:column;padding:2rem 1.5rem;gap:1.5rem;border-top:1px solid var(--border)}
.nav__mobile.open{display:flex}
.mobile-link{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-2);transition:color var(--transition);padding:.25rem 0}
.mobile-link:hover{color:var(--cyan)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:.9rem;cursor:pointer;border:none;transition:all .2s var(--ease-out);white-space:nowrap}
.btn--primary{background:var(--cyan);color:#000}
.btn--primary:hover{background:#00c9e8;transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,174,203,.3)}
.btn--outline{background:transparent;color:var(--text);border:1px solid var(--border)}
.btn--outline:hover{border-color:var(--cyan-border);color:var(--cyan);transform:translateY(-1px)}

/* REVEALS */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}

/* SECTION */
section{padding-block:clamp(4rem,8vw,7rem)}
.section-label{display:inline-block;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);font-weight:700;margin-bottom:.9rem}
.section-heading{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.1;letter-spacing:-.02em;color:#fff;margin-bottom:1.25rem}
.section-sub{font-size:1rem;color:var(--text-2);line-height:1.7;max-width:640px}

/* HERO */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding-top:64px}
.hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 60% 40%,rgba(0,174,203,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(0,174,203,.04) 0%,transparent 60%),linear-gradient(180deg,var(--bg) 0%,#060911 100%)}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,174,203,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,174,203,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 20%,transparent 80%)}
.hero__particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.particle{position:absolute;width:2px;height:2px;background:var(--cyan);border-radius:50%;opacity:0;animation:float-up linear infinite}
@keyframes float-up{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:.6}90%{opacity:.1}100%{opacity:0;transform:translateY(-80vh) scale(0)}}
.hero__content{position:relative;z-index:2;width:100%}
.hero__inner{display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:center;padding-block:clamp(4rem,10vh,7rem)}
.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-weight:600;margin-bottom:1.5rem;padding:.35rem .85rem;background:var(--cyan-dim);border:1px solid var(--cyan-border);border-radius:100px}
.hero__eyebrow::before{content:'';width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.hero__heading{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.08;letter-spacing:-.02em;color:#fff;margin-bottom:1.5rem}
.hero__heading em{font-style:normal;color:var(--cyan)}
.hero__sub{font-size:clamp(1rem,1.5vw,1.1rem);color:var(--text-2);line-height:1.7;max-width:560px;margin-bottom:2rem}
.hero__actions{display:flex;gap:.75rem;flex-wrap:wrap}
.hero__tagline{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.9rem;font-style:italic;color:var(--text-3);line-height:1.6}
.hero__tagline strong{color:var(--cyan);font-style:normal}
.hero__visual{position:relative}
.hero__stat-card{background:var(--bg-3);border:1px solid var(--border);border-radius:14px;padding:1.5rem;position:relative;overflow:hidden}
.hero__stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:8px;overflow:hidden;margin-bottom:1rem}
.stat-cell{background:var(--bg-3);padding:1.2rem}
.stat-num{font-family:var(--font-display);font-weight:800;font-size:1.85rem;color:var(--cyan);line-height:1;margin-bottom:.3rem}
.stat-num--sm{font-size:1.35rem}
.stat-label{font-size:.72rem;color:var(--text-3);letter-spacing:.05em;text-transform:uppercase}
.stat-sub{font-size:.78rem;color:var(--text-2);margin-top:.2rem}
.hero__tags{display:flex;flex-wrap:wrap;gap:.5rem}
.hero__tag{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:.3rem .7rem;border:1px solid var(--border);border-radius:100px;background:var(--bg-2)}

/* PROOF */
.proof{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.proof__inner{display:grid;grid-template-columns:repeat(4,1fr)}
.proof__item{padding:clamp(1.5rem,3vw,2rem) clamp(1rem,2.5vw,2rem);border-right:1px solid var(--border)}
.proof__item:last-child{border-right:none}
.proof__number{font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,2.5vw,2rem);color:var(--cyan);line-height:1;margin-bottom:.4rem}
.proof__label{font-weight:600;font-size:.85rem;color:var(--text);margin-bottom:.2rem}
.proof__sub{font-size:.78rem;color:var(--text-3);line-height:1.4}

/* ABOUT */
.about{background:var(--bg)}
.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.about__body{color:var(--text-2);line-height:1.8}
.about__body p+p{margin-top:1rem}
.about__pillars{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:10px;overflow:hidden;margin-top:2rem}
.pillar{background:var(--bg-2);padding:1rem 1.1rem}
.pillar__icon{font-size:1.1rem;margin-bottom:.4rem}
.pillar__title{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--text);margin-bottom:.2rem}
.pillar__text{font-size:.78rem;color:var(--text-3);line-height:1.5}
.about__awards{margin-top:2rem;padding:1.25rem 1.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:10px}
.about__awards-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-weight:700;margin-bottom:.6rem}
.about__award{font-size:.82rem;color:var(--text-2);display:flex;gap:.5rem;align-items:flex-start;margin-top:.4rem}
.about__award::before{content:'🏆';flex-shrink:0}

/* SERVICES */
.services{background:var(--bg-2)}
.services__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem;gap:2rem}
.services__tabs{display:flex;gap:.5rem;background:var(--bg-3);padding:4px;border-radius:10px;border:1px solid var(--border);flex-shrink:0}
.tab-btn{padding:.5rem 1rem;border-radius:7px;font-family:var(--font-display);font-weight:700;font-size:.78rem;cursor:pointer;border:none;background:transparent;color:var(--text-3);transition:all var(--transition)}
.tab-btn.active{background:var(--cyan-dim);color:var(--cyan);border:1px solid var(--cyan-border)}
.services__panel{display:none}
.services__panel.active{display:block}
.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:12px;overflow:hidden}
.service-card{background:var(--bg-3);padding:1.75rem;transition:background var(--transition);position:relative}
.service-card:hover{background:#0e1219}
.service-card::before{content:'';position:absolute;top:0;left:1.75rem;width:32px;height:2px;background:var(--cyan);opacity:0;transition:opacity var(--transition)}
.service-card:hover::before{opacity:1}
.service-card__icon{font-size:1.5rem;margin-bottom:.75rem}
.service-card__title{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:.5rem}
.service-card__desc{font-size:.82rem;color:var(--text-3);line-height:1.55}

/* PROCESS */
.process{background:var(--bg)}
.process__intro{margin-bottom:3rem}
.process__scope-note{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-3);background:var(--bg-2);border:1px solid var(--border);padding:.4rem .9rem;border-radius:100px;margin-top:1rem}
.process__scope-note::before{content:'💧'}
.process__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:12px;overflow:hidden}
.step{background:var(--bg-2);padding:1.75rem;position:relative}
.step__num{font-family:var(--font-display);font-weight:800;font-size:2.5rem;line-height:1;color:rgba(0,174,203,.15);margin-bottom:.75rem;letter-spacing:-.03em}
.step__title{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:.5rem}
.step__desc{font-size:.82rem;color:var(--text-3);line-height:1.55}

/* SAVINGS CTA */
.savings-cta{background:var(--bg-2)}
.savings-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--bg-3);border:1px solid var(--border);border-radius:14px;padding:2.5rem 3rem;position:relative;overflow:hidden}
.savings-cta__inner::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}
.savings-cta__text h3{font-family:var(--font-display);font-weight:800;font-size:clamp(1.3rem,2.5vw,2rem);color:#fff;letter-spacing:-.02em;margin-bottom:.5rem}
.savings-cta__text p{font-size:.9rem;color:var(--text-2);max-width:480px}
.savings-cta__action{flex-shrink:0}

/* EXPERTISE */
.expertise{background:var(--bg-3)}
.expertise__disclaimer{background:rgba(0,174,203,.05);border:1px solid var(--cyan-border);border-radius:10px;padding:1rem 1.25rem;font-size:.78rem;color:var(--text-3);line-height:1.6;margin-bottom:3rem}
.expertise__disclaimer strong{color:var(--text-2)}
.expertise__grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:12px;overflow:hidden;margin-bottom:3rem}
.exp-card{background:var(--bg-2);padding:2rem;transition:background var(--transition)}
.exp-card:hover{background:#0e1219}
.exp-card__photo{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:1.25rem;filter:brightness(.85) saturate(.8)}
.exp-card__photo-placeholder{width:100%;aspect-ratio:16/9;background:var(--bg-3);border-radius:8px;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-3)}
.exp-card__type{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-weight:700;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}
.exp-card__type::before{content:'';width:16px;height:1px;background:var(--cyan)}
.exp-card__title{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:#fff;margin-bottom:.6rem}
.exp-card__desc{font-size:.83rem;color:var(--text-3);line-height:1.6}
.exp-card__metric{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.82rem;color:var(--text-2)}
.exp-card__metric strong{color:var(--cyan);font-family:var(--font-display);font-weight:800;font-size:1.05rem;display:block;margin-bottom:.15rem}
.expertise__intl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:12px;overflow:hidden}
.intl-card{background:var(--bg-2);padding:1.75rem;transition:background var(--transition)}
.intl-card:hover{background:#0e1219}
.intl-card__org{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-weight:700;margin-bottom:.6rem}
.intl-card__title{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:.5rem}
.intl-card__desc{font-size:.82rem;color:var(--text-3);line-height:1.55}

/* CLIENTS */
.clients{background:var(--bg-2)}
.clients__logos{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.client-pill{padding:.5rem 1.1rem;border:1px solid var(--border);border-radius:100px;font-size:.78rem;font-weight:600;color:var(--text-2);background:var(--bg-3);transition:all var(--transition)}
.client-pill:hover{border-color:var(--cyan-border);color:var(--cyan)}

/* ACCREDITATIONS */
.accreditations{background:var(--bg)}
.accred__grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.accred__pill{padding:.5rem 1rem;border:1px solid var(--border);border-radius:100px;font-size:.78rem;font-weight:600;color:var(--text-2);background:var(--bg-2);transition:all var(--transition)}
.accred__pill:hover{border-color:var(--cyan-border);color:var(--cyan)}

/* WHY */
.why{background:var(--bg-2)}
.why__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.why__body{color:var(--text-2);line-height:1.8}
.why__body p+p{margin-top:1rem}
.why__points{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}
.why__point{display:flex;gap:1rem;align-items:flex-start}
.why__point-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--cyan);background:var(--cyan-dim);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}
.why__point-dot svg{color:var(--cyan)}
.why__point-text{font-size:.9rem;color:var(--text-2);line-height:1.6}
.why__point-text strong{color:var(--text)}
.why__sectors{display:flex;flex-direction:column;gap:.75rem}
.sector{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;transition:border-color var(--transition)}
.sector:hover{border-color:var(--cyan-border)}
.sector__head{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}
.sector__icon{font-size:1.1rem;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--cyan-dim);border-radius:8px;flex-shrink:0}
.sector__title{font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--text)}
.sector__desc{font-size:.82rem;color:var(--text-3);line-height:1.55;padding-left:calc(34px + .75rem)}

/* TEAM */
.team{background:var(--bg)}
.team__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:12px;overflow:hidden;margin-top:2.5rem}
.team-card{background:var(--bg-2);padding:2rem}
.team-card__photo{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:2px solid var(--cyan-border);filter:grayscale(20%)}
.team-card__name{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:#fff;margin-bottom:.2rem}
.team-card__role{font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);font-weight:600;margin-bottom:.75rem}
.team-card__bio{font-size:.82rem;color:var(--text-3);line-height:1.6}

/* CONTACT */
.contact{background:var(--bg-2)}
.contact__grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.contact__detail{display:flex;gap:.75rem;align-items:flex-start;margin-top:1.5rem}
.contact__detail-icon{width:36px;height:36px;background:var(--cyan-dim);border:1px solid var(--cyan-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--cyan);flex-shrink:0;font-size:.9rem}
.contact__detail-text{font-size:.85rem;color:var(--text-2);line-height:1.5}
.contact__detail-text strong{display:block;color:var(--text);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}
.form{background:var(--bg-3);border:1px solid var(--border);border-radius:14px;padding:2rem}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.field:last-child{margin-bottom:0}
label{font-size:.78rem;font-weight:600;color:var(--text-2);letter-spacing:.04em}
input,select,textarea{background:var(--bg-2);border:1px solid var(--border);border-radius:7px;padding:.65rem .85rem;font-family:var(--font-body);font-size:.875rem;color:var(--text);width:100%;transition:border-color var(--transition);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}
input::placeholder,textarea::placeholder{color:var(--text-3)}
select option{background:var(--bg-3)}
textarea{resize:vertical;min-height:120px}
.form__submit{margin-top:1.25rem}
.form__success{display:none;text-align:center;padding:2rem}
.form__success-icon{width:48px;height:48px;background:rgba(0,174,203,.15);border:1px solid var(--cyan-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:1.25rem;margin:0 auto 1rem}

/* FOOTER */
.footer{background:var(--bg-3);border-top:1px solid var(--border);padding-block:3rem 2rem}
.footer__inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem}
.footer__tagline{font-size:.85rem;color:var(--text-3);line-height:1.7;margin-top:1rem}
.footer__philosophy{margin-top:1rem;font-style:italic;font-size:.8rem;color:var(--text-3);opacity:.7}
.footer__links-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-weight:700;margin-bottom:.75rem}
.footer__links-list{display:flex;flex-direction:column;gap:.5rem}
.footer__links-list a{font-size:.85rem;color:var(--text-3);transition:color var(--transition)}
.footer__links-list a:hover{color:var(--cyan)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-3)}

/* CALCULATOR PAGE */
.calc-page{min-height:100svh;background:var(--bg);padding-top:64px}
.calc-header{background:var(--bg-2);border-bottom:1px solid var(--border);padding-block:clamp(2rem,5vw,3.5rem)}
.calc-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-2);margin-bottom:1.5rem;transition:color var(--transition)}
.calc-back:hover{color:var(--cyan)}
.calc-main{padding-block:clamp(2rem,5vw,4rem)}
.calc-layout{display:grid;grid-template-columns:1fr 400px;gap:2.5rem;align-items:start}
.calc-card{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.calc-section{padding:1.75rem;border-bottom:1px solid var(--border)}
.calc-section:last-child{border-bottom:none}
.calc-section-title{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.25rem;display:flex;align-items:center;gap:.6rem}
.calc-section-title::before{content:'';width:14px;height:1px;background:var(--cyan)}
.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.calc-field{display:flex;flex-direction:column;gap:.35rem}
.calc-field--full{grid-column:span 2}
.calc-field label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.calc-field .hint{font-size:.7rem;color:var(--text-3);margin-top:.2rem;line-height:1.4}
.calc-input-wrap{position:relative;display:flex;align-items:center}
.calc-input-wrap input,.calc-input-wrap select{background:var(--bg-3);border:1px solid var(--border);border-radius:7px;padding:.6rem .85rem;font-size:.875rem;color:var(--text);width:100%;transition:border-color var(--transition);outline:none;-webkit-appearance:none}
.calc-input-wrap input:focus,.calc-input-wrap select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-dim)}
.calc-input-wrap .unit{position:absolute;right:10px;font-size:.72rem;color:var(--text-3);pointer-events:none}
.calc-input-wrap select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A6A7A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}
.coeff-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-3);background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-body);margin-top:.75rem;transition:color var(--transition)}
.coeff-toggle:hover{color:var(--cyan)}
.coeff-toggle svg{transition:transform .2s}
.coeff-panel{display:none;margin-top:1rem;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;overflow:hidden}
.coeff-panel.open{display:block}
.coeff-table{width:100%;border-collapse:collapse}
.coeff-table th{text-align:left;font-size:.68rem;color:var(--text-3);font-weight:600;letter-spacing:.06em;padding:.6rem .85rem;border-bottom:1px solid var(--border);background:var(--bg-2)}
.coeff-table td{padding:.55rem .85rem;font-size:.78rem;color:var(--text-2);border-bottom:1px solid var(--border)}
.coeff-table tr:last-child td{border-bottom:none}
.coeff-input{background:var(--bg-2);border:1px solid var(--border);border-radius:5px;padding:.25rem .5rem;color:var(--cyan);font-family:var(--font-body);font-size:.78rem;width:72px;text-align:right;outline:none}
.coeff-input:focus{border-color:var(--cyan)}
.results-card{position:sticky;top:84px;background:var(--bg-2);border:1px solid var(--cyan-border);border-radius:14px;overflow:hidden}
.results-header{padding:1.25rem 1.5rem;background:rgba(0,174,203,.05);border-bottom:1px solid var(--border)}
.results-title{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase}
.results-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}
.result-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.result-lbl{font-size:.75rem;color:var(--text-3);flex:1}
.result-val{font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--text);text-align:right;white-space:nowrap}
.results-divider{height:1px;background:var(--border)}
.savings-box{background:rgba(0,174,203,.06);border:1px solid var(--cyan-border);border-radius:10px;padding:1.25rem}
.savings-box__label{font-size:.68rem;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem}
.savings-box__amount{font-family:var(--font-display);font-weight:800;font-size:1.9rem;color:var(--cyan);line-height:1;margin-bottom:.2rem}
.savings-box__period{font-size:.72rem;color:var(--text-3)}
.results-empty{padding:2.5rem 1.5rem;text-align:center;color:var(--text-3);font-size:.85rem}
.results-disclaimer{padding:1rem 1.5rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-3);line-height:1.5;font-style:italic}
.results-cta{padding:1.25rem 1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}
.tariff-note{font-size:.7rem;color:var(--text-3);line-height:1.5;margin-top:.75rem;padding:.6rem .85rem;background:var(--bg-3);border-radius:6px}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero__inner{grid-template-columns:1fr}
  .hero__visual{display:none}
  .proof__inner{grid-template-columns:repeat(2,1fr)}
  .proof__item:nth-child(2){border-right:none}
  .proof__item:nth-child(3),.proof__item:nth-child(4){border-top:1px solid var(--border)}
  .proof__item:nth-child(4){border-right:none}
  .about__grid,.why__grid,.contact__grid{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr 1fr}
  .expertise__intl{grid-template-columns:1fr 1fr}
  .calc-layout{grid-template-columns:1fr}
  .results-card{position:static}
}
@media(max-width:768px){
  .nav__links{display:none}
  .nav__hamburger{display:flex}
  .services__header{flex-direction:column;align-items:flex-start}
  .services__grid,.expertise__grid,.expertise__intl,.team__grid{grid-template-columns:1fr}
  .process__steps{grid-template-columns:1fr 1fr}
  .form__row{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column;gap:.5rem;text-align:center}
  .about__pillars{grid-template-columns:1fr}
  .savings-cta__inner{flex-direction:column;align-items:flex-start;padding:1.75rem}
  .calc-fields{grid-template-columns:1fr}
  .calc-field--full{grid-column:span 1}
}
@media(max-width:480px){
  .proof__inner{grid-template-columns:1fr}
  .proof__item{border-right:none;border-bottom:1px solid var(--border)}
  .hero__actions{flex-direction:column}
  .services__tabs{flex-wrap:wrap}
  .process__steps{grid-template-columns:1fr}
}
