
:root{--navy:#071426;--blue:#0757a5;--blue2:#0c72d2;--ink:#0b1420;--muted:#607084;--line:#dbe3ec;--soft:#f4f7fa;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,20,38,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font-size:18px;letter-spacing:.18em}.brand img{width:50px;height:50px;object-fit:cover;object-position:center 27%;border-radius:50%}.brand b{color:var(--blue)}nav{display:flex;align-items:center;gap:32px}nav a{color:#314052;text-decoration:none;font-size:14px;font-weight:650}nav a:hover{color:var(--blue)}.nav-cta{border:1px solid #c8d4e0;padding:9px 16px;border-radius:8px}.menu{display:none;background:none;border:0;font-size:24px}.hero{overflow:hidden;background:linear-gradient(120deg,#f7f9fb 0,#fff 60%);border-bottom:1px solid #e5ebf1}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--blue);font-weight:800;margin-bottom:18px}.hero h1{font-size:clamp(48px,5.5vw,76px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px;color:var(--navy)}.hero h1 span{color:var(--blue)}.hero-copy>p{max-width:650px;font-size:19px;color:#526173}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:750}.primary{background:var(--blue);color:#fff;box-shadow:0 10px 28px rgba(7,87,165,.22)}.primary:hover{background:#064b8d}.secondary{border:1px solid #c9d4df;color:var(--navy);background:#fff}.hero-mark{position:relative;display:flex;justify-content:center}.hero-mark img{position:relative;width:min(460px,100%);border-radius:26px;mix-blend-mode:multiply;filter:contrast(1.03)}.glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(10,100,190,.15),transparent 68%)}.intro{padding:105px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.intro h2,.section-head h2,.capabilities h2,.contact h2{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.035em;margin:0;color:var(--navy)}.copy{font-size:17px;color:#536274}.copy p:first-child{margin-top:5px}.products{padding:100px 0;background:var(--soft);border-top:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0}.section-head{display:grid;grid-template-columns:1fr 420px;align-items:end;gap:60px;margin-bottom:48px}.section-head p{color:#607084;margin:0}.product-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:440px;background:var(--navy);border-radius:18px;overflow:hidden;box-shadow:0 25px 60px rgba(7,20,38,.15)}.product-copy{padding:60px;color:#fff}.pill{display:inline-block;font-size:10px;letter-spacing:.15em;font-weight:800;color:#8bc4ff;background:rgba(36,132,225,.13);border:1px solid rgba(90,167,240,.25);padding:7px 10px;border-radius:5px}.product-copy h3{font-size:42px;letter-spacing:-.03em;margin:22px 0 0}.product-copy .lead{font-size:19px;color:#a8d3ff;margin:2px 0 20px}.product-copy>p:not(.lead){color:#b8c5d3;max-width:470px}.text-link{display:inline-block;margin-top:18px;color:#fff;text-decoration:none;font-weight:750}.text-link span{color:#4da2f0;margin-left:8px}.product-visual{display:flex;align-items:center;justify-content:center;padding:55px;background:radial-gradient(circle at 70% 30%,rgba(15,104,190,.28),transparent 55%)}.window{width:100%;max-width:570px;background:#0c1d32;border:1px solid #29425f;border-radius:13px;box-shadow:0 30px 60px rgba(0,0,0,.3);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.window-top{height:42px;border-bottom:1px solid #243b56;display:flex;align-items:center;padding:0 14px;gap:7px;color:#6f89a5;font-size:9px;letter-spacing:.13em}.window-top i{width:7px;height:7px;border-radius:50%;background:#35506d}.window-top span{margin-left:8px}.window-body{height:265px;display:grid;grid-template-columns:64px 1fr}.side{border-right:1px solid #203a55;padding:20px 14px;color:#61b0fa;font-size:13px}.side em{display:block;height:7px;background:#263e58;border-radius:5px;margin:25px 0}.dash{padding:34px}.dash small{color:#5484b2;font-size:9px;letter-spacing:.16em}.dash strong{display:block;color:#eef7ff;font-size:24px;margin:7px 0 24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats span{height:52px;border:1px solid #294664;border-radius:7px;background:#102944}.chart{height:60px;margin-top:14px;border:1px solid #294664;border-radius:7px;background:linear-gradient(160deg,transparent 48%,#1768ad 49%,#1768ad 51%,transparent 52%)}.future-card{display:flex;align-items:center;gap:24px;margin-top:22px;padding:28px 34px;background:#fff;border:1px solid #dce4ec;border-radius:14px}.future-card .plus{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#eef5fc;color:var(--blue);font-size:28px}.future-card h3{margin:0;color:var(--navy)}.future-card p{margin:3px 0 0;color:#687688}.capabilities{padding:105px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.cards article{border:1px solid #dfe6ed;border-radius:14px;padding:34px;background:#fff}.cards .icon{width:46px;height:46px;display:grid;place-items:center;background:#edf5fd;border-radius:10px;color:var(--blue);font-weight:800}.cards h3{font-size:20px;color:var(--navy);margin:22px 0 8px}.cards p{color:#667587;margin:0}.contact{padding:0 0 100px}.contact-box{background:linear-gradient(125deg,#08203b,#063a6c);border-radius:18px;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:50px;color:#fff}.contact .eyebrow{color:#77baff}.contact h2{color:#fff;max-width:720px}.contact p{color:#b8cbe0}.light{background:#fff;color:var(--navy);white-space:nowrap}footer{background:#050e1a;color:#8191a3}.footer-main{padding:60px 0 48px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand img{width:80px;border-radius:50%;filter:brightness(1.6);mix-blend-mode:screen}.footer-brand p{max-width:300px}.footer-main b{display:block;color:#e5edf5;margin-bottom:13px}.footer-main a{display:block;color:#8999aa;text-decoration:none;margin:7px 0;font-size:14px}.footer-main a:hover{color:#fff}.footer-bottom{padding:20px 0 30px;border-top:1px solid #172435;display:flex;justify-content:space-between;font-size:12px}
@media(max-width:850px){.menu{display:block}nav{display:none;position:absolute;top:82px;left:0;right:0;padding:24px;background:#fff;border-bottom:1px solid #ddd;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero-grid,.split,.section-head,.product-card{grid-template-columns:1fr}.hero-grid{padding:70px 0}.hero-mark{display:none}.split{gap:30px}.section-head{gap:20px}.product-copy{padding:40px}.product-visual{padding:30px}.cards{grid-template-columns:1fr}.contact-box{padding:40px;display:block}.contact-box .btn{margin-top:20px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:520px){.wrap{width:min(100% - 28px,1160px)}.brand span{font-size:14px}.brand img{width:42px;height:42px}.hero-grid{min-height:auto;padding:58px 0}.hero h1{font-size:44px}.actions{flex-direction:column;align-items:stretch}.intro,.products,.capabilities{padding:75px 0}.product-copy{padding:32px 25px}.product-copy h3{font-size:34px}.product-visual{padding:22px 15px}.window-body{height:220px}.dash{padding:24px 18px}.contact{padding-bottom:70px}.contact-box{padding:34px 24px}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}}


/* Standalone Projects page */
body:has(main > .products:first-child) .products{padding-top:105px}
nav a[aria-current="page"]{color:var(--blue)}


/* Mitsan businesses & brands */
.businesses{padding:100px 0;background:#fff;border-top:1px solid #e7edf3}
.business-head{margin-bottom:42px}
.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.business-card{position:relative;min-height:340px;padding:34px;border:1px solid #dce5ee;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafc);text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}
a.business-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(7,20,38,.10);border-color:#b8cce0}
.business-number{position:absolute;right:25px;top:20px;font-size:58px;line-height:1;font-weight:800;color:#edf2f7;letter-spacing:-.06em}
.business-tag{position:relative;font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--blue);margin:42px 0 13px}
.business-card h3{position:relative;margin:0 0 10px;font-size:30px;letter-spacing:-.035em;color:var(--navy)}
.business-card>p{position:relative;margin:0;color:#637286;max-width:310px}
.business-card>span{position:absolute;left:34px;bottom:30px;color:var(--blue);font-size:14px;font-weight:750}
.stancean-card{background:linear-gradient(145deg,#071426,#0b2543);border-color:#193a5c;color:#fff}
.stancean-card .business-number{color:#102b49}
.stancean-card .business-tag{color:#73baff}
.stancean-card h3{color:#fff}
.stancean-card>p{color:#afbed0}
.subprojects{position:absolute;left:34px;right:34px;bottom:27px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.subprojects a{padding:12px 13px;border:1px solid #24496d;border-radius:9px;background:#0c2948;text-decoration:none;color:#fff}
.subprojects a:hover{background:#10365f}
.subprojects b,.subprojects small{display:block}
.subprojects b{font-size:12px}
.subprojects small{font-size:10px;color:#8eabc8;margin-top:2px}
@media(max-width:900px){.business-grid{grid-template-columns:1fr}.business-card{min-height:280px}.stancean-card{min-height:360px}}
@media(max-width:520px){.businesses{padding:75px 0}.subprojects{grid-template-columns:1fr}.stancean-card{min-height:440px}}

/* v4 business card fixes */
.business-number{display:none!important}
.business-card{min-height:360px}
.stancean-card{min-height:390px}
.stancean-card>p{max-width:100%;padding-right:0;margin-bottom:120px}
.stancean-card .subprojects{position:absolute;left:34px;right:34px;bottom:28px}
.business-card .business-tag{margin-top:10px}
@media(max-width:900px){
  .business-card{min-height:290px}
  .stancean-card{min-height:390px}
}
@media(max-width:520px){
  .stancean-card{min-height:470px}
  .stancean-card>p{margin-bottom:190px}
}

/* About page */
.about-hero{padding:100px 0;background:linear-gradient(120deg,#f7f9fb 0,#fff 65%);border-bottom:1px solid #e5ebf1}
.about-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}
.about-hero h1{font-size:clamp(48px,5.5vw,72px);line-height:1.03;letter-spacing:-.045em;margin:0 0 24px;color:var(--navy)}
.about-hero p{font-size:19px;color:#59697a;max-width:700px}
.about-logo-panel{display:flex;justify-content:center;align-items:center}
.about-logo-panel img{width:min(380px,100%);border-radius:28px;mix-blend-mode:multiply}
.about-body{padding:105px 0}
.about-values{padding:100px 0;background:var(--soft);border-top:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0;margin-bottom:100px}
@media(max-width:850px){
  .about-hero-grid{grid-template-columns:1fr}
  .about-logo-panel{display:none}
}
