:root{--navy:#091f40;--deep:#06152c;--yellow:#ffd600;--blue:#1374d1;--muted:#58677b;--light:#f3f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:white}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.top{position:sticky;top:0;z-index:5;background:white;display:flex;align-items:center;justify-content:space-between;padding:15px max(5vw,20px);box-shadow:0 2px 12px #001b3818;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;font-weight:900;line-height:1}.brand small{font-size:15px;font-weight:600}.mark{background:#12a9ed;color:white;border-radius:8px;padding:9px 13px;font-size:28px}.top nav{display:flex;align-items:center;gap:25px}.top nav a{text-decoration:none;font-weight:700;font-size:14px}.navcta{background:var(--yellow);padding:12px 17px;border-radius:40px}.hero{background:linear-gradient(120deg,#06152c 10%,#0c3261 75%,#174e8e);color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:85px max(5vw,20px);align-items:center}.eyebrow,.kicker{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--yellow)}h1{font-size:clamp(36px,4.5vw,70px);line-height:1.08;margin:20px 0;font-weight:900;letter-spacing:-1px}h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:19px;line-height:1.55;max-width:670px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;text-decoration:none;font-weight:900;border-radius:50px;padding:16px 24px;font-size:14px}.yellow{background:var(--yellow);color:var(--deep)}.outline{border:2px solid white;color:white}.note{font-size:12px!important;opacity:.78}.screen{background:#f8fbff;border:10px solid #15263b;border-radius:20px;box-shadow:0 24px 45px #0006;color:var(--navy);transform:rotate(-2deg)}.screen-head{display:flex;justify-content:space-between;align-items:center;background:#e6edf6;padding:14px;font-size:10px;font-weight:900;letter-spacing:1px}.dot{width:12px;height:12px;border-radius:50%;background:var(--yellow)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px}.tiles div{display:flex;flex-direction:column;align-items:center;gap:12px;background:#e5f0ff;padding:23px 6px;border-radius:10px;font-size:27px}.tiles div:nth-child(2n){background:#fff3a7}.tiles b{font-size:13px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:var(--yellow);padding:23px 5vw;gap:10px;text-align:center}.benefits div{font-size:20px}.benefits b{font-size:15px;margin-left:7px}.section{padding:80px max(5vw,20px)}.section .kicker,.video-section .kicker{color:#b28d00}h2{font-size:clamp(30px,3vw,45px);margin:10px 0 15px}.lead{color:var(--muted);max-width:700px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.card{border:1px solid #dbe4ef;border-radius:16px;padding:24px;background:white;box-shadow:0 7px 25px #001b380a}.card .emoji{font-size:35px}.card h3{margin-bottom:8px}.card p{color:var(--muted);line-height:1.5}.card button{background:var(--navy);color:white;border:0;border-radius:30px;padding:11px 16px;font-weight:700}.video-section{background:var(--light);padding:65px max(5vw,20px);display:grid;grid-template-columns:1fr 1.25fr;gap:35px;align-items:center}.video-section p{line-height:1.6}.video-section video{width:100%;border-radius:16px;background:#000;box-shadow:0 12px 35px #001b3826}.demo{background:#fff}.demo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.demo-tabs button{border:1px solid #b6c9de;background:white;border-radius:40px;padding:12px 18px;font-weight:700;color:var(--navy)}.demo-tabs button.active{background:var(--navy);color:white}.demo-panel{border:1px solid #d7e4f1;background:var(--light);border-radius:18px;padding:25px;min-height:240px}.demo-panel h3{margin-top:0}.demo-panel label{display:block;margin:14px 0;font-weight:700}.demo-panel select,.demo-panel input{width:100%;max-width:450px;padding:12px;border:1px solid #b7c9dd;border-radius:8px;background:white}.demo-panel button{margin:10px 8px 0 0;border:0;border-radius:30px;padding:12px 18px;background:var(--navy);color:white;font-weight:700}.result{margin-top:18px;background:white;border-left:5px solid var(--yellow);padding:17px;line-height:1.6}.contact{text-align:center;background:var(--navy);color:white;padding:75px 20px}.contact p{margin:20px auto 30px;max-width:650px}.contact .note a{color:var(--yellow)}footer{background:#051329;color:white;padding:35px 5vw;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}footer span{font-size:13px}footer small{max-width:720px;color:#b4c7dc;line-height:1.5}@media(max-width:850px){.top{position:relative;flex-direction:column}.top nav{gap:14px;flex-wrap:wrap;justify-content:center}.hero,.video-section{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.hero{padding-top:50px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.hero{gap:30px}.tiles{gap:6px;padding:10px}.tiles div{padding:15px 3px}.brand{font-size:19px}.top nav a{font-size:12px}.benefits b{display:block}.section{padding-top:55px;padding-bottom:55px}}