:root{--navy:#0a2536;--navy-2:#123c55;--blue:#1b6097;--cyan:#54c8f0;--ink:#0d1b2a;--muted:#465a69;--bg:#f4f7fb;--card:#fff;--line:#123c551f;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit}#app{min-height:100vh}.wrap{width:min(1200px,100% - 48px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;position:sticky;top:0}.topbar-inner{align-items:center;gap:28px;padding:14px 0;display:flex}.brand-img{width:auto;height:44px;display:block}.menu{gap:26px;margin-left:auto;display:flex}.menu a{color:#274b61;font-size:.95rem;font-weight:600;text-decoration:none}.menu a.active{color:var(--navy-2);border-bottom:2px solid var(--navy-2);padding-bottom:2px}.btn{border-radius:8px;align-items:center;gap:10px;padding:12px 20px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-dark{background:var(--navy);color:#fff}.btn-light{color:var(--navy);background:#fff}.hero{color:#fff;background:#081f30;position:relative;overflow:hidden}.hero-bg{background-color:#0000;background-image:linear-gradient(90deg,#081f30f7 0%,#081f30ed 36%,#081f308c 62%,#081f304d 100%),url(/hero-foto.png),radial-gradient(60rem 30rem at 85% -10%,#54c8f047,#0000 60%),linear-gradient(120deg,#0a2536 20%,#123c55 70%,#1b6097 100%);background-position:50%,100%,50%,50%;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;min-height:520px;padding:64px 0;display:grid;position:relative}.kicker{letter-spacing:.28em;text-transform:uppercase;color:#bfe6f7;align-items:center;gap:14px;margin:0 0 22px;font-size:.78rem;display:flex}.kicker:after{content:"";background:var(--cyan);flex:none;width:72px;height:2px}.hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800;line-height:1.12}.hero h1 .accent{color:var(--cyan)}.hero-lead{color:#d7e6ef;max-width:34rem;margin:20px 0 28px;line-height:1.65}.hero-side{min-height:360px;position:relative}.hero-xlines{position:absolute;inset:0}.hero-xlines:before,.hero-xlines:after{content:"";width:26px;position:absolute;top:-10%;bottom:-10%}.hero-xlines:before{background:linear-gradient(#54c8f026,#54c8f0f2 30% 70%,#54c8f026);right:44%;transform:skew(-24deg);box-shadow:0 0 40px #54c8f059}.hero-xlines:after{background:linear-gradient(#ffffff1a,#ffffffe6 35% 65%,#ffffff1a);right:30%;transform:skew(24deg)}.hero-words{z-index:2;text-align:right;letter-spacing:.24em;text-transform:uppercase;color:#e8f3f9;text-shadow:0 1px 8px #081f30cc;margin:0;padding:0;font-size:.82rem;line-height:2.1;list-style:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.strip{border-bottom:1px solid var(--line);background:#fff}.strip-grid{grid-template-columns:repeat(6,1fr);padding:22px 0;display:grid}.strip-item{color:#274b61;border-left:1px solid var(--line);justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:.85rem;font-weight:600;display:flex}.strip-item:first-child{border-left:none}.strip-item svg,.card svg{width:34px;height:34px;stroke:var(--navy-2);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.solutions{background:#fff;padding:64px 0 72px}.kicker-dark{color:var(--blue)}.kicker-dark span:after{background:var(--blue)}.solutions-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.solutions h2{letter-spacing:-.02em;color:var(--navy);margin:0;font-size:clamp(1.8rem,3.4vw,2.6rem)}.solutions .sub{color:var(--muted);margin:8px 0 0}.link-more{color:var(--blue);text-underline-offset:4px;white-space:nowrap;font-weight:700;text-decoration:underline}.cards{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:26px 20px}.card h3{color:var(--navy);margin:14px 0 8px;font-size:1rem}.card p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.6}.method{color:#fff;background:linear-gradient(120deg,#081f30 0%,#0e3249 60%,#164e6e 100%);padding:64px 0}.method-grid{grid-template-columns:1.15fr .85fr .7fr;align-items:stretch;gap:40px;display:grid}.method-photo{border-radius:4px;min-height:320px;margin:0;overflow:hidden}.method-photo img{object-fit:cover;width:100%;height:100%;display:block}.method h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.method-lead{color:#cfdfe9;max-width:40rem;line-height:1.65}.steps{grid-template-columns:repeat(6,1fr);gap:0;margin:30px 0 0;padding:0;list-style:none;display:grid}.steps li{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);background:#ffffff08;border:1px solid #54c8f080;margin-left:-1px;padding:12px 14px}.steps li:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);margin-left:0}.steps strong{color:#fff;font-size:.8rem;display:block}.steps span{color:#bfe6f7;font-size:.8rem}.method-side{color:var(--ink);background:#f4f8fb;border-radius:0;flex-direction:column;justify-content:center;align-self:stretch;padding:40px 34px;display:flex}.method-side h3{color:var(--navy);margin:0 0 10px;font-size:1.3rem}.method-side p{color:var(--muted);font-size:.92rem;line-height:1.65}.method-side .btn{margin-top:18px}@media (width<=1020px){.menu{display:none}.hero-grid,.method-grid{grid-template-columns:1fr}.hero-side{min-height:220px}.strip-grid{grid-template-columns:repeat(3,1fr);gap:14px 0}.strip-item{border-left:none}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr);gap:8px}.steps li{clip-path:none;border-radius:8px;margin:0}.method{background:linear-gradient(#081f30 60%,#f4f8fb 60%)}}@media (width<=640px){.cards{grid-template-columns:1fr}.topbar-inner{gap:14px}.topbar .btn{display:none}}
