.esg-page{padding:clamp(8.5rem,13vw,11rem) clamp(1rem,4vw,4rem) clamp(5rem,9vw,8rem)}.esg-workbench{width:min(92rem,100%);margin-inline:auto;min-width:0}.esg-toolbar{display:flex;flex-direction:column;gap:1.5rem;padding-block-end:2rem;border-block-end:var(--rule-soft)}.esg-kicker{display:block;margin-block-end:.75rem;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.esg-toolbar h1{max-width:18ch;margin:0;color:var(--color-ink-0);font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-style:normal;font-weight:600;letter-spacing:-.04em;line-height:1.06;overflow-wrap:anywhere}.esg-toolbar__intro{max-width:64ch;margin:.85rem 0 0;color:var(--color-ink-2);font-size:var(--text-base);line-height:1.6}.esg-toolbar__actions,.esg-export__actions,.esg-preset-row__actions,.esg-dialog__foot{display:flex;flex-wrap:wrap;gap:.65rem}.esg-toolbar__actions .btn,.esg-export__actions .btn,.esg-dialog__foot .btn{min-height:2.75rem;white-space:nowrap}.esg-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-block:1.5rem 2rem}.esg-editor,.esg-preview{min-width:0;border:var(--rule-soft);border-radius:var(--radius-lg);background:var(--color-paper-1)}.esg-editor{overflow:clip}.esg-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.5rem;border-block-end:var(--rule-soft);background:var(--color-paper-2)}.esg-tabs button{min-height:2.75rem;padding-inline:.75rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-ink-2);font:600 var(--text-sm) / 1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.esg-tabs button[aria-selected=true]{background:var(--color-paper-0);color:var(--color-ink-0);box-shadow:0 1px 2px color-mix(in oklch,var(--color-ink-0) 6%,transparent)}.esg-tabs button:active,.esg-template:active,.esg-preset-row__actions button:active,.esg-icon-button:active,.esg-image-upload__remove:active{transform:translateY(1px)}.esg-editor__body{min-height:34rem;padding:clamp(1rem,3vw,2rem)}.esg-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem 1rem}.esg-field,.esg-preset-create label,.esg-preset-row label{display:grid;align-content:start;gap:.4rem;min-width:0;color:var(--color-ink-1);font-size:var(--text-sm);font-weight:600}.esg-field input:not([type=checkbox]):not([type=range]),.esg-field textarea,.esg-field select,.esg-preset-create input,.esg-preset-row input{width:100%;min-height:2.75rem;padding:.65rem 2.25rem .65rem .75rem;border:var(--rule-soft);border-radius:var(--radius-sm);outline:2px solid transparent;outline-offset:1px;background:var(--color-paper-0);color:var(--color-ink-0);font:400 var(--text-base) / 1.35 var(--font-sans)}.esg-field textarea{min-height:6rem;resize:vertical}.esg-field input[type=color]{padding:.3rem;cursor:pointer}.esg-field input[type=range]{width:100%;min-height:2.75rem;accent-color:var(--color-accent)}.esg-field small,.esg-preset-create small{min-height:1lh;color:var(--color-ink-2);font-size:var(--text-xs);font-weight:400}.esg-image-field{display:grid;gap:.75rem;min-width:0;padding-block-end:1.25rem;border-block-end:var(--rule-hair)}.esg-image-upload{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;padding:.75rem;border:var(--rule-soft);border-radius:var(--radius-md);background:var(--color-paper-2)}.esg-image-upload__preview{display:grid;place-items:center;width:4.5rem;height:4.5rem;overflow:clip;border:var(--rule-soft);border-radius:var(--radius-sm);background:var(--color-paper-0)}.esg-image-upload__preview img{display:block;width:100%;height:100%;object-fit:contain}.esg-image-upload__preview span,.esg-image-upload>div:nth-child(2) span{color:var(--color-ink-2);font-size:var(--text-xs);line-height:1.35}.esg-image-upload>div:nth-child(2){display:grid;gap:.2rem;min-width:0}.esg-image-upload__remove{min-height:2.75rem;white-space:nowrap}.esg-image-upload__remove{padding-inline:.75rem;border:0;background:transparent;color:var(--warning);font:600 var(--text-sm) / 1 var(--font-sans);cursor:pointer}.esg-toggle-group{display:grid;gap:.5rem;padding-block:.5rem}.esg-toggle{display:flex;align-items:center;gap:.65rem;min-height:2.75rem;color:var(--color-ink-1);font-size:var(--text-sm);font-weight:600;cursor:pointer}.esg-toggle input{width:1.15rem;height:1.15rem;accent-color:var(--color-accent)}.esg-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.esg-template{display:grid;min-width:0;min-height:9.5rem;padding:.85rem;border:var(--rule-soft);border-radius:var(--radius-md);background:var(--color-paper-0);color:var(--color-ink-0);text-align:start;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.esg-template[data-selected=true]{outline:2px solid var(--color-accent);outline-offset:1px}.esg-template strong{align-self:end;font-size:var(--text-sm)}.esg-template small{color:var(--color-ink-2);font-size:var(--text-xs)}.esg-template__diagram{display:grid;grid-template-columns:2rem minmax(0,1fr);grid-template-rows:repeat(2,.4rem);gap:.35rem;align-self:start;min-height:4.2rem;padding:.65rem;border-radius:var(--radius-sm);background:var(--color-paper-2)}.esg-template__diagram i{display:block;border-radius:var(--radius-pill);background:var(--color-ink-3)}.esg-template__diagram i:first-child{grid-row:1 / 3;border-radius:var(--radius-sm);background:var(--color-accent-soft)}.esg-template__diagram--2,.esg-template__diagram--6{grid-template-columns:minmax(0,1fr) 1.5rem}.esg-template__diagram--3{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:.5rem}.esg-template__diagram--4{border:var(--rule-soft);background:var(--color-paper-0)}.esg-template__diagram--5 i:first-child{grid-column:2}.esg-preview{align-self:start;overflow:clip;background:var(--color-paper-2)}.esg-preview__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-block-end:var(--rule-soft);background:var(--color-paper-1)}.esg-preview__head div{display:grid;gap:.1rem}.esg-preview__head span,.esg-preview__head strong{font-size:var(--text-xs)}.esg-preview__head span{color:var(--color-ink-2)}.esg-preview__status{width:.65rem;height:.65rem;border-radius:var(--radius-pill);background:var(--warning)}.esg-preview__status[data-ready=true]{background:var(--success)}.esg-preview__status[data-example=true]{background:var(--color-accent)}.esg-mail{min-height:30rem;margin:clamp(.75rem,2vw,1.5rem);padding:clamp(1rem,3vw,2rem);border-radius:var(--radius-md);background:var(--color-paper-0);color:var(--color-ink-0)}.esg-mail__meta{padding-block-end:1rem;border-block-end:var(--rule-hair);color:var(--color-ink-1);font-size:var(--text-sm);line-height:1.7}.esg-mail__meta span{color:var(--color-ink-2)}.esg-mail__lines{display:grid;gap:.55rem;padding-block:1.25rem 2rem}.esg-mail__lines i{width:90%;height:.45rem;border-radius:var(--radius-pill);background:var(--color-paper-3)}.esg-mail__lines i:last-child{width:61%}.esg-signature-canvas{max-width:100%;overflow-x:auto;padding-block-end:1rem}.esg-preview__note{margin:0;padding:0 1.25rem 1.25rem;color:var(--color-ink-2);font-size:var(--text-xs);line-height:1.55}.esg-export{display:grid;gap:1.25rem;padding:1.25rem;border:var(--rule-soft);border-radius:var(--radius-md);background:var(--color-paper-1)}.esg-export>div:first-child{display:grid;gap:.25rem}.esg-export span{color:var(--color-ink-2);font-size:var(--text-sm)}.esg-live{min-height:1.5rem;margin:0;padding-block:.75rem;color:var(--success);font-size:var(--text-sm);font-weight:600}.esg-live[data-tone=error]{color:var(--warning)}.esg-guide{display:grid;gap:clamp(3rem,7vw,6rem);width:min(76rem,calc(100% - 2rem));margin-inline:auto;padding-block:0 clamp(5rem,9vw,8rem)}.esg-guide__intro{max-width:52rem}.esg-guide__intro>span,.esg-faq>div:first-child>span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.esg-guide h2{margin:.75rem 0 1rem;color:var(--color-ink-0);font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,3rem);font-style:normal;font-weight:600;letter-spacing:-.035em;line-height:1.12}.esg-guide p,.esg-guide li,.esg-team-cta span{color:var(--color-ink-2);line-height:1.7}.esg-guide__intro p{max-width:70ch;margin:0;font-size:var(--text-lg)}.esg-steps{display:grid;gap:1rem;margin:0;padding:0;list-style:none;counter-reset:esg-step}.esg-steps li{display:grid;gap:.35rem;min-width:0;padding:1.25rem;border-block-start:var(--rule-soft);counter-increment:esg-step}.esg-steps li:before{content:"0" counter(esg-step);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.esg-steps strong,.esg-team-cta strong{color:var(--color-ink-0);font-size:var(--text-lg)}.esg-guide__grid{display:grid;gap:1rem}.esg-guide__grid article{min-width:0;padding:clamp(1.25rem,3vw,2rem);border:var(--rule-soft);border-radius:var(--radius-lg);background:var(--color-paper-1)}.esg-guide__grid h2{margin-block-start:0;font-size:clamp(1.5rem,2.5vw,2.15rem)}.esg-guide__grid ol{display:grid;gap:.75rem;margin-block-end:0;padding-inline-start:1.25rem}.esg-faq{display:grid;gap:2rem;padding-block:clamp(2rem,5vw,4rem);border-block:var(--rule-soft)}.esg-faq__items{display:grid}.esg-faq details{border-block-end:var(--rule-soft)}.esg-faq summary{padding-block:1.25rem;color:var(--color-ink-0);font-size:var(--text-lg);font-weight:600;cursor:pointer}.esg-faq details p{max-width:66ch;margin:0;padding-block-end:1.25rem}.esg-team-cta{display:grid;gap:1.25rem;align-items:center;padding:clamp(1.5rem,4vw,2.5rem);border:var(--rule-soft);border-radius:var(--radius-lg);background:var(--color-paper-2)}.esg-related-tool{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center;margin:3rem 0 1.5rem;padding:1.5rem;border:var(--rule-soft);background:var(--color-paper-1)}.esg-related-tool>div{display:grid;gap:.35rem}.esg-related-tool span{color:var(--color-ink-1);line-height:1.55}.esg-team-cta>div{display:grid;gap:.4rem}.esg-team-cta .btn{justify-self:start;white-space:nowrap}.esg-dialog{position:fixed;inset:0;width:min(48rem,calc(100% - 2rem));max-height:min(82dvh,46rem);margin:auto;padding:0;border:var(--rule-soft);border-radius:var(--radius-lg);background:var(--color-paper-0);color:var(--color-ink-0);box-shadow:0 1px 2px color-mix(in oklch,var(--color-ink-0) 9%,transparent)}.esg-dialog::backdrop{background:color-mix(in oklch,var(--color-ink-0) 28%,transparent)}.esg-dialog__head,.esg-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;border-block-end:var(--rule-soft)}.esg-dialog__head h2,.esg-contact-card h1{margin:0;font-style:normal;font-weight:600;letter-spacing:-.025em}.esg-dialog__head p{margin:.25rem 0 0;color:var(--color-ink-2);font-size:var(--text-sm)}.esg-icon-button{flex:0 0 auto;width:2.75rem;height:2.75rem;border:var(--rule-soft);border-radius:var(--radius-pill);background:var(--color-paper-1);color:var(--color-ink-0);font:400 1.5rem / 1 var(--font-sans);cursor:pointer}.esg-preset-create{display:grid;gap:.75rem;padding:1.25rem;border-block-end:var(--rule-soft)}.esg-preset-list{display:grid;gap:.75rem;max-height:22rem;overflow-y:auto;padding:1.25rem}.esg-preset-row{display:grid;gap:.75rem;padding-block-end:.75rem;border-block-end:var(--rule-hair)}.esg-preset-row__actions button{min-height:2.75rem;padding-inline:.85rem;border:var(--rule-soft);border-radius:var(--radius-sm);background:var(--color-paper-1);color:var(--color-ink-1);font:600 var(--text-sm) / 1 var(--font-sans);white-space:nowrap;cursor:pointer}.esg-preset-row__actions .is-danger{color:var(--warning)}.esg-empty{display:grid;gap:.25rem;padding:2rem 0;color:var(--color-ink-1);text-align:center}.esg-empty span{color:var(--color-ink-2);font-size:var(--text-sm)}.esg-dialog__foot{justify-content:flex-end;border-block-start:var(--rule-soft);border-block-end:0}.esg-file-button{position:relative;cursor:pointer}.esg-file-button input{position:absolute;width:1px;height:1px;overflow:clip;clip-path:inset(50%)}.esg-contact-page{display:grid;place-items:center;min-height:72dvh;padding:clamp(8rem,13vw,11rem) 1rem 5rem}.esg-contact-card{width:min(36rem,100%);padding:clamp(1.25rem,4vw,2.5rem);border:var(--rule-soft);border-radius:var(--radius-lg);background:var(--color-paper-1)}.esg-contact-card>span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.esg-contact-card h1{margin-block-start:.75rem;font-size:clamp(2rem,6vw,3.5rem);overflow-wrap:anywhere}.esg-contact-card__role,.esg-contact-card__company,.esg-contact-card__address,.esg-contact-card__help{color:var(--color-ink-2)}.esg-contact-card__links{display:grid;gap:.35rem;margin-block:1.5rem;padding-block:1.25rem;border-block:var(--rule-soft)}.esg-contact-card__links a{min-height:2.75rem;color:var(--color-ink-1);overflow-wrap:anywhere}@media(hover:hover)and (pointer:fine){.esg-tabs button:hover,.esg-template:hover,.esg-icon-button:hover,.esg-preset-row__actions button:hover,.esg-field input:hover,.esg-field textarea:hover,.esg-field select:hover,.esg-preset-create input:hover,.esg-preset-row input:hover{background:var(--color-paper-2)}.esg-image-upload__remove:hover{color:var(--color-ink-0)}}.esg-field input:disabled,.esg-field textarea:disabled,.esg-field select:disabled,.esg-template:disabled,.esg-preset-row__actions button:disabled,.esg-toolbar .btn:disabled,.esg-export .btn:disabled{opacity:.55;cursor:not-allowed}.esg-field input:invalid:not(:placeholder-shown),.esg-field textarea:invalid:not(:placeholder-shown){border-color:var(--warning)}.esg-field input:focus-visible,.esg-field textarea:focus-visible,.esg-field select:focus-visible,.esg-preset-create input:focus-visible,.esg-preset-row input:focus-visible,.esg-tabs button:focus-visible,.esg-template:focus-visible,.esg-icon-button:focus-visible,.esg-preset-row__actions button:focus-visible,.esg-image-upload__remove:focus-visible,.esg-file-button:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}@media(min-width:40rem){.esg-toolbar{flex-direction:row;align-items:end;justify-content:space-between}.esg-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.esg-fields,.esg-preset-create{grid-template-columns:repeat(2,minmax(0,1fr))}.esg-field--wide{grid-column:1 / -1}.esg-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.esg-export{grid-template-columns:minmax(0,1fr) auto;align-items:center}.esg-preset-create .btn{align-self:end}.esg-preset-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}.esg-image-upload{grid-template-columns:4.5rem minmax(0,1fr) auto}.esg-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.esg-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.esg-team-cta,.esg-related-tool{grid-template-columns:minmax(0,1fr) auto}}@media(min-width:60rem){.esg-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem}.esg-preview{position:sticky;top:7rem}.esg-editor{display:grid;grid-template-columns:8.5rem minmax(0,1fr)}.esg-tabs{grid-template-columns:minmax(0,1fr);align-content:start;border-block-end:0;border-inline-end:var(--rule-soft)}.esg-tabs button{min-height:4rem;text-align:start}.esg-faq{grid-template-columns:minmax(14rem,.65fr) minmax(0,1.35fr)}}@media(prefers-reduced-motion:reduce){.esg-tabs button,.esg-template,.esg-preset-row__actions button,.esg-icon-button{transition-duration:.01ms}}