:root {
  --color-bg: #0D0D0D;
  --color-surface: #141A1A;
  --color-surface-2: #1A1A1A;
  --color-text: #E5E7EB;
  --color-muted: #A5A6A9;
  --color-accent: #F5B800;
  --color-accent-hover: #DFA21A;
  --color-border: rgba(229, 231, 235, 0.14);
  --color-steel: #5A6069;
  --font-sans: Inter, Space Grotesk, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --max-width: 1120px;
  --radius-card: 18px;
  --radius-button: 999px;
  --section-padding: 96px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(calc(100% - 40px),var(--max-width));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 16px;background:var(--color-accent);color:var(--color-bg);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:10;background:rgba(13,13,13,.92);border-bottom:1px solid var(--color-border);backdrop-filter:blur(14px)}.header-inner{height:78px;display:flex;align-items:center;gap:32px}.brand{width:194px;margin-right:auto}.brand img{width:100%}nav{display:flex;align-items:center;gap:26px}nav a{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-muted)}nav a:hover,nav a:focus-visible{color:var(--color-text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 22px;border-radius:var(--radius-button);background:var(--color-accent);color:var(--color-bg);font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;transition:background .2s,transform .2s}.button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.button:focus-visible,.text-link:focus-visible,nav a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.button-small{padding:11px 17px;font-size:.66rem}.hero{min-height:690px;display:grid;align-items:center;padding:92px 0 78px;border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 78% 30%,rgba(90,96,105,.12),transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:68px;align-items:center}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:750;color:var(--color-accent)}.eyebrow span{color:var(--color-steel);margin:0 7px}h1,h2,h3,p{margin-top:0}h1{max-width:720px;margin:22px 0 25px;font-size:clamp(2.85rem,5vw,5rem);line-height:1.02;letter-spacing:-.045em;font-weight:600}h1 em{color:var(--color-accent);font-style:normal}h2{font-size:clamp(2rem,3.4vw,3.45rem);line-height:1.08;letter-spacing:-.035em;font-weight:570}h3{font-size:1.12rem;line-height:1.35}.lede{max-width:650px;color:var(--color-muted);font-size:1.08rem}.actions{display:flex;align-items:center;gap:28px;margin:34px 0}.text-link{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-steel);padding-bottom:4px}.credibility{color:var(--color-muted);font-size:.77rem;text-transform:uppercase;letter-spacing:.08em}.credibility span{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px rgba(245,184,0,.12)}.system-card{padding:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 24px 70px rgba(0,0,0,.3)}.card-topline{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--color-border);font-size:.63rem;text-transform:uppercase;letter-spacing:.13em;color:var(--color-muted)}.status{color:var(--color-accent)}.system-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:20px}.node{min-height:112px;padding:12px;border:1px solid var(--color-border);background:var(--color-bg);display:flex;flex-direction:column}.node b{color:var(--color-steel);font-size:.61rem}.node strong{margin:auto 0 2px;font-size:.78rem}.node small{color:var(--color-muted);font-size:.64rem}.node.active{border-color:var(--color-accent);box-shadow:inset 3px 0 var(--color-accent)}.flow-arrow{color:var(--color-accent)}.signal-line{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--color-muted);font-size:.58rem;letter-spacing:.1em}.signal-line span{margin-right:auto}.signal-line i{width:7px;height:7px;border-radius:50%;background:var(--color-accent)}.section{padding:var(--section-padding) 0;border-bottom:1px solid var(--color-border)}.section-label{margin-bottom:32px}.section-intro{max-width:780px;margin-bottom:50px}.split{max-width:none;display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end}.split p,.field-grid p,.about-grid p{color:var(--color-muted)}.issue-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--color-border)}.issue-grid article{min-height:180px;padding:20px;border-right:1px solid var(--color-border)}.issue-grid article:last-child{border:0}.issue-grid span,.card-number{font-size:.63rem;color:var(--color-accent);letter-spacing:.12em}.issue-grid h3{margin:58px 0 0;font-size:.94rem;font-weight:520}.services{background:var(--color-surface)}.card-grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;min-height:390px;padding:27px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card)}.card-number{position:absolute;right:25px;top:25px;color:var(--color-steel)}.icon-box{width:50px;height:50px;display:grid;place-items:center;margin-bottom:60px;border:1px solid var(--color-accent);color:var(--color-accent);font-size:1.6rem}.service-card p{color:var(--color-muted);font-size:.9rem}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:27px}.tag-row span{padding:4px 9px;border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.09em}.review{background:var(--color-accent);color:var(--color-bg)}.review .section-label{color:var(--color-bg)}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.lede-small{color:var(--color-muted);font-size:1.02rem}.review .lede-small{color:rgba(13,13,13,.72)}.review .button{background:var(--color-bg);color:var(--color-text);margin-top:15px}.deliverables{padding:28px;background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-card)}.deliverables>p{text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;color:var(--color-accent)}.deliverables ol{list-style:none;padding:0;margin:0}.deliverables li{display:flex;gap:18px;padding:13px 0;border-top:1px solid var(--color-border);font-size:.86rem}.deliverables li span{color:var(--color-steel);font-size:.65rem}.field-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.field-grid blockquote{margin:35px 0 0;padding:18px 0 18px 25px;border-left:2px solid var(--color-accent);font-size:1.06rem}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--color-border)}.audience-grid div{min-height:100px;display:flex;align-items:flex-end;padding:19px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-size:.9rem}.audience-grid div:nth-child(3n){border-right:0}.audience-grid div:nth-child(n+4){border-bottom:0}.not-fit{margin:24px 0 0;color:var(--color-muted);font-size:.8rem}.not-fit b{color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em}.architecture{background:var(--color-surface)}.architecture h2{max-width:680px}.architecture-panel{margin-top:45px;border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;background:var(--color-bg)}.arch-row{display:grid;grid-template-columns:135px repeat(3,1fr auto) 1.4fr;align-items:stretch}.arch-row>div{min-height:90px;display:grid;place-items:center;padding:12px;text-align:center;border-left:1px solid var(--color-border);font-size:.73rem}.arch-row i{align-self:center;color:var(--color-steel);font-style:normal}.row-label{display:flex;align-items:center;padding:15px;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;color:var(--color-muted)}.arch-divider{display:flex;align-items:center;gap:15px;padding:8px 15px;background:var(--color-surface-2);color:var(--color-accent);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em}.arch-divider:before,.arch-divider:after{content:"";height:1px;flex:1;background:var(--color-border)}.modern>div{box-shadow:inset 0 -2px var(--color-accent)}.contact{text-align:center;background:var(--color-accent);color:var(--color-bg)}.contact-inner{max-width:850px}.contact img{width:70px;margin:0 auto 25px;color:var(--color-bg)}.contact .section-label{color:var(--color-bg)}.contact h2{font-size:clamp(2.4rem,5vw,4.5rem)}.contact p{font-size:1.05rem}.button-light{margin-top:18px;background:var(--color-bg);color:var(--color-text)}footer{padding:40px 0}.footer-inner{display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center}.footer-inner p{margin:0;color:var(--color-muted);font-size:.7rem}.footer-inner p:last-child{text-align:right}
