.system-page{background:radial-gradient(circle at 84% 12%, #d4552721, transparent 24rem), linear-gradient(180deg, var(--color-paper), var(--color-paper-deep));min-height:min(72rem,100svh - 7.4rem);padding-block:clamp(3.5rem,7vw,7rem);overflow:hidden}.system-page__grid{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);align-items:center;gap:clamp(3rem,9vw,9rem);display:grid}.system-page__content{padding-block:clamp(1rem,4vw,4rem)}.system-page__status-label{min-height:2.35rem;color:var(--color-copper-dark);border-radius:var(--radius-pill);background:#fffefb9e;border:1px solid #d4552747;align-items:center;margin-bottom:clamp(2rem,4vw,3.5rem);padding-inline:.9rem;font-size:.72rem;font-weight:800;display:inline-flex}.system-page h1{letter-spacing:-.068em;max-width:10.5ch;margin-bottom:clamp(1.5rem,3vw,2.5rem);font-size:clamp(3.4rem,7.5vw,7.8rem);line-height:.9}.system-page__description{max-width:45rem;color:var(--color-ink-text);font-size:clamp(1rem,1.6vw,1.25rem);font-weight:500;line-height:1.65}.system-page__actions{flex-wrap:wrap;gap:.75rem;margin-top:clamp(2rem,4vw,3rem);display:flex}.system-page__marker{min-height:29rem;color:var(--color-white);background:linear-gradient(145deg, #ffffff0f, transparent 55%), var(--color-ink);border:1px solid var(--color-line-dark);border-radius:var(--radius-xl);box-shadow:var(--shadow-large);align-content:space-between;padding:2rem;display:grid;position:relative;overflow:hidden}.system-page__marker:before,.system-page__marker:after{content:"";pointer-events:none;position:absolute}.system-page__marker:before{background:var(--color-copper);opacity:.82;border-radius:50%;width:15rem;height:15rem;bottom:-5rem;right:-4rem}.system-page__marker:after{background:var(--color-line-dark);width:1px;top:0;bottom:0;left:38.2%}.system-page__marker>span{z-index:1;color:#ffffff85;font-size:.68rem;font-weight:700;position:relative}.system-page__marker strong{z-index:1;color:var(--color-white);font-family:var(--font-display-stack);letter-spacing:-.09em;font-size:clamp(6rem,11vw,10rem);line-height:.72;position:relative}.system-page__marker i{z-index:2;border:1px solid #ffffff8a;border-radius:50%;width:2.8rem;height:2.8rem;position:absolute;bottom:2.2rem;right:2.2rem}.system-page__paths{background:var(--color-white);border-top:1px solid var(--color-line-strong);border-left:1px solid var(--color-line-strong);grid-template-columns:repeat(3,1fr);margin-top:clamp(4rem,8vw,7rem);display:grid}.system-page__paths>a{border-right:1px solid var(--color-line-strong);border-bottom:1px solid var(--color-line-strong);min-height:17rem;transition:color var(--transition), background var(--transition), transform var(--transition);flex-direction:column;padding:clamp(1.5rem,3vw,2.5rem);display:flex;position:relative}.system-page__paths>a:hover{z-index:1;color:var(--color-white);background:var(--color-ink);transform:translateY(-.35rem)}.system-page__paths>a>span{color:var(--color-copper-dark);font-size:.68rem;font-weight:800}.system-page__paths strong{max-width:12ch;font-family:var(--font-display-stack);margin-top:auto;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1}.system-page__paths p{max-width:24rem;color:var(--color-muted);margin:1rem 0 0;font-size:.78rem;line-height:1.55}.system-page__paths>a:hover p{color:#ffffff94}.system-page__paths i{color:var(--color-copper);font-style:normal;position:absolute;top:1.6rem;right:1.6rem}.system-page__contact{border-bottom:1px solid var(--color-line-strong);grid-template-columns:1fr auto auto;align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:8.5rem;padding-block:1.5rem;display:grid}.system-page__contact div>span{font-family:var(--font-display-stack);font-size:1rem;font-weight:800}.system-page__contact p{color:var(--color-muted);margin:.3rem 0 0;font-size:.77rem}.system-page__contact>a{font-family:var(--font-display-stack);font-size:clamp(1rem,2.2vw,1.4rem);font-weight:800}.system-page__contact>a:last-child:not(:only-of-type){min-height:3.5rem;color:var(--color-white);background:var(--color-copper);border-radius:var(--radius-pill);align-items:center;gap:1rem;padding-inline:1.2rem;font-size:.78rem;display:flex}.system-page--error .system-page__marker{background:linear-gradient(145deg, #ffffff17, transparent 55%), var(--color-copper-dark)}.system-page--error .system-page__marker:before{background:var(--color-ink)}.system-page--error .system-page__marker strong{font-size:clamp(10rem,18vw,16rem)}@media (width<=800px){.system-page__grid{grid-template-columns:1fr;gap:2rem}.system-page__marker{min-height:16rem}.system-page__paths{grid-template-columns:1fr}.system-page__paths>a{min-height:13rem}.system-page__contact{grid-template-columns:1fr;align-items:flex-start}}@media (width<=520px){.system-page{padding-block:2.5rem 4rem}.system-page h1{font-size:clamp(3rem,15vw,4.3rem)}.system-page__actions{display:grid}.system-page__marker{border-radius:var(--radius-lg);min-height:13rem}}