.sis{--ink:var(--sis-dark-blue);--paper:#fff;--accent:var(--sis-orange);--button-ink:var(--sis-dark-blue);--line:var(--border-strong);font-family:var(--font-body);color:var(--ink);line-height:1.55}
.sis header,.sis footer,.sis-hero{max-width:1304px}
.sis h1,.sis h2,.sis h3,.sis label,.sis .button,.sis nav{font-family:var(--font-display);font-weight:700}
.sis h1{font-size:clamp(42px,4.4vw,64px);line-height:1.16;letter-spacing:.025em}
.sis h2{font-size:clamp(30px,3.2vw,44px);line-height:1.2;letter-spacing:.025em}
.sis h3{font-size:22px;line-height:1.3;letter-spacing:.03em}
.sis p{color:var(--fg-2)}
.sis .intro{font-family:var(--font-display);font-size:14px;letter-spacing:.12em;font-weight:500;color:var(--sis-navy-mid)}
.sis header{padding:32px 40px}.sis .logo{width:310px;max-width:100%;height:auto}
.sis nav a,.sis footer a{color:var(--sis-dark-blue)}
.sis .button{color:var(--sis-dark-blue);border-radius:4px;letter-spacing:.02em;transition:background 160ms var(--ease-standard);text-decoration:none}
.sis .button:hover{background:#d78f28;filter:none;transform:none}
.sis .button:active{opacity:.9}
.sis input:not([type=checkbox]),.sis textarea{color:var(--sis-dark-blue);border-color:var(--border-strong);border-radius:4px}
.sis input:focus-visible,.sis textarea:focus-visible,.sis button:focus-visible,.sis a:focus-visible{outline:2px solid var(--sis-navy-mid);box-shadow:0 0 0 4px var(--sis-light-blue-20)}
.sis-hero{background:none;grid-template-columns:1.12fr 1fr;gap:64px;padding:56px 40px 80px;align-items:center}
.sis-system-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:4px;background:var(--sis-dark-blue);padding:64px 40px 40px;min-height:436px}
.sis-system-panel h2,.sis-system-panel p{color:#fff}.sis-system-panel .intro{color:var(--sis-light-blue);margin-bottom:28px}
.sis-system-panel h2{font-size:36px;letter-spacing:.02em;position:relative;z-index:1}
.sis-system-panel ul{list-style:none;padding:16px 0 0;margin:0;color:#fff;position:relative;z-index:1}
.sis-system-panel li{padding:12px 0;border-top:1px solid var(--border-on-dark);font-size:17px}
.brand-squares{position:absolute;right:-20px;top:-20px;display:grid;grid-template-columns:repeat(2,76px);gap:12px;transform:rotate(20deg);z-index:-1}
.brand-squares i{width:76px;height:76px;border-radius:4px;background:var(--sis-light-blue-20)}.brand-squares i:nth-child(2){background:var(--sis-orange-40)}.brand-squares i:nth-child(3){opacity:.4}
.sis .solutions{background:var(--sis-bg-grey);padding-top:64px;padding-bottom:64px}
.sis .service-list article{border-top-color:var(--sis-orange)}
.sis .contact{max-width:1304px;padding-top:80px;padding-bottom:80px;gap:80px}
.sis footer img{width:260px;height:auto}.sis .privacy h1{font-size:40px}.sis .privacy h2{font-size:26px}.sis .privacy a{color:var(--sis-navy-mid);text-decoration:underline}
@media(max-width:900px){.sis-hero{gap:32px}.sis-system-panel{padding:48px 28px 28px}.sis-system-panel h2{font-size:30px}.sis header .logo{width:270px}}
@media(max-width:800px){.sis header{padding:24px}.sis-hero{grid-template-columns:1fr;padding:40px 24px 48px}.sis-system-panel{min-height:0;padding:40px 28px}.sis .contact{padding:56px 24px;gap:24px}.sis .solutions{padding:48px 24px}.sis h1{font-size:44px}.sis footer img{width:230px}}
@media(max-width:430px){.sis header{gap:20px}.sis header .logo{width:200px}.sis header .button{font-size:13px;padding:10px 12px;white-space:nowrap}.sis h1{font-size:39px}.sis footer{gap:24px}.sis .intro{letter-spacing:.06em}}