@media (max-width:900px){:root{--section-padding:74px}.header-inner{height:auto;min-height:76px;flex-wrap:wrap;padding:16px 0}.brand{width:170px}.header-inner>.button{display:none}nav{width:100%;order:3;overflow-x:auto;padding-top:12px;border-top:1px solid var(--color-border)}nav a{white-space:nowrap}.hero{padding-top:70px}.hero-grid,.review-grid,.field-grid,.about-grid,.split{grid-template-columns:1fr;gap:36px}.issue-grid{grid-template-columns:repeat(2,1fr)}.issue-grid article{border-bottom:1px solid var(--color-border)}.issue-grid article:nth-child(2n){border-right:0}.issue-grid article:last-child{grid-column:1/-1}.card-grid.three{grid-template-columns:1fr}.service-card{min-height:0}.audience-grid{grid-template-columns:1fr 1fr}.audience-grid div:nth-child(3n){border-right:1px solid var(--color-border)}.audience-grid div:nth-child(2n){border-right:0}.audience-grid div:nth-child(n+4){border-bottom:1px solid var(--color-border)}.audience-grid div:nth-last-child(-n+2){border-bottom:0}.arch-row{grid-template-columns:110px 1fr}.arch-row i{display:none}.arch-row>div{border-bottom:1px solid var(--color-border)}.footer-inner{grid-template-columns:1fr}.footer-inner p:last-child{text-align:left}}
@media (max-width:560px){.container{width:min(calc(100% - 28px),var(--max-width))}.hero{min-height:auto}.system-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);justify-self:center}h1{font-size:2.7rem}.actions{align-items:flex-start;flex-direction:column}.issue-grid,.audience-grid{grid-template-columns:1fr}.issue-grid article,.issue-grid article:nth-child(2n),.audience-grid div,.audience-grid div:nth-child(3n),.audience-grid div:nth-child(2n){border-right:0}.issue-grid article:last-child{grid-column:auto}.audience-grid div:nth-last-child(-n+2){border-bottom:1px solid var(--color-border)}.audience-grid div:last-child{border-bottom:0}.arch-row{grid-template-columns:1fr}.row-label{padding:12px;background:var(--color-surface-2)}.arch-row>div{min-height:65px}.contact .button{font-size:.66rem}.header-inner{gap:16px}nav{gap:18px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Header lockup proportions for the compact horizontal logo. */
.brand{width:250px}
.brand img{width:100%;height:48px;object-fit:contain;object-position:left center}
@media (max-width:900px){.brand{width:224px}}

/* Vercel-inspired structural layer: editorial scale, strict grid, restrained panels. */
body{background-color:var(--color-bg);background-image:linear-gradient(90deg,transparent calc(50% - 560px),var(--color-border) calc(50% - 560px),var(--color-border) calc(50% - 559px),transparent calc(50% - 559px),transparent calc(50% + 559px),var(--color-border) calc(50% + 559px),var(--color-border) calc(50% + 560px),transparent calc(50% + 560px))}
.site-header{background:rgba(13,13,13,.84)}
.header-inner{height:72px}
nav{gap:8px}
nav a{padding:7px 10px;border-radius:var(--radius-button);font-size:.68rem;letter-spacing:.04em;text-transform:none}
nav a:hover,nav a:focus-visible{background:var(--color-surface-2)}
.button{padding:12px 20px;letter-spacing:.035em;text-transform:none}
.button-small{padding:9px 15px}
.hero{min-height:0;padding:116px 0 0;background:radial-gradient(circle at 50% 12%,rgba(245,184,0,.09),transparent 27%)}
.hero-grid{display:block;text-align:center}
.hero-grid>div:first-child{max-width:930px;margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-muted);letter-spacing:.08em}
.hero h1{max-width:920px;margin:28px auto 24px;font-size:clamp(3.3rem,7vw,6.2rem);line-height:.98;font-weight:540}
.hero .lede{max-width:690px;margin-inline:auto;font-size:1.16rem}
.hero .actions{justify-content:center}
.hero .credibility{margin-bottom:62px}
.system-card{max-width:960px;margin:0 auto -1px;padding:0;border-radius:14px 14px 0 0;box-shadow:none;text-align:left;overflow:hidden}
.card-topline{padding:15px 18px;background:var(--color-surface-2)}
.system-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:0;margin:0}
.node{min-height:148px;padding:20px;border-width:0 1px 0 0;background:transparent}
.node:last-child{border-right:0}.node.active{background:rgba(245,184,0,.035);box-shadow:inset 0 3px var(--color-accent)}
.flow-arrow{padding:0 8px;align-self:center}
.signal-line{margin:0;padding:12px 18px;border-top:1px solid var(--color-border);background:var(--color-bg)}
.section{padding:0;border-bottom:0}
.section>.container{padding:var(--section-padding) 48px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border)}
.section-label{margin-bottom:42px;color:var(--color-muted)}
.section-label:before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:var(--color-accent);vertical-align:1px}
.section-intro h2,.field-grid h2,.about-grid h2{max-width:760px}
.issue-grid,.audience-grid{border-radius:12px;overflow:hidden}
.issue-grid article{min-height:205px;background:var(--color-bg)}
.issue-grid h3{margin-top:72px}
.services{background:transparent}
.service-card{border-radius:12px;transition:border-color .2s,background .2s}
.service-card:hover{border-color:rgba(229,231,235,.3);background:var(--color-surface-2)}
.review{background:transparent;color:var(--color-text)}
.review>.container{background:var(--color-accent);color:var(--color-bg)}
.review .section-label{color:rgba(13,13,13,.62)}
.review .section-label:before{background:var(--color-bg)}
.architecture{background:transparent}
.architecture-panel{border-radius:12px}
.contact{background:transparent}
.contact>.container{max-width:var(--max-width);padding-top:112px;padding-bottom:112px;background:var(--color-text)}
.contact .section-label{color:var(--color-steel)}
.contact .section-label:before{background:var(--color-accent)}
.contact h2{max-width:820px;margin-inline:auto;color:var(--color-bg)}
.contact p{color:var(--color-steel)}
.contact img{color:var(--color-bg)}
footer .container{padding:40px 48px;border-inline:1px solid var(--color-border)}
@media (max-width:900px){body{background-image:none}.header-inner{height:auto}.hero{padding-top:78px}.hero h1{font-size:clamp(3rem,12vw,5.2rem)}.system-flow{grid-template-columns:1fr 1fr}.flow-arrow{display:none}.node:nth-of-type(odd){border-right:1px solid var(--color-border)}.node{border-bottom:1px solid var(--color-border)}.section>.container{padding:74px 28px}.contact>.container{padding-top:86px;padding-bottom:86px}footer .container{padding-inline:28px}}
@media (max-width:560px){.hero{padding-top:62px}.hero h1{font-size:2.9rem}.hero .credibility{margin-bottom:45px}.system-flow{grid-template-columns:1fr}.node{min-height:105px;border-right:0!important}.section>.container{padding:62px 20px}.contact>.container{padding-top:72px;padding-bottom:72px}footer .container{padding-inline:20px}}

