:root{--site-width:1248px}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{font-size:1rem;line-height:1.65;overflow-wrap:anywhere}
.site-width{max-width:var(--site-width);padding-left:2rem;padding-right:2rem}
a{text-underline-offset:4px}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:1000;padding:12px 24px;background:var(--twr-surface);border:2px solid var(--twr-action);border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.site-header{border-bottom:1px solid var(--twr-border)}
.site-header .navbar{min-height:96px}
.navbar-brand{padding:12px 0;margin-right:32px}
.navbar-brand img{max-width:100%;height:auto}
.logo-dark{display:none}
[data-bs-theme="dark"] .logo-light{display:none}
[data-bs-theme="dark"] .logo-dark{display:block}
.navbar-nav{gap:16px}
.navbar .nav-link{font-size:.875rem;font-weight:500;color:var(--twr-text);padding:8px 4px}
.navbar .nav-link:hover{color:var(--twr-action)}
.utility-link{border-left:1px solid var(--twr-border);padding-left:24px;margin-left:16px}
.btn{padding:12px 24px;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px}
.hero{padding-top:88px;padding-bottom:80px}
.eyebrow{font-size:.75rem;line-height:1.5;font-weight:600;letter-spacing:.085em;text-transform:uppercase;margin-bottom:24px;color:var(--twr-action);display:flex;align-items:center;gap:12px}
.join-line{width:24px;height:8px;display:inline-block;background:var(--twr-kiln);flex-shrink:0}
.hero h1{font-size:clamp(3.25rem,5.3vw,4.8rem);margin-bottom:32px;line-height:1.06;letter-spacing:-.045em}
.hero h1 span{display:block}
.hero-accent{color:var(--twr-action)}
.hero-description{max-width:480px;font-size:1.0625rem;color:var(--twr-muted);margin-bottom:32px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.hero-note{font-size:.8125rem;margin:24px 0 0;color:var(--twr-muted)}
.work-figure{margin:0;padding-left:12px}
.workspace{background:var(--twr-surface);border:1px solid var(--twr-control-border);border-radius:12px;overflow:hidden;box-shadow:12px 12px 0 var(--twr-surface-muted)}
.workspace-header{background:var(--twr-surface-muted);border-bottom:1px solid var(--twr-border);padding:16px 24px;display:flex;align-items:center;gap:16px;font-size:.8125rem;font-weight:500}
.workspace-mark{font-family:var(--twr-font-mono);font-weight:500;font-size:.875rem;color:var(--twr-action);border-right:1px solid var(--twr-control-border);padding-right:16px}
.workspace-dots{margin-left:auto;font-size:1.25rem;line-height:1}
.workspace-body{padding:24px}
.workspace-title{font-size:1.0625rem;font-weight:600;margin:0 0 24px}
.actor{font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.avatar{border-radius:50%;background:var(--twr-surface-muted);color:var(--twr-text);width:28px;height:28px;display:grid;place-items:center}
.request-text{font-size:.875rem;line-height:1.6;margin:0 0 16px;padding-left:36px}
.context-block{margin-left:36px;margin-bottom:24px}
.context-label{font-size:.75rem;color:var(--twr-muted);margin:0 0 8px}
.source-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.source-list li{background:var(--twr-surface-muted);border:1px solid var(--twr-border);border-radius:4px;padding:3px 8px;font-size:.75rem}
.work-stage{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:16px 0;border-top:1px solid var(--twr-border)}
.stage-icon{width:28px;height:28px;border:1px solid var(--twr-control-border);border-radius:6px;display:grid;place-items:center;color:var(--twr-action);font-size:.75rem}
.stage-heading{font-size:.8125rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.state-label{font-size:.75rem;font-weight:500;color:var(--twr-action);background:var(--twr-surface-muted);padding:2px 8px;border-radius:4px}
.work-stage p:not(.stage-heading){font-size:.8125rem;color:var(--twr-muted);line-height:1.6;margin:0}
.review-stage .state-label{color:var(--twr-warning)}
.artifact{padding:16px;display:flex;align-items:center;gap:12px;border:1px solid var(--twr-border);border-radius:8px;background:var(--twr-surface-muted)}
.document-icon{width:32px;height:40px;border:1px solid var(--twr-control-border);border-radius:4px;display:grid;place-items:center;font-size:1.125rem;color:var(--twr-action);flex-shrink:0}
.artifact .context-label{margin-bottom:2px}
.artifact h3{font-size:.875rem;font-weight:600;margin:0 0 4px}
.artifact p:last-child{font-size:.75rem;color:var(--twr-muted);margin:0}
.artifact-type{font-size:.75rem;color:var(--twr-muted);margin-left:auto;align-self:flex-start}
figcaption{font-family:var(--twr-font-mono);font-size:.75rem;color:var(--twr-muted);text-align:center;margin:24px 0 0}
.section-space{padding-top:80px;padding-bottom:80px}
.section-title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;margin:0 0 24px;max-width:620px}
.section-description{color:var(--twr-muted);margin:0 0 24px;max-width:560px}
.product-section{border-top:1px solid var(--twr-border);border-bottom:1px solid var(--twr-border);background:var(--twr-surface-muted)}
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;padding:0;margin:40px 0 0}
.workflow-grid li{border-top:1px solid var(--twr-control-border);padding-top:24px}
.step-number{font-family:var(--twr-font-mono);font-size:.8125rem;color:var(--twr-action);display:block;margin-bottom:24px}
.workflow-grid h3,.use-case h3{font-size:1.0625rem;line-height:1.4;font-weight:600;margin:0 0 12px}
.workflow-grid p{font-size:.875rem;color:var(--twr-muted);margin:0}
.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:32px}
.section-heading .section-title{max-width:540px}
.section-heading .section-description{max-width:420px}
.use-case{box-shadow:none}
.use-case .card-body{padding:32px}
.case-number{display:block;color:var(--twr-action);font-size:.8125rem;margin-bottom:32px}
.case-description{color:var(--twr-muted);font-size:.875rem;min-height:88px;margin-bottom:24px}
.use-case dl{border-top:1px solid var(--twr-border);padding-top:24px;margin-bottom:0}
.use-case dt{font-size:.75rem;color:var(--twr-muted);font-weight:500;margin-bottom:4px}
.use-case dd{font-size:.875rem;margin-bottom:16px}
.use-case dd:last-child{margin-bottom:0}
.connections-section{border-top:1px solid var(--twr-border);border-bottom:1px solid var(--twr-border);background:var(--twr-surface)}
.connection-note{font-size:.875rem;color:var(--twr-muted);max-width:480px;margin-bottom:0}
.connection-diagram{max-width:480px;margin:auto;padding:32px 12px}
.context-sources{display:flex;gap:24px}
.connection-node{border:1px solid var(--twr-control-border);border-radius:8px;flex:1;padding:24px 12px;text-align:center;font-size:.875rem;background:var(--twr-paper)}
.connection-node span{display:block;font-size:1.5rem;color:var(--twr-action);margin-bottom:12px}
.connection-join{height:48px;width:54%;margin:auto;border-left:1px solid var(--twr-control-border);border-right:1px solid var(--twr-control-border);border-bottom:1px solid var(--twr-control-border);position:relative}
.connection-join::after{content:"";position:absolute;left:50%;top:100%;height:32px;border-left:1px solid var(--twr-control-border)}
.connection-destination{margin:32px auto 0;border:1px solid var(--twr-action);background:var(--twr-surface-muted);border-radius:8px;padding:24px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:.875rem;font-weight:600}
.about-description{font-size:1.25rem;line-height:1.6;margin:0 0 24px}
.about-closing{font-size:.875rem;color:var(--twr-muted);margin:0}
.site-footer{border-top:1px solid var(--twr-border);padding-top:40px;padding-bottom:40px;display:flex;align-items:center;flex-wrap:wrap;gap:32px}
.footer-brand{display:flex;align-items:center;gap:24px}
.footer-brand span{font-size:.8125rem;color:var(--twr-muted)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:24px;margin-left:auto}
.site-footer a{font-size:.8125rem;color:var(--twr-text);text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer small{font-size:.75rem;color:var(--twr-muted)}
html:not(.js) .navbar-collapse{display:block!important}
html:not(.js) .navbar-toggler{display:none}
.policy-page{padding-top:64px;padding-bottom:80px}
.policy-header{max-width:880px;margin-bottom:48px}
.policy-header h1{font-size:clamp(2.75rem,5vw,4.5rem);margin-bottom:24px}
.policy-date{font-size:.875rem;color:var(--twr-muted);margin-bottom:24px}
.policy-date time{margin-left:8px}
.policy-intro{font-size:1.0625rem;margin-bottom:0;max-width:75ch}
.policy-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px}
.policy-contents{align-self:start;border-top:1px solid var(--twr-control-border);padding-top:24px}
.policy-contents .eyebrow{margin-bottom:16px}
.policy-contents ol{padding-left:20px;margin-bottom:0}
.policy-contents li{font-size:.875rem;margin-bottom:12px;padding-left:4px}
.policy-contents a{text-decoration:none}
.policy-contents a:hover{text-decoration:underline}
.policy-copy{max-width:75ch;min-width:0}
.policy-copy section{border-top:1px solid var(--twr-border);padding-top:32px;margin-bottom:48px;scroll-margin-top:24px}
.policy-copy h2{font-size:1.375rem;line-height:1.4;font-weight:600;margin-bottom:24px}
.policy-section-number{display:block;font-family:var(--twr-font-mono);font-size:.8125rem;color:var(--twr-action);margin-bottom:12px}
.policy-copy p{margin-bottom:16px}
.policy-links{padding-left:24px}
.policy-links li{margin-bottom:8px}
.policy-contact>a{display:inline-block;margin-bottom:16px;font-weight:600}
@media(max-width:991px){.policy-layout{grid-template-columns:minmax(0,1fr);gap:40px}.policy-page{padding-top:48px;padding-bottom:48px}.policy-header{margin-bottom:32px}.policy-copy{max-width:100%}}
@media(min-width:992px){.hero-copy{padding-right:32px}}
@media(max-width:1199px){.navbar-nav{gap:12px}.utility-link{margin-left:0;padding-left:12px}.case-description{min-height:112px}.use-case .card-body{padding:24px}}
@media(max-width:991px){.site-header .navbar{min-height:80px}.navbar-collapse{padding-bottom:24px}.navbar-nav{gap:8px;align-items:flex-start}.utility-link{border-left:0;padding-left:0}.nav-link{padding:8px 0!important}.hero{padding-top:56px;padding-bottom:56px}.hero-description{max-width:600px}.work-figure{max-width:600px;padding-left:0;margin:auto}.workflow-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading .section-description{max-width:600px}.section-space{padding-top:64px;padding-bottom:64px}.site-footer nav{margin-left:0}.site-footer{gap:24px}.case-description{min-height:0}}
@media(max-width:767px){.site-width{padding-left:1.5rem;padding-right:1.5rem}.hero h1{font-size:clamp(2.75rem,9.8vw,4.25rem)}.hero-description{font-size:1rem}.hero-note{font-size:.75rem}.use-case .card-body{padding:24px}.use-case h3{font-size:1.125rem}.case-number{margin-bottom:24px}.about-description{font-size:1.125rem}.footer-brand{width:100%;flex-wrap:wrap;gap:16px}.site-footer small{width:100%}}
@media(max-width:399px){.site-width{padding-left:1rem;padding-right:1rem}.eyebrow{letter-spacing:.06em}.hero-actions{gap:12px}.hero-actions .btn{width:100%;justify-content:space-between}.workspace-body{padding:16px}.workspace-header{padding:16px}.request-text{padding-left:0}.context-block{margin-left:0}.stage-heading{display:block}.state-label{display:table;margin-top:8px}.artifact-type{display:none}.workflow-grid{gap:24px}.workflow-grid h3{font-size:1rem}.context-sources{gap:12px}.connection-node{padding:16px 8px}.connection-destination{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
