:root{font-family:Inter,'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',Arial,sans-serif;color:#112630;background:#f7f7f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,a{outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}p{line-height:1.7}.brand-container{width:min(1320px,calc(100% - 96px));margin:0 auto}.brand-skip{position:absolute;top:-100px;left:12px;z-index:100;background:#dff5aa;padding:12px}.brand-skip:focus{top:12px}.brand-review{background:#dff5aa;text-align:center;padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:.05em}.brand-header{background:#f7f7f1;border-bottom:1px solid #cdd5d1}.brand-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.brand-logo{font-size:20px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.brand-logo span{font-size:25px;vertical-align:-2px;margin-right:4px}.brand-header nav{display:flex;gap:32px;align-items:center}.brand-header nav a,.brand-language{font-size:12px;font-weight:700;letter-spacing:.02em}.brand-header nav a:hover,.brand-header nav a[aria-current],.brand-language:hover{color:#4b7857}.brand-language{white-space:nowrap}.brand-hero{background:#112630;color:#f7f7f1;overflow:hidden}.brand-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);min-height:690px}.brand-hero-copy{padding:116px 44px 100px 0;display:flex;flex-direction:column;align-items:flex-start}.brand-kicker{font-size:11px!important;font-weight:800;line-height:1.3!important;letter-spacing:.15em;text-transform:uppercase}.brand-hero .brand-kicker{color:#dff5aa;margin-bottom:44px}.brand-hero h1{font-size:clamp(54px,5.7vw,96px);line-height:1.1;font-weight:600;max-width:900px;letter-spacing:-.075em;margin-bottom:32px}.brand-hero h1 em{font-style:normal;color:#dff5aa}.brand-hero-lead{font-size:17px;max-width:620px;color:#d5e0db}.brand-actions{display:flex;align-items:center;gap:28px;margin-top:42px;flex-wrap:wrap}.brand-button{display:inline-flex;align-items:center;justify-content:space-between;min-width:195px;gap:36px;background:#dff5aa;color:#112630;padding:17px 21px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.brand-button:hover{transform:translateY(-3px);background:#f0ffc9}.brand-quiet-link{font-weight:800;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px}.brand-quiet-link:hover{opacity:.65}.brand-hero-board{background:#dff5aa;color:#112630;padding:36px 38px 32px;display:flex;flex-direction:column;align-self:stretch}.board-top{display:flex;justify-content:space-between;border-bottom:1px solid #9faf88;padding-bottom:20px;font-size:10px;letter-spacing:.13em;font-weight:800}.brand-hero-board ol{list-style:none;margin:27px 0 12px;padding:0}.brand-hero-board li{display:grid;grid-template-columns:50px minmax(0,1fr) 20px;gap:4px 10px;align-items:baseline;padding:16px 0;border-bottom:1px solid #aebf9b}.brand-hero-board li span{font-size:12px;font-weight:800}.brand-hero-board li strong{font-size:23px;letter-spacing:-.05em}.brand-hero-board li small{grid-column:2;font-size:11px;line-height:1.5}.brand-hero-board li i{grid-column:3;grid-row:1/3;font-style:normal;align-self:center}.brand-hero-board>p{margin:auto 0 0;padding-top:22px;font-size:11px;font-weight:600}.brand-section{padding:116px 0;border-bottom:1px solid #cdd5d1}.brand-section h2{font-size:clamp(38px,4.5vw,68px);line-height:1.13;max-width:900px;font-weight:600;margin:18px 0 34px}.brand-section-intro{font-size:17px;max-width:760px;color:#495e64;margin-bottom:42px}.brand-loop-section{background:#eef1e8}.brand-loop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #74838a;margin-top:48px}.brand-loop>div{padding:23px 18px 0 0;border-right:1px solid #b7c4c0;margin-right:18px}.brand-loop>div:last-child{border-right:0}.brand-loop span,.brand-index{display:block;font-size:11px;letter-spacing:.1em;font-weight:800;color:#527a60}.brand-loop strong{display:block;font-size:19px;margin-top:25px;letter-spacing:-.03em}.brand-loop p{font-size:12px;color:#4d6066;margin-top:10px}.brand-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.brand-columns article{border-top:1px solid #112630;padding-top:24px}.brand-columns h3{font-size:27px;font-weight:600;margin:32px 0 15px}.brand-columns p{color:#4d6066;font-size:14px}.brand-products{background:#112630;color:#f7f7f1}.brand-products .brand-kicker,.brand-products .brand-index{color:#dff5aa}.brand-products .brand-section-intro{color:#b9c9c5}.brand-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brand-product{display:flex;flex-direction:column;min-height:330px;background:#203a42;padding:27px;transition:background .2s,transform .2s}.brand-product:hover{background:#315257;transform:translateY(-3px)}.brand-product h3{font-size:36px;font-weight:600;margin:47px 0 12px}.brand-product p{font-size:13px;color:#d5e0db}.brand-state{display:inline-block;align-self:flex-start;border:1px solid currentColor;border-radius:40px;padding:6px 12px;font-size:10px;font-weight:700;line-height:1.3;margin:12px 0}.brand-product strong{margin-top:auto;font-size:12px;letter-spacing:.03em}.brand-principle{display:flex;align-items:end;justify-content:space-between;gap:40px}.brand-principle p{font-size:20px;line-height:1.65;max-width:750px;margin:0}.brand-article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.brand-article-grid a{border-top:1px solid #112630;padding:24px 12px 32px 0;display:flex;flex-direction:column;min-height:245px}.brand-article-grid a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.brand-article-grid h3{font-size:30px;margin:28px 0 8px}.brand-article-grid p{font-size:14px;color:#4d6066}.brand-article-grid strong{margin-top:auto}.brand-request-teaser{background:#dff5aa}.brand-closing{background:#dff5aa;padding:100px 0}.brand-closing .brand-container{display:flex;align-items:center;justify-content:space-between;gap:32px}.brand-closing p{font-size:clamp(32px,4vw,60px);line-height:1.15;letter-spacing:-.06em;font-weight:600;max-width:800px;margin:0}.brand-closing .brand-button{background:#112630;color:#f7f7f1;flex-shrink:0}.brand-footer{background:#112630;color:#f7f7f1;padding:65px 0}.brand-footer .brand-container{display:flex;justify-content:space-between;gap:60px}.brand-footer p{max-width:430px;color:#b9c9c5;font-size:12px;margin-top:20px}.brand-footer nav{display:flex;gap:20px;flex-wrap:wrap;align-content:start;font-size:12px;font-weight:700}.brand-inner-head{background:#112630;color:#f7f7f1;padding:100px 0}.brand-inner-head .brand-kicker{color:#dff5aa}.brand-inner-head h1{font-size:clamp(54px,6vw,92px);line-height:1.08;max-width:930px;margin:32px 0}.brand-inner-head p:last-of-type{font-size:18px;max-width:750px;color:#cedbd6}.brand-inner-head .brand-state{color:#dff5aa}.brand-limit{background:#dff5aa;padding:28px;margin-top:45px;font-size:13px;line-height:1.7;max-width:850px}.brand-article{padding-top:90px;padding-bottom:130px;max-width:900px}.brand-back{display:inline-block;font-size:12px;font-weight:700;margin-bottom:80px}.brand-article .brand-kicker{color:#527a60}.brand-article h1{font-size:clamp(48px,5vw,75px);line-height:1.12}.brand-article-dek{font-size:20px;color:#4d6066}.brand-article section{border-top:1px solid #aebbb8;margin-top:46px;padding-top:28px}.brand-article section h2{font-size:30px}.brand-article section p{font-size:16px;color:#344e55}
.brand-hero h1{font-size:clamp(52px,5vw,78px)}
.brand-article section p{white-space:pre-line}
@media(max-width:950px){.brand-container{width:min(100% - 48px,1320px)}.brand-header nav{gap:16px}.brand-hero-grid{grid-template-columns:1fr}.brand-hero-copy{padding:95px 0 80px}.brand-hero-board{margin-bottom:48px}.brand-loop{grid-template-columns:repeat(3,1fr);gap:20px}.brand-product-grid{grid-template-columns:1fr 1fr}.brand-columns{gap:22px}}
@media(max-width:650px){.brand-container{width:calc(100% - 36px)}.brand-header-inner{min-height:72px;flex-wrap:wrap;padding:15px 0}.brand-logo{font-size:16px}.brand-logo span{font-size:20px}.brand-header nav{order:3;width:100%;overflow-x:auto;white-space:nowrap;padding:8px 0 3px;gap:22px}.brand-header nav a,.brand-language{font-size:11px}.brand-hero-copy{padding:75px 0 65px}.brand-hero h1{font-size:clamp(46px,11vw,70px)}.brand-hero-lead{font-size:15px}.brand-hero-board{padding:25px 22px;margin-bottom:18px}.brand-section{padding:80px 0}.brand-section h2{font-size:40px}.brand-loop{grid-template-columns:1fr 1fr}.brand-loop>div{border-right:0;border-bottom:1px solid #b7c4c0;padding-bottom:20px}.brand-columns,.brand-product-grid,.brand-article-grid{grid-template-columns:1fr}.brand-product{min-height:260px}.brand-product h3{margin-top:30px}.brand-principle,.brand-closing .brand-container,.brand-footer .brand-container{display:block}.brand-principle p{font-size:17px;margin-bottom:24px}.brand-closing .brand-button{margin-top:30px}.brand-footer nav{margin-top:40px}.brand-inner-head{padding:75px 0}.brand-inner-head h1{font-size:50px}.brand-article{padding-top:60px;padding-bottom:80px}.brand-back{margin-bottom:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-button,.brand-product{transition:none}}

/* Interactive master-brand hero: copy remains useful without JavaScript or video. */
.brand-hero[data-brand-hero]{position:relative;isolation:isolate;min-height:570px}
.brand-hero-media{position:absolute;inset:0 0 0 auto;width:48%;overflow:hidden;z-index:-2;background:#203a42}
.brand-film-poster,.brand-scene-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.brand-film-poster{z-index:0}
.brand-scene-film{display:none;z-index:1}
.brand-scene-film.active.frame-ready{display:block}
.brand-film-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#112630 0%,#112630 46%,rgba(17,38,48,.68) 62%,rgba(17,38,48,.16) 100%)}
.brand-hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);grid-template-rows:minmax(355px,1fr) auto auto;column-gap:28px;row-gap:14px;padding-top:37px;padding-bottom:22px}
.brand-hero .brand-hero-copy{grid-column:1;grid-row:1;padding:8px 0 0;max-width:720px}
.brand-hero .brand-kicker{margin-bottom:27px}
.brand-hero[data-brand-hero] h1{font-size:clamp(45px,4.8vw,72px);line-height:1.08;margin-bottom:19px}
.brand-hero[data-brand-hero] .brand-hero-lead{font-size:16px;line-height:1.65;max-width:560px;margin-bottom:0}
.brand-hero[data-brand-hero] .brand-actions{margin-top:25px}
.brand-scene-panel{grid-column:2;grid-row:1;align-self:end;justify-self:end;width:min(325px,100%);padding:18px;background:rgba(17,38,48,.84);border:1px solid rgba(223,245,170,.38);backdrop-filter:blur(5px)}
.brand-scene-prompt{display:flex;justify-content:space-between;gap:15px;color:#dff5aa;font-size:11px;font-weight:800;letter-spacing:.05em;margin-bottom:8px}
.brand-scene-moment{font-size:14px;line-height:1.55;margin-bottom:14px;min-height:44px}
.brand-film-toggle{display:inline-flex;align-items:center;gap:9px;border:1px solid #dff5aa;background:transparent;color:#dff5aa;font:inherit;font-size:12px;font-weight:800;padding:9px 12px;cursor:pointer}
.brand-film-toggle:hover,.brand-film-toggle:focus-visible{background:#dff5aa;color:#112630}
.brand-scene-selector{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.brand-scene-choice{display:flex;align-items:center;gap:12px;min-width:0;min-height:55px;padding:11px 15px;background:rgba(17,38,48,.9);border:1px solid rgba(247,247,241,.5);color:#f7f7f1;text-align:left;cursor:pointer;font:inherit}
.brand-scene-choice strong{font-size:13px;font-weight:700;flex:1;overflow-wrap:anywhere}
.brand-scene-choice span{font-size:11px;color:#dff5aa}
.brand-scene-choice.selected,.brand-scene-choice:hover,.brand-scene-choice:focus-visible{background:#dff5aa;color:#112630;border-color:#dff5aa}
.brand-scene-choice.selected span,.brand-scene-choice:hover span,.brand-scene-choice:focus-visible span{color:#112630}
.brand-scene-note{grid-column:1/-1;grid-row:3;font-size:11px;line-height:1.4;color:#d5e0db;margin:0}
.brand-hero[data-brand-hero]:not(.brand-enhanced) .brand-scene-panel,.brand-hero[data-brand-hero]:not(.brand-enhanced) .brand-scene-selector{display:none}
@media(max-width:950px){.brand-hero-layout{grid-template-columns:minmax(0,1fr) minmax(190px,.6fr);grid-template-rows:minmax(370px,1fr) auto auto}.brand-hero-media{width:53%}.brand-film-scrim{background:linear-gradient(90deg,#112630 0%,#112630 41%,rgba(17,38,48,.62) 68%,rgba(17,38,48,.15) 100%)}.brand-scene-panel{width:100%}}
@media(max-width:650px){.brand-hero[data-brand-hero]{min-height:0}.brand-hero-media{inset:0 0 auto;width:100%;height:190px}.brand-film-scrim{background:linear-gradient(180deg,rgba(17,38,48,.08) 0%,rgba(17,38,48,.38) 145px,#112630 205px)}.brand-hero-layout{display:flex;flex-direction:column;gap:18px;padding-top:204px;padding-bottom:23px}.brand-hero .brand-hero-copy{padding:0;max-width:none}.brand-hero .brand-kicker{margin-bottom:15px}.brand-hero[data-brand-hero] h1{font-size:clamp(39px,10vw,58px);margin-bottom:16px}.brand-hero[data-brand-hero] .brand-hero-lead{font-size:14px}.brand-hero[data-brand-hero] .brand-actions{margin-top:23px;gap:17px}.brand-scene-panel{width:100%;padding:14px}.brand-scene-moment{min-height:0}.brand-scene-selector{width:100%;grid-template-columns:1fr;gap:6px}.brand-scene-choice{min-height:48px}.brand-scene-note{font-size:10px}}
@media(max-width:360px){.brand-hero[data-brand-hero] h1{font-size:34px;word-break:keep-all}}

/* Interior pages reveal the first substantive section within the first viewport. */
.brand-interior .brand-inner-head{padding:68px 0 58px}
.brand-interior .brand-section{padding:72px 0}
@media(max-width:650px){.brand-interior .brand-inner-head{padding:55px 0 48px}.brand-interior .brand-section{padding:64px 0}.brand-scene-note{order:-1;margin-bottom:-4px}}

.brand-article-meta{font-size:13px;color:#50676d;margin:18px 0 0;line-height:1.7}
.brand-article-sources ol{padding-left:22px;margin:18px 0 0;display:grid;gap:12px}
.brand-article-sources a{color:#205e69;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.brand-article-sources a:hover{color:#112630}

/* Let the visitor's situation lead; the internal product name is secondary. */
.brand-product h3{font-size:clamp(25px,2.4vw,35px);line-height:1.2;max-width:19ch;word-break:keep-all}
.brand-product .brand-product-name{font-size:13px;font-weight:800;letter-spacing:.04em;color:#dff5aa;margin:0 0 18px}
@media(max-width:950px){.brand-loop-section .brand-columns{grid-template-columns:1fr;gap:0}.brand-loop-section .brand-columns article{padding:24px 0;border-top:1px solid #b7c4c0}.brand-loop-section .brand-columns h3{max-width:none}}

/*
 * Common-screen semantic application candidate — 2026-09-28.
 * Public-homepage transformation of the candidate common-screen rules.
 * This is a local review surface, not an adopted brand canon or release.
 */
:root{
  --civ-text:#191F28;
  --civ-body:#333D4B;
  --civ-muted:#6B7684;
  --civ-action:#1B64DA;
  --civ-action-soft:#EAF2FF;
  --civ-human:#B54708;
  --civ-human-soft:#FFF3E8;
  --civ-result:#067647;
  --civ-result-soft:#ECFDF3;
  --civ-evidence:#6941C6;
  --civ-evidence-soft:#F4F3FF;
  --civ-unknown:#475467;
  --civ-unknown-soft:#F2F4F7;
  --civ-danger:#B42318;
  --civ-danger-soft:#FEF3F2;
  --civ-border:#D0D5DD;
  font-family:"LINE Seed KR",Pretendard,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;
  color:var(--civ-text);
  background:#fff;
}
body{background:#fff;color:var(--civ-text)}
.brand-container{width:min(1180px,calc(100% - 64px))}
.brand-review{background:var(--civ-unknown-soft);color:var(--civ-unknown);border-bottom:1px solid var(--civ-border);padding:7px 16px}
.brand-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--civ-border)}
.brand-header-inner{min-height:78px}
.brand-logo{display:inline-flex;align-items:center;gap:10px;color:var(--civ-text)}
.brand-logo .brand-wordmark{font-size:20px;font-weight:800;letter-spacing:.08em}
.brand-mark{position:relative;display:inline-block;width:28px;height:28px;border:3px solid var(--civ-action);border-right-color:transparent;border-radius:50%;flex:none}
.brand-mark i{position:absolute;right:-4px;top:7px;width:5px;height:10px;border-radius:3px;background:var(--civ-human)}
.brand-header nav a:hover,.brand-header nav a[aria-current],.brand-language:hover{color:var(--civ-action)}
.brand-header nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}

.brand-hero{background:#fff;color:var(--civ-text);border-bottom:1px solid var(--civ-border)}
.brand-hero-media{width:46%;background:var(--civ-unknown-soft);border-left:1px solid var(--civ-border)}
.brand-film-poster,.brand-scene-film{filter:saturate(.78) contrast(.94)}
.brand-film-scrim{background:linear-gradient(90deg,#fff 0%,#fff 47%,rgba(255,255,255,.9) 57%,rgba(255,255,255,.08) 100%)}
.brand-hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);grid-template-rows:minmax(430px,1fr) auto auto;column-gap:36px;row-gap:14px;padding-top:42px;padding-bottom:26px}
.brand-hero .brand-hero-copy{max-width:650px;padding:10px 0 0}
.brand-hero .brand-kicker{color:var(--civ-action);margin-bottom:24px}
.brand-hero[data-brand-hero] h1{color:var(--civ-text);font-size:clamp(45px,4.6vw,70px);letter-spacing:-.065em}
.brand-hero[data-brand-hero] h1 em{color:var(--civ-action)}
.brand-hero[data-brand-hero] .brand-hero-lead{color:var(--civ-body);max-width:570px}
.brand-button{background:var(--civ-action);color:#fff;border-radius:12px;min-height:48px;box-shadow:none}
.brand-button:hover{background:#1554B8;color:#fff;transform:translateY(-2px)}
.brand-quiet-link{color:var(--civ-text)}
.brand-effect-note{display:flex;align-items:center;gap:8px;margin:18px 0 0;color:var(--civ-evidence);font-size:12px;line-height:1.5}
.brand-effect-note span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--civ-evidence-soft);flex:none}

.brand-hero-side{grid-column:2;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0}
.brand-witness{width:min(360px,100%);align-self:flex-end;background:rgba(255,255,255,.95);border:1px solid var(--civ-border);border-left:4px solid var(--civ-action);padding:18px;box-shadow:0 12px 35px rgba(16,24,40,.1);backdrop-filter:blur(8px)}
.brand-witness-heading{display:flex;align-items:center;gap:9px;color:var(--civ-action);font-size:12px}
.brand-witness-mark{display:inline-block;width:12px;height:12px;border:2px solid var(--civ-action);border-right-color:transparent;border-radius:50%}
.brand-witness>p{margin:10px 0 14px;color:var(--civ-body);font-size:14px;line-height:1.55}
.brand-truth-dock{display:grid;gap:8px;margin:0}
.brand-truth-dock>div{display:grid;grid-template-columns:86px 1fr;gap:10px;padding-top:8px;border-top:1px solid var(--civ-border)}
.brand-truth-dock dt{font-size:11px;font-weight:800}
.brand-truth-dock dd{margin:0;color:var(--civ-body);font-size:11px;line-height:1.45}
.brand-truth-dock [data-truth-kind="observed"] dt{color:var(--civ-action)}
.brand-truth-dock [data-truth-kind="unknown"] dt{color:var(--civ-unknown)}
.brand-truth-dock [data-truth-kind="human"] dt{color:var(--civ-human)}

.brand-scene-panel{grid-column:auto;grid-row:auto;align-self:flex-end;justify-self:auto;width:min(360px,100%);background:rgba(255,255,255,.94);color:var(--civ-text);border:1px solid var(--civ-border);border-top:4px solid var(--civ-human);backdrop-filter:blur(8px);box-shadow:0 12px 35px rgba(16,24,40,.1)}
.brand-scene-prompt{color:var(--civ-human)}
.brand-scene-moment{color:var(--civ-body)}
.brand-film-toggle{border:1px solid var(--civ-action);background:#fff;color:var(--civ-action);border-radius:10px;min-height:44px}
.brand-film-toggle:hover,.brand-film-toggle:focus-visible{background:var(--civ-action-soft);color:var(--civ-action)}
.brand-scene-selector{gap:10px}
.brand-scene-choice{min-height:56px;background:rgba(255,255,255,.96);border:1px solid var(--civ-border);border-radius:12px;color:var(--civ-text)}
.brand-scene-choice span{color:var(--civ-action)}
.brand-scene-choice.selected,.brand-scene-choice:hover,.brand-scene-choice:focus-visible{background:var(--civ-action-soft);color:var(--civ-text);border-color:var(--civ-action)}
.brand-scene-choice.selected span,.brand-scene-choice:hover span,.brand-scene-choice:focus-visible span{color:var(--civ-action)}
.brand-scene-note{color:var(--civ-unknown)}

.brand-section{border-bottom:1px solid var(--civ-border)}
.brand-section-intro,.brand-columns p,.brand-loop p,.brand-article-grid p{color:var(--civ-body)}
.brand-loop-section{background:#fff}
.brand-index,.brand-loop span{color:var(--civ-action)}
.brand-columns article,.brand-article-grid a{border-color:var(--civ-border)}
.brand-products{background:var(--civ-text);color:#fff}
.brand-products .brand-kicker,.brand-products .brand-index,.brand-product .brand-product-name{color:#84ADFF}
.brand-products .brand-section-intro{color:#D0D5DD}
.brand-product{background:#344054;border:1px solid #475467;border-radius:16px}
.brand-product:hover{background:#475467}
.brand-product p{color:#EAECF0}
.brand-state{border-color:#98A2B3;color:inherit;background:transparent}
.brand-request-teaser{background:var(--civ-unknown-soft)}
.brand-closing{background:var(--civ-action-soft);color:var(--civ-text)}
.brand-closing .brand-button{background:var(--civ-action);color:#fff}
.brand-footer{background:var(--civ-text);color:#fff}
.brand-footer p{color:#D0D5DD}
.brand-footer .brand-mark{border-color:#84ADFF;border-right-color:transparent}
.brand-footer .brand-mark i{background:#FDB022}
.brand-inner-head{background:var(--civ-unknown-soft);color:var(--civ-text);border-bottom:1px solid var(--civ-border)}
.brand-inner-head .brand-kicker{color:var(--civ-action)}
.brand-inner-head p:last-of-type{color:var(--civ-body)}
.brand-inner-head .brand-state{color:var(--civ-unknown)}
.brand-limit{background:var(--civ-human-soft);color:var(--civ-human);border-left:4px solid var(--civ-human);border-radius:12px}
.brand-article .brand-kicker{color:var(--civ-action)}
.brand-article-dek,.brand-article section p{color:var(--civ-body)}
.brand-article-sources a{color:var(--civ-evidence)}
.brand-skip{background:var(--civ-action);color:#fff;border-radius:10px}
.brand-site :focus-visible{outline:3px solid var(--civ-action);outline-offset:3px}

@media(max-width:950px){
  .brand-container{width:min(100% - 48px,1180px)}
  .brand-hero-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.72fr);grid-template-rows:minmax(455px,1fr) auto auto}
  .brand-hero-media{width:50%}
  .brand-film-scrim{background:linear-gradient(90deg,#fff 0%,#fff 43%,rgba(255,255,255,.88) 58%,rgba(255,255,255,.08) 100%)}
}
@media(max-width:650px){
  .brand-container{width:calc(100% - 32px)}
  .brand-logo .brand-wordmark{font-size:16px}
  .brand-mark{width:24px;height:24px}
  .brand-hero-media{height:210px;border-left:0;border-bottom:1px solid var(--civ-border)}
  .brand-film-scrim{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.18) 145px,#fff 210px)}
  .brand-hero-layout{padding-top:222px;padding-bottom:24px}
  .brand-hero-side{width:100%;display:grid;grid-template-columns:1fr;gap:12px}
  .brand-witness,.brand-scene-panel{width:100%;align-self:auto;box-shadow:none}
  .brand-truth-dock>div{grid-template-columns:82px 1fr}
  .brand-scene-note{color:var(--civ-unknown);order:initial;margin-bottom:0}
}
@media(max-width:360px){
  .brand-container{width:calc(100% - 28px)}
  .brand-truth-dock>div{grid-template-columns:1fr;gap:4px}
}

/* Visual-first revision — scenes lead; explanatory copy recedes. */
.brand-hero[data-brand-hero]{min-height:calc(100vh - 106px);background:#101828;color:#fff}
.brand-hero[data-brand-hero] .brand-hero-media{inset:0;width:100%;height:100%;border:0;background:#101828}
.brand-hero[data-brand-hero] .brand-film-poster,.brand-hero[data-brand-hero] .brand-scene-film{filter:saturate(.88) contrast(1.03);transform:scale(1.01)}
.brand-hero[data-brand-hero] .brand-film-scrim{z-index:-1;background:linear-gradient(90deg,rgba(16,24,40,.93) 0%,rgba(16,24,40,.72) 42%,rgba(16,24,40,.24) 72%,rgba(16,24,40,.45) 100%)}
.brand-hero[data-brand-hero] .brand-hero-layout{grid-template-columns:minmax(0,1fr) minmax(290px,360px);grid-template-rows:minmax(500px,1fr) auto auto;min-height:calc(100vh - 106px);padding-top:44px;padding-bottom:22px;column-gap:40px;row-gap:14px}
.brand-hero[data-brand-hero] .brand-hero-copy{grid-column:1;grid-row:1;align-self:center;padding:0;max-width:760px}
.brand-hero[data-brand-hero] .brand-kicker{color:#B2CCFF;margin-bottom:26px}
.brand-hero[data-brand-hero] h1{color:#fff;font-size:clamp(58px,6.5vw,104px);line-height:.98;max-width:820px;margin-bottom:26px;text-shadow:0 3px 22px rgba(0,0,0,.26)}
.brand-hero[data-brand-hero] h1 em{color:#84ADFF}
.brand-hero[data-brand-hero] .brand-hero-lead{color:#fff;font-size:clamp(18px,1.65vw,25px);font-weight:650;line-height:1.5;max-width:620px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.brand-hero[data-brand-hero] .brand-button{background:#fff;color:#1B64DA;min-width:180px}
.brand-hero[data-brand-hero] .brand-button:hover{background:#EAF2FF;color:#1554B8}
.brand-hero[data-brand-hero] .brand-scene-panel{grid-column:2;grid-row:1;align-self:end;width:100%;padding:18px;background:rgba(16,24,40,.72);color:#fff;border:1px solid rgba(255,255,255,.36);border-top:3px solid #FDB022;box-shadow:0 18px 50px rgba(0,0,0,.24);backdrop-filter:blur(14px)}
.brand-hero[data-brand-hero] .brand-scene-prompt{color:#FEDF89;margin-bottom:12px}
.brand-hero[data-brand-hero] .brand-scene-moment{display:block;color:#fff;font-size:13px;line-height:1.55;margin-top:14px}
.brand-hero[data-brand-hero] .brand-film-toggle{background:transparent;color:#fff;border-color:rgba(255,255,255,.62)}
.brand-hero[data-brand-hero] .brand-film-toggle:hover,.brand-hero[data-brand-hero] .brand-film-toggle:focus-visible{background:#fff;color:#1B64DA}
.brand-hero[data-brand-hero] .brand-scene-selector{grid-column:1/3;grid-row:2;gap:8px}
.brand-hero[data-brand-hero] .brand-scene-choice{background:rgba(16,24,40,.67);color:#fff;border-color:rgba(255,255,255,.34);backdrop-filter:blur(10px)}
.brand-hero[data-brand-hero] .brand-scene-choice span{color:#84ADFF}
.brand-hero[data-brand-hero] .brand-scene-choice.selected,.brand-hero[data-brand-hero] .brand-scene-choice:hover,.brand-hero[data-brand-hero] .brand-scene-choice:focus-visible{background:#fff;color:#191F28;border-color:#fff}
.brand-reality-strip{grid-column:1/3;grid-row:3;display:flex;align-items:center;gap:16px;min-height:38px;color:#fff;font-size:10px;letter-spacing:.02em}
.brand-reality-strip strong{color:#84ADFF}.brand-reality-strip span{padding-left:12px;border-left:2px solid #98A2B3;font-weight:800}.brand-reality-strip [data-truth-kind="observed"]{border-color:#1B64DA}.brand-reality-strip [data-truth-kind="human"]{border-color:#FDB022}.brand-reality-strip small{margin-left:auto;color:#D0D5DD;text-align:right}

.brand-visual-section{background:#fff;padding-top:96px}
.brand-visual-section>.brand-container>h2{max-width:780px;margin-bottom:48px}
.brand-visual-moments{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:repeat(2,minmax(260px,34vw));gap:14px}
.brand-visual-moment{position:relative;overflow:hidden;margin:0;background:#101828;border-radius:22px}
.brand-visual-moment:first-child{grid-row:1/3}
.brand-visual-moment img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.brand-visual-moment:hover img{transform:scale(1.025)}
.brand-visual-moment:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(16,24,40,.84))}
.brand-visual-moment figcaption{position:absolute;z-index:1;left:26px;right:26px;bottom:24px;display:flex;align-items:flex-end;gap:14px;color:#fff}
.brand-visual-moment figcaption span{font-size:11px;color:#84ADFF;font-weight:800}.brand-visual-moment figcaption strong{font-size:clamp(20px,2.2vw,34px);line-height:1.14;letter-spacing:-.05em}

.brand-products{padding-top:100px}
.brand-products>.brand-container>h2{max-width:760px;margin-bottom:46px}
.brand-product-grid-visual{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.brand-product.brand-product-visual{position:relative;isolation:isolate;overflow:hidden;display:block;aspect-ratio:1/1;min-height:0;padding:0;border:1px solid #475467;border-radius:22px;background:#101828;color:#fff}
.brand-product-visual video{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05);transition:transform .6s ease}
.brand-product-visual:hover video{transform:scale(1.035)}
.brand-product-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(16,24,40,.08) 16%,rgba(16,24,40,.92) 86%)}
.brand-product-copy{position:absolute;inset:auto 26px 26px;display:flex;flex-direction:column;align-items:flex-start}
.brand-product-visual h3{font-size:clamp(25px,2.45vw,39px);line-height:1.12;max-width:17ch;margin:18px 0 10px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.36)}
.brand-product-visual .brand-product-name{font-size:13px;color:#84ADFF;margin:0 0 13px}
.brand-product-visual .brand-state{font-size:9px;color:#fff;border-color:rgba(255,255,255,.52);background:rgba(16,24,40,.36);backdrop-filter:blur(8px)}
.brand-product-visual strong{margin-top:16px;color:#fff;font-size:12px}

.brand-visual-page-head{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:72vh;background:#101828;color:#fff;overflow:hidden}
.brand-visual-page-head>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.02)}
.brand-visual-head-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(16,24,40,.94) 0%,rgba(16,24,40,.66) 48%,rgba(16,24,40,.12) 82%),linear-gradient(0deg,rgba(16,24,40,.55),transparent 52%)}
.brand-visual-page-head>.brand-container{padding-top:100px;padding-bottom:62px}
.brand-visual-page-head .brand-kicker{color:#B2CCFF}
.brand-visual-page-head h1{font-size:clamp(52px,6vw,92px);line-height:1.02;max-width:900px;margin:24px 0 22px;color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.28)}
.brand-visual-page-head p:last-of-type{font-size:clamp(17px,1.8vw,24px);font-weight:650;max-width:660px;color:#fff}
.brand-visual-page-head .brand-state{color:#fff;border-color:rgba(255,255,255,.56);background:rgba(16,24,40,.36);backdrop-filter:blur(8px)}

@media(max-width:950px){
  .brand-hero[data-brand-hero] .brand-hero-layout{grid-template-columns:minmax(0,1fr) 250px;column-gap:24px}
  .brand-hero[data-brand-hero] h1{font-size:clamp(46px,6.2vw,58px)}
  .brand-product-grid-visual{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .brand-product.brand-product-visual:last-child{grid-column:auto;min-height:0}
  .brand-product-copy{inset:auto 14px 14px}
  .brand-product-visual h3{font-size:clamp(18px,2.7vw,25px);margin:8px 0 5px}
  .brand-product-visual .brand-product-name{font-size:11px;margin-bottom:5px}
  .brand-product-visual .brand-state{max-width:100%;margin:5px 0 0;padding:4px 7px;font-size:8px}
  .brand-product-visual strong{margin-top:8px;font-size:10px}
}
@media(max-width:650px){
  .brand-hero[data-brand-hero]{min-height:760px}
  .brand-hero[data-brand-hero] .brand-film-scrim{background:linear-gradient(180deg,rgba(16,24,40,.22) 0%,rgba(16,24,40,.72) 36%,rgba(16,24,40,.96) 100%)}
  .brand-hero[data-brand-hero] .brand-hero-layout{display:flex;min-height:760px;padding-top:230px;padding-bottom:18px;gap:14px}
  .brand-hero[data-brand-hero] .brand-hero-copy{order:1;align-self:auto}
  .brand-hero[data-brand-hero] h1{font-size:clamp(45px,13vw,65px)}
  .brand-hero[data-brand-hero] .brand-hero-lead{font-size:16px}
  .brand-hero[data-brand-hero] .brand-actions{margin-top:24px}
  .brand-hero[data-brand-hero] .brand-scene-panel{order:2;align-self:auto;width:100%;display:flex;align-items:center;gap:12px;padding:12px}.brand-hero[data-brand-hero] .brand-scene-prompt{margin:0}.brand-hero[data-brand-hero] .brand-scene-moment{display:none}.brand-hero[data-brand-hero] .brand-film-toggle{margin-left:auto;flex:none}
  .brand-hero[data-brand-hero] .brand-scene-selector{order:3;display:grid;grid-template-columns:1fr;gap:7px}.brand-hero[data-brand-hero] .brand-scene-choice{min-height:48px;padding:0 14px}
  .brand-reality-strip{order:4;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.brand-reality-strip strong,.brand-reality-strip small{grid-column:1/4}.brand-reality-strip span{padding-left:8px}.brand-reality-strip small{margin:0;text-align:left;line-height:1.4}
  .brand-visual-section{padding-top:72px}
  .brand-visual-moments{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,78vw);gap:10px}.brand-visual-moment:first-child{grid-row:auto}
  .brand-visual-moment figcaption{left:20px;right:20px;bottom:18px}
  .brand-product-grid-visual{grid-template-columns:1fr}.brand-product.brand-product-visual,.brand-product.brand-product-visual:last-child{grid-column:auto;min-height:0;aspect-ratio:1/1}
  .brand-visual-page-head{min-height:72vh}.brand-visual-page-head>img{object-position:center}.brand-visual-head-shade{background:linear-gradient(0deg,rgba(16,24,40,.96) 0%,rgba(16,24,40,.52) 54%,rgba(16,24,40,.1) 100%)}.brand-visual-page-head>.brand-container{padding-bottom:42px}.brand-visual-page-head h1{font-size:clamp(44px,12.5vw,62px)}
}
@media(prefers-reduced-motion:reduce){.brand-visual-moment img,.brand-product-visual video{transition:none}.brand-product-visual video{display:none}}

/* Product detail experiences: working UI, not another explanatory illustration. */
.brand-product-experience{padding:104px 0 112px;background:#F2F4F7;border-bottom:1px solid #D0D5DD;color:#101828}
.product-experience-intro{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:64px;align-items:end;margin-bottom:48px}
.product-experience-intro .brand-kicker{color:#1B64DA}
.product-experience-intro h2{font-size:clamp(40px,4.8vw,68px);line-height:1.06;max-width:900px;margin:18px 0 22px}
.product-experience-intro>div>p:last-child{max-width:760px;color:#475467;font-size:17px;margin:0}
.product-experience-intro aside{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-left:24px;border-left:1px solid #98A2B3}
.product-experience-intro aside .brand-state{margin:0;color:#344054;background:#fff}
.product-experience-intro aside small{color:#667085;line-height:1.55;font-size:11px}
.product-demo-shell{overflow:hidden;border:1px solid #D0D5DD;border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(16,24,40,.12)}
.product-demo-topbar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border-bottom:1px solid #E4E7EC;background:#FCFCFD;font-size:11px;letter-spacing:.05em;color:#667085}
.product-demo-topbar strong{font-size:14px;color:#101828;letter-spacing:-.01em}
.product-demo-dot{justify-self:end;display:inline-flex;align-items:center;gap:7px;color:#475467;font-weight:700}
.product-demo-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#12B76A;box-shadow:0 0 0 4px #D1FADF}
.product-demo-body{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:620px}
.product-demo-sidebar{padding:26px 14px;background:#101828;color:#fff}
.product-demo-sidebar>p{margin:0 12px 20px;color:#98A2B3;font-size:9px;font-weight:800;letter-spacing:.16em}
.product-demo-sidebar button{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;border:0;border-radius:10px;padding:14px 12px;background:transparent;color:#D0D5DD;text-align:left;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.product-demo-sidebar button span{color:#667085;font-size:10px}
.product-demo-sidebar button:hover,.product-demo-sidebar button:focus-visible{background:#1D2939;color:#fff}
.product-demo-sidebar button.is-active{background:#1B64DA;color:#fff}.product-demo-sidebar button.is-active span{color:#B2CCFF}
.product-demo-workspace{padding:44px clamp(28px,4vw,62px);background:linear-gradient(180deg,#fff 0%,#FCFCFD 100%)}
.product-demo-workspace [hidden]{display:none!important}
.product-demo-workspace h3{font-size:clamp(27px,3vw,42px);line-height:1.12;max-width:820px;margin:18px 0 14px;letter-spacing:-.045em}
.demo-pane-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.demo-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#667085}
.demo-chip{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;letter-spacing:.05em;white-space:nowrap}
.demo-chip-warn{background:#FEF0C7;color:#93370D}.demo-chip-pass{background:#D1FADF;color:#05603A}.demo-chip-live{background:#D1E9FF;color:#175CD3}.demo-chip-neutral{background:#EAECF0;color:#344054}
.demo-pane-lead{max-width:750px;color:#667085;font-size:15px;margin-bottom:28px}
.demo-summary-card,.demo-action-card,.demo-candidate{border:1px solid #D0D5DD;border-radius:16px;background:#fff;padding:24px;margin:26px 0}
.demo-card-title>span,.demo-action-card>span,.demo-candidate>span{display:block;color:#667085;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:9px}
.demo-card-title>strong{display:block;max-width:780px;font-size:18px;line-height:1.45}
.demo-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.demo-field{min-height:96px;padding:15px;border-radius:12px;background:#F2F4F7}.demo-field span{display:block;color:#667085;font-size:9px;font-weight:800;margin-bottom:10px}.demo-field strong{font-size:13px;line-height:1.45}.demo-field-alert{background:#FFFAEB;color:#7A2E0E}
.demo-primary{display:inline-flex;align-items:center;gap:30px;border:0;border-radius:10px;background:#1B64DA;color:#fff;padding:15px 18px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(27,100,218,.18)}
.demo-primary:hover,.demo-primary:focus-visible{background:#175CD3;transform:translateY(-1px)}
.demo-evidence-list{display:grid;gap:10px;margin:28px 0}
.demo-evidence-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #E4E7EC;border-radius:13px;padding:16px;background:#fff}.demo-evidence-item strong{display:block;font-size:14px}.demo-evidence-item p{margin:3px 0 0;color:#667085;font-size:12px;line-height:1.45}
.demo-proof-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-weight:900}.demo-proof-icon.is-pass{background:#D1FADF;color:#027A48}.demo-proof-icon.is-open{background:#FEF0C7;color:#B54708}
.demo-verdict{display:flex;align-items:center;gap:22px;margin:32px 0;padding:28px;border-radius:16px;background:#FFFAEB;border:1px solid #FEDF89}.demo-verdict-mark{display:grid;place-items:center;flex:0 0 56px;height:56px;border-radius:50%;background:#F79009;color:#fff;font-size:27px;font-weight:900}.demo-verdict p{margin:0 0 4px;color:#93370D;font-size:11px;font-weight:800}.demo-verdict h3{font-size:clamp(24px,2.5vw,34px);margin:0;color:#7A2E0E}
.demo-action-card{border-color:#B2CCFF;background:#EFF4FF}.demo-action-card strong{display:block;font-size:20px;line-height:1.4}.demo-action-card p{margin:10px 0 0;color:#475467;font-size:13px}
.demo-human-line{display:flex;justify-content:space-between;gap:28px;align-items:center;border-top:1px solid #D0D5DD;margin-top:28px;padding-top:22px}.demo-human-line span{color:#667085;font-size:10px;font-weight:800;letter-spacing:.09em}.demo-human-line strong{text-align:right;font-size:13px}
.demo-chat-window{overflow:hidden;border:1px solid #D0D5DD;border-radius:16px;background:#F9FAFB;margin:26px 0}
.demo-chat-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px;border-bottom:1px solid #EAECF0}.demo-chat-row:last-child{border-bottom:0}.demo-chat-row>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#101828;color:#fff;font-size:9px;font-weight:800}.demo-chat-row.is-user>span{background:#1B64DA}.demo-chat-row p{margin:2px 0;color:#344054;font-size:14px;line-height:1.65}
.demo-callout{display:flex;flex-direction:column;gap:7px;border-radius:13px;padding:17px 19px;margin:20px 0}.demo-callout strong{font-size:9px;letter-spacing:.1em}.demo-callout span{font-size:13px;font-weight:700;line-height:1.5}.demo-callout-muted{background:#F2F4F7;color:#475467}.demo-callout-focus{background:#EFF4FF;color:#1849A9;border-left:4px solid #528BFF}
.demo-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:27px 0}.demo-context-grid article{min-height:150px;border:1px solid #D0D5DD;border-radius:14px;padding:19px;background:#fff}.demo-context-grid strong{display:block;font-size:15px;line-height:1.45;margin:15px 0 8px}.demo-context-grid p{margin:0;color:#667085;font-size:11px;line-height:1.5}
.demo-context-type{font-size:9px;font-weight:800;letter-spacing:.08em}.demo-context-type.is-source{color:#175CD3}.demo-context-type.is-decision{color:#067647}.demo-context-type.is-open{color:#B54708}.demo-context-type.is-next{color:#5925DC}
.demo-memory-banner{display:flex;justify-content:space-between;gap:20px;margin:26px 0;padding:18px 20px;border-radius:13px;background:#101828;color:#fff}.demo-memory-banner span{color:#84ADFF;font-size:10px;font-weight:800;letter-spacing:.08em}.demo-memory-banner strong{font-size:13px}
.demo-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.demo-mini-grid>div{min-height:105px;padding:16px;border-radius:13px;background:#F2F4F7}.demo-mini-grid span{display:block;color:#667085;font-size:9px;font-weight:800;letter-spacing:.06em;margin-bottom:13px}.demo-mini-grid strong{font-size:20px;line-height:1.2}
.demo-timeline{position:relative;display:grid;gap:11px;margin:28px 0}.demo-timeline:before{content:"";position:absolute;left:37px;top:28px;bottom:28px;width:1px;background:#D0D5DD}.demo-timeline article{position:relative;display:grid;grid-template-columns:76px 1fr;align-items:center;min-height:82px;padding:14px;border:1px solid #E4E7EC;border-radius:13px;background:#fff}.demo-timeline article>span{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:30px;border-radius:999px;background:#EAECF0;color:#475467;font-size:9px;font-weight:800}.demo-timeline article.is-alert{border-color:#FEDF89;background:#FFFCF5}.demo-timeline article.is-alert>span{background:#F79009;color:#fff}.demo-timeline strong{font-size:10px;letter-spacing:.07em}.demo-timeline p{margin:4px 0 0;color:#667085;font-size:12px}
.demo-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.demo-compare article{min-height:170px;padding:20px;border:1px solid #D0D5DD;border-radius:14px;background:#fff}.demo-compare article span{display:block;color:#667085;font-size:9px;font-weight:800;letter-spacing:.1em;margin-bottom:24px}.demo-compare article strong{font-size:16px;line-height:1.5}.demo-compare article.is-gap{border-color:#FDA29B;background:#FFFBFA}.demo-compare article.is-gap span{color:#B42318}
.demo-candidate{border-color:#B2CCFF;background:linear-gradient(135deg,#EFF4FF,#fff)}.demo-candidate h3{font-size:clamp(25px,3vw,39px);margin:10px 0 13px;color:#1849A9}.demo-candidate p{margin:0;color:#475467;font-size:13px}

@media(max-width:950px){
  .product-experience-intro{grid-template-columns:1fr;gap:28px}.product-experience-intro aside{max-width:600px}
  .product-demo-body{grid-template-columns:1fr}.product-demo-sidebar{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}.product-demo-sidebar>p{grid-column:1/4;margin:2px 8px 4px}.product-demo-sidebar button{grid-template-columns:24px 1fr;padding:11px 9px}
  .product-demo-workspace{min-height:590px}
}
@media(max-width:650px){
  .brand-product-experience{padding:74px 0 80px}.product-experience-intro h2{font-size:39px}.product-experience-intro>div>p:last-child{font-size:15px}
  .product-demo-topbar{grid-template-columns:1fr auto;height:52px;padding:0 15px}.product-demo-topbar>span:nth-child(2){display:none}
  .product-demo-sidebar{overflow-x:auto;grid-template-columns:repeat(3,minmax(150px,1fr))}.product-demo-sidebar>p{display:none}.product-demo-sidebar button{white-space:nowrap}
  .product-demo-workspace{padding:28px 18px;min-height:670px}.demo-pane-head{align-items:flex-start}.product-demo-workspace h3{font-size:29px}
  .demo-fields,.demo-context-grid,.demo-mini-grid,.demo-compare{grid-template-columns:1fr}.demo-field,.demo-mini-grid>div{min-height:0}.demo-context-grid article,.demo-compare article{min-height:0}
  .demo-evidence-item{grid-template-columns:34px 1fr}.demo-evidence-item .demo-chip{grid-column:2;justify-self:start}.demo-verdict{align-items:flex-start;padding:20px}.demo-verdict-mark{flex-basis:42px;height:42px}.demo-human-line,.demo-memory-banner{align-items:flex-start;flex-direction:column}.demo-human-line strong{text-align:left}.demo-primary{width:100%;justify-content:space-between}
}

/*
 * Civitas civic-archive palette — local review candidate.
 * Parchment and stone hold memory; verdigris marks continuity;
 * terracotta marks human judgment; bronze marks checked evidence.
 */
:root{
  /* 60 / 30 / 10 area budget: paper / structure / action. */
  --civ-main-60:#F4F4F0;
  --civ-secondary-30:#222B29;
  --civ-accent-10:#2F6F64;
  --civ-paper-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72 .16' numOctaves='4' seed='17' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='.34'/%3E%3C/svg%3E");
  --civ-text:#262A25;
  --civ-body:#4D554D;
  --civ-muted:#74786F;
  --civ-action:#2F6F64;
  --civ-action-strong:#24584F;
  --civ-action-soft:#E2ECE7;
  --civ-human:#B45E42;
  --civ-human-soft:#F3E3DB;
  --civ-result:#55745A;
  --civ-result-soft:#E5EDE3;
  --civ-evidence:#8B6A3E;
  --civ-evidence-soft:#F1EEE6;
  --civ-unknown:#6E736B;
  --civ-unknown-soft:#ECEEEA;
  --civ-danger:#963F35;
  --civ-danger-soft:#F3E3E0;
  --civ-border:#CDD0C8;
  --civ-canvas:var(--civ-main-60);
  --civ-surface:#FCFCFA;
  --civ-night:var(--civ-secondary-30);
  --civ-night-soft:#303B38;
  --civ-accent:#B9D3C4;
  --civ-bronze:#C29A56;
  color:var(--civ-text);
  background:var(--civ-canvas);
}
body{background:var(--civ-canvas);color:var(--civ-text)}
/* A restrained physical grain keeps the paper field tactile without imitating an illustration. */
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:2147483646;
  pointer-events:none;
  background-image:var(--civ-paper-texture),radial-gradient(ellipse at 17% 9%,rgba(73,78,72,.09),transparent 34%),radial-gradient(ellipse at 82% 77%,rgba(61,82,75,.08),transparent 31%);
  background-size:180px 180px,100% 100%,100% 100%;
  background-repeat:repeat,no-repeat,no-repeat;
  mix-blend-mode:multiply;
  opacity:.085;
}
.brand-review{background:var(--civ-unknown-soft);color:var(--civ-unknown);border-color:var(--civ-border)}
.brand-header{background:rgba(252,252,250,.97);border-color:var(--civ-border)}
.brand-mark{border-color:var(--civ-action);border-right-color:transparent}.brand-mark i{background:var(--civ-human)}
.brand-header nav a:hover,.brand-header nav a[aria-current],.brand-language:hover{color:var(--civ-action)}
.brand-button,.brand-closing .brand-button,.demo-primary{background:var(--civ-action);color:#fff}
.brand-button:hover,.demo-primary:hover,.demo-primary:focus-visible{background:var(--civ-action-strong);color:#fff}
.brand-site :focus-visible{outline-color:var(--civ-human)}

.brand-hero[data-brand-hero]{background:var(--civ-night);color:#fff}
.brand-hero[data-brand-hero] .brand-hero-media{background:var(--civ-night)}
.brand-hero[data-brand-hero] .brand-film-poster,.brand-hero[data-brand-hero] .brand-scene-film{filter:saturate(.58) contrast(1.04)}
.brand-hero[data-brand-hero] .brand-film-scrim{background:linear-gradient(90deg,rgba(36,43,37,.95) 0%,rgba(36,43,37,.76) 43%,rgba(36,43,37,.28) 73%,rgba(36,43,37,.52) 100%)}
.brand-hero[data-brand-hero] .brand-kicker,.brand-hero[data-brand-hero] h1 em{color:var(--civ-accent)}
.brand-hero[data-brand-hero] .brand-button{background:#F2F2EC;color:var(--civ-night)}
.brand-hero[data-brand-hero] .brand-button:hover{background:#FFFFFF;color:var(--civ-night)}
.brand-hero[data-brand-hero] .brand-scene-panel{background:rgba(36,43,37,.78);border-color:rgba(226,236,231,.42);border-top-color:var(--civ-human)}
.brand-hero[data-brand-hero] .brand-scene-prompt{color:var(--civ-accent)}
.brand-hero[data-brand-hero] .brand-film-toggle{border-color:rgba(226,236,231,.7)}
.brand-hero[data-brand-hero] .brand-film-toggle:hover,.brand-hero[data-brand-hero] .brand-film-toggle:focus-visible{background:#E6ECE8;color:var(--civ-night)}
.brand-hero[data-brand-hero] .brand-scene-choice{background:rgba(36,43,37,.7);border-color:rgba(226,236,231,.38)}
.brand-hero[data-brand-hero] .brand-scene-choice span{color:#A8C9BA}
.brand-hero[data-brand-hero] .brand-scene-choice.selected,.brand-hero[data-brand-hero] .brand-scene-choice:hover,.brand-hero[data-brand-hero] .brand-scene-choice:focus-visible{background:var(--civ-main-60);color:var(--civ-text);border-color:var(--civ-main-60)}
.brand-reality-strip strong{color:var(--civ-accent)}.brand-reality-strip [data-truth-kind="observed"]{border-color:#72A595}.brand-reality-strip [data-truth-kind="human"]{border-color:#D37A58}.brand-reality-strip small{color:#D8DFDB}

.brand-section,.brand-visual-section{background:var(--civ-canvas);border-color:var(--civ-border)}
.brand-index,.brand-loop span,.brand-article .brand-kicker,.brand-article-sources a{color:var(--civ-action)}
.brand-columns article,.brand-article-grid a,.brand-article section{border-color:var(--civ-border)}
.brand-section-intro,.brand-columns p,.brand-loop p,.brand-article-grid p,.brand-article-dek,.brand-article section p{color:var(--civ-body)}
.brand-visual-moment{background:var(--civ-night)}.brand-visual-moment figcaption span{color:var(--civ-accent)}.brand-visual-moment:after{background:linear-gradient(transparent,rgba(36,43,37,.88))}
.brand-products{background:#ECEEEA;color:var(--civ-text)}
.brand-products .brand-kicker,.brand-products .brand-index{color:var(--civ-action)}
.brand-products .brand-section-intro{color:var(--civ-body)}
.brand-product .brand-product-name,.brand-product-visual .brand-product-name{color:#9CC5B5}
.brand-product.brand-product-visual{background:var(--civ-night);border-color:#596359;color:#fff}
.brand-product-visual video{filter:saturate(.66) contrast(1.05)}
.brand-product-visual .brand-index{display:inline-flex;width:max-content;padding:4px 8px;border:1px solid rgba(184,213,200,.58);border-radius:999px;background:rgba(36,43,37,.82);color:#D7E9DF;text-shadow:0 1px 8px rgba(0,0,0,.7);box-shadow:0 3px 12px rgba(0,0,0,.16)}
.brand-product-shade{background:linear-gradient(180deg,rgba(36,43,37,.06) 14%,rgba(36,43,37,.94) 88%)}
.brand-request-teaser{background:#E7EAE6}
.brand-closing{background:#E7EAE6;color:var(--civ-text)}
.brand-footer{background:var(--civ-night);color:#fff}
.brand-footer .brand-logo,.brand-footer .brand-wordmark{color:#fff}
.brand-footer p{color:#D7DEDA;font-size:13px}
.brand-footer nav a{color:#FFFDF7;text-shadow:0 1px 0 rgba(0,0,0,.18)}
.brand-footer nav a:hover,.brand-footer nav a:focus-visible{color:#D7E9DF;text-decoration:underline;text-underline-offset:5px}
.brand-footer .brand-mark{border-color:#B8D5C8;border-right-color:transparent}.brand-footer .brand-mark i{background:#E18A68}

.brand-inner-head{background:#ECEEEA;color:var(--civ-text);border-color:var(--civ-border)}
.brand-inner-head .brand-kicker{color:var(--civ-action)}.brand-inner-head p:last-of-type{color:var(--civ-body)}.brand-inner-head .brand-state{color:var(--civ-unknown)}
.brand-limit{background:var(--civ-human-soft);color:#8A432F;border-color:var(--civ-human)}
.brand-visual-page-head{background:var(--civ-night)}
.brand-visual-page-head>img{filter:saturate(.66) contrast(1.04)}
.brand-visual-head-shade{background:linear-gradient(90deg,rgba(36,43,37,.95) 0%,rgba(36,43,37,.7) 48%,rgba(36,43,37,.14) 82%),linear-gradient(0deg,rgba(36,43,37,.58),transparent 52%)}
.brand-visual-page-head .brand-kicker{color:var(--civ-accent)}

.brand-product-experience{background:#EEF0ED;border-color:var(--civ-border);color:var(--civ-text)}
.product-experience-intro .brand-kicker{color:var(--civ-action)}
.product-experience-intro>div>p:last-child,.product-experience-intro aside small,.demo-pane-lead,.demo-evidence-item p,.demo-context-grid p,.demo-timeline p,.demo-candidate p{color:var(--civ-body)}
.product-experience-intro aside{border-color:#AFA99C}.product-experience-intro aside .brand-state{color:var(--civ-body);background:var(--civ-surface)}
.product-demo-shell{border-color:var(--civ-border);background:var(--civ-surface);box-shadow:0 28px 70px rgba(55,48,36,.12)}
.product-demo-topbar{border-color:#D8DBD4;background:#F7F7F3;color:var(--civ-muted)}.product-demo-topbar strong{color:var(--civ-text)}.product-demo-dot{color:var(--civ-body)}.product-demo-dot:before{background:#66876B;box-shadow:0 0 0 4px #E5EDE3}
.product-demo-sidebar{background:var(--civ-night)}.product-demo-sidebar>p{color:#A9A99F}.product-demo-sidebar button{color:#D8D3C7}.product-demo-sidebar button span{color:#8F968E}.product-demo-sidebar button:hover,.product-demo-sidebar button:focus-visible{background:var(--civ-night-soft)}.product-demo-sidebar button.is-active{background:var(--civ-action)}.product-demo-sidebar button.is-active span{color:#D7E7DF}
.product-demo-workspace{background:linear-gradient(180deg,var(--civ-surface) 0%,#F5F6F2 100%)}
.demo-eyebrow,.demo-card-title>span,.demo-action-card>span,.demo-candidate>span,.demo-human-line span,.demo-mini-grid span,.demo-compare article span{color:var(--civ-muted)}
.demo-chip-live{background:var(--civ-action-soft);color:var(--civ-action-strong)}.demo-chip-neutral{background:var(--civ-unknown-soft);color:var(--civ-unknown)}.demo-chip-pass{background:var(--civ-result-soft);color:#3F6246}.demo-chip-warn{background:var(--civ-evidence-soft);color:#76572F}
.demo-summary-card,.demo-action-card,.demo-candidate,.demo-evidence-item,.demo-context-grid article,.demo-timeline article,.demo-compare article{border-color:var(--civ-border);background:var(--civ-surface)}
.demo-field,.demo-mini-grid>div,.demo-callout-muted{background:var(--civ-unknown-soft);color:var(--civ-body)}.demo-field-alert{background:var(--civ-evidence-soft);color:#75552F}
.demo-proof-icon.is-pass{background:var(--civ-result-soft);color:#46664B}.demo-proof-icon.is-open{background:var(--civ-human-soft);color:var(--civ-human)}
.demo-verdict{background:var(--civ-evidence-soft);border-color:#D9BE87}.demo-verdict-mark{background:var(--civ-human)}.demo-verdict p,.demo-verdict h3{color:#75432F}
.demo-action-card{border-color:#AAC9BB;background:var(--civ-action-soft)}
.demo-chat-window{border-color:var(--civ-border);background:#F2F3EF}.demo-chat-row{border-color:#D8DBD4}.demo-chat-row>span{background:var(--civ-night)}.demo-chat-row.is-user>span{background:var(--civ-action)}.demo-chat-row p{color:var(--civ-body)}
.demo-callout-focus{background:var(--civ-action-soft);color:var(--civ-action-strong);border-color:#79A99A}
.demo-context-type.is-source{color:var(--civ-evidence)}.demo-context-type.is-decision{color:var(--civ-result)}.demo-context-type.is-open{color:var(--civ-human)}.demo-context-type.is-next{color:var(--civ-action)}
.demo-memory-banner{background:var(--civ-night)}.demo-memory-banner span{color:var(--civ-accent)}
.demo-timeline:before{background:var(--civ-border)}.demo-timeline article>span{background:var(--civ-unknown-soft);color:var(--civ-body)}.demo-timeline article.is-alert{border-color:#D9BE87;background:#F8F0DF}.demo-timeline article.is-alert>span{background:var(--civ-human)}
.demo-compare article.is-gap{border-color:#D9A898;background:#F8EDE8}.demo-compare article.is-gap span{color:var(--civ-danger)}
.demo-candidate{border-color:#AAC9BB;background:linear-gradient(135deg,var(--civ-action-soft),var(--civ-surface))}.demo-candidate h3{color:var(--civ-action-strong)}

/* Visual depth for Approach and Products: each page closes on a real work scene, not an empty text band. */
.brand-approach-scene{padding:0 0 112px;background:var(--civ-canvas)}
.brand-approach-scene figure{position:relative;isolation:isolate;overflow:hidden;min-height:620px;margin:0;border-radius:26px;background:var(--civ-night);box-shadow:0 24px 70px rgba(55,48,36,.14)}
.brand-approach-scene figure>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.66) contrast(1.04)}
.brand-approach-scene figure:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(36,43,37,.96) 0%,rgba(36,43,37,.68) 48%,rgba(36,43,37,.08) 86%),linear-gradient(0deg,rgba(36,43,37,.72),transparent 58%)}
.brand-approach-scene figcaption{position:absolute;left:clamp(28px,5vw,72px);right:clamp(28px,5vw,72px);bottom:clamp(28px,5vw,64px);color:#fff}
.brand-approach-scene .brand-kicker{color:var(--civ-accent);margin-bottom:22px}
.brand-approach-scene h2{max-width:790px;margin:0 0 50px;font-size:clamp(39px,5vw,72px);line-height:1.05;font-weight:600;letter-spacing:-.06em}
.approach-scene-rail{display:grid;grid-template-columns:repeat(3,1fr);max-width:820px;border-top:1px solid rgba(255,255,255,.4)}
.approach-scene-rail span{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:74px;border-right:1px solid rgba(255,255,255,.24);font-size:13px;font-weight:750}
.approach-scene-rail span:last-child{border-right:0}.approach-scene-rail b{color:var(--civ-accent);font-size:10px;letter-spacing:.12em}

.brand-product-mosaic{padding:118px 0 126px;background:var(--civ-night);color:#fff}
.product-mosaic-heading{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;align-items:start;margin-bottom:54px}
.product-mosaic-heading .brand-kicker{color:var(--civ-accent);margin-top:9px}
.product-mosaic-heading h2{max-width:840px;margin:0;font-size:clamp(41px,5vw,72px);line-height:1.07;font-weight:600;letter-spacing:-.06em}
.product-mosaic-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,minmax(270px,29vw));gap:14px}
.product-mosaic-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(241,232,213,.25);border-radius:24px;background:var(--civ-night-soft);color:#fff}
.product-mosaic-card-1{grid-column:1/8;grid-row:1/3}.product-mosaic-card-2{grid-column:8/13;grid-row:1}.product-mosaic-card-3{grid-column:8/13;grid-row:2}
.product-mosaic-card img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.66) contrast(1.04);transition:transform .65s ease}
.product-mosaic-card:hover img{transform:scale(1.035)}
.product-mosaic-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(36,43,37,.05) 18%,rgba(36,43,37,.92) 92%)}
.product-mosaic-copy{position:absolute;inset:auto 28px 28px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:7px 12px;align-items:end}
.product-mosaic-copy b{grid-row:1/3;color:var(--civ-accent);font-size:10px;letter-spacing:.1em;align-self:start;padding-top:4px}
.product-mosaic-copy small{grid-column:2;color:#9CC5B5;font-size:11px;font-weight:800;letter-spacing:.05em}
.product-mosaic-copy strong{grid-column:2;max-width:19ch;font-size:clamp(21px,2.4vw,38px);line-height:1.12;letter-spacing:-.045em}
.product-mosaic-copy i{grid-column:3;grid-row:1/3;align-self:end;font-size:20px;font-style:normal}

.brand-product-story{padding:112px 0 124px;background:var(--civ-canvas);border-bottom:1px solid var(--civ-border)}
.product-story-visual{position:relative;isolation:isolate;overflow:hidden;min-height:560px;border-radius:26px;background:var(--civ-night);color:#fff}
.product-story-visual>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.66) contrast(1.04)}
.product-story-visual>span{position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(36,43,37,.94),rgba(36,43,37,.06) 72%)}
.product-story-visual>div{position:absolute;left:34px;right:34px;bottom:32px}
.product-story-visual .brand-kicker{color:var(--civ-accent);margin-bottom:15px}
.product-story-visual h2{max-width:760px;margin:0;font-size:clamp(34px,4.5vw,64px);line-height:1.06;font-weight:600;letter-spacing:-.06em}
.product-story-points article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;border-top:1px solid var(--civ-border);padding:24px 0}
.product-story-points article>span{color:var(--civ-action);font-size:10px;font-weight:800;letter-spacing:.12em;padding-top:6px}
.product-story-points h3{font-size:clamp(23px,2.1vw,31px);line-height:1.16;margin:0 0 8px;font-weight:650}
.product-story-points p{max-width:560px;margin:0;color:var(--civ-body);font-size:14px}
.brand-product-story-warden{background:#E7EAE6}.brand-product-story-warden>.brand-container{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}.brand-product-story-warden .product-story-visual{min-height:670px}.brand-product-story-warden .product-story-points article{border-color:#B9C0B8}
.brand-product-story-memory>.brand-container{display:grid;grid-template-columns:.88fr 1.12fr;gap:56px;align-items:center}.brand-product-story-memory .product-story-visual{order:2;min-height:620px}.brand-product-story-memory .product-story-points{order:1}.brand-product-story-memory .product-story-points article{position:relative;padding:27px 22px;border:0;border-left:3px solid var(--civ-action);background:rgba(252,250,244,.78);margin-bottom:12px}.brand-product-story-memory .product-story-points article>span{color:var(--civ-human)}
.brand-product-story-introspecta{background:#ECEEEA}.brand-product-story-introspecta .product-story-visual{min-height:540px}.brand-product-story-introspecta .product-story-visual>span{background:linear-gradient(90deg,rgba(34,43,41,.92),rgba(34,43,41,.12) 76%)}.brand-product-story-introspecta .product-story-visual>div{top:50%;bottom:auto;transform:translateY(-50%);max-width:720px}.brand-product-story-introspecta .product-story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.brand-product-story-introspecta .product-story-points article{display:block;min-height:250px;padding:26px 24px;border:1px solid var(--civ-border);border-top:4px solid var(--civ-human);border-radius:0 0 18px 18px;background:var(--civ-surface)}.brand-product-story-introspecta .product-story-points article>span{display:block;margin-bottom:38px}

.product-experience-note-mark{color:var(--civ-human);font-size:24px;line-height:1}
.brand-product-experience[data-product-demo="warden"]{background:#fff}.brand-product-experience[data-product-demo="memory"]{background:#EEF0ED}.brand-product-experience[data-product-demo="introspecta"]{background:#fff}

/* Page rhythm: white, parchment and dark structure alternate instead of becoming one flat AI-tinted field. */
.brand-page-home .brand-visual-section{background:#fff}
.brand-page-home .brand-products{background:#ECEEEA}
.brand-page-home .brand-journal-teaser{background:#fff}
.brand-page-home .brand-request-teaser{background:var(--civ-night);color:#fff;border-color:#465148}
.brand-page-home .brand-request-teaser .brand-kicker{color:var(--civ-accent)}
.brand-page-home .brand-request-teaser .brand-principle p{color:#D7DEDA}
.brand-page-home .brand-request-teaser .brand-quiet-link{color:#B8D5C8}
.brand-page-home .brand-closing{background:#E7EAE6}

.brand-page-products .brand-products{background:#fff}
.brand-page-products .brand-product-mosaic{background:#ECEEEA;color:var(--civ-text);border-bottom:1px solid var(--civ-border)}
.brand-page-products .product-mosaic-heading .brand-kicker{color:var(--civ-action)}

.brand-page-approach .brand-inner-head{background:#ECEEEA}
.brand-page-approach .brand-section{background:#fff}
.brand-page-approach .brand-approach-scene{background:#ECEEEA}
.brand-page-memory .brand-product-story{background:#fff}
.brand-page-journal .brand-inner-head{background:#fff}
.brand-page-journal .brand-section,.brand-page-journal-detail{background:#ECEEEA}

/* Journal index: an editorial field with real work scenes, not two empty text columns. */
.brand-journal-head{padding:58px 0 68px}
.brand-journal-head-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:72px;align-items:end}
.brand-journal-head h1{font-size:clamp(44px,4.2vw,64px);margin:22px 0 24px;white-space:nowrap}
.brand-journal-head-grid>div>p:last-of-type{max-width:580px}
.brand-journal-head figure{position:relative;isolation:isolate;overflow:hidden;min-height:350px;margin:0;border-radius:24px;background:var(--civ-night);color:#fff}
.brand-journal-head figure img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.66) contrast(1.04)}
.brand-journal-head figure>span{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(34,43,41,.04) 24%,rgba(34,43,41,.9) 100%)}
.brand-journal-head figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;max-width:26ch;font-size:18px;font-weight:750;line-height:1.45;letter-spacing:-.035em;text-wrap:balance;word-break:keep-all}
.brand-journal-index-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:20px 30px;align-items:start}
.brand-journal-index-grid a{min-height:0;padding:0 0 38px;border-top:0}
.brand-journal-index-grid a:nth-child(2){margin-top:88px}
.brand-journal-card-image{position:relative;isolation:isolate;display:block;overflow:hidden;width:100%;aspect-ratio:16/9;margin-bottom:26px;border-radius:22px;background:var(--civ-night)}
.brand-journal-index-grid a:nth-child(2) .brand-journal-card-image{aspect-ratio:4/3}
.brand-journal-card-image img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.66) contrast(1.04);transition:transform .55s ease}
.brand-journal-card-image i{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(34,43,41,.5) 100%)}
.brand-journal-index-grid a:hover .brand-journal-card-image img{transform:scale(1.035)}
.brand-journal-index-grid h3{max-width:19ch;margin:22px 0 10px;font-size:clamp(27px,3vw,38px);line-height:1.18}
.brand-journal-index-grid p{max-width:43ch}.brand-journal-index-grid strong{margin-top:22px}

@media(min-width:701px){
  .brand-page-home .brand-products>.brand-container{display:grid;grid-template-columns:.82fr 1.18fr;column-gap:72px}
  .brand-page-home .brand-products>.brand-container>.brand-kicker,.brand-page-home .brand-products>.brand-container>h2{grid-column:2}
  .brand-page-home .brand-products>.brand-container>.brand-product-grid{grid-column:1/3}
  .brand-page-home .brand-journal-teaser>.brand-container{display:grid;grid-template-columns:.82fr 1.18fr;grid-template-rows:auto auto auto;column-gap:76px;align-items:start}
  .brand-page-home .brand-journal-teaser .brand-kicker,.brand-page-home .brand-journal-teaser h2,.brand-page-home .brand-journal-teaser .brand-section-intro{grid-column:1}
  .brand-page-home .brand-journal-teaser .brand-article-grid{grid-column:2;grid-row:1/4}
  .brand-page-home .brand-request-teaser>.brand-container{display:grid;grid-template-columns:1.05fr .95fr;column-gap:86px;align-items:end}
  .brand-page-home .brand-request-teaser .brand-kicker,.brand-page-home .brand-request-teaser h2{grid-column:1}
  .brand-page-home .brand-request-teaser .brand-principle{grid-column:2;grid-row:1/3;display:block}
  .brand-page-home .brand-request-teaser .brand-principle p{margin-bottom:28px}
  .brand-page-home .brand-closing .brand-container{flex-direction:row-reverse;text-align:right}
  .brand-page-home .brand-closing p{margin-left:auto}
  .brand-page-approach .brand-columns article:nth-child(2){margin-top:34px}
  .brand-page-approach .brand-columns article:nth-child(3){margin-top:68px}
  .brand-page-memory .brand-visual-head-shade{background:linear-gradient(270deg,rgba(36,43,37,.95) 0%,rgba(36,43,37,.68) 48%,rgba(36,43,37,.1) 84%),linear-gradient(0deg,rgba(36,43,37,.5),transparent 55%)}
  .brand-page-memory .brand-visual-page-head>.brand-container{padding-left:43%}
  .brand-page-memory .product-experience-intro{grid-template-columns:270px minmax(0,1fr)}
  .brand-page-memory .product-experience-intro>div{order:2}.brand-page-memory .product-experience-intro>aside{order:1;border-left:0;border-right:1px solid #AFA99C;padding:0 24px 0 0}
  .brand-page-warden .product-demo-shell{width:94%;margin-right:auto}
  .brand-page-memory .product-demo-shell{width:94%;margin-left:auto}
  .brand-page-introspecta .product-demo-shell{width:97%;margin-inline:auto}
}
@media(min-width:701px) and (max-width:950px){
  .brand-page-home .brand-journal-teaser>.brand-container{grid-template-columns:.9fr 1.1fr;column-gap:42px}
  .brand-page-home .brand-journal-teaser .brand-article-grid{grid-template-columns:1fr;gap:0}
  .brand-page-home .brand-journal-teaser .brand-article-grid a{min-height:190px}
  .brand-page-home .brand-request-teaser>.brand-container{column-gap:42px}
  .brand-page-memory .product-experience-intro{grid-template-columns:210px minmax(0,1fr);gap:34px}
  .brand-page-memory .brand-visual-page-head>.brand-container{padding-left:34%}
  .brand-page-memory .brand-visual-page-head h1{font-size:clamp(34px,4.7vw,40px);max-width:18ch}
  .product-mosaic-heading{grid-template-columns:150px minmax(0,1fr);gap:28px}
  .product-mosaic-heading h2{font-size:clamp(38px,5.2vw,48px)}
}

@media(min-width:701px) and (max-width:1100px){
  .brand-page-home .brand-journal-teaser .brand-article-grid{grid-template-columns:1fr;gap:0}
  .brand-page-home .brand-journal-teaser .brand-article-grid a{min-height:190px}
}

@media(max-width:950px){
  .brand-journal-head-grid{grid-template-columns:1fr;gap:38px}
  .brand-journal-head figure{min-height:0;aspect-ratio:16/7}
}

@media(min-width:651px) and (max-width:950px){
  .product-mosaic-grid{grid-template-columns:repeat(12,1fr);grid-template-rows:minmax(360px,48vw) minmax(280px,38vw)}
  .product-mosaic-card-1{grid-column:1/13;grid-row:1}
  .product-mosaic-card-2{grid-column:1/7;grid-row:2}
  .product-mosaic-card-3{grid-column:7/13;grid-row:2}
  .product-mosaic-copy strong{max-width:24ch;font-size:clamp(21px,3vw,28px)}
}

/* Responsive typography: balance deliberate lines and prevent orphan syllables in Korean. */
.brand-site h1,.brand-site h2,.brand-site h3,.brand-product-visual h3,.product-mosaic-copy strong,.product-story-visual h2,.product-story-points h3,.brand-closing p{text-wrap:balance}
html[lang="ko"] .brand-site h1,html[lang="ko"] .brand-site h2,html[lang="ko"] .brand-site h3,html[lang="ko"] .brand-product-visual h3,html[lang="ko"] .product-mosaic-copy strong,html[lang="ko"] .product-story-visual h2,html[lang="ko"] .product-story-points h3,html[lang="ko"] .brand-closing p{word-break:keep-all;overflow-wrap:normal}
.brand-footer nav a,.brand-header nav a,.brand-language{white-space:nowrap}

@media(max-width:900px){
  .brand-footer .brand-container{display:grid;grid-template-columns:1fr;gap:30px}
  .brand-footer nav{margin:0;justify-content:flex-start;gap:18px 28px}
}

@media(min-width:651px) and (max-width:700px){
  .brand-product-grid-visual{gap:8px}
  .brand-product-copy{inset:auto 13px 13px}
  .brand-product-visual h3{font-size:20px}
  .brand-product-visual strong{font-size:10px}
}

@media(max-width:650px){
  .brand-hero[data-brand-hero] .brand-film-scrim{background:linear-gradient(180deg,rgba(36,43,37,.2) 0%,rgba(36,43,37,.74) 36%,rgba(36,43,37,.97) 100%)}
  .brand-visual-head-shade{background:linear-gradient(0deg,rgba(36,43,37,.97) 0%,rgba(36,43,37,.54) 54%,rgba(36,43,37,.1) 100%)}
  .brand-approach-scene{padding-bottom:78px}.brand-approach-scene figure{min-height:620px}.brand-approach-scene figure:after{background:linear-gradient(0deg,rgba(36,43,37,.97),rgba(36,43,37,.22) 86%)}.brand-approach-scene h2{font-size:39px;margin-bottom:34px}.approach-scene-rail{grid-template-columns:1fr}.approach-scene-rail span{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);min-height:52px}
  .brand-product-mosaic{padding:80px 0 88px}.product-mosaic-heading{display:block;margin-bottom:34px}.product-mosaic-heading .brand-kicker{margin-bottom:18px}.product-mosaic-heading h2{font-size:clamp(34px,9.4vw,40px)}.product-mosaic-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,82vw)}.product-mosaic-card-1,.product-mosaic-card-2,.product-mosaic-card-3{grid-column:auto;grid-row:auto}.product-mosaic-copy{inset:auto 20px 20px}.product-mosaic-copy strong{font-size:23px}
  .brand-product-story{padding:78px 0 86px}.brand-product-story-warden>.brand-container,.brand-product-story-memory>.brand-container{display:flex;flex-direction:column;gap:24px}.brand-product-story-memory .product-story-visual,.brand-product-story-memory .product-story-points{order:initial}.brand-product-story-warden .product-story-visual,.brand-product-story-memory .product-story-visual,.brand-product-story-introspecta .product-story-visual{width:100%;min-height:520px}.product-story-visual>div{left:24px;right:24px;bottom:24px}.product-story-visual h2{font-size:38px}.brand-product-story-introspecta .product-story-visual>div{top:auto;bottom:24px;transform:none}.brand-product-story-introspecta .product-story-visual>span{background:linear-gradient(0deg,rgba(36,43,37,.96),rgba(36,43,37,.08) 78%)}.brand-product-story-introspecta .product-story-points{grid-template-columns:1fr;gap:10px}.brand-product-story-introspecta .product-story-points article{min-height:0}.brand-product-story-introspecta .product-story-points article>span{margin-bottom:20px}
  .brand-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
  .brand-journal-head{padding:54px 0 64px}.brand-journal-head h1{font-size:44px}.brand-journal-head figure{aspect-ratio:4/3}.brand-journal-head figcaption{left:22px;right:22px;bottom:20px;font-size:16px}
  .brand-journal-index-grid{grid-template-columns:1fr;gap:42px}.brand-journal-index-grid a:nth-child(2){margin-top:0}.brand-journal-index-grid a:nth-child(2) .brand-journal-card-image{aspect-ratio:16/9}.brand-journal-index-grid h3{font-size:30px}
}
@media(max-width:420px){
  .brand-container{width:calc(100% - 28px)}
  .brand-header nav{gap:16px}.brand-header nav a,.brand-language{font-size:10px}
  .brand-hero[data-brand-hero] h1{font-size:clamp(36px,10.5vw,42px)}
  .brand-inner-head h1,.brand-visual-page-head h1{font-size:clamp(34px,9vw,37px);line-height:1.08}
  .brand-section h2,.product-experience-intro h2{font-size:clamp(33px,9vw,38px)}
  .brand-product-visual h3{font-size:23px}
  .product-story-visual h2{font-size:32px}
  .product-demo-workspace{padding:26px 14px}
  .brand-closing p{font-size:34px}
}
@media(min-width:651px) and (max-width:1050px){.brand-product-story-warden>.brand-container,.brand-product-story-memory>.brand-container{grid-template-columns:1fr;gap:28px}.brand-product-story-memory .product-story-points{order:1}.brand-product-story-memory .product-story-visual{order:2}.product-mosaic-heading{grid-template-columns:180px 1fr}}
@media(prefers-contrast:more){body::after{opacity:.045}}
@media(prefers-reduced-motion:reduce){.product-mosaic-card img{transition:none}}
@media print{body::after{display:none}}

/* Editorial and inquiry architecture: dense enough to grow, clear enough to scan. */
.brand-header nav a:last-child{border:1px solid var(--civ-action);padding:9px 12px;color:var(--civ-action)}
.brand-page-home .brand-journal-teaser>.brand-container{display:block}
.brand-page-home .brand-journal-teaser h2{max-width:13ch;text-align:left}
.brand-page-home .brand-journal-teaser .brand-section-intro{max-width:620px;margin-bottom:0}
.brand-home-journal-list{margin-top:54px;border-bottom:1px solid var(--civ-border)}
.brand-home-journal-list a{display:grid;grid-template-columns:78px minmax(0,1fr) 30px;gap:22px;align-items:start;padding:27px 0;border-top:1px solid var(--civ-border)}
.brand-home-journal-list a>span:nth-child(2){min-width:0}
.brand-home-journal-list h3{margin:0 0 7px;font-size:clamp(24px,2.5vw,34px);line-height:1.25;font-weight:650;transition:transform .2s}
.brand-home-journal-list p{margin:0;color:var(--civ-body);font-size:14px}
.brand-home-journal-list strong{font-size:20px;color:var(--civ-action)}
.brand-home-journal-list a:hover h3{transform:translateX(5px)}
.brand-journal-all{margin-top:28px}

.brand-principles{margin-top:70px;padding:34px;background:#ECEEEA;border:1px solid var(--civ-border)}
.brand-principles>.brand-kicker{color:var(--civ-action);margin-bottom:24px}
.brand-principle-flow{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch}
.brand-principle-flow article{background:#fff;border:1px solid var(--civ-border);padding:25px;min-height:230px}
.brand-principle-flow article span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--civ-action)}
.brand-principle-flow h3{font-size:24px;margin:34px 0 12px;line-height:1.28}
.brand-principle-flow p{margin:0;font-size:14px;color:var(--civ-body)}
.brand-principle-flow>i{display:grid;place-items:center;font-style:normal;font-size:22px;color:var(--civ-action)}

.brand-contact-journey{padding:110px 0;background:var(--civ-night);color:#fff;border-bottom:1px solid #465148}
.brand-contact-journey>.brand-container{display:grid;grid-template-columns:minmax(0,.93fr) minmax(420px,1.07fr);gap:80px;align-items:start}
.brand-contact-journey .brand-kicker{color:var(--civ-accent)}
.brand-contact-copy>h2{font-size:clamp(40px,4.4vw,64px);line-height:1.13;max-width:11ch;margin:19px 0 25px}
.brand-contact-copy>p{font-size:17px;color:#D7DEDA;max-width:620px}
.brand-contact-copy ol{list-style:none;margin:42px 0 0;padding:0;border-top:1px solid #5A655D}
.brand-contact-copy li{display:grid;grid-template-columns:45px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid #465148}
.brand-contact-copy li>span{font-size:11px;letter-spacing:.12em;color:var(--civ-accent);font-weight:800;padding-top:5px}
.brand-contact-copy h3{font-size:21px;margin:0 0 6px}
.brand-contact-copy li p{font-size:13px;color:#C9D1CD;margin:0}
.brand-contact-demo{background:#F4F4F0;color:var(--civ-text);padding:28px;border:1px solid #828B84;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.brand-contact-demo article{background:#fff;border:1px solid var(--civ-border);padding:22px}
.brand-contact-demo article>span{display:block;font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--civ-action);margin-bottom:17px}
.brand-contact-demo article p{margin:0;padding:12px 0;border-top:1px solid var(--civ-border);font-size:14px;color:var(--civ-body)}
.brand-contact-demo article.is-response{border-left:4px solid var(--civ-action)}
.brand-contact-demo>i{display:block;font-style:normal;text-align:center;color:var(--civ-action);padding:9px 0;font-size:20px}
.brand-contact-demo .brand-button{margin-top:22px;background:var(--civ-action);color:#fff;width:100%}
.brand-contact-demo>small{display:block;margin-top:13px;color:#68736D;font-size:11px;line-height:1.6}

.brand-journal-topics{background:#fff;border-bottom:1px solid var(--civ-border)}
.brand-journal-topics>.brand-container{display:flex;align-items:center;gap:10px;min-height:78px;overflow-x:auto;white-space:nowrap}
.brand-journal-topics strong{margin-right:15px;font-size:11px;letter-spacing:.11em;color:var(--civ-body)}
.brand-journal-topics span{display:inline-flex;padding:9px 14px;border:1px solid var(--civ-border);font-size:12px;font-weight:700;background:#F4F4F0}
.brand-journal-topics span:first-of-type{background:var(--civ-night);color:#fff;border-color:var(--civ-night)}
.brand-journal-feature{padding:86px 0;background:#ECEEEA;border-bottom:1px solid var(--civ-border)}
.brand-journal-feature>.brand-container{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(300px,.66fr);gap:30px}
.brand-journal-lead{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);background:#fff;border:1px solid var(--civ-border);min-height:440px;overflow:hidden}
.brand-journal-lead-image{position:relative;overflow:hidden;min-height:100%}
.brand-journal-lead-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.66) contrast(1.04);transition:transform .35s}
.brand-journal-lead-image i{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(34,43,41,.38))}
.brand-journal-lead:hover img{transform:scale(1.025)}
.brand-journal-lead-copy{display:flex;flex-direction:column;padding:34px}
.brand-journal-lead-copy small,.brand-journal-card-grid small{font-size:10px;font-weight:800;letter-spacing:.09em;color:var(--civ-action)}
.brand-journal-lead-copy h2{font-size:clamp(30px,3vw,42px);line-height:1.17;margin:32px 0 16px}
.brand-journal-lead-copy p{font-size:14px;color:var(--civ-body)}
.brand-journal-lead-copy strong{margin-top:auto;font-size:13px;color:var(--civ-action)}
.brand-journal-feature aside{background:var(--civ-night);color:#fff;padding:34px;display:flex;flex-direction:column}
.brand-journal-feature aside .brand-kicker{color:var(--civ-accent)}
.brand-journal-feature aside ol{list-style:none;margin:auto 0 0;padding:0}
.brand-journal-feature aside li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:22px 0;border-top:1px solid #59645D;font-size:18px;line-height:1.4;font-weight:650}
.brand-journal-feature aside li span{font-size:10px;letter-spacing:.1em;color:var(--civ-accent);padding-top:5px}
.brand-journal-library{background:#fff!important}
.brand-journal-library-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:72px;align-items:end;margin-bottom:52px}
.brand-journal-library-head h2{margin-bottom:0;max-width:12ch}
.brand-journal-library-head>p{margin:0;color:var(--civ-body);font-size:15px;max-width:560px}
.brand-journal-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:44px 24px}
.brand-journal-card-grid>a{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--civ-border);padding-top:18px}
.brand-journal-card-grid .brand-journal-card-image{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;margin-bottom:22px;background:var(--civ-night)}
.brand-journal-card-grid .brand-journal-card-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.66) contrast(1.04);transition:transform .3s}
.brand-journal-card-grid .brand-journal-card-image i{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(34,43,41,.48))}
.brand-journal-card-grid>a:hover img{transform:scale(1.035)}
.brand-journal-card-grid .brand-index{margin-top:12px}
.brand-journal-card-grid h3{font-size:clamp(27px,2.8vw,38px);line-height:1.2;margin:18px 0 12px;max-width:19ch}
.brand-journal-card-grid p{font-size:14px;color:var(--civ-body);max-width:48ch}
.brand-journal-card-grid>a>strong{margin-top:auto;padding-top:18px;color:var(--civ-action)}
.brand-contact-from-journal{background:#27312E}

@media(max-width:1050px){
  .brand-contact-journey>.brand-container{grid-template-columns:1fr 1fr;gap:42px}
  .brand-journal-feature>.brand-container{grid-template-columns:1fr}
  .brand-journal-feature aside{min-height:320px}
}
@media(max-width:800px){
  .brand-principle-flow{grid-template-columns:1fr}
  .brand-principle-flow>i{min-height:38px;transform:rotate(90deg)}
  .brand-principle-flow article{min-height:0}
  .brand-contact-journey>.brand-container,.brand-journal-library-head{grid-template-columns:1fr}
  .brand-contact-copy>h2{max-width:15ch}
  .brand-journal-lead{grid-template-columns:1fr}.brand-journal-lead-image{min-height:330px}
}
@media(max-width:650px){
  .brand-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;overflow:visible;white-space:normal;padding:8px 0 0}
  .brand-header nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:30px;white-space:normal;text-align:center;line-height:1.25}
  .brand-header nav a:last-child{grid-column:1/-1;min-height:38px;padding:7px 10px}
  .brand-home-journal-list{margin-top:38px}
  .brand-home-journal-list a{grid-template-columns:42px minmax(0,1fr) 20px;gap:12px;padding:23px 0}
  .brand-home-journal-list h3{font-size:23px}.brand-home-journal-list p{font-size:13px}
  .brand-principles{margin-top:48px;padding:20px}.brand-principle-flow article{padding:22px}.brand-principle-flow h3{margin-top:24px}
  .brand-contact-journey{padding:72px 0}.brand-contact-journey>.brand-container{gap:38px}.brand-contact-copy>h2{font-size:38px}.brand-contact-demo{padding:18px}.brand-contact-demo article{padding:18px}
  .brand-journal-topics>.brand-container{min-height:68px}
  .brand-journal-feature{padding:58px 0}.brand-journal-lead-image{min-height:260px}.brand-journal-lead-copy{padding:25px}.brand-journal-lead-copy h2{font-size:31px;margin-top:24px}
  .brand-journal-feature aside{min-height:0;padding:28px}.brand-journal-feature aside ol{margin-top:34px}.brand-journal-feature aside li{font-size:17px}
  .brand-journal-library-head{gap:20px;margin-bottom:38px}.brand-journal-library-head h2{max-width:none}
  .brand-journal-card-grid{grid-template-columns:1fr;gap:40px}.brand-journal-card-grid h3{font-size:29px}
}