/* Final brand-package usage: yellow remains an accent, not a large field. */
.review>.container{background:var(--color-surface-2);color:var(--color-text)}
.review .section-label{color:var(--color-muted)}
.review .section-label:before{background:var(--color-accent)}
.review .lede-small{color:var(--color-muted)}
.review .button{background:var(--color-accent);color:var(--color-bg)}

.example-system{background:transparent}
.example-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}
.example-grid article{min-height:170px;padding:22px;border-right:1px solid var(--color-border);background:var(--color-surface)}
.example-grid article:last-child{border-right:0}
.example-grid span{font-size:.63rem;color:var(--color-accent);letter-spacing:.12em}
.example-grid h3{margin:65px 0 0;font-size:.95rem;font-weight:520}
.example-note{max-width:780px;margin:24px 0 0;color:var(--color-muted);font-size:.82rem}
@media (max-width:900px){.example-grid{grid-template-columns:1fr 1fr}.example-grid article{border-bottom:1px solid var(--color-border)}.example-grid article:nth-child(2n){border-right:0}.example-grid article:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:560px){.example-grid{grid-template-columns:1fr}.example-grid article,.example-grid article:nth-child(2n){border-right:0;border-bottom:1px solid var(--color-border)}.example-grid article:last-child{border-bottom:0}}

/* Customer-risk and readiness-review content refinements. */
.issue-grid article{min-height:310px}
.issue-grid h3{margin:52px 0 12px}
.issue-grid article p{margin:0;color:var(--color-muted);font-size:.78rem;line-height:1.55}
.example-subtitle{margin:-18px 0 0;color:var(--color-accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.example-grid article{min-height:245px}
.example-grid h3{margin:52px 0 12px}
.example-grid article p{margin:0;color:var(--color-muted);font-size:.78rem;line-height:1.55}
.contact-email{display:block;width:max-content;margin:18px auto 0;color:var(--color-steel);font-size:.8rem;border-bottom:1px solid var(--color-steel)}
@media (max-width:900px){.issue-grid article{min-height:250px}.example-grid article{min-height:220px}}
@media (max-width:560px){.issue-grid article,.example-grid article{min-height:0}.issue-grid h3,.example-grid h3{margin-top:36px}}