*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ffffff;color:#181f33;}a{color:inherit}button,input,select,textarea{}button,a{touch-action:manipulation}button{cursor:pointer}header{background:#ffffff;border-bottom:1px solid #CCD6CF;position:sticky;top:0;z-index:10}.nav{max-width:1320px;margin:auto;min-height:88px;display:flex;align-items:center;gap:34px;padding:0 42px}.logo{text-decoration:none;white-space:nowrap}.logo em{color:#165429;}nav{display:flex;align-items:center;gap:28px;margin-left:auto}nav a{text-decoration:none;}nav a.active{color:#165429}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#165429;color:white;padding:14px 23px;text-decoration:none;border:1px solid transparent;border-radius:3px;}.btn:hover{background:#165429}.btn.light{background:transparent;color:inherit;border-color:#a8b5b0}.btn.dark{background:#181f33}.menu{display:none}.wrap{max-width:1236px;margin:auto;padding:0 34px}section{padding:88px 0}.eyebrow{color:#165429;margin-bottom:20px;display:block}h1,h2,h3,p{margin-top:0}h1{margin-bottom:26px}h2{}h3{}p{color:#181f33}p.lead{max-width:650px;}.hero{padding:66px 0 70px}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:64px}.hero h1 em{color:#165429}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 17px}.micro{color:#667778}.visual{background:#181f33;color:#f2f6f3;border-radius:4px;min-height:495px;padding:25px 30px;position:relative;overflow:hidden}.visual:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 97%,#ffffff08 97%),linear-gradient(90deg,transparent 97%,#ffffff08 97%);background-size:28px 28px}.visual>*{position:relative}.visual-top{display:flex;justify-content:space-between}.status{color:#c8d6b4}.visual svg{width:100%;height:320px}.visual-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff2b;padding-top:18px;}.visual-bottom b{display:block}.strip{border-top:1px solid #CCD6CF;border-bottom:1px solid #CCD6CF;padding:24px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.strip b{color:#647473}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-head h2{max-width:600px;margin:0}.section-head p{max-width:340px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:30px;border:1px solid #f2f6f3;background:#fff;position:relative}.card .num{color:#165429;margin-bottom:36px;display:block}.card p{}.card a.more{text-decoration:none;display:inline-block;margin-top:14px}.card a.more:hover{text-decoration:underline}.dark-section{background:#181f33;color:#91d59d}.dark-section p{color:#c3cfcb}.dark-section .eyebrow{color:#91d59d}.scenario-tabs{display:flex;gap:10px;margin:24px 0}.scenario-tabs button{padding:11px 18px;border:1px solid #647b7b;background:transparent;color:#f2f6f3;border-radius:30px;}.scenario-tabs button[aria-selected=true]{background:#e8f0ea;color:#181f33;border-color:#e8f0ea}.scenario-body{border-top:1px solid #181f33;padding-top:30px;min-height:210px}.scenario-body h3{}.scenario-body ol{padding-left:20px;color:#f2f6f3}.steps{counter-reset:step}.step{display:grid;grid-template-columns:45px 1fr;gap:20px;border-top:1px solid #ced8d0;padding:24px 0}.step:before{counter-increment:step;content:'0' counter(step);color:#165429;padding-top:5px}.step h3{margin-bottom:8px}.step p{margin:0}.accent{background:#e8f0ea}.faq{max-width:860px;margin:auto}details{border-bottom:1px solid #cbd5cd;padding:20px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:30px}summary:after{content:'+';color:#165429}details[open] summary:after{content:'−'}details p{padding-top:17px;margin:0}.cta{background:#e8f0ea}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{max-width:710px;margin-bottom:15px}footer{background:#181f33;color:#f2f6f3;padding:55px 0 24px}footer p{color:#b9c7c2;}footer .footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer a{text-decoration:none}footer ul{list-style:none;padding:0;}.footbottom{margin-top:38px;padding-top:19px;border-top:1px solid #181f33;display:flex;justify-content:space-between;color:#b1bfba}.tag{border:1px solid #c0ccc3;padding:4px 8px;border-radius:3px;}.pagehero{padding:65px 0 52px;border-bottom:1px solid #CCD6CF}.pagehero h1{max-width:970px;}.article{max-width:850px}.article h2{margin-top:45px}.article h3{margin-top:30px}.article li{margin-bottom:10px;color:#181f33}.article a{color:#165429}.wide-table{overflow-x:auto}table{width:100%;border-collapse:collapse;}th,td{padding:18px;text-align:left;border-bottom:1px solid #cbd6cd;vertical-align:top}th{background:#e8f0ea}form{background:white;border:1px solid #f2f6f3;padding:30px}label{display:block;margin-bottom:18px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #a9b9af;border-radius:2px;background:#fff;margin-top:7px;color:#181f33}textarea{min-height:115px}.notice{padding:15px 18px;border-left:3px solid #165429;background:#91d59d;margin-bottom:22px}.scanbox{max-width:820px;background:#fff;padding:38px;border:1px solid #ced7ce}.progress{height:4px;background:#f2f6f3;margin-bottom:30px}.progress span{display:block;height:100%;background:#165429;transition:width .2s}.choice{width:100%;display:block;text-align:left;background:#f2f6f3;padding:16px;border:1px solid #c9d4c9;margin-bottom:11px;border-radius:3px}.choice:hover{border-color:#165429;background:#91d59d}.scan-nav{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.result-item{padding:17px 0;border-bottom:1px solid #f2f6f3}.result-item b{display:block}.result-item p{margin:7px 0}.smalllink{background:none;border:0;padding:0;text-decoration:underline;color:inherit}.highlight{color:#165429}.two{grid-template-columns:repeat(2,1fr)}:focus-visible{outline:3px solid #165429;outline-offset:5px}@media(max-width:900px){.nav{padding:18px 23px;min-height:76px;flex-wrap:wrap}.menu{display:block;margin-left:auto;background:none;border:1px solid #9aaea4;padding:7px 12px}nav{display:none;width:100%;margin:0;flex-direction:column;align-items:start;gap:18px;padding:12px 0}nav.open{display:flex}.hero-grid,.split{grid-template-columns:1fr;gap:38px}.hero h1{max-width:690px}.visual{min-height:390px}.visual svg{height:260px}.grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head p{margin-top:20px;max-width:600px}.strip .wrap{flex-wrap:wrap}.pagehero h1{}.cta .wrap{display:block}.cta .btn{margin-top:20px}}@media(max-width:580px){.wrap{padding:0 23px}section{padding:58px 0}.hero{padding:42px 0}.hero h1{}.grid,.two{grid-template-columns:1fr}.visual{padding:22px;min-height:385px}.strip .wrap{gap:14px;}.strip b{width:100%}.pagehero h1{}.scenario-tabs{flex-wrap:wrap}.scenario-tabs button{padding:9px 12px}.footgrid{grid-template-columns:1fr!important;gap:20px!important}.footbottom{display:block}.footbottom span{display:block;margin:8px 0}.scanbox{padding:23px}.actions .btn{width:100%}.card{padding:26px}form{padding:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* X-RAAS brandbook 1.0 */



