:root{--ink:#1c303a;--muted:#667780;--accent:#355a66;--pale:#f4f6f5;--line:#dce4e5;--white:#fff;--shell:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #297698;outline-offset:4px}.shell{max-width:var(--shell);padding:0 32px;margin:auto}.skip-link{position:absolute;top:-60px;left:15px;z-index:20;background:#fff;padding:8px 12px}.skip-link:focus{top:10px}.site-header{height:80px;position:relative;z-index:5;background:rgba(244,247,248,.98);border-bottom:1px solid rgba(40,67,80,.08)}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto;white-space:nowrap}.brand-mark{width:32px;height:32px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;transform:rotate(-10deg)}.brand-mark i{background:var(--accent)}.brand-mark i:nth-child(2){opacity:.7}.brand-mark i:nth-child(3){opacity:.45}.brand-mark i:nth-child(4){opacity:.85}.brand-name{display:flex;flex-direction:column;line-height:1.05}.brand-name strong{font-size:19px;letter-spacing:.01em}.brand-name small{font-size:8px;letter-spacing:.26em;margin-top:6px}.site-header nav{display:flex;gap:27px;align-items:center}.site-header nav a{font-size:12px;font-weight:600}.site-header nav a:hover,.text-link:hover{color:#4f7c8d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:0 21px;font-size:10px;font-weight:800;letter-spacing:.12em;transition:background .2s,color .2s}.btn-outline{border:1px solid #7b8d94;background:transparent}.btn-outline:hover{background:var(--ink);color:#fff}.btn-primary{background:#2e5260;color:white}.btn-primary:hover{background:#182f3a}.btn span{font-size:18px;font-weight:400;line-height:1}.hero{min-height:650px;display:flex;position:relative;align-items:center;background:#dce8eb url('assets/hero.png') center center / cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,244,246,.95) 0%,rgba(236,242,245,.88) 27%,rgba(233,240,242,.28) 58%,transparent 88%)}.hero-inner{position:relative;width:100%;padding-top:50px;padding-bottom:90px}.hero-content{max-width:565px}.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:800;color:#55737f;margin:0 0 20px}.hero h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.09;margin:0}.hero h1{font-size:clamp(45px,5vw,72px)}h2{font-size:clamp(32px,3.1vw,48px)}h1 em,h2 em{color:#446d7b;font-weight:400}.hero-description{max-width:450px;color:#475e69;margin:29px 0 29px;font-size:16px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:26px}.text-link{font-size:12px;font-weight:600}.text-link span{padding-left:8px;font-size:18px}.hero-caption{position:absolute;right:4%;bottom:30px;letter-spacing:.23em;color:white;font-size:9px;font-weight:700}.section{padding:105px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.about-copy{font-size:17px;color:#526671;max-width:535px}.about-copy p:first-child{margin-top:0}.about-copy p:last-child{margin-bottom:0}.services{background:#f5f7f6}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-heading>p{max-width:290px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{border:1px solid #e0e6e5;background:#fff;min-height:290px;padding:25px;display:flex;flex-direction:column;transition:transform .2s}.service-card:hover{transform:translateY(-4px)}.service-number{color:#8da0a6;font-size:10px;font-weight:800}.line-icon{margin:35px 0 12px;color:#557987;font-size:34px;line-height:1}.service-card h3{font-size:17px;line-height:1.3;margin:4px 0 12px;letter-spacing:-.02em}.service-card p{color:var(--muted);margin:0;font-size:13px}.experience-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center}.experience-art{height:415px;background:#c8d9df;position:relative;overflow:hidden}.experience-art:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(24,52,68,.02),rgba(24,52,68,.4)),repeating-linear-gradient(0deg,transparent 0 35px,rgba(255,255,255,.2) 36px 38px),repeating-linear-gradient(90deg,transparent 0 75px,rgba(18,55,77,.35) 76px 80px);transform:perspective(500px) rotateY(-8deg) scale(1.25)}.experience-art:after{content:"";position:absolute;background:linear-gradient(90deg,#7f9dad,#dfe9eb);width:80%;height:58%;bottom:-17%;right:-10%;transform:skewY(-22deg);box-shadow:-70px -110px 0 -55px #9db4bd}.experience-art span{position:absolute;left:24px;bottom:22px;z-index:2;font-size:10px;line-height:1.8;font-weight:800;letter-spacing:.17em;color:#fff}.experience-copy>p:not(.eyebrow){color:#61727b;font-size:16px}.experience-copy .small-print{font-size:11px!important;border-left:2px solid #a7b7bf;padding-left:12px;margin-top:25px}.product{background:#edf2f3}.product-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center}.product-grid>div:first-child>p:not(.eyebrow){max-width:390px;color:#5b6d75;font-size:16px}.status{display:inline-block;margin-top:16px;padding:7px 11px;border:1px solid #91a8b1;font-size:10px;letter-spacing:.12em;font-weight:700}.product-visual{height:300px;background:#fff;border:1px solid #cddadd;box-shadow:0 20px 55px rgba(27,59,77,.07);overflow:hidden}.app-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e3eaeb;font-size:13px}.app-logo{color:#375b67}.app-dots{font-size:8px;letter-spacing:3px;color:#c4d1d5}.app-body{height:calc(100% - 48px);display:flex}.app-sidebar{width:72px;background:#f1f5f6;border-right:1px solid #e4ecec;padding:26px 23px}.app-sidebar span{display:block;width:22px;height:5px;background:#a9bec6;margin:0 0 25px}.app-content{padding:25px;width:100%}.app-overline{font-size:9px;letter-spacing:.13em;color:#70848b;font-weight:700}.app-cards{display:flex;gap:12px;margin:17px 0 27px}.app-cards span{flex:1;height:55px;background:#e6eef0;border:1px solid #dae5e8}.app-row{height:10px;background:#e0e8eb;width:95%;margin-bottom:14px}.app-row.short{width:60%}.contact{padding:80px 0;background:#254451;color:white}.contact .eyebrow{color:#adc2c9}.contact-grid{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font-size:39px}.contact-right{display:flex;align-items:center;gap:38px}.contact-right p{color:#c7d5d9;max-width:250px;font-size:13px}.contact .btn-primary{background:#edf3f3;color:#1e3844}.contact .btn-primary:hover{background:#d8e4e7}.site-footer{background:#1c3540;color:#cad7db;padding:21px 0;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:30px}.site-footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){.site-header nav{gap:13px}.nav-contact{display:none}.hero{min-height:580px}.service-grid{grid-template-columns:repeat(2,1fr)}.contact-right{gap:20px}.contact-grid{align-items:start}.contact-right{flex-direction:column;align-items:start}}
@media(max-width:690px){.shell{padding:0 22px}.site-header{height:auto;min-height:74px}.header-inner{flex-wrap:wrap;gap:10px;padding-top:15px;padding-bottom:15px}.brand-name strong{font-size:17px}.site-header nav{width:100%;justify-content:space-between;gap:9px}.site-header nav a{font-size:11px}.hero{min-height:560px;background-position:60% center}.hero:before{background:linear-gradient(90deg,rgba(237,244,246,.97),rgba(236,242,245,.82) 66%,rgba(233,240,242,.38))}.hero-inner{padding-top:65px;padding-bottom:75px}.hero h1{font-size:clamp(43px,11vw,58px)}.hero-description{font-size:15px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-caption{font-size:7px}.section{padding:75px 0}.about-grid,.experience-grid,.product-grid{grid-template-columns:1fr;gap:35px}.section-heading{display:block}.section-heading>p{margin-top:25px}.service-grid{grid-template-columns:1fr}.service-card{min-height:205px}.line-icon{margin-top:17px}.experience-art{height:300px}.experience-copy{order:-1}.product-visual{height:255px}.contact-grid{display:block}.contact h2{font-size:34px}.contact-right{margin-top:20px}.footer-inner{display:block}.footer-inner span{display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}