/* SS Computers
   Moved from inline <style> in: about.html
   Keep this file in the same stylesheet order shown in the HTML page(s).
*/

/* About page only: blue and white styling inspired by Contact banner */
.about2007-page{--ab-blue:#0d64d4;--ab-ink:#102f5b;--ab-line:#dbe9fb;--ab-shadow:0 17px 40px rgba(16,78,150,.10);color:var(--ab-ink);background:#fff;overflow:hidden}
.about2007-page .container{position:relative}
.about2007-page .about2007-hero{position:relative;background:radial-gradient(ellipse at 88% 15%,#cfe9ff 0%,transparent 39%),linear-gradient(135deg,#f2f9ff,#fff 65%);padding-top:78px;padding-bottom:80px;overflow:hidden}
.about2007-page .about2007-hero:before{content:"";position:absolute;right:-9%;bottom:-155px;width:65%;height:295px;border-radius:50% 50% 0 0;background:linear-gradient(115deg,rgba(33,155,238,.10),rgba(33,155,238,.02));transform:rotate(-9deg);pointer-events:none}
.about2007-page .about2007-hero:after{content:"";position:absolute;right:0;top:0;bottom:0;width:58%;background:linear-gradient(90deg,transparent,rgba(39,139,234,.025));pointer-events:none}
.about2007-page .about2007-grid{position:relative;z-index:1;gap:clamp(28px,4vw,76px);align-items:center}
.about2007-page .about2007-hero h1{color:#102f5b!important;font-size:clamp(38px,5vw,68px);line-height:1.1;letter-spacing:-.045em;max-width:760px}
.about2007-page .about2007-hero h1 em{color:#096bd5;font-style:normal}
.about2007-page .about2007-lead{color:#506a88;font-size:clamp(15px,1.25vw,18px);line-height:1.8;max-width:650px}
.about2007-page .about2007-kicker{color:#0b67ce;letter-spacing:1.5px;font-weight:850}
/* Only the Our Journey card receives this refresh. */
.about2007-page .about2007-year-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a9d0f9;border-radius:30px;padding:clamp(30px,4vw,52px);background:linear-gradient(145deg,#fff 0%,#f0f8ff 55%,#e0f0ff 100%);box-shadow:0 22px 52px rgba(16,81,158,.15),inset 0 1px 0 #fff;transform:none;transition:transform .22s ease,box-shadow .22s ease}
.about2007-page .about2007-year-card:hover{transform:translateY(-4px);box-shadow:0 30px 66px rgba(16,81,158,.20),inset 0 1px 0 #fff}
.about2007-page .about2007-year-card:before{content:"";position:absolute;z-index:-1;inset:11px;border:1px solid rgba(24,111,219,.14);border-radius:22px;pointer-events:none}
.about2007-page .about2007-year-card:after{content:"";position:absolute;z-index:-1;width:265px;height:265px;right:-82px;top:-105px;border-radius:50%;background:radial-gradient(circle,#9ad2ff88 0%,#d9eeff55 52%,transparent 72%);pointer-events:none}
.about2007-page .about2007-year-card small{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #c7e0fa;border-radius:100px;background:#fff;color:#0b58ad;font-size:12px;font-weight:850;letter-spacing:1.55px}
.about2007-page .about2007-year-card small:before{content:"";width:8px;height:8px;border-radius:50%;background:#139aef;box-shadow:0 0 0 4px #e4f3ff}
.about2007-page .about2007-year-card strong{display:block;width:max-content;max-width:100%;margin:14px 0 0;color:#0d64d4;font-size:clamp(70px,8vw,112px);line-height:1.02;letter-spacing:-.065em;font-weight:900;background:linear-gradient(110deg,#073981 0%,#1268d8 54%,#2eb3ef 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.about2007-page .about2007-year-card span{display:block;color:#0b4a9c;font-size:clamp(20px,2.4vw,29px);line-height:1.35;font-weight:850;letter-spacing:-.025em;margin:4px 0 23px}
.about2007-page .about2007-year-card p{color:#43617f;line-height:1.8;font-size:clamp(14px,1.15vw,17px);margin-top:20px;max-width:480px}
.about2007-page .about2007-year-card .about2007-line{height:5px;max-width:100%;border-radius:99px;background:linear-gradient(90deg,#1262d8 0%,#2fa7ef 70%,#9bdcff 100%);box-shadow:0 3px 9px #1676de25}
@media(prefers-reduced-motion:reduce){.about2007-page .about2007-year-card{transition:none}.about2007-page .about2007-year-card:hover{transform:none}}
.about2007-page .about2007-actions .primary{background:linear-gradient(125deg,#0869de,#124cb4);box-shadow:0 10px 25px rgba(13,94,203,.20)}
.about2007-page .about2007-actions .light{border:1px solid #c5ddf7;background:#fff;color:#0d55a9}
.about2007-page .about2007-pills span{border:1px solid #cee2fa;background:rgba(255,255,255,.9);color:#164b85;box-shadow:0 4px 12px rgba(23,89,167,.04)}
.about2007-page .about2007-story{background:#fff;padding-top:85px;padding-bottom:85px}
.about2007-page .about2007-heading h2{color:#102f5b!important;font-size:clamp(29px,3vw,43px);line-height:1.18;letter-spacing:-.035em}
.about2007-page .about2007-story-copy{padding:25px 30px;border-left:4px solid #1574df;background:linear-gradient(100deg,#eff7ff,rgba(249,252,255,.5));border-radius:0 19px 19px 0;color:#506a88}
.about2007-page .about2007-story-copy p{color:#506a88;line-height:1.85}
.about2007-page .about2007-values{background:linear-gradient(180deg,#edf6ff,#f8fbff);padding-top:80px;padding-bottom:85px}
.about2007-page .about2007-value-grid{gap:20px}
.about2007-page .about2007-value-grid article{position:relative;overflow:hidden;border:1px solid #d4e5f9;border-radius:23px;padding:28px 24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--ab-shadow);transition:transform .2s,box-shadow .2s,border-color .2s}
.about2007-page .about2007-value-grid article:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#096bde,#53b5fa)}
.about2007-page .about2007-value-grid article:nth-child(2):before{background:linear-gradient(90deg,#119d69,#54d9a3)}
.about2007-page .about2007-value-grid article:nth-child(3):before{background:linear-gradient(90deg,#7058d9,#a88bf8)}
.about2007-page .about2007-value-grid article:nth-child(4):before{background:linear-gradient(90deg,#ee8a27,#ffc46e)}
.about2007-page .about2007-value-grid article:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(16,78,150,.15);border-color:#b6d5f8}
.about2007-page .about2007-value-grid article b{display:grid;place-items:center;width:46px;height:46px;background:#e9f3ff;color:#0b62c7;border-radius:14px;font-size:16px}
.about2007-page .about2007-value-grid article:nth-child(2) b{background:#e6f8ee;color:#07945a}
.about2007-page .about2007-value-grid article:nth-child(3) b{background:#f0ecff;color:#6a55ce}
.about2007-page .about2007-value-grid article:nth-child(4) b{background:#fff2e2;color:#d07918}
.about2007-page .about2007-value-grid article h3{color:#12345f;margin:18px 0 8px;font-size:20px}
.about2007-page .about2007-value-grid article p{color:#546f8c;line-height:1.7}
.about2007-page .about2007-services{background:#fff;padding-top:85px;padding-bottom:85px}
.about2007-page .about2007-service-grid{gap:18px}
.about2007-page .about2007-service-grid a{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:116px;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #d9e8fa;border-radius:20px;padding:22px 25px;box-shadow:0 12px 28px rgba(16,78,150,.07);transition:transform .2s,box-shadow .2s,border-color .2s}
.about2007-page .about2007-service-grid a:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#0a62d4,#49b9ff)}
.about2007-page .about2007-service-grid a:after{content:"→";position:absolute;right:19px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#eaf4ff;color:#0c63c7;font-size:19px}
.about2007-page .about2007-service-grid a:hover{transform:translateY(-4px);border-color:#b8d5f7;box-shadow:0 18px 37px rgba(16,78,150,.13)}
.about2007-page .about2007-service-grid a strong,.about2007-page .about2007-service-grid a span{padding-right:34px}
.about2007-page .about2007-service-grid a strong{font-size:17px;color:#133761}
.about2007-page .about2007-service-grid a span{color:#58718c;font-size:13px;line-height:1.5;margin-top:6px}
.about2007-page .about2007-cta{background:linear-gradient(180deg,#f3f9ff,#fff);padding-top:24px;padding-bottom:88px}
.about2007-page .about2007-cta-card{border:1px solid #c4dffa;background:linear-gradient(115deg,#e8f4ff 0%,#fff 55%,#e8f4ff 100%);border-radius:29px;padding:38px 44px;box-shadow:0 17px 45px rgba(13,81,159,.10)}
.about2007-page .about2007-cta-card h2{color:#12345f!important}
.about2007-page .about2007-cta-card p{color:#4e6884}
@media(max-width:760px){.about2007-page .about2007-hero{padding-top:48px;padding-bottom:55px}.about2007-page .about2007-grid{gap:30px}.about2007-page .about2007-year-card{padding:28px}.about2007-page .about2007-story,.about2007-page .about2007-values,.about2007-page .about2007-services{padding-top:55px;padding-bottom:55px}.about2007-page .about2007-story-copy{padding:22px}.about2007-page .about2007-cta-card{padding:27px 22px}.about2007-page .about2007-service-grid a{min-height:97px;padding:17px 20px}}
@media(prefers-reduced-motion:reduce){.about2007-page .about2007-service-grid a,.about2007-page .about2007-value-grid article{transition:none}}