:root{--navy:#0f2a44;--teal:#1fa4a9;--sky:#7fd1d6;--surface:#f7fbfc;--ink:#1e2a32;--section:#e9f3f4}
*{box-sizing:border-box}
html,body{font-family:var(--font-body),sans-serif;color:var(--ink);background:radial-gradient(circle at 100% 0,#dff3f4 0%,#f8fcfd 35%,#f2f8fa 100%);margin:0;padding:0}
a{color:inherit;text-decoration:none}
.page{min-height:100vh;color:var(--ink)}
.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7fbfce6;border-bottom:1px solid #0f2a441a;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0}
.brand h1{font-family:var(--font-heading),sans-serif;color:var(--navy);margin:0;font-size:1.35rem}
.brand{align-items:center;gap:.75rem;display:flex}
.brand-logo{object-fit:contain;background:#fff;border:1px solid #d6e6e8;border-radius:12px}
.brand p{color:#48717b;margin:.15rem 0 0;font-size:.85rem}
.topbar nav{flex-wrap:wrap;gap:1rem;display:flex}
.topbar nav a{border:1px solid #0f2a4424;border-radius:999px;padding:.45rem .8rem;transition:all .18s}
.topbar nav a:hover{background:var(--navy);color:#fff}
.hero{text-align:center;padding:4rem 1.5rem 2rem}
.hero h2{font-family:var(--font-heading),sans-serif;color:var(--navy);margin:0;font-size:clamp(2rem,5vw,3.3rem)}
.hero p{color:#3d5960;max-width:800px;margin:.8rem auto 0;line-height:1.7}
section{max-width:1200px;margin:0 auto;padding:3rem 1.25rem}
.segmented-head{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}
.segmented-head button{color:var(--navy);background:#fff;border:1px solid #cadde0;border-radius:8px;padding:.8rem;font-weight:700}
.segmented-head .active{color:#fff;background:linear-gradient(90deg,#3a63ff,#3759d7)}
.audience-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}
.tab{color:#3558da;text-align:center;background:#fff;border:1px solid #d2dfe1;border-radius:8px;padding:.85rem;font-weight:700}
.tab.active{color:#fff;background:#3b5be0}
.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:1.5rem;display:grid}
.plan-card{background:#fff;border-radius:16px;padding:1.2rem 1.2rem 1.6rem;box-shadow:0 14px 30px #0f2a4414}
.plan-card small{color:#4f63de;font-weight:700}
.plan-card h3{font-family:var(--font-heading),sans-serif;color:#5f70e2;margin-bottom:.15rem}
.plan-card h4{color:#3853d4;margin:0;font-size:2rem}
.plan-card ul{gap:.55rem;margin:1rem 0 1.3rem;padding:0;list-style:none;display:grid}
.feature{color:#496066;grid-template-columns:24px 1fr;align-items:start;gap:.45rem;display:grid}
.feature span{font-weight:900;line-height:1}
.feature.no{opacity:.7;text-decoration:line-through}
.plan-card button,.service-card button{color:#fff;background:linear-gradient(90deg,#8684ec,#3655d9);border:none;border-radius:999px;padding:.7rem 1.5rem;font-weight:800}
.custom-services{text-align:center}
.custom-services h2,.main-services h2,.testimonials h2,.footer h2{color:var(--navy);font-family:var(--font-heading),sans-serif;margin-top:0}
.custom-services>p{color:#3f6368;max-width:760px;margin:0 auto 1.4rem}
.service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}
.service-card{text-align:left;background:#fff;border:1px solid #d4e0e3;border-radius:10px;padding:1rem}
.service-card h3{color:var(--navy);margin:.45rem 0 .2rem}
.service-card h4{color:#3f56d8;margin:0 0 .45rem}
.service-card p{color:#45656a;min-height:66px}
.main-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}
.main-service-card{background:linear-gradient(#e9f3f4b3,#fff);border:1px solid #d7e4e6;border-radius:12px;padding:1rem}
.main-service-card h3{color:var(--navy);margin-top:0}
.main-service-card p{color:#3f6169}
.main-service-card strong{color:#2c4d58}
.main-service-card ul{margin:.75rem 0 0;padding-left:1rem}
.main-service-card li{margin-bottom:.35rem}
.founder{grid-template-columns:1.2fr .8fr;align-items:center;gap:1rem;display:grid}
.founder img{background:#fff;border:1px solid #d8e8ea;border-radius:14px;width:100%;height:auto;object-fit:contain}
.founder p{color:#3c6066}
.founder h3{color:#3556c7;margin-top:0}
.testimonials{background:linear-gradient(150deg,#1fa4a914,#7fd1d626);border-radius:24px}
.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}
.testimonial-grid article{background:#fff;border:1px solid #cde0e5;border-radius:10px;padding:1rem}
.testimonial-grid p{color:#3e5d63;margin-top:0}
.testimonial-grid h4{color:var(--navy);margin-bottom:.1rem}
.footer{text-align:center}
.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.2rem;margin-top:1rem;display:grid}
.contact-info{text-align:left;background:#fff;border:1px solid #cde0e5;border-radius:12px;padding:1rem}
.contact-form{text-align:left;background:#fff;border:1px solid #cde0e5;border-radius:12px;gap:.65rem;padding:1rem;display:grid}
.contact-form h3{color:var(--navy);margin:0 0 .35rem}
.contact-form input,.contact-form textarea{font:inherit;border:1px solid #c7d9dd;border-radius:10px;padding:.75rem .85rem}
.contact-form textarea{resize:vertical;min-height:120px}
.contact-form button{color:#fff;background:linear-gradient(90deg,#8684ec,#3655d9);border:none;border-radius:999px;justify-self:start;padding:.7rem 1.1rem;font-weight:800}
.socials{flex-wrap:wrap;justify-content:flex-start;gap:.8rem;margin-top:1rem;display:flex}
.socials a{background:#fff;border:1px solid #cadde2;border-radius:999px;padding:.5rem .85rem}
@media (max-width:980px){.audience-tabs,.plan-grid,.service-card-grid,.main-service-grid,.testimonial-grid,.founder,.contact-grid{grid-template-columns:1fr}}