:root{--blue:#0b63ce;--blue2:#0875ee;--navy:#071b30;--ink:#102337;--muted:#657689;--line:#dce6ef;--bg:#f5f8fb;--white:#fff;--cyan:#17b6ed;--green:#1aae82;--wrap:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.wrap{width:var(--wrap);margin-inline:auto}label{display:block;color:var(--blue);font:800 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,strong{font-family:Manrope,Inter,sans-serif}h1,h2,h3,p{margin-top:0}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-row{height:76px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:10px;min-width:0}.logo-symbol{width:40px;height:40px;background:var(--blue);border-radius:10px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(11,99,206,.22);transform:skew(-5deg)}.logo-symbol span{font:800 20px/1 Manrope;letter-spacing:-.09em;transform:skew(5deg)}.logo-text strong{display:block;font-size:15px;line-height:1.05;white-space:nowrap}.logo-text small{display:block;color:#708093;font-size:8px;letter-spacing:.14em;margin-top:4px;white-space:nowrap}.nav{display:flex;gap:22px;margin-left:auto}.nav a{font-size:12px;font-weight:700;color:#526679}.nav a:hover{color:var(--blue)}.call-top{background:var(--blue);color:#fff;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:800;white-space:nowrap}.menu{display:none;border:0;background:none;padding:8px}.menu i{display:block;width:23px;height:2px;background:var(--ink);margin:4px;border-radius:2px}.mobile-menu{padding:8px 20px 18px;background:#fff;border-top:1px solid var(--line);box-shadow:0 15px 25px rgba(7,27,48,.08)}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:13px;font-weight:700}.mobile-call{color:var(--blue)!important}
.hero{background:#fff}.hero-grid{min-height:600px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:65px 0 55px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #cfe1f4;background:#f3f8fd;color:#33607f;padding:8px 12px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow span{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(26,174,130,.11)}h1{font-size:clamp(43px,5.5vw,72px);line-height:1.03;letter-spacing:-.055em;margin:21px 0 22px;max-width:700px}h1 b{color:var(--blue);font-weight:800}.hero-copy>p{max-width:620px;color:#5d6e80;font-size:clamp(15px,1.4vw,18px);margin-bottom:28px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:9px;font-size:12px;font-weight:800;border:1px solid transparent}.primary{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(11,99,206,.2)}.secondary{background:#eef5fb;border-color:#d6e4ef;color:var(--ink)}.directions{color:var(--blue);font-size:12px;font-weight:800;padding:10px 3px;margin-left:5px}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);margin-top:30px;padding-top:20px;color:#8291a0;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-meta b{color:#41566a;margin-left:5px}
.laptop-visual{position:relative;min-height:430px;border:1px solid #d7e4ee;border-radius:24px;background:#f1f7fb;overflow:hidden;display:grid;place-items:center}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(11,99,206,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(11,99,206,.075) 1px,transparent 1px);background-size:32px 32px}.tech-line{position:absolute;border:1px solid rgba(11,99,206,.18)}.line-a{width:170px;height:170px;border-radius:50%;right:-55px;top:-55px}.line-b{width:210px;height:1px;left:-35px;bottom:82px;transform:rotate(-28deg)}.laptop{width:min(440px,82%);position:relative;z-index:2;filter:drop-shadow(0 25px 24px rgba(7,27,48,.18))}.screen{height:245px;border:8px solid #172b3d;border-bottom-width:11px;border-radius:13px 13px 4px 4px;background:#0d2134;position:relative;overflow:hidden}.screen:before{content:"";position:absolute;inset:24px 25px;background:linear-gradient(135deg,#0d385c,#0b63ce 62%,#0c2740);border:1px solid #3a6480;border-radius:3px}.screen-top,.screen-content{position:absolute;z-index:2}.screen-top{left:36px;right:36px;top:13px;display:flex;justify-content:space-between;color:#bfe9ff;font-size:7px;letter-spacing:.12em;font-weight:800}.screen-content{left:48px;bottom:45px;display:grid;gap:7px;color:#fff;font-size:10px}.screen-content b{font:800 19px Manrope;letter-spacing:-.03em}.screen-content span{color:#b9dcf4;font-size:8px;letter-spacing:.12em}.hinge{width:70%;height:8px;background:#8999a8;margin:0 auto}.deck{height:55px;background:#bcc8d2;border-radius:0 0 12px 12px;position:relative;transform:perspective(250px) rotateX(30deg);transform-origin:top}.keyboard{position:absolute;width:50%;height:24px;left:8%;top:6px;background:repeating-linear-gradient(90deg,#6e7e8d 0 7px,#b9c5ce 7px 9px),repeating-linear-gradient(0deg,transparent 0 5px,#6e7e8d 5px 7px);opacity:.75}.trackpad{position:absolute;width:25%;height:25px;left:60%;top:7px;border:1px solid #8d9eac;border-radius:3px}.visual-label{position:absolute;right:18px;bottom:18px;z-index:4;background:#092039;color:#fff;border-radius:8px;padding:10px 12px}.visual-label small{display:block;color:#66d5ff;font-size:7px;letter-spacing:.14em;font-weight:800}.visual-label strong{display:block;font-size:9px;margin-top:2px}
.blue-bar{background:var(--blue);color:#fff}.blue-grid{display:grid;grid-template-columns:repeat(4,1fr)}.blue-grid>div{padding:20px 18px;border-right:1px solid rgba(255,255,255,.17)}.blue-grid>div:last-child{border:0}.blue-grid span{font-size:9px;color:#9ee4ff}.blue-grid strong{display:block;font-size:11px;margin:5px 0 2px}.blue-grid small{font-size:9px;color:#d2eaff}
.section,.models,.process,.faq{padding:100px 0}.heading{display:grid;grid-template-columns:1fr 360px;gap:45px;align-items:end;margin-bottom:42px}.heading h2,.issue-copy h2,.contact h2,.final h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:11px 0 0}.heading>p{color:var(--muted);font-size:13px;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px;min-height:185px}.service-grid article>span{display:inline-grid;place-items:center;width:28px;height:23px;background:#edf6ff;color:var(--blue);border-radius:5px;font:800 9px Manrope}.service-grid h3{font-size:18px;line-height:1.15;margin:21px 0 8px}.service-grid p{color:var(--muted);font-size:11px;margin:0}
.models{background:#fff}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.model-grid>div{border:1px solid var(--line);background:#f9fbfd;border-radius:11px;padding:20px;min-height:126px}.model-grid small{display:block;color:#9aaaba;font:800 9px Manrope;letter-spacing:.1em}.model-grid strong{display:block;font-size:17px;margin-top:21px;line-height:1.1}.model-grid span{display:block;color:var(--muted);font-size:9px;margin-top:5px}.model-note{background:#edf6ff!important;border-color:#c8e1f6!important}
.issues{background:#eaf2f8;padding:100px 0}.issue-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.issue-copy p{color:var(--muted);max-width:390px;font-size:14px}.outline{display:inline-flex;border:1px solid #b9d1e3;background:#fff;color:var(--blue);padding:11px 14px;border-radius:8px;font-size:11px;font-weight:800;margin-top:8px}.issue-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #cbd9e4;border-left:1px solid #cbd9e4}.issue-list div{padding:13px 14px;border-right:1px solid #cbd9e4;border-bottom:1px solid #cbd9e4;color:#8091a0;font:800 9px Manrope;letter-spacing:.08em}.issue-list b{color:#253d53;font-size:11px;letter-spacing:0;margin-left:8px}
.why{background:var(--navy);color:#fff;padding:100px 0}.heading.dark>p{color:#9eb2c4}.heading.dark label{color:#61d5ff}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12)}.why-grid article{padding:27px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);min-height:175px}.why-grid span{color:#62d4ff;font:800 9px Manrope}.why-grid h3{font-size:19px;margin:19px 0 7px}.why-grid p{color:#a9bac9;font-size:11px;margin:0}
.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.process-grid article{padding:27px;border-right:1px solid var(--line);min-height:200px}.process-grid article:last-child{border:0}.process-grid span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eaf5ff;color:var(--blue);font:800 10px Manrope}.process-grid h3{font-size:16px;margin:22px 0 7px}.process-grid p{color:var(--muted);font-size:11px;margin:0}
.contact{padding:100px 0;background:#eef5f9}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.contact> .wrap > div > p{color:var(--muted);max-width:460px}.contact-card{border-left:3px solid var(--blue);padding-left:16px;margin:27px 0}.contact-card strong{font-size:16px}.contact-card p{font-size:12px;color:#5d7083;margin:8px 0}.contact-card a{font-size:13px;color:var(--blue);font-weight:800}.contact-actions{display:flex;gap:10px}.map-card{height:370px;border:1px solid #cbdbe5;border-radius:20px;position:relative;overflow:hidden;background:#dfeae3;box-shadow:0 20px 50px rgba(7,27,48,.09)}.map-head{position:absolute;z-index:3;left:0;right:0;top:0;background:rgba(255,255,255,.93);padding:16px 18px;display:flex;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:.14em}.map-head b{color:var(--blue)}.map-lines{position:absolute;inset:0;background:linear-gradient(18deg,transparent 44%,#fff 45% 52%,transparent 53%),linear-gradient(70deg,transparent 31%,#fff 32% 36%,transparent 37%),linear-gradient(-18deg,transparent 68%,#fff 69% 74%,transparent 75%);opacity:.9}.map-lines:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(80,120,100,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(80,120,100,.12) 1px,transparent 1px);background-size:38px 38px}.map-pin{position:absolute;left:52%;top:50%;width:30px;height:30px;background:var(--blue);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 10px 18px rgba(11,99,206,.25);z-index:2}.map-pin i{position:absolute;width:9px;height:9px;background:#fff;border-radius:50%;left:10px;top:10px}.map-name{position:absolute;bottom:18px;left:18px;background:#fff;border-radius:6px;padding:8px 10px;font:800 8px Manrope;letter-spacing:.13em;z-index:3}
.faq{background:#fff}.narrow{max-width:900px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 3px;font:700 14px Manrope}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:19px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:12px;margin:0 35px 19px 3px}
.final{background:var(--blue);color:#fff;padding:68px 0}.final label{color:#a9e8ff}.final-row{display:flex;align-items:center;justify-content:space-between;gap:40px}.final h2{max-width:700px}.final p{color:#d7edfb;font-size:13px;margin:10px 0 0}.final-actions{display:flex;gap:10px}.white{background:#fff;color:var(--blue)}.ghost{border-color:rgba(255,255,255,.45);color:#fff}
footer{background:#061727;color:#a9bbc9;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:40px}.footer-grid>div>strong{display:block;color:#fff;font-size:12px;margin-bottom:13px}.footer-grid a,.footer-grid p{display:block;color:#a9bbc9;font-size:10px;margin:7px 0}.footer-logo .logo-symbol{background:var(--blue)}.footer-logo .logo-text strong{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:17px;font-size:9px}.mobile-cta{display:none}
@media(max-width:1050px){.nav{gap:14px}.hero-grid{gap:30px}.service-grid{grid-template-columns:repeat(3,1fr)}.model-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){:root{--wrap:min(100% - 28px,700px)}.header-row{height:68px}.nav,.call-top{display:none}.menu{display:block;margin-left:auto}.mobile-menu{display:block}.mobile-menu[hidden]{display:none}.hero-grid{grid-template-columns:1fr;padding:48px 0 38px}.laptop-visual{min-height:350px}.blue-grid{grid-template-columns:1fr 1fr}.blue-grid>div:nth-child(2){border-right:0}.heading{display:block}.heading>p{margin-top:15px}.service-grid{grid-template-columns:1fr 1fr}.model-grid{grid-template-columns:1fr 1fr}.issue-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.why-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process-grid article:nth-child(2){border-right:0}.process-grid article{border-bottom:1px solid var(--line)}.final-row{display:block}.final-actions{margin-top:22px}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:60;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 22px rgba(7,27,48,.1)}.mobile-cta a{text-align:center;padding:13px;font-size:12px;font-weight:800;color:var(--blue);border-right:1px solid var(--line)}body{padding-bottom:48px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){:root{--wrap:min(100% - 24px,500px)}h1{font-size:43px}.actions{display:grid;grid-template-columns:1fr 1fr}.directions{grid-column:1/-1;margin:0}.hero-meta{display:grid;gap:10px}.laptop-visual{min-height:300px}.laptop{width:82%}.visual-label{right:10px;bottom:10px}.blue-grid{grid-template-columns:1fr}.blue-grid>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.15)}.blue-grid>div:last-child{border-bottom:0}.section,.models,.issues,.why,.process,.contact,.faq{padding:72px 0}.service-grid,.model-grid,.why-grid,.process-grid{grid-template-columns:1fr}.issue-list{grid-template-columns:1fr}.contact-actions,.final-actions{display:grid;grid-template-columns:1fr 1fr}.map-card{height:300px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:4px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}