@font-face{font-family:'Manrope';src:url('fonts/manrope-cyrillic-wght-normal.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';src:url('fonts/manrope-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--r:#e31825;--ink:#111319;--mut:#666a72;--paper:#f5f3f2;--line:#dedbd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);line-height:1.65}img{width:100%;height:100%;object-fit:cover;display:block}header{position:absolute;z-index:3;width:100%;height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff30}header b{font-size:25px}header small{font-size:8px;letter-spacing:2px}nav{display:flex;gap:28px}nav a{color:#fff;text-decoration:none;font-size:13px}.hero{height:800px;position:relative;color:#fff;background:url('assets/image7.jpeg') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d0e12ed,#0d0e1299 60%,#85000844)}.hero-in{position:relative;z-index:1;padding:180px 8vw;max-width:950px}.kicker,.label{color:#ff4650;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.hero h1{font-size:clamp(48px,7vw,90px);line-height:1.02;letter-spacing:-4px;margin:18px 0 28px}.hero p{font-size:18px;color:#e1e1e3}.cards{position:absolute;z-index:2;right:0;bottom:0;width:min(850px,75%);display:grid;grid-template-columns:repeat(4,1fr);background:#111217e8}.cards a{padding:28px 36px;color:#fff;text-decoration:none;border-left:1px solid #ffffff18;transition:.25s}.cards a:hover{background:#d7192038}.cards strong{display:block;color:#ff3943;margin-bottom:10px}.cards span{font-size:13px}.intro{padding:105px 8vw;display:grid;grid-template-columns:1fr 2.5fr;gap:6vw;background:var(--paper)}.intro h2,.about h2{font-size:clamp(34px,4vw,58px);line-height:1.1;letter-spacing:-2px;margin:0 0 28px}.intro p{color:var(--mut)}.services{padding:40px 8vw}.service{display:grid;grid-template-columns:55px minmax(0,1fr) minmax(360px,44%);gap:35px;align-items:start;padding:80px 0;border-top:1px solid var(--line)}.service.reverse .num{order:1}.service.reverse .visual{order:2}.service.reverse .copy{order:3}.num{color:var(--r);font-weight:800;font-size:12px;padding-top:5px}.copy{min-width:0}.copy h2{font-size:clamp(30px,3.4vw,50px);line-height:1.13;letter-spacing:-1.8px;margin:10px 0 24px}.copy p{color:var(--mut)}.copy h4{font-size:18px}.visual{height:540px;min-width:0;overflow:hidden;background:#15171c;position:sticky;top:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.grid img{min-width:0}.software{background:radial-gradient(circle at 75% 25%,#e3182560,transparent 25%),linear-gradient(145deg,#272a34,#0d0e13);display:grid;place-items:center}.data-card{color:#ff4650;border:1px solid #ffffff25;background:#111319d8;padding:40px;width:70%;font-size:11px;letter-spacing:2px}.data-card b{display:block;color:white;font-size:20px;margin-top:12px;letter-spacing:0}details{border-top:1px solid #ece9e7}summary{list-style:none;cursor:pointer;padding:16px 8px 16px 26px;position:relative;font-weight:700}summary:before{content:'+';position:absolute;left:0;color:var(--r)}details[open] summary:before{content:'−'}details ul{margin:0 0 18px 18px;padding-left:22px;color:var(--mut)}.about{display:grid;grid-template-columns:minmax(380px,1fr) minmax(0,1fr);background:#15171c;color:#fff}.about-img{min-height:720px;overflow:hidden}.about-copy{padding:95px 8vw 95px 7vw;min-width:0}.about-copy p{color:#c2c4c8}footer{padding:38px 6vw;background:#090a0d;color:#888}@media(max-width:980px){.cards{width:100%}.service,.service.reverse{grid-template-columns:35px minmax(0,1fr)}.service .num,.service.reverse .num{order:1}.service .copy,.service.reverse .copy{order:2}.service .visual,.service.reverse .visual{order:3;grid-column:1/3;width:100%;height:420px;position:relative;top:auto}.about{grid-template-columns:1fr}.about-img{min-height:460px}.intro{grid-template-columns:1fr}}@media(max-width:620px){nav{display:none}.hero{height:860px}.hero-in{padding:130px 7vw}.hero h1{font-size:48px;letter-spacing:-2px}.cards{grid-template-columns:1fr 1fr}.cards a{padding:18px 22px}.intro,.services{padding-left:6vw;padding-right:6vw}.service{grid-template-columns:1fr!important}.num,.copy,.visual{grid-column:1!important}.visual{height:340px!important}.about-copy{padding:70px 7vw}}
/* Restore original ICYGEN hero accents */
.hero-kicker{position:relative;padding-left:0}.hero-kicker:after{content:'';display:inline-block;width:34px;height:2px;background:var(--r);vertical-align:middle;margin-left:14px}.hero-red,.hero-dot{color:#ff353b}.hero-actions{display:flex;gap:14px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;text-decoration:none;font-size:13px;font-weight:800}.btn.primary{background:var(--r);color:white}.btn.ghost{border:1px solid #ffffff85;color:white}.btn:hover{transform:translateY(-2px)}
/* Restore previous LIVE DATA chart */
.software{background:radial-gradient(circle at 75% 25%,#e3182560,transparent 25%),linear-gradient(145deg,#272a34,#0d0e13);display:grid;place-items:center}.software:before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:42px 42px}.data-card{position:relative;z-index:1;color:#fff;border:1px solid #ffffff25;background:#111319d8;padding:40px;width:78%}.data-card span{color:#ff4650;font-size:11px;letter-spacing:2px}.data-card b{display:block;color:#fff;font-size:20px;margin:12px 0 36px}.chart{height:190px;display:flex;align-items:end;gap:14px;border-bottom:1px solid #ffffff2d}.chart i{width:20%;background:linear-gradient(#ff3238,#a90910)}.chart i:nth-child(1){height:34%}.chart i:nth-child(2){height:54%}.chart i:nth-child(3){height:47%}.chart i:nth-child(4){height:76%}.chart i:nth-child(5){height:90%}
/* Contact/footer composition */
.contact{padding:100px 6vw 115px;background:#f5f3f2;display:flex;align-items:center;justify-content:space-between;gap:50px}.contact h2{font-size:clamp(42px,5vw,72px);line-height:1.14;letter-spacing:-2.5px;margin:30px 0 0;max-width:980px}.contact-btn{display:inline-flex;background:var(--r);color:white;text-decoration:none;padding:20px 30px;font-weight:800;white-space:nowrap}footer{min-height:140px;padding:38px 4vw;background:#0b0c10;color:#aaa;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px}.footer-brand{display:flex;align-items:end;gap:10px;color:white}.footer-brand b{font-size:26px;line-height:1}.footer-brand b span{color:var(--r)}.footer-brand small{font-size:8px;letter-spacing:2px}.to-top{position:fixed;right:24px;bottom:24px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--r);color:white;text-decoration:none;font-size:24px;font-weight:700;box-shadow:0 8px 25px #0004;z-index:20;transition:.2s}.to-top:hover{transform:translateY(-3px);background:#ff3038}
@media(max-width:900px){.contact{align-items:flex-start;flex-direction:column}footer{flex-direction:column;align-items:flex-start}.hero-actions{flex-wrap:wrap}}
@media(max-width:620px){.contact{padding:70px 7vw}.contact h2{font-size:40px}.contact-btn{width:100%;justify-content:center}.to-top{right:16px;bottom:16px}.data-card{width:84%;padding:28px}.chart{height:150px}}
/* Final refinements */
.top-brand span{color:var(--r)}
/* slightly tighter vertical rhythm while preserving the layout */
.intro{padding-top:82px;padding-bottom:82px}.services{padding-top:24px;padding-bottom:24px}.service{padding-top:62px;padding-bottom:62px}.about-copy{padding-top:78px;padding-bottom:78px}.contact{padding-top:76px;padding-bottom:84px}
/* slightly smaller final contact statement */
.contact h2{font-size:clamp(38px,4.2vw,62px);line-height:1.12}
.contact-side{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-width:280px}.contact-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-meta div{border-top:1px solid #d8d5d3;padding-top:12px}.contact-meta span,.contact-meta strong{display:block}.contact-meta span{color:var(--r);font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800}.contact-meta strong{font-size:12px;margin-top:4px;color:#4f535a}
@media(max-width:900px){.intro{padding-top:65px;padding-bottom:65px}.service{padding-top:52px;padding-bottom:52px}.about-copy{padding-top:65px;padding-bottom:65px}.contact{padding-top:62px;padding-bottom:68px}.contact-side{width:100%;max-width:520px}}
@media(max-width:620px){.contact-meta{grid-template-columns:1fr}.contact h2{font-size:36px}}
/* Final typography refinement only */
body{font-family:'Manrope',Arial,sans-serif}
/* red design line before the label in the approach section */
.intro>.label{display:flex;align-items:center;gap:14px}
.intro>.label:before{content:'';display:inline-block;width:32px;height:2px;flex:0 0 32px;background:var(--r)}
/* Ensure the ICYGEN red accent line is clearly visible in Our approach */
.intro>.label:before{content:''!important;display:inline-block!important;width:34px!important;height:3px!important;min-width:34px;background:#e31825!important;flex:0 0 34px!important}
/* Requested vertical accent and contact details only */
.approach-statement{border-left:4px solid #e31825;padding:22px 0 22px 28px;margin-top:26px;color:var(--ink)!important}
.approach-statement strong{font-weight:800}
.contact-meta{grid-template-columns:1.35fr .8fr 1fr}
.contact-meta p{margin:5px 0 0;color:#4f535a;font-size:12px;line-height:1.55}
.contact-meta a{color:inherit;text-decoration:none}
.office-address{min-width:190px}
@media(max-width:900px){.contact-meta{grid-template-columns:1fr 1fr}.office-address{grid-column:1/3}}
@media(max-width:620px){.contact-meta{grid-template-columns:1fr}.office-address{grid-column:1}}
/* Contact-section alignment refinement only */
.contact{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(520px,.95fr);align-items:start;column-gap:64px}
.contact>div:first-child{min-width:0;padding-right:12px}
.contact h2{max-width:780px;text-wrap:balance}
.contact-side{width:100%;min-width:0;align-self:start}
.contact-btn{width:100%;min-height:80px;justify-content:flex-start;padding:0 36px}
.contact-meta{width:100%;display:grid;grid-template-columns:1.35fr .85fr 1.1fr;gap:24px;align-items:start}
.contact-meta>div{min-width:0;padding-top:14px}
.contact-meta strong,.contact-meta p{overflow-wrap:normal;word-break:normal}
.contact-meta strong{line-height:1.55}
.contact-meta p{line-height:1.7}
@media(max-width:1180px){.contact{grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);column-gap:42px}.contact h2{font-size:clamp(36px,4vw,56px)}.contact-meta{grid-template-columns:1.2fr .8fr 1fr;gap:18px}}
@media(max-width:980px){.contact{grid-template-columns:1fr;row-gap:44px}.contact>div:first-child{padding-right:0}.contact-side{max-width:none}.contact-meta{grid-template-columns:1.3fr .8fr 1fr}.office-address{grid-column:auto}}
@media(max-width:680px){.contact-meta{grid-template-columns:1fr}.office-address{grid-column:1}.contact-btn{min-height:68px;padding:0 24px}}
/* Contact-section final typography and spacing refinement only */
.contact{padding-top:56px;padding-bottom:58px}
.contact h2{font-size:clamp(32px,3.35vw,50px);line-height:1.13;letter-spacing:-1.8px;margin-top:22px;margin-bottom:0;max-width:720px}
.contact-btn{justify-content:center;text-align:center}
@media(max-width:1180px){.contact h2{font-size:clamp(31px,3.25vw,46px)}}
@media(max-width:980px){.contact{padding-top:52px;padding-bottom:54px}}
@media(max-width:680px){.contact{padding-top:46px;padding-bottom:48px}.contact h2{font-size:34px}}
/* Email button proportion and centering refinement only */
.contact-btn{width:256px;min-height:78px;align-self:center;justify-content:center;text-align:center;padding:0 28px}
@media(max-width:680px){.contact-btn{width:min(256px,100%);min-height:68px}}
/* Requested email button finishing only */
.contact-btn{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;line-height:1.2}
/* FINAL REQUEST: fixed navigation only. No other design changes. */
header{position:fixed;background:rgba(11,12,16,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
header nav{display:flex;align-items:center;gap:10px}
header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid #ffffff50;transition:background .2s ease,border-color .2s ease}
header nav a:hover,header nav a:focus-visible{background:#e31825;border-color:#e31825;outline:none}
section[id],article[id]{scroll-margin-top:94px}
@media(max-width:760px){header{height:auto;min-height:78px;padding-top:12px;padding-bottom:12px;gap:14px}header nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}header nav a{min-height:32px;padding:0 8px;font-size:10px}}
.footer-brand a { color:white; text-decoration:none;}