/* Original composition, mapped to IT-Service brand tokens. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.48;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:4px}
p{margin:.5em 0 1em}
.wrap{max-width:1290px;margin:auto;padding:0 34px}
.header{position:sticky;top:0;z-index:40;background:rgba(6,35,48,0.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.header-in{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:77px}
.brand{display:flex;align-items:center;gap:14px;font-weight:500;font-size:20px;white-space:nowrap;letter-spacing:normal}
.brand-mark{width:37px;height:37px;border:4px solid var(--green);border-right-color:transparent;border-radius:50%;display:grid;place-items:center;color:white;transform:rotate(-20deg)}
.brand-mark span{transform:rotate(20deg);font-size:16px;letter-spacing:normal}
.brand i{height:29px;border-left:1px solid rgba(205,233,235,0.65)}
.brand em{font-style:normal;color:var(--green);font-size:16px;letter-spacing:normal}
.nav{display:flex;gap:26px;align-items:center;font-size:13px;color:var(--text);white-space:nowrap}
.nav a:hover{color:var(--green)}
.nav span{color:var(--muted);cursor:default}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;background:var(--green);color:#ffffff;border-radius:12px;font-weight:500;padding:13px 23px;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s;font-size:14px}
.button:hover{transform:translateY(-2px);background:var(--action-hover);box-shadow:0 10px 30px rgba(205,233,235,0.16)}
.button-outline{border-color:rgba(205,233,235,0.6);color:var(--text);background:transparent}
.button-outline:hover{background:rgba(205,233,235,0.1)}
.small-button{padding:12px 18px;font-size:12px}
.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:500;text-transform:uppercase;color:var(--green)}
.muted{color:var(--muted)}
.section{padding:92px 0;position:relative;overflow:hidden}
.section-head{max-width:900px;margin-bottom:35px}
.section h2{font-size:clamp(32px,4.4vw,62px);line-height:1.07;letter-spacing:normal;margin:6px 0 18px}
.section h3{font-size:21px;line-height:1.2;letter-spacing:normal}
.accent{color:var(--green)}
.grid{display:grid;gap:16px}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.surface{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.card{padding:23px}
.card p{font-size:14px;color:var(--muted)}
.hero{padding:91px 0 53px;background:radial-gradient(ellipse at 87% 20%,rgba(205,233,235,0.15),transparent 35%),radial-gradient(ellipse at 17% 82%,rgba(205,233,235,0.09),transparent 45%),linear-gradient(180deg,var(--surface-section),var(--bg))}
.hero-grid{display:grid;grid-template-columns:1fr minmax(350px, .95fr);gap:54px;align-items:center}
.hero h1{font-size:clamp(55px,6.8vw,95px);line-height:.98;margin:13px 0 24px;letter-spacing:normal}
.hero .lead{font-size:18px;line-height:1.55;max-width:580px;color:var(--text-secondary);margin-bottom:28px}
.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.soft-link{font-size:13px;color:var(--text-secondary);padding:8px 0}
.soft-link:hover{color:var(--green)}
.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:48px}
.benefit{font-size:12px;line-height:1.4;border-top:1px solid rgba(205,233,235,0.28);padding:16px 12px 0 0;color:var(--text-secondary)}
.bicon{display:grid;place-items:center;border:1px solid rgba(205,233,235,0.35);border-radius:13px;width:35px;height:35px;margin-bottom:12px;font-size:18px;color:var(--green)}
.glass{padding:23px;background:linear-gradient(155deg,rgba(6,35,48,0.9),rgba(6,35,48,0.96));border:1px solid rgba(205,233,235,0.36);box-shadow:0 0 80px rgba(205,233,235,0.08),0 20px 65px rgba(0,0,0,.25)}
.mini-tag{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--green)}
.chat-intro{font-size:15px;font-weight:500;margin:12px 0 17px}
.metric-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(205,233,235,0.1);gap:20px;padding:12px 0;color:var(--text-secondary);font-size:12px}
.metric-row strong{color:var(--green);font-size:20px}
.chart-container{margin:20px 0;border:1px solid rgba(205,233,235,0.12);border-radius:12px;padding:15px;background:rgba(6,35,48,0.27)}
.chart-title{font-weight:500;font-size:12px;margin-bottom:5px}
.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:var(--text-secondary)}
.legend span:before{content:'●';color:var(--green);margin-right:5px}
.legend span:nth-child(2):before{color:var(--chart-blue)}
.legend span:nth-child(3):before{color:var(--chart-neutral)}
.axis-y{font-size:9px;word-spacing:13px;color:var(--muted);margin-top:12px}
.video-menu{font-size:10px;word-spacing:6px;color:var(--green);margin:-3px 0 3px}
.fake-chart{width:100%;height:108px;margin-top:7px}
.chart-axis{display:flex;justify-content:space-around;color:var(--muted);font-size:10px}
.user-q{padding:13px;background:rgba(68,160,101,0.25);border-radius:10px;font-size:13px}
.fake-input{color:var(--muted);border:1px solid rgba(205,233,235,0.25);padding:12px;border-radius:10px;margin-top:12px;font-size:12px}
.subsections{display:grid;grid-template-columns:1fr auto;gap:25px;margin-top:39px;align-items:end}
.subsections h3{font-size:15px;margin:0 0 14px;color:var(--text)}
.industry{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:16px;font-weight:500;transition:background .2s}
.industry:hover{background:rgba(205,233,235,0.14)}
.industry .round{font-size:19px;color:var(--green)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.fact{padding:4px 0 0 16px;border-left:1px solid var(--border);max-width:154px}
.fact strong{display:block;color:var(--green);font-size:27px;letter-spacing:normal}
.fact span{display:block;color:var(--text-secondary);font-size:10px;line-height:1.4}
.light{background:var(--light);color:var(--ink)}
.light .muted,.light .card p{color:var(--muted-on-light)}
.light .surface{border:1px solid var(--border-light);background:white;box-shadow:0 9px 22px rgba(6,35,48,0.045)}
.light .eyebrow{color:var(--accent-on-light)}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.video-screen{min-height:265px;padding:23px;position:relative;border-radius:14px;background:radial-gradient(circle at 86% 20%,rgba(205,233,235,0.17),transparent 40%),linear-gradient(130deg,var(--surface-raised),var(--surface-section));color:var(--text);display:flex;flex-direction:column;overflow:hidden}
.video-screen h3{font-size:38px;margin:6px 0 10px;max-width:430px}
.video-screen p{color:var(--text-secondary);max-width:400px;font-size:13px}
.video-box .video-detail{padding:22px}
.video-box h4{font-size:19px;margin:0 0 8px;line-height:1.3}
.video-box .video-detail>p{margin-top:0}
.float-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-bottom:21px}
.float-tags span{font-size:11px;padding:8px 10px;border:1px solid rgba(205,233,235,0.32);border-radius:7px;background:rgba(6,35,48,0.65)}
.video-strip{border-top:1px solid rgba(205,233,235,0.22);padding-top:10px;display:flex;align-items:center;gap:12px;font-size:11px}
.play-circle{height:25px;width:25px;border:1px solid var(--green);border-radius:100%;display:inline-grid;place-items:center;color:var(--green)}
.progress{height:4px;flex:1;border-radius:5px;background:rgba(255,255,255,.23)}
.chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:20px}
.chapter time{color:var(--accent-on-light);background:var(--success-light);font-weight:500;font-size:10px;padding:4px 7px;border-radius:5px}
.chapter{font-size:12px;line-height:1.3;color:var(--muted-on-light);padding:5px 1px}
.chapter div{margin-top:10px}
.vid-stats{display:flex;gap:10px;margin:7px 0 11px;flex-wrap:wrap}
.vid-stats>div{border:1px solid rgba(205,233,235,0.25);padding:10px;border-radius:8px;background:rgba(0,0,0,.18);flex:1;font-size:11px;min-width:70px}
.vid-stats b{display:block;color:var(--green);font-size:24px}
.demo-recs{font-size:11px;padding:8px 11px;background:rgba(68,160,101,0.1);border-radius:9px}
.demo-recs li{margin:4px 0}
.chess{background:radial-gradient(circle at 60% 30%,rgba(205,233,235,0.13),transparent 37%),var(--surface-section)}
.chess-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.chess .intro{max-width:620px;font-size:17px;color:var(--text-secondary)}
.chess-board{display:grid;grid-template-columns:repeat(8,1fr);border:14px solid #163742;box-shadow:0 25px 70px rgba(0,0,0,.4);transform:perspective(760px) rotateX(18deg) rotateZ(-4deg);aspect-ratio:1;margin:40px 15px;background:#b7cdd1;overflow:hidden;border-radius:6px}
.chess-board span:nth-child(16n+1),.chess-board span:nth-child(16n+3),.chess-board span:nth-child(16n+5),.chess-board span:nth-child(16n+7),.chess-board span:nth-child(16n+10),.chess-board span:nth-child(16n+12),.chess-board span:nth-child(16n+14),.chess-board span:nth-child(16n+16){background:#315765}
.quote-bubbles{display:grid;gap:10px;position:relative;z-index:1}
.bubble{font-size:14px;line-height:1.4;padding:15px 20px;border:1px solid rgba(205,233,235,0.28);border-radius:12px;background:rgba(6,35,48,0.8);color:var(--text);box-shadow:0 7px 24px rgba(0,0,0,.08)}
.benefit-line{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.benefit-line>div{padding:17px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary)}
.experience-intro{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}
.quote{border-left:3px solid var(--teal);padding-left:18px;font-size:17px;color:var(--muted-on-light);font-weight:500}
.cite-line{font-size:13px;margin-top:12px;color:var(--subtle-on-light)}
.big-facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:28px 0 65px;background:#ffffff;border:1px solid var(--border-light);border-radius:18px;overflow:hidden}
.big-fact{padding:22px 16px;border-right:1px solid var(--border-light)}
.big-fact:last-child{border-right:0}
.big-fact b{display:block;color:var(--accent-on-light);font-size:27px;line-height:1.05;letter-spacing:normal;margin-bottom:8px}
.big-fact span{font-size:12px;color:var(--muted-on-light)}
.exp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.exp-card{overflow:hidden}
.exp-card img{width:100%;height:136px;object-fit:cover;display:block}
.exp-card .detail{padding:16px}
.exp-card h3{font-size:17px;margin:0 0 8px}
.exp-card p{font-size:12px;line-height:1.52}
.exp-num{font-size:13px;font-weight:500;color:var(--accent-on-light)}
.principles{grid-template-columns:repeat(3,minmax(0,1fr))}
.principle h3{font-size:26px;margin:7px 0 15px;letter-spacing:normal}
.principle p{font-size:15px;line-height:1.6}
.principle .pnum{font-size:13px;color:var(--green)}
.principle blockquote{margin:20px 0 0;padding:17px;border-radius:13px;background:var(--success-light);color:var(--accent-on-light);font-size:14px}
.bar-table{display:grid;gap:13px;margin-top:16px}
.bar-table div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border-light);padding-bottom:8px}
.bar-table b{color:var(--accent-on-light)}
.tick-list{padding:0;list-style:none}
.tick-list li{margin:13px 0;display:flex;align-items:start;gap:10px}
.tick-list li:before{content:'✓';display:grid;place-items:center;background:var(--green);color:#ffffff;border-radius:50%;width:22px;height:22px;min-width:22px;font-weight:bold}
.statement{margin-top:29px;padding:38px;border-radius:19px;background:linear-gradient(110deg,var(--surface-panel),var(--surface-panel));color:#ffffff;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.statement h2{font-size:clamp(28px,3vw,42px);margin:0 0 10px}
.statement p{color:var(--text-secondary);max-width:710px}
.quiet{min-height:470px;background:radial-gradient(ellipse at 80% 40%,rgba(205,233,235,0.09),transparent 45%),linear-gradient(135deg,var(--bg),var(--surface-section));display:flex;align-items:center}
.quiet h2{font-size:clamp(52px,7vw,100px);max-width:820px}
.quiet .quiet-line{max-width:640px;font-size:23px;color:var(--text-secondary)}
.quiet:after{content:'';display:block;position:absolute;right:10%;top:20%;width:270px;height:270px;border-radius:100%;border:1px solid rgba(205,233,235,0.13);box-shadow:0 0 0 45px rgba(205,233,235,0.015),0 0 0 90px rgba(205,233,235,0.01)}
.team{background:radial-gradient(circle at 10% 40%,rgba(205,233,235,0.11),transparent 35%),var(--surface-section)}
.team-layout{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:start}
.team-side h2{font-size:46px;line-height:1.08}
.team-side h3{font-size:25px}
.team-side p{color:var(--text-secondary);font-size:14px}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.member{background:var(--light);color:var(--ink);border-radius:13px;display:flex;overflow:hidden;min-height:165px}
.member img{width:35%;object-fit:cover;object-position:center top;flex-shrink:0}
.member .detail{padding:13px 13px 10px;min-width:0}
.member h3{font-size:15px;margin:0 0 3px}
.member small{display:block;color:var(--subtle-on-light);font-size:10px;margin-bottom:14px}
.member p{font-size:11px;line-height:1.35;color:var(--muted-on-light);margin:0}
.bottom-strip{border:1px solid rgba(205,233,235,0.6);border-radius:12px;padding:20px 25px;margin-top:24px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:20px}
.bottom-strip span{color:var(--green)}
.cases{background:linear-gradient(var(--surface-section),var(--bg))}
.case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.case-card{background:var(--light);color:var(--ink);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.case-card>img{width:100%;height:116px;object-fit:cover;display:block}
.case-body{padding:16px 15px 20px;display:flex;flex-direction:column;flex:1}
.case-card h3{font-size:20px;margin:1px 0 9px;line-height:1.15}
.case-card p{font-size:12px;color:var(--muted-on-light);line-height:1.48;margin:0 0 12px}
.case-stamp{background:var(--success-light);padding:12px;border-radius:9px;margin:4px 0 16px;min-height:72px}
.case-stamp b{color:var(--accent-on-light);display:block;font-size:20px;letter-spacing:normal}
.case-stamp span{font-size:11px;color:var(--muted-on-light)}
.case-card h4{font-size:14px;line-height:1.32;margin:0 0 8px}
.testimonial{margin-top:auto;border-top:1px solid var(--border-light);padding-top:13px}
.testimonial blockquote{font-size:11px;color:var(--muted-on-light);margin:0 0 16px;line-height:1.48;font-style:italic}
.testimonial strong{display:block;font-size:11px}
.testimonial small{display:block;color:var(--subtle-on-light);font-size:10px}
.no-testimonial{margin-top:auto}
.footer{padding:36px 0;border-top:1px solid rgba(205,233,235,0.17);font-size:13px;color:var(--muted)}
.footer .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}
.menu-toggle{display:none;background:transparent;color:var(--green);border:1px solid rgba(205,233,235,0.4);border-radius:9px;padding:7px 11px}
.scroller{overflow:auto}
 .hide-xs{display:inline}

@media(max-width:1150px){.nav{gap:12px}
.header-in{gap:16px}
.team-layout{grid-template-columns:1fr}
.team-side{max-width:720px}
.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.exp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.member{min-height:155px}
.big-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.big-fact:nth-child(3){border-right:0}
.big-fact:nth-child(-n+3){border-bottom:1px solid var(--border-light)}
.subsections{grid-template-columns:1fr}
.facts{justify-content:start}
}
@media(max-width:840px){.wrap{padding:0 21px}
.header-in{min-height:67px}
.nav{display:none;position:absolute;top:67px;left:0;right:0;background:var(--surface-section);padding:18px 24px;flex-direction:column;align-items:flex-start;gap:18px;border-bottom:1px solid var(--border)}
.nav.open{display:flex}
.menu-toggle{display:block}
.top-demo{display:none}
.hero-grid,.chess-layout,.experience-intro{grid-template-columns:1fr}
.hero{padding:63px 0 45px}
.hero h1{font-size:clamp(54px,10vw,80px)}
.hero-grid{gap:32px}
.section{padding:67px 0}
.video-grid{grid-template-columns:1fr}
.benefits{margin-top:24px}
.principles{grid-template-columns:1fr}
.big-facts{margin-bottom:42px}
.statement{grid-template-columns:1fr}
.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.quiet{min-height:420px}
}
@media(max-width:575px){.wrap{padding:0 17px}
.brand{font-size:17px}
.brand em{font-size:12px}
.brand-mark{width:31px;height:31px}
.brand i{height:23px}
.hero h1{font-size:51px}
.hero .lead{font-size:15px}
.hero-grid{grid-template-columns:minmax(0,1fr)}
.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:1fr}
.facts{gap:5px}
.fact{padding-left:9px}
.fact strong{font-size:21px}
.fact span{font-size:9px}
.chapters{grid-template-columns:repeat(5,105px);overflow-x:auto}
.video-screen h3{font-size:32px}
.big-facts{grid-template-columns:repeat(2,1fr)}
.big-fact:nth-child(3){border-right:1px solid var(--border-light)}
.big-fact:nth-child(2n){border-right:0}
.big-fact:nth-child(-n+4){border-bottom:1px solid var(--border-light)}
.exp-grid,.case-grid,.team-grid{grid-template-columns:1fr}
.member{min-height:136px}
.member img{width:34%}
.member h3{font-size:17px}
.member p{font-size:12px}
.case-card>img{height:175px}
.case-body{padding:20px}
.case-card p{font-size:13px}
.case-card h4{font-size:17px}
.case-grid{gap:19px}
.benefit-line{grid-template-columns:repeat(2,minmax(0,1fr))}
.bottom-strip{font-size:15px;padding:16px}
.quiet h2{font-size:48px}
.quiet .quiet-line{font-size:18px}
.footer .wrap{flex-direction:column;align-items:flex-start}
.exp-card img{height:188px}
.actions{align-items:flex-start}
}