/* scoped */
:where(#wrap){--ink: #15181c; --steel: #0E1422; --steel-2: #1A2236; --paper: #EDE8DE; --paper-2: #F5F0E8; --line: #D8CFBB; --safety: #C4913A; --safety-deep: #A87528; --rust: #B8A98A; --green: #3f7d4a; --white: #fdfcf8;}
:where(#wrap), :where(#wrap) *{box-sizing: border-box;}
:where(#wrap){scroll-behavior: smooth;}
:where(#wrap){margin: 0px; background: var(--paper); color: var(--ink); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased;}
:where(#wrap) h1, :where(#wrap) h2, :where(#wrap) h3, :where(#wrap) h4{font-weight: 600; margin: 0px; letter-spacing: 0.2px; color: var(--ink);}
:where(#wrap) p{margin: 0px;}
:where(#wrap) a{color: inherit; text-decoration: none;}
:where(#wrap) img, :where(#wrap) svg{display: block; max-width: 100%;}
:where(#wrap) .wrap{max-width: 1160px; margin: 0px auto; padding: 0px 28px;}
@media (max-width: 640px){:where(#wrap) .wrap{padding: 0px 20px;}}
:where(#wrap) :focus-visible{outline: 3px solid var(--safety); outline-offset: 2px;}
:where(#wrap) .hero{background: repeating-linear-gradient(0deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 34px),
      repeating-linear-gradient(90deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 34px),
      var(--steel); color: var(--white); padding: 76px 0px 90px; overflow: hidden;}
:where(#wrap) .hero .wrap{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center;}
@media (max-width: 900px){:where(#wrap) .hero .wrap{grid-template-columns: 1fr; gap: 44px;}}
:where(#wrap) .hero-copy{opacity: 0; transform: translateY(14px); animation: 0.7s ease 0.15s 1 normal forwards running rise;}
@keyframes rise { 
  100% { opacity: 1; transform: translateY(0px); }
}
:where(#wrap) .hero h1{color: var(--white); font-size: clamp(2.1rem, 4.6vw, 3.35rem); line-height: 1.06; max-width: 12ch;}
:where(#wrap) .hero h1 .tag-underline{display: inline; background: linear-gradient(transparent 62%, var(--safety) 62%);}
:where(#wrap) .hero p.lede{margin-top: 22px; color: rgb(199, 203, 206); font-size: 1.08rem; max-width: 46ch;}
:where(#wrap) .hero-ctas{display: flex; gap: 14px; margin-top: 32px; flex-wrap: wrap;}
:where(#wrap) .btn-primary{background: var(--safety); color: var(--ink); font-weight: 600; padding: 14px 26px; border-radius: 3px; font-size: 1rem; display: inline-block; border: 2px solid var(--safety);}
:where(#wrap) .btn-primary:hover{background: var(--safety-deep); border-color: var(--safety-deep); color: var(--white);}
:where(#wrap) .btn-ghost{padding: 14px 24px; border-radius: 3px; border: 2px solid rgb(74, 86, 95); color: var(--white); font-weight: 600; font-size: 1rem; display: inline-block;}
:where(#wrap) .btn-ghost:hover{color: rgb(255, 255, 255);}
:where(#wrap) .hero-flags{display: flex; gap: 22px; flex-wrap: wrap; margin-top: 34px; font-size: 0.86rem; color: rgb(159, 167, 172);}
:where(#wrap) .hero-flags span{display: flex; align-items: center; gap: 8px;}
:where(#wrap) .hero-flags svg{width: 16px; height: 16px; color: var(--safety);}
:where(#wrap) .hero-art{opacity: 0; transform: translateY(14px); animation: 0.8s ease 0.35s 1 normal forwards running rise;}
:where(#wrap) .stats{background: var(--paper-2); border-bottom: 1px solid var(--line);}
:where(#wrap) .stats .wrap{display: grid; grid-template-columns: repeat(3, 1fr); padding: 26px 28px;}
:where(#wrap) .stats .stat{text-align: center; padding: 0px 14px; border-right: 1px solid var(--line);}
:where(#wrap) .stats .stat:last-child{border-right-width: medium; border-right-style: none; border-right-color: currentcolor;}
:where(#wrap) .stats .stat strong{display: block; font-size: 1.9rem; color: var(--rust);}
:where(#wrap) .stats .stat span{font-size: 0.86rem; color: rgb(91, 87, 71);}
@media (max-width: 640px){:where(#wrap) .stats .wrap{grid-template-columns: 1fr; gap: 18px;}
:where(#wrap) .stats .stat{border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid var(--line); padding-bottom: 16px;}
:where(#wrap) .stats .stat:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 0px;}}
:where(#wrap).test section{padding: 88px 0px;}
:where(#wrap) .section-head{margin-bottom: 52px;}
:where(#wrap) .section-head h2{font-size: clamp(1.7rem, 3.2vw, 2.35rem); line-height: 1.15;}
:where(#wrap) .section-head p{margin-top: 14px; color: rgb(74, 71, 64); font-size: 1.05rem;}
:where(#wrap) .problem{background: var(--paper);}
:where(#wrap) .chain{display: grid; grid-template-columns: repeat(5, 1fr); gap: 0px; position: relative;}
@media (max-width: 900px){:where(#wrap) .chain{grid-template-columns: 1fr; gap: 22px;}}
:where(#wrap) .chain-link{position: relative; padding: 0px 18px;}
:where(#wrap) .chain-link:not(:last-child)::after{content: ""; position: absolute; top: 26px; right: -4px; width: calc(100% - 34px); border-top: 2px dashed var(--line);}
@media (max-width: 900px){:where(#wrap) .chain-link:not(:last-child)::after{display: none;}}
:where(#wrap) .chain-link .num{width: 52px; height: 52px; border-radius: 50%; background: var(--steel); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 1.15rem; font-weight: 600; margin-bottom: 18px;}
:where(#wrap) .chain-link:last-child .num{background: var(--rust);}
:where(#wrap) .chain-link h4{font-size: 1.05rem; margin-bottom: 6px;}
:where(#wrap) .chain-link p{font-size: 0.93rem; color: rgb(91, 87, 71);}
:where(#wrap) .workflow{background: var(--steel); color: var(--white);}
:where(#wrap) .workflow .section-head p{color: rgb(185, 190, 194);}
:where(#wrap) .workflow .section-head h2{color: var(--white);}
:where(#wrap) .flow-track{display: grid; grid-template-columns: repeat(7, 1fr); gap: 14px; position: relative;}
:where(#wrap) .flow-track::before{content: ""; position: absolute; top: 22px; left: 22px; right: 22px; border-top: 2px dotted rgb(70, 80, 89); z-index: 0;}
@media (max-width: 960px){:where(#wrap) .flow-track{grid-template-columns: 1fr 1fr;}
:where(#wrap) .flow-track::before{display: none;}}
@media (max-width: 520px){:where(#wrap) .flow-track{grid-template-columns: 1fr;}}
:where(#wrap) .flow-step{position: relative; z-index: 1; background: var(--steel); padding: 0px 6px;}
:where(#wrap) .flow-step .n{width: 44px; height: 44px; border-radius: 50%; background: var(--safety); color: var(--ink); display: flex; align-items: center; justify-content: center; font-weight: 700; margin-bottom: 16px; font-size: 1.05rem;}
:where(#wrap) .flow-step h4{color: var(--white); font-size: 1rem; margin-bottom: 6px;}
:where(#wrap) .flow-step p{color: rgb(169, 175, 179); font-size: 0.87rem;}
:where(#wrap) .features{background: var(--paper);}
:where(#wrap) .tag-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px 20px;}
@media (max-width: 940px){:where(#wrap) .tag-grid{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 560px){:where(#wrap) .tag-grid{grid-template-columns: 1fr;}}
:where(#wrap) .tool-tag{position: relative; background: var(--white); border: 1px solid var(--line); border-radius: 4px; padding: 30px 20px 22px; transition: border-color 0.18s, transform 0.18s;}
:where(#wrap) .tool-tag:hover{border-color: var(--safety-deep); transform: translateY(-3px);}
:where(#wrap) .tool-tag::before{content: ""; position: absolute; top: -9px; left: 22px; width: 16px; height: 16px; border-radius: 50%; background: var(--paper); border: 2px solid var(--line);}
:where(#wrap) .tool-tag .icon{width: 30px; height: 30px; color: var(--rust); margin-bottom: 16px;}
:where(#wrap) .tool-tag h4{font-size: 1.02rem; margin-bottom: 8px;}
:where(#wrap) .tool-tag p{font-size: 0.9rem; color: rgb(91, 87, 71);}
:where(#wrap) .compare{background: var(--paper-2);}
:where(#wrap) .compare-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 0px; border: 1px solid var(--line); border-radius: 4px; overflow: hidden;}
@media (max-width: 760px){:where(#wrap) .compare-grid{grid-template-columns: 1fr;}}
:where(#wrap) .compare-col{padding: 36px 32px;}
:where(#wrap) .compare-col.before{background: rgb(231, 226, 211); border-right: 1px solid var(--line);}
:where(#wrap) .compare-col.after{background: var(--steel); color: var(--white);}
:where(#wrap) .compare-col h3{font-size: 1.15rem; margin-bottom: 20px;}
:where(#wrap) .compare-col.before h3{color: var(--rust);}
:where(#wrap) .compare-col.after h3{color: var(--safety);}
:where(#wrap) .compare-col ul{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 14px;}
:where(#wrap) .compare-col li{display: flex; gap: 12px; font-size: 0.96rem; align-items: flex-start;}
:where(#wrap) .compare-col li svg{width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px;}
:where(#wrap) .compare-col.before li svg{color: var(--rust);}
:where(#wrap) .compare-col.after li svg{color: var(--safety);}
:where(#wrap) .compare-col.after li{color: rgb(223, 227, 229);}
:where(#wrap) .roles{background: var(--paper);}
:where(#wrap) .role-row{display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
@media (max-width: 860px){:where(#wrap) .role-row{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 480px){:where(#wrap) .role-row{grid-template-columns: 1fr;}}
:where(#wrap) .role{padding: 26px 20px; border-right: 1px solid var(--line);}
:where(#wrap) .role:last-child{border-right-width: medium; border-right-style: none; border-right-color: currentcolor;}
@media (max-width: 860px){:where(#wrap) .role:nth-child(2n){border-right-width: medium; border-right-style: none; border-right-color: currentcolor;}
:where(#wrap) .role{border-bottom: 1px solid var(--line);}}
:where(#wrap) .role .icon{width: 26px; height: 26px; color: var(--steel); margin-bottom: 12px;}
:where(#wrap) .role h4{font-size: 0.98rem; margin-bottom: 4px;}
:where(#wrap) .role p{font-size: 0.85rem; color: rgb(91, 87, 71);}
:where(#wrap) .cta-band{background: var(--steel); color: var(--white); padding: 70px 0px; position: relative; border-top: 3px solid var(--safety);}
:where(#wrap) .cta-inner{display: flex; justify-content: space-between; align-items: center; gap: 32px; flex-wrap: wrap;}
:where(#wrap) .cta-inner h2{color: var(--white); font-size: clamp(1.6rem, 3vw, 2.1rem); max-width: 16ch;}
:where(#wrap) .cta-inner p{color: rgb(185, 190, 194); margin-top: 10px;}
:where(#wrap){overflow-x:clip}

/* gold buttons (match site theme) */
#wrap .btn-primary, #wrap a.btn-primary, #wrap .btn.btn-primary.btn-lg { background-color: #C4913A !important; border-color: #C4913A !important; color: #0E1422 !important; box-shadow: 0 6px 18px rgba(196,145,58,.28) !important; }
#wrap .btn-primary:hover, #wrap a.btn-primary:hover, #wrap .btn.btn-primary.btn-lg:hover, #wrap .btn-primary:focus { background-color: #D6A24A !important; border-color: #D6A24A !important; color: #0E1422 !important; }

:where(#wrap){--rust:#8F6220}
#wrap section.hero, #wrap section.workflow, #wrap section.cta-band, #wrap section.s_text_block{--rust:#B8A98A}