:root{
  --signal:#F04D2F;--signal-dark:#C93D24;--ink:#17181B;--muted:#65686F;
  --line:#E5E7EB;--soft:#F6F7F8;--warm:#FFF2EE;--night:#20242A;--white:#fff;
  --max:1160px;--radius:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} img{max-width:100%} button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto} .narrow{max-width:900px}
.skip-link{position:fixed;top:-80px;left:20px;z-index:999;padding:9px 14px;background:#fff;border:1px solid var(--line)} .skip-link:focus{top:20px}

.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-shell{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand-logo{display:block;height:32px;width:auto}
.main-nav{display:flex;align-items:center;gap:28px}
.main-nav a{font-size:13px;font-weight:650;color:#555961} .main-nav a:hover{color:var(--signal)}
.main-nav .nav-contact{padding:8px 14px;border:1px solid #f0c6bb;border-radius:999px;color:var(--signal);background:#fff9f7}
.menu-toggle{display:none;border:0;background:transparent;padding:8px} .menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:5px 0}

.eyebrow,.section-index,.mini-label,.course-code,.micro-row,.standard-actions span,.case-facts small,.draft-badge,.part-kicker{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
.eyebrow,.section-index,.mini-label{color:var(--signal);margin:0 0 15px}
.hero{padding:104px 0 108px} .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:82px;align-items:center}
.hero h1,.page-hero h1{margin:0;font-size:clamp(48px,6.1vw,80px);line-height:1.01;letter-spacing:-.06em;font-weight:690}
.hero h1 span,.final-cta h2 span{color:var(--signal)}
.hero-lead,.page-lead{max-width:790px;margin:28px 0 0;color:var(--muted);font-size:20px}
.hero-mark-wrap{display:flex;flex-direction:column;align-items:center;gap:17px;color:#a1a4aa} .hero-mark{width:205px}
.hero-mark-wrap p{margin:0;font:800 9px ui-monospace,monospace;letter-spacing:.12em}
.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:8px;font-size:14px;font-weight:750;border:1px solid transparent;cursor:pointer}
.button.primary{background:var(--signal);color:#fff;box-shadow:0 12px 28px rgba(240,77,47,.16)} .button.primary:hover{background:var(--signal-dark)}
.button.secondary{background:#fff;border-color:var(--line)} .button.full{width:100%}
.micro-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:33px;color:#92959b}

.proof-strip{padding:54px 0;border-block:1px solid var(--line);background:#fff}
.proof-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.proof-grid h2{margin:0;font-size:38px;letter-spacing:-.04em} .proof-copy p{margin:0;color:var(--muted);font-size:17px} .text-link{display:inline-block;margin-top:17px;color:var(--signal);font-weight:750}

.rule-band{padding:64px 0;background:var(--warm);border-bottom:1px solid #f2ddd7}
.rule-grid{display:grid;grid-template-columns:220px 1fr;gap:45px}
.rule-grid h2{margin:0 0 12px;font-size:clamp(34px,4.2vw,54px);line-height:1.08;letter-spacing:-.045em}
.rule-grid p:last-child{margin:0;max-width:790px;color:var(--muted);font-size:18px}

.section{padding:102px 0} .section.soft{background:var(--soft)} .section.dark{background:var(--night);color:#fff}
.section-heading{max-width:860px;margin-bottom:46px} .section-heading.light .section-index{color:#ffad99}
.section-heading h2,.final-cta h2,.course-body h2,.course-side h2,.plain-heading{margin:0 0 18px;font-size:clamp(36px,4.65vw,57px);line-height:1.08;letter-spacing:-.05em}
.section-heading>p:last-child,.large{margin:0;color:var(--muted);font-size:19px;max-width:810px}
.section.dark .section-heading>p:last-child{color:#bfc3c9}
.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.feature-card,.training-card{padding:31px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.feature-card h3,.training-card h3{margin:48px 0 12px;font-size:28px;letter-spacing:-.03em} .feature-card p,.training-card p{color:var(--muted)}
.chips{display:flex;gap:8px;margin-top:28px} .chips span{padding:7px 10px;border:1px solid var(--line);border-radius:5px;font:800 9px ui-monospace,monospace}
.chips .active{background:var(--signal);color:#fff;border-color:var(--signal)}
.course-code{display:inline-block;padding:6px 9px;border-radius:5px;background:var(--signal);color:#fff}

.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:start}
.stack-list{border-top:1px solid var(--line)} .stack-list article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}
.stack-list>article>span,.four-grid article>span,.steps-grid article>span,.exercise-grid article>span{color:var(--signal);font:800 10px ui-monospace,monospace}
.stack-list h3{margin:0 0 5px;font-size:22px} .stack-list p{margin:0;color:var(--muted)}

.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.level-grid article{padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);background:rgba(255,255,255,.03)}
.level-grid span{display:inline-block;padding:6px 9px;border-radius:5px;background:var(--signal);font:800 10px ui-monospace,monospace}
.level-grid h3{margin:48px 0 10px;font-size:23px} .level-grid p{margin:0;color:#bec2c8}

.trainer-strip{padding:68px 0;background:var(--soft);border-block:1px solid var(--line)}
.trainer-strip-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.trainer-strip-grid h2{margin:0;font-size:40px;letter-spacing:-.04em} .trainer-strip-grid p{color:var(--muted);font-size:18px}
.final-cta{padding:88px 0} .final-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:50px} .final-cta h2{margin:0}

.page-hero{padding:88px 0 76px;border-bottom:1px solid var(--line)} .page-hero h1{font-size:clamp(44px,5.55vw,72px)}
.page-hero .button{margin-top:27px}
.course-layout{display:grid;grid-template-columns:310px 1fr;gap:66px;align-items:start}
.course-side{position:sticky;top:104px;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.course-side h2{font-size:30px;margin-top:20px} .course-side>p{color:var(--muted)}
.course-body h2{font-size:clamp(34px,4vw,50px)} .course-body h3{margin:44px 0 18px;font-size:23px}
.check-list{list-style:none;padding:0;margin:0} .check-list li{position:relative;padding:11px 0 11px 30px;border-top:1px solid var(--line);color:#4d5056}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--signal);font-weight:900}
.exercise-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px} .exercise-grid article{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}
.exercise-grid h4{margin:24px 0 7px;font-size:18px} .exercise-grid p{margin:0;color:var(--muted)}
.requirements-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius)} .requirements-card h3{margin-top:0;font-size:25px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px} .steps-grid article{padding:25px;border:1px solid var(--line);border-top:3px solid var(--signal);border-radius:0 0 14px 14px;background:#fff}
.steps-grid h3{margin:44px 0 7px;font-size:21px} .steps-grid p{margin:0;color:var(--muted);font-size:14px}

.prose p{color:var(--muted);font-size:18px} .prose h2{margin-top:0;font-size:32px;letter-spacing:-.035em}
.four-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px} .four-grid article{padding:26px;border:1px solid var(--line);border-radius:var(--radius)}
.four-grid h3{margin:25px 0 7px} .four-grid p{margin:0;color:var(--muted)}

.contact-grid{display:grid;grid-template-columns:1fr 500px;gap:70px;align-items:start}
.form-card{display:grid;gap:15px;padding:27px;border:1px solid var(--line);border-top:4px solid var(--signal);border-radius:var(--radius);background:#fff}
.form-card label{display:grid;gap:6px;font-size:13px;font-weight:700} .form-card input,.form-card select,.form-card textarea{padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px rgba(240,77,47,.1)}
.consent{display:grid!important;grid-template-columns:18px 1fr;align-items:start} .consent input{width:auto;margin-top:4px} .consent span{font-weight:400;color:var(--muted)} .consent a{color:var(--signal);text-decoration:underline}

.case-hero{background:var(--soft)} .draft-badge{display:inline-block;margin-top:25px;padding:8px 10px;border:1px solid #f0c6bb;border-radius:5px;color:var(--signal);background:#fff}
.case-grid{display:grid;grid-template-columns:260px 1fr;gap:72px;align-items:start}
.case-facts{border-top:1px solid var(--line)} .case-facts>div{padding:18px 0;border-bottom:1px solid var(--line)} .case-facts small{display:block;color:#92959b;margin-bottom:4px} .case-facts strong{font-size:17px}
.case-copy h2{margin-top:46px} .case-copy h2:first-child{margin-top:0} .case-note{margin-top:34px;padding:20px;border-left:4px solid var(--signal);background:var(--warm);color:#555961}

.standard-top{display:grid;grid-template-columns:1fr 300px;gap:70px;align-items:end}
.standard-actions{display:flex;flex-direction:column;gap:15px} .standard-actions span{color:#8b8e95}
.standard-section{padding-top:66px} .standard-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;align-items:start}
.toc{position:sticky;top:105px;display:flex;flex-direction:column;gap:9px;padding-left:16px;border-left:1px solid var(--line)}
.toc strong{font:800 10px ui-monospace,monospace;letter-spacing:.1em} .toc a{font-size:13px;color:#6b6e75} .toc a:hover{color:var(--signal)}
.standard-copy{max-width:860px} .standard-copy>h2,.standard-copy section h2{margin:0 0 20px;font-size:38px;line-height:1.16;letter-spacing:-.04em}
.standard-copy h2{margin-top:56px} .standard-copy h3{margin:34px 0 12px;font-size:22px}
.standard-copy p,.standard-copy li{color:#4d5056;font-size:16.5px} .standard-copy blockquote{margin:24px 0;padding:20px 22px;border-left:4px solid var(--signal);background:var(--warm);font-size:19px;color:#382c29}
.standard-copy .part-kicker{margin:64px 0 12px;color:var(--signal)} .standard-copy .annex-title{margin-top:68px}
.standard-list,.five-lines{padding-left:27px} .standard-list li,.five-lines li{padding:6px 0}
.standard-example{padding:14px 17px;background:var(--soft);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px!important}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;margin:22px 0} .table-wrap table{width:100%;min-width:680px;border-collapse:collapse}
.table-wrap th,.table-wrap td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top} .table-wrap th{background:#f4f5f6;color:#6f7279;font:800 9px ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}
.table-wrap tr:last-child td{border-bottom:0}
.rule-box{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:25px;border-radius:14px;background:var(--night);color:#fff;margin:22px 0}
.rule-box>span{color:#ffb09c;font:800 21px ui-monospace,monospace} .rule-box h3{margin:0;color:#fff}

.site-footer{padding:52px 0 20px;border-top:1px solid var(--line)} .footer-main{display:flex;justify-content:space-between;gap:60px;align-items:flex-start}
.footer-logo{height:32px;width:auto} .footer-brand p{color:var(--muted);font-size:13px}
.footer-links{display:flex;gap:22px;flex-wrap:wrap} .footer-links a{font-size:13px;color:#5d6067} .footer-links a:hover{color:var(--signal)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:#8a8d93}

@media(max-width:960px){.course-layout{grid-template-columns:1fr}.course-side{position:relative;top:auto}.steps-grid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
 .menu-toggle{display:block} .main-nav{display:none;position:absolute;top:76px;left:20px;right:20px;flex-direction:column;align-items:flex-start;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.08)} .main-nav.open{display:flex}
 .hero-grid,.split,.proof-grid,.trainer-strip-grid,.standard-top,.standard-layout,.contact-grid,.case-grid{grid-template-columns:1fr}
 .hero-mark-wrap{display:none} .rule-grid{grid-template-columns:1fr;gap:8px} .level-grid{grid-template-columns:1fr}
 .toc{position:relative;top:auto;flex-direction:row;overflow:auto;padding:0 0 14px;border-left:0;border-bottom:1px solid var(--line);white-space:nowrap} .toc strong{display:none}
 .footer-main{flex-direction:column}
}
@media(max-width:640px){
 .container{width:min(calc(100% - 28px),var(--max))} .hero{padding:72px 0 82px} .hero h1,.page-hero h1{font-size:43px} .hero-lead,.page-lead{font-size:18px}
 .section{padding:74px 0} .two-cards,.exercise-grid,.four-grid,.steps-grid{grid-template-columns:1fr} .final-cta-grid{align-items:flex-start;flex-direction:column}
 .footer-bottom{flex-direction:column} .standard-copy h2{font-size:31px} .rule-box{grid-template-columns:1fr}
}


/* Wordmark-only Helmark brand */
.brand-logo{
  height:38px;
  width:auto;
  display:block;
}
.footer-logo{
  height:38px;
  width:auto;
  display:block;
}
@media(max-width:640px){
  .brand-logo{height:35px}
  .footer-logo{height:35px}
}


/* Privacy / GDPR / cookie additions */
.hidden-field{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.policy-date{
  margin-top:22px;
  color:var(--muted);
  font-size:13px;
}
.legal-copy{
  max-width:820px;
}
.legal-copy h2{
  margin:42px 0 12px;
  font-size:25px;
  letter-spacing:-.025em;
}
.legal-copy h2:first-child{
  margin-top:0;
}
.legal-copy p{
  color:var(--muted);
  font-size:17px;
}
.legal-copy a{
  color:var(--signal);
  text-decoration:underline;
  text-underline-offset:2px;
}
.controller-card{
  margin:20px 0 36px;
  padding:22px;
  border:1px solid var(--line);
  border-left:4px solid var(--signal);
  border-radius:12px;
  background:var(--soft);
}
.controller-card p{
  margin-top:0;
}
.controller-details{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--line);
  color:var(--ink);
  font-weight:650;
}
.button.compact{
  min-height:40px;
  padding:0 15px;
  font-size:13px;
}
.cookie-notice[hidden]{
  display:none!important;
}
.cookie-notice{
  position:fixed;
  z-index:500;
  left:20px;
  right:20px;
  bottom:20px;
}
.cookie-notice-inner{
  width:min(100%,900px);
  margin:0 auto;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:#fff;
  border:1px solid var(--line);
  border-top:3px solid var(--signal);
  border-radius:14px;
  box-shadow:0 18px 55px rgba(23,24,27,.14);
}
.cookie-notice p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.cookie-notice strong{
  color:var(--ink);
}
.cookie-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex:0 0 auto;
}
.cookie-link{
  margin:0;
  white-space:nowrap;
  font-size:13px;
}
@media(max-width:700px){
  .cookie-notice{
    left:12px;
    right:12px;
    bottom:12px;
  }
  .cookie-notice-inner{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
  }
  .cookie-actions{
    width:100%;
    justify-content:space-between;
  }
}


/* =========================================================
   PRIVACY PAGE — refined legal layout
   ========================================================= */

.privacy-page{
  background:#fff;
}

.privacy-page .page-hero{
  padding:72px 0 58px;
  background:
    linear-gradient(to bottom, #fff 0%, #fff 72%, #fafafa 100%);
  border-bottom:1px solid var(--line);
}

.privacy-page .page-hero .narrow{
  max-width:820px;
}

.privacy-page .page-hero h1{
  max-width:760px;
  font-size:clamp(42px,5vw,66px);
  line-height:1.03;
  letter-spacing:-.055em;
}

.privacy-page .page-lead{
  max-width:680px;
  font-size:18px;
  line-height:1.6;
}

.privacy-page .policy-date{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:24px;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:#888b91;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.privacy-page .section{
  padding:74px 0 92px;
}

.privacy-page .legal-copy{
  max-width:780px;
}

.privacy-page .legal-copy h2{
  position:relative;
  margin:0;
  padding:34px 0 12px;
  border-top:1px solid var(--line);
  font-size:23px;
  line-height:1.25;
  letter-spacing:-.03em;
  color:var(--ink);
}

.privacy-page .legal-copy h2:first-child{
  padding-top:0;
  border-top:0;
}

.privacy-page .legal-copy p{
  max-width:72ch;
  margin:0 0 18px;
  color:#5f636a;
  font-size:16.5px;
  line-height:1.78;
}

.privacy-page .legal-copy ul,
.privacy-page .legal-copy ol{
  margin:0 0 22px;
  padding-left:22px;
  color:#5f636a;
}

.privacy-page .legal-copy li{
  margin:7px 0;
  line-height:1.7;
}

.privacy-page .legal-copy a{
  color:var(--signal);
  text-decoration:none;
  border-bottom:1px solid rgba(240,77,47,.35);
}

.privacy-page .legal-copy a:hover{
  border-bottom-color:var(--signal);
}

.privacy-page .controller-card{
  margin:18px 0 34px;
  padding:20px 21px;
  border:1px solid var(--line);
  border-left:3px solid var(--signal);
  border-radius:12px;
  background:#fafafa;
  box-shadow:none;
}

.privacy-page .controller-card p{
  margin:0 0 16px;
  color:#70737a;
  font-size:14px;
  line-height:1.65;
}

.privacy-page .controller-card .button{
  min-height:39px;
  padding:0 14px;
  border-radius:7px;
  background:#fff;
  border-color:#dadce1;
  color:var(--ink);
  box-shadow:none;
}

.privacy-page .controller-card .button:hover{
  border-color:#c7c9ce;
  background:#fff;
}

.privacy-page .controller-details{
  margin-top:17px;
  padding-top:16px;
  border-top:1px solid var(--line);
  color:#4f5258;
  font-size:14px;
  font-weight:600;
  line-height:1.6;
}

.privacy-page .site-footer{
  background:#fafafa;
}

/* compact legal reading rhythm */
.privacy-page .legal-copy > h2 + p{
  margin-top:0;
}

/* tablet */
@media(max-width:860px){
  .privacy-page .page-hero{
    padding:62px 0 52px;
  }

  .privacy-page .section{
    padding:62px 0 78px;
  }

  .privacy-page .legal-copy{
    max-width:100%;
  }
}

/* mobile */
@media(max-width:640px){
  .privacy-page .page-hero{
    padding:54px 0 44px;
  }

  .privacy-page .page-hero h1{
    font-size:40px;
  }

  .privacy-page .page-lead{
    font-size:17px;
  }

  .privacy-page .section{
    padding:50px 0 66px;
  }

  .privacy-page .legal-copy h2{
    padding-top:28px;
    font-size:21px;
  }

  .privacy-page .legal-copy p{
    font-size:16px;
    line-height:1.72;
  }

  .privacy-page .controller-card{
    padding:17px;
  }
}


/* Homepage simplification */
.hero-simple{
  max-width:1160px;
}
.hero-simple .hero-copy{
  max-width:920px;
}
.home-page .hero{
  padding-top:104px;
  padding-bottom:108px;
}
.home-page .hero .hero-lead{
  max-width:820px;
}


/* Expanded About page */
.about-story-grid{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:78px;
  align-items:start;
}
.about-story-aside{
  position:sticky;
  top:105px;
}
.about-story-aside h2{
  margin:0;
  font-size:36px;
  line-height:1.1;
  letter-spacing:-.045em;
}
.about-story-copy{
  max-width:760px;
}
.about-story-copy p{
  font-size:18px;
  line-height:1.78;
}
.timeline-note{
  margin-top:32px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.timeline-note span{
  display:inline-block;
  margin-bottom:8px;
  color:var(--signal);
  font:800 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.1em;
}
.timeline-note p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}
.about-callout{
  margin:28px 0;
  padding:20px 22px;
  border-left:4px solid var(--signal);
  background:var(--warm);
}
.about-callout p{
  margin:0;
  color:var(--ink);
}
.about-contribute .button{
  margin-top:18px;
}
@media(max-width:860px){
  .about-story-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  .about-story-aside{
    position:relative;
    top:auto;
  }
  .about-story-aside h2{
    max-width:640px;
  }
}
@media(max-width:640px){
  .about-story-aside h2{
    font-size:31px;
  }
  .about-story-copy p{
    font-size:17px;
  }
}


/* Subtle governance / authorship section */
.governance-authorship{
  padding-top:78px;
  padding-bottom:82px;
}
.governance-authorship .about-story-aside h2{
  font-size:31px;
}
.governance-authorship .about-story-copy{
  max-width:720px;
}
.governance-authorship .about-story-copy p{
  font-size:16.5px;
  line-height:1.75;
  color:var(--muted);
}
.governance-authorship strong{
  color:var(--ink);
  font-weight:650;
}
@media(max-width:640px){
  .governance-authorship{
    padding-top:62px;
    padding-bottom:66px;
  }
  .governance-authorship .about-story-aside h2{
    font-size:28px;
  }
}


/* Trainer page — inclusive pathway */
.trainer-audience-band{
  padding:78px 0;
  background:var(--night);
  color:#fff;
}
.trainer-audience-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:70px;
  align-items:start;
}
.trainer-audience-grid .section-index{
  color:#ffad99;
}
.trainer-audience-grid h2{
  margin:0;
  font-size:clamp(34px,4vw,50px);
  line-height:1.08;
  letter-spacing:-.045em;
}
.trainer-audience-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.trainer-audience-cards article{
  padding:24px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.trainer-audience-cards span{
  color:#ffad99;
  font:800 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.1em;
}
.trainer-audience-cards h3{
  margin:30px 0 9px;
  font-size:21px;
}
.trainer-audience-cards p{
  margin:0;
  color:#c2c6cc;
  font-size:14px;
  line-height:1.65;
}

@media(max-width:860px){
  .trainer-audience-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
}
@media(max-width:640px){
  .trainer-audience-cards{
    grid-template-columns:1fr;
  }
}


/* Launch-readiness improvements */
.main-nav .nav-60{
  color:var(--ink);
  font-weight:750;
}
.main-nav .nav-60::before{
  content:"60";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  margin-right:7px;
  border-radius:999px;
  background:var(--signal);
  color:#fff;
  font:800 8px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  vertical-align:middle;
}

.three-value-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}
.three-value-grid article{
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.three-value-grid span{
  color:var(--signal);
  font:800 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.three-value-grid h3{
  margin:44px 0 9px;
  font-size:22px;
}
.three-value-grid p{
  margin:0;
  color:var(--muted);
}

.compact-section{
  padding-top:34px;
  padding-bottom:88px;
}
.lightweight-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
}
.lightweight-grid h2{
  margin:0;
  max-width:590px;
  font-size:clamp(32px,4vw,48px);
  line-height:1.08;
  letter-spacing:-.045em;
}
.lightweight-card{
  padding:25px;
  border:1px solid var(--line);
  border-left:4px solid var(--signal);
  border-radius:14px;
  background:var(--soft);
}
.lightweight-labels{
  display:flex;
  gap:8px;
  margin-bottom:22px;
}
.lightweight-labels span{
  padding:6px 8px;
  border-radius:5px;
  background:#fff;
  border:1px solid var(--line);
  font:800 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.lightweight-card p{
  margin:0 0 10px;
  color:var(--muted);
}
.lightweight-card strong{
  color:var(--ink);
}

.example-section{
  padding-top:70px;
  padding-bottom:70px;
  background:#fff;
}
.example-layout{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:70px;
  align-items:center;
}
.example-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1.6fr;
  gap:12px;
  align-items:center;
}
.example-step,.example-result{
  padding:20px;
  min-height:118px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:12px;
}
.example-step small,.example-result small{
  color:#8a8d93;
  font:800 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.example-step strong{
  margin-top:8px;
  color:var(--signal);
  font-size:22px;
}
.example-result{
  background:var(--night);
  color:#fff;
}
.example-result strong{
  margin-top:8px;
  font-size:14px;
  line-height:1.45;
}
.example-plus,.example-equals{
  color:#9da0a6;
  font-size:22px;
}

.where-section{
  background:var(--soft);
}
.where-stack{
  max-width:820px;
  margin:auto;
}
.where-layer{
  padding:21px 24px;
  border-radius:12px;
  border:1px solid var(--line);
}
.where-layer small{
  display:block;
  margin-bottom:7px;
  color:#8f9298;
  font:800 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.where-layer strong{
  font-size:18px;
}
.where-layer p{
  margin:8px 0 0;
  color:var(--muted);
}
.helmark-layer{
  border-color:#f0b3a5;
  background:var(--warm);
}
.helmark-layer small,.helmark-layer strong{
  color:var(--signal);
}
.where-arrow{
  padding:8px 0;
  text-align:center;
  color:#a5a8ad;
}

.start-l1{
  padding:58px 0;
  border-bottom:1px solid var(--line);
  background:#fff;
}
.start-l1-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:60px;
  align-items:center;
}
.start-l1 h2{
  margin:0 0 10px;
  font-size:36px;
  letter-spacing:-.04em;
}
.start-l1 p{
  margin:0;
  color:var(--muted);
}
.start-l1-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}

/* Helmark in 60 seconds */
.sixty-hero{
  background:var(--soft);
}
.sixty-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.sixty-grid article{
  padding:29px;
  border:1px solid var(--line);
  border-top:3px solid var(--signal);
  border-radius:0 0 14px 14px;
  background:#fff;
}
.sixty-grid>article>span{
  color:var(--signal);
  font:800 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.sixty-grid h2{
  margin:40px 0 20px;
  font-size:27px;
  letter-spacing:-.035em;
}
.sixty-list{
  margin:0;
  padding-left:19px;
}
.sixty-list li{
  margin:10px 0;
  color:var(--muted);
}
.sixty-equation{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:15px;
  align-items:center;
}
.sixty-equation>div{
  padding:22px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.sixty-equation small{
  display:block;
  margin-bottom:7px;
  color:#8b8e94;
  font:800 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.sixty-equation strong{
  font-size:18px;
}
.sixty-equation>span{
  color:#a0a3a8;
  font-size:24px;
}
.sixty-equation-result{
  border-color:#f0b3a5!important;
  background:var(--warm)!important;
}
.sixty-equation-result strong{
  color:var(--signal);
}
.sixty-rule-box{
  align-items:start;
}
.sixty-rule-box h2{
  margin:0 0 10px;
  font-size:34px;
  line-height:1.1;
}
.sixty-rule-box p{
  margin:0;
  color:#cfd2d6;
}
.sixty-start{
  display:grid;
  grid-template-columns:1fr auto;
  gap:60px;
  align-items:center;
}
.sixty-start h2{
  margin:0 0 12px;
  font-size:42px;
  letter-spacing:-.045em;
}
.sixty-start p{
  color:var(--muted);
}
.sixty-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

@media(max-width:960px){
  .example-layout{
    grid-template-columns:1fr;
  }
  .example-flow{
    grid-template-columns:1fr;
  }
  .example-plus,.example-equals{
    text-align:center;
  }
}
@media(max-width:860px){
  .three-value-grid,.sixty-grid{
    grid-template-columns:1fr;
  }
  .lightweight-grid,.start-l1-grid,.sixty-start{
    grid-template-columns:1fr;
    gap:32px;
  }
  .sixty-equation{
    grid-template-columns:1fr;
  }
  .sixty-equation>span{
    text-align:center;
  }
}


/* LinkedIn-entry refinements */
.training-trainer-strip{
  padding:58px 0;
  border-top:1px solid var(--line);
  background:#fff;
}
.training-trainer-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:48px;
  align-items:center;
}
.training-trainer-grid h2{
  margin:0 0 10px;
  font-size:clamp(28px,3vw,38px);
  letter-spacing:-.04em;
}
.training-trainer-grid p:not(.section-index){
  margin:0;
  max-width:720px;
  color:var(--muted);
}

@media(max-width:760px){
  .training-trainer-grid{
    grid-template-columns:1fr;
    gap:26px;
  }
}

/* Benefits-led 60 seconds page */
.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.question-grid article{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}
.question-grid span,.role-benefit-grid small,.example-story-step small,.example-story-result small{color:var(--signal);font:800 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}
.question-grid h3{margin:34px 0 0;font-size:22px;line-height:1.25}
.sixty-bridge{margin:28px 0 0;font-size:19px}
.role-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.role-benefit-grid article{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}
.role-benefit-grid .role-wide{grid-column:1/-1}
.role-benefit-grid h3{margin:22px 0 10px;font-size:24px;letter-spacing:-.025em}
.role-benefit-grid p{margin:0 0 16px;color:var(--muted);line-height:1.65}
.role-benefit-grid strong{display:block;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
.assist-low-note{display:flex;gap:18px;align-items:center;margin-top:22px;padding:18px 20px;border-left:4px solid var(--signal);background:#fff}
.assist-low-note span{flex:0 0 auto;padding:6px 8px;border:1px solid var(--line);border-radius:5px;color:var(--signal);font:800 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.assist-low-note p{margin:0;color:var(--muted)}
.example-story{display:grid;grid-template-columns:1fr auto 1fr auto 1.55fr;gap:12px;align-items:stretch}
.example-story-step,.example-story-result{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}
.example-story-step strong{display:block;margin:9px 0;color:var(--signal);font-size:24px}
.example-story-step p{margin:0;color:var(--muted);font-size:14px}
.example-story-result{background:var(--night);color:#fff}
.example-story-result ul{margin:14px 0 0;padding-left:18px}
.example-story-result li{margin:8px 0;color:#d7dade;font-size:14px}
.example-story-plus,.example-story-equals{display:flex;align-items:center;justify-content:center;color:#9ea1a6;font-size:23px}
.example-message{margin:24px 0 0;font-size:18px}
.workflow-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.workflow-grid h2{margin:0 0 12px;font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-.045em}
.workflow-grid p{color:var(--muted)}
.workflow-card{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--soft);text-align:center}
.workflow-tools{padding:16px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:14px}
.workflow-arrow{padding:9px 0;color:#999da2}
.workflow-helmark{padding:16px;border-radius:9px;background:var(--warm);color:var(--signal);font:800 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}
.workflow-card p{margin:10px 0 0;font-size:13px}
.start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.start-steps article{padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff}
.start-steps span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--signal);color:#fff;font:800 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.start-steps h3{margin:28px 0 8px;font-size:20px}
.start-steps p{margin:0;color:var(--muted)}
.start-note{margin-top:18px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#fff}
.sixty-final-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
@media(max-width:900px){.question-grid,.start-steps,.role-benefit-grid{grid-template-columns:1fr}.role-benefit-grid .role-wide{grid-column:auto}.example-story{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr;gap:34px}.example-story-plus,.example-story-equals{min-height:24px}}
@media(max-width:640px){.assist-low-note{align-items:flex-start;flex-direction:column}}


/* ============================================================
   HELMARK — PRODUCT-LED REDESIGN
   Inspired by the clarity, whitespace, rounded product surfaces
   and feature-led rhythm common to Google Workspace product pages.
   Helmark brand, content and assets remain original.
   ============================================================ */

:root{
  --signal:#F04D2F;
  --signal-dark:#D94125;
  --ink:#202124;
  --muted:#5F6368;
  --line:#E2E5E9;
  --soft:#F8F9FA;
  --warm:#FFF4F0;
  --night:#F3F6FC;
  --white:#FFFFFF;
  --blue-soft:#F2F6FF;
  --green-soft:#F1F8F4;
  --yellow-soft:#FFF8E1;
  --lavender-soft:#F7F3FF;
  --max:1200px;
  --radius:28px;
  --shadow:0 12px 34px rgba(32,33,36,.08);
  --shadow-soft:0 4px 18px rgba(32,33,36,.06);
}

html{scroll-padding-top:104px}
body{
  color:var(--ink);
  font-family:Arial,Helvetica,system-ui,-apple-system,sans-serif;
  line-height:1.55;
  letter-spacing:-.005em;
}
.container{width:min(calc(100% - 48px),var(--max))}
.narrow{max-width:940px}

/* Header */
.site-header{
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(218,220,224,.72);
  box-shadow:0 1px 2px rgba(60,64,67,.04);
}
.nav-shell{height:72px}
.brand-logo{height:34px!important}
.main-nav{gap:8px}
.main-nav a{
  padding:10px 13px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  color:#3C4043;
  transition:background .18s ease,color .18s ease;
}
.main-nav a:hover{background:#F1F3F4;color:var(--ink)}
.main-nav .nav-60{
  color:var(--signal);
  background:var(--warm);
}
.main-nav .nav-60::before{display:none!important}
.main-nav .nav-contact{
  padding:10px 18px;
  border:1px solid var(--signal);
  color:var(--signal);
  background:#fff;
}
.main-nav .nav-contact:hover{background:var(--warm)}

/* Typography */
.eyebrow,.section-index,.mini-label,.course-code,.standard-actions span,.case-facts small,.part-kicker{
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.09em;
}
.eyebrow,.section-index,.mini-label{color:var(--signal)}
.section-heading h2,.final-cta h2,.course-body h2,.course-side h2,.plain-heading{
  font-weight:500;
  letter-spacing:-.045em;
}
.section-heading>p:last-child,.large{font-size:20px;line-height:1.55}

/* Buttons */
.button{
  min-height:50px;
  padding:0 24px;
  border-radius:999px;
  font-size:15px;
  font-weight:700;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.button:hover{transform:translateY(-1px)}
.button.primary{
  background:var(--signal);
  box-shadow:none;
}
.button.primary:hover{background:var(--signal-dark);box-shadow:0 5px 14px rgba(240,77,47,.20)}
.button.secondary{
  border-color:#DADCE0;
  color:#3C4043;
  background:#fff;
}
.button.secondary:hover{background:#F8F9FA;border-color:#C9CDD2}

/* Product-led home hero */
.google-hero{
  padding:76px 0 62px;
  overflow:hidden;
}
.google-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:68px;
  align-items:center;
}
.google-hero .hero-copy{max-width:610px}
.google-hero h1{
  margin:0;
  font-size:clamp(52px,5.65vw,76px);
  line-height:1.03;
  letter-spacing:-.055em;
  font-weight:500;
}
.google-hero h1 span{color:var(--signal)}
.google-hero .hero-lead{
  max-width:590px;
  margin-top:26px;
  font-size:20px;
  line-height:1.58;
}
.hero-footnote{
  margin:24px 0 0;
  color:#80868B;
  font-size:13px;
}

.product-visual{
  position:relative;
  min-height:570px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:56px 42px;
  border-radius:36px;
  background:
    radial-gradient(circle at 82% 13%, rgba(240,77,47,.13), transparent 26%),
    radial-gradient(circle at 8% 88%, rgba(66,133,244,.10), transparent 28%),
    #F7F9FC;
}
.product-window{
  position:relative;
  z-index:2;
  width:min(100%,520px);
  overflow:hidden;
  border:1px solid #DDE1E6;
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 70px rgba(60,64,67,.16);
}
.product-window-top{
  min-height:54px;
  display:grid;
  grid-template-columns:70px 1fr auto;
  align-items:center;
  gap:12px;
  padding:0 18px;
  border-bottom:1px solid #EAECF0;
  background:#fff;
}
.window-dots{display:flex;gap:6px}
.window-dots span{width:8px;height:8px;border-radius:50%;background:#DADCE0}
.window-dots span:first-child{background:#F6AEA0}
.window-dots span:nth-child(2){background:#F9D883}
.window-dots span:nth-child(3){background:#A8DAB5}
.window-title{font-size:13px;font-weight:700;color:#3C4043}
.window-state{
  padding:6px 9px;
  border-radius:999px;
  background:#EAF4EC;
  color:#26713A;
  font-size:10px;
  font-weight:700;
}
.product-window-body{padding:24px}
.mock-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:17px 0;
  border-bottom:1px solid #EDF0F2;
}
.mock-row small,.mock-label,.mock-owner small,.float-card small{
  display:block;
  margin-bottom:3px;
  color:#80868B;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
}
.mock-row strong{font-size:17px;font-weight:600}
.mock-pill{
  padding:7px 10px;
  border:1px solid #DADCE0;
  border-radius:999px;
  background:#fff;
  color:#5F6368;
  font-size:10px;
  font-weight:700;
}
.signal-pill{border-color:#F2B8A9;background:var(--warm);color:var(--signal)}
.mock-divider{height:20px}
.mock-checks{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}
.mock-checks span{
  padding:11px 12px;
  border-radius:10px;
  background:#F8F9FA;
  color:#3C4043;
  font-size:12px;
}
.mock-owner{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:22px;
  padding:14px;
  border-radius:14px;
  background:#FFF8F5;
}
.avatar{
  width:38px;height:38px;display:grid;place-items:center;
  border-radius:50%;background:var(--signal);color:#fff;font-weight:700;
}
.mock-owner strong{display:block;font-size:13px}
.float-card{
  position:absolute;
  z-index:3;
  width:225px;
  padding:16px 17px;
  border:1px solid #E2E5E9;
  border-radius:17px;
  background:rgba(255,255,255,.97);
  box-shadow:var(--shadow-soft);
}
.float-card strong{display:block;margin:5px 0;font-size:15px}
.float-card span{display:block;color:var(--muted);font-size:11px;line-height:1.4}
.float-card-one{left:8px;bottom:30px}
.float-card-two{right:5px;top:34px}
.float-card-two strong{color:var(--signal);font-size:22px}

/* Feature jump like a product sub-navigation */
.feature-jump{
  position:sticky;
  top:72px;
  z-index:85;
  background:rgba(255,255,255,.95);
  border-top:1px solid #F0F1F2;
  border-bottom:1px solid #E7E9EC;
  backdrop-filter:blur(12px);
}
.feature-jump-inner{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:8px;
  overflow:auto;
  white-space:nowrap;
}
.feature-jump-inner span{
  margin-right:8px;
  color:#3C4043;
  font-size:13px;
  font-weight:700;
}
.feature-jump-inner a{
  padding:8px 12px;
  border-radius:999px;
  color:#5F6368;
  font-size:13px;
}
.feature-jump-inner a:hover{background:#F1F3F4;color:var(--ink)}

/* Home section rhythm */
.section{padding:112px 0}
.section.soft,.where-section,.trainer-strip{background:#F8F9FA}
.section-heading{max-width:820px;margin-bottom:52px}
.section-heading h2{font-size:clamp(39px,4.5vw,58px)}
.rule-band{
  width:min(calc(100% - 48px),var(--max));
  margin:72px auto 0;
  padding:64px 58px;
  border:0;
  border-radius:32px;
  background:var(--warm);
}
.rule-grid{grid-template-columns:180px 1fr;gap:52px}
.rule-grid h2{font-weight:500}
.rule-grid p:last-child{font-size:19px}

.three-value-grid,.two-cards,.level-grid{
  gap:22px!important;
}
.three-value-grid article,
.feature-card,.training-card,
.level-grid article,.four-grid article,.steps-grid article,
.exercise-grid article,.requirements-card{
  border:1px solid #E3E6EA;
  border-radius:24px;
  box-shadow:none;
}
.three-value-grid article{
  min-height:300px;
  padding:34px;
}
.three-value-grid article:nth-child(1){background:var(--blue-soft)}
.three-value-grid article:nth-child(2){background:var(--green-soft)}
.three-value-grid article:nth-child(3){background:var(--yellow-soft)}
.three-value-grid h3{margin-top:66px;font-size:25px}
.three-value-grid p{font-size:16px;line-height:1.55}

.feature-card{
  min-height:355px;
  padding:36px;
  background:#fff;
}
.feature-card:first-child{background:#F7F3FF}
.feature-card:nth-child(2){background:#FFF7F3}
.feature-card h3{margin-top:70px;font-size:31px;font-weight:500}
.chips span{border-radius:999px;padding:8px 12px}
.chips .active{background:var(--signal)}

.compact-section{padding-top:16px;padding-bottom:96px}
.lightweight-grid{
  padding:54px;
  border-radius:30px;
  background:#F3F6FC;
  gap:60px;
}
.lightweight-card{
  border:0;
  border-left:0;
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-soft);
  padding:28px;
}
.lightweight-labels span{border-radius:999px}

.example-section{padding:98px 0}
.example-layout{
  padding:56px;
  border-radius:32px;
  background:#F8F9FA;
}
.example-step,.example-result{
  border-radius:18px;
}
.example-result{
  background:#202124;
}

#understanding{
  width:min(calc(100% - 48px),var(--max));
  margin:0 auto 92px;
  padding:70px 58px;
  border-radius:32px;
}
.stack-list{border-top:0}
.stack-list article{
  padding:24px 0;
  border-bottom:1px solid #E1E4E8;
}
.stack-list article:last-child{border-bottom:0}

.where-section{padding:100px 0}
.where-stack{max-width:900px}
.where-layer{
  padding:24px 28px;
  border-radius:20px;
  background:#fff;
}
.helmark-layer{
  border-color:#F3B8A9;
  background:var(--warm);
}

.section.dark{
  color:var(--ink);
  background:#F3F6FC;
}
.section.dark .section-heading>p:last-child{color:var(--muted)}
.section-heading.light .section-index{color:var(--signal)}
.level-grid article{
  background:#fff;
  border-color:#DEE3EA;
}
.level-grid span{background:var(--signal);color:#fff}
.level-grid h3{color:var(--ink)}
.level-grid p{color:var(--muted)}

.start-l1{
  width:min(calc(100% - 48px),var(--max));
  margin:72px auto;
  padding:54px 58px;
  border:0;
  border-radius:30px;
  background:#FFF7F3;
}
.start-l1 h2{font-weight:500}

.proof-strip{
  width:min(calc(100% - 48px),var(--max));
  margin:0 auto;
  padding:58px;
  border:0;
  border-radius:32px;
  background:#F1F8F4;
}
.proof-grid h2{font-size:42px;font-weight:500}

.training-card{
  min-height:320px;
  padding:34px;
}
.training-card:first-child{background:#F2F6FF}
.training-card:nth-child(2){background:#FFF7F3}
.course-code{border-radius:999px;padding:7px 11px}
.training-card h3{margin-top:70px;font-size:29px;font-weight:500}

.trainer-strip{
  width:min(calc(100% - 48px),var(--max));
  margin:0 auto 92px;
  padding:58px;
  border:0;
  border-radius:30px;
}
.trainer-strip-grid h2{font-weight:500}

.final-cta{
  width:min(calc(100% - 48px),var(--max));
  margin:0 auto 96px;
  padding:68px 60px;
  border-radius:32px;
  background:#202124;
  color:#fff;
}
.final-cta h2{font-weight:500}
.final-cta h2 span{color:#FF9B82}

/* Inner pages */
.page-hero{
  width:min(calc(100% - 48px),var(--max));
  margin:48px auto 0;
  padding:76px 64px;
  border:0;
  border-radius:32px;
  background:#F8F9FA;
}
.page-hero h1{
  max-width:950px;
  font-weight:500;
  letter-spacing:-.05em;
}
.page-lead{font-size:20px}
.course-layout{gap:72px}
.course-side{
  top:118px;
  padding:30px;
  border-radius:24px;
  border-color:#E2E5E9;
  box-shadow:var(--shadow-soft);
}
.course-body h2{font-weight:500}
.check-list li{border-top-color:#E6E9ED}
.requirements-card{background:#F8F9FA}
.steps-grid article{border-top:1px solid #E3E6EA;background:#fff}
.steps-grid article:nth-child(odd){background:#F8F9FA}

.about-story-grid{gap:86px}
.about-callout,.case-note,.controller-card{
  border-left:0!important;
  border-radius:20px!important;
  background:var(--warm)!important;
}
.governance-authorship{background:#F8F9FA!important}

.contact-grid{gap:80px}
.form-card{
  padding:34px;
  border:1px solid #E0E3E7;
  border-top:1px solid #E0E3E7;
  border-radius:26px;
  box-shadow:var(--shadow-soft);
}
.form-card input,.form-card select,.form-card textarea{
  min-height:48px;
  border-radius:12px;
  border-color:#DADCE0;
}
.form-card textarea{min-height:150px}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{
  border-color:var(--signal);
  box-shadow:0 0 0 3px rgba(240,77,47,.11);
}

/* Standard as a readable product specification */
.standard-top{gap:80px}
.standard-actions{padding:24px;border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}
.standard-layout{grid-template-columns:250px minmax(0,1fr);gap:70px}
.toc{
  top:118px;
  padding:20px;
  border:1px solid #E2E5E9;
  border-radius:20px;
  background:#F8F9FA;
}
.toc a{padding:4px 6px;border-radius:8px}
.toc a:hover{background:#fff;color:var(--signal)}
.standard-copy{max-width:850px}
.standard-copy>h2,.standard-copy section h2{font-weight:500}
.standard-copy blockquote{
  border-left:0;
  border-radius:18px;
  background:var(--warm);
}
.table-wrap{border-radius:18px}
.table-wrap th{background:#F8F9FA}
.rule-box{
  border-radius:20px;
  background:#202124;
}

/* Footer */
.site-footer{
  width:min(calc(100% - 48px),var(--max));
  margin:0 auto 24px;
  padding:44px 44px 20px;
  border:0;
  border-radius:28px;
  background:#F8F9FA;
}
.footer-links a{
  padding:6px 8px;
  border-radius:8px;
}
.footer-links a:hover{background:#fff;color:var(--ink)}
.footer-bottom{border-top-color:#E1E4E8}

/* Cookie banner */
.cookie-notice-inner{
  border:1px solid #DADCE0;
  border-top:1px solid #DADCE0;
  border-radius:20px;
  box-shadow:0 14px 42px rgba(60,64,67,.18);
}

/* Responsive */
@media(max-width:1040px){
  .google-hero-grid{grid-template-columns:1fr;gap:46px}
  .google-hero .hero-copy{max-width:760px}
  .product-visual{min-height:520px}
}
@media(max-width:860px){
  .main-nav{
    top:78px;
    left:18px;
    right:18px;
    gap:4px;
    padding:14px;
    border-radius:20px;
    box-shadow:var(--shadow);
  }
  .main-nav a{width:100%}
  .feature-jump{top:72px}
  .rule-band,#understanding,.start-l1,.proof-strip,.trainer-strip,.final-cta,.page-hero,.site-footer{
    width:min(calc(100% - 32px),var(--max));
  }
  .rule-band,.start-l1,.proof-strip,.trainer-strip,.final-cta,.page-hero,#understanding{
    padding:46px 34px;
  }
  .lightweight-grid,.example-layout{padding:38px}
  .float-card{display:none}
  .product-visual{padding:38px 24px;min-height:auto}
}
@media(max-width:640px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .google-hero{padding:54px 0 42px}
  .google-hero h1{font-size:44px}
  .google-hero .hero-lead{font-size:18px}
  .product-visual{border-radius:26px}
  .product-window-top{grid-template-columns:55px 1fr}
  .window-state{display:none}
  .product-window-body{padding:19px}
  .mock-checks{grid-template-columns:1fr}
  .feature-jump-inner span{display:none}
  .section{padding:82px 0}
  .section-heading h2{font-size:38px}
  .rule-band,.start-l1,.proof-strip,.trainer-strip,.final-cta,.page-hero,#understanding{
    padding:38px 24px;
    border-radius:24px;
  }
  .lightweight-grid,.example-layout{padding:28px 22px;border-radius:24px}
  .site-footer{padding:34px 26px 18px}
}


/* Hero headline refinement */
.google-hero h1{
  max-width:720px;
}
.google-hero h1 span{
  display:inline-block;
}
@media(max-width:640px){
  .google-hero h1{
    font-size:42px;
    line-height:1.04;
  }
}


/* ============================================================
   HELMARK COLOR SYSTEM v3
   Goal: professional, distinctive, high-trust, attention-worthy
   Primary signal: Vermilion
   Secondary signal: Mineral Teal
   Foundation: Deep Ink + Warm Paper
   ============================================================ */

:root{
  --signal:#F2553C;
  --signal-dark:#D94730;
  --signal-soft:#FFF0EB;
  --teal:#17776E;
  --teal-dark:#105F58;
  --teal-soft:#EAF5F2;
  --ink:#171B24;
  --ink-2:#222833;
  --muted:#626B76;
  --paper:#FBFAF7;
  --soft:#F3F5F6;
  --line:#DFE3E6;
  --white:#FFFFFF;
  --warm:var(--signal-soft);
  --night:var(--ink);
  --blue-soft:#EEF4F3;
  --green-soft:#EAF5F2;
  --yellow-soft:#FFF3EE;
  --lavender-soft:#F1F2F4;
}

body{background:var(--paper);color:var(--ink)}
.site-header{background:rgba(251,250,247,.95)}
.main-nav a:hover{background:#ECEFED}
.main-nav .nav-60{color:var(--teal);background:var(--teal-soft)}
.main-nav .nav-contact{border-color:var(--signal);color:var(--signal)}
.main-nav .nav-contact:hover{background:var(--signal-soft)}

.google-hero{
  background:
    radial-gradient(circle at 78% 16%,rgba(23,119,110,.08),transparent 24%),
    radial-gradient(circle at 10% 90%,rgba(242,85,60,.06),transparent 26%),
    var(--paper);
}
.google-hero h1{color:var(--ink)}
.google-hero h1 span{color:var(--signal)}
.google-hero .hero-lead{color:#4F5863}
.hero-footnote{color:#7A828C}

.product-visual{
  background:
    radial-gradient(circle at 78% 14%,rgba(242,85,60,.14),transparent 28%),
    radial-gradient(circle at 10% 90%,rgba(23,119,110,.18),transparent 30%),
    #202630;
}
.product-window{border-color:#333B47;background:#fff;box-shadow:0 28px 80px rgba(14,18,24,.34)}
.window-state{background:var(--teal-soft);color:var(--teal-dark)}
.signal-pill{border-color:#F5B4A7;background:var(--signal-soft);color:var(--signal)}
.mock-checks span{background:#F4F7F6}
.mock-owner{background:var(--teal-soft)}
.avatar{background:var(--teal)}
.float-card{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.97)}
.float-card-two strong{color:var(--signal)}

.feature-jump{background:rgba(251,250,247,.96)}
.feature-jump-inner a:hover{background:#ECEFED}
.eyebrow,.section-index,.mini-label{color:var(--signal)}
.text-link{color:var(--teal)}
.text-link:hover{color:var(--teal-dark)}

.three-value-grid article:nth-child(1){background:var(--teal-soft)}
.three-value-grid article:nth-child(2){background:#F2F3F5}
.three-value-grid article:nth-child(3){background:var(--signal-soft)}
.three-value-grid article:nth-child(1) span{color:var(--teal)}
.three-value-grid article:nth-child(2) span{color:#69717C}
.three-value-grid article:nth-child(3) span{color:var(--signal)}

.feature-card:first-child{background:#EEF4F3}
.feature-card:nth-child(2){background:#FFF1EC}
.chips .active{background:var(--signal);color:#fff}

.lightweight-grid{background:#EDF3F1}
.lightweight-card{border:1px solid #D8E8E4}
.lightweight-labels span:first-child{color:var(--teal)}

.example-layout{background:#F0F2F3}
.example-result{background:var(--ink)}
.example-step strong{color:var(--teal)}

#understanding{background:#F0F3F2}
.stack-list article strong{color:var(--ink)}

.where-section{background:#F4F5F4}
.helmark-layer{border-color:#F2B0A3;background:var(--signal-soft)}
.helmark-layer small,.helmark-layer strong{color:var(--signal)}
.where-layer:first-child{border-color:#CFE2DE}
.where-layer:first-child small{color:var(--teal)}

.section.dark{background:var(--ink);color:#fff}
.section.dark .section-heading h2,.section.dark .level-grid h3{color:#fff}
.section.dark .section-heading>p:last-child,.section.dark .level-grid p{color:#B7BEC7}
.section.dark .level-grid article{background:var(--ink-2);border-color:#343B46}
.section.dark .level-grid span{background:var(--signal)}

.start-l1{background:#EDF5F2}
.start-l1 .section-index{color:var(--teal)}
.proof-strip{background:#EDF5F2}
.proof-kicker{color:var(--teal)}

.training-card:first-child{background:#EDF5F2}
.training-card:nth-child(2){background:#FFF0EB}
.training-card:first-child .course-code{color:var(--teal);border-color:#CDE2DD}
.training-card:nth-child(2) .course-code{color:var(--signal);border-color:#F1C0B6}
.trainer-strip{background:#F1F2F4}

.final-cta{background:var(--ink)}
.final-cta h2 span{color:#FF8A73}
.final-cta .button.primary{background:var(--signal)}
.final-cta .button.secondary{background:transparent;border-color:#49515D;color:#fff}
.final-cta .button.secondary:hover{background:#252B35}

.page-hero{background:linear-gradient(145deg,#F2F4F3 0%,#FBFAF7 72%)}
.about-callout,.case-note,.controller-card{background:var(--signal-soft)!important}
.governance-authorship{background:#EEF3F1!important}

.trainer-audience-band{background:var(--ink)}
.trainer-audience-grid .section-index,.trainer-audience-cards span{color:#8FD0C7}
.trainer-audience-cards article{background:#202630;border-color:#343C47}

.form-card{background:#fff}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{
  border-color:var(--teal);
  box-shadow:0 0 0 3px rgba(23,119,110,.12);
}

.standard-actions{background:#fff}
.toc{background:#F0F3F2}
.toc a:hover{background:#fff;color:var(--teal)}
.standard-copy blockquote{background:var(--signal-soft)}
.rule-box{background:var(--ink)}
.table-wrap th{background:#EEF2F1}

.sixty-hero{
  background:
    radial-gradient(circle at 80% 20%,rgba(23,119,110,.08),transparent 24%),
    var(--paper);
}
.sixty-equation-result{background:var(--teal-soft)!important;border-color:#C7E0DA!important}
.sixty-equation-result strong{color:var(--teal)}
.sixty-rule-box{background:var(--ink)}

.site-footer{background:#EEF1F0}
.footer-links a:hover{background:#fff}

.button.primary{background:var(--signal)}
.button.primary:hover{background:var(--signal-dark)}
.button.secondary:hover{border-color:#BBC1C7}
::selection{background:#DDEDE9;color:var(--ink)}


/* STD 2.0 web edition synchronization */
.standard-translation-note{
  max-width:760px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.standard-actions strong{
  display:block;
  margin:10px 0 18px;
  font-size:22px;
  font-weight:600;
}
.standard-copy .standard-part{
  margin-top:72px;
  padding-top:18px;
  border-top:1px solid var(--line);
  color:var(--signal);
  font-size:29px;
}
.standard-copy h3{
  scroll-margin-top:130px;
}
.standard-copy h4{
  margin:34px 0 10px;
  color:var(--ink);
  font-size:17px;
  font-weight:700;
}
.standard-copy .standard-r1{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:start;
  margin:20px 0 24px;
}
.standard-copy .standard-r1 p{
  margin:0;
}
.standard-question{
  margin:22px 0;
  padding:22px 24px;
  border:0;
  border-radius:18px;
  background:var(--teal-soft);
  color:var(--ink);
  font-size:18px;
  font-weight:650;
}
.standard-example{
  margin:16px 0 24px;
  padding:16px 18px;
  border-radius:14px;
  background:var(--soft);
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.audit-list li{
  margin-bottom:11px;
}


/* ============================================================
   BENEFIT-LED HOMEPAGE v5
   Audience priority: engineering leadership → implementers →
   practitioners → governance stakeholders
   ============================================================ */

.problem-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:82px;
  align-items:start;
}
.problem-grid .section-heading{
  margin-bottom:0;
  position:sticky;
  top:150px;
}
.question-stack{
  display:grid;
  gap:12px;
}
.question-stack article{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:18px;
  align-items:start;
  padding:25px 26px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
}
.question-stack span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--teal-soft);
  color:var(--teal);
  font-size:10px;
  font-weight:800;
}
.question-stack h3{
  margin:5px 0 0;
  font-size:21px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:-.02em;
}

.audience-section{
  background:var(--paper);
}
.audience-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.audience-card{
  min-height:355px;
  display:flex;
  flex-direction:column;
  padding:32px;
  border:1px solid var(--line);
  border-radius:26px;
  background:#fff;
}
.audience-card small{
  color:var(--teal);
  font-size:10px;
  font-weight:800;
  letter-spacing:.075em;
}
.audience-card h3{
  margin:52px 0 14px;
  font-size:27px;
  line-height:1.18;
  font-weight:550;
  letter-spacing:-.035em;
}
.audience-card p{
  margin:0 0 24px;
  color:var(--muted);
  font-size:16px;
  line-height:1.62;
}
.audience-card strong{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--line);
  font-size:14px;
  line-height:1.45;
}
.audience-primary{
  background:var(--teal-soft);
  border-color:#CFE4DF;
}
.audience-primary small{
  color:var(--teal-dark);
}

.outcome-section{
  background:#F3F5F4;
}
.outcome-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.outcome-grid article{
  min-height:230px;
  padding:25px;
  border:1px solid #DCE2E0;
  border-radius:22px;
  background:#fff;
}
.outcome-grid span{
  color:var(--signal);
  font-size:10px;
  font-weight:800;
}
.outcome-grid h3{
  margin:44px 0 8px;
  font-size:21px;
  font-weight:600;
  letter-spacing:-.025em;
}
.outcome-grid p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

.standard-first-section{
  padding:96px 0;
}
.standard-first-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:70px;
  align-items:center;
  padding:52px 56px;
  border:1px solid #E1E4E7;
  border-radius:30px;
  background:#fff;
}
.standard-first-grid h2{
  max-width:760px;
  margin:0 0 12px;
  font-size:clamp(34px,4vw,48px);
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.045em;
}
.standard-first-grid p:not(.section-index){
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:17px;
}
.standard-first-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:190px;
}

.final-benefit-cta{
  grid-template-columns:1fr auto;
}
.final-benefit-cta p:not(.section-index){
  max-width:670px;
  margin:14px 0 0;
  color:#B9C0C9;
  font-size:17px;
}

@media(max-width:960px){
  .problem-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  .problem-grid .section-heading{
    position:relative;
    top:auto;
  }
  .outcome-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:780px){
  .audience-grid,
  .standard-first-grid,
  .final-benefit-cta{
    grid-template-columns:1fr;
  }
  .standard-first-actions{
    flex-direction:row;
    flex-wrap:wrap;
  }
}
@media(max-width:620px){
  .audience-grid,
  .outcome-grid{
    grid-template-columns:1fr;
  }
  .audience-card{
    min-height:auto;
  }
  .audience-card h3{
    margin-top:34px;
  }
  .question-stack article{
    grid-template-columns:40px 1fr;
    padding:21px;
  }
  .standard-first-grid{
    padding:34px 24px;
  }
}


/* Homepage hero block diagram */
.helmark-diagram{
  min-height:570px;
  display:block;
  padding:34px;
  background:
    radial-gradient(circle at 78% 14%,rgba(242,85,60,.10),transparent 28%),
    radial-gradient(circle at 12% 92%,rgba(23,119,110,.16),transparent 30%),
    #202630;
}
.diagram-shell{
  display:flex;
  flex-direction:column;
  gap:24px;
  width:100%;
  padding:8px;
}
.diagram-header h3{
  margin:0 0 10px;
  color:#fff;
  font-size:32px;
  line-height:1.15;
  font-weight:560;
  letter-spacing:-.03em;
}
.diagram-header p{
  max-width:720px;
  margin:0;
  color:#C7CFD9;
  font-size:15px;
  line-height:1.65;
}
.diagram-kicker{
  margin:0 0 12px;
  color:#F6A190;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.diagram-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px minmax(0,1.2fr) 40px minmax(0,1fr);
  gap:16px;
  align-items:stretch;
}
.diagram-node{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:210px;
  padding:24px 22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:rgba(255,255,255,.98);
  box-shadow:0 24px 60px rgba(8,12,18,.18);
}
.diagram-node small{
  display:block;
  margin-bottom:14px;
  color:#6B7280;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
.diagram-node strong{
  display:block;
  margin-bottom:10px;
  color:#111827;
  font-size:22px;
  line-height:1.2;
  font-weight:620;
  letter-spacing:-.02em;
}
.diagram-node p{
  margin:0;
  color:#4B5563;
  font-size:14px;
  line-height:1.55;
}
.diagram-arrow{
  display:grid;
  place-items:center;
  color:#fff;
  font-size:28px;
  font-weight:700;
}
.diagram-mini-grid{
  display:grid;
  gap:12px;
  margin-top:auto;
}
.mini-box{
  padding:14px 14px;
  border:1px solid #E7EAEE;
  border-radius:14px;
  background:#F8FAFC;
}
.mini-box span{
  display:block;
  margin-bottom:6px;
  color:#6B7280;
  font-size:11px;
  font-weight:700;
}
.mini-box b{
  color:#111827;
  font-size:13px;
  font-weight:800;
}
.diagram-node-core{
  background:linear-gradient(180deg,#FFFFFF 0%, #F8FCFB 100%);
}
.diagram-node-core::before{
  content:"";
  display:block;
  width:54px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--signal),var(--teal));
  margin-bottom:16px;
}
.diagram-node-end{
  background:linear-gradient(180deg,#FFFFFF 0%, #FFF9F6 100%);
}
.diagram-outcomes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.diagram-outcome{
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.07);
}
.diagram-outcome span{
  display:block;
  margin-bottom:6px;
  color:#AEB8C4;
  font-size:11px;
  font-weight:700;
}
.diagram-outcome b{
  color:#fff;
  font-size:15px;
  line-height:1.35;
  font-weight:600;
}

@media(max-width:1180px){
  .diagram-flow{
    grid-template-columns:1fr;
  }
  .diagram-arrow{
    min-height:16px;
    transform:rotate(90deg);
  }
}
@media(max-width:860px){
  .helmark-diagram{padding:24px}
}
@media(max-width:640px){
  .helmark-diagram{
    padding:20px;
    border-radius:26px;
  }
  .diagram-shell{gap:18px}
  .diagram-header h3{font-size:26px}
  .diagram-outcomes{grid-template-columns:1fr}
  .diagram-node{min-height:auto;padding:20px}
  .diagram-node strong{font-size:20px}
}


/* ============================================================
   HELMARK — GOOGLE-STYLE DESIGN SYSTEM v7
   Inspired by Google Workspace product-page principles:
   generous whitespace, soft surfaces, simple product diagrams,
   restrained borders, clear typography and lightweight CTAs.
   No Google assets, logos or copied product UI.
   ============================================================ */

:root{
  --signal:#F2553C;
  --signal-dark:#D94730;
  --signal-soft:#FFF1EC;

  --teal:#17776E;
  --teal-dark:#105F58;
  --teal-soft:#EAF5F2;

  --ink:#202124;
  --ink-2:#3C4043;
  --muted:#5F6368;

  --paper:#FFFFFF;
  --soft:#F8FAFD;
  --soft-blue:#F3F7FE;
  --soft-green:#F1F8F4;
  --soft-warm:#FFF6F2;
  --line:#DADCE0;
  --line-soft:#E8EAED;
  --white:#FFFFFF;

  --warm:var(--signal-soft);
  --night:#202124;

  --radius:24px;
  --shadow:0 2px 8px rgba(60,64,67,.10);
  --shadow-soft:0 1px 4px rgba(60,64,67,.08);
}

/* Global */
html{scroll-behavior:smooth}
body{
  background:#fff;
  color:var(--ink);
  font-family:Arial,Helvetica,system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.6;
  letter-spacing:0;
}
.container{
  width:min(calc(100% - 48px),1240px);
}
a{color:inherit}
p{color:var(--muted)}
h1,h2,h3,h4{
  color:var(--ink);
  font-weight:500;
  letter-spacing:-.035em;
}

/* Header */
.site-header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--line-soft);
  box-shadow:none;
  backdrop-filter:blur(14px);
}
.nav-shell{height:68px}
.brand-logo{height:33px!important}
.main-nav{gap:4px}
.main-nav a{
  padding:9px 12px;
  border-radius:8px;
  color:#3C4043;
  font-size:14px;
  font-weight:500;
}
.main-nav a:hover{
  background:#F1F3F4;
  color:#202124;
}
.main-nav .nav-60{
  color:#1967D2;
  background:#F1F5FF;
}
.main-nav .nav-contact{
  padding:10px 17px;
  border:1px solid #DADCE0;
  border-radius:8px;
  color:var(--signal);
  background:#fff;
}
.main-nav .nav-contact:hover{
  border-color:#C7C9CC;
  background:#FAFAFA;
}

/* Labels */
.eyebrow,.section-index,.mini-label,.course-code,.proof-kicker{
  color:var(--signal);
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.095em;
}

/* Buttons */
.button{
  min-height:48px;
  padding:0 22px;
  border-radius:8px;
  font-size:15px;
  font-weight:600;
  box-shadow:none;
}
.button:hover{transform:none}
.button.primary{
  border:1px solid var(--signal);
  background:var(--signal);
  color:#fff;
}
.button.primary:hover{
  background:var(--signal-dark);
  border-color:var(--signal-dark);
  box-shadow:0 1px 3px rgba(60,64,67,.18);
}
.button.secondary{
  border:1px solid var(--line);
  background:#fff;
  color:#3C4043;
}
.button.secondary:hover{
  border-color:#BDC1C6;
  background:#F8F9FA;
}

/* Home hero */
.google-hero{
  padding:84px 0 78px;
  background:#fff;
}
.google-hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);
  gap:76px;
}
.google-hero .hero-copy{
  max-width:620px;
}
.google-hero h1{
  max-width:720px;
  margin:0;
  color:#202124;
  font-size:clamp(54px,5.4vw,74px);
  line-height:1.035;
  font-weight:500;
  letter-spacing:-.052em;
}
.google-hero h1 span{
  display:inline;
  color:var(--signal);
}
.google-hero .hero-lead{
  margin-top:26px;
  color:#5F6368;
  font-size:19px;
  line-height:1.6;
}
.hero-footnote{
  margin-top:23px;
  color:#80868B;
  font-size:13px;
}

/* Simple Helmark diagram — light Workspace-style surface */
.product-visual.helmark-diagram{
  min-height:auto;
  padding:30px;
  border:1px solid var(--line-soft);
  border-radius:28px;
  background:#F8FAFD;
  box-shadow:none;
}
.diagram-shell{
  gap:22px;
  padding:0;
}
.diagram-header{
  max-width:690px;
}
.diagram-kicker{
  color:var(--signal);
}
.diagram-header h3{
  margin:0 0 10px;
  color:#202124;
  font-size:30px;
  font-weight:500;
  letter-spacing:-.035em;
}
.diagram-header p{
  color:#5F6368;
  font-size:14px;
  line-height:1.6;
}
.diagram-flow{
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1.15fr) 34px minmax(0,1fr);
  gap:10px;
}
.diagram-node{
  min-height:205px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:none;
}
.diagram-node small{
  color:#80868B;
}
.diagram-node strong{
  color:#202124;
  font-size:20px;
  font-weight:500;
}
.diagram-node p{
  color:#5F6368;
}
.diagram-node-start{
  background:#F3F7FE;
}
.diagram-node-core{
  background:#fff;
}
.diagram-node-core::before{
  width:48px;
  height:3px;
  margin-bottom:14px;
  background:var(--signal);
}
.diagram-node-end{
  background:#FFF6F2;
}
.diagram-arrow{
  color:#9AA0A6;
  font-size:24px;
  font-weight:500;
}
.mini-box{
  border:1px solid var(--line-soft);
  border-radius:12px;
  background:#F8FAFD;
}
.mini-box span{color:#80868B}
.mini-box b{
  color:#3C4043;
  font-weight:600;
}
.diagram-outcomes{
  gap:10px;
}
.diagram-outcome{
  padding:15px 16px;
  border:1px solid var(--line-soft);
  border-radius:14px;
  background:#fff;
}
.diagram-outcome span{color:#80868B}
.diagram-outcome b{
  color:#3C4043;
  font-size:14px;
  font-weight:500;
}

/* Sticky feature navigation */
.feature-jump{
  top:68px;
  background:rgba(255,255,255,.97);
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
  box-shadow:none;
}
.feature-jump-inner{
  min-height:54px;
}
.feature-jump-inner span{
  color:#202124;
  font-size:13px;
  font-weight:600;
}
.feature-jump-inner a{
  padding:7px 11px;
  border-radius:8px;
  color:#5F6368;
}
.feature-jump-inner a:hover{
  background:#F1F3F4;
  color:#202124;
}

/* Section rhythm */
.section{
  padding:112px 0;
}
.section.soft,
.outcome-section,
.where-section,
.trainer-strip,
.governance-authorship{
  background:#F8FAFD!important;
}
.section-heading{
  max-width:850px;
  margin-bottom:50px;
}
.section-heading h2{
  margin-top:10px;
  color:#202124;
  font-size:clamp(38px,4.3vw,56px);
  line-height:1.08;
  font-weight:500;
}
.section-heading>p:last-child{
  color:#5F6368;
  font-size:18px;
}

/* Management gap */
.problem-grid{
  gap:90px;
}
.question-stack{
  gap:12px;
}
.question-stack article{
  border:1px solid var(--line-soft);
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
.question-stack span{
  background:#F1F5FF;
  color:#1967D2;
}
.question-stack h3{
  color:#202124;
  font-weight:500;
}

/* R1 */
.rule-band{
  width:min(calc(100% - 48px),1240px);
  margin:40px auto 0;
  padding:58px 56px;
  border:1px solid #F3D2C9;
  border-radius:28px;
  background:#FFF7F4;
}
.rule-grid h2{
  color:#202124;
  font-size:clamp(34px,4vw,50px);
  font-weight:500;
}
.rule-grid p:last-child{
  color:#5F6368;
  font-size:18px;
}

/* Audience cards */
.audience-grid{
  gap:18px;
}
.audience-card{
  min-height:340px;
  padding:32px;
  border:1px solid var(--line-soft);
  border-radius:24px;
  background:#fff;
}
.audience-card small{
  color:#1967D2;
}
.audience-card h3{
  color:#202124;
  font-weight:500;
}
.audience-card p{
  color:#5F6368;
}
.audience-card strong{
  border-top:1px solid var(--line-soft);
  color:#3C4043;
  font-weight:600;
}
.audience-primary{
  border-color:#D7E2F8;
  background:#F3F7FE;
}
.audience-primary small{
  color:#1967D2;
}

/* Outcome cards */
.outcome-section{
  background:#F8FAFD;
}
.outcome-grid{
  gap:14px;
}
.outcome-grid article{
  border:1px solid var(--line-soft);
  border-radius:20px;
  background:#fff;
}
.outcome-grid h3{
  font-weight:500;
}
.outcome-grid p{
  color:#5F6368;
}

/* Control model */
.two-cards{
  gap:18px!important;
}
.feature-card{
  min-height:340px;
  padding:34px;
  border:1px solid var(--line-soft);
  border-radius:24px;
  background:#fff!important;
}
.feature-card:first-child{
  background:#F3F7FE!important;
}
.feature-card:nth-child(2){
  background:#FFF6F2!important;
}
.feature-card h3{
  margin-top:66px;
  color:#202124;
  font-size:29px;
  font-weight:500;
}
.feature-card p{
  color:#5F6368;
}
.chips span{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
}
.chips .active{
  border-color:var(--signal);
  background:var(--signal);
  color:#fff;
}

/* Lightweight */
.compact-section{
  padding-top:28px;
}
.lightweight-grid{
  padding:48px;
  border:1px solid #DDE7E4;
  border-radius:26px;
  background:#F1F8F4;
}
.lightweight-grid h2{
  font-weight:500;
}
.lightweight-card{
  padding:26px;
  border:1px solid #DADCE0;
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
.lightweight-labels span{
  border-radius:8px;
}

/* Example */
.example-layout{
  padding:52px;
  border:1px solid var(--line-soft);
  border-radius:28px;
  background:#F8FAFD;
}
.example-step,
.example-result{
  border:1px solid var(--line);
  border-radius:16px;
}
.example-step{
  background:#fff;
}
.example-step strong{
  color:#1967D2;
}
.example-result{
  background:#202124;
  color:#fff;
}

/* Understanding */
#understanding{
  width:min(calc(100% - 48px),1240px);
  margin:0 auto 90px;
  padding:66px 56px;
  border:1px solid var(--line-soft);
  border-radius:28px;
  background:#F8FAFD;
}
.stack-list article{
  border-bottom:1px solid var(--line-soft);
}
.stack-list h3{
  font-weight:500;
}

/* Where Helmark fits */
.where-section{
  background:#fff!important;
}
.where-stack{
  max-width:900px;
}
.where-layer{
  padding:23px 26px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
.helmark-layer{
  border-color:#D4E1F7;
  background:#F3F7FE;
}
.helmark-layer small{
  color:#1967D2;
}
.helmark-layer strong{
  color:#202124;
}
.where-arrow{
  color:#9AA0A6;
}

/* Adoption — light, Google-like instead of heavy dark */
.section.dark{
  background:#F8FAFD;
  color:#202124;
}
.section.dark .section-heading h2,
.section.dark .level-grid h3{
  color:#202124;
}
.section.dark .section-heading>p:last-child,
.section.dark .level-grid p{
  color:#5F6368;
}
.section.dark .section-index{
  color:var(--signal);
}
.section.dark .level-grid article{
  border:1px solid var(--line-soft);
  border-radius:22px;
  background:#fff;
}
.section.dark .level-grid span{
  background:#F1F5FF;
  color:#1967D2;
}

/* Start L1 */
.start-l1{
  width:min(calc(100% - 48px),1240px);
  margin:72px auto;
  padding:50px 54px;
  border:1px solid #DDE7E4;
  border-radius:26px;
  background:#F1F8F4;
}
.start-l1 .section-index{
  color:#188038;
}
.start-l1 h2{
  color:#202124;
  font-weight:500;
}

/* Proof */
.proof-strip{
  width:min(calc(100% - 48px),1240px);
  margin:0 auto;
  padding:54px;
  border:1px solid #DDE7E4;
  border-radius:26px;
  background:#F1F8F4;
}
.proof-strip h2{
  color:#202124;
  font-weight:500;
}
.proof-kicker,
.proof-strip .section-index{
  color:#188038;
}

/* Standard-first */
.standard-first-grid{
  border:1px solid var(--line-soft);
  border-radius:26px;
  background:#fff;
  box-shadow:none;
}

/* Final CTA */
.final-cta{
  width:min(calc(100% - 48px),1240px);
  margin:0 auto 90px;
  padding:62px 58px;
  border:1px solid #D4E1F7;
  border-radius:28px;
  background:#F3F7FE;
  color:#202124;
}
.final-cta h2{
  color:#202124;
  font-weight:500;
}
.final-cta h2 span{
  color:var(--signal);
}
.final-cta p:not(.section-index){
  color:#5F6368!important;
}

/* Inner-page hero */
.page-hero{
  width:min(calc(100% - 48px),1240px);
  margin:40px auto 0;
  padding:70px 60px;
  border:1px solid var(--line-soft);
  border-radius:28px;
  background:#F8FAFD;
}
.page-hero h1{
  color:#202124;
  font-weight:500;
}
.page-lead{
  color:#5F6368;
}

/* Training / Trainers */
.training-card,
.requirements-card,
.steps-grid article,
.exercise-grid article,
.four-grid article{
  border:1px solid var(--line-soft);
  border-radius:22px;
  box-shadow:none;
}
.training-card:first-child{
  background:#F3F7FE;
}
.training-card:nth-child(2){
  background:#FFF6F2;
}
.training-card h3{
  font-weight:500;
}
.trainer-audience-band{
  background:#F8FAFD;
  color:#202124;
}
.trainer-audience-grid h2{
  color:#202124;
}
.trainer-audience-grid .section-index,
.trainer-audience-cards span{
  color:#1967D2;
}
.trainer-audience-cards article{
  border:1px solid var(--line-soft);
  background:#fff;
}
.trainer-audience-cards h3{
  color:#202124;
}
.trainer-audience-cards p{
  color:#5F6368;
}

/* About */
.about-callout,
.case-note,
.controller-card{
  border:1px solid #F3D2C9!important;
  border-radius:18px!important;
  background:#FFF7F4!important;
}
.governance-authorship{
  background:#F8FAFD!important;
}
.timeline-note{
  border-top:1px solid var(--line-soft);
}

/* Contact / form */
.form-card{
  padding:32px;
  border:1px solid var(--line-soft);
  border-radius:24px;
  background:#fff;
  box-shadow:none;
}
.form-card input,
.form-card select,
.form-card textarea{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
}
.form-card input:focus,
.form-card select:focus,
.form-card textarea:focus{
  border-color:#1967D2;
  box-shadow:0 0 0 2px rgba(25,103,210,.12);
}

/* Standard */
.standard-actions{
  border:1px solid var(--line-soft);
  border-radius:20px;
  background:#fff;
  box-shadow:none;
}
.standard-layout{
  gap:70px;
}
.toc{
  top:112px;
  padding:18px;
  border:1px solid var(--line-soft);
  border-radius:16px;
  background:#F8FAFD;
}
.toc a{
  border-radius:7px;
}
.toc a:hover{
  background:#F1F3F4;
  color:#1967D2;
}
.standard-copy{
  max-width:880px;
}
.standard-copy blockquote,
.standard-question{
  border:1px solid #D7E2F8!important;
  border-radius:16px;
  background:#F3F7FE!important;
}
.standard-copy .standard-part{
  border-top:1px solid var(--line-soft);
  color:#1967D2;
}
.table-wrap{
  border:1px solid var(--line-soft);
  border-radius:14px;
}
.table-wrap th{
  background:#F8FAFD;
}
.rule-box{
  border-radius:16px;
  background:#202124;
}

/* 60 seconds */
.sixty-hero{
  background:#F8FAFD;
}
.sixty-grid article{
  border:1px solid var(--line-soft);
  border-top:1px solid var(--line-soft);
  border-radius:22px;
  background:#fff;
}
.sixty-grid article:first-child{
  background:#F3F7FE;
}
.sixty-grid article:nth-child(2){
  background:#F1F8F4;
}
.sixty-grid article:nth-child(3){
  background:#FFF6F2;
}
.sixty-equation>div{
  border:1px solid var(--line-soft);
  border-radius:14px;
}
.sixty-equation-result{
  border-color:#D7E2F8!important;
  background:#F3F7FE!important;
}
.sixty-equation-result strong{
  color:#1967D2;
}

/* Privacy / Cookies */
.privacy-page{
  background:#fff;
}
.legal-content h2{
  border-top:1px solid var(--line-soft);
}

/* Footer */
.site-footer{
  width:min(calc(100% - 48px),1240px);
  margin:0 auto 24px;
  padding:42px 42px 20px;
  border:1px solid var(--line-soft);
  border-radius:24px;
  background:#F8FAFD;
}
.footer-links a{
  border-radius:7px;
}
.footer-links a:hover{
  background:#F1F3F4;
}
.footer-bottom{
  border-top:1px solid var(--line-soft);
}

/* Cookie notice */
.cookie-notice-inner{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 28px rgba(60,64,67,.18);
}

/* Responsive */
@media(max-width:1080px){
  .google-hero-grid{
    grid-template-columns:1fr;
    gap:48px;
  }
  .google-hero .hero-copy{
    max-width:760px;
  }
  .diagram-flow{
    grid-template-columns:1fr;
  }
  .diagram-arrow{
    min-height:18px;
    transform:rotate(90deg);
  }
}
@media(max-width:860px){
  .main-nav{
    top:74px;
    left:16px;
    right:16px;
    padding:12px;
    border:1px solid var(--line-soft);
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 28px rgba(60,64,67,.14);
  }
  .feature-jump{top:68px}
  .product-visual.helmark-diagram{
    padding:24px;
  }
  .rule-band,
  #understanding,
  .start-l1,
  .proof-strip,
  .final-cta,
  .page-hero,
  .site-footer{
    width:min(calc(100% - 32px),1240px);
  }
}
@media(max-width:640px){
  .container{
    width:min(calc(100% - 28px),1240px);
  }
  .google-hero{
    padding:54px 0 48px;
  }
  .google-hero h1{
    font-size:43px;
    line-height:1.04;
  }
  .google-hero .hero-lead{
    font-size:17px;
  }
  .product-visual.helmark-diagram{
    padding:20px;
    border-radius:22px;
  }
  .diagram-header h3{
    font-size:25px;
  }
  .diagram-outcomes{
    grid-template-columns:1fr;
  }
  .section{
    padding:82px 0;
  }
  .section-heading h2{
    font-size:37px;
  }
  .rule-band,
  #understanding,
  .start-l1,
  .proof-strip,
  .final-cta,
  .page-hero{
    padding:36px 24px;
    border-radius:22px;
  }
  .lightweight-grid,
  .example-layout{
    padding:28px 22px;
    border-radius:22px;
  }
  .site-footer{
    padding:32px 24px 18px;
  }
}


/* v8 — homepage hero without the explanatory diagram */
.google-hero-grid.hero-text-only{
  display:block;
}
.google-hero-grid.hero-text-only .hero-copy{
  max-width:820px;
}
@media(max-width:640px){
  .google-hero-grid.hero-text-only .hero-copy{
    max-width:none;
  }
}


/* v10 — training pricing */
.course-price{
  margin:22px 0 20px;
  padding:18px 18px 16px;
  border:1px solid var(--line-soft);
  border-radius:16px;
  background:#F8FAFD;
}
.course-price>span{
  display:block;
  margin-bottom:6px;
  color:#80868B;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}
.course-price>strong{
  display:block;
  color:#202124;
  font-size:30px;
  line-height:1.1;
  font-weight:500;
  letter-spacing:-.035em;
}
.course-price>strong small{
  color:#5F6368;
  font-size:13px;
  font-weight:500;
  letter-spacing:0;
}
.course-price p{
  margin:8px 0 0;
  color:#5F6368;
  font-size:13px;
  line-height:1.45;
}


/* v11 — certification badges */
.course-badge{
  margin:6px 0 18px;
  display:flex;
  justify-content:center;
}
.course-badge img{
  display:block;
  width:148px;
  max-width:100%;
  height:auto;
}
.course-badge-note{
  margin:0 0 18px;
  color:#5F6368;
  font-size:14px;
  line-height:1.55;
}
.certification-showcase{
  background:#F8FAFD;
}
.badge-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.badge-card{
  padding:28px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  text-align:center;
}
.badge-card img{
  display:block;
  width:170px;
  max-width:100%;
  height:auto;
  margin:0 auto 16px;
}
.badge-card h3{
  margin:0 0 10px;
  font-size:22px;
  letter-spacing:-.02em;
}
.badge-card p{
  margin:0;
  color:var(--muted);
}
.badge-preview-section{
  background:#fff;
}
.badge-preview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:28px;
  align-items:center;
}
.badge-preview-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.badge-card.compact{
  padding:22px;
}
.badge-card.compact img{
  width:132px;
  margin-bottom:14px;
}
.badge-card.compact h3{
  font-size:20px;
  margin-bottom:6px;
}
@media(max-width:960px){
  .badge-grid,
  .badge-preview-grid,
  .badge-preview-cards{
    grid-template-columns:1fr;
  }
}