body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.68;overflow-x:hidden}.transformer-hero{min-height:calc(100vh - 76px);padding:clamp(72px,9vw,132px) clamp(22px,5vw,76px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);gap:clamp(28px,5vw,72px);align-items:center}.transformer-hero>*{position:relative;z-index:1}.transformer-hero-copy{min-width:0}.transformer-hero-copy h1{max-width:1040px;margin:18px 0 22px;color:var(--paper);font-size:clamp(2.4rem,5.8vw,5.6rem);line-height:.98;letter-spacing:-.07em}.transformer-hero-copy p:not(.page-kicker){max-width:780px;color:rgba(241,240,234,.82);font-size:clamp(1.02rem,1.8vw,1.24rem);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:13px 18px;border:1px solid var(--line);font:700 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.button.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button.ghost{color:var(--paper)}.button:hover{transform:translateY(-2px)}.transformer-hero-panel{padding:30px;border:1px solid rgba(200,255,61,.35);background:linear-gradient(150deg,rgba(200,255,61,.12),rgba(241,240,234,.04));box-shadow:0 24px 80px rgba(0,0,0,.32)}.transformer-hero-panel span{display:block;margin-bottom:14px;color:var(--lime);font:700 11px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.transformer-hero-panel strong{display:block;color:var(--paper);font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.08;letter-spacing:-.045em}.transformer-hero-panel p{margin:18px 0 0;color:rgba(241,240,234,.74);line-height:1.7}.transformer-main{padding:clamp(38px,6vw,72px) clamp(18px,4vw,72px);display:grid;gap:22px;background:var(--paper)}.transformer-main section{max-width:1100px;width:100%;margin:0 auto;border:1px solid var(--dark-line);background:#fbfaf4;padding:clamp(24px,3.5vw,42px)}.transformer-main section:nth-child(even){background:var(--paper-deep)}.transformer-main h2{margin:0 0 18px;color:var(--ink);font-size:clamp(1.6rem,2.8vw,2.8rem);line-height:1;letter-spacing:-.055em}.transformer-main p{margin:0 0 16px;color:rgba(8,11,16,.72)}.transformer-main strong{color:var(--ink)}.highlight{color:var(--lime-dark);font-weight:900}.transformer-main code{padding:2px 6px;border:1px solid rgba(8,11,16,.12);background:#e7e5dc;color:var(--ink);font:600 .9em DM Mono,monospace}.transformer-main em{font-style:italic;color:var(--ink)}.transformer-main ul{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 0;padding:0;list-style:none}.transformer-main li{padding:14px;border:1px solid rgba(8,11,16,.12);background:#fffef8;color:rgba(8,11,16,.72);font:700 13px DM Mono,monospace}.transformer-main table{width:100%;border-collapse:collapse;margin:20px 0;border:1px solid rgba(8,11,16,.14);background:#fffef8}.transformer-main th,.transformer-main td{padding:14px 16px;border-bottom:1px solid rgba(8,11,16,.1);text-align:left}.transformer-main th{background:var(--ink);color:var(--lime);font:700 11px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.interactive{text-align:center;background:var(--ink)!important;color:var(--paper)!important;position:relative;overflow:hidden}.interactive::before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:70px 70px}.interactive>*{position:relative;z-index:1}.interactive h2{color:var(--paper)}.interactive p{color:rgba(241,240,234,.76)}button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin:12px 0;padding:14px 22px;border:1px solid var(--lime);border-radius:0;background:var(--lime);color:var(--ink);font:800 12px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:none;transition:transform .22s ease,filter .22s ease}button:hover{transform:translateY(-2px);filter:brightness(1.03)}.output{max-width:520px;margin:18px auto 0;padding:22px;border:1px solid rgba(200,255,61,.38);background:rgba(200,255,61,.08);color:var(--paper);font-size:1.15rem;font-weight:800}.output:empty{display:none}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px clamp(22px,5vw,76px);background:var(--ink);color:rgba(241,240,234,.72);font:700 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.page-footer a{color:var(--lime);text-decoration:none}.page-footer div a{color:var(--paper);border-bottom:1px solid rgba(200,255,61,.45)}.page-footer span{color:var(--lime)}@media(max-width:1000px){.transformer-hero{grid-template-columns:1fr}.transformer-hero-panel{max-width:680px}.transformer-main ul{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.transformer-hero{min-height:auto;padding:54px 20px 64px}.transformer-hero-copy h1{font-size:clamp(2.35rem,12vw,3.8rem);letter-spacing:-.06em}.hero-actions{display:grid}.button{width:100%}.transformer-main{padding:34px 16px}.transformer-main section{padding:24px 18px}.transformer-main h2{font-size:1.9rem}.transformer-main ul{grid-template-columns:1fr}.page-footer{display:grid;text-align:center}.page-footer div{line-height:1.8}}