body{background:linear-gradient(180deg,#f8fbfc 0,#f4f8fa 26%,#edf4f7 100%)}
.site-header{position:sticky;top:0;z-index:50;max-width:none;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2));border-bottom:1px solid rgba(23,58,103,.08);backdrop-filter:blur(16px)}
.hero{position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(57,168,166,.11);filter:blur(2px);left:-210px;top:30px;z-index:-1}
.hero-copy:after{content:"";display:block;width:72px;height:5px;background:linear-gradient(90deg,var(--navy),var(--gold));margin-top:46px;border-radius:20px}
.signal-card{border-radius:10px;box-shadow:20px 20px 0 rgba(57,168,166,.8),0 30px 70px rgba(23,58,103,.22);transform:rotate(.5deg)}
.signal-card:after{content:"DASHBOARD PREVIEW";position:absolute;right:25px;bottom:70px;font-size:9px;letter-spacing:1.8px;color:rgba(255,255,255,.3);transform:rotate(-90deg);transform-origin:right bottom}
.pro-grid{background:rgba(9,33,62,.18);backdrop-filter:blur(8px)}
.pro-grid div{transition:background .2s}.pro-grid div:hover{background:rgba(57,168,166,.13)}
.problem{position:relative}.problem:before{content:"";position:absolute;top:110px;left:24px;width:46px;height:4px;background:var(--gold)}
.service-grid{gap:20px}.service-grid article{border-radius:8px;box-shadow:0 8px 30px rgba(23,58,103,.06);border:1px solid rgba(23,58,103,.07);border-top:4px solid transparent}.service-grid article:hover{box-shadow:0 18px 42px rgba(23,58,103,.12);border-top-color:var(--gold)}
.plans{max-width:none;background:#fff;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2))}
.plans-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end;margin-bottom:52px}.plans-heading h2{font-size:50px;line-height:1.06;letter-spacing:-2.7px;max-width:690px}.plans-heading>p{color:var(--muted);font-size:17px;margin:0 0 7px}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.plan-card{border:1px solid #dce6eb;border-radius:10px;padding:30px;display:flex;flex-direction:column;min-height:520px;position:relative;background:#fff;transition:transform .22s,box-shadow .22s}
.plan-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(23,58,103,.12)}
.plan-card.featured{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 20px 55px rgba(23,58,103,.2)}
.plan-card.featured:before{content:"MOST POPULAR";position:absolute;top:-14px;right:20px;background:var(--gold);color:#fff;padding:7px 12px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:1.2px}
.plan-top{display:flex;justify-content:space-between;align-items:center;color:#74859a}.plan-top span{font:800 13px "Manrope"}.plan-top small{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#247f7d}.featured .plan-top{color:#91a6c0}.featured .plan-top small{color:#6ed1ce}
.plan-card h3{font:800 31px "Manrope";letter-spacing:-1px;margin:38px 0 8px}.plan-summary{color:#62758a;min-height:78px}.featured .plan-summary{color:#b8c5d5}
.plan-card ul{list-style:none;padding:22px 0 18px;margin:0;border-top:1px solid #e3eaee;flex:1}.featured ul{border-color:#36577e}
.plan-card li{position:relative;padding:7px 0 7px 27px;color:#465d75;font-size:15px}.featured li{color:#d8e1eb}
.plan-card li:before{content:"✓";position:absolute;left:0;top:7px;color:var(--gold);font-weight:800}
.plan-card>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3eaee;padding-top:20px;color:var(--navy);font-weight:800}.featured>a{border-color:#36577e;color:#6ed1ce}
.process{background:linear-gradient(120deg,#102d52,#173a67 62%,#1d527a)}
.contact form{border-radius:10px;border:1px solid rgba(23,58,103,.08)}
@media(max-width:900px){.plans-heading{grid-template-columns:1fr;gap:20px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}.plan-summary{min-height:0}.signal-card{transform:none}}
@media(max-width:560px){.plans-heading h2{font-size:39px;letter-spacing:-2px}.signal-card:after{display:none}}
@media(min-width:901px){.problem:before{top:74px}}