:root{--navy:#08233f;--orange:#f47c18;--bg:#f7fafd;--muted:#6c7f92;--line:#dfe8f0;--white:#fff;--green:#21b487}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#18324b;background:var(--bg);overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 44px));margin:auto}.header{height:82px;background:#ffffffe8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:28px}.logo{width:142px}.links{display:flex;gap:18px;margin-left:auto}.links a{font-size:13px;font-weight:700;color:#35506a}.links a:hover{color:var(--orange)}.btn{display:inline-flex;padding:13px 20px;border-radius:999px;font-size:13px;font-weight:800;border:1px solid transparent;transition:.3s}.orange{background:var(--orange);color:#fff;box-shadow:0 10px 30px #f47c1838}.orange:hover{transform:translateY(-3px)}.outline{background:#fff;border-color:#b9c9d8;color:var(--navy)}.hero{padding:92px 0 105px;background:radial-gradient(circle at 80% 20%,#e6f1fa,transparent 34%),linear-gradient(#fff,#f5f9fc)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--orange);margin-bottom:15px}.hero h1,.page h1{font-size:clamp(45px,6vw,76px);line-height:.98;letter-spacing:-.055em;color:var(--navy);margin:0}.hero h1 span,h2 span,.page h1 span{color:var(--orange)}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.proofs{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.proof{background:#edf4fa;border:1px solid #dce8f2;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;color:var(--navy)}.app{position:relative;transform:perspective(1200px) rotateY(-3deg);transition:.5s}.app:hover{transform:perspective(1200px) rotateY(0) translateY(-5px)}.frame{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 35px 90px #08233f2f}.bar{height:38px;background:#f6f9fc;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 13px}.dot{width:7px;height:7px;border-radius:50%;background:#c9d5df}.bar small{margin-left:auto;color:#7c8da0}.app img{display:block;width:100%}.chip{position:absolute;right:-20px;top:30px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px #08233f20;border-radius:14px;padding:12px 14px;font-size:11px;font-weight:800;animation:float 4s ease-in-out infinite}.chip.bottom{top:auto;bottom:25px}@keyframes float{50%{transform:translateY(-9px)}}@keyframes rise{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.reveal{animation:rise .8s both}.section{padding:100px 0}.soft{background:#fff}.head{text-align:center;max-width:750px;margin:0 auto 45px}.head h2,.section h2,.dark h2,.cta h2{font-size:clamp(35px,4vw,54px);line-height:1.02;letter-spacing:-.045em;color:var(--navy);margin:0 0 17px}.head p{font-size:17px;line-height:1.7;color:var(--muted)}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.module,.feature,.detail{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 10px 35px #08233f0d;transition:.35s}.module:hover,.feature:hover{transform:translateY(-8px);box-shadow:0 25px 60px #08233f18}.icon{width:56px;height:56px;border-radius:17px;background:#edf4fa;display:grid;place-items:center;font-size:24px;color:var(--orange);margin-bottom:18px}.module h3{font-size:24px;color:var(--navy);margin:0 0 10px}.module p,.feature p,.detail p{font-size:13px;line-height:1.65;color:var(--muted)}.module ul{padding:0;list-style:none}.module li{font-size:13px;margin:10px 0}.module li:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}.link{font-weight:850;font-size:13px;color:var(--navy)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{padding:23px}.feature h3{font-size:17px;color:var(--navy);margin:12px 0 7px}.feature .icon{margin:0}.screens{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.screen{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 42px #08233f12;transition:.35s}.screen:hover{transform:translateY(-8px) scale(1.01)}.screen img{display:block;width:100%}.caption{padding:18px}.caption b{display:block;color:var(--navy);margin-bottom:6px}.caption span{font-size:12px;color:var(--muted)}.dark{padding:100px 0;background:linear-gradient(120deg,#071f38,#0c355b);color:#fff}.dark h2{color:#fff}.dark p{color:#bfd0df;line-height:1.7}.dark .feature{background:#ffffff0d;border-color:#ffffff1a}.dark .feature h3{color:#fff}.ai{background:#fff;border:1px solid var(--line);border-radius:30px;padding:48px;box-shadow:0 22px 70px #08233f18}.cta{padding:90px 0}.cta-box{background:var(--navy);border-radius:32px;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{color:#fff}.cta p{color:#bfd0df;line-height:1.7}.footer{background:#fff;border-top:1px solid var(--line);padding:45px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer img{width:145px}.footer a,.footer p{display:block;font-size:12px;color:var(--muted);margin:9px 0}.footer h4{color:var(--navy);margin:0 0 14px}.copy{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:11px;color:#8a9aaa}.page{padding:85px 0 65px;background:linear-gradient(#fff,#f3f8fb)}.page p{font-size:18px;line-height:1.7;color:var(--muted);max-width:800px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail h3{color:var(--navy)}@media (max-width:1000px){.links{display:none}.grid,.modules{grid-template-columns:1fr}.features,.screens{grid-template-columns:1fr 1fr}.screens .screen:first-child{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{flex-direction:column;align-items:flex-start}}@media (max-width:650px){.container{width:calc(100% - 28px)}.hero,.section{padding:70px 0}.hero h1,.page h1{font-size:45px}.features,.screens,.detail-grid{grid-template-columns:1fr}.screens .screen:first-child{grid-column:auto}.chip{display:none}.app{transform:none}.cta-box{padding:30px}}
