/* Template 3: the Kayvia IT Centre's cream, teal and gold reading style,
   adapted to Guards content and interactions. Loaded only when selected. */
:root:has(body.guards-readable){color-scheme:light}
body.guards-readable{--gm-bg:#fbf8f1;--gm-surface:#fff;--gm-surface-2:#f4f1e8;--gm-line:#dedbce;--gm-white:#0a2a36;--gm-muted:#3f5560;--gm-blue:#047857;--gm-cyan:#047857;--gm-font:'Plus Jakarta Sans',system-ui,sans-serif;--gm-display:'Plus Jakarta Sans',system-ui,sans-serif;background:#fbf8f1;color:#0a2a36;font:16px/1.65 var(--gm-font)}
.guards-readable .gm-wrap{width:min(1200px,calc(100% - 64px))}
.guards-readable :is(h1,h2,h3,p,li,a,button){overflow-wrap:break-word}
.guards-readable :focus-visible{outline:3px solid #c9962b;outline-offset:4px}
.guards-readable .gm-header{background:#0a2a36;border-color:#254651;backdrop-filter:none}
.guards-readable .gm-navrow{height:88px;gap:22px}
.guards-readable .gm-nav a,.guards-readable .gm-login{color:#f8f5ed;font-size:14px;font-weight:600}
.guards-readable .gm-nav a:hover,.guards-readable .gm-login:hover{color:#f2cd78}
.guards-readable .gm-login span{color:#f2cd78}
.guards-readable .gm-nav{gap:22px}
.guards-readable .gm-button{background:#047857;border:1px solid #047857;color:#fff;font-size:16px;line-height:1.5;min-height:52px;padding:13px 22px;border-radius:12px;box-shadow:none;gap:10px;white-space:normal;text-align:center}
.guards-readable .gm-button:hover{background:#065f46;border-color:#065f46;box-shadow:none;transform:none}
.guards-readable .gm-button-small{font-size:13px;min-height:44px;padding:10px 16px}
.guards-readable .gm-button-quiet{background:transparent;color:#0a2a36;border:2px solid #0a2a36;padding:12px 21px}
.guards-readable .gm-button-quiet:hover{background:#e7f3ee}
.guards-readable .gm-nav-actions .gm-button{background:#e0b04f;border-color:#e0b04f;color:#0a2a36;border-radius:999px}
.guards-readable .gm-hero{padding:72px 0 56px;background:#fbf8f1;overflow:hidden}
.guards-readable .gm-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.guards-readable .gm-hero-copy{padding:0}
.guards-readable .gm-eyebrow{font-size:12px;letter-spacing:.12em;color:#065f46;font-weight:800}
.guards-readable .gm-eyebrow>span{box-shadow:none;background:#047857}
.guards-readable .gm-hero h1,.guards-readable .gm-section h2,.guards-readable .gm-contact h2{font:700 56px/1.1 Fraunces,Georgia,serif;letter-spacing:0;margin:20px 0;color:#0a2a36}
.guards-readable .gm-section h2,.guards-readable .gm-contact h2{font-size:42px}
.guards-readable .gm-hero h1 em,.guards-readable .gm-section h2 em,.guards-readable .gm-contact h2 em{background:none;color:#047857;font-style:normal}
.guards-readable .gm-lead{color:#3f5560;font-size:18px;line-height:1.75;max-width:560px}
.guards-readable .gm-actions{margin-top:28px;gap:14px}
.guards-readable .gm-points{color:#3f5560;font-size:13px;gap:12px 20px;margin-top:26px}
.guards-readable .gm-points li:before{color:#047857}
.guards-readable .gm-hero-glow{display:none}
.guards-readable .gm-preview{transform:none;background:#fff;border:1px solid #dedbce;box-shadow:0 12px 36px #0a2a3610;border-radius:24px}
.guards-readable .gm-preview-top{background:#f4f1e8;color:#3f5560;min-height:48px;height:auto;padding:12px 16px;font-size:11px;flex-wrap:wrap;gap:8px}
.guards-readable .gm-demo-tag{background:#e7f3ee;color:#065f46;border-color:#b6d3c4;font-size:9px}
.guards-readable .gm-sidebar{background:#0a2a36;color:#d3e4e7;gap:7px;font-size:11px}
.guards-readable .gm-side-logo{color:#fff;font-size:9px}
.guards-readable .gm-side-logo b{color:#e8c474}
.guards-readable .gm-sidebar .gm-side-active{background:#214b51;color:#fff;border-color:#497171}
.guards-readable .gm-dash{padding:24px 18px}
.guards-readable .gm-dash-head{color:#3f5560;font-size:10px;gap:10px;flex-wrap:wrap}
.guards-readable .gm-dash h2{font:700 22px/1.25 Fraunces,Georgia,serif;color:#0a2a36;margin:24px 0 8px}
.guards-readable .gm-dash>p{font-size:11px;color:#3f5560}
.guards-readable .gm-module-preview article{background:#f5faf7;border-color:#d8e6dd}
.guards-readable .gm-module-preview article>span,.guards-readable .gm-module-preview small{color:#3f5560;font-size:10px}
.guards-readable .gm-module-preview b{color:#0a2a36;font-size:12px;align-items:flex-start}
.guards-readable .gm-icon{color:#047857;flex-shrink:0}
.guards-readable .gm-preview-lower{grid-template-columns:1fr}
.guards-readable .gm-flow,.guards-readable .gm-side-note{background:#fffaf0;color:#0a2a36;border-color:#e3dbc5}
.guards-readable .gm-side-note{display:none}
.guards-readable .gm-card-title{font-size:11px;color:#0a2a36;gap:8px;flex-wrap:wrap}
.guards-readable .gm-card-title span{font-size:9px;color:#065f46}
.guards-readable .gm-flow-line{color:#0a2a36;font-size:11px;gap:6px}
.guards-readable .gm-flow-line i{background:#047857;width:20px;flex-shrink:1}
.guards-readable .gm-flow-caption{font-size:10px;color:#3f5560}
.guards-readable .gm-demo-foot{color:#3f5560;font-size:11px;background:#f4f1e8}
.guards-readable .gm-demo-foot span{color:#047857}
.guards-readable .gm-trust-strip{background:#e7f3ee;border-color:#d2e3d8}
.guards-readable .gm-strip-inner{color:#3f5560;font-size:13px;flex-wrap:wrap;justify-content:center;gap:12px 24px;padding-block:20px}
.guards-readable .gm-strip-inner>span:first-child{color:#0a2a36}
.guards-readable .gm-strip-inner i{color:#047857}
.guards-readable .gm-section{padding:72px 0;background:#fbf8f1}
.guards-readable .gm-section-head{gap:40px;margin-bottom:36px;align-items:center}
.guards-readable .gm-section-head>p,.guards-readable .gm-section-head.gm-centered p{font-size:17px;color:#3f5560;line-height:1.75}
.guards-readable .gm-platform-grid{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.guards-readable .gm-platform-card,.guards-readable .gm-module-card{background:#fff;border:1px solid #e4dfd2;border-radius:24px;padding:28px;min-width:0;height:auto;min-height:0;box-shadow:none}
.guards-readable .gm-platform-card:hover,.guards-readable .gm-module-card:hover{transform:none;border-color:#9cb9aa}
.guards-readable .gm-card-icon,.guards-readable .gm-module-icon{background:#e7f3ee;color:#065f46;border:1px solid #c5ddce;border-radius:12px;width:44px;height:44px}
.guards-readable .gm-card-label{color:#065f46;font-size:11px;letter-spacing:.08em}
.guards-readable .gm-platform-card h3,.guards-readable .gm-module-card h3{font:700 25px/1.25 Fraunces,Georgia,serif;letter-spacing:0;color:#0a2a36;margin:14px 0}
.guards-readable .gm-platform-card p,.guards-readable .gm-module-card p{font-size:16px;line-height:1.75;color:#3f5560}
.guards-readable .gm-browser{background:#fff;border-color:#b8c9c0;border-radius:12px}
.guards-readable .gm-browser-bar{background:#e7f3ee;min-height:30px}
.guards-readable .gm-browser-bar span{color:#3f5560;font-size:10px}
.guards-readable .gm-browser-page{background:#fffaf0}
.guards-readable .gm-browser-word,.guards-readable .gm-browser-lines i{background:#ccd9d0}
.guards-readable .gm-browser-button{background:#047857}
.guards-readable .gm-browser-image{background:#d8e9e0}
.guards-readable .gm-mini-rows span{background:#f5faf7;color:#0a2a36;border-color:#d8e6dd;font-size:12px;gap:8px;flex-wrap:wrap}
.guards-readable .gm-mini-rows b{color:#065f46;font-size:11px}
.guards-readable .gm-mini-rows i{background:#047857}
.guards-readable .gm-payment-flow{background:#f4f1e8;border-color:#dedbce;color:#0a2a36;gap:6px;font-size:12px;flex-wrap:wrap}
.guards-readable .gm-payment-flow span{color:#0a2a36;background:#fff;border-color:#dedbce}
.guards-readable .gm-payment-flow i{color:#047857}
.guards-readable .gm-solutions,.guards-readable .gm-process{background:#e7f3ee;border-block:1px solid #d2e3d8}
.guards-readable .gm-solution-shell{background:#fff;border:1px solid #d3dfd6;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #0a2a3608}
.guards-readable .gm-tabs{background:#f4f1e8;border-color:#dedbce;display:flex;flex-wrap:wrap;gap:8px;padding:16px}
.guards-readable .gm-tab{color:#3f5560;font-size:14px;min-height:48px;padding:12px 16px;border-radius:12px;white-space:normal}
.guards-readable .gm-tab span{color:#065f46;font-size:10px;background:#e7f3ee;border-color:#c5ddce}
.guards-readable .gm-tab[aria-selected=true]{background:#047857;color:#fff;box-shadow:none;border-color:#047857}
.guards-readable .gm-tab[aria-selected=true] span{background:#fff;color:#065f46}
.guards-readable .gm-solution-panel{padding:36px;gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.guards-readable .gm-solution-copy h3{font:700 32px/1.2 Fraunces,Georgia,serif;color:#0a2a36;letter-spacing:0}
.guards-readable .gm-solution-copy p,.guards-readable .gm-solution-copy ul{color:#3f5560;font-size:16px;line-height:1.75}
.guards-readable .gm-solution-copy li:before{color:#047857}
.guards-readable .gm-industry-demo{background:#f8faf6;border-color:#d3dfd6;border-radius:16px;padding:22px}
.guards-readable .gm-industry-demo-head{color:#0a2a36;font-size:14px;gap:10px;flex-wrap:wrap}
.guards-readable .gm-workflow-row{background:#fff;border-color:#d8e1d7;color:#0a2a36;padding:16px;gap:12px}
.guards-readable .gm-workflow-row b{font-size:14px;color:#0a2a36}
.guards-readable .gm-workflow-row small{font-size:12px;color:#3f5560;line-height:1.6}
.guards-readable .gm-workflow-row i,.guards-readable .gm-workflow-icon{color:#065f46;background:#e7f3ee;border-color:#c5ddce}
.guards-readable .gm-illustrative-note{font-size:12px;color:#3f5560}
.guards-readable .gm-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.guards-readable .gm-module-card{display:flex;flex-direction:column;gap:8px}
.guards-readable .gm-module-card h3{margin:8px 0}
.guards-readable .gm-module-status{position:static;align-self:flex-start;margin-top:16px;color:#065f46;background:#e7f3ee;border-color:#c5ddce;font-size:11px;padding:5px 9px}
.guards-readable .gm-model-grid{gap:48px;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.guards-readable .gm-model-grid>div>p{color:#3f5560;font-size:17px}
.guards-readable .gm-text-link{color:#065f46;font-size:15px;font-weight:700;line-height:1.6;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.guards-readable .gm-text-link span{color:inherit}
.guards-readable .gm-model-cards article{background:#fff;border:1px solid #e4dfd2;border-radius:16px;padding:24px}
.guards-readable .gm-model-cards article>span{background:#fff4db;color:#7a5a10;border-color:#ead9ae;font-size:15px}
.guards-readable .gm-model-cards h3{font:700 24px/1.25 Fraunces,Georgia,serif;color:#0a2a36}
.guards-readable .gm-model-cards p{font-size:16px;color:#3f5560}
.guards-readable .gm-steps{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.guards-readable .gm-steps li{background:#fff;border:1px solid #d2dfd5;border-radius:24px;padding:28px;min-height:0}
.guards-readable .gm-steps li>span{background:#fff4db;color:#7a5a10;border-color:#ead9ae;font-size:16px;width:42px;height:42px}
.guards-readable .gm-steps h3{font:700 25px/1.25 Fraunces,Georgia,serif;color:#0a2a36;margin:20px 0 14px}
.guards-readable .gm-steps p{font-size:16px;color:#3f5560;line-height:1.75}
.guards-readable .gm-configure-card{background:#0a2a36;border-color:#254651;border-radius:24px;padding:48px;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.guards-readable .gm-configure-copy h2{color:#fff;font-size:40px}
.guards-readable .gm-configure-copy h2 em{color:#e8c474}
.guards-readable .gm-configure-copy p,.guards-readable .gm-configure-copy li{color:#e0ecee;font-size:16px;line-height:1.75}
.guards-readable .gm-configure-copy .gm-eyebrow{color:#e8c474}
.guards-readable .gm-configure-copy .gm-button{background:#e0b04f;border-color:#e0b04f;color:#0a2a36}
.guards-readable .gm-configure-orbit{border-color:#72958e66}
.guards-readable .gm-configure-core{background:#163f47;border-color:#72958e;color:#fff;box-shadow:none}
.guards-readable .gm-configure-core b{color:#fff}
.guards-readable .gm-mark{background:#e0b04f;color:#0a2a36;box-shadow:none}
.guards-readable .gm-orbit-chip{background:#fffaf0;color:#0a2a36;border-color:#e4d8bd;font-size:13px}
.guards-readable .gm-faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
.guards-readable .gm-faq-grid>div>p{font-size:17px;color:#3f5560}
.guards-readable .gm-faq-list summary{font-size:17px;line-height:1.6;padding-block:22px;color:#0a2a36}
.guards-readable .gm-faq-list summary:after{color:#065f46;top:19px}
.guards-readable .gm-faq-list details p{font-size:16px;line-height:1.75;color:#3f5560;padding-bottom:14px}
.guards-readable .gm-contact{background:#fff4db;border-color:#e8ddc1;padding:64px 0}
.guards-readable .gm-contact p{font-size:17px;color:#3f5560;max-width:520px}
.guards-readable .gm-contact-actions{max-width:400px}
.guards-readable .gm-footer{background:#0a2a36;padding:56px 0 24px;color:#fff}
.guards-readable .gm-footer-grid{gap:36px}
.guards-readable .gm-footer-grid h2{font:700 16px/1.4 var(--gm-display);color:#fff}
.guards-readable .gm-footer-grid>div:first-child p,.guards-readable .gm-footer-grid>div>a:not(.gm-brand){font-size:14px;line-height:1.8;color:#d6e6e8}
.guards-readable .gm-footer-base{color:#d6e6e8;border-color:#36545c;font-size:12px;gap:16px;flex-wrap:wrap}
.guards-readable .gm-ai-launcher{background:#0a2a36;border-color:#36545c;box-shadow:0 8px 20px #0a2a3620;color:#fff;font-size:14px;min-height:48px;padding:12px 18px}
.guards-readable .gm-ai-panel{background:#fff;color:#0a2a36;border-color:#bdcfc4;height:min(480px,calc(100dvh - 100px));border-radius:16px;box-shadow:0 16px 48px #0a2a3630;bottom:84px}
.guards-readable .gm-ai-head{background:#0a2a36;color:#fff}
.guards-readable .gm-ai-head strong{font-size:16px}.guards-readable .gm-ai-head small{color:#d6e6e8;font-size:12px}
.guards-readable .gm-ai-head button{color:#fff;min-width:44px;min-height:44px}
.guards-readable .gm-ai-message,.guards-readable .ai-message{background:#e7f3ee;color:#0a2a36;font-size:14px;line-height:1.7;border-color:#c5ddce;margin-bottom:12px}
.guards-readable .ai-message.user{background:#fff4db;border-color:#e8ddc1}
.guards-readable .gm-ai-form input{background:#fff;color:#0a2a36;font-size:15px;border-color:#a7bdb2;min-height:48px}
.guards-readable .gm-ai-form input::placeholder{color:#536773}
.guards-readable .gm-ai-form button{background:#047857;color:#fff;font-size:14px;min-height:48px}
@media(max-width:1150px){
 .guards-readable .gm-navrow{height:76px;gap:12px}
 .guards-readable .gm-nav-actions{display:none}
 .guards-readable .gm-menu{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;height:44px;flex:0 0 44px;border:1px solid #6c8c92;background:transparent;border-radius:9px;margin-left:auto;order:3}
 .guards-readable .gm-menu i{height:2px;width:18px;background:#fff}
 .guards-readable .gm-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0a2a36;border-bottom:1px solid #36545c;padding:12px 24px;max-height:calc(100dvh - 76px);overflow-y:auto}
 .guards-readable .gm-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .guards-readable .gm-nav a{padding:14px 8px;border-bottom:1px solid #36545c;min-height:48px;font-size:15px}
 .guards-readable .gm-nav .gm-nav-mobile{display:block;color:#f2cd78}
}
@media(max-width:980px){
 .guards-readable .gm-hero-grid,.guards-readable .gm-model-grid,.guards-readable .gm-faq-grid{grid-template-columns:1fr;gap:32px}
 .guards-readable .gm-hero-copy{max-width:720px}
 .guards-readable .gm-preview{max-width:720px}
 .guards-readable .gm-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guards-readable .gm-platform-main{grid-column:span 2}
 .guards-readable .gm-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guards-readable .gm-section-head{display:block}.guards-readable .gm-section-head>p{max-width:720px;margin-top:20px}
}
@media(max-width:720px){
 .guards-readable .gm-wrap{width:calc(100% - 40px)}
 .guards-readable .gm-hero{padding:48px 0}
 .guards-readable .gm-hero h1{font-size:42px}
 .guards-readable .gm-lead{font-size:17px}
 .guards-readable .gm-section{padding:48px 0}
 .guards-readable .gm-section h2,.guards-readable .gm-contact h2{font-size:34px}
 .guards-readable .gm-platform-grid,.guards-readable .gm-module-grid,.guards-readable .gm-steps,.guards-readable .gm-solution-panel,.guards-readable .gm-configure-card{grid-template-columns:1fr;gap:22px}
 .guards-readable .gm-platform-main{grid-column:auto}
 .guards-readable .gm-platform-card,.guards-readable .gm-module-card,.guards-readable .gm-steps li{padding:24px}
 .guards-readable .gm-solution-panel{padding:24px}
 .guards-readable .gm-configure-card{padding:28px 24px}
 .guards-readable .gm-configure-copy h2{font-size:34px}
 .guards-readable .gm-tabs{padding:12px;gap:8px}
 .guards-readable .gm-tab{font-size:13px;padding:10px 12px}
 .guards-readable .gm-tabs span{font-size:10px}
 .guards-readable .gm-footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}
 .guards-readable .gm-footer-grid>div:first-child{grid-column:1/-1}
 .guards-readable .gm-footer-base{font-size:11px}
 .guards-readable .gm-contact-inner{display:block}.guards-readable .gm-contact-actions{margin-top:24px}
 .guards-readable .gm-ai-launcher{right:14px;bottom:14px}
 .guards-readable .gm-ai-panel{right:12px;bottom:78px;width:calc(100% - 24px)}
 .guards-readable .gm-header .kayvia-brand-lockup img.kayvia-brand-circle{width:50px!important;height:50px!important;min-width:50px;flex-basis:50px!important}
}
@media(max-width:380px){
 .guards-readable .gm-wrap{width:calc(100% - 32px)}
 .guards-readable .gm-hero h1{font-size:38px}
 .guards-readable .gm-actions .gm-button{width:100%}
 .guards-readable .gm-module-preview{grid-template-columns:1fr}
 .guards-readable .gm-dash{padding:20px 16px}
 .guards-readable .gm-configure-art{transform:scale(.88);transform-origin:center}
}