
:root{--bg:#F5F5F2;--surface:#F5F5F2;--text:#111418;--muted:#5F6266;--line:#D8D5CC;--brand:#C8A96B;--brand-dark:#A88A52;--accent:#E9E0CE;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6}a{color:inherit}
.site-header{width:min(calc(100% - 40px),var(--max));margin:0 auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand);color:#F5F5F2;font-weight:800;font-size:20px}
.nav{display:flex;gap:26px}.nav a,.footer a{text-decoration:none;color:var(--muted)}.nav a:hover,.footer a:hover{color:var(--brand)}main{overflow:hidden}
.hero{width:min(calc(100% - 40px),var(--max));margin:56px auto 76px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:64px;align-items:end}
.eyebrow{margin:0 0 14px;color:var(--brand);font-weight:750;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}
h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(3rem,7vw,6.6rem);max-width:920px;margin:0 0 28px;font-weight:780}h2{font-size:clamp(2rem,4.2vw,4rem);margin:.1em 0 .45em}h3{font-size:1.45rem;margin:.15em 0 .7em}
.lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:760px;color:#5F6266;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:720;border:1px solid var(--brand)}.button.primary{background:var(--brand);color:#F5F5F2}.button.primary:hover{background:var(--brand-dark)}.button.secondary{background:transparent;color:var(--brand)}
.hero-card{background:#1B1F24;color:#F5F5F2;border:1px solid #2C3035;padding:30px;border-radius:28px;box-shadow:0 16px 55px rgba(17,20,24,.16)}.hero-card-kicker{display:block;color:#E9E0CE;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;margin-bottom:26px}.hero-card strong{font-size:1.6rem;display:block;line-height:1.2;margin-bottom:10px}.hero-card p{margin:0;color:#F5F5F2}
.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:32px;flex-wrap:wrap;padding:16px max(20px,calc((100vw - var(--max))/2));color:var(--muted);font-size:.92rem}
.section{width:min(calc(100% - 40px),var(--max));margin:120px auto}.section-heading{max-width:780px;margin-bottom:46px}.section-heading>p:last-child{font-size:1.12rem;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;min-height:330px;position:relative}.card-index{color:var(--brand);font-weight:800;font-size:.8rem}.card p{color:var(--muted)}.card ul{padding-left:18px;margin:24px 0 0}.card li{margin:6px 0}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.steps li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--brand);font-weight:800}.steps strong{font-size:1.08rem}.steps p{margin:4px 0 0;color:var(--muted)}
.quote-section{background:#111418;color:#F5F5F2;padding:90px max(20px,calc((100vw - var(--max))/2))}blockquote{margin:0;font-size:clamp(2rem,5vw,4.5rem);font-weight:760;line-height:1.08;letter-spacing:-.04em;max-width:1000px}
.contact{width:min(calc(100% - 40px),var(--max));margin:120px auto 90px;display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:start}.contact>div>p:last-child{color:var(--muted);max-width:670px}.contact-box{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px}.contact-mail{display:block;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:750;color:var(--brand);margin-bottom:8px;overflow-wrap:anywhere}.contact-box p{color:var(--muted);margin:0 0 24px}
.footer{width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:28px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.9rem}.footer div{display:flex;gap:20px}
.legal{width:min(calc(100% - 40px),800px);margin:80px auto 120px}.legal h1{font-size:clamp(2.6rem,6vw,4.8rem)}.legal h2{font-size:1.4rem;margin-top:2.2em}.legal section{padding-bottom:8px;border-bottom:1px solid var(--line)}.legal-note{margin-top:36px;padding:18px 20px;background:#F5F5F26d9;border:1px solid #eadba8;border-radius:14px}
@media(max-width:800px){.nav{display:none}.hero,.split,.contact{grid-template-columns:1fr;gap:36px}.hero{margin-top:30px}.cards{grid-template-columns:1fr}.section{margin:84px auto}.footer{flex-direction:column}}

/* Contact block correction */
.contact{align-items:stretch}
.contact > div:first-child{min-width:0}
.contact > div:first-child > p:last-child{color:var(--muted);max-width:670px}
.contact-box{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.contact-box .contact-mail{width:100%}
.contact-box .button{margin-top:0}
@media(max-width:800px){
  .contact{align-items:start}
  .contact-box{width:100%}
}

/* vCISO product section */
.vciso-section{margin-top:110px}
.vciso-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.vciso-card{
  background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;
  display:flex;flex-direction:column;min-height:470px;position:relative;overflow:hidden
}
.vciso-card.featured{background:#1B1F24;color:#F5F5F2;border-color:#2C3035}
.vciso-card.featured p,.vciso-card.featured li{color:#D9D8D3}
.vciso-card.featured .product-label{color:#C8A96B}
.product-label{
  display:inline-block;color:var(--brand);font-size:.76rem;font-weight:800;
  letter-spacing:.09em;text-transform:uppercase;margin-bottom:22px
}
.vciso-card h3{font-size:2rem;margin:0 0 8px}
.product-lead{font-weight:750;color:var(--text)!important;margin:0 0 14px}
.vciso-card.featured .product-lead{color:#F5F5F2!important}
.vciso-card>div>p:last-child{color:var(--muted)}
.vciso-card ul{padding-left:18px;margin:26px 0 30px;color:var(--muted)}
.vciso-card li{margin:7px 0}
.product-button{margin-top:auto;align-self:flex-start;background:transparent;color:var(--brand)}
.vciso-card.featured .product-button{border-color:#C8A96B;color:#C8A96B}
.vciso-card.featured .product-button:hover{background:#C8A96B;color:#111418}
@media(max-width:900px){.vciso-grid{grid-template-columns:1fr}.vciso-card{min-height:auto}}
