:root{--background:#f4f7f2;--foreground:#173228;--muted:#5f7468;--border:#d6dfd7;--card:#ffffffe6;--secondary:#e9f2ea;--primary:#2e4da8;--primary-foreground:#fff;--accent:#5ab031;--shadow:0 24px 70px #17322814}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top, #5ab0311a, transparent 30%), linear-gradient(180deg, #f7fbf6 0%, var(--background) 100%);min-height:100vh;color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.page-shell{min-height:100vh}.site-content[aria-hidden=true]{-webkit-user-select:none;user-select:none}.container{width:min(1120px,100% - 32px);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#fffc;position:sticky;top:0}.header-inner,.footer-inner{justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.brand{letter-spacing:-.04em;align-items:baseline;gap:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,4vw,3.8rem);font-weight:700;display:flex}.brand-carbon{color:var(--primary)}.brand-io{color:var(--accent)}.lang-switcher{border:1px solid var(--border);background:#e9f2eab3;border-radius:999px;padding:4px;display:inline-flex}.lang-switcher button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:10px 16px;font-weight:700;transition:background-color .2s,color .2s}.lang-switcher button.active{background:var(--primary);color:var(--primary-foreground)}.hero{min-height:620px;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-image{object-fit:cover}.hero-overlay{background:linear-gradient(#0c1a132e 0%,#0c1a1366 45%,#0c1a13c7 100%);position:absolute;inset:0}.hero-content{z-index:1;align-items:flex-end;min-height:620px;padding:64px 0 72px;display:flex;position:relative}.hero-copy{color:#fff;max-width:780px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;background:#ffffff29;border:1px solid #fff3;border-radius:999px;margin-bottom:20px;padding:10px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.04em;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.96}.hero p{color:#ffffffe6;max-width:62ch;margin:0;font-size:1.15rem;line-height:1.75}.main-content{padding:56px 0 72px}.calculator-grid,.method-grid{gap:24px;display:grid}.calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel,.cta-section{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px}.card,.panel{background:var(--card)}.card{padding:32px}.section-spacer{margin-bottom:24px}.section-title{margin:0 0 8px;font-size:2rem;line-height:1.1}.section-copy,.small-copy,.metric-label,.footer-copy,.tagline,.field-label,.method-copy{color:var(--muted)}.section-copy{margin:0;line-height:1.7}.field{flex-direction:column;gap:10px;display:flex}.field-label{font-size:.95rem;font-weight:700}.input{border:1px solid var(--border);background:#fff;border-radius:16px;outline:none;width:100%;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#2e4da873;box-shadow:0 0 0 4px #2e4da81f}.stack{flex-direction:column;gap:18px;display:flex}.button,.button-secondary{border:0;border-radius:999px;justify-content:center;align-items:center;padding:14px 22px;font-weight:700;transition:transform .2s,opacity .2s,background-color .2s;display:inline-flex}.button:hover,.button-secondary:hover{transform:translateY(-1px)}.button{background:var(--primary);width:100%;color:var(--primary-foreground)}.button-secondary{color:var(--primary);background:#fff}.results-empty{text-align:center;min-height:320px;color:var(--muted);place-items:center;display:grid}.result-highlight{background:var(--secondary);border-radius:24px;padding:24px}.metric-value{color:var(--primary);margin:0;font-size:clamp(2.8rem,5vw,4rem);line-height:1}.metric-unit{color:var(--muted);margin-top:10px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.metric-card{background:var(--secondary);border-radius:22px;padding:18px}.metric-card strong{color:var(--accent);margin:8px 0 6px;font-size:2rem;line-height:1;display:block}.callout{border-left:6px solid var(--primary);background:#eef3ff;padding:24px 26px}.method-section{background:linear-gradient(#e9f2eacc,#fffffff2);padding:32px}.method-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:22px}.method-card h3{margin:0 0 10px;font-size:1.1rem}.method-copy{margin:0;line-height:1.65}.cta-section{text-align:center;background:linear-gradient(135deg, var(--primary), #24408a 58%, #173228 100%);color:#fff;padding:42px}.cta-section p{color:#ffffffd9;max-width:760px;margin:0 auto 24px;line-height:1.7}.site-footer{border-top:1px solid var(--border);background:#ffffffd6;margin-top:12px}.footer-inner{padding:26px 0 34px}.footer-branding{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.footer-powered{align-items:center;gap:12px;display:flex}.footer-logo{width:140px;height:auto}.maintenance-overlay{z-index:9999;color:var(--foreground);pointer-events:auto;background:radial-gradient(circle at 50% 20%,#5ab0311f,#0000 28%),linear-gradient(145deg,#f6faf4f5,#e7f0e7fa);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.maintenance-overlay:before{content:"";background-image:linear-gradient(#1732280a 1px,#0000 1px),linear-gradient(90deg,#1732280a 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 72%);mask-image:linear-gradient(#000000a6,#0000 72%)}.maintenance-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #d6dfd7e6;border-radius:32px;width:min(640px,100%);padding:clamp(32px,7vw,64px);position:relative;box-shadow:0 30px 110px #17322824}.maintenance-brand{letter-spacing:-.04em;align-items:baseline;margin-bottom:28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.3rem,7vw,4rem);font-weight:700;display:inline-flex}.maintenance-card h1{letter-spacing:-.045em;max-width:13ch;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.98}.maintenance-card p{color:#5f7468c7;letter-spacing:.22em;text-transform:uppercase;margin:22px 0 0;font-size:.86rem;font-weight:700}@media (max-width:900px){.calculator-grid,.method-grid{grid-template-columns:1fr}.hero,.hero-content{min-height:540px}}@media (max-width:640px){.container{width:min(100% - 24px,1120px)}.header-inner,.footer-inner{flex-direction:column;align-items:flex-start}.footer-branding{align-items:flex-start}.results-grid{grid-template-columns:1fr}.card,.method-section,.cta-section{padding:24px}.hero-content{padding-bottom:40px}}