:root {
  color-scheme: dark;
  --bg: #050506;
  --surface: #0c0912;
  --surface-2: #120a20;
  --ink: #f7f4fb;
  --muted: #aaa3b5;
  --purple: #8c2cff;
  --purple-2: #c063ff;
  --line: rgba(162, 75, 255, .42);
  --green: #36d982;
  --orange: #ff542f;
  --yellow: #ffbf22;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body { margin: 0; min-height: 100vh; background: var(--bg); color: var(--ink); overflow-wrap:break-word; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }

.noise {
  position: fixed; inset: 0; pointer-events: none; opacity: .22; z-index: -1;
  background:
    radial-gradient(circle at 85% 8%, rgba(131, 29, 255, .18), transparent 27rem),
    radial-gradient(circle at 8% 90%, rgba(77, 24, 142, .14), transparent 26rem),
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: auto, auto, 48px 48px, 48px 48px;
}

.site-header {
  width: min(1180px, calc(100% - 40px)); margin: 0 auto; height: 86px;
  display: flex; align-items: center; justify-content: space-between;
}
.brand { display: flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: -.02em; }
.brand-mark { width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 10px; display:grid; place-items:center; background:linear-gradient(145deg,#a22fff,#42106e); box-shadow: 0 0 26px rgba(140,44,255,.28); }
.brand-mark::after { content: "C"; font-size: 14px; }
.top-link { color: var(--muted); font-size: 14px; transition: color .2s; }
.top-link:hover { color: #fff; }
.header-cta { min-height:42px; padding:0 17px; display:flex; align-items:center; border:1px solid rgba(177,83,255,.48); border-radius:999px; color:#e2d6ed; font-size:13px; font-weight:750; transition:.2s; }.header-cta:hover { background:var(--purple); border-color:var(--purple); color:#fff; }

.home-main { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 76px 0 90px; }
.eyebrow { color: var(--purple-2); text-transform: uppercase; letter-spacing: .18em; font-size: 12px; font-weight: 800; }
.hero { max-width: 900px; margin-bottom: 72px; }
.hero h1 { font-size: clamp(50px, 8vw, 92px); line-height: .96; margin: 18px 0 26px; letter-spacing: -.065em; }
.gradient-text { color: transparent; background: linear-gradient(105deg,#fff 12%,#b95cff 60%,#6724ff); background-clip: text; -webkit-background-clip: text; }
.hero p { max-width: 690px; margin: 0; color: var(--muted); font-size: 19px; line-height: 1.65; }
.service-hero { max-width:1040px; }
.hero-actions { margin-top:30px; display:flex; align-items:center; gap:22px; }.hero-actions>span { max-width:310px; color:#777080; font-size:12px; line-height:1.5; }
.primary-action { min-height:54px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:linear-gradient(115deg,#962dff,#6322d8); color:#fff; font-size:14px; font-weight:800; box-shadow:0 10px 35px rgba(117,34,218,.22); transition:.2s; }.primary-action:hover { transform:translateY(-2px); box-shadow:0 15px 42px rgba(117,34,218,.35); }
.outcome-strip { margin:-25px 0 90px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(165,78,238,.22); border-radius:18px; background:rgba(14,10,19,.84); }.outcome-strip div { min-height:115px; padding:24px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(255,255,255,.07); }.outcome-strip div:last-child { border-right:0; }.outcome-strip b { margin-bottom:7px; color:#eee8f4; }.outcome-strip span { color:#817989; font-size:13px; line-height:1.45; }
.services-heading { margin-bottom:32px; display:grid; grid-template-columns:1fr .7fr; gap:50px; align-items:end; }.services-heading h2 { margin:11px 0 0; font-size:clamp(38px,5vw,62px); letter-spacing:-.05em; }.services-heading p { margin:0; color:var(--muted); line-height:1.6; }
.system-line { margin-top: 28px; display:flex; align-items:center; gap:12px; color:#d7cbe5; font-size:13px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
.system-line::before { content:""; width:42px; height:2px; background:var(--purple); box-shadow:0 0 12px var(--purple); }

.employee-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.employee-card { position: relative; min-height: 255px; padding: 30px; overflow: hidden; border: 1px solid rgba(164,95,255,.22); border-radius: 22px; background: linear-gradient(145deg,rgba(21,15,28,.95),rgba(8,7,11,.98)); transition: transform .25s, border-color .25s, box-shadow .25s; }
.employee-card:hover { transform: translateY(-5px); border-color: rgba(176,83,255,.65); box-shadow: 0 18px 70px rgba(79,15,134,.2); }
.employee-card::after { content:""; position:absolute; width:220px; height:220px; right:-70px; bottom:-110px; border-radius:50%; background:radial-gradient(circle,rgba(143,38,255,.28),transparent 68%); }
.employee-card:first-child { grid-column: span 2; min-height: 300px; }
.card-top { display:flex; justify-content:space-between; align-items:center; }
.card-num { font-size:12px; font-weight:800; letter-spacing:.14em; color:var(--purple-2); text-transform:uppercase; }
.arrow { width:40px; height:40px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; color:#c983ff; transition:.2s; }
.employee-card:hover .arrow { background:var(--purple); color:white; transform:rotate(-35deg); }
.card-icon { width:62px; height:62px; border-radius:18px; display:grid; place-items:center; margin:38px 0 24px; font-size:28px; background:linear-gradient(145deg,rgba(151,46,255,.3),rgba(30,10,55,.5)); border:1px solid var(--line); box-shadow:0 0 30px rgba(140,44,255,.15); }
.employee-card h2 { margin:0 0 12px; font-size:clamp(25px,3vw,38px); letter-spacing:-.04em; }
.employee-card p { margin:0; color:var(--muted); line-height:1.55; max-width:580px; }

.employee-main { width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:65px 0 90px; }
.back { display:inline-flex; align-items:center; gap:9px; color:var(--muted); font-size:14px; margin-bottom:54px; }
.back:hover { color:#fff; }
.detail-head { display:grid; grid-template-columns:1.1fr .9fr; gap:64px; align-items:end; margin-bottom:54px; }
.badge { display:inline-flex; align-items:center; gap:12px; border:1px solid rgba(153,51,255,.55); border-radius:999px; padding:8px 15px 8px 9px; color:#c775ff; font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.badge-i { width:27px; height:27px; border-radius:50%; background:linear-gradient(145deg,#ac36ff,#561399); display:grid; place-items:center; color:#fff; }
.detail-title { font-size:clamp(45px,6.5vw,78px); line-height:1; letter-spacing:-.055em; margin:25px 0 0; }
.detail-title em { font-style:normal; color:var(--purple-2); }
.summary { color:#c1bac9; font-size:18px; line-height:1.65; padding-bottom:8px; }
.detail-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:24px; }
.panel { border:1px solid var(--line); border-radius:20px; padding:30px; background:linear-gradient(145deg,rgba(18,9,31,.92),rgba(7,5,11,.96)); box-shadow:inset 0 0 45px rgba(103,23,177,.05); }
.panel h3 { margin:0 0 22px; font-size:14px; color:#d9cbe8; letter-spacing:.11em; text-transform:uppercase; }
.points { margin:0; padding:0; list-style:none; display:grid; gap:20px; }
.points li { position:relative; padding-left:24px; color:#ddd8e3; font-size:17px; line-height:1.55; }
.points li::before { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:var(--purple); left:0; top:.65em; box-shadow:0 0 12px var(--purple); }
.points small { display:block; color:#998fa4; font-size:14px; margin-top:5px; }
.metric-stage { min-height:230px; display:grid; place-items:center; text-align:center; padding:25px; margin-bottom:18px; }
.metric-icon { font-size:58px; filter:drop-shadow(0 0 22px rgba(146,51,255,.5)); }
.metric-stage p { margin:18px 0 0; color:#b87cf4; font-style:italic; font-size:17px; }
.stats { display:grid; gap:13px; }
.stat { display:grid; grid-template-columns:135px 1fr; align-items:center; gap:18px; padding:18px 20px; border:1px solid rgba(160,75,255,.3); border-radius:14px; background:rgba(7,4,12,.72); }
.stat strong { color:var(--stat-color,var(--purple-2)); font-size:34px; line-height:1; letter-spacing:-.04em; }
.stat span { color:#c7c0ce; line-height:1.35; }
.flow { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:13px; }
.flow-step { min-height:100px; padding:16px; border:1px solid rgba(160,75,255,.28); border-radius:13px; background:rgba(12,7,19,.7); }
.flow-step b { display:block; color:#b666f5; margin-bottom:7px; }
.notice { margin-top:18px; padding:14px 18px; border-radius:12px; font-size:12px; line-height:1.5; color:#8e8598; background:rgba(255,255,255,.025); }
.inline-resource { margin-top:16px; min-height:54px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; gap:20px; border:1px solid rgba(159,74,236,.38); border-radius:13px; color:#d3c5df; font-size:14px; font-weight:750; background:rgba(127,27,201,.07); transition:.2s; }
.inline-resource:hover { border-color:#a548ec; background:rgba(127,27,201,.16); }.inline-resource span { color:#b45cf3; font-size:20px; }
.detail-nav { display:flex; justify-content:space-between; gap:16px; margin-top:38px; }
.nav-button { display:flex; align-items:center; justify-content:center; min-height:52px; padding:0 22px; border:1px solid var(--line); border-radius:999px; color:#d6c9e4; font-weight:700; font-size:14px; transition:.2s; }
.nav-button:hover { background:var(--purple); border-color:var(--purple); color:#fff; }
.footer { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:28px 0 45px; border-top:1px solid rgba(255,255,255,.07); display:flex; justify-content:space-between; color:#716a7a; font-size:12px; }

.resource-banner { margin-top:110px; padding:36px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:28px; border:1px solid var(--line); border-radius:22px; background:radial-gradient(circle at 85% 20%,rgba(142,44,255,.2),transparent 20rem),linear-gradient(145deg,#130b1e,#08070b); content-visibility:auto; contain-intrinsic-size:220px; }
.sequence-section { margin-top:110px; padding:55px; display:grid; grid-template-columns:.9fr 1.1fr; gap:65px; align-items:center; border:1px solid rgba(160,75,255,.25); border-radius:24px; background:linear-gradient(145deg,rgba(17,11,24,.96),rgba(7,6,9,.98)); content-visibility:auto; contain-intrinsic-size:480px; }
.sequence-copy h2 { margin:15px 0 22px; font-size:clamp(36px,4.5vw,58px); line-height:1.02; letter-spacing:-.05em; }.sequence-copy p { margin:0; color:var(--muted); line-height:1.65; }
.sequence-track { margin:0; padding:0; list-style:none; display:grid; }.sequence-track li { display:grid; grid-template-columns:52px 1fr; align-items:center; gap:17px; min-height:65px; border-bottom:1px solid rgba(255,255,255,.07); }.sequence-track li:last-child { border-bottom:0; }.sequence-track b { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#b95fff; background:rgba(142,44,255,.12); font-size:11px; }.sequence-track span { color:#d7d0dc; font-weight:700; }
.fit-section { margin-top:110px; display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:start; }.fit-section h2 { margin:14px 0 0; font-size:clamp(37px,4.5vw,56px); line-height:1.04; letter-spacing:-.05em; }.fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.fit-grid article { min-height:165px; padding:24px; border:1px solid rgba(162,75,235,.22); border-radius:15px; background:linear-gradient(145deg,rgba(18,12,25,.85),rgba(7,6,9,.9)); }.fit-grid b { display:block; margin-bottom:12px; color:#ddd5e5; }.fit-grid p { margin:0; color:#8f8797; font-size:14px; line-height:1.55; }
.landing-cta { margin-top:100px; padding:48px; display:grid; grid-template-columns:1fr auto; gap:50px; align-items:center; border:1px solid rgba(166,77,238,.4); border-radius:22px; background:radial-gradient(circle at 90% 10%,rgba(139,35,226,.22),transparent 22rem),#0c0812; }.landing-cta h2 { margin:10px 0; font-size:clamp(31px,4vw,48px); letter-spacing:-.045em; }.landing-cta p { max-width:700px; margin:0; color:#9d94a5; line-height:1.6; }
.resource-mark { width:78px; height:78px; display:grid; place-items:center; border-radius:20px; color:white; background:linear-gradient(145deg,#a932ff,#4d0c82); font-size:24px; font-weight:900; box-shadow:0 0 35px rgba(142,44,255,.25); }
.resource-banner h2 { margin:8px 0 9px; font-size:clamp(25px,3vw,38px); letter-spacing:-.04em; }
.resource-banner p { margin:0; max-width:650px; color:var(--muted); line-height:1.5; }
.resource-button { min-height:52px; padding:0 22px; display:flex; align-items:center; gap:14px; border:1px solid rgba(180,88,255,.55); border-radius:999px; font-size:14px; font-weight:750; white-space:nowrap; transition:.2s; }
.resource-button:hover { background:var(--purple); border-color:var(--purple); }

.guide-main { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:65px 0 100px; }
.guide-hero { display:grid; grid-template-columns:1.15fr .85fr; align-items:end; gap:55px; padding-bottom:70px; }
.guide-hero h1 { margin:24px 0 0; font-size:clamp(48px,6.5vw,82px); line-height:.98; letter-spacing:-.06em; }
.guide-summary>p { margin:0 0 28px; color:#c2bacb; font-size:18px; line-height:1.65; }
.claim-row { display:grid; grid-template-columns:auto 1fr; gap:10px 16px; padding:20px; border:1px solid var(--line); border-radius:15px; background:rgba(117,24,191,.08); }
.claim-row strong { color:#c068ff; font-size:25px; }.claim-row span { align-self:center; color:#92899d; font-size:13px; }
.guide-callout { margin-bottom:80px; padding:32px; border-left:3px solid var(--purple); background:linear-gradient(90deg,rgba(113,24,189,.13),transparent); }
.guide-callout>span { color:#a94ff0; text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; }
.guide-callout blockquote { margin:15px 0 0; max-width:900px; color:#ddd5e5; font-size:clamp(20px,3vw,29px); line-height:1.45; font-weight:650; }
.guide-section { display:grid; grid-template-columns:180px 1fr; gap:45px; padding:75px 0; border-top:1px solid rgba(255,255,255,.07); content-visibility:auto; contain-intrinsic-size:500px; }
.section-label { padding-top:9px; color:#9846d7; font-size:11px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.guide-section h2, .limits h2 { margin:0 0 20px; font-size:clamp(34px,4.5vw,53px); letter-spacing:-.045em; }
.guide-section>div>p { color:#aaa1b4; line-height:1.7; font-size:17px; }
.audience-map { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:14px; margin:32px 0 22px; }
.audience-map span { padding:19px; text-align:center; border:1px solid var(--line); border-radius:13px; background:var(--surface); font-weight:750; }.audience-map b { color:#8f32d7; }
.chip-row { display:flex; flex-wrap:wrap; gap:8px; }.chip-row span { padding:8px 12px; border-radius:999px; background:rgba(151,54,225,.1); color:#b584d7; font-size:12px; }
.starter-grid, .info-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.starter-grid article, .info-grid article { padding:24px; border:1px solid rgba(164,77,234,.25); border-radius:15px; background:linear-gradient(145deg,rgba(18,12,25,.9),rgba(7,6,9,.9)); }
.starter-grid b, .info-grid span { color:#a84de9; font-size:12px; letter-spacing:.1em; }.starter-grid p { margin:35px 0 0; color:#d8d0df; font-size:18px; line-height:1.45; }
.process-list { display:grid; }.process-list article { display:grid; grid-template-columns:56px 1fr; gap:22px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.07); }.process-list article>b { width:46px; height:46px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; color:#bc68f7; }.process-list h3,.info-grid h3 { margin:0 0 7px; }.process-list p,.info-grid p { margin:0; color:#918899; line-height:1.55; }
.info-grid article { min-height:165px; }.info-grid h3 { margin-top:28px; }
.principle-list { display:grid; gap:12px; }.principle-list article { padding:25px; border:1px solid rgba(164,77,234,.23); border-radius:15px; background:rgba(15,9,22,.75); }.principle-list strong { font-size:20px; }.principle-list p { color:#a49baa; line-height:1.6; }
.compare { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.compare span { padding:14px; border-radius:10px; font-size:13px; }.bad { color:#d49595; background:rgba(230,62,62,.08); }.good { color:#9cddb9; background:rgba(54,217,130,.08); }
.output-list { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:0; list-style:none; counter-reset:out; }.output-list li { counter-increment:out; min-height:95px; padding:17px; border:1px solid rgba(158,69,229,.22); border-radius:12px; color:#cfc7d6; }.output-list li::before { content:counter(out,decimal-leading-zero); display:block; margin-bottom:13px; color:#9f47df; font-size:11px; font-weight:800; }
.prompt-code { margin:30px 0 0; padding:28px; overflow:auto; border:1px solid rgba(165,76,237,.35); border-radius:17px; background:#07060a; color:#cfc5d8; font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre-wrap; }
.limits { margin-top:50px; padding:45px; border:1px solid rgba(255,84,47,.25); border-radius:21px; background:radial-gradient(circle at 90% 0,rgba(255,84,47,.09),transparent 24rem),#0c090b; }
.limits ul { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:0; list-style:none; }.limits li { padding:13px; border-radius:9px; background:rgba(255,255,255,.025); color:#bdb5c2; }.limits p { margin:25px 0 0; max-width:800px; color:#887f8f; line-height:1.6; }

.closing-section { padding-top:120px; content-visibility:auto; contain-intrinsic-size:900px; }
.closing-intro { display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:end; margin-bottom:36px; }
.closing-intro h2 { margin:14px 0 0; font-size:clamp(42px,6vw,72px); line-height:1; letter-spacing:-.055em; }
.closing-intro p { margin:0; color:var(--muted); line-height:1.65; font-size:17px; }
.closing-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:10px; }
.closing-card { min-width:0; min-height:350px; padding:0 15px 20px; border:1px solid rgba(159,75,255,.45); border-radius:15px; overflow:hidden; color:#fff; cursor:pointer; font:inherit; text-align:center; background:linear-gradient(180deg,#5b08ac 0 64px,#09070d 64px); transition:transform .22s,border-color .22s,box-shadow .22s; }
.closing-card:hover { transform:translateY(-6px); border-color:#b451ff; box-shadow:0 20px 50px rgba(95,20,160,.24); }
.closing-number { display:block; height:64px; line-height:64px; font-size:23px; font-weight:850; }
.closing-letter { width:82px; height:82px; margin:24px auto 20px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(145deg,#861cff,#3d006e); box-shadow:0 0 30px rgba(137,34,255,.25); font-size:40px; font-weight:850; }
.closing-name { display:block; min-height:55px; font-family:Georgia,serif; font-size:20px; font-weight:bold; }
.closing-open { display:block; margin-top:62px; color:#aa63e3; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; opacity:0; transform:translateY(8px); transition:.2s; }
.closing-card:hover .closing-open, .closing-card:focus-visible .closing-open { opacity:1; transform:none; }

.modal-wrap[hidden] { display:none; }
.modal-wrap { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:20px; }
.modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.82); backdrop-filter:blur(10px); animation:fadeIn .2s ease both; }
.framework-modal { position:relative; width:min(690px,100%); max-height:min(820px,calc(100vh - 40px)); overflow:auto; padding:45px; border:1px solid rgba(176,79,255,.62); border-radius:24px; background:radial-gradient(circle at 90% 0,rgba(122,27,216,.22),transparent 19rem),#0a070f; box-shadow:0 35px 100px rgba(0,0,0,.7),0 0 50px rgba(126,32,211,.15); animation:modalIn .25s ease both; }
.modal-close { position:absolute; top:17px; right:17px; width:38px; height:38px; border:1px solid rgba(255,255,255,.12); border-radius:50%; color:#cfc7d8; background:rgba(255,255,255,.04); font-size:25px; cursor:pointer; }
.modal-close:hover { background:#7d1bd1; color:white; }
.modal-step { color:#bd6cff; text-transform:uppercase; letter-spacing:.14em; font-size:12px; font-weight:850; }
.modal-icon { float:right; width:80px; height:80px; display:grid; place-items:center; margin-top:15px; border-radius:22px; color:#c879ff; background:rgba(130,31,218,.15); border:1px solid rgba(166,70,245,.4); font-size:38px; }
.framework-modal h2 { margin:18px 0 8px; font-size:clamp(42px,8vw,67px); letter-spacing:-.05em; }
.modal-tagline { max-width:500px; color:#c47bff; font-size:18px; line-height:1.5; }
.modal-intro { color:#b8afc1; line-height:1.65; }
.framework-modal h3 { margin:30px 0 14px; font-size:13px; text-transform:uppercase; letter-spacing:.12em; color:#ded4e8; }
.framework-modal ul { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.framework-modal li { position:relative; padding:14px 14px 14px 32px; border:1px solid rgba(161,74,236,.2); border-radius:12px; color:#d0c8d7; line-height:1.42; background:rgba(255,255,255,.018); }
.framework-modal li::before { content:""; position:absolute; left:15px; top:21px; width:6px; height:6px; border-radius:50%; background:#9128e8; }
.prompt-box { margin-top:24px; padding:20px; border:1px solid rgba(57,216,130,.25); border-radius:14px; background:rgba(35,193,112,.06); }
.prompt-box small { display:block; margin-bottom:8px; color:#51d993; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
.prompt-box q { color:#e6f5ec; font-size:17px; line-height:1.5; }
.modal-open { overflow:hidden; }
@keyframes fadeIn { from { opacity:0; } }
@keyframes modalIn { from { opacity:0; transform:translateY(20px) scale(.98); } }

@media (max-width: 800px) {
  .noise { opacity:.12; background:radial-gradient(circle at 85% 8%,rgba(131,29,255,.16),transparent 22rem); }
  .site-header { height:70px; }
  .home-main, .employee-main { padding-top:45px; }
  .hero { margin-bottom:50px; }
  .employee-grid { grid-template-columns:1fr; }
  .outcome-strip { grid-template-columns:1fr 1fr; margin-top:-5px; }.outcome-strip div:nth-child(2) { border-right:0; }.outcome-strip div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.07); }
  .services-heading,.fit-section { grid-template-columns:1fr; gap:24px; }.fit-section { margin-top:75px; }
  .landing-cta { grid-template-columns:1fr; gap:28px; margin-top:75px; padding:36px; }
  .employee-card:first-child { grid-column:auto; min-height:255px; }
  .employee-card { content-visibility:auto; contain:layout paint style; contain-intrinsic-size:255px; }
  .detail-head, .detail-grid { grid-template-columns:1fr; gap:28px; }
  .detail-head { margin-bottom:35px; }
  .back { margin-bottom:35px; }
  .flow { grid-template-columns:1fr; }
  .closing-section { padding-top:80px; }
  .closing-intro { grid-template-columns:1fr; gap:20px; }
  .closing-grid { grid-template-columns:repeat(2,1fr); }
  .closing-card { min-height:260px; }
  .closing-open { margin-top:20px; opacity:1; transform:none; }
  .resource-banner { grid-template-columns:auto 1fr; margin-top:75px; }.resource-button { grid-column:1/-1; justify-content:center; }
  .sequence-section { grid-template-columns:1fr; gap:35px; margin-top:75px; padding:36px; }
  .guide-hero { grid-template-columns:1fr; gap:30px; }.guide-section { grid-template-columns:1fr; gap:18px; }.section-label { padding:0; }
  .output-list { grid-template-columns:1fr 1fr; }.limits ul { grid-template-columns:1fr 1fr; }
}

@media (max-width: 500px) {
  .site-header, .home-main, .employee-main, .footer { width:min(100% - 26px,1180px); }
  .brand span:last-child { display:none; }
  .hero h1 { font-size:47px; }
  .hero-actions { align-items:flex-start; flex-direction:column; }.hero-actions .primary-action { width:100%; }.outcome-strip { margin-bottom:65px; grid-template-columns:1fr; }.outcome-strip div { min-height:95px; border-right:0; border-bottom:1px solid rgba(255,255,255,.07); }.outcome-strip div:last-child { border-bottom:0; }.services-heading h2 { font-size:38px; }.fit-grid { grid-template-columns:1fr; }.fit-grid article { min-height:135px; }.landing-cta { padding:27px 22px; }.landing-cta .primary-action { width:100%; }
  .employee-card, .panel { padding:22px; }
  .employee-grid { gap:12px; }
  .employee-card { min-height:230px; border-radius:17px; }
  .employee-card:first-child { min-height:230px; }
  .employee-card::after { display:none; }
  .card-icon { width:52px; height:52px; margin:28px 0 20px; font-size:23px; box-shadow:none; }
  .employee-card h2 { font-size:27px; }
  .employee-card p { font-size:15px; }
  .detail-title { font-size:45px; }
  .stat { grid-template-columns:105px 1fr; padding:16px; }
  .stat strong { font-size:28px; }
  .detail-nav { flex-direction:column; }
  .footer { flex-direction:column; gap:8px; }
  .closing-grid { grid-template-columns:1fr; }
  .closing-card { min-height:150px; display:grid; grid-template-columns:58px 78px 1fr; align-items:center; padding:0 18px 0 0; text-align:left; background:linear-gradient(90deg,#5b08ac 0 58px,#09070d 58px); }
  .closing-number { width:58px; height:auto; line-height:normal; text-align:center; transform:rotate(-90deg); }
  .closing-letter { width:58px; height:58px; margin:0 18px; font-size:28px; }
  .closing-name { min-height:0; font-size:21px; }
  .closing-open { display:none; }
  .framework-modal { padding:38px 22px 25px; }
  .modal-icon { width:58px; height:58px; font-size:28px; }
  .framework-modal ul { grid-template-columns:1fr; }
  .resource-banner { padding:24px; }.resource-mark { width:58px; height:58px; border-radius:15px; font-size:18px; }.resource-banner>div:nth-child(2) { grid-column:1/-1; }
  .sequence-section { padding:26px 22px; }.sequence-track li { min-height:59px; }
  .guide-main { width:min(100% - 26px,1180px); padding-top:45px; }.guide-hero { padding-bottom:50px; }.guide-hero h1 { font-size:46px; }.guide-callout { margin-bottom:55px; padding:24px 20px; }
  .guide-section { padding:55px 0; }.audience-map { grid-template-columns:1fr; }.audience-map b { transform:rotate(90deg); text-align:center; }.starter-grid,.info-grid,.compare,.output-list,.limits ul { grid-template-columns:1fr; }.limits { padding:28px 21px; }
}

@media (hover:none) and (pointer:coarse) {
  .employee-card:hover, .closing-card:hover { transform:none; box-shadow:none; }
  .arrow { width:44px; height:44px; }
  .closing-open { opacity:1; transform:none; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

@media (prefers-reduced-data:reduce) {
  .noise, .employee-card::after { display:none; }
  .employee-card, .panel, .closing-card { box-shadow:none; }
}