/* atstratus.ai — strata: an original visual system built from the three-band symbol. */
:root{--mineral:#edf2ef;--sage:#d4e0d6;--strata:#aec8c2}
.platform-pair{display:grid;grid-template-columns:1.06fr .94fr;gap:28px;align-items:start;padding-bottom:0}.platform-card{position:relative;isolation:isolate;display:flex;min-height:480px;padding:44px;overflow:hidden;border-radius:6px;background:var(--petrol);color:white}.platform-servicenow{margin-top:72px;background:var(--mineral);color:var(--ink);min-height:465px}.platform-text{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;width:100%}.platform-domain{font-size:12px;line-height:1.5;color:#d1e2df}.platform-description{font-size:19px;line-height:1.6;margin-top:20px;max-width:290px;color:#e2eeeb}.platform-link{display:inline-flex;align-items:center;gap:22px;margin-top:auto;padding:11px 0 3px;border-bottom:1px solid #d8eeeb99;font-size:13px;font-weight:600}.platform-link svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .3s}.platform-card:hover .platform-link svg{transform:translateX(5px)}.platform-servicenow .platform-domain,.platform-servicenow .platform-description{color:#536a66}.platform-servicenow .platform-link{border-color:#677c7480}
.platform-form{position:absolute;z-index:1;width:65%;height:250px;right:-9%;bottom:-30px;pointer-events:none;transform:rotate(-15deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.platform-card:hover .platform-form,.platform-card:focus-visible .platform-form{transform:rotate(-9deg) translate(-8px,-12px)}.asset-planes{position:relative;width:100%;height:100%}.asset-planes i{display:block;position:absolute;right:0;width:100%;height:70px;background:#7cafaa;border:1px solid #c8e4dc80;box-shadow:0 20px 0 #063f4970;transform:skewX(-20deg)}.asset-planes i:nth-child(1){top:0;width:55%;background:#b2d1c6}.asset-planes i:nth-child(2){top:85px;width:78%;background:#6d9e98}.asset-planes i:nth-child(3){top:170px;background:#417d7c}.asset-planes i::after{content:'';position:absolute;inset:14px;border:1px solid #e5f3ec5a}.scan-line{position:absolute;height:250px;width:1px;top:0;left:32%;background:#edf9ee;opacity:.55;transition:left .7s}.platform-card:hover .scan-line{left:62%}
.platform-servicenow .platform-form{right:-17%;bottom:-50px;transform:rotate(15deg)}.platform-servicenow:hover .platform-form,.platform-servicenow:focus-visible .platform-form{transform:rotate(8deg) translate(-8px,-12px)}.flow-ribbons{width:100%;height:100%;position:relative}.flow-ribbons i{position:absolute;right:0;top:0;width:75%;height:55px;border:20px solid #a5bdb0;border-radius:0 0 0 34px;border-top:0;border-right:0}.flow-ribbons i:nth-child(2){top:78px;width:88%;border-color:#698e81}.flow-ribbons i:nth-child(3){top:156px;width:100%;border-color:#2b655e}.flow-ribbons span{position:absolute;right:35%;top:0;height:250px;width:1px;background:#5b837b55}
.solutions-map{background:var(--mineral);padding:110px 0 100px}.map-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:end;margin-bottom:50px}.map-heading>div{max-width:430px}.map-heading p{color:#536a66;font-size:17px;margin-bottom:18px}.map-all{font-size:13px;border-bottom:1px solid #8aa69b;padding-bottom:4px}.map-all:hover{color:var(--petrol)}.solution-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #a9bdb2}.solution-tabs button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px 23px 0;border:0;background:transparent;color:#586d65;text-align:left;font:400 19px/1.35 var(--display);letter-spacing:-.025em}.solution-tabs button:not(:first-child){padding-left:24px;border-left:1px solid #c7d2ca}.solution-tabs button[aria-selected=true]{color:var(--petrol)}.solution-tabs button::after{content:'';position:absolute;height:4px;left:0;right:0;bottom:-2px;background:var(--petrol);transform:scaleX(0);transform-origin:left;transition:transform .25s}.solution-tabs button[aria-selected=true]::after{transform:scaleX(1)}.solution-tabs button>span{width:8px;height:8px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}.solution-tabs button[aria-selected=true]>span{background:var(--petrol)}
.perspective-panel{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;min-height:360px;padding:45px 0 0}.perspective-panel[hidden]{display:none}.perspective-copy{max-width:430px}.perspective-copy h3{font-size:35px;line-height:1.15;max-width:410px}.perspective-copy p{font-size:15px;line-height:1.8;color:#536a66;margin:22px 0 25px}.perspective-copy .inline-link{font-size:13px}.layer-visual{height:280px;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:15px;transform:rotate(-7deg);padding-right:15px;min-width:0}.context-layer{display:flex;align-items:center;gap:14px;padding:0 25px;height:68px;width:100%;background:#d6e1d8;border:1px solid #b8cbc0;color:#577267;transition:transform .4s,background .4s}.context-layer:first-child{width:70%}.context-layer:nth-child(2){width:85%}.context-layer.emphasis{background:var(--petrol);border-color:var(--petrol);color:white;transform:translateX(-18px)}.context-layer>span{font:400 21px/1 var(--display);letter-spacing:-.03em;margin-right:auto}.context-layer>i{display:block;width:7px;height:7px;background:currentColor;opacity:.35}.context-layer>i:last-child{opacity:.8}
.sector-section{background:white;padding:105px 0 115px}.sector-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end;margin-bottom:50px}.sector-heading>div{max-width:380px}.sector-heading p{font-size:16px;color:var(--muted);margin-bottom:20px}.sector-mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.sector-tile{grid-column:span 4;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-start;min-height:265px;padding:30px 32px;border-radius:5px;background:#f1f4f1;color:var(--ink);transition:background .25s}.sector-manufacturing{grid-column:span 7;min-height:280px;background:var(--dark);color:white}.sector-public-sector{grid-column:span 5;background:#dbe7df}.sector-bpo{background:#e7eeea}.sector-banking-insurance{background:#dbe5e3}.sector-copy{position:relative;z-index:2;max-width:260px;display:flex;align-items:flex-start;flex-direction:column;min-height:100%}.sector-copy h3{font-size:27px;line-height:1.16;max-width:260px}.sector-copy p{font-size:13px;line-height:1.7;color:#536a66;margin-top:16px;max-width:235px}.sector-manufacturing .sector-copy p{color:#b7ceca}.sector-manufacturing .sector-copy{max-width:340px}.sector-manufacturing .sector-copy h3{font-size:39px}.sector-manufacturing .sector-copy p{max-width:270px;font-size:14px}.sector-go{margin-top:22px;border:1px solid #afc3b9;border-radius:50%;width:31px;height:31px;text-align:center;line-height:29px;font-size:18px;transition:transform .25s,background .25s}.sector-manufacturing .sector-go{border-color:#688e89}.sector-tile:hover .sector-go,.sector-tile:focus-visible .sector-go{transform:rotate(45deg);background:#b9d1c1}.sector-manufacturing:hover .sector-go{background:#2c5c57}.sector-tile:hover{background:#e5ede6}.sector-manufacturing:hover{background:#103339}.sector-public-sector:hover{background:#c7ddcf}.sector-symbol{position:absolute;z-index:1;right:20px;bottom:20px;width:84px;height:84px;stroke:#75998c;stroke-width:1;fill:none;opacity:.6;transition:transform .5s}.sector-manufacturing .sector-symbol{stroke:#83b1a6;opacity:.7}.sector-tile:hover .sector-symbol{transform:translateY(-8px)}.sector-strata{position:absolute;inset:auto -25% -55% 35%;height:280px;transform:rotate(-25deg);z-index:0;opacity:.35}.sector-strata i{display:block;height:34px;margin-bottom:13px;background:#bed2c4}.sector-strata i:first-child{margin-left:45%}.sector-strata i:nth-child(2){margin-left:23%}.sector-manufacturing .sector-strata{height:400px;left:45%;bottom:-65%;opacity:.16}.sector-manufacturing .sector-strata i{height:54px;margin-bottom:18px}
@media(max-width:1180px){.platform-card{padding:34px;min-height:430px}.platform-servicenow{min-height:420px}.platform-description{font-size:18px;max-width:260px}.map-heading,.sector-heading{gap:55px}.perspective-panel{gap:55px}.sector-tile{padding:26px 25px}.sector-copy h3{font-size:24px}.sector-symbol{width:65px;height:65px;right:15px;bottom:15px}}
@media(max-width:900px){.platform-pair{gap:20px;grid-template-columns:1fr 1fr}.platform-card{min-height:410px;padding:28px}.platform-description{font-size:16px;max-width:230px}.platform-servicenow{margin-top:45px}.platform-form{width:80%;right:-25%}.platform-servicenow .platform-form{right:-35%}.map-heading,.sector-heading{gap:40px}.solution-tabs button{font-size:16px;padding:18px 15px 20px 0;gap:10px}.solution-tabs button:not(:first-child){padding-left:15px}.perspective-copy h3{font-size:29px}.perspective-panel{gap:40px}.context-layer{padding:0 15px;gap:7px}.context-layer>span{font-size:19px}.context-layer>i{width:5px;height:5px}.sector-copy p{max-width:200px}.sector-symbol{opacity:.25}.sector-manufacturing .sector-symbol{opacity:.5}.sector-tile{padding:24px;min-height:290px}.sector-copy h3{font-size:23px}}
@media(max-width:700px){.platform-pair{grid-template-columns:1fr;gap:20px}.platform-card{padding:30px;min-height:390px}.platform-servicenow{margin-top:0;min-height:390px}.platform-description{font-size:17px;max-width:245px}.platform-form{width:67%;right:-15%;bottom:-30px;height:230px}.platform-servicenow .platform-form{right:-20%}.platform-domain{font-size:11px}.platform-link{font-size:13px}.solutions-map{padding:70px 0}.map-heading,.sector-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.map-heading p{font-size:15px;margin-bottom:14px}.solution-tabs{grid-template-columns:1fr 1fr;gap:0}.solution-tabs button{min-height:78px;padding:18px 12px 18px 0;font-size:17px;border-top:1px solid #c7d2ca}.solution-tabs button:nth-child(odd){padding-left:0;border-left:0}.solution-tabs button:nth-child(even){padding-left:16px}.solution-tabs button::after{height:3px}.perspective-panel{grid-template-columns:1fr;gap:20px;padding-top:35px;min-height:0}.perspective-copy{max-width:100%}.perspective-copy h3{font-size:31px;max-width:310px}.perspective-copy p{font-size:14px}.layer-visual{height:240px;padding-left:18px;padding-right:10px}.context-layer{height:58px;padding:0 19px;gap:10px}.context-layer>span{font-size:20px}.context-layer>i{width:6px;height:6px}.sector-section{padding:70px 0}.sector-heading p{font-size:15px}.sector-mosaic{grid-template-columns:1fr;gap:14px}.sector-tile,.sector-manufacturing,.sector-public-sector{grid-column:auto;min-height:230px;padding:27px}.sector-manufacturing{min-height:270px}.sector-copy h3,.sector-manufacturing .sector-copy h3{font-size:29px;max-width:270px}.sector-copy p{max-width:230px;margin-top:14px}.sector-manufacturing .sector-copy p{font-size:13px;max-width:230px}.sector-symbol,.sector-manufacturing .sector-symbol{width:95px;height:95px;right:16px;bottom:20px;opacity:.35}.sector-manufacturing .sector-symbol{opacity:.45}.sector-go{margin-top:20px}.sector-strata{bottom:-65%}.sector-manufacturing .sector-strata{bottom:-70%;left:25%}.sector-tile:focus-visible{outline-offset:3px}}
@media(max-width:360px){.platform-card{padding:25px;min-height:370px}.platform-description{font-size:16px;max-width:215px}.platform-form{right:-25%;width:70%}.platform-servicenow .platform-form{right:-30%}.solution-tabs button{font-size:16px}.perspective-copy h3{font-size:28px}.context-layer{padding:0 13px;gap:7px}.context-layer>span{font-size:18px}.sector-tile{padding:24px}.sector-copy h3,.sector-manufacturing .sector-copy h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.platform-form,.platform-link svg,.scan-line,.sector-symbol,.sector-go,.context-layer{transition:none!important}.platform-card:hover .platform-form,.platform-card:focus-visible .platform-form{transform:rotate(-15deg)}.platform-servicenow:hover .platform-form,.platform-servicenow:focus-visible .platform-form{transform:rotate(15deg)}}

/* Vendor logos take the product heading position, with one copy per card. */
.platform-vendor-logo{display:flex;align-items:center;width:100%;height:82px;flex-shrink:0;margin:25px 0 0;pointer-events:none}
.platform-vendor-logo img{display:block;width:100%;max-width:420px;height:auto;max-height:82px;object-fit:contain;object-position:left center}
.platform-servicenow .platform-vendor-logo img{max-width:370px}
@media(max-width:900px){.platform-vendor-logo{height:72px}}
@media(max-width:700px){.platform-vendor-logo{height:72px;margin-top:22px}.platform-vendor-logo img,.platform-servicenow .platform-vendor-logo img{max-width:320px;max-height:72px}}

/* Industry rows share the full width; active state follows pointer and keyboard focus. */
.sector-mosaic{display:flex;flex-direction:column;gap:16px}
.sector-row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.sector-row>.sector-tile{grid-column:auto;min-width:0;transition:background-color .25s,color .25s}
.sector-copy{min-width:0}
.sector-tile{--sector-surface:#f1f4f1}
.sector-public-sector{--sector-surface:#dbe7df}
.sector-bpo{--sector-surface:#e7eeea}
.sector-banking-insurance{--sector-surface:#dbe5e3}
.sector-mosaic .sector-tile,.sector-mosaic .sector-tile:hover{background:var(--sector-surface);color:var(--ink)}
.sector-mosaic .sector-tile .sector-copy p{color:#536a66;transition:color .25s}
.sector-mosaic .sector-tile .sector-symbol{stroke:#75998c}
.sector-mosaic .sector-tile .sector-go{border-color:#afc3b9}
.sector-mosaic .sector-tile.is-active{background:var(--dark);color:white}
.sector-mosaic .sector-tile.is-active .sector-copy p{color:#b7ceca}
.sector-mosaic .sector-tile.is-active .sector-symbol{stroke:#83b1a6}
.sector-mosaic .sector-tile.is-active .sector-go{border-color:#688e89;background:#2c5c57}
.sector-mosaic .sector-tile:not(.is-active) .sector-go{background:transparent}
@media(min-width:701px){
 .sector-row-pair{grid-template-columns:minmax(0,7fr) minmax(0,5fr);transition:grid-template-columns .45s cubic-bezier(.22,.68,0,1)}
 .sector-row-trio{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sector-mosaic[data-engaged=true][data-active="0"] .sector-row-pair{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
 .sector-mosaic[data-engaged=true][data-active="1"] .sector-row-pair{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
 .sector-row-pair .sector-manufacturing{container-type:inline-size}
 .sector-row-pair .sector-manufacturing .sector-copy h3{font-size:clamp(22px,10cqw,39px);overflow-wrap:anywhere}
}
@media(max-width:700px){.sector-row,.sector-mosaic{gap:14px}}
@media(prefers-reduced-motion:reduce){.sector-row-pair,.sector-mosaic .sector-tile,.sector-mosaic .sector-tile .sector-copy p{transition:none}}

/* A soft pool of light responds to the cursor in the closing invitation. */
.closing{position:relative;isolation:isolate;--closing-x:72%;--closing-y:50%}
.closing::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 440px 270px at var(--closing-x) var(--closing-y),#b5d9cd80,transparent 78%);opacity:0;transition:opacity .55s ease}
.closing.is-lit::before,.closing:focus-within::before{opacity:1}
.closing .button{transition:background-color .25s ease,transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.closing .button:focus-visible{transform:translateY(-2px);box-shadow:0 5px 16px #0f5c6614}
@media(hover:hover) and (pointer:fine){.closing .button:hover{transform:translateY(-2px);box-shadow:0 5px 16px #0f5c6614}}
@media(prefers-reduced-motion:reduce){.closing::before{display:none}.closing .button{transition:none}.closing .button:hover,.closing .button:focus-visible{transform:none;box-shadow:none}}