/* Tivun Nimovela | TP-021 */
:root {
  --primary-color:#963431; --primary-light:#eed4d3; --secondary-color:#8d6449; --accent-color:#36d95e;
  --dark-color:#2d1b1a; --text-color:#332424; --muted-color:#816665; --bg-color:#f7f3f3; --surface-color:#ffffff;
  --surface-alt-color:#f1ebe9; --border-color:#d5c4c3; --radius-sm:18px; --radius-md:32px; --radius-lg:999px;
  --shadow-soft:none; --shadow-strong:none; --content-width:1200px; --text-column-width:58ch;
  --section-space:clamp(1.8rem,3vw,3rem); --heading-weight:800; --body-weight:300; --body-line-height:1.45;
  --heading-font:Arial, Helvetica, sans-serif; --body-font:"Arial Narrow", Arial, sans-serif; --heading-size:clamp(2rem,4vw,3.3rem); --heading-tracking:-.035em;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--text-color);font-family:var(--body-font);font-weight:var(--body-weight);line-height:var(--body-line-height);background:var(--dark-color);}
a{color:var(--primary-color);text-underline-offset:.2em} a:hover{text-decoration-thickness:2px} img,svg{max-width:100%;height:auto} button,input,textarea{font:inherit}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--dark-color);color:#fff;padding:.7rem 1rem;z-index:99}.skip-link:focus{left:1rem;top:1rem}
.site-shell{max-width:var(--content-width);margin-inline:auto;position:relative} body[data-page-shell="edge-to-edge"] .site-shell{max-width:none} body[data-page-shell="framed-page"] .site-shell{margin:1.2rem auto;border:1px solid var(--border-color);background:var(--surface-color)} body[data-page-shell="floating-canvas"] .site-shell{margin:2rem auto;background:var(--surface-color);box-shadow:var(--shadow-strong);border-radius:var(--radius-lg)} body[data-page-shell="paper-sheet"] .site-shell{background:var(--surface-color);box-shadow:var(--shadow-soft)} body[data-page-shell="sidebar-shell"] .site-shell{padding-left:clamp(0rem,10vw,9rem)}
.site-header{position:relative;z-index:20;padding:1rem clamp(1rem,4vw,3.4rem);display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-color) 92%,transparent)}
.brand-link{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}.brand-link img{width:min(240px,52vw)}.nav-toggle{margin-left:auto;border:1px solid var(--border-color);background:var(--surface-color);padding:.65rem .85rem;border-radius:var(--radius-sm);display:none}
.main-nav{margin-left:auto}.main-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem 1.2rem;padding:0;margin:0;align-items:center}.main-nav a{text-decoration:none;color:var(--text-color);font-size:.92rem}.main-nav a:hover{color:var(--primary-color)}
body[data-navigation-pattern="centered-logo-navigation"] .site-header{display:grid;grid-template-columns:1fr auto 1fr}body[data-navigation-pattern="centered-logo-navigation"] .brand-link{grid-column:2}body[data-navigation-pattern="centered-logo-navigation"] .main-nav{grid-column:1/-1;margin:.7rem auto 0}
body[data-navigation-pattern="left-vertical-rail"] .site-header,body[data-navigation-pattern="right-vertical-rail"] .site-header,body[data-navigation-pattern="sidebar-directory"] .site-header{position:fixed;top:0;bottom:0;width:220px;display:flex;flex-direction:column;align-items:flex-start;background:var(--surface-color);overflow:auto}body[data-navigation-pattern="left-vertical-rail"] .site-header,body[data-navigation-pattern="sidebar-directory"] .site-header{left:0}body[data-navigation-pattern="right-vertical-rail"] .site-header{right:0}body[data-navigation-pattern="left-vertical-rail"] .site-shell,body[data-navigation-pattern="sidebar-directory"] .site-shell{margin-left:220px}body[data-navigation-pattern="right-vertical-rail"] .site-shell{margin-right:220px}body[data-navigation-pattern="left-vertical-rail"] .main-nav ul,body[data-navigation-pattern="right-vertical-rail"] .main-nav ul,body[data-navigation-pattern="sidebar-directory"] .main-nav ul{display:grid;gap:.8rem}body[data-navigation-pattern="left-vertical-rail"] .main-nav,body[data-navigation-pattern="right-vertical-rail"] .main-nav,body[data-navigation-pattern="sidebar-directory"] .main-nav{margin:1rem 0}
body[data-navigation-pattern="floating-compact-header"] .site-header,body[data-navigation-pattern="floating-navigation-islands"] .site-header{margin:1rem auto;max-width:min(1120px,calc(100% - 2rem));border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}
body[data-navigation-pattern="full-width-navigation-band"] .site-header{background:var(--dark-color);color:#fff}body[data-navigation-pattern="full-width-navigation-band"] .main-nav a{color:#fff}
body[data-navigation-pattern="minimal-text-header"] .site-header{border:0;background:transparent}body[data-navigation-pattern="top-utility-bar"] .site-header{border-top:5px solid var(--accent-color)}body[data-navigation-pattern="dual-level-header"] .site-header{flex-wrap:wrap}body[data-navigation-pattern="dual-level-header"] .main-nav{flex-basis:100%;border-top:1px solid var(--border-color);padding-top:.7rem}
body[data-navigation-pattern="tabbed-page-navigation"] .main-nav a{display:inline-block;padding:.55rem .9rem;background:var(--surface-alt-color);border-radius:var(--radius-lg)}body[data-navigation-pattern="sticky-section-index"] .site-header{position:sticky;top:0;background:var(--surface-color)}body[data-navigation-pattern="document-table-of-contents"] .main-nav ul{counter-reset:nav}body[data-navigation-pattern="document-table-of-contents"] .main-nav li::before{counter-increment:nav;content:counter(nav,decimal-leading-zero) ". ";color:var(--muted-color);font-family:monospace}
body[data-navigation-pattern="command-menu-navigation"] .main-nav{border:1px solid var(--border-color);padding:.5rem 1rem;background:var(--surface-alt-color)}body[data-navigation-pattern="compact-corner-navigation"] .site-header{justify-content:space-between}body[data-navigation-pattern="compact-corner-navigation"] .main-nav{max-width:420px}
body[data-navigation-pattern="header-with-quick-actions"] .main-nav li:last-child a,body[data-navigation-pattern="navigation-inside-hero"] .main-nav li:last-child a{padding:.55rem 1rem;background:var(--primary-color);color:#fff;border-radius:var(--radius-md)}body[data-navigation-pattern="title-led-navigation"] .brand-link img{width:280px}body[data-navigation-pattern="split-brand-navigation"] .site-header{justify-content:space-between}body[data-navigation-pattern="split-brand-navigation"] .main-nav{margin-left:0}
.main-content{min-height:70vh}.page-section{position:relative;padding:var(--section-space) clamp(1rem,4vw,3.5rem);overflow:clip}.section-inner{margin-inline:auto;position:relative;z-index:1}.section-head{max-width:var(--text-column-width);margin-bottom:clamp(1.4rem,3vw,2.5rem)}.section-kicker{font:600 .76rem/1.2 var(--body-font);letter-spacing:.12em;text-transform:uppercase;color:var(--primary-color)}h1,h2,h3{font-family:var(--heading-font);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);margin:.15em 0 .45em;text-transform:none;line-height:1.02}h1{font-size:var(--heading-size);max-width:12ch}h2{font-size:clamp(1.8rem,4vw,3.6rem)}h3{font-size:clamp(1.08rem,2vw,1.45rem)}p{margin:.4rem 0 1rem}.lead{font-size:clamp(1.04rem,1.5vw,1.25rem);color:var(--muted-color);max-width:var(--text-column-width)}
.section-components{display:grid;gap:clamp(.8rem,2vw,1.5rem)}.component{background:transparent;border:0;box-shadow:none;padding:.4rem 0;}.component h3{margin-top:0}.component p:last-child{margin-bottom:0}.component-link{display:block;color:inherit;text-decoration:none}.component-link:hover h3{color:var(--primary-color)}
/* Grid system: 6-column-modular */
body[data-grid-system="12-column-balanced"] .section-inner,body[data-grid-system="12-column-offset"] .section-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.3rem}body[data-grid-system="12-column-balanced"] .section-head,body[data-grid-system="12-column-balanced"] .section-components,body[data-grid-system="12-column-offset"] .section-head,body[data-grid-system="12-column-offset"] .section-components{grid-column:1/-1}
body[data-grid-system="16-column-editorial"] .section-inner{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:1rem}body[data-grid-system="16-column-editorial"] .section-head,body[data-grid-system="16-column-editorial"] .section-components{grid-column:2/-2}body[data-grid-system="8-column-compact"] .section-inner{max-width:1050px}body[data-grid-system="6-column-modular"] .section-components{grid-template-columns:repeat(6,minmax(0,1fr))}body[data-grid-system="4-column-document"] .section-inner{max-width:920px;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}body[data-grid-system="4-column-document"] .section-head,body[data-grid-system="4-column-document"] .section-components{grid-column:1/-1}
body[data-grid-system="asymmetric-5-7"] .section-inner{display:grid;grid-template-columns:5fr 7fr;gap:2rem}body[data-grid-system="asymmetric-4-8"] .section-inner{display:grid;grid-template-columns:4fr 8fr;gap:2rem}body[data-grid-system="asymmetric-3-9"] .section-inner{display:grid;grid-template-columns:3fr 9fr;gap:2rem}body[data-grid-system^="asymmetric-"] .section-head,body[data-grid-system^="asymmetric-"] .section-components{grid-column:1/-1}body[data-grid-system="fluid-masonry"] .section-components{columns:3 260px}body[data-grid-system="fluid-masonry"] .component{break-inside:avoid;margin-bottom:1rem}body[data-grid-system="nested-grid"] .section-components{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}body[data-grid-system="baseline-grid"] .page-section{background-image:linear-gradient(transparent 31px,color-mix(in srgb,var(--border-color) 35%,transparent) 32px);background-size:100% 32px}body[data-grid-system="freeform-aligned"] .component:nth-child(3n+2){transform:translateY(1.4rem)}body[data-grid-system="fixed-sidebar-fluid-content"] .section-inner{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:2rem}body[data-grid-system="fixed-sidebar-fluid-content"] .section-head{grid-column:1}body[data-grid-system="fixed-sidebar-fluid-content"] .section-components{grid-column:2}
/* Section layouts */
.layout-centered-stack .section-inner{max-width:820px;text-align:center}.layout-centered-stack .section-head{margin-inline:auto}.layout-centered-stack .section-components{max-width:720px;margin-inline:auto}
.layout-split-3-9 .section-inner{display:grid;grid-template-columns:3fr 9fr;gap:clamp(1.5rem,4vw,4rem)}.layout-split-4-8 .section-inner{display:grid;grid-template-columns:4fr 8fr;gap:clamp(1.5rem,4vw,4rem)}.layout-split-5-7 .section-inner{display:grid;grid-template-columns:5fr 7fr;gap:clamp(1.5rem,4vw,4rem)}.layout-split-6-6 .section-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem)}.layout-split-7-5 .section-inner{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.5rem,4vw,4rem)}.layout-split-8-4 .section-inner{display:grid;grid-template-columns:8fr 4fr;gap:clamp(1.5rem,4vw,4rem)}.layout-split-3-9 .section-head,.layout-split-4-8 .section-head,.layout-split-5-7 .section-head,.layout-split-6-6 .section-head,.layout-split-7-5 .section-head,.layout-split-8-4 .section-head{grid-column:1}.layout-split-3-9 .section-components,.layout-split-4-8 .section-components,.layout-split-5-7 .section-components,.layout-split-6-6 .section-components,.layout-split-7-5 .section-components,.layout-split-8-4 .section-components{grid-column:2}
.layout-offset-left-grid .section-inner{max-width:1120px;margin-left:clamp(0rem,8vw,10rem)}.layout-offset-right-grid .section-inner{max-width:1120px;margin-right:clamp(0rem,8vw,10rem)}.layout-asymmetric-mosaic .section-components{grid-template-columns:repeat(6,1fr)}.layout-asymmetric-mosaic .component:nth-child(3n+1){grid-column:span 3}.layout-asymmetric-mosaic .component:nth-child(3n+2){grid-column:span 2}.layout-asymmetric-mosaic .component:nth-child(3n){grid-column:span 4}
.layout-masonry-grid .section-components{columns:3 240px;display:block}.layout-masonry-grid .component{break-inside:avoid;margin-bottom:1rem}.layout-horizontal-strip .section-components{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.layout-horizontal-strip .component{flex:0 0 min(360px,82vw);scroll-snap-align:start}.layout-sticky-left-aside .section-inner,.layout-sticky-right-aside .section-inner{display:grid;grid-template-columns:minmax(220px,34%) 1fr;gap:3rem}.layout-sticky-right-aside .section-head{grid-column:2}.layout-sticky-right-aside .section-components{grid-column:1;grid-row:1}.layout-sticky-left-aside .section-head,.layout-sticky-right-aside .section-head{position:sticky;top:1.5rem;align-self:start}.layout-full-bleed-panel{margin-inline:calc(50% - 50vw)}.layout-narrow-document .section-inner{max-width:760px}.layout-layered-panels .component:nth-child(n+2){margin-top:-.4rem;margin-left:clamp(0rem,3vw,2.5rem)}.layout-alternating-row .component:nth-child(even){margin-left:clamp(0rem,10vw,8rem)}.layout-stepped-grid .component:nth-child(2n){transform:translateY(1.7rem)}.layout-overlapping-surfaces .component+ .component{margin-top:-.8rem;margin-left:1.6rem}.layout-indexed-columns .section-components{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));counter-reset:item}.layout-indexed-columns .component::before{counter-increment:item;content:counter(item,decimal-leading-zero);font:700 2rem/1 var(--heading-font);color:var(--accent-color)}.layout-sidebar-directory .section-inner{display:grid;grid-template-columns:260px 1fr;gap:3rem}.layout-sidebar-directory .section-head{grid-column:1}.layout-sidebar-directory .section-components{grid-column:2}.layout-framed-canvas .section-inner{padding:clamp(1.5rem,4vw,4rem);border-top:2px solid var(--border-color); border-bottom:1px solid var(--border-color);background:var(--surface-color)}.layout-cardless-editorial .component{background:transparent!important;border:0!important;box-shadow:none!important;padding:1rem 0!important;border-bottom:1px solid var(--border-color)!important}
/* Width, height, alignment, surfaces */
.width-full .section-inner{max-width:100%}.width-full-bleed .section-inner,.width-edge-to-edge .section-inner{max-width:none}.width-wide .section-inner{max-width:1180px}.width-contained .section-inner{max-width:1050px}.width-medium .section-inner{max-width:900px}.width-narrow .section-inner{max-width:720px}.width-mixed .section-inner{max-width:1080px}
.height-compact{padding-block:clamp(1.6rem,3vw,3rem)}.height-medium{padding-block:clamp(3rem,5vw,5rem)}.height-tall{padding-block:clamp(5rem,9vw,9rem)}.height-viewport{min-height:min(88vh,900px);display:grid;align-items:center}.height-auto{padding-block:var(--section-space)}
.align-left .section-head{text-align:left}.align-center .section-head{text-align:center;margin-inline:auto}.align-right .section-head{text-align:right;margin-left:auto}.align-split .section-head{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.align-mixed .component:nth-child(even){text-align:right}.align-baseline .section-components{align-items:baseline}.align-top-aligned .section-components{align-items:start}.align-bottom-aligned .section-components{align-items:end}
.surface-base{background:var(--bg-color)}.surface-muted{background:var(--surface-alt-color)}.surface-accent{background:var(--primary-light)}.surface-contrast{background:var(--dark-color);color:#fff}.surface-contrast a,.surface-dark a{color:#fff}.surface-dark{background:var(--dark-color);color:#fff}.surface-paper{background:var(--surface-color)}.surface-transparent{background:transparent}.surface-gradient-soft{background:linear-gradient(135deg,var(--primary-light),var(--bg-color))}.surface-patterned-subtle{background-image:radial-gradient(var(--border-color) 1px,transparent 1px);background-size:18px 18px}.surface-outlined-surface{background:transparent;box-shadow:inset 0 0 0 1px var(--border-color)}
.divider-hairline{border-top:1px solid var(--border-color)}.divider-color-band{border-top:10px solid var(--accent-color)}.divider-stepped-offset{border-top:4px solid var(--primary-color);clip-path:polygon(2% 0,100% 0,100% 100%,0 100%,0 12%)}.divider-label-divider{border-top:1px solid var(--border-color)}.divider-label-divider::before{content:"";position:absolute;top:-5px;left:10%;width:80px;height:9px;background:var(--accent-color)}.divider-oversized-number{border-top:1px solid var(--border-color)}.divider-dotted-rule{border-top:2px dotted var(--border-color)}.divider-vertical-rule::before{content:"";position:absolute;left:clamp(.5rem,3vw,2rem);top:12%;bottom:12%;width:2px;background:var(--accent-color)}.divider-framed-gap{border-top:12px solid var(--bg-color)}.divider-surface-change{box-shadow:inset 0 1px var(--border-color)}
/* Component patterns */
.pattern-numbered-list{counter-reset:c}.pattern-numbered-list .component::before,.pattern-stepper .component::before{counter-increment:c;content:counter(c,decimal-leading-zero);font:700 1.25rem/1 var(--heading-font);color:var(--accent-color)}.pattern-icon-list .component::before{content:"◆";color:var(--accent-color);margin-right:.5rem}.pattern-outlined-panels .component{border:1px solid var(--border-color)}.pattern-borderless-panels .component{border:0;box-shadow:none}.pattern-tabs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.pattern-tabs .component{cursor:pointer}.pattern-tabs .component[aria-selected="true"]{outline:3px solid var(--accent-color)}.pattern-accordion{display:block}.pattern-accordion details{margin:.5rem 0;background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:1rem}.pattern-accordion summary{cursor:pointer;font-family:var(--heading-font);font-weight:700}.pattern-timeline{border-left:2px solid var(--accent-color);padding-left:1.2rem}.pattern-timeline .component{position:relative}.pattern-timeline .component::before{content:"";position:absolute;left:-1.7rem;top:1.2rem;width:.9rem;height:.9rem;border-radius:50%;background:var(--accent-color)}.pattern-stat-tiles .metric-value{font:700 clamp(2.2rem,5vw,4.5rem)/1 var(--heading-font);font-variant-numeric:tabular-nums}.pattern-link-directory .component,.pattern-anchor-menu .component{padding:.8rem 0;border-bottom:1px solid var(--border-color)}.pattern-badge-list .component{display:inline-flex;width:auto;border-radius:999px;padding:.7rem 1rem;margin:.25rem}.pattern-editorial-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pattern-document-index .component{display:grid;grid-template-columns:3rem 1fr;gap:1rem}.pattern-document-index .component::before{content:attr(data-index);font-family:monospace;color:var(--muted-color)}.pattern-mini-dashboard{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pattern-checklist .component::before{content:"✓";display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid var(--accent-color);margin-bottom:.7rem}.pattern-definition-list .component h3{font-size:1rem;color:var(--primary-color)}.pattern-callout-stack .component{border-left:5px solid var(--accent-color)}.pattern-structured-table{display:table;width:100%;border-collapse:collapse}.pattern-structured-table .component{display:table-row;background:transparent;box-shadow:none}.pattern-structured-table .component h3,.pattern-structured-table .component p{display:table-cell;padding:1rem;border-bottom:1px solid var(--border-color)}.pattern-tag-cloud{display:flex;flex-wrap:wrap}.pattern-tag-cloud .component{width:auto;border-radius:999px;padding:.6rem 1rem}.pattern-navigation-map .component{position:relative;border-left:3px solid var(--primary-color)}.pattern-note-cards .component{font-family:var(--heading-font)}.pattern-stacked-sheets .component:nth-child(n+2){margin-top:-.5rem;transform:translateX(calc(var(--i,1)*.3rem))}
/* Card and shape systems */
body[data-card-system="no-cards"] .component{background:transparent!important;border:0!important;box-shadow:none!important}body[data-card-system="borderless-separated-surfaces"] .component{box-shadow:none!important}body[data-card-system="modular-bento-cards"] .section-components{grid-template-columns:repeat(6,1fr)}body[data-card-system="modular-bento-cards"] .component{grid-column:span 3}body[data-card-system="modular-bento-cards"] .component:nth-child(3n+1){grid-column:span 4}body[data-card-system="horizontal-link-cards"] .section-components{display:flex;overflow:auto}body[data-card-system="horizontal-link-cards"] .component{min-width:280px}body[data-card-system="floating-panels"] .component:nth-child(even){transform:translateY(1rem)}
body[data-shape-language="circular-anchors"] .component::after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:var(--accent-color);margin-top:1rem}body[data-shape-language="cut-corner"] .component{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}body[data-shape-language="arch-accented"] .component{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-sm)}body[data-shape-language="stepped-geometry"] .component:nth-child(even){margin-left:1.3rem}body[data-shape-language="line-based"] .component{background:transparent;box-shadow:none;border-left:1px solid var(--border-color)}body[data-shape-language="paper-sheet"] .component{background:var(--surface-color);box-shadow:var(--shadow-soft)}body[data-shape-language="framed-boxes"] .component{outline:1px solid var(--border-color);outline-offset:-5px}
/* Hero composition */
.hero-layout{display:grid;gap:clamp(1.5rem,4vw,4rem);align-items:center}.hero-part--visual img,.hero-part--document-preview img{width:100%;display:block}body[data-hero-composition="centered-monumental-copy"] .hero-layout{text-align:center;max-width:1000px;margin:auto}body[data-hero-composition="centered-monumental-copy"] .hero-part--visual{max-width:620px;margin:auto}body[data-hero-composition="asymmetric-copy-preview"] .hero-layout,body[data-hero-composition="split-copy-interface"] .hero-layout,body[data-hero-composition="split-copy-document"] .hero-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}body[data-hero-composition="offset-copy-stacked-preview"] .hero-layout{grid-template-columns:4fr 7fr;margin-left:8%}body[data-hero-composition="typography-only-hero"] .hero-part--visual{display:none}body[data-hero-composition="full-bleed-color-hero"] .hero-layout{min-height:72vh;background:var(--primary-color);color:#fff;padding:clamp(2rem,7vw,7rem);margin-inline:calc(50% - 50vw)}body[data-hero-composition="framed-hero-canvas"] .hero-layout{border:2px solid var(--dark-color);padding:clamp(1.5rem,4vw,4rem)}body[data-hero-composition="floating-panel-hero"] .hero-layout{background:var(--surface-color);box-shadow:var(--shadow-strong);padding:clamp(1.5rem,4vw,4rem);border-radius:var(--radius-lg)}body[data-hero-composition="layered-sheet-hero"] .hero-layout{background:var(--surface-color);padding:3rem;box-shadow:12px 12px 0 var(--surface-alt-color),24px 24px 0 var(--primary-light)}body[data-hero-composition="dashboard-hero"] .hero-layout{grid-template-columns:4fr 8fr;background:var(--surface-alt-color);padding:2rem}body[data-hero-composition="editorial-cover-hero"] .hero-layout{min-height:65vh;align-content:end;border-bottom:7px solid var(--accent-color)}body[data-hero-composition="poster-style-hero"] .hero-layout{min-height:75vh;align-content:space-between;text-transform:uppercase}body[data-hero-composition="sidebar-led-hero"] .hero-layout,body[data-hero-composition="vertical-title-hero"] .hero-layout{grid-template-columns:minmax(180px,3fr) 9fr}body[data-hero-composition="compact-utility-hero"] .hero-layout{grid-template-columns:2fr 1fr;min-height:auto}body[data-hero-composition="hero-with-stat-strip"] .hero-layout,body[data-hero-composition="hero-with-step-index"] .hero-layout,body[data-hero-composition="hero-with-resource-directory"] .hero-layout,body[data-hero-composition="hero-with-document-preview"] .hero-layout,body[data-hero-composition="hero-with-horizontal-links"] .hero-layout,body[data-hero-composition="hero-with-accordion-preview"] .hero-layout,body[data-hero-composition="hero-with-tabbed-preview"] .hero-layout,body[data-hero-composition="hero-with-masonry-preview"] .hero-layout,body[data-hero-composition="hero-with-sticky-summary"] .hero-layout,body[data-hero-composition="hero-with-geometric-anchor"] .hero-layout{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}body[data-hero-composition="no-traditional-hero"] .lead-composition{border-left:6px solid var(--accent-color);padding-left:clamp(1rem,3vw,3rem)}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.3rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.15rem;border-radius:var(--radius-md);text-decoration:none;border:1px solid var(--primary-color);font-weight:700}.button-primary{background:var(--primary-color);color:#fff}.button-secondary{background:transparent;color:var(--primary-color)}
body[data-cta-pattern="single-primary-button"] .button-secondary{display:none}body[data-cta-pattern="primary-secondary-pair"] .hero-actions{display:flex}body[data-cta-pattern="text-link-plus-compact-button"] .button-secondary{border:0;text-decoration:underline}body[data-cta-pattern="full-width-action-band"] .hero-actions{width:100%;background:var(--dark-color);padding:1rem}body[data-cta-pattern="full-width-action-band"] .button{flex:1}body[data-cta-pattern="floating-action-panel"] .hero-actions{display:inline-flex;padding:1rem;background:var(--surface-color);box-shadow:var(--shadow-strong);border-radius:var(--radius-lg)}body[data-cta-pattern="inline-editorial-link"] .button{border:0;padding:.3rem 0;background:transparent;color:var(--primary-color)}body[data-cta-pattern="stacked-actions"] .hero-actions{flex-direction:column;align-items:flex-start}body[data-cta-pattern="split-actions"] .hero-actions{justify-content:space-between}body[data-cta-pattern="icon-button-pair"] .button::after{content:"→";margin-left:.7rem}body[data-cta-pattern="navigation-first-cta"] .hero-actions{border-top:1px solid var(--border-color);padding-top:1rem}body[data-cta-pattern="document-link-cta"] .button{border-radius:0;border-width:0 0 2px;padding-inline:0}body[data-cta-pattern="outlined-button-system"] .button-primary{background:transparent;color:var(--primary-color)}body[data-cta-pattern="minimal-text-actions"] .button{border:0;padding:.3rem 0}body[data-cta-pattern="action-card"] .hero-actions{background:var(--surface-alt-color);padding:1rem 1.2rem;border-radius:var(--radius-md)}body[data-cta-pattern="no-prominent-cta"] .hero-actions{opacity:.78}body[data-cta-pattern="no-prominent-cta"] .button{border:0;background:transparent;color:var(--primary-color);padding:.3rem 0}
/* Statistics and trust */
.statistics-strip{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem}.stat-item{padding:1rem;border-top:3px solid var(--accent-color);background:color-mix(in srgb,var(--surface-color) 78%,transparent)}.stat-item strong{display:block;font:700 clamp(1.8rem,4vw,3.3rem)/1 var(--heading-font);font-variant-numeric:tabular-nums}.stat-item span{display:block;margin-top:.5rem;font-size:.86rem;color:var(--muted-color)}.trust-panel{margin-top:2rem;padding:1.2rem;border-left:5px solid var(--accent-color);background:var(--surface-alt-color)}.trust-panel ul{margin:.6rem 0;padding-left:1.2rem}
/* Dominant mechanic: framed-content-canvas */
.mechanic{position:relative}body[data-dominant-mechanic="oversized-typography"] .mechanic .section-kicker{font-size:clamp(2.5rem,8vw,8rem);opacity:.13;line-height:.8}body[data-dominant-mechanic="layered-interface-panels"] .mechanic .section-inner{box-shadow:12px 12px 0 var(--primary-light),24px 24px 0 color-mix(in srgb,var(--accent-color) 25%,transparent)}body[data-dominant-mechanic="vertical-index-navigation"] .mechanic::before{content:attr(data-order);position:absolute;left:.5rem;top:2rem;font:700 3rem/1 monospace;color:var(--accent-color)}body[data-dominant-mechanic="modular-bento-composition"] .mechanic .section-components{grid-template-columns:repeat(6,1fr)}body[data-dominant-mechanic="modular-bento-composition"] .mechanic .component{grid-column:span 3}body[data-dominant-mechanic="full-width-color-bands"] .mechanic:nth-of-type(even){background:var(--primary-color);color:#fff}body[data-dominant-mechanic="document-like-canvas"] .mechanic .section-inner{background:var(--surface-color);padding:clamp(1.5rem,4vw,4rem);box-shadow:var(--shadow-soft)}body[data-dominant-mechanic="sticky-side-explanation"] .mechanic .section-head{position:sticky;top:1rem}body[data-dominant-mechanic="alternating-asymmetric-sections"] .mechanic:nth-of-type(even) .section-inner{transform:translateX(min(4vw,50px))}body[data-dominant-mechanic="numbered-editorial-system"] .mechanic::after{content:attr(data-order);position:absolute;right:3vw;top:2vw;font:700 clamp(3rem,9vw,9rem)/1 var(--heading-font);opacity:.08}body[data-dominant-mechanic="dense-utility-dashboard"] .mechanic .section-components{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem}body[data-dominant-mechanic="floating-navigation-islands"] .mechanic .component{border-radius:999px}body[data-dominant-mechanic="masonry-information-cards"] .mechanic .section-components{columns:3 230px;display:block}body[data-dominant-mechanic="horizontal-content-strip"] .mechanic .section-components{display:flex;overflow-x:auto}body[data-dominant-mechanic="stacked-paper-surfaces"] .mechanic .section-inner{box-shadow:8px 8px 0 var(--surface-alt-color),16px 16px 0 var(--primary-light)}body[data-dominant-mechanic="monochrome-poster-composition"] .mechanic{filter:grayscale(.78)}body[data-dominant-mechanic="split-screen-narrative"] .mechanic .section-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:3rem}body[data-dominant-mechanic="timeline-as-main-navigation"] .mechanic{border-left:4px solid var(--accent-color)}body[data-dominant-mechanic="accordion-as-page-structure"] .mechanic .component{border-bottom:1px solid var(--border-color);padding-block:1rem}body[data-dominant-mechanic="tabbed-workspace-interface"] .mechanic .section-inner{border-top:38px solid var(--surface-alt-color)}body[data-dominant-mechanic="minimal-cardless-layout"] .mechanic .component{background:transparent!important;box-shadow:none!important;border-width:0 0 1px!important}body[data-dominant-mechanic="framed-content-canvas"] .mechanic{outline:1px solid var(--border-color);outline-offset:-1.2rem}body[data-dominant-mechanic="navigation-directory-system"] .mechanic .component-link{display:grid;grid-template-columns:1fr auto}body[data-dominant-mechanic="typography-led-sections"] .mechanic h2{font-size:clamp(3rem,8vw,8rem)}body[data-dominant-mechanic="mixed-width-section-rhythm"] .mechanic:nth-of-type(3n+1) .section-inner{max-width:760px}body[data-dominant-mechanic="structured-information-table"] .mechanic .section-components{border-top:1px solid var(--border-color)}body[data-dominant-mechanic="offset-grid-composition"] .mechanic:nth-of-type(even) .section-inner{margin-left:10%}body[data-dominant-mechanic="floating-label-system"] .mechanic .section-kicker{display:inline-block;padding:.45rem .8rem;border-radius:999px;background:var(--dark-color);color:#fff;box-shadow:var(--shadow-soft)}body[data-dominant-mechanic="vertical-rule-composition"] .mechanic::before{content:"";position:absolute;left:12%;top:0;bottom:0;width:2px;background:var(--accent-color)}body[data-dominant-mechanic="segmented-surface-layout"] .mechanic .section-inner{background:linear-gradient(90deg,var(--surface-color) 0 38%,var(--surface-alt-color) 38%);padding:2rem}body[data-dominant-mechanic="editorial-document-index"] .mechanic .section-kicker::before{content:attr(data-index);font-family:monospace;margin-right:.6rem}
/* Rhythm, density and backgrounds */
body[data-section-rhythm="dense-sparse-alternation"] .page-section:nth-of-type(even),body[data-section-rhythm="sparse-dense-sparse"] .page-section:nth-of-type(odd){padding-block:calc(var(--section-space)*1.35)}body[data-section-rhythm="progressive-expansion"] .page-section:nth-of-type(3n+2){padding-block:calc(var(--section-space)*1.4)}body[data-section-rhythm="progressive-compression"] .page-section:nth-of-type(3n+3){padding-block:calc(var(--section-space)*.7)}body[data-section-rhythm="alternating-full-contained"] .page-section:nth-of-type(even) .section-inner{max-width:820px}body[data-section-rhythm="document-chapters"] .page-section{border-bottom:1px solid var(--border-color)}body[data-section-rhythm="long-short-long"] .page-section:nth-of-type(3n+2),body[data-section-rhythm="short-long-short"] .page-section:nth-of-type(3n+1){padding-block:calc(var(--section-space)*.7)}body[data-section-rhythm="uniform-compact"] .page-section{padding-block:2.4rem}body[data-section-rhythm="uniform-spacious"] .page-section{padding-block:6rem}body[data-content-density="high"] .section-components{gap:.65rem}body[data-content-density="very-low"] .section-components{gap:2.2rem}body[data-background-system="alternating-surfaces"] .page-section:nth-of-type(even),body[data-background-system="section-specific-backgrounds"] .page-section:nth-of-type(3n+2){background:var(--surface-alt-color)}body[data-background-system="dark-light-alternation"] .page-section:nth-of-type(odd){background:var(--dark-color);color:#fff}
/* Image treatment and illustration */
.hero-visual{overflow:hidden;border-radius:var(--radius-md)}body[data-image-treatment="framed-images"] .hero-visual{padding:.7rem;border:1px solid var(--border-color)}body[data-image-treatment="full-bleed-images"] .hero-visual{margin-inline:calc(50% - 50vw);border-radius:0}body[data-image-treatment="masked-geometric-crops"] .hero-visual{clip-path:polygon(8% 0,100% 0,92% 100%,0 92%)}body[data-image-treatment="layered-image-panels"] .hero-visual{box-shadow:12px 12px 0 var(--primary-light),24px 24px 0 var(--surface-alt-color)}body[data-image-treatment="monochrome-photography"] .hero-visual,body[data-image-treatment="duotone-photography"] .hero-visual{filter:grayscale(1) contrast(1.06)}body[data-image-treatment="small-inline-images"] .hero-visual{max-width:520px}body[data-image-treatment="icon-led-no-images"] .hero-visual,body[data-image-treatment="typography-led-no-images"] .hero-visual{max-width:220px;opacity:.75}body[data-illustration-mode="geometric-line-art"] .hero-visual{outline:1px solid var(--primary-color)}body[data-illustration-mode="layered-paper-graphics"] .hero-visual{box-shadow:var(--shadow-strong)}body[data-illustration-mode="navigation-maps"] .hero-visual{border-left:5px solid var(--accent-color)}
/* Footer */
.site-footer{padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,3.5rem);border-top:1px solid var(--border-color);background:var(--surface-color)}.footer-inner{max-width:var(--content-width);margin:auto;display:grid;gap:1.5rem}.footer-links{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem}.footer-links a{color:inherit}body[data-footer-pattern="multi-column-directory"] .footer-links,body[data-footer-pattern="full-width-link-grid"] .footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}body[data-footer-pattern="oversized-brand-footer"] .footer-brand{font:700 clamp(2.5rem,8vw,8rem)/.9 var(--heading-font)}body[data-footer-pattern="document-reference-footer"] .site-footer{font-family:Georgia,serif;border-top:4px double var(--border-color)}body[data-footer-pattern="dark-contrast-footer"] .site-footer{background:var(--dark-color);color:#fff}body[data-footer-pattern="light-minimal-footer"] .site-footer{background:transparent}body[data-footer-pattern="split-contact-footer"] .footer-inner{grid-template-columns:1fr 1fr}body[data-footer-pattern="navigation-map-footer"] .footer-links{border-left:3px solid var(--accent-color);padding-left:1rem}body[data-footer-pattern="legal-first-footer"] .footer-links{order:-1}body[data-footer-pattern="CTA-plus-directory-footer"] .site-footer{border-top:8px solid var(--accent-color)}body[data-footer-pattern="stacked-section-footer"] .footer-links{display:grid}body[data-footer-pattern="sidebar-continuation-footer"] .site-footer{border-left:8px solid var(--primary-color)}body[data-footer-pattern="framed-footer"] .footer-inner{border:1px solid var(--border-color);padding:2rem}body[data-footer-pattern="compact-single-row"] .footer-inner,body[data-footer-pattern="compact-utility-footer"] .footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}body[data-footer-pattern="asymmetric-footer"] .footer-inner{grid-template-columns:2fr 1fr}body[data-footer-pattern="no-traditional-footer"] .site-footer{padding-block:1.2rem;background:transparent;border-top:1px dotted var(--border-color)}
/* Secondary pages */
.inner-page{max-width:min(920px,calc(100% - 2rem));margin:clamp(2rem,6vw,6rem) auto}.page-intro{padding:clamp(1.5rem,5vw,4rem);background:var(--surface-alt-color);border-left:6px solid var(--accent-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2rem 0}.info-panel{padding:1.2rem;border-top:2px solid var(--border-color); border-bottom:1px solid var(--border-color);background:var(--surface-color)}.faq-section details{border-bottom:1px solid var(--border-color);padding:1rem 0}.faq-section summary{cursor:pointer;font-family:var(--heading-font);font-weight:700}.demo-form{display:grid;gap:1rem;max-width:680px}.demo-form label{display:grid;gap:.35rem}.demo-form input,.demo-form textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-color);border-radius:var(--radius-sm)}.demo-note{padding:1rem;background:var(--primary-light);border-left:4px solid var(--primary-color)}
/* Motion: panel-slide */
.reveal{opacity:1;transform:none}body.motion-enabled .reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}body.motion-enabled .reveal.is-visible{opacity:1;transform:none}body[data-motion-profile="panel-slide"].motion-enabled .reveal{transform:translateX(24px)}body[data-motion-profile="line-draw"].motion-enabled .reveal{clip-path:inset(0 100% 0 0);transition:clip-path .7s ease}body[data-motion-profile="line-draw"].motion-enabled .reveal.is-visible{clip-path:inset(0)}body[data-motion-profile="section-crossfade"].motion-enabled .reveal{transform:none;filter:blur(4px)}body[data-motion-profile="section-crossfade"].motion-enabled .reveal.is-visible{filter:none}body[data-motion-profile="gentle-parallax"] .hero-visual{transform:translateY(var(--parallax-y,0px))}body[data-motion-profile="hover-only"] .component{transition:transform .2s ease}body[data-motion-profile="hover-only"] .component:hover{transform:translateY(-3px)}body[data-motion-profile="document-page-reveal"].motion-enabled .reveal{transform:translateY(20px) rotateX(3deg);transform-origin:top}body[data-motion-profile="tab-transition"] .tab-panel{transition:opacity .25s ease}body[data-motion-profile="accordion-motion"] details[open]{animation:openPanel .25s ease}@keyframes openPanel{from{opacity:.4}to{opacity:1}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}body.motion-enabled .reveal{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important}}

