/* ClokIt public information pages — layered on the existing marketing design. */
.public-info{background:#f6f9fc;color:#0a2134}
.public-info-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(61,174,235,.20),transparent 36%),linear-gradient(135deg,#03101d,#082c47 60%,#0b5284);color:#fff;padding:164px 0 90px}
.public-info-hero .info-kicker{color:#84cbf5;font-size:11px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;margin:0 0 20px}
.public-info-hero h1{max-width:970px;font-size:clamp(48px,6.5vw,86px);font-weight:650;letter-spacing:-.057em;line-height:1.03;margin:0 0 20px}
.public-info-hero .info-lead{font-size:clamp(17px,2vw,21px);line-height:1.7;color:#c7d9e5;max-width:800px;margin:0 0 26px}
.info-updated{font-size:12px;letter-spacing:.04em;color:#9dbdd0}
.public-info-body{padding:72px 0 104px;background:#f6f9fc}
.public-info-grid{display:grid;grid-template-columns:minmax(200px,.28fr) minmax(0,1fr);gap:38px;align-items:start;max-width:1190px}
.info-aside{position:sticky;top:98px;padding:24px;border:1px solid #dae6ee;border-radius:18px;background:#fff}
.info-aside strong{display:block;color:#214a67;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}
.info-aside a{display:block;margin:0;padding:9px 0;color:#486a7f;text-decoration:none;font-size:13px;font-weight:650;line-height:1.5}
.info-aside a:hover,.info-aside a:focus-visible{color:#0874bc;text-decoration:underline}
.info-article{background:#fff;border:1px solid #dce7ef;box-shadow:0 18px 55px rgba(9,47,70,.05);border-radius:22px;padding:clamp(26px,4vw,58px)}
.info-article section{padding:0 0 27px;margin:0 0 27px;border-bottom:1px solid #e7edf2;scroll-margin-top:110px}
.info-article section:last-child{padding-bottom:0;margin-bottom:0;border:0}
.info-article h2{font-size:clamp(24px,2.8vw,34px);line-height:1.2;letter-spacing:-.035em;color:#123b57;font-weight:730;margin:0 0 15px}
.info-article h3{font-size:18px;color:#133c58;letter-spacing:-.02em;margin:21px 0 8px}
.info-article p,.info-article li{color:#476478;font-size:15px;line-height:1.85}
.info-article p:last-child{margin-bottom:0}
.info-article ul{margin:9px 0 16px;padding-left:22px}
.info-article li+li{margin-top:7px}
.info-article a{color:#086faf;text-underline-offset:3px}
.info-inline{display:inline-flex;gap:12px;flex-wrap:wrap;margin-top:13px}
.info-inline .button{font-size:13px}
.public-info-feature{padding:100px 0;background:#fff}
.info-feature-head{max-width:850px}
.info-feature-head h2{font-size:clamp(36px,4vw,58px);color:#103651;line-height:1.1}
.info-feature-head p{color:#607c8f;font-size:17px;line-height:1.75}
.info-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.info-pillar{border:1px solid #dce9f1;border-radius:23px;padding:28px;background:#f7fbfe;box-shadow:0 16px 44px rgba(10,42,61,.035)}
.info-pillar .eyebrow{color:#177fb9;margin:0 0 16px}
.info-pillar h3{color:#153a54;font-size:23px;font-weight:750;margin:0 0 12px}
.info-pillar p{color:#637d8d;line-height:1.72;font-size:15px;margin-bottom:0}
.info-next{background:#0a2941;color:#fff;padding:75px 0}
.info-next-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.info-next h2{font-size:clamp(30px,3vw,48px);letter-spacing:-.045em;line-height:1.2;margin:0 0 14px}
.info-next p{color:#b9d2e2;margin:0}
.info-next .button{white-space:nowrap}
@media(max-width:900px){.public-info-grid{grid-template-columns:1fr;gap:18px}.info-aside{position:static;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}.info-aside strong{margin:0 14px 0 0}.info-aside a{padding:6px 0}.info-pillars{grid-template-columns:1fr}.info-next-inner{align-items:flex-start;flex-direction:column}.public-info-hero{padding:134px 0 64px}}
@media(max-width:600px){.public-info-body{padding:34px 0 64px}.info-aside{padding:18px}.info-article{border-radius:16px}.public-info-feature{padding:66px 0}.info-next{padding:58px 0}}