:root{
  --navy:#071d46;--navy-dark:#041638;--blue:#0875d1;--teal:#15b9ae;
  --white:#fff;--text:#c6d1e3;--muted:#91a3bf;--border:rgba(255,255,255,.14)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f6f8fb;color:var(--navy)}
a{color:inherit}
.demo-content{min-height:50vh;display:grid;place-items:center;padding:70px 24px;text-align:center}
.demo-content span{color:#0f8ea5;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.demo-content h1{font-size:clamp(2.2rem,6vw,4.8rem);margin:16px 0 10px}
.demo-content p{color:#53647f;font-size:1.1rem}
.footer-container{width:min(1320px,calc(100% - 48px));margin:auto}

.footer-cta{position:relative;overflow:hidden;padding:68px 0;color:#fff;background:
radial-gradient(circle at 82% 50%,rgba(30,213,199,.24),transparent 32%),
linear-gradient(110deg,#0758bb 0%,#0b8bbb 52%,#12bbae 100%)}
.footer-cta__content{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:center}
.footer-eyebrow{margin:0 0 14px;color:#43dfd4;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.footer-cta h2{margin:0;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;max-width:760px}
.footer-cta__description{max-width:650px;margin:20px 0 0;color:rgba(255,255,255,.88);font-size:1.1rem;line-height:1.65}
.footer-cta__button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:64px;padding:16px 30px;border:1.5px solid rgba(255,255,255,.82);border-radius:16px;text-decoration:none;font-weight:750;background:rgba(255,255,255,.06);transition:.18s ease}
.footer-cta__button:hover{transform:translateY(-3px);background:rgba(255,255,255,.16)}
.footer-cta__watermark{position:absolute;right:-25px;bottom:-100px;width:360px;opacity:.08}

.site-footer{color:#fff;background:radial-gradient(circle at 20% 0%,rgba(9,111,181,.14),transparent 28%),linear-gradient(180deg,var(--navy),var(--navy-dark))}
.footer-main{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:42px;padding:58px 0 50px}
.footer-brand{padding-right:32px}
.footer-logo{display:inline-block;max-width:300px}
.footer-logo img{display:block;width:100%;height:auto}
.footer-brand__line{width:58px;height:2px;margin:25px 0 18px;background:linear-gradient(90deg,var(--teal),transparent)}
.footer-brand p{max-width:340px;color:var(--text);line-height:1.7}
.footer-social{display:flex;gap:12px;margin-top:26px}
.footer-social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,.06);text-decoration:none}
.footer-social a:hover{border-color:var(--teal);background:rgba(21,185,174,.22)}
.footer-column{padding-left:34px;border-left:1px solid var(--border)}
.footer-column h3{margin:4px 0 25px;color:var(--teal);font-size:.94rem;text-transform:uppercase;letter-spacing:.08em}
.footer-column ul{display:grid;gap:18px;margin:0;padding:0;list-style:none}
.footer-column li{color:var(--text);line-height:1.4}
.footer-column a{text-decoration:none}
.footer-column a:hover{color:#fff}
.footer-column:not(.footer-contact) a::before{content:"›";color:var(--teal);font-size:1.4rem;margin-right:10px}
.footer-contact li{display:grid;grid-template-columns:24px 1fr;gap:12px}

.footer-values{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.footer-values article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:28px}
.footer-values article+article{border-left:1px solid var(--border)}
.footer-values strong{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(36,215,203,.45);border-radius:12px;color:var(--teal);font-size:1.35rem}
.footer-values h4{margin:0 0 7px;font-size:.95rem}
.footer-values p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0 32px}
.footer-bottom p{margin:0;color:var(--muted);font-size:.88rem}
.footer-bottom strong{color:#fff}
.footer-legal{display:flex;align-items:center;gap:20px}
.footer-legal span{width:1px;height:18px;background:var(--border)}
.footer-legal a{text-decoration:none;color:var(--text);font-size:.88rem}
.footer-legal a:hover{color:var(--teal)}

@media(max-width:1050px){
  .footer-main{grid-template-columns:repeat(2,1fr)}
  .footer-values{grid-template-columns:repeat(2,1fr)}
  .footer-values article:nth-child(3){border-left:0;border-top:1px solid var(--border)}
  .footer-values article:nth-child(4){border-top:1px solid var(--border)}
}
@media(max-width:760px){
  .footer-container{width:min(100% - 32px,1320px)}
  .footer-cta__content{grid-template-columns:1fr}
  .footer-cta__button{width:100%;max-width:360px}
  .footer-main{grid-template-columns:1fr}
  .footer-column{padding:28px 0;border-left:0;border-top:1px solid var(--border)}
  .footer-values{grid-template-columns:1fr}
  .footer-values article,.footer-values article+article,.footer-values article:nth-child(3),.footer-values article:nth-child(4){border-left:0;border-top:1px solid var(--border)}
  .footer-values article:first-child{border-top:0}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:460px){
  .footer-legal{flex-direction:column;align-items:flex-start}
  .footer-legal span{display:none}
}