:root{--blue:#08639f;--navy:#10283f;--ink:#162c40;--muted:#6c7f90;--pale:#edf5fa;--line:#dce8f0;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.wrap{max-width:1200px;margin:auto;padding:0 28px}.nav{position:sticky;top:0;z-index:10;background:#fffffff0;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.03em}.brand img{width:40px;height:40px;object-fit:contain}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.08em;margin-top:3px}.links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:650}.links a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;background:var(--blue);color:white;font-size:13px;font-weight:750;border:1px solid var(--blue);transition:.2s}.button:hover{background:#064c7b;transform:translateY(-1px)}.button.alt{background:white;color:var(--blue);border-color:#b9d2e5}.button.dark{background:var(--navy);border-color:var(--navy)}.hero{padding:96px 0 65px;overflow:hidden}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--blue);text-transform:uppercase}.hero h1{font-size:clamp(42px,6.5vw,88px);letter-spacing:-.065em;line-height:1.03;max-width:940px;margin:24px 0}.hero p{max-width:620px;color:var(--muted);line-height:1.85;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.showcase{margin-top:64px;border-radius:24px;background:linear-gradient(130deg,#f1f7fb,#dcecf6);padding:22px;box-shadow:0 35px 80px #123c6110}.mock{background:white;border:1px solid #dce8ef;border-radius:18px;overflow:hidden;box-shadow:0 14px 30px #1739520c}.mockbar{height:46px;background:#f9fbfd;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 17px;gap:7px}.dot{width:9px;height:9px;border-radius:50%;background:#cddce7}.mockbody{display:grid;grid-template-columns:170px 1fr;min-height:300px}.mockside{background:var(--navy);padding:24px 18px;color:#eaf4fc;font-size:12px}.mockside div{padding:12px 8px;border-radius:8px;margin:4px 0}.mockside div:first-child{background:#ffffff18}.mockmain{padding:28px}.mockmetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.mockmetrics div{background:#f4f8fb;padding:20px;border:1px solid var(--line);border-radius:12px}.mockmetrics small{display:block;color:var(--muted);font-size:11px}.mockmetrics strong{display:block;font-size:23px;margin-top:8px}.bars{height:100px;display:flex;gap:10px;align-items:end}.bars i{flex:1;background:linear-gradient(#3a91c4,#08639f);border-radius:5px 5px 0 0}.section{padding:100px 0}.soft{background:#f5f9fc}.darksection{background:var(--navy);color:white}.section h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.05em;line-height:1.12;max-width:780px;margin:16px 0 20px}.lead{color:var(--muted);line-height:1.8;max-width:760px;font-size:16px}.darksection .lead{color:#b7ccdc}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}.feature{border:1px solid var(--line);border-radius:17px;padding:25px;background:#fff;min-height:190px}.feature .icon{font-size:25px;margin-bottom:23px}.feature h3{font-size:17px;margin:0 0 10px}.feature p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.list{padding:0;list-style:none}.list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.list li:before{content:'✓';color:var(--blue);font-weight:900;margin-right:12px}.statbox{padding:40px;border-radius:22px;background:var(--pale)}.statbox strong{display:block;font-size:40px;color:var(--blue);letter-spacing:-.05em}.statbox span{color:var(--muted);font-size:14px}.pricegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.price{background:#fff;border:1px solid var(--line);border-radius:19px;padding:27px;display:flex;flex-direction:column;gap:14px}.price.featured{border:2px solid var(--blue);box-shadow:0 18px 35px #08639f14}.price h3{margin:0;font-size:19px}.price .amount{font-size:30px;font-weight:850;letter-spacing:-.04em}.price .amount small{font-size:12px;font-weight:500;color:var(--muted)}.price p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.price ul{padding-left:19px;font-size:12px;color:#4c6377;line-height:1.85;flex:1}.price .button{width:100%}.tag{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.1em}.phase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.phase div{border-top:2px solid var(--blue);padding-top:18px}.phase b{color:var(--blue);font-size:13px}.phase h3{margin:10px 0}.phase p{font-size:13px;line-height:1.7;color:var(--muted)}.cta{text-align:center;padding:85px 30px;border-radius:24px;background:var(--navy);color:white}.cta h2{margin:10px auto;max-width:700px}.cta p{color:#b7ccdc}.cta .actions{justify-content:center}.footer{padding:35px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footrow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.notice{font-size:12px;color:var(--muted);line-height:1.7;margin-top:20px}.mobilemenu{display:none}@media(max-width:900px){.links{gap:12px}.links a:not(.button){display:none}.grid,.pricegrid,.phase{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.hero{padding-top:70px}}@media(max-width:600px){.wrap{padding:0 18px}.hero{padding:56px 0}.hero h1{font-size:45px}.hero p{font-size:14px}.section{padding:65px 0}.grid,.pricegrid,.phase{grid-template-columns:1fr}.mockbody{grid-template-columns:1fr}.mockside{display:none}.mockmain{padding:15px}.mockmetrics div{padding:12px}.mockmetrics strong{font-size:16px}.showcase{padding:10px;margin-top:35px}.navin{height:66px}.brand{font-size:12px}.brand img{width:32px;height:32px}.links .button{padding:10px 12px}.section h2{font-size:34px}.cta{padding:55px 20px}}