.web-page{overflow-x:hidden}.web-section{padding:112px 0}.web-kicker{margin-bottom:18px;color:var(--blue);font-size:12px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.web-kicker-light{color:#4e93ff}.web-section-head{margin-bottom:48px;display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.web-section-head h2,.web-scope h2,.web-system h2,.web-faq h2,.web-contact h2{margin:0;font-size:clamp(39px,4.8vw,62px);line-height:1.03;letter-spacing:-.05em}.web-section-head>p{max-width:460px;margin:0 0 4px;color:var(--gray);font-size:17px;line-height:1.65}.web-hero{min-height:720px;display:flex;align-items:center;overflow:hidden;color:#fff;background:var(--black)}.web-hero-grid{min-height:720px;padding-top:76px;padding-bottom:76px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.web-hero-copy{position:relative;z-index:2}.web-hero h1{max-width:720px;margin:0;font-size:clamp(48px,5.15vw,72px);line-height:.99;letter-spacing:-.055em}.web-hero h1 span{color:var(--blue)}.web-hero-copy>p{max-width:610px;margin:28px 0 0;color:rgba(255,255,255,.68);font-size:18px;line-height:1.67}.web-actions{margin-top:38px;display:flex;gap:12px;flex-wrap:wrap}.web-btn-light{color:#fff;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.04)}.web-btn-light:hover{color:var(--black);background:#fff}.web-browser{position:relative;width:min(590px,48vw);aspect-ratio:1.05/.8;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#232323;box-shadow:0 38px 100px rgba(0,0,0,.45);transform:perspective(1100px) rotateY(-6deg) rotateX(2deg)}.web-browser:before{content:'';position:absolute;inset:-80px -120px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.34),transparent 66%)}.web-browser-bar{height:46px;padding:0 15px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.1)}.web-browser-bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.23)}.web-browser-bar i:first-child{background:var(--blue)}.web-browser-bar span{margin-left:12px;color:rgba(255,255,255,.35);font-size:10px}.web-browser-screen{position:absolute;inset:46px 0 0;overflow:hidden;border-radius:0 0 17px 17px;background:#f4f6fa;color:var(--black)}.web-browser-nav{height:54px;padding:0 25px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #dfe3ea;background:#fff}.web-browser-nav b{margin-right:auto;font-size:10px}.web-browser-nav em{color:var(--blue);font-style:normal}.web-browser-nav>span{width:35px;height:5px;border-radius:99px;background:#d7dbe3}.web-browser-content{height:calc(100% - 116px);padding:46px 36px;background:linear-gradient(120deg,#fff 0 66%,#edf0f5 66%)}.web-browser-content small{display:block;color:var(--blue);font-size:7px;font-weight:800;letter-spacing:.12em}.web-browser-content strong{width:76%;margin-top:15px;display:block;font-size:clamp(25px,2.3vw,36px);line-height:1.03;letter-spacing:-.05em}.web-browser-content p{width:54%;height:6px;margin:17px 0 0;border-radius:99px;background:#cfd4dd}.web-browser-content p+p{width:43%;margin-top:7px}.web-browser-content button{width:91px;height:30px;margin-top:22px;border:0;border-radius:5px;background:var(--blue)}.web-browser-metrics{position:absolute;inset:auto 0 0;height:62px;display:grid;grid-template-columns:repeat(3,1fr);color:#fff;background:var(--black)}.web-browser-metrics span{padding:13px 17px;display:grid;grid-template-columns:26px 1fr;align-items:center;border-right:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.54);font-size:8px}.web-browser-metrics b{color:var(--blue);font-size:9px}.web-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.web-type-card{min-height:330px;padding:30px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--bg);transition:.2s}.web-type-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(17,17,17,.08)}.web-type-card>span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}.web-type-card>div{margin:40px 0 34px}.web-type-card h3{height:68px;margin:0 0 15px;font-size:31px;line-height:1.08;letter-spacing:-.04em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.web-type-card p{max-width:500px;margin:0;color:var(--gray);font-size:15px}.web-type-card strong{margin-top:auto;padding-top:19px;border-top:1px solid var(--line);font-size:13px}.web-scope{color:#fff;background:var(--black)}.web-scope-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:92px}.web-scope-intro{position:sticky;top:122px;align-self:start}.web-scope-intro>p{max-width:500px;margin:27px 0 0;color:rgba(255,255,255,.6)}.web-scope-list,.web-process-list{margin:0;padding:0;list-style:none}.web-scope-list{border-top:1px solid rgba(255,255,255,.2)}.web-scope-list li{min-height:78px;padding:18px 0;display:grid;grid-template-columns:55px 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.web-scope-list span,.web-process-list span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em}.web-scope-list strong{font-size:18px}.web-process-list{border-top:1px solid var(--line)}.web-process-list li{padding:31px 0;display:grid;grid-template-columns:80px minmax(240px,.8fr) 1.2fr;gap:35px;border-bottom:1px solid var(--line)}.web-process-list h3{font-size:23px;line-height:1.25}.web-process-list p{max-width:580px;color:var(--gray);font-size:15px}.web-projects{background:var(--bg)}.web-link{color:var(--blue);font-weight:700}.web-projects-grid{max-width:950px}.web-projects-grid .projects-card-cover{aspect-ratio:16/8.2}.web-projects-grid .projects-card-copy h2{height:71px;font-size:31px}.web-system{color:#fff;background:var(--blue)}.web-system-heading{display:grid;grid-template-columns:1fr .75fr;gap:65px;align-items:end}.web-system-heading .web-kicker{grid-column:1/-1;margin-bottom:-34px;color:rgba(255,255,255,.64)}.web-system-heading>p{margin:0;color:rgba(255,255,255,.72)}.web-system-grid{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.3)}.web-system-grid article{min-height:245px;padding:28px 25px 24px 0;border-right:1px solid rgba(255,255,255,.3)}.web-system-grid article:not(:first-child){padding-left:25px}.web-system-grid span{color:rgba(255,255,255,.6);font-size:11px}.web-system-grid h3{height:52px;margin:64px 0 13px;font-size:22px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.web-system-grid p{color:rgba(255,255,255,.71);font-size:13px}.web-faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.web-faq-list{border-top:1px solid var(--line)}.web-faq-list details{border-bottom:1px solid var(--line)}.web-faq-list summary{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font-size:18px;font-weight:700}.web-faq-list summary::-webkit-details-marker{display:none}.web-faq-list summary b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--blue);background:rgba(0,102,255,.09);font-size:19px;font-weight:500;transition:.2s}.web-faq-list details[open] summary b{transform:rotate(45deg)}.web-faq-list details>p{margin:-4px 62px 25px 0;color:var(--gray);font-size:15px}.web-contact{background:var(--bg)}.web-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.web-contact-grid>div>p{max-width:540px;margin-top:26px;color:var(--gray)}.web-contact-form{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.web-contact-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}.web-contact-form input,.web-contact-form textarea{width:100%;min-height:52px;padding:13px 14px;border:1px solid #d4d9e2;border-radius:9px;font:inherit}.web-contact-form textarea{resize:vertical}.web-form-wide{grid-column:1/-1}.web-form-note{color:#858b96;font-size:11px;text-align:center}
@media(max-width:980px){.web-section{padding:88px 0}.web-section-head{align-items:flex-start;flex-direction:column;gap:22px}.web-hero-grid{padding-top:88px;grid-template-columns:1fr}.web-browser{width:min(720px,92vw);margin:0 auto;transform:none}.web-scope-grid,.web-faq-grid,.web-contact-grid{grid-template-columns:1fr;gap:58px}.web-scope-intro{position:static}.web-system-heading{grid-template-columns:1fr;gap:24px}.web-system-heading .web-kicker{grid-column:auto;margin-bottom:-5px}.web-system-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.web-section{padding:72px 0}.web-hero,.web-hero-grid{min-height:auto}.web-hero-grid{padding-top:74px;padding-bottom:70px;gap:52px}.web-hero h1{font-size:clamp(40px,12vw,56px)}.web-hero-copy>p{font-size:15px}.web-actions{display:grid}.web-actions .btn{width:100%;justify-content:center}.web-browser{width:100%;aspect-ratio:1/.88;transform:none}.web-browser-nav>span{width:21px}.web-browser-content{padding:30px 21px}.web-browser-content strong{width:88%;font-size:23px}.web-types-grid{grid-template-columns:1fr}.web-type-card{min-height:285px;padding:24px}.web-type-card h3{height:58px;font-size:27px}.web-scope h2,.web-system h2,.web-faq h2,.web-contact h2{font-size:clamp(36px,11vw,49px)}.web-process-list li{grid-template-columns:42px 1fr;gap:12px}.web-process-list h3{font-size:19px}.web-process-list p{grid-column:2;font-size:14px}.web-projects-grid .projects-card-copy h2{height:53px;font-size:23px}.web-system-grid{grid-template-columns:1fr}.web-system-grid article,.web-system-grid article:not(:first-child){min-height:auto;padding:26px 0;border-right:0;border-top:1px solid rgba(255,255,255,.3)}.web-faq-grid{gap:40px}.web-faq-list summary{font-size:16px}.web-contact-form{grid-template-columns:1fr;padding:22px 18px}.web-form-wide{grid-column:auto}}
