:root{--navy:#06172b;--navy2:#0a2947;--blue:#1769e8;--cyan:#11bde8;--ink:#10253b;--muted:#63768a;--line:#dbe6f0;--green:#13b981;--orange:#ef8b39;--purple:#7b57d6;--shadow:0 22px 65px rgba(9,39,69,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbff;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;line-height:1.6}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}main{overflow:hidden}.site-header{height:84px;max-width:1220px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:26px;background:#f7fbff}.brand{display:flex;align-items:center;gap:11px;min-width:200px}.brand img{width:80px;height:42px;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{font-size:19px;line-height:1.05}.brand small{font-size:8px;letter-spacing:.17em;color:#718096;margin-top:5px}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700;color:#486078}.nav-links a{transition:.2s}.nav-links a:hover{color:var(--blue)}.menu-toggle{display:none;border:0;background:#e9f3ff;color:#153b63;border-radius:10px;width:42px;height:42px;font-size:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 21px;font-weight:800;font-size:13px;transition:.23s;border:1px solid transparent;text-align:center}.button:hover{transform:translateY(-2px)}.button-small{padding:11px 16px}.button-outline{border-color:#c8daea;color:#173b60;background:#fff}.button-primary{background:linear-gradient(135deg,var(--blue),#069edf);color:#fff;box-shadow:0 12px 28px rgba(23,105,232,.27)}.button-ghost{color:#214462;background:#fff;border-color:#d6e4f0}
.hero{position:relative;max-width:1360px;margin:auto;min-height:660px;padding:78px 70px 92px;display:grid;grid-template-columns:.88fr 1.12fr;gap:60px;align-items:center;background:radial-gradient(circle at 90% 10%,rgba(17,189,232,.15),transparent 31%),linear-gradient(145deg,#fcfeff,#e7f3ff);border-radius:34px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(21,94,151,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,94,151,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to right,#000,transparent);pointer-events:none}.hero>*{position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:25px;height:2px;background:var(--cyan)}h1,h2,h3{margin:0;line-height:1.1}h1{font-size:clamp(46px,5vw,73px);letter-spacing:-.045em;color:#071b31;margin:20px 0 23px}h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),#04a8d8);background-clip:text;color:transparent}.hero-copy>p{max-width:620px;color:var(--muted);font-size:16px;line-height:1.82}.hero-actions{display:flex;gap:12px;margin:32px 0 24px;flex-wrap:wrap}.trust-row{display:flex;flex-wrap:wrap;gap:9px 17px;color:#486078;font-size:11px;font-weight:700}.hero-visual{margin:0;background:#061424;border-radius:18px;overflow:hidden;color:white;box-shadow:0 30px 65px rgba(6,23,43,.29);border:1px solid rgba(255,255,255,.12);transform:perspective(1200px) rotateY(-2deg)}.screen-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.1);font-size:8px;letter-spacing:.14em;color:#83a5c0}.screen-bar i{width:8px;height:8px;border-radius:50%;background:#ff6b66}.screen-bar i:nth-child(2){background:#f8c14e}.screen-bar i:nth-child(3){background:#31cf7a}.screen-bar span{margin-left:8px}.hero-visual>img{width:100%;aspect-ratio:16/9;object-fit:cover}.hero-visual figcaption{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px}.hero-visual figcaption b{font-size:13px}.hero-visual figcaption span{font-size:9px;color:#8da9bf;text-align:right}
.stats{max-width:1120px;margin:-31px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:23px 15px;border:1px solid #edf4f8}.stats div{padding:5px 30px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font-size:19px;color:#123c63}.stats span{font-size:10px;color:#7b8ea0;margin-top:3px}.section,.ribbon-section{max-width:1200px;margin:auto;padding:105px 30px}.section-heading{display:grid;grid-template-columns:1fr .78fr;gap:80px;align-items:end;margin-bottom:42px}.section-heading.center{text-align:center;display:block;max-width:800px;margin:0 auto 45px}.section-heading.center p{margin:18px auto 0;max-width:650px}.section-heading.compact{margin-bottom:30px}.section-heading h2,.gallery-heading h2,.pricing-head h2,.cta h2{font-size:clamp(33px,4vw,50px);letter-spacing:-.035em;margin-top:12px}.section-heading p{color:var(--muted);font-size:14px;line-height:1.85;margin:0}.wide-shot{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);margin:0}.wide-shot img{width:100%;height:auto}.wide-shot figcaption,.gallery-item figcaption{padding:17px 19px;background:#fff}.wide-shot figcaption b,.wide-shot figcaption span,.gallery-item figcaption b,.gallery-item figcaption span{display:block}.wide-shot figcaption b,.gallery-item figcaption b{font-size:13px}.wide-shot figcaption span,.gallery-item figcaption span{font-size:10px;color:var(--muted);margin-top:3px}.gallery-item{cursor:zoom-in}
.feature-section{padding:100px max(30px,calc((100vw - 1200px)/2));background:#edf6ff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;min-height:245px;box-shadow:0 9px 30px rgba(8,34,61,.05);transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:#9bcafa;box-shadow:0 20px 45px rgba(8,80,150,.1)}.feature-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;margin-bottom:25px}.feature-icon.blue{background:var(--blue)}.feature-icon.cyan{background:#00a8c6}.feature-icon.green{background:var(--green)}.feature-icon.orange{background:var(--orange)}.feature-icon.purple{background:var(--purple)}.feature-icon.slate{background:#405a77}.feature-card h3{font-size:18px}.feature-card p{font-size:12px;color:var(--muted);line-height:1.8;min-height:66px}.feature-card>span:last-child{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.03em}
.gallery-section{background:var(--navy);color:#fff;padding:105px max(30px,calc((100vw - 1240px)/2))}.gallery-heading{text-align:center;max-width:760px;margin:0 auto 70px}.kicker-light{color:#57d5ee}.gallery-heading p{color:#9eb3c5;font-size:13px;line-height:1.8}.gallery-group{margin:0 0 90px}.gallery-group:last-child{margin-bottom:0}.group-title{display:flex;align-items:flex-start;gap:18px;margin-bottom:27px}.group-title>span{width:42px;height:42px;border-radius:12px;background:#0c75df;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.group-title h3{font-size:24px}.group-title p{font-size:11px;color:#91aabd;margin:7px 0 0}.gallery-grid{display:grid;gap:16px}.gallery-grid.three{grid-template-columns:repeat(3,1fr)}.gallery-grid.two{grid-template-columns:repeat(2,1fr)}.gallery-grid .gallery-item{margin:0;border-radius:16px;overflow:hidden;background:#0c263e;border:1px solid rgba(255,255,255,.13);box-shadow:0 20px 42px rgba(0,0,0,.2);transition:.25s}.gallery-grid .gallery-item:hover{transform:translateY(-4px);border-color:rgba(69,191,255,.62)}.gallery-grid .gallery-item img{width:100%;aspect-ratio:16/9;object-fit:cover}.gallery-grid .gallery-item.fit-contain img{object-fit:contain;background:#eef3f7}.gallery-grid .gallery-item figcaption{background:#0c263e}.gallery-grid .gallery-item figcaption span{color:#91aabd}
.pricing-section{background:#eaf5ff;padding:105px max(30px,calc((100vw - 1200px)/2))}.pricing-head{text-align:center;max-width:650px;margin:0 auto 42px}.pricing-head h2{margin:14px 0}.pricing-head p{font-size:12px;color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.price-card{position:relative;background:#fff;border:1px solid #d5e5f2;border-radius:18px;padding:26px 23px}.price-card.featured{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-9px);box-shadow:0 20px 50px rgba(6,23,43,.22)}.price-badge{position:absolute;right:15px;top:15px;background:#ffc850;color:#573600;padding:5px 8px;border-radius:20px;font-size:7px;font-weight:800;letter-spacing:.08em}.price-card h3{font-size:15px;color:#557089}.price-card.featured h3{color:#9fb5ca}.price-card>strong{display:block;font-size:27px;margin:14px 0 3px}.price-card>p{font-size:9px;color:#71869a;min-height:31px}.price-card ul{list-style:none;padding:16px 0;margin:16px 0;border-top:1px solid #e4edf4}.price-card.featured ul{border-color:rgba(255,255,255,.12)}.price-card li{font-size:9px;padding:5px 0;color:#587087}.price-card.featured li{color:#b4c6d6}.button-price{width:100%;background:#edf5fc;color:#1a568e}.featured .button-price{background:#0e7ce7;color:#fff}.cta{max-width:1200px;margin:100px auto 45px;padding:62px 68px;border-radius:27px;background:linear-gradient(125deg,#1769e8,#06a5d6);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 25px 55px rgba(8,105,237,.22)}.cta h2{font-size:40px;margin:12px 0}.cta p{font-size:12px;color:#dbf5ff;max-width:700px}.cta-actions{display:flex;flex-direction:column;min-width:200px;gap:9px}.button-white{background:#fff;color:#0759b5}.button-outline-white{border-color:rgba(255,255,255,.55);color:#fff}footer{max-width:1200px;margin:auto;padding:25px 30px 50px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#708296;font-size:9px}footer p{text-align:center}footer>span{text-align:right}.brand-footer img{width:66px}.floating-wa{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#1ecb73;color:#fff;font-weight:800;font-size:12px;box-shadow:0 12px 30px rgba(22,173,105,.35);z-index:9}
.lightbox{width:min(1180px,92vw);max-width:none;border:0;padding:0;border-radius:18px;background:#061424;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.55);overflow:hidden}.lightbox::backdrop{background:rgba(1,10,20,.82);backdrop-filter:blur(6px)}.lightbox img{width:100%;max-height:75vh;object-fit:contain;background:#020912}.lightbox>div{padding:20px 24px}.lightbox h3{font-size:20px}.lightbox p{font-size:12px;color:#9fb5c7;margin:6px 0 0}.lightbox-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(4,20,36,.82);color:#fff;font-size:25px;cursor:pointer;z-index:2}
@media(max-width:980px){.nav-links{position:absolute;z-index:20;top:72px;left:20px;right:20px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;gap:4px}.nav-links.open{display:flex}.nav-links a{padding:11px 13px}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.hero{grid-template-columns:1fr;padding:65px 36px}.hero-visual{transform:none}.section-heading{grid-template-columns:1fr;gap:18px}.feature-grid,.gallery-grid.three,.pricing-grid{grid-template-columns:repeat(2,1fr)}.cta{margin:75px 24px}.stats{margin:-25px 25px 0}}
@media(max-width:640px){.site-header{height:72px;padding:0 18px}.brand{min-width:0}.brand img{width:64px}.brand span{display:none}.hero{margin:0 10px;padding:53px 22px;border-radius:24px;gap:42px;min-height:auto}h1{font-size:44px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{margin:0 -11px}.hero-visual figcaption{display:block}.hero-visual figcaption span{display:block;text-align:left;margin-top:4px}.stats{grid-template-columns:1fr 1fr;padding:11px}.stats div{padding:12px 15px}.stats div:nth-child(2){border-right:0}.section,.ribbon-section,.feature-section,.gallery-section,.pricing-section{padding:78px 20px}.feature-grid,.gallery-grid.two,.gallery-grid.three,.pricing-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.group-title h3{font-size:20px}.price-card.featured{transform:none}.cta{padding:45px 24px;display:block}.cta-actions{margin-top:26px}footer{grid-template-columns:1fr;text-align:center;gap:14px}footer p,footer>span{text-align:center}.brand-footer{justify-content:center}.brand-footer span{display:block}}