:root{--navy:#090909;--blue:#df0011;--ink:#080808;--muted:#62646b;--line:#e3e5e8;--light:#f5f6f8}html{scroll-behavior:smooth}body{font:16px/1.6 Arial,Helvetica,sans-serif;color:#080808;background:white}h1,h2,h3{font-weight:750;letter-spacing:-.5px}h1{font-size:60px;line-height:1.12}h2{font-size:44px;line-height:1.18}.site-header{position:relative;max-width:none;min-height:62px;padding:5px max(24px,calc((100vw - 1210px)/2));display:flex;align-items:center;justify-content:space-between;gap:35px;background:white;border:0;z-index:30}.brand{font-size:30px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap}.brand span{color:#111}.brand:before{content:''}.brand::first-letter{color:#df0011}.site-header nav{display:flex;align-items:center;flex-wrap:nowrap;gap:31px}.site-header .partner-link{display:none}.nav-group summary{font-size:15px;font-weight:600;padding:15px 0;white-space:nowrap}.nav-group summary:after{content:'⌄';margin-left:6px}.site-header .btn{background:#d8101c;padding:12px 30px;min-width:210px;font-size:14px;border-radius:8px;white-space:nowrap}.btn{background:#df0011;color:white;border:0;border-radius:3px;font-weight:700;padding:12px 26px}.btn.secondary{background:#080808;color:white;border:0}.mega{top:100%;left:50%;transform:translateX(-50%);width:min(1000px,94vw);padding:38px 40px 45px;gap:46px;border:0;box-shadow:0 12px 24px #0002;border-radius:0;grid-template-columns:repeat(3,1fr)}.mega h3{font-size:21px;color:#161616;margin:0 0 26px;letter-spacing:0}.mega a{font-size:16px;padding:10px 0;color:#333;line-height:1.4}.mega a:hover{color:#df0011}.nav-group[open] summary{color:#df0011}.wrap{max-width:1210px;margin:auto}.reference-hero,.page-hero{position:relative;isolation:isolate;overflow:hidden;background:#090909;color:white;padding:65px 28px 85px}.reference-hero:before,.page-hero:before{content:'CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS / CS';position:absolute;inset:-80px -60px;z-index:-1;font-size:165px;font-weight:900;line-height:.86;letter-spacing:-13px;color:#331419;transform:skew(-12deg);overflow:hidden;opacity:.8}.reference-hero:after,.page-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090909ed,#09090982 55%,#09090922);z-index:-1}.reference-hero .hero-copy{max-width:1000px}.reference-hero .hero-kicker{font-size:17px;font-weight:600;margin:0 0 9px}.reference-hero h1{margin:0 0 25px;font-size:60px;max-width:1050px;line-height:1.13;letter-spacing:-1px}.reference-hero p{font-size:21px;line-height:1.55;max-width:945px;margin:0 0 40px;color:white}.reference-hero .actions{gap:30px}.reference-hero .btn{min-width:190px}.reference-hero .secondary{min-width:250px}.reference-banner{background:#090909;color:#df0011;text-align:center;padding:52px 24px 38px;font-size:21px;font-weight:750}.reference-section{padding:95px 28px;background:#f5f6f8}.reference-section.white{background:white}.reference-section .section-title{text-align:center;margin:0 0 65px}.section-title.red{color:#df0011;font-size:32px}.symmetry-four{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.sym-card{position:relative;background:white;padding:92px 32px 35px;min-height:332px}.circle-icon{position:absolute;left:50%;top:-18px;transform:translateX(-50%);width:84px;height:84px;border-radius:50%;background:white;box-shadow:0 3px 14px #00000010;display:flex;align-items:center;justify-content:center;color:#080808}.circle-icon svg{width:52px;height:52px}.sym-card h3{color:#df0011;font-size:25px;margin:0 0 8px;line-height:1.1}.sym-card p{font-size:16px;line-height:1.65;color:#656771;margin:0}.black-band{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;background:#080808;color:white;padding:24px 28px;font-size:13px;text-transform:uppercase;font-weight:800;letter-spacing:.3px}.black-band a:hover{color:#ff3442}.reference-split{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:68px 0 80px}.reference-split img{width:100%;display:block;object-fit:cover}.reference-split .split-copy{border-left:9px solid #d8101c;padding:10px 45px 10px 35px}.split-copy h2{font-size:48px;margin:0 0 24px}.split-copy p{margin-bottom:24px;line-height:1.65}.split-copy .subline{font-size:20px;font-weight:600}.split-copy ul{padding-left:18px}.split-copy li{margin:0 0 18px}.split-copy li::marker{color:#df0011}.symmetry-two{display:grid;grid-template-columns:1fr 1fr;gap:40px 100px;margin:0 36px}.wide-card{position:relative;background:white;padding:50px 42px 45px 80px;min-height:280px}.wide-card .circle-icon{left:0;top:43px;width:100px;height:100px}.wide-card h3{font-size:26px;color:#df0011;line-height:1.14;margin:0 0 20px}.wide-card p{font-size:16px;color:#656771;line-height:1.65;margin:0}.wide-card .card-link{display:inline-block;margin-top:25px;color:#df0011;font-weight:700}.catalog{background:#fff}.cards{gap:32px;grid-template-columns:repeat(3,1fr)}.card{border:0;background:#f5f6f8;border-radius:0;box-shadow:none}.card:hover{transform:translateY(-3px)}.card-top{background:#f5f6f8;border-top:4px solid #df0011}.symbol,.tag{color:#df0011}.card-body{padding:30px}.card h3{font-size:26px}.card p{min-height:85px}.card .btn.secondary{background:#df0011;color:white}.card> a>img{object-fit:contain!important;background:#080808}.custom-card{border-radius:0;background:#080808;padding:40px;grid-column:1/-1}.section{padding:85px 28px}.section .eyebrow{color:#df0011!important}.section-head{display:block;text-align:center}.section-head .intro{margin:0 auto}.section-head h2{font-size:44px}.section-head .small{display:block;margin-top:15px}.page-hero{padding:75px 28px 85px}.page-hero .eyebrow{color:#fff;font-size:15px;letter-spacing:0;text-transform:none;margin-bottom:12px}.page-hero h1{font-size:60px;max-width:1100px;margin:0 0 28px}.page-hero p{color:white;font-size:21px;max-width:940px}.content-grid{gap:40px;grid-template-columns:repeat(3,1fr);margin-top:65px}.content-card{position:relative;background:white;border:0;padding:80px 32px 35px;box-shadow:none}.content-card .circle-icon{width:84px;height:84px}.content-card h3{color:#df0011;font-size:25px}.content-card a{color:#df0011}.section:has(.content-grid){background:#f5f6f8}.section:has(.content-grid)> .wrap>h2{text-align:center}.band-nav{background:#080808;gap:55px;padding:24px 28px;color:white;text-transform:uppercase;font-size:13px}.steps{gap:50px}.step span{color:#df0011}.closing{background:#f5f6f8;border-radius:0;border-left:9px solid #df0011;padding:45px}.partner-promo{background:#080808;border-radius:0;border-left:9px solid #df0011}.partner-promo .eyebrow{color:white!important}.site-footer{background:#080808;padding:65px 28px 25px}.site-footer .brand,.site-footer .brand span{color:white}.footer-grid h3{font-size:18px}.footer-grid a:not(.brand){font-size:15px;color:#d5d5d5}.footer-grid a:hover{color:#ff2334}.footer-bottom{border-color:#333;color:#999}.detail-heading{background:#080808;padding:50px 28px}.detail-heading .crumb{color:#ccc}.detail-heading h1{font-size:44px}.detail-heading p{color:#dedede}.detail-layout .preview-large{position:sticky;top:16px}.screen.selected{background:#fff0f1;border-color:#df0011}.config-box{background:#f5f6f8}.config-summary{background:#ffe9eb}.check input{accent-color:#df0011}.bubble.user{background:#ffe9eb;border-color:#ffd0d4}.contact-form{background:#f5f6f8;border-radius:0}.site-header nav a:not(.btn){display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d8101c;outline-offset:4px}@media(max-width:1250px){.site-header{display:block;padding:12px 24px}.site-header nav{justify-content:space-between;gap:18px;margin-top:6px}.site-header .btn{min-width:0;padding:10px 18px}.symmetry-four{gap:24px}.sym-card{padding-left:24px;padding-right:24px}.symmetry-two{gap:40px 65px}.reference-split{gap:30px}}@media(max-width:850px){.symmetry-four,.cards,.content-grid{grid-template-columns:1fr 1fr}.symmetry-two{grid-template-columns:1fr;margin:0 40px}.reference-split{grid-template-columns:1fr;padding-top:45px}.reference-split .split-copy{margin:0 24px}.site-header nav{flex-wrap:wrap;justify-content:start}.mega{grid-template-columns:repeat(3,1fr);gap:24px}.black-band{gap:25px}.reference-hero h1,.page-hero h1{font-size:46px}.reference-hero p,.page-hero p{font-size:19px}}@media(max-width:560px){.site-header nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.site-header nav .btn{grid-column:1/-1;margin:8px 0}.nav-group summary{font-size:14px}.mega{grid-template-columns:1fr;max-height:65vh;overflow:auto;padding:25px;gap:20px}.mega h3{margin-bottom:10px}.reference-hero,.page-hero{padding:45px 22px 55px}.reference-hero h1,.page-hero h1{font-size:38px}.reference-hero .actions{gap:12px}.reference-hero .btn{width:100%}.reference-section{padding:65px 22px}.symmetry-four,.cards,.content-grid{grid-template-columns:1fr;gap:52px}.sym-card{min-height:260px}.symmetry-two{margin:0 25px}.wide-card{padding:115px 28px 35px}.wide-card .circle-icon{top:-15px;left:50%;transform:translateX(-50%)}.split-copy h2{font-size:36px}.reference-split .split-copy{padding-left:24px;padding-right:0;border-left-width:6px}.section-head h2{font-size:34px}.black-band,.band-nav{gap:18px}.detail-heading h1{font-size:34px}}

body,button,input,select,textarea{font-family:Poppins,Arial,sans-serif}h1,h2,h3{font-family:Poppins,Arial,sans-serif;font-weight:700}.reference-office{width:100%;aspect-ratio:998/578;background-image:url('assets/reference-office-photo.png');background-size:184% 129%;background-position:left 83.3%;background-repeat:no-repeat}.reference-hero:before,.page-hero:before{font-family:Arial,sans-serif}.reference-hero h1{font-weight:600}.site-header .brand{font-family:Poppins,Arial,sans-serif}.section-title.red{font-weight:700}.sym-card h3,.wide-card h3{font-weight:700}.reference-split{grid-template-columns:1.09fr 1fr;gap:37px}.reference-split .split-copy{border-left-width:9px;padding-left:37px}@media(max-width:850px){.reference-split{grid-template-columns:1fr}}

/* Align actions along the bottom of each dropdown column. */
.mega{align-items:stretch}.mega>div{display:flex;flex-direction:column;min-height:320px}.mega a.menu-cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:auto;padding:12px 18px;background:#d8101c;color:#fff;border-radius:3px;font-size:14px;font-weight:700;line-height:1.4;text-align:center}.mega a:not(.menu-cta):last-of-type{margin-bottom:24px}.mega a.menu-cta:hover{background:#ad0812;color:white}.mega>div>a.menu-cta{margin-top:auto}.mega>div>a:not(.menu-cta){flex-shrink:0}.mega>div h3{flex-shrink:0}.mega>div>a.menu-cta:before{content:none}@media(max-width:560px){.mega>div{min-height:0}.mega a.menu-cta{margin-top:24px}}

/* Full CodeScale wordmark texture behind the landing-page headline. */
.reference-hero:before,.page-hero:before{content:'CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale CodeScale';inset:-55px -100px;font-family:Poppins,Arial,sans-serif;font-size:150px;font-weight:800;line-height:1;letter-spacing:-9px;word-spacing:14px;color:#481b20;opacity:.85;transform:skew(-12deg);overflow:hidden}.reference-hero:after,.page-hero:after{background:linear-gradient(90deg,#090909ed,#09090991 50%,#09090930)}@media(max-width:560px){.reference-hero:before,.page-hero:before{font-size:95px;letter-spacing:-6px;inset:-15px -85px}}


/* Enterprise navigation and audience */
.site-header nav{gap:20px}.transformation-link{font-size:14px;font-weight:600;white-space:nowrap}.transformation-link:hover{color:#df0011}.audience-label{text-align:center}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.audience-card{display:flex;flex-direction:column;background:#f5f6f8;border-top:4px solid #df0011;padding:34px 30px}.audience-icon{width:94px;height:94px;background:#080808;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.audience-icon svg{width:58px;height:58px}.audience-card h3{font-size:25px;line-height:1.25;color:#df0011;margin:0 0 20px}.audience-card p{color:#555;line-height:1.7}.audience-card .btn{margin-top:auto;font-size:14px;text-align:center}.audience-card p:last-of-type{margin-bottom:30px}@media(max-width:850px){.audience-grid{grid-template-columns:1fr}.audience-card{padding:30px}.transformation-link{white-space:normal}}@media(max-width:560px){.site-header nav .transformation-link{grid-column:1/-1;padding:10px 0}}

/* Shared adaptive header and page layouts */
.site-header{padding:12px max(24px,calc((100vw - 1560px)/2));gap:24px;display:flex;flex-wrap:nowrap;min-height:80px}
.site-header .brand{flex:0 0 auto}
.site-header nav{display:flex;flex:1 1 auto;min-width:0;justify-content:flex-end;align-items:center;gap:22px;flex-wrap:nowrap;margin:0}
.site-header nav>.nav-group,.site-header nav>a{flex:0 0 auto}
.site-header nav>.partner-link{display:block;color:#df0011;font-size:14px;font-weight:600;white-space:nowrap}
.site-header nav>.transformation-link{white-space:nowrap;font-size:14px}
.site-header .btn{min-width:0;padding:12px 20px}
.site-header .nav-group summary{white-space:nowrap}
.wrap,.split-copy,.content-card,.audience-card,.card,.detail-layout>*,.footer-grid>*{min-width:0}
img{max-width:100%}input,select,textarea{max-width:100%}
.content-card p,.card p,.footer-grid p,.contact-form{overflow-wrap:anywhere}
@media(max-width:1450px){
 .site-header{display:flex;flex-direction:column;align-items:flex-start;padding:14px 24px;gap:10px}
 .site-header nav{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px 24px}
 .site-header nav>.partner-link,.site-header nav>.transformation-link{padding:10px 0}
}
@media(max-width:900px){
 .hero-grid,.split,.contact-grid,.detail-layout{grid-template-columns:minmax(0,1fr)}
 .features,.steps,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail-layout{padding:26px 20px}
 .reference-split{grid-template-columns:minmax(0,1fr)}
 .reference-split img{height:auto}
 .closing,.custom-card{flex-wrap:wrap}
}
@media(max-width:700px){
 .site-header{padding:12px 20px;gap:8px}
 .site-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
 .site-header nav>.nav-group{min-width:0}
 .site-header nav>.nav-group[open]{grid-column:1/-1}
 .site-header .nav-group summary{font-size:14px;padding:12px 0;white-space:normal}
 .site-header nav>.transformation-link,.site-header nav>.partner-link{grid-column:1/-1;white-space:nowrap;padding:10px 0;font-size:14px}
 .site-header nav>.btn{grid-column:1/-1;justify-self:start;margin:6px 0}
 .site-header .mega{position:static;left:auto;top:auto;transform:none;width:100%;grid-template-columns:1fr;padding:20px;gap:24px;max-height:65vh;overflow-y:auto;box-shadow:none;background:#f5f6f8}
 .site-header .mega>div{min-height:0}
 .site-header .mega h3{margin-bottom:10px}
 .site-header .mega .menu-cta{margin-top:16px}
 .content-grid,.cards,.features,.steps,.footer-grid,.symmetry-four,.symmetry-two,.audience-grid{grid-template-columns:minmax(0,1fr)}
 .section,.reference-section{padding-left:20px;padding-right:20px}
 .symmetry-two{margin:0 24px}
 .closing,.custom-card{display:block;padding:28px}
 .closing .btn,.custom-card .btn{margin-top:20px;max-width:100%;white-space:normal}
 .page-hero h1,.reference-hero h1{font-size:clamp(30px,7.5vw,42px);letter-spacing:-.6px;overflow-wrap:normal}
 .split-copy h2{font-size:clamp(28px,7vw,36px)}
 .reference-split .split-copy{margin:0;padding:8px 0 8px 20px}
 .black-band,.band-nav{display:flex;flex-wrap:wrap;text-align:center}
 .detail-layout .screens{grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail-layout .preview-large{top:8px}
 .detail-layout .preview-large>img{max-height:42vh}
 .footer-grid{gap:28px}
}

/* Place desktop navigation beside the logo rather than at the far right. */
@media(min-width:1451px){.site-header{justify-content:flex-start;gap:clamp(32px,calc(100vw - 1400px),192px)}.site-header nav{justify-content:flex-start;flex:1 1 auto}}