:root{--petrol:#181f33;--paper:#ffffff;--copper:#165429;--sage:#e8f0ea;--slate:#181f33}
body{color:var(--petrol);background:var(--paper)}
.logo{display:inline-flex;align-items:center;}.logo img{display:block;width:166px;height:44px;object-fit:contain}
.nav{gap:30px}nav a{}.btn{border-radius:4px;padding:14px 22px;min-height:48px}.btn.dark{background:var(--petrol)}.btn:hover{background:#165429}.btn.light:hover{background:var(--sage);color:var(--petrol)}
h1{}h2{}h3{}
.hero h1 em{color:inherit}.hero .lead{max-width:570px}.hero-grid{grid-template-columns:1.12fr 1fr;gap:56px}.hero{padding:64px 0}
.eyebrow,.card .num,.visual-top,.visual-bottom,.tag{}.eyebrow{color:var(--copper)}
.visual{min-height:540px;border-radius:4px;background:var(--petrol);padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between}.visual:before{display:none}.hero-mark{display:block;width:192px;height:192px;margin:35px auto 25px}.brand-statement{color:var(--paper);margin:0 0 25px}.visual-bottom{padding-top:19px;color:var(--sage);}.visual-top{color:var(--sage);}.status{color:var(--sage)}
.card{border-radius:0;border-color:#CCD6CF}.card p,.step p{}.section-head p{}.card .num{margin-bottom:32px}section{padding:88px 0}
.scenario-tabs button{border-radius:4px;}.scenario-tabs button[aria-selected=true]{background:var(--sage);color:var(--petrol)}.dark-section{background:var(--petrol)}.dark-section .eyebrow{color:var(--sage)}
.pagehero h1{}.micro{color:var(--slate)}.notice{border-color:var(--copper)}.accent,.cta{background:var(--sage)}footer{background:var(--petrol)}
@media(max-width:1100px){.hero-grid{gap:32px}.hero h1{}.nav{padding-left:26px;padding-right:26px}nav{gap:18px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}.visual{min-height:460px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.visual-top,.visual-bottom{grid-column:1/-1}.hero-mark{grid-column:2;grid-row:2;width:165px;height:165px;margin:18px auto}.brand-statement{grid-column:1;grid-row:2;align-self:center;margin:0}.pagehero h1{}nav{gap:18px}}
@media(max-width:580px){.logo img{width:145px;height:39px}.hero h1,.pagehero h1{}.hero{padding:40px 0}h2{}section{padding:64px 0}.visual{min-height:365px;padding:24px;gap:16px}.hero-mark{width:105px;height:105px;margin:16px auto}.brand-statement{}.eyebrow{}.visual-top{}.visual-bottom{}.hero-grid{gap:32px}}