:root{--ink:#04183e;--muted:#344767;--paper:#f5f9ff;--white:#fff;--mint:#13b9f3;--cyan:#46d4f3;--line:#cbdaf0;--navy:#061c46;--royal:#087ff4;--blue:#0751c3;--pale:#e9f7ff;--display:"Space Grotesk",sans-serif;--body:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:fixed;left:16px;top:-60px;background:var(--mint);padding:10px 14px;z-index:100}.skip:focus{top:12px}.nav-wrap{position:fixed;z-index:20;top:0;width:100%;background:rgba(246,248,247,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,22,34,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font:600 20px var(--display);letter-spacing:-.02em}.mark{width:30px;height:30px;display:grid;place-items:center;background:var(--ink);color:var(--mint);border-radius:8px;font-size:15px}.nav-links{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.nav-links>a:not(.button):hover{color:#137d69}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:white;padding:15px 21px;border-radius:4px;font-weight:700;border:1px solid var(--ink);cursor:pointer;font:700 14px var(--body);transition:.2s}.button:hover{background:#123245;transform:translateY(-1px)}.button.small{padding:10px 15px}.menu{display:none;background:none;border:0}.hero{padding-top:150px;min-height:780px;display:grid;grid-template-columns:1.04fr .96fr;gap:80px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:#147765;margin:0 0 18px}.hero h1,.section h2,.problem h2,.contact h2{font-family:var(--display);font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.05em;margin:0}.hero h1 span{color:#177d6d}.lede{font-size:20px;color:var(--muted);max-width:640px;margin:28px 0}.actions{display:flex;align-items:center;gap:28px}.text-link{font-weight:700;border-bottom:1px solid var(--ink);padding:10px 0}.qualifier{font-size:12px;color:#6b787f;margin-top:18px}.signal{background:var(--navy);color:white;border-radius:18px;padding:16px;box-shadow:0 32px 90px rgba(7,22,34,.2);transform:rotate(1deg)}.signal-top{display:flex;justify-content:space-between;padding:4px 4px 14px;font-size:12px;color:#b8c5cc}.live{color:#a9f2dc}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:6px}.signal-body{background:#102838;border:1px solid #274253;border-radius:12px;padding:10px}.packet{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:18px 12px;border-bottom:1px solid #294353}.packet:last-of-type{border:0}.packet>span{height:32px;width:32px;display:grid;place-items:center;background:#1a3749;border-radius:50%;color:#92a8b5;font-size:11px}.packet b,.packet small{display:block}.packet small{color:#94aab5;margin-top:3px}.packet em{font-style:normal;color:#86d7c0;background:#173a3e;padding:4px 8px;border-radius:12px;font-size:10px}.packet.accent{background:#163243;border-radius:8px}.packet.accent em{color:#122a32;background:var(--mint)}.trace{display:flex;justify-content:space-between;align-items:end;background:linear-gradient(120deg,#dafcf0,#cbefff);color:var(--ink);padding:18px;border-radius:8px;margin-top:10px}.trace strong{display:block;font:600 30px var(--display)}.trace small{display:block;max-width:260px;line-height:1.4}.arc{width:80px;height:36px;border-top:3px solid #16816d;border-radius:50%}.band{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:110px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:100px}.problem h2,.section h2,.contact h2{font-size:clamp(38px,4vw,58px);line-height:1.07}.problem-copy{font-size:19px;color:var(--muted)}.section{padding-top:120px;padding-bottom:120px;scroll-margin-top:70px}.section-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:80px;margin-bottom:58px}.section-head>p{color:var(--muted);font-size:18px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}.cap{min-height:290px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;display:flex;flex-direction:column}.cap>span,.steps>li>span{font:500 13px var(--display);color:#16816d}.cap h3,.audience h3,.principles h3,.steps h3{font:600 22px var(--display);margin:40px 0 10px}.cap p{color:var(--muted);margin:0}.cap b{margin-top:auto;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#167663}.cap.roadmap{background:transparent}.cap.roadmap b{color:#7b6c45}.dark{background:var(--ink);color:white}.inverse .eyebrow{color:var(--mint)}.inverse>p{color:#a9bac3}.steps{padding:0;margin:0;list-style:none;border-top:1px solid #36505d}.steps li{display:grid;grid-template-columns:90px 1fr;padding:30px 0;border-bottom:1px solid #36505d}.steps h3{margin:0 0 6px}.steps p{margin:0;color:#a9bac3;max-width:560px}.audience{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.audience article{padding:35px 30px 40px 0;border-bottom:1px solid var(--line)}.audience article:nth-child(odd){border-right:1px solid var(--line)}.audience article:nth-child(even){padding-left:35px}.audience h3{margin:0 0 8px}.audience p{color:var(--muted);margin:0}.focus{display:grid;grid-template-columns:1.2fr repeat(3,1fr);margin-top:55px;background:#e7efed;padding:25px;align-items:center}.focus>span{text-transform:uppercase;font-weight:700;letter-spacing:.12em;font-size:11px}.focus b,.focus strong{display:block}.focus b{color:#197968;font-size:11px}.trust{background:#dff8f0}.lede-sm{font-size:20px;color:#3f5d58}.principles{border-top:1px solid #8bb9ab}.principles>div{display:grid;grid-template-columns:40px 150px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid #8bb9ab;align-items:start}.principles h3,.principles p{margin:0}.principles p{color:#3f5d58}.disclosure{margin-top:65px;padding-top:25px;border-top:1px solid #8bb9ab;display:grid;grid-template-columns:1fr 3fr;gap:35px;font-size:14px}.disclosure p{margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.about-word{font:600 clamp(74px,11vw,150px)/.78 var(--display);letter-spacing:-.09em;color:#d9e1df}.about-copy>p{font-size:18px;color:var(--muted)}.cred{display:flex;gap:25px;align-items:center!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.cred strong{font:600 34px var(--display);color:var(--ink)}.cred span{font-size:14px;line-height:1.4}.about-copy .fine{font-size:12px}.contact{background:#cfefff}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.contact-form label:nth-child(4),.contact-form label:nth-child(5),.contact-form button,.contact-form p{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{font:500 15px var(--body);padding:13px;background:rgba(255,255,255,.72);border:1px solid #7baebe;border-radius:3px;color:var(--ink)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid rgba(7,22,34,.15);border-color:var(--ink)}.contact-form p{font-size:11px;margin:0;color:#3d6573}.contact-form button{width:100%}footer{background:var(--ink);color:white;padding:60px 0}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer>div{display:flex;flex-direction:column;gap:8px;color:#a9bac3;font-size:13px}.footer>div:nth-child(2),.footer>div:nth-child(3){padding-top:4px}.footer a:hover{color:var(--mint)}.footer .brand{color:white}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:76px;left:0;width:100%;background:var(--paper);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu{display:block;width:40px;height:40px;padding:10px}.menu span{display:block;height:2px;background:var(--ink);margin:6px}.hero{grid-template-columns:1fr;padding-top:130px;padding-bottom:80px;gap:45px}.grid-2,.section-head,.about{grid-template-columns:1fr;gap:38px}.cap-grid{grid-template-columns:1fr 1fr}.section-head{margin-bottom:40px}.focus{grid-template-columns:1fr;gap:18px}.footer{grid-template-columns:1fr 1fr}.disclosure{grid-template-columns:1fr;gap:8px}.about-word{font-size:110px}}
@media(max-width:600px){.shell{width:min(100% - 30px,1180px)}.hero{min-height:auto}.hero h1{font-size:48px}.actions{align-items:flex-start;flex-direction:column;gap:10px}.signal{transform:none}.packet{grid-template-columns:34px 1fr}.packet em{display:none}.band,.section{padding-top:80px;padding-bottom:80px}.cap-grid,.audience{grid-template-columns:1fr}.audience article:nth-child(odd){border-right:0}.audience article:nth-child(even){padding-left:0}.principles>div{grid-template-columns:34px 1fr}.principles p{grid-column:2}.contact-form{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.about-word{font-size:82px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* VerityArc brand system */
.nav-wrap{background:rgba(245,249,255,.92);border-bottom-color:rgba(4,24,62,.1)}
.brand{color:var(--ink)}
.nav-links>a:not(.button):hover{color:var(--royal)}.button{background:linear-gradient(120deg,var(--blue),var(--royal));border-color:var(--blue);box-shadow:0 10px 25px rgba(7,81,195,.16)}.button:hover{background:linear-gradient(120deg,#064a98,#128dfc)}
.hero{position:relative}.hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(70,212,243,.16),rgba(8,127,244,.06) 48%,transparent 70%);left:-260px;top:70px;z-index:-1}.eyebrow{color:var(--blue)}.hero h1 span{background:linear-gradient(100deg,#064a98,#087ff4 55%,#20c4f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.signal{background:linear-gradient(145deg,#04183e,#061c46);box-shadow:0 32px 90px rgba(3,45,104,.25)}.signal-body{background:#052a62;border-color:#064a98}.packet{border-color:#16487e}.packet>span{background:#064a98;color:#82e4fa}.packet small{color:#bcd4eb}.packet em{color:#82e4fa;background:#064a98}.packet.accent{background:#064a98}.packet.accent em{background:#25cbf2;color:#04183e}.live{color:#82e4fa}.trace{background:linear-gradient(120deg,#e9f7ff,#d4f5ff)}.arc{border-color:var(--royal)}
.cap>span,.steps>li>span,.cap b,.focus b{color:var(--royal)}.dark{background:linear-gradient(135deg,#04183e,#061c46 60%,#052a62)}.inverse .eyebrow{color:#46d4f3}.focus{background:linear-gradient(100deg,#eaf3ff,#e6faff)}
.trust{background:linear-gradient(135deg,#e9f7ff,#dff6ff)}.lede-sm,.principles p{color:#344767}.principles,.principles>div,.disclosure{border-color:#9bcbe5}
.contact{background:linear-gradient(135deg,#d7f4ff,#dceaff)}.contact-form input,.contact-form select,.contact-form textarea{border-color:#8ebee6}.contact-form p{color:#344767}
.about-word{background:linear-gradient(150deg,#d7e5f8,#e6f7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:600px){.hero:before{width:360px;height:360px;left:-210px}}

/* Complete brand lockup: original icon and outlined wordmark, with a readable tagline. */
.nav{min-height:118px;height:auto;padding-block:14px;gap:24px}
.brand{display:flex;align-items:center;gap:8px;flex-shrink:0;letter-spacing:normal;max-width:100%}
.brand-icon{display:block;width:68px;height:68px;object-fit:contain;flex-shrink:0}
.brand-copy{display:flex;flex-direction:column;align-items:center;width:236px;min-width:0}
.brand-wordmark{display:block;width:100%;height:auto}
.brand-tagline{display:block;width:100%;text-align:center;color:var(--ink);font:500 12px/1.5 var(--body);letter-spacing:0;white-space:nowrap}
/* Fit the visible symbol, excluding the supplied PNG's transparent margins. */
.nav .brand,.footer .brand{--wordmark-width:276px;--tagline-line-height:21px;--tagline-lines:1;--symbol-height:calc(var(--wordmark-width) * 302 / 1207 + var(--tagline-line-height) * var(--tagline-lines) - 4px);align-items:flex-start;gap:12px}
.nav .brand-symbol,.footer .brand-symbol{display:block;flex-shrink:0;width:calc(var(--symbol-height) * 467 / 380);height:var(--symbol-height);background-image:url('verityarc-icon-512.png');background-repeat:no-repeat;background-size:109.635975% 134.736842%;background-position:48.888889% 25%}
.nav .brand-copy,.footer .brand-copy{width:var(--wordmark-width)}
.nav .brand-tagline,.footer .brand-tagline{font-size:14px;line-height:var(--tagline-line-height);transform:translateX(6px)}
.nav-links{gap:22px}
.section{scroll-margin-top:126px}
.brand:focus-visible,.footer a:focus-visible,.menu:focus-visible{outline:2px solid var(--blue);outline-offset:6px;border-radius:3px}

/* Framework badges identify the program targets and guiding methodologies. */
.framework-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:32px}
.framework-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:rgba(255,255,255,.84);border:1px solid #b6d6ed;border-radius:12px;padding:28px 12px 22px;box-shadow:0 8px 24px rgba(6,28,70,.035)}
.framework-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:21px;border-radius:18px;background:linear-gradient(140deg,#edf6ff,#ddf6ff);color:var(--blue)}
.framework-icon svg{width:42px;height:42px}
.framework-card h3{font:600 25px/1.15 var(--display);letter-spacing:-.025em;margin:0;color:var(--navy)}
.framework-card h3 span{display:block;font:600 14px/1.5 var(--body);letter-spacing:.015em;color:var(--blue);margin-top:5px}
.framework-card p{font-size:14px;line-height:1.5;color:var(--muted);margin:18px 0 20px}
.framework-status{margin-top:auto;border-top:1px solid #d3e4f1;padding-top:13px;width:100%;font-size:12px;line-height:1.5;font-weight:600;color:var(--muted)}

/* A light brand-colored footer keeps the transparent logo seamless. */
footer{background:linear-gradient(110deg,#f5f9ff,#edf7ff);color:var(--ink);border-top:1px solid #b6d6ed;padding:56px 0}
.footer{grid-template-columns:minmax(400px,1.25fr) 1fr .85fr;gap:48px;align-items:center}
.footer>div{color:var(--muted);font-size:14px;min-width:0}
.footer>div:nth-child(2),.footer>div:nth-child(3){padding-top:0}
.footer .brand{color:var(--ink);background:none;padding:0;border:0}
.footer a:hover{color:var(--blue)}
.footer>div>a:not(.brand){overflow-wrap:anywhere}

@media(max-width:1100px){
  .nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--paper);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}
  .menu{display:block;width:44px;height:44px;flex-shrink:0;padding:10px;cursor:pointer}
  .menu span{display:block;height:2px;background:var(--ink);margin:6px}
  .framework-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer{grid-template-columns:1fr 1fr;gap:32px}
  .footer>div:first-child{grid-column:1/-1}
}
@media(max-width:600px){
  .nav{min-height:100px;padding-block:12px;gap:8px}
  .brand{gap:4px}
  .brand-icon{width:44px;height:44px}
  .brand-copy{width:214px}
  .brand-tagline{font-size:12px;white-space:normal;text-wrap:balance}
  .nav .brand,.footer .brand{--wordmark-width:232px;--tagline-line-height:18px;gap:8px}
  .nav .brand-tagline,.footer .brand-tagline{font-size:12px;transform:translateX(4px)}
  .section{scroll-margin-top:130px}
  .framework-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
  .framework-card{padding:24px 10px 18px}
  .framework-card:last-child{grid-column:1/-1}
  .framework-card h3{font-size:23px}
  footer{padding:40px 0}
  .footer{grid-template-columns:1fr;gap:26px}
}
@media(max-width:450px){
  .nav .brand,.footer .brand{--wordmark-width:clamp(140px,calc(100vw - 206px),224px);--tagline-lines:2}
  .nav .brand-tagline>span,.footer .brand-tagline>span{display:block;white-space:nowrap}
}

/* Give the market positioning a distinct accent, with outcomes leading the hierarchy. */
.hero-copy{min-width:0}
.hero-positioning{margin:0 0 26px;font:500 clamp(1rem,1.65vw,1.25rem)/1.5 var(--body);letter-spacing:-.02em;text-transform:none}
.hero-positioning>span{display:inline;color:var(--muted)}
/* Color trial: previous hero emphasis was var(--blue), #0751c3. */
.hero-positioning strong{display:inline;font-size:calc(1em + 2px);font-weight:800;color:#6d28d9}
.hero h1{font-size:clamp(2.5rem,4.4vw,3.75rem);font-weight:600;line-height:1.06;letter-spacing:-.045em}
@media(max-width:900px){.hero{padding-top:166px}}
@media(max-width:600px){
  .hero{padding-top:140px}
  .hero-positioning{margin-bottom:24px;font-size:clamp(.875rem,2.9vw,1.125rem)}
  .hero h1{font-size:clamp(2.375rem,8.75vw,3.5rem)}
}
