/* Layout for the enterprise IT services site. Shared tokens/components come from tokens.css, site.css and interactions.css. */
.it-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#d6c7ff90,transparent 50%),radial-gradient(ellipse at 28% 65%,#e6ddff,transparent 45%),#f6f2ff}
.it-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,80px);align-items:center;padding-top:clamp(170px,15vw,230px);padding-bottom:clamp(70px,7vw,110px)}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:650;color:#5b4fb8;background:#ffffffa8;border:1px solid #e3dcfb;border-radius:999px;padding:8px 16px}
.hero-eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent)}
.it-hero h1{font-size:clamp(46px,5.4vw,84px);line-height:1.1;letter-spacing:-3px;font-weight:900;color:#08032a;margin-top:26px}
.it-hero .hero-subtitle{margin-top:22px}
.it-hero .hero-description{max-width:560px}
.arch-wrap{position:relative}
.arch{width:100%;height:auto;display:block}
.arch text{font-family:inherit}
.arch-title{font-size:14px;font-weight:650;fill:#5b4fb8;letter-spacing:.5px}
.arch-pill rect{fill:#ede8ff}
.arch-pill text{font-size:13px;font-weight:650;fill:var(--accent)}
.arch-layer rect.arch-box{fill:#fff;stroke:#ded8fa;stroke-width:1.5;filter:url(#arch-shadow)}
.arch-stripe{fill:var(--accent)}
.arch-name{font-size:24px;font-weight:750;fill:#100b43}
.arch-items{font-size:16px;fill:#777298}
.arch-tag{font-size:14px;fill:#5b4fb8}
.arch-line{stroke:#b9acff;stroke-width:2;fill:none}
.arch-node{fill:var(--accent)}
.arch-caption{margin-top:14px;font-size:13px;color:var(--muted);text-align:center}
.section-heading{max-width:900px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:48px}
.service-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:32px 30px 28px;border:1px solid var(--line);border-radius:24px;background:#fff;transition:border-color .15s,box-shadow .15s}
.service-card:hover{border-color:#b9acff;box-shadow:0 18px 50px #4431ff12}
.service-card .icon-box{width:56px;height:56px;border-radius:17px}
.service-card h3{font-size:24px;letter-spacing:-.5px;line-height:1.3}
.service-card p{font-size:16px;line-height:1.75;color:var(--muted);flex:1}
.service-card .text-link{font-size:15px;min-height:auto;gap:10px}
.services-note{margin-top:26px}
.it-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;list-style:none;margin:48px 0 0;padding:0}
.it-steps li{position:relative;padding:28px 24px 26px;border:1px solid #e9e4fa;border-radius:22px;background:#ffffffb8}
.it-steps .step-no{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:750;font-size:16px;margin-bottom:18px}
.it-steps strong{display:block;font-size:20px;margin-bottom:10px}
.it-steps p{font-size:15px;line-height:1.7;color:var(--muted)}
.it-steps li:not(:last-child)::after{content:'';position:absolute;top:50px;right:-22px;width:22px;height:2px;background:#c9c0f5}
.scenarios .section-heading{margin-bottom:40px}
.scenarios .industry-row{grid-template-columns:290px 1fr 1.1fr 28px}
.about-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;margin-top:44px;align-items:start}
.about-text p{font-size:18px;line-height:1.85;color:#3a315f}
.about-text p+p{margin-top:18px}
.about-text .text-link{margin-top:24px}
.facts{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff}
.facts dl{display:grid;gap:20px;margin:0}
.facts dt{font-size:13px;color:var(--muted);margin-bottom:5px}
.facts dd{margin:0;font-size:18px;font-weight:600;line-height:1.5}
.facts dd a:hover{color:var(--accent)}
.contact-note{margin-top:34px;max-width:620px}
.site-footer{flex-wrap:wrap}
.site-footer .footer-meta{display:grid;gap:4px;text-align:right}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.it-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.it-steps li:not(:last-child)::after{display:none}.about-layout{grid-template-columns:1fr;gap:36px}}
@media(max-width:800px){.it-hero .hero-grid{grid-template-columns:1fr;gap:40px;padding-top:130px;padding-bottom:60px}.it-hero h1{font-size:clamp(40px,10vw,60px);letter-spacing:-2px;margin-top:20px}.arch-wrap{max-width:560px;margin:0 auto}.contact{padding-bottom:90px}.site-footer .footer-meta{text-align:left}}
@media(max-width:600px){.service-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}.service-card{padding:26px 22px 22px;border-radius:20px}.it-steps{grid-template-columns:1fr;gap:14px;margin-top:32px}.it-steps li{padding:22px 20px}.arch-tag{display:none}.hero-eyebrow{font-size:13px;padding:7px 13px}}
@media(max-width:480px){.it-hero h1{font-size:clamp(36px,10.5vw,48px)}.it-hero .hero-subtitle{font-size:19px}.facts{padding:22px}.facts dd{font-size:16px}.about-text p{font-size:16px}}