:root{--al-orange:#EA5414;--al-ink:#1E2329;--al-muted:#667085;--al-border:#E9E9E9}
html{scroll-behavior:smooth}body{overflow-x:hidden}
.al-main{background:#fff;color:var(--al-ink);font:16px/1.55 Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif}
.al-main *{box-sizing:border-box}.al-main img{display:block;max-width:100%}
.al-main h1,.al-main h2,.al-main h3,.al-main p{margin:0}
.al-container{width:min(1240px,calc(100% - 160px));margin-inline:auto}
.al-orange-rule{width:38px;height:3px;background:var(--al-orange)}
.al-hero{height:650px;position:relative;overflow:hidden;background:#eef4f8}
.al-hero-photo{position:absolute;inset:0 0 0 24%;width:76%;height:100%;object-fit:cover;object-position:center 54%}
.al-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 25%,rgba(255,255,255,.66) 42%,rgba(255,255,255,.08) 65%,transparent 80%)}
.al-hero .al-container{height:100%;position:relative;z-index:1}
.al-breadcrumb{display:flex;align-items:center;gap:9px;margin:0!important;padding-top:33px;font-size:13px;color:#667085}
.al-breadcrumb a:hover{color:var(--al-orange)}
.al-hero-content{position:absolute;left:0;top:50%;transform:translateY(-43%);max-width:590px}
.al-hero h1{margin:16px 0 11px;font-size:clamp(52px,4.5vw,68px);line-height:1.14;letter-spacing:-.045em;font-weight:800}
.al-hero-subtitle{font-size:20px;font-weight:600;color:#344054}
.al-hero-overview{max-width:555px;margin-top:46px}
.al-hero-overview h2{border-left:3px solid var(--al-orange);padding-left:12px;margin-bottom:13px;font-size:22px;line-height:1.3}
.al-hero-overview p{font-size:17px;line-height:1.8;color:#455165}
.al-section{padding:76px 0}
.al-section--advantages{padding-top:78px;padding-bottom:75px}
.al-section--foundations{padding-top:50px;padding-bottom:88px}
.al-section--system{padding:50px 0 72px;background:#fafafa}
.al-section--engineering{padding:68px 0 58px}
.al-section--docs,.al-section--cases,.al-section--alternatives{padding:55px 0}
.al-heading{margin-bottom:28px}.al-heading .al-orange-rule{margin-bottom:12px}
.al-heading h2{font-size:35px;line-height:1.22;letter-spacing:-.025em}
.al-heading p{margin-top:8px;color:var(--al-muted);font-size:16px}
.al-heading--with-note{display:flex;align-items:end;justify-content:space-between;gap:34px}
.al-heading--with-note>p{max-width:560px;margin:0;color:var(--al-muted);font-size:15px}
.al-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.al-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.al-advantage{min-height:215px;padding:24px 22px 26px;border:1px solid #edf0f2;border-radius:12px;background:#f7f8f9;transition:border-color .25s,box-shadow .25s}
.al-advantage:hover{border-color:var(--al-orange);box-shadow:0 8px 26px rgba(30,35,41,.06)}
.al-advantage svg{width:46px;height:46px;fill:none;stroke:var(--al-orange);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px;transition:transform .25s}
.al-advantage:hover svg{transform:scale(1.06)}
.al-advantage h3{font-size:21px;margin-bottom:8px}.al-advantage p{font-size:15px;color:var(--al-muted);line-height:1.6}
.al-foundation{overflow:hidden;border-radius:12px;background:#fff}
.al-foundation img{width:100%;height:208px;object-fit:cover;border-radius:10px}
.al-foundation>div{padding:15px 1px 0}.al-foundation h3{font-size:19px;margin-bottom:5px}.al-foundation p{font-size:14px;color:var(--al-muted)}
.al-system-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center}
.al-system-views{display:grid;gap:8px}.al-system-views button{width:100%;height:52px;padding:0 17px;text-align:left;border:1px solid #ececec;border-radius:7px;background:#f4f5f6;color:#394150;font-size:16px;font-weight:600;cursor:pointer}
.al-system-views button.is-active{background:var(--al-orange);border-color:var(--al-orange);color:#fff}
.al-system-views button:disabled{opacity:.52;cursor:not-allowed}
.al-system-visual{height:410px;display:grid;place-items:center;background:#fafafa}
.al-system-visual img{width:100%;height:100%;object-fit:contain;transition:opacity .22s}
.al-engineering-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:stretch}
.al-engineering-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.al-engineering-item{min-width:0;min-height:190px;padding:18px 12px;border:1px solid #eff0f2;border-radius:9px;background:#f7f8f9}
.al-engineering-item svg{display:block;width:34px;height:34px;fill:none;stroke:var(--al-orange);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;margin-bottom:11px}
.al-engineering-item span{font-size:12px;color:var(--al-orange);font-weight:700}.al-engineering-item h3{font-size:15px;line-height:1.4;margin:3px 0 7px}.al-engineering-item p{font-size:13px;line-height:1.5;color:var(--al-muted)}
.al-engineering-photo{min-width:0;overflow:hidden;border-radius:9px}.al-engineering-photo img{width:100%;height:100%;object-fit:cover}
.al-tip{margin-top:16px;padding:17px 22px;border-left:3px solid var(--al-orange);background:#FFF4EC;border-radius:6px;color:#3a4048;font-size:15px;line-height:1.6}
.al-tip strong{color:var(--al-orange)}
.al-pending-link{font-size:14px;color:#9aa1ab;cursor:default}.al-text-link{font-size:14px;color:var(--al-orange);font-weight:600}
.al-document{min-height:104px;display:flex;align-items:center;gap:16px;padding:17px 19px;border:1px solid var(--al-border);border-radius:10px;background:#f7f8fa}
.al-pdf{width:42px;height:50px;display:grid;place-items:center;flex:none;background:#FCE6DD;color:var(--al-orange);font-size:12px;font-weight:800;clip-path:polygon(0 0,72% 0,100% 25%,100% 100%,0 100%)}
.al-document h3{font-size:17px}.al-document small{display:block;color:#98a2b3;font-size:13px;margin-top:4px}.al-doc-pending{margin-left:auto;font-size:12px;white-space:nowrap;color:#98a2b3}
.al-case{border-radius:10px;overflow:hidden;background:#fff}.al-case img{width:100%;height:190px;object-fit:cover}.al-case>div{padding:14px 1px}.al-case h3{font-size:18px;margin-bottom:5px}.al-case p{font-size:14px;color:var(--al-muted)}
.al-alternative{display:block;overflow:hidden;border:1px solid #edf0f1;background:#f7f8f9;border-radius:10px;transition:border-color .25s}.al-alternative:hover,.al-alternative:focus-visible{border-color:var(--al-orange);outline:none}.al-alternative img{width:100%;height:153px;object-fit:cover;transition:transform .4s}.al-alternative:hover img{transform:scale(1.03)}
.al-alternative>div{display:flex;justify-content:space-between;align-items:center;padding:15px 18px}.al-alternative h3{font-size:17px}.al-alternative span{font-size:23px;color:var(--al-orange)}
.al-cta{min-height:202px;position:relative;display:flex;align-items:center;background:#faf8f6;overflow:hidden}
.al-cta-photo{position:absolute;inset:0 0 0 25%;width:75%;height:100%;object-fit:cover}
.al-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#FAF8F6 5%,rgba(250,248,246,.93) 45%,rgba(250,248,246,.22) 79%)}
.al-cta .al-container{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:32px 0}
.al-cta h2{font-size:31px;margin-bottom:6px}.al-cta p{font-size:16px;color:var(--al-muted)}
.al-cta a{min-width:180px;height:50px;display:grid;place-items:center;border-radius:7px;background:var(--al-orange);color:#fff;font-size:16px;font-weight:700}.al-cta a:hover{background:#d94a11}
@media(max-width:1100px){.al-container{width:calc(100% - 80px)}.al-engineering-layout{grid-template-columns:1fr}.al-engineering-photo{height:220px}.al-foundation img{height:170px}.al-system-visual{height:340px}}
@media(max-width:760px){.al-container{width:calc(100% - 34px)}.al-hero{height:710px}.al-hero-photo{inset:0 0 30%;width:100%;height:70%}.al-hero::after{background:linear-gradient(0deg,#fff 9%,rgba(255,255,255,.96) 35%,rgba(255,255,255,.05) 70%)}.al-breadcrumb{flex-wrap:wrap;padding-top:20px}.al-hero-content{top:auto;bottom:32px;transform:none}.al-hero h1{font-size:41px}.al-hero-subtitle{font-size:16px}.al-hero-overview{margin-top:22px}.al-hero-overview p{font-size:15px}.al-section{padding:50px 0}.al-heading h2{font-size:27px}.al-heading--with-note{display:block}.al-heading--with-note>p{margin-top:12px}.al-four-grid,.al-three-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.al-advantage{min-height:200px;padding:16px}.al-advantage h3{font-size:17px}.al-advantage p{font-size:13px}.al-foundation img{height:130px}.al-system-layout{grid-template-columns:1fr}.al-system-views{grid-template-columns:repeat(4,1fr);gap:3px}.al-system-views button{height:45px;padding:0 6px;text-align:center;font-size:12px}.al-system-visual{height:220px}.al-engineering-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.al-engineering-item{min-height:155px}.al-document{padding:12px;gap:8px}.al-document h3{font-size:14px}.al-doc-pending{display:none}.al-case img{height:135px}.al-alternative img{height:110px}.al-cta .al-container{display:block}.al-cta h2{font-size:26px}.al-cta a{width:fit-content;margin-top:20px}}