/* Layout family realization: indexed-document-layout */.page-section{counter-increment:docsec}.page-section .section-kicker::before{content:counter(docsec,decimal-leading-zero) " · ";font-family:monospace}
/* Page shell realization: floating-canvas */.site-shell{transform:translateY(0)}
/* Shape realization: pill-accented */.section-kicker,.button{border-radius:999px}
/* Typography-system realization: oversized-sans-plus-small-body */h1{font-size:calc(var(--heading-size)*1.08)} .lead{font-size:1rem}
/* Color distribution realization: 80-15-5 */.site-header::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:5%;background:var(--accent-color)}.page-section:nth-of-type(3n+2){background-image:linear-gradient(90deg,transparent 0 80%,color-mix(in srgb,var(--primary-light) 15%,transparent) 80% 100%)}
.section-head p,.component p{max-width:72ch}
.stat-item strong,.metric-value{font-family:Consolas,Monaco,monospace}
h1,h2{text-transform:none}
.component-link::after{content:"⌁";float:right;color:var(--accent-color);font-weight:700}
.hero-visual{filter:grayscale(1)}
.hero-visual{border-left:5px solid var(--accent-color)}
.sp-height-compact{padding-block:clamp(1.5rem,3vw,2.8rem)}.sp-height-medium{padding-block:clamp(2.8rem,5vw,5rem)}.sp-height-tall{padding-block:clamp(4.5rem,8vw,8rem)}.sp-height-viewport{min-height:72vh}.sp-height-auto{min-height:auto}
.sp-align-left .section-inner{text-align:left}.sp-align-center .section-inner{text-align:center}.sp-align-right .section-inner{text-align:right}.sp-align-split .section-inner{text-align:left}.sp-align-mixed .component:nth-child(even){text-align:right}.sp-align-offset-left .section-inner{padding-left:4vw}.sp-align-offset-right .section-inner{padding-right:4vw}
.sp-surface-base{background-color:var(--bg-color)}.sp-surface-muted{background-color:var(--surface-alt-color)}.sp-surface-accent{background-color:var(--primary-light)}.sp-surface-contrast{background-color:var(--dark-color);color:#fff}.sp-surface-dark{background-color:var(--dark-color);color:#fff}.sp-surface-paper{background-color:var(--surface-color)}.sp-surface-outlined{outline:1px solid var(--border-color);outline-offset:-1px}.sp-surface-transparent{background-color:transparent}
.sp-width-narrow .section-inner{max-width:720px}.sp-width-medium .section-inner{max-width:900px}.sp-width-wide .section-inner{max-width:1180px}.sp-width-full .section-inner{max-width:100%}.sp-width-full-bleed .section-inner{max-width:none}.sp-width-mixed .section-inner{max-width:1040px}
body{--spatial-scale:"alternating-density"}
body[data-spacing-scale="compact-uniform"] .page-section{padding-block:clamp(1.8rem,4vw,3.8rem)}body[data-spacing-scale="balanced-uniform"] .page-section{padding-block:clamp(3rem,5vw,5.5rem)}body[data-spacing-scale="spacious-uniform"] .page-section{padding-block:clamp(4.8rem,8vw,8rem)}body[data-spacing-scale="irregular-editorial"] .page-section:nth-of-type(even){padding-block:calc(var(--section-space)*1.3)}body[data-spacing-scale="alternating-density"] .page-section:nth-of-type(odd){padding-block:calc(var(--section-space)*.75)}body[data-spacing-scale="progressive-expansion"] .page-section:nth-of-type(3n+2){padding-block:calc(var(--section-space)*1.45)}body[data-spacing-scale="progressive-compression"] .page-section:nth-of-type(3n+3){padding-block:calc(var(--section-space)*.7)}body[data-spacing-scale="section-dependent"] .page-section:nth-of-type(2n){padding-block:calc(var(--section-space)*1.15)}
.site-header,.page-section,.site-footer{isolation:isolate}