
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#081729;--deep:#0c2238;--teal:#008d99;--aqua:#76e1df;--ink:#132c40;--muted:#53697a;--paper:#f7fafb;--line:#dce7eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fafb;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em;line-height:1.14}h1{font-size:clamp(43px,5.5vw,82px);font-weight:800;max-width:900px;margin-bottom:28px}h2{font-size:clamp(30px,3.6vw,53px);font-weight:800;margin-bottom:23px}h3{font-size:20px;margin-bottom:10px;letter-spacing:-.025em}p{max-width:710px;color:#496276}a{color:inherit}img{max-width:100%}.wrap{max-width:1230px;margin:auto;padding-left:30px;padding-right:30px}.site-header{background:#fff;border-bottom:1px solid #e1eaed;position:sticky;top:0;z-index:20}.nav{height:85px;display:flex;align-items:center;gap:30px}.logo img{width:178px;max-height:58px;object-fit:contain;object-position:left center}.links{display:flex;gap:30px;align-items:center;margin-left:auto}.links a{font-size:13px;font-weight:700;text-decoration:none;color:#244053;white-space:nowrap}.links a:hover,.links a.active{color:#008f9b}.nav-cta,.button{background:var(--navy);color:#fff!important;padding:13px 20px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:9px}.nav-cta:hover,.button:hover{background:#0d4757}.button.alt{background:#e9f7f7;color:#075764!important}.menu-button{display:none;margin-left:auto;border:1px solid #cddde3;background:#fff;border-radius:8px;padding:10px 12px;color:#0b2b3e}.section{padding:clamp(64px,8vw,112px) 0}.section.light{background:#fff}.section.soft{background:#edf4f5}.section.dark{background:var(--navy);color:#fff}.section.dark p{color:#bdd1dc}.section.dark h2,.section.dark h3{color:#fff}.section.dark .eyebrow{color:#7be1e3}.eyebrow{color:#007d8d;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;margin-bottom:20px}.lead{font-size:clamp(17px,1.55vw,20px);line-height:1.7;max-width:690px}.hero{padding-top:95px;padding-bottom:95px;background:radial-gradient(circle at 85% 8%,#e1f0f1 0,transparent 36%),#f8fafb}.hero-grid,.split{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(34px,5vw,80px)}.hero-grid h1{font-size:clamp(42px,5vw,72px)}.hero-grid .lead{max-width:620px}.hero-visual{position:relative}.hero-visual img,.visual img,.wide-visual img{display:block;width:100%;height:auto;border-radius:13px;box-shadow:0 22px 55px #0a273326}.visual-caption{font-size:11px;color:#7b929e;margin-top:12px;letter-spacing:.01em}.section.dark .visual-caption{color:#9fb9c8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.feature{padding:25px;border:1px solid #dce7eb;border-radius:12px;background:#fff}.feature .num{font-size:12px;font-weight:800;letter-spacing:.1em;color:#0097a2;display:block;margin-bottom:15px}.feature p{font-size:14px;line-height:1.7;margin-bottom:0}.section.dark .feature{background:#122b40;border-color:#2b4b60}.section.dark .feature p{color:#bbcfdb}.section.dark .feature h3{color:#fff}.section-heading{max-width:830px}.section-heading p{font-size:17px}.kicker{display:inline-block;padding:6px 11px;background:#dff2f3;border:1px solid #c2e4e6;color:#006c7c;border-radius:99px;font-size:11px;letter-spacing:.09em;font-weight:800;margin-bottom:23px}.dark .kicker{background:#133d4c;color:#7ce6e6;border-color:#255968}.metric-strip{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}.metric-strip span{font-size:12px;letter-spacing:.04em;color:#507286;font-weight:700;border-left:3px solid #0da1a9;padding-left:12px}.dark .metric-strip span{color:#a9c6d5}.footer{background:#061321;color:#a8becb;padding:45px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer p{font-size:12px;color:#9bb5c2;margin:0}.footer-links{display:flex;gap:24px}.footer-links a{font-size:12px;color:#c1d6e0;text-decoration:none}.mini{font-size:12px!important;color:#7a8c97!important;line-height:1.6}.dark .mini{color:#9ab5c2!important}.statement{font-size:clamp(24px,2.8vw,38px);font-family:Manrope,sans-serif;font-weight:800;line-height:1.3;letter-spacing:-.035em;color:#fff;max-width:620px}.split.reverse .visual{order:-1}.dark .button{background:#6cddde;color:#072335!important}.dark .button:hover{background:#b4f0f0}.note{border-left:3px solid #08a6b1;padding-left:17px;font-size:14px!important;margin-top:25px}.list-inline{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.list-inline span{border:1px solid #bcd7de;border-radius:100px;padding:7px 12px;font-size:12px;font-weight:700;color:#345e70}.dark .list-inline span{border-color:#35647b;color:#b8dce2}.contact-card{background:#fff;border:1px solid #dce8ec;border-radius:15px;padding:40px}.contact-card p{margin-bottom:25px}.contact-card a{word-break:break-word}.section .wide-visual{margin-top:36px}.wide-visual img{max-height:570px;object-fit:contain;background:#081729}.bottom-note{padding:17px 0;text-align:center;background:#edf4f5;color:#607b89;font-size:11px}
@media(max-width:900px){.links{gap:16px}.links a{font-size:12px}.nav-cta{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:65px}.hero-grid h1{max-width:800px}.feature-grid{grid-template-columns:1fr 1fr}.split.reverse .visual{order:initial}}@media(max-width:650px){.wrap{padding-left:20px;padding-right:20px}.nav{height:74px}.logo img{width:155px}.menu-button{display:block}.links{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;box-shadow:0 12px 20px #0a26321c;flex-direction:column;align-items:stretch;padding:18px 24px;gap:0}.links.open{display:flex}.links a{padding:12px 0;border-bottom:1px solid #edf1f3}.feature-grid{grid-template-columns:1fr}.section{padding:65px 0}.hero{padding-top:55px;padding-bottom:65px}.contact-card{padding:25px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}.actions .button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Ceryvra Grand Vision — executive-grade technology aesthetic */
:root{--navy:#061525;--teal:#00aebc;--aqua:#61eff0}
.site-header{background:#061525;border-bottom:1px solid #1c4253;box-shadow:0 4px 28px #0002}
.links a{color:#d5e9f0}.links a.active,.links a:hover{color:#6af1e8}.nav-cta{background:#00a7b6;color:#031625!important}
.hero{background:radial-gradient(circle at 73% 40%,#123c55 0%,transparent 45%),linear-gradient(135deg,#061525,#0b2239 80%);color:white;min-height:650px}
.hero h1,.hero h2{color:white}.hero p{color:#c4dbe8}.hero .kicker{color:#9af4e9;background:#0b3849;border:1px solid #21627a}
.hero .visual img{border:1px solid #37738a;box-shadow:0 0 90px #10d8e629,0 28px 80px #0007;aspect-ratio:16/9;object-fit:cover}
.hero .visual-caption{color:#a3bac7}.hero .button{background:#50e5df;color:#041a27!important}.hero .button.alt{background:transparent;border:1px solid #56d9dd;color:white!important}
.hero-grid h1{font-size:clamp(50px,5.5vw,84px);line-height:1.07}.accent{color:#61eff0}.accent-light{color:#0e91ab}.dark .accent-light{color:#6de8e8}
.section{padding-top:78px;padding-bottom:78px}.section.soft{background:#f2f8fb}.section.dark{background:linear-gradient(135deg,#061525,#0d2942)}
.section h2{letter-spacing:-.05em}.section p{line-height:1.65}.feature{border-radius:8px}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.proof-grid>div{border:1px solid #316075;background:#103047;padding:22px 18px;display:flex;flex-direction:column;gap:9px;border-radius:9px}.proof-grid b{color:#69eceb;font-size:13px;letter-spacing:.12em}.proof-grid span{color:#c4d7e1;font-size:13px}
.section.dark .section-heading{max-width:960px}.section.dark .section-heading p{max-width:850px}
.visual img{border-radius:10px}.eyebrow{color:#008c9a}.footer{border-top:2px solid #0e8e9c}
@media(max-width:900px){.hero{min-height:auto}.proof-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-header .links{background:#061525}.site-header .links a{color:#d9eff2}.hero-grid h1{font-size:clamp(42px,11vw,60px)}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div{padding:15px}.section{padding:56px 0}}
