.site-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.header-inner,.footer-inner,.page{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.header-inner{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.brand-link{text-decoration:none;display:inline-flex}.main-nav{display:none;justify-content:center;gap:.2rem}.main-nav a{padding:.7rem .72rem;text-decoration:none;font-size:.76rem;font-weight:650;position:relative}.main-nav a::after{content:"";position:absolute;left:.72rem;right:.72rem;bottom:.45rem;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:.45rem}.compact-select{max-width:6.7rem;border:1px solid var(--border);background:transparent;padding:.52rem .65rem;border-radius:.35rem;font-size:.72rem}.menu-toggle{display:inline-flex}.page{padding-block:clamp(2.2rem,5vw,5.5rem)}.site-footer{margin-top:5rem;background:var(--c-ink);color:#f8f6f1}.site-footer .brand-ia,.site-footer .brand-pont,.site-footer .brand-tagline{color:#f8f6f1}.site-footer .brand-bridge{border-color:var(--c-lilac)}.footer-inner{padding-block:3rem;display:grid;gap:2rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;font-size:.76rem;margin-top:1.3rem;color:rgba(248,246,241,.72)}.footer-links a{text-decoration:none}.footer-signature{display:flex;flex-direction:column;gap:.4rem;padding-left:0}.footer-signature a{font-family:var(--font-editorial);font-size:1.55rem;text-decoration:none}.footer-signature small{color:rgba(248,246,241,.68);max-width:34rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.main-nav[data-open]{display:flex;position:absolute;top:82px;left:1rem;right:1rem;flex-direction:column;background:var(--surface-elevated);padding:1rem;border:1px solid var(--border);box-shadow:var(--shadow)}
.section{padding-block:clamp(2rem,5vw,5rem);border-top:1px solid var(--border)}.section-lead{display:grid;gap:1rem;margin-bottom:2rem}.section-lead p{max-width:65ch;color:var(--text-muted)}.page-title{font-size:clamp(2.7rem,6vw,5.4rem);max-width:13ch}.workspace{width:min(calc(100% - 1rem),1800px);margin:auto;padding-block:1rem}.workspace-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 0}.workspace-toolbar>div:first-child{display:flex;gap:.8rem;align-items:center}.device-switcher{display:flex;gap:.4rem;flex-wrap:wrap}.button.is-active,.chip.is-active{background:var(--accent);color:#fff}.profile-switcher{padding:.5rem 0 1rem}.workspace-grid{display:grid;grid-template-columns:1fr;gap:.8rem;align-items:start}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem;border-bottom:1px solid var(--border)}.panel-heading h2{font:700 1rem var(--font-ui);margin:0}.editor-panel{display:grid}.metadata-editor{display:grid;grid-template-columns:1fr;gap:.6rem;padding:1rem;border-bottom:1px solid var(--border)}.metadata-editor h3{grid-column:1/-1;font:700 .82rem var(--font-ui);margin:0}.editor-panel textarea{width:100%;min-height:460px;resize:vertical;border:0;background:#0b1422;color:#f6f1eb;padding:1rem;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.editor-status{padding:.6rem 1rem;margin:0;font-size:.72rem;color:var(--text-muted)}.preview-stage{padding:1rem;background:var(--surface-muted);overflow:auto;display:flex;justify-content:center}.preview-document{width:100%;transition:width .2s ease}.preview-stage[data-size="mobile"] .preview-document{width:375px}.preview-stage[data-size="tablet"] .preview-document{width:768px}.preview-stage[data-size="desktop"] .preview-document{width:1280px;max-width:none}.inspector-panel{padding-bottom:1rem}.inspector-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem}.inspector-metrics>div{display:grid;padding:.65rem;border:1px solid var(--border)}.inspector-metrics strong{font-family:var(--font-editorial);font-size:1.45rem;font-weight:500}.inspector-metrics span{font-size:.68rem;color:var(--text-muted)}.check-list{list-style:none;padding:0 1rem;margin:0;display:grid;gap:.5rem}.check-list li{display:flex;gap:.5rem}.check-list [data-state="ok"] span{color:var(--c-success)}.check-list [data-state="warn"] span{color:var(--c-warning)}.inspector-panel details{margin:1rem;border-top:1px solid var(--border);padding-top:.8rem}.inspector-panel pre{overflow:auto;white-space:pre-wrap;font-size:.72rem}.compare-grid{display:grid;grid-template-columns:1fr;gap:1rem}.compare-frame{background:var(--surface-muted);padding:.8rem;overflow:auto}.compare-controls form{display:flex;gap:.7rem;align-items:end;flex-wrap:wrap;margin-bottom:1rem}.compare-controls label{display:grid;gap:.3rem}.compare-controls select{padding:.6rem;border:1px solid var(--border);border-radius:.35rem;background:var(--surface-elevated)}
@media(min-width:800px){.document-grid,.export-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:900px){.main-nav{display:flex}.menu-toggle{display:none}.footer-inner{grid-template-columns:1fr auto;align-items:end}.footer-signature{padding-left:3rem;border-left:1px solid rgba(248,246,241,.22)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section-lead{grid-template-columns:.7fr 1fr;align-items:end}}
@media(min-width:1180px){.document-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-grid{grid-template-columns:minmax(300px,.75fr) minmax(600px,1.6fr) minmax(270px,.65fr)}.editor-panel,.inspector-panel{position:sticky;top:94px;max-height:calc(100vh - 108px);overflow:auto}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.header-inner{grid-template-columns:auto 1fr}.header-actions{grid-column:1/-1;justify-content:flex-end;padding-bottom:.7rem}.site-header .brand-wordmark{transform:scale(.92);transform-origin:left center}.footer-inner{padding-block:2.4rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 1.1 brand and theme coherence */
.compact-select{background:var(--surface-elevated);color:var(--text);border-color:var(--border-strong)}
.compact-select option{background:var(--surface-elevated);color:var(--text)}
.site-header{isolation:isolate}
.site-footer{position:relative;overflow:hidden;isolation:isolate}
.site-footer::before{content:"";position:absolute;inset:auto -8% -6rem 28%;height:15rem;background:url('/assets/brand/iapont-wave.svg') center/100% 100% no-repeat;opacity:.13;pointer-events:none;z-index:-1}
.footer-inner{position:relative;z-index:1}
.footer-signature a{font-size:1.08rem;font-family:var(--font-ui);font-weight:700}
.footer-signature small{font-size:.72rem;line-height:1.45;max-width:27rem}
.section-lead{position:relative;overflow:hidden;padding:clamp(1.4rem,3vw,2.3rem);border:1px solid var(--border);background:linear-gradient(135deg,var(--surface-elevated),color-mix(in srgb,var(--accent-soft) 24%,var(--surface-elevated)));border-radius:var(--radius-lg)}
.section-lead::after{content:"";position:absolute;right:-5%;bottom:-42%;width:min(46%,30rem);height:12rem;background:url('/assets/brand/iapont-wave.svg') center/contain no-repeat;opacity:.16;pointer-events:none}
.section-lead>*,.section-lead img{position:relative;z-index:1}
.section-lead h1{font-size:clamp(2.45rem,5vw,4.65rem);line-height:1.01;max-width:24ch;text-wrap:balance}
.section-lead p{font-size:clamp(.98rem,1.3vw,1.12rem);max-width:68ch}
.page-illustration{display:block;width:min(100%,26rem);max-height:16rem;object-fit:contain;justify-self:end;border-radius:var(--radius);box-shadow:var(--shadow)}
.section-lead--visual{grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.section-lead--visual{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)}.section-lead--visual .page-illustration{display:block}}
@media(max-width:899px){.section-lead--visual .page-illustration{width:100%;max-height:12rem}}
.footer-product-line{margin:.85rem 0 0;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(248,246,241,.62)}

/* 1.2 structural polish */
:root{--max:1320px}
.header-inner{min-height:88px;gap:1.25rem}
.site-header .brand-wordmark{width:10.4rem}
.brand-link{align-items:center}
.main-nav{gap:.35rem}
.main-nav a{font-size:.8rem;padding:.72rem .78rem}
.header-actions{gap:.55rem}
.compact-select{min-height:2.45rem;background:var(--surface-elevated);color:var(--text);border-color:var(--border-strong)}
.compact-select option{background:var(--surface-elevated);color:var(--text)}
.page{padding-block:clamp(2rem,4vw,4.25rem)}
.site-footer{margin-top:clamp(3.5rem,7vw,6rem)}
.footer-inner{padding-block:2.6rem}
.site-footer .brand-wordmark{width:11rem}
.site-footer .brand-tagline{font-size:.62rem;gap:.52rem}
.site-footer .brand-tagline-arrow-svg{width:2rem;height:.8rem}
.footer-signature a{font-size:.98rem!important;font-family:var(--font-ui)!important;font-weight:720!important}
.footer-signature small{font-size:.72rem;max-width:24rem}
.footer-product-line{font-size:.64rem;letter-spacing:.15em}
.section-lead{padding:clamp(1.6rem,3vw,2.5rem);border-radius:1rem;background:linear-gradient(135deg,var(--surface-elevated),color-mix(in srgb,var(--c-lilac) 13%,var(--surface-elevated)))}
.section-lead h1{font-size:clamp(2.45rem,4.5vw,4.2rem);max-width:18ch;line-height:1.02}
.page-title{font-size:clamp(2.45rem,4.6vw,4.35rem);max-width:18ch;line-height:1.02}
.section-lead p{font-size:clamp(.98rem,1.15vw,1.08rem)}
.page-illustration{width:min(100%,24rem);max-height:14rem;object-fit:contain;box-shadow:none}
@media(max-width:920px){.header-inner{min-height:78px}.site-header .brand-wordmark{width:9rem}.page{padding-block:1.7rem}.section-lead h1,.page-title{font-size:clamp(2.25rem,8vw,3.7rem)}}
@media(max-width:720px){.site-header .brand-wordmark{width:8.3rem}.header-actions{padding-bottom:.65rem}.main-nav[data-open]{top:78px}.site-footer .brand-wordmark{width:9.5rem}.footer-signature{padding-top:.5rem}}