:root{--sl-navy:#071b33;--sl-ink:#0b1a2d;--sl-gold:#c89f48;--sl-cream:#f7f4ee;--sl-line:#dfe6ef;--sl-muted:#5d7087;--sl-card:#fff;--sl-shadow:0 30px 80px rgba(6,29,55,.12)}
html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;color:var(--sl-ink);background:#fff}img{max-width:100%;height:auto}
.container,.wrap{max-width:1280px}
.sl-site-header{position:sticky;top:0;z-index:130;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(7,27,51,.08)}
.sl-nav{min-height:80px}
.sl-brand img{object-fit:contain}
.sl-menu a{transition:all .2s ease}.sl-menu a:hover{transform:translateY(-1px)}
.sl-menu .sl-crm{position:relative}.sl-menu .sl-crm:after{content:'EASY CRM';font-size:8px;letter-spacing:.06em;margin-left:6px;padding:3px 6px;border-radius:999px;background:#071b33;color:#fff;vertical-align:middle}
.sl-anchorbar{position:sticky;top:80px;z-index:105;background:rgba(247,244,238,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(7,27,51,.08)}
.sl-anchorbar a{position:relative}.sl-anchorbar a.is-active{color:#071b33;font-weight:900}.sl-anchorbar a.is-active:after{content:'';position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--sl-gold);border-radius:99px}
.sl-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#06172d 0%,#0b2749 52%,#102f52 100%);min-height:700px;padding:80px 0 100px;color:#fff}
.sl-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(200,159,72,.18),transparent 32%),linear-gradient(90deg,rgba(4,18,35,.96) 0%,rgba(4,18,35,.83) 43%,rgba(4,18,35,.18) 75%,rgba(4,18,35,.28));pointer-events:none}
.sl-hero-inner{position:relative;z-index:4;max-width:650px}.sl-hero h1{font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.04em;margin:18px 0 20px}.sl-hero p{font-size:clamp(17px,2vw,21px);line-height:1.7;color:#dce7f4;max-width:62ch}
.sl-hero-visual{position:absolute;right:2.5%;top:90px;width:min(54vw,720px);height:560px;z-index:2;perspective:1400px}.sl-hero-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:sl-hero-breathe 11s ease-in-out infinite}
.sl-hero-layer{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:26px;box-shadow:0 35px 100px rgba(0,0,0,.35);transform-style:preserve-3d;background:#10233b}.sl-hero-layer img{width:100%;height:100%;object-fit:cover;display:block}.sl-hero-layer.main{inset:30px 0 70px 90px;transform:translateZ(70px) rotateY(-9deg) rotateX(2deg);animation:sl-hero-float 8s ease-in-out infinite}.sl-hero-layer.left{width:270px;height:220px;left:0;bottom:0;transform:translateZ(120px) rotateY(13deg) rotateX(-3deg);animation:sl-hero-float2 9s ease-in-out infinite}.sl-hero-layer.right{width:250px;height:210px;right:-2%;top:30px;transform:translateZ(100px) rotateY(-16deg) rotateX(4deg);animation:sl-hero-float3 10s ease-in-out infinite}.sl-hero-layer:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 35%,rgba(0,0,0,.2))}
.sl-float-card,.sl-float-pill{z-index:5}.sl-float-card{display:none}.sl-float-pill{background:rgba(7,27,51,.9)!important;color:#fff!important;box-shadow:0 15px 40px rgba(0,0,0,.25)}
.sl-btn{min-height:48px;padding:0 22px;border-radius:999px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,box-shadow .2s ease}.sl-btn:hover{transform:translateY(-2px)}.sl-btn-gold{box-shadow:0 18px 40px rgba(200,159,72,.18)}
.section{scroll-margin-top:132px}.section .container{position:relative}.section h2{font-size:clamp(30px,4.2vw,48px);line-height:1.08;letter-spacing:-.03em}.section p,.section li{line-height:1.8}
.sl-mega-section{padding:100px 0}.sl-mega-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.sl-mega-grid.reverse{grid-template-columns:.95fr 1.05fr}.sl-mega-copy h2{margin:10px 0 18px}.sl-mega-copy .lead{font-size:18px;color:var(--sl-muted);line-height:1.8}.sl-mega-card{border:1px solid var(--sl-line);background:#fff;border-radius:28px;box-shadow:var(--sl-shadow);padding:30px}.sl-mega-card h3{font-size:24px;margin:0 0 14px}.sl-mega-card p{color:var(--sl-muted)}
.sl-real-photo{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--sl-shadow);border:1px solid rgba(7,27,51,.08);transform-style:preserve-3d;will-change:transform}.sl-real-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%,rgba(0,0,0,.16));z-index:1;pointer-events:none}.sl-real-photo img{display:block;width:100%;height:100%;object-fit:cover;min-height:380px;transition:transform 1.3s cubic-bezier(.2,.65,.2,1)}.sl-real-photo:hover img{transform:scale(1.035)}
.sl-metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.sl-metric{padding:22px;border-radius:20px;background:linear-gradient(180deg,#fff,#f6f8fb);border:1px solid var(--sl-line)}.sl-metric strong{font-size:28px;display:block}.sl-metric span{font-size:12px;color:var(--sl-muted)}
.sl-package-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.sl-package{border:1px solid var(--sl-line);border-radius:24px;padding:24px;background:#fff;box-shadow:0 12px 30px rgba(7,27,51,.05);transition:transform .2s ease,box-shadow .2s ease}.sl-package:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(7,27,51,.1)}.sl-package .price{font-size:32px;font-weight:950;color:#071b33;margin:9px 0 13px}.sl-package small{color:var(--sl-muted);line-height:1.6}.sl-package .tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f4ecda;color:#765512;font-size:9px;font-weight:900;letter-spacing:.08em}
.sl-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sl-content-card{border:1px solid var(--sl-line);border-radius:22px;padding:24px;background:#fff}.sl-content-card h3{margin:0 0 10px}.sl-content-card p{margin:0;color:var(--sl-muted)}
.sl-scroll-stage{display:flex;overflow-x:auto;gap:14px;padding-bottom:8px;scroll-snap-type:x mandatory}.sl-scroll-stage>.sl-content-card{min-width:300px;scroll-snap-align:start}
.sl-crm-easy{background:linear-gradient(130deg,#071b33,#0e3458);color:#fff;border-radius:32px;padding:40px;box-shadow:0 28px 80px rgba(7,27,51,.23)}.sl-crm-easy h2{color:#fff}.sl-crm-step{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.sl-crm-step b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--sl-gold);color:#071b33;flex:0 0 auto}.sl-crm-easy p{color:#d9e7f6}
.sl-agreement-box{border:1px solid var(--sl-line);border-radius:22px;padding:24px;background:linear-gradient(180deg,#fff,#fbfcfe)}.sl-agreement-box .warn{padding:14px 16px;background:#fff7e5;border-left:4px solid var(--sl-gold);border-radius:12px;color:#5a471f}
.sl-footer-note{font-size:12px;color:#718298}
@keyframes sl-hero-float{0%,100%{transform:translateZ(70px) rotateY(-9deg) rotateX(2deg) translateY(0)}50%{transform:translateZ(78px) rotateY(-6deg) rotateX(3deg) translateY(-12px)}}
@keyframes sl-hero-float2{0%,100%{transform:translateZ(120px) rotateY(13deg) rotateX(-3deg) translateY(0)}50%{transform:translateZ(135px) rotateY(10deg) rotateX(-2deg) translateY(-14px)}}
@keyframes sl-hero-float3{0%,100%{transform:translateZ(100px) rotateY(-16deg) rotateX(4deg) translateY(0)}50%{transform:translateZ(115px) rotateY(-11deg) rotateX(4deg) translateY(-10px)}}
@keyframes sl-hero-breathe{0%,100%{transform:rotateX(1deg) rotateY(0deg)}50%{transform:rotateX(-1deg) rotateY(1.5deg)}}
@media(max-width:1100px){.sl-hero-visual{opacity:.65;right:-10%;width:58vw}.sl-package-grid{grid-template-columns:repeat(3,1fr)}.sl-content-grid{grid-template-columns:repeat(2,1fr)}.sl-mega-grid,.sl-mega-grid.reverse{grid-template-columns:1fr}.sl-real-photo img{min-height:330px}.sl-metric-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sl-site-header{position:sticky}.sl-anchorbar{top:72px}.sl-hero{min-height:820px;padding-top:58px}.sl-hero-inner{max-width:none}.sl-hero-visual{position:relative;top:auto;right:auto;width:100%;height:420px;margin-top:28px;opacity:1}.sl-hero-layer.main{inset:18px 6% 60px 16%}.sl-hero-layer.left{width:220px;height:175px;left:0}.sl-hero-layer.right{width:200px;height:165px;right:0}.sl-package-grid{grid-template-columns:1fr 1fr}.sl-mega-section{padding:78px 0}}
@media(max-width:640px){.sl-hero{min-height:780px}.sl-hero h1{font-size:42px}.sl-hero-visual{height:325px}.sl-hero-layer.main{inset:15px 4% 48px 12%;border-radius:20px}.sl-hero-layer.left{width:150px;height:115px;border-radius:18px}.sl-hero-layer.right{width:145px;height:105px;border-radius:18px}.sl-package-grid,.sl-content-grid,.sl-metric-row{grid-template-columns:1fr}.sl-mega-section{padding:64px 0}.sl-mega-card,.sl-crm-easy{padding:22px}.sl-real-photo img{min-height:250px}.sl-menu .sl-crm:after{display:none}.sl-anchorbar .container,.sl-anchorbar .wrap{overflow-x:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* robust mobile menu */
@media(max-width:900px){.sl-menu{display:none!important;position:absolute!important;left:14px;right:14px;top:calc(100% + 8px);max-height:calc(100vh - 90px);overflow:auto!important}.sl-menu.sl-open{display:flex!important}.sl-toggle{display:flex!important}.navlinks{z-index:140}.navlinks.open{display:flex!important}.sl-menu a,.navlinks a{min-height:44px}}

.sl-page-photo{margin:24px 0 34px;border-radius:28px;overflow:hidden;aspect-ratio:16/7;transform:perspective(1200px) rotateX(0deg) rotateY(0deg);box-shadow:0 28px 80px rgba(0,0,0,.24);transition:transform .55s ease,box-shadow .55s ease}.sl-page-photo img{width:100%;height:100%;object-fit:cover;display:block}.sl-page-photo:hover{transform:perspective(1200px) rotateX(1.2deg) rotateY(-1.2deg) translateY(-3px);box-shadow:0 34px 90px rgba(0,0,0,.30)}
@media (max-width:700px){.sl-page-photo{aspect-ratio:16/10;border-radius:20px;margin:18px 0 26px}}