/* L02-S06-G04-N02-H02-R06-C06-BG08-P02-T02-SH06-BR06-M04-MR06-F06-CTA08 | TP-002 */
:root{--primary-color:#3531a5;--primary-light:#b5b3db;--secondary-color:#b041b4;--accent-color:#aad13d;--dark-color:#242339;--text-color:#272735;--muted-color:#64637e;--bg-color:#f3f3f7;--surface-color:#fcfcfd;--surface-alt-color:#e9e6ef;--border-color:#c5c4d4;--radius-sm:10px;--radius-md:18px;--radius-lg:26px;--shadow-soft:0 5px 14px rgba(20,25,35,.10);--shadow-strong:0 18px 36px rgba(20,25,35,.16);--content-width:1100px;--text-column-width:78rem;--section-space:3rem;--heading-weight:600;--body-weight:400;--body-line-height:1.7;--header-height:66px;--logo-height:34px;--hero-max-height:76vh;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text-color);background:var(--bg-color);font-family:Georgia, "Times New Roman", serif;font-weight:var(--body-weight);line-height:var(--body-line-height);background-image:radial-gradient(var(--border-color) 1px,transparent 1px);background-size:18px 18px;}img{max-width:100%;display:block}a{color:var(--primary-color);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}h1,h2,h3,strong,summary{font-family:"Century Gothic", Arial, sans-serif;}h1,h2,h3{font-weight:var(--heading-weight);letter-spacing:.02em;text-transform:none;line-height:1.08}h1{font-size:clamp(2.65rem,5.6vw,4rem);max-width:18ch;margin:.35rem 0 1rem}h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:.2rem 0 .65rem}h3{font-size:1.08rem}p{max-width:var(--text-column-width)}
.site-nav{position:relative;z-index:20;min-height:var(--header-height);display:flex;align-items:center;gap:1rem;padding:.55rem clamp(1rem,3vw,2.6rem);background:color-mix(in srgb,var(--surface-color),transparent 6%);border-bottom:1px solid var(--border-color)}.brand-link img{height:var(--logo-height);width:auto;max-width:310px}.site-nav nav{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-left:auto}.site-nav nav a{text-decoration:none;padding:.42rem .62rem;border-radius:var(--radius-sm);font-size:.91rem}.site-nav nav a.active{background:var(--primary-color);color:white}.nav-toggle{display:none;border:1px solid var(--border-color);background:var(--surface-color);padding:.42rem .6rem;border-radius:var(--radius-sm)}.domain-note{font-size:.76rem;color:var(--muted-color)}
.nav-rail{position:fixed;inset:0 auto 0 0;width:210px;flex-direction:column;align-items:stretch;border-right:1px solid var(--border-color);border-bottom:0}.nav-rail nav{margin:0;display:grid;width:100%}body[data-navigation-pattern="right-vertical-rail"] .nav-rail{left:auto;right:0;border-right:0;border-left:1px solid var(--border-color)}body:has(.nav-rail) main,body:has(.nav-rail) .site-footer{margin-left:210px}body[data-navigation-pattern="right-vertical-rail"] main,body[data-navigation-pattern="right-vertical-rail"] .site-footer{margin-left:0;margin-right:210px}.nav-band{display:block;padding:.35rem 2vw}.nav-band .nav-top{display:flex;align-items:center;gap:1rem}.nav-band nav{margin-top:.35rem;justify-content:center}.nav-special{max-width:min(1180px,calc(100% - 2rem));margin:.6rem auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}body[data-navigation-pattern="centered-logo-navigation"] .nav-special{justify-content:center}body[data-navigation-pattern="centered-logo-navigation"] .nav-special nav{margin-left:0}
.homepage{max-width:var(--content-width);margin:0 auto;padding:clamp(.4rem,1.5vw,1rem)}.home-section{position:relative;margin:0 auto;padding:clamp(1.35rem,3vw,var(--section-space));overflow:clip;border:1px solid var(--border-color)}.home-section+.home-section{margin-top:clamp(.65rem,1.4vw,1.2rem)}.section-header{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;align-items:start}.section-header>span{font:700 1rem Consolas,monospace;color:var(--accent-color)}.section-header p{grid-column:2;color:var(--muted-color);margin:.2rem 0 1rem}.section-inner{position:relative;z-index:1}.first-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:clamp(1rem,3vw,2.6rem);align-items:center;margin-bottom:1.25rem}.first-intro .hero-part-description{font-size:1.05rem;color:var(--muted-color)}.first-intro .hero-part-heading,.first-intro .hero-part-description{grid-column:1}.first-intro .hero-part-visual,.first-intro .hero-part-document,.first-intro .hero-part-statistics{grid-column:2;grid-row:1 / span 4}.typographic-anchor{font:900 clamp(4rem,12vw,9rem)/1 "Century Gothic", Arial, sans-serif;color:var(--primary-light);text-align:center}.mini-nav,.hero-part-quick{display:flex;gap:.5rem;flex-wrap:wrap}.mini-nav a,.hero-part-quick a{padding:.4rem .6rem;background:var(--surface-alt-color);border-radius:var(--radius-sm);text-decoration:none}.cta{display:inline-flex;width:max-content;text-decoration:none;padding:.62rem .85rem;border-radius:var(--radius-sm);font-weight:700}.cta.primary{background:var(--primary-color);color:white}.cta.secondary{border:1px solid var(--primary-color);background:transparent}.hero-part-document{display:flex;gap:.5rem;justify-content:flex-end}.hero-part-document span{width:54px;height:76px;background:var(--surface-color);border:1px solid var(--border-color);display:grid;place-items:center;box-shadow:var(--shadow-soft)}
.width-narrow{max-width:760px}.width-medium{max-width:940px}.width-contained{max-width:1080px}.width-wide{max-width:1220px}.width-full{max-width:100%}.width-full-bleed,.width-edge-to-edge{max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(1rem,calc((100vw - min(1180px,90vw))/2));padding-right:max(1rem,calc((100vw - min(1180px,90vw))/2))}.width-mixed{max-width:1120px}.height-compact{min-height:0}.height-medium{min-height:220px}.height-tall{min-height:320px}.height-viewport{min-height:min(var(--hero-max-height),720px)}.height-auto,.height-mixed{min-height:0}
.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.align-split .section-inner{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.align-baseline .component-list{align-items:baseline}.align-top-aligned .component-list{align-items:start}.align-bottom-aligned .component-list{align-items:end}.bg-base{background:var(--bg-color)}.bg-muted{background:var(--surface-alt-color)}.bg-accent{background:var(--primary-light)}.bg-contrast{background:var(--dark-color);color:#fff}.bg-contrast a,.bg-dark a{color:#fff}.bg-dark{background:var(--dark-color);color:#fff}.bg-paper{background:var(--surface-color)}.bg-transparent{background:transparent}.bg-gradient-soft{background:linear-gradient(135deg,var(--primary-light),var(--surface-color))}.bg-patterned-subtle{background-color:var(--surface-alt-color);background-image:radial-gradient(var(--border-color) 1px,transparent 1px);background-size:17px 17px}.bg-outlined-surface{background:var(--surface-color);box-shadow:inset 0 0 0 1px var(--border-color)}
.layout-centered-stack .component-list{max-width:780px;margin-inline:auto}.layout-split-3-9 .component-list,.layout-split-4-8 .component-list,.layout-split-5-7 .component-list,.layout-split-6-6 .component-list,.layout-split-7-5 .component-list,.layout-split-8-4 .component-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.layout-offset-left-grid .component-list{display:grid;grid-template-columns:.72fr 1fr 1fr;gap:.9rem;padding-left:4vw}.layout-offset-right-grid .component-list{display:grid;grid-template-columns:1fr 1fr .72fr;gap:.9rem;padding-right:4vw}.layout-asymmetric-mosaic .component-list{display:grid;grid-template-columns:1.35fr .65fr 1fr;grid-auto-flow:dense;gap:.9rem}.layout-masonry-grid .component-list{columns:3 240px;column-gap:.9rem}.layout-masonry-grid .component{break-inside:avoid;margin-bottom:.9rem}.layout-horizontal-strip .component-list{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x proximity}.layout-horizontal-strip .component{min-width:230px;scroll-snap-align:start}.layout-sticky-left-aside .section-header{position:sticky;top:1rem;max-width:34%;float:left;margin-right:2rem}.layout-sticky-left-aside .section-inner{margin-left:36%}.layout-sticky-right-aside .section-header{position:sticky;top:1rem;max-width:34%;float:right;margin-left:2rem}.layout-sticky-right-aside .section-inner{margin-right:36%}.layout-full-bleed-panel{border-radius:0!important}.layout-narrow-document .section-inner{max-width:740px;margin:auto}.layout-layered-panels .component:nth-child(even),.layout-overlapping-surfaces .component:nth-child(even){transform:translateY(12px)}.layout-alternating-row .component:nth-child(even){margin-left:6%}.layout-stepped-grid .component:nth-child(3n+2){transform:translateX(10px)}.layout-indexed-columns .component-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem}.layout-sidebar-directory .section-inner{border-left:4px solid var(--primary-color);padding-left:1rem}.layout-framed-canvas{box-shadow:inset 0 0 0 8px var(--surface-alt-color)}.layout-cardless-editorial .component{background:transparent!important;border:0!important;box-shadow:none!important;border-bottom:1px solid var(--border-color)!important}
.component-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem;margin-top:1rem}.component{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:6px 6px 0 var(--surface-alt-color);padding:.85rem;border-radius:var(--radius-md);min-width:0}.component p{margin:.35rem 0 0}.component small,.component>span:first-child{color:var(--accent-color);font-family:Consolas,monospace}.numbered-list,.icon-list{list-style:none;padding:0}.numbered{display:flex;gap:.8rem}.numbered>span{font-size:1.35rem;font-weight:800}.icon-item{display:flex;gap:.6rem}.mini-icon{color:var(--accent-color)}.definition-list{display:grid}.definition dt{font-weight:800}.definition dd{margin:0}.timeline-item,.stepper-item,.directory-item{display:flex;gap:.75rem;align-items:flex-start}.timeline-item>span,.stepper-item>b,.directory-item>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:var(--primary-color);color:#fff}.tabs{display:flex!important;flex-wrap:wrap}.tab-button{text-align:left;cursor:pointer}.tab-button.active{outline:2px solid var(--accent-color)}details.component summary{cursor:pointer;font-weight:800}.table-wrap{overflow:auto}.structured-table{width:100%;border-collapse:collapse}.structured-table th,.structured-table td{padding:.7rem;border-bottom:1px solid var(--border-color);text-align:left}.tag{display:inline-flex!important;width:max-content;padding:.48rem .7rem!important;border-radius:999px!important}.badge-item{display:grid;grid-template-columns:auto 1fr;gap:.45rem .65rem}.badge-item p{grid-column:2}.badge-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-color);margin-top:.35rem}.checklist-item{display:flex;gap:.65rem;align-items:flex-start}.sheet-item{position:relative;transform:translate(calc(var(--sheet)*1px),calc(var(--sheet)*2px))}
.section-visual{margin:1rem 0;max-width:650px}.section-visual img,.inner-visual img{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border-color)}.mechanic-token{position:absolute;right:1rem;top:1rem;width:46px;height:46px;border:2px solid var(--accent-color);border-radius:var(--radius-sm);opacity:.35;transform:rotate(0deg)}body[data-dominant-mechanic="vertical-index-navigation"] .mechanic-token,body[data-dominant-mechanic="vertical-rule-composition"] .mechanic-token{width:4px;height:80%;right:auto;left:.5rem;border:0;background:var(--accent-color)}body[data-dominant-mechanic="full-width-color-bands"] .home-section:nth-child(3n){box-shadow:100vw 0 var(--primary-light),-100vw 0 var(--primary-light)}body[data-dominant-mechanic="document-like-canvas"] .home-section:nth-child(odd),body[data-dominant-mechanic="stacked-paper-surfaces"] .home-section:nth-child(odd){box-shadow:var(--shadow-strong);background:var(--surface-color)}body[data-dominant-mechanic="timeline-as-main-navigation"] .home-section:before{content:"";position:absolute;left:1.2rem;top:0;bottom:0;width:2px;background:var(--primary-color);opacity:.3}body[data-dominant-mechanic="minimal-cardless-layout"] .component{background:transparent;border:0;box-shadow:none}body[data-dominant-mechanic="framed-content-canvas"] .home-section:nth-child(2n){outline:6px solid var(--surface-alt-color);outline-offset:-6px}body[data-dominant-mechanic="oversized-typography"] .section-header>span{font-size:2rem}body[data-dominant-mechanic="numbered-editorial-system"] .section-header>span{font-size:2.6rem}body[data-dominant-mechanic="masonry-information-cards"] .home-section:nth-child(3n) .component-list{columns:2 260px;display:block}body[data-dominant-mechanic="floating-navigation-islands"] .site-nav nav a{background:var(--surface-alt-color);box-shadow:var(--shadow-soft)}
.structural-stats{display:flex;gap:.65rem;flex-wrap:wrap;margin:.8rem 0}.metric{min-width:100px;padding:.55rem .7rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.metric strong{display:block;font-size:1.4rem}.metric span{font-size:.78rem;color:var(--muted-color)}.trust-block{margin:1rem 0;padding:.9rem;border-left:4px solid var(--primary-color);background:color-mix(in srgb,var(--surface-alt-color),transparent 8%)}.trust-block ul{display:flex;gap:.5rem;flex-wrap:wrap;padding:0;list-style:none}.trust-block li{padding:.3rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.83rem}
.rating-widget{margin:.9rem 0;padding:.8rem;border:1px solid var(--border-color);background:var(--surface-color);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);max-width:860px}.rating-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.rating-head b{font-size:1.3rem}.rating-head>span{color:var(--muted-color);font-size:.82rem}.stars{position:relative;display:inline-block;letter-spacing:.08em;font-size:1.08rem;line-height:1}.stars-base{color:#c9c9c9}.stars-fill{position:absolute;left:0;top:0;width:var(--fill);overflow:hidden;white-space:nowrap;color:var(--accent-color)}.demo-label{font-size:.78rem;color:var(--muted-color);margin:.4rem 0}.review-fragments{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.55rem}.review-fragment{padding:.6rem;background:var(--surface-alt-color);border-radius:var(--radius-sm)}.review-fragment p{font-size:.88rem;margin:.25rem 0}.rating-rating-strip{border-left:0;border-right:0;border-radius:0;max-width:none}.rating-sidebar-rating{max-width:330px;margin-left:auto}.rating-footer-rating-note{max-width:none;border-style:dashed}.rating-compact-stars-row .review-fragments{display:none}.rating-inline-rating{box-shadow:none;background:transparent}.rating-split-rating-panel{display:grid;grid-template-columns:.65fr 1.35fr;gap:1rem}.rating-split-rating-panel .review-fragments{grid-template-columns:1fr}
.breadcrumbs{display:flex;gap:.4rem;align-items:center;font-size:.82rem;margin-bottom:1rem;color:var(--muted-color)}.inner-layout{max-width:var(--content-width);margin:0 auto;padding:clamp(1.2rem,4vw,3.3rem)}.inner-header p{font-size:1.04rem;color:var(--muted-color)}.eyebrow{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-color)}.inner-sidebar{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2rem}.inner-index{position:sticky;top:1rem;align-self:start;display:grid;gap:.25rem;padding:.8rem;background:var(--surface-alt-color);border-radius:var(--radius-md)}.inner-index a{text-decoration:none;padding:.35rem}.inner-layers .layer-head{display:grid;grid-template-columns:1.1fr .9fr;gap:1.4rem;align-items:center}.layer-body{background:var(--surface-color);padding:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.inner-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem}.inner-split>.breadcrumbs{grid-column:1/-1}.split-left{position:sticky;top:1rem;align-self:start}.inner-document{max-width:min(920px,94vw)}.document-sheet{background:var(--surface-color);border:1px solid var(--border-color);padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow-strong)}.inner-grid .grid-head{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem}.inner-minimal{max-width:min(880px,94vw)}.minimal-rule{height:3px;width:80px;background:var(--primary-color);margin:1.2rem 0}.inner-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:1rem 0}.inner-modules article{padding:.9rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color)}.inner-modules article>span{font:700 .8rem Consolas,monospace;color:var(--accent-color)}.info-notice,.legal-focus{padding:.9rem 1rem;margin:1rem 0;background:var(--primary-light);border-left:4px solid var(--primary-color)}.inner-accordion details{border-bottom:1px solid var(--border-color);padding:.75rem 0}.doc-index{display:grid;gap:.6rem}.doc-index li{padding:.8rem;background:var(--surface-alt-color)}.doc-index span{display:block;color:var(--muted-color)}.navigation-map-page,.resource-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.7rem}.navigation-map-page a,.resource-list a{display:flex;gap:.65rem;flex-direction:column;padding:.8rem;text-decoration:none;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md)}
.site-footer{max-width:var(--content-width);margin:1rem auto 0;padding:1.2rem clamp(1rem,3vw,2.6rem);border-top:1px solid var(--border-color);font-size:.85rem}.site-footer a{display:inline-block;margin:.25rem .55rem .25rem 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.footer-document hr{border:0;border-top:1px solid var(--border-color)}.footer-contrast{background:var(--dark-color);color:#fff;max-width:none}.footer-contrast a{color:#fff}.footer-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.footer-note{font-size:.76rem;color:var(--muted-color)}
/* motion_profile: line-draw */
.motion-ready .home-section{transition:transform .45s ease,opacity .45s ease}body[data-layout-family="bento-dashboard"] .component:nth-child(3n+1){grid-column:span 2}body[data-layout-family="document-canvas"] .homepage{max-width:1040px}body[data-layout-family="vertical-navigation-rail"] .homepage{max-width:1100px}body[data-layout-family="poster-layout"] .section-header h2{max-width:12ch}body[data-layout-family="timeline-led"] .home-section:nth-child(odd){border-left:5px solid var(--primary-color)}body[data-layout-family="cardless-corporate"] .component{background:transparent;border-left:0;border-right:0;box-shadow:none}body[data-layout-family="masonry-information-board"] .component-list{columns:2 270px;display:block}body[data-layout-family="framed-portal"] .homepage{border:1px solid var(--border-color);background:var(--surface-color)}