.hosting-lead{padding:48px 0 30px;background:linear-gradient(120deg,#eff6ff,#fff7ed);border-bottom:1px solid #dbe4ef}
.hosting-lead h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.08;letter-spacing:-.035em;color:#071b3a;margin:0 0 16px;max-width:800px}
.hosting-lead p{max-width:690px;font-size:1.08rem;color:#475569;margin:0}
.hosting-lead .cta{margin-top:22px}
.capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0 14px}
.capability{padding:20px;border:1px solid #dbe4ef;border-radius:18px;background:#fff}
.capability h2{font-size:1.05rem;line-height:1.3;margin:0 0 8px;color:#071b3a}
.capability p{margin:0;color:#526176;font-size:.92rem}
.availability{margin:12px 0 26px;color:#526176;font-size:.88rem}
.n8n-fields{padding:14px 16px;background:#f8fafc;border:1px solid #dbe4ef;border-radius:14px;margin:12px 0 20px}
.n8n-fields[hidden]{display:none!important}
.n8n-option .hint{display:block}
.n8n-fields .error{display:block}
.n8n-fields .error[hidden]{display:none!important}
.topbar a:focus-visible,.hosting-lead a:focus-visible{outline:3px solid #2563eb;outline-offset:4px}
@media(max-width:1000px){.capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hosting-lead{padding:32px 0 24px}.capabilities{grid-template-columns:1fr;gap:10px;margin-top:20px}.capability{padding:16px}.hosting-lead .cta{gap:10px}.hosting-lead .btn{width:100%}.price{white-space:normal;text-align:right;flex:0 0 75px}.summary-line{gap:14px}.summary-line span,.summary-line strong{overflow-wrap:anywhere}}

/* Homepage demo credentials, placed directly after the hosting and AI overview. */
.demo-credentials-wrap{padding-top:10px;padding-bottom:24px;scroll-margin-top:20px}
#demo-access.home-demo-card{margin:0 auto;background:#fff;border:1px solid #dbe4ef;border-radius:20px;padding:clamp(20px,4vw,32px);box-shadow:0 12px 36px #14243c0d;scroll-margin-top:24px;color:#14243c}
#demo-access.home-demo-card h2{font-size:clamp(1.55rem,3vw,2rem);line-height:1.2;color:#071b3a;margin:0 0 12px}
#demo-access.home-demo-card p{line-height:1.55}
#demo-access .intro{margin:0 0 20px;color:#334155}
#demo-access .credential{margin:18px 0}
#demo-access label{display:block;font-weight:800;margin-bottom:7px}
#demo-access .field-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
#demo-access .field-row input{flex:1 1 280px;width:100%;min-width:0;border:1px solid #b8c7da;border-radius:10px;padding:11px 12px;background:#f4f7fb;color:#14243c;font:1rem ui-monospace,monospace}
#demo-access button,#demo-access .button{border:0;border-radius:10px;padding:11px 15px;background:#f97316;color:white;font:inherit;font-size:.9rem;font-weight:850;cursor:pointer;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
#demo-access button:hover,#demo-access .button:hover{background:#ea580c;color:white}
#demo-access .toggle{background:#eef3fb;color:#071b3a;border:1px solid #c9d5e5}
#demo-access .toggle:hover{background:#dce7f7;color:#071b3a}
#demo-access .actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
#demo-access .actions a{flex:1 1 200px}
#demo-access .status{min-height:26px;margin:8px 0;color:#166534;font-weight:700;font-size:.9rem}
#demo-access .fine-print{margin:16px 0 0;color:#526176;font-size:.8rem;line-height:1.5}
#demo-access .samples{font-size:.9rem;color:#526176}
#demo-access :focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:600px){.demo-credentials-wrap{padding-top:6px;padding-bottom:18px}#demo-access.home-demo-card{padding:20px}#demo-access .field-row input{flex-basis:100%}#demo-access .field-row button{flex:1}}

/* Who We Are: company story and technical credibility. */
.who-we-are-section{scroll-margin-top:84px;padding:34px 0 30px;background:linear-gradient(120deg,#f8fafc,#eff6ff);border-top:1px solid #dbe4ef;border-bottom:1px solid #dbe4ef}
.who-we-are-layout{display:flex;flex-direction:column;gap:20px;align-items:stretch}
.who-we-are-copy{max-width:760px}
.who-eyebrow{margin:0 0 7px;color:#c2410c;font-size:.75rem;font-weight:950;letter-spacing:.15em}
.who-we-are-copy h2{margin:0 0 12px;color:#071b3a;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15;letter-spacing:-.025em}
.who-we-are-copy p:not(.who-eyebrow){margin:0 0 10px;color:#475569;line-height:1.65}
.who-we-are-copy .who-lead{font-size:1.05rem;color:#263950}
.who-credential{width:min(100%,560px);margin:0 auto;padding:22px;border:1px solid #cbd5e1;border-left:5px solid #f97316;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);align-self:center}
.who-credential-label{color:#b45309;font-size:.68rem;font-weight:950;letter-spacing:.13em}
.who-credential h3{margin:9px 0;color:#071b3a;font-size:1.1rem;line-height:1.35}
.who-credential p{margin:0;color:#526176;font-size:.88rem;line-height:1.55}
.who-proof-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.who-proof-points span{padding:8px 12px;border:1px solid #dbe4ef;border-radius:999px;background:#fff;color:#263950;font-size:.82rem;font-weight:800}
#who-we-are :focus-visible{outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:760px){.who-we-are-section{scroll-margin-top:132px;padding:25px 0 22px}.who-we-are-layout{gap:14px}.who-credential{padding:17px}.who-proof-points{gap:8px}.who-proof-points span{font-size:.76rem}}

/* AWS credential verification details. */

.who-credential-holder{margin:0 0 12px;color:#526176;font-size:.82rem;line-height:1.45}
.who-credential-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.who-credential-dates div{padding:9px 10px;border-radius:10px;background:#f8fafc}
.who-credential-dates dt{color:#64748b;font-size:.72rem;font-weight:700}
.who-credential-dates dd{margin:2px 0 0;color:#14243c;font-size:.86rem;font-weight:850}
.who-credential-id-row{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;margin:12px 0}
.who-credential-id-row>span{grid-column:1/-1;color:#64748b;font-size:.72rem;font-weight:800}
.who-credential-id-row code{min-width:0;overflow-wrap:anywhere;color:#14243c;font-size:.78rem}
.who-credential-id-row button{min-height:38px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;color:#14243c;padding:7px 11px;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}
.who-credential-id-row button:hover{background:#eef2ff}
.who-credential-status{min-height:18px;margin:2px 0;color:#166534;font-size:.76rem;font-weight:700}
.who-verify-link{display:inline-flex;align-items:center;min-height:42px;margin-top:4px;color:#1d4ed8;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.who-verification-note{margin:5px 0 0;color:#64748b;font-size:.76rem;line-height:1.45}
.who-credential :focus-visible{outline:3px solid #2563eb;outline-offset:3px}
