:root{--blue:#175bc5;--blue2:#0c377a;--navy:#112644;--muted:#64748b;--light:#f5f9ff;--line:#e5ebf2;--white:#fff;--shadow:0 16px 46px rgba(20,51,99,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:white;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.topline{background:#f4f8ff;border-bottom:1px solid var(--line);color:#5c6d83;font-size:12px}.topline .container{height:37px;display:flex;align-items:center;justify-content:space-between}.topline a{color:var(--blue2)}header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;min-height:78px;gap:28px}.logo{display:inline-flex;align-items:center;font-size:29px;font-weight:850;letter-spacing:-1.8px;line-height:1}.logo .dot{color:var(--blue);display:inline-block;animation:dotBounce 1.6s ease-in-out infinite;transform-origin:center bottom}.links{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600;color:#44546a}.links a:hover{color:var(--blue)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);border:1px solid var(--blue);border-radius:9px;color:#fff;padding:13px 20px;font-size:13px;font-weight:700;transition:.2s}.primary:hover{background:#104ba9;transform:translateY(-1px)}.outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #cbd8e9;background:#fff;border-radius:9px;color:#1c3d66;padding:13px 20px;font-size:13px;font-weight:700}.outline:hover{border-color:var(--blue)}.menu-btn{display:none;border:1px solid var(--line);background:white;border-radius:9px;width:44px;height:44px;align-items:center;justify-content:center;font-size:21px;cursor:pointer}.hero{padding:28px 0 22px}.slider{position:relative;background:#edf4ff;border-radius:19px;overflow:hidden;min-height:460px;border:1px solid #e2eaf6}.slide{display:grid;grid-template-columns:1.03fr .97fr;min-height:460px;position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(10px);transition:opacity .6s ease,transform .6s ease,visibility .6s}.slide.active{opacity:1;visibility:visible;transform:translateX(0)}.slide:nth-child(2){background:#f3f8ff}.slide:nth-child(3){background:#edf6ff}.hero-copy{align-self:center;padding:55px 24px 66px 65px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:1.6px;color:var(--blue)}.eyebrow:before{content:"";width:20px;height:2px;background:var(--blue)}h1{font-size:clamp(36px,4.25vw,57px);line-height:1.13;letter-spacing:-2.4px;margin:19px 0 20px;font-weight:800;max-width:600px}h1 span{color:var(--blue)}.hero-copy p{font-size:15px;color:#64748b;max-width:460px;margin:0 0 27px;line-height:1.9}.actions{display:flex;gap:11px;flex-wrap:wrap}.visual{position:relative;display:flex;align-items:center;justify-content:center;padding:37px 40px 37px 10px;overflow:hidden}.visual:before{content:"";position:absolute;width:370px;height:370px;background:linear-gradient(135deg,#d4e7ff,#f8fbff);border-radius:50%;right:40px;top:32px}.window{position:relative;width:100%;max-width:470px;background:white;border:1px solid #dae5f4;border-radius:13px;box-shadow:0 30px 65px rgba(18,65,140,.14);overflow:hidden;transform:rotate(-3deg)}.window-top{height:33px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid #e9eff7;background:#fbfdff}.circle{height:7px;width:7px;border-radius:50%;background:#c9d8e9}.window-body{display:grid;grid-template-columns:86px 1fr;min-height:241px}.window-side{background:#0e3d86;padding:18px 12px}.sidelogo{height:19px;width:43px;background:#6eaeff;border-radius:4px;margin-bottom:25px}.sideline{height:7px;background:#ffffff47;border-radius:7px;margin-bottom:14px}.sideline:nth-child(3){width:70%}.sideline:nth-child(4){width:85%}.window-main{padding:20px;background:#f8fbff}.ui-title{height:11px;width:42%;background:#1e487e;border-radius:3px;margin-bottom:12px}.ui-desc{height:7px;width:65%;background:#d7e1ee;border-radius:3px;margin-bottom:21px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.mini-stats i{height:54px;background:white;border:1px solid #e5ecf5;border-radius:7px;position:relative}.mini-stats i:before{content:"";position:absolute;left:10px;top:11px;background:#c9defb;width:27px;height:8px;border-radius:3px}.mini-stats i:after{content:"";position:absolute;left:10px;bottom:11px;background:#2d6dcc;width:35%;height:10px;border-radius:3px}.ui-chart{height:91px;border:1px solid #e4ebf5;border-radius:7px;background:linear-gradient(180deg,#fff,#f6faff);display:flex;gap:7px;align-items:end;padding:13px}.ui-chart b{flex:1;background:#c8ddff;border-radius:3px 3px 0 0}.ui-chart b:nth-child(1){height:34%}.ui-chart b:nth-child(2){height:59%}.ui-chart b:nth-child(3){height:43%}.ui-chart b:nth-child(4){height:80%;background:#2164c5}.ui-chart b:nth-child(5){height:67%}.ui-chart b:nth-child(6){height:91%;background:#2164c5}.floatcard{position:absolute;right:13px;bottom:53px;z-index:2;background:white;border:1px solid #d9e7f8;box-shadow:var(--shadow);border-radius:11px;padding:13px 17px;display:flex;align-items:center;gap:11px;font-size:11px;color:#687b91}.floatcard strong{display:block;color:#173961;font-size:13px}.floaticon{width:34px;height:34px;border-radius:10px;background:#e8f4ff;color:var(--blue);display:grid;place-items:center;font-size:18px}.slider-controls{position:absolute;bottom:20px;left:65px;z-index:8;display:flex;align-items:center;gap:8px}.dotbtn{width:23px;height:5px;border:none;background:#b8cde8;border-radius:10px;cursor:pointer;transition:width .25s,background .25s}.dotbtn[aria-current="true"]{width:40px;background:var(--blue)}.slide-arrows{position:absolute;bottom:18px;right:22px;z-index:10;display:flex;gap:8px}.arrow{width:35px;height:35px;border:1px solid #d0dfef;background:#ffffffcf;border-radius:8px;cursor:pointer;color:#285385;font-size:20px}.trust{padding:25px 0 28px;border-bottom:1px solid var(--line)}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.trust p{font-size:13px;color:#687a92;margin:0}.trust-values{display:flex;gap:30px;flex-wrap:wrap}.trust-values span{color:#405979;font-size:12px;font-weight:700}.trust-values b{color:var(--blue);margin-right:6px}.section{padding:91px 0}.section.alt{background:#f7faff}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:35px}.section h2{font-size:clamp(27px,3vw,39px);letter-spacing:-1.3px;line-height:1.2;margin:13px 0 0}.section-lead{font-size:14px;color:#6d7e92;line-height:1.9;max-width:440px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:.25s}.card:hover{box-shadow:var(--shadow);border-color:#c8daef;transform:translateY(-3px)}.service-icon{display:grid;place-items:center;background:#edf5ff;color:var(--blue);width:48px;height:48px;border-radius:12px;font-size:24px;margin-bottom:23px}.card h3{margin:0 0 10px;font-size:17px;letter-spacing:-.25px}.card p{font-size:13px;color:#75869a;margin:0;line-height:1.9}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.project-preview{height:265px;background:linear-gradient(130deg,#ecf5ff,#dcecff);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:34px}.project-preview.second{background:linear-gradient(135deg,#e9f2fb,#f7fafc)}.site-mock{width:90%;height:205px;border-radius:10px;background:white;box-shadow:0 20px 30px rgba(24,73,140,.12);overflow:hidden;border:1px solid #dce7f3}.site-mock-nav{height:27px;background:white;border-bottom:1px solid #e8eef5;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.site-mock-nav span{background:#1a5cb8;width:62px;height:8px;border-radius:2px}.site-mock-nav small{background:#dce8f5;width:100px;height:5px;border-radius:2px}.site-mock-hero{height:88px;background:linear-gradient(100deg,#174b87,#2d78c8);padding:20px}.site-mock-hero b,.site-mock-hero i{display:block;background:#fff;border-radius:2px;height:8px;width:42%;margin-bottom:10px}.site-mock-hero i{height:5px;width:66%;opacity:.6}.site-mock-boxes{display:flex;gap:10px;padding:16px}.site-mock-boxes span{flex:1;height:39px;background:#f0f5fa;border-radius:5px}.dashboard-mock{width:90%;max-width:390px;height:216px;background:#fff;border:1px solid #dce6ef;border-radius:10px;display:grid;grid-template-columns:75px 1fr;overflow:hidden;box-shadow:0 20px 30px rgba(24,73,140,.1)}.dashboard-mock aside{background:#143f78;padding:17px 9px}.dashboard-mock aside span{display:block;height:7px;background:#ffffff5e;border-radius:3px;margin-bottom:15px}.dashboard-mock main{padding:17px}.dashboard-mock main>span{display:block;width:45%;height:10px;background:#244e81;border-radius:3px;margin-bottom:18px}.dash-stat{display:flex;gap:8px}.dash-stat i{height:50px;flex:1;background:#eaf2fc;border-radius:5px}.dash-bars{display:flex;align-items:end;gap:9px;height:88px;padding:18px 13px 0;background:#fafcff;margin-top:12px}.dash-bars i{flex:1;background:#8db7ed;border-radius:3px 3px 0 0;height:var(--h)}.project-body{padding:23px 25px 26px}.tag{color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:800}.project-body h3{font-size:20px;margin:7px 0 8px}.project-body p{font-size:13px;color:#718399;margin:0;line-height:1.85}.approach{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.approach-panel{border:1px solid #dce9f8;background:linear-gradient(145deg,#f4f9ff,#fff);border-radius:18px;padding:34px;min-height:315px}.approach-panel .big-num{font-size:60px;color:var(--blue);font-weight:800;letter-spacing:-4px}.approach-panel h3{font-size:23px;letter-spacing:-.8px;line-height:1.3;margin:10px 0}.approach-panel p{color:#71839b;font-size:13px}.checks{padding:0;list-style:none;margin:24px 0 0}.checks li{margin-bottom:15px;font-size:14px;color:#536880;display:flex;gap:12px}.checks li:before{content:"✓";font-weight:900;color:var(--blue)}.cta{margin:0 auto 80px;background:#0e3d82;border-radius:18px;padding:50px 60px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:white}.cta h2{margin:0 0 12px;font-size:32px;letter-spacing:-1px;line-height:1.25}.cta p{color:#cbdcf2;margin:0;font-size:14px}.cta .primary{background:#fff;color:#174a91;border-color:#fff;white-space:nowrap}.cta .primary:hover{background:#eff6ff}footer{border-top:1px solid var(--line);padding:43px 0 25px}footer .foot-main{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-bottom:32px}footer .foot-main p{font-size:13px;color:#8190a2;max-width:360px;margin:17px 0 0}.footer-links{display:flex;gap:24px;font-size:13px;color:#61748b}.copyright{border-top:1px solid var(--line);padding-top:20px;color:#8a98a9;font-size:12px;display:flex;justify-content:space-between;gap:12px}a:focus-visible,button:focus-visible{outline:3px solid #7db2fd;outline-offset:3px} @media(max-width:900px){.links{gap:16px}.nav>.primary{display:none}.hero-copy{padding-left:38px}.slider-controls{left:38px}.visual{padding:18px}.cards{gap:12px}.card{padding:23px}.approach{gap:30px}}@media(max-width:700px){.container{width:min(100% - 32px,1160px)}.topline{display:none}.nav{min-height:66px}.logo{font-size:25px}.menu-btn{display:flex;margin-left:auto}.links{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:15px 17px 22px;box-shadow:0 20px 26px #132e5012;flex-direction:column;align-items:stretch;gap:0}.links.open{display:flex}.links a{padding:12px;font-size:14px}.hero{padding:15px 0}.slider{min-height:653px;border-radius:13px}.slide{grid-template-columns:1fr;grid-template-rows:auto 270px;min-height:653px;align-content:start}.hero-copy{padding:33px 24px 8px;align-self:start}.eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:clamp(31px,8.2vw,42px);letter-spacing:-1.6px;line-height:1.17;margin:13px 0}.hero-copy p{font-size:13px;line-height:1.75;margin-bottom:17px}.actions{gap:8px}.primary,.outline{font-size:12px;padding:11px 13px;border-radius:8px}.visual{padding:8px 25px 17px;align-self:center;overflow:visible}.visual:before{width:240px;height:240px;right:13%;top:15px}.window{width:min(100%,350px);transform:rotate(-2deg)}.window-body{min-height:165px;grid-template-columns:58px 1fr}.window-side{padding:13px 8px}.window-main{padding:13px}.ui-desc{margin-bottom:12px}.mini-stats i{height:36px}.mini-stats i:before{top:6px;left:6px;height:5px}.mini-stats i:after{bottom:7px;left:6px;height:7px}.ui-chart{height:55px;padding:8px}.floatcard{right:11px;bottom:0;padding:8px 10px;font-size:9px}.floatcard strong{font-size:10px}.floaticon{width:26px;height:26px}.slider-controls{bottom:13px;left:23px}.slide-arrows{bottom:10px;right:13px}.arrow{width:30px;height:30px}.trust{padding:19px 0}.trust-inner{display:block}.trust p{font-size:12px;margin-bottom:10px}.trust-values{gap:9px 18px}.trust-values span{font-size:10px}.section{padding:64px 0}.section-top{display:block;margin-bottom:26px}.section h2{font-size:29px;letter-spacing:-1px}.section-lead{margin-top:15px;font-size:13px}.cards,.projects{grid-template-columns:1fr;gap:12px}.card{padding:25px}.service-icon{margin-bottom:18px}.project-preview{height:225px}.approach{grid-template-columns:1fr;gap:28px}.approach-panel{min-height:0}.cta{padding:30px 25px;margin-bottom:54px;display:block;border-radius:13px}.cta h2{font-size:27px}.cta .primary{margin-top:23px}.foot-main{display:block!important}.footer-links{flex-wrap:wrap;margin-top:23px}.copyright{display:block}.copyright span{display:block;margin-bottom:5px}}@media(max-width:380px){.slider,.slide{min-height:683px}.hero-copy{padding:26px 18px 5px}.slider-controls{left:18px}.hero-copy h1{font-size:30px}.visual{padding-left:17px;padding-right:17px}.actions a{padding:10px 11px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}} /* V2: responsive slider and professional mobile navigation */ .slide,.slide *{min-width:0}.visual,.window,.floatcard{box-sizing:border-box} .window{transform:none;isolation:isolate}.visual:before{pointer-events:none} .slide:not(.active){pointer-events:none}.slider:focus-within .slide.active{visibility:visible} .menu-btn{position:relative;z-index:53}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:19px;height:20px}.hamburger i{display:block;width:19px;height:2px;border-radius:4px;background:#183d72;transition:transform .2s,opacity .2s}.menu-btn[aria-expanded="true"] .hamburger i:first-child{transform:translateY(7px) rotate(45deg)}.menu-btn[aria-expanded="true"] .hamburger i:nth-child(2){opacity:0}.menu-btn[aria-expanded="true"] .hamburger i:last-child{transform:translateY(-7px) rotate(-45deg)} .bottom-nav,.mobile-menu-overlay{display:none} @media(max-width:700px){ body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}html{scroll-padding-top:84px}section[id],.container[id]{scroll-margin-top:84px} header{z-index:60}.nav{min-height:66px}.menu-btn{width:43px;height:43px;border:1px solid #dbe6f4;background:#f7faff;box-shadow:0 2px 7px rgba(17,55,106,.04)} .mobile-menu-overlay{display:block;position:fixed;inset:66px 0 0;background:rgba(14,34,62,.28);opacity:0;visibility:hidden;pointer-events:none;z-index:49;transition:.2s} .mobile-menu-overlay.open{opacity:1;visibility:visible;pointer-events:auto} .links{display:flex;top:66px;left:12px;right:12px;border:1px solid #e0eaf5;border-radius:0 0 17px 17px;padding:13px;box-shadow:0 20px 40px rgba(17,52,98,.16);gap:4px;transform:translateY(-9px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:52} .links.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)} .links a{padding:13px 15px;font-size:14px;font-weight:650;border-radius:9px;color:#274767;display:flex;align-items:center;min-height:46px} .links a:hover,.links a:focus-visible,.links a.current{background:#edf5ff;color:var(--blue)} .slider{height:auto;min-height:0;border-radius:16px;overflow:hidden;background:#eff6ff;isolation:isolate} .slide{position:relative;inset:auto;display:none;opacity:1;visibility:visible;transform:none;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:initial;transition:none} .slide.active{display:grid;transform:none}.hero-copy{padding:30px 24px 10px;align-self:auto}.hero-copy h1{font-size:clamp(29px,7.7vw,40px);line-height:1.17;letter-spacing:-1.4px;margin:14px 0}.hero-copy p{margin-bottom:19px;line-height:1.75} .visual{min-width:0;width:100%;height:258px;padding:10px 31px 43px;align-self:auto;overflow:hidden;isolation:isolate}.visual:before{width:215px;height:215px;right:15%;top:13px} .window{width:min(100%,320px);max-width:320px;transform:none;box-shadow:0 16px 38px rgba(18,65,140,.12)}.window-top{height:25px}.window-body{min-height:155px;grid-template-columns:56px 1fr}.window-side{padding:12px 8px}.window-main{padding:13px}.mini-stats{gap:6px}.mini-stats i{height:32px}.ui-chart{height:48px} .floatcard{right:18px;bottom:47px;max-width:178px;padding:7px 9px;font-size:9px;line-height:1.3}.floaticon{width:27px;height:27px;flex-shrink:0}.slider-controls{bottom:18px;left:23px}.slide-arrows{bottom:12px;right:17px}.arrow{height:33px;width:33px} .bottom-nav{position:fixed;z-index:70;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(68px + env(safe-area-inset-bottom,0px));padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid #e0e9f5;background:rgba(255,255,255,.97);box-shadow:0 -8px 30px rgba(20,51,99,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .bottom-item{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;min-width:0;border-radius:10px;font-size:10px;line-height:1.2;font-weight:650;color:#6d7c90;text-align:center;white-space:nowrap} .bottom-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.bottom-item.active{color:#145bbd;background:#eef5ff}.bottom-item:focus-visible{outline:2px solid var(--blue);outline-offset:-2px} .cta{margin-bottom:28px}.copyright{padding-bottom:13px} } @media(max-width:380px){.slider,.slide{min-height:0}.hero-copy{padding:25px 18px 7px}.visual{height:235px;padding:6px 20px 41px}.visual:before{width:190px;height:190px}.window{max-width:285px}.floatcard{bottom:40px;right:8px}.slider-controls{left:17px}.bottom-item{font-size:9px}.bottom-item svg{width:20px;height:20px}} @media(min-width:701px) and (max-width:900px){.visual{padding:20px 19px}.floatcard{right:6px}.window{max-width:390px}.hero-copy{padding-right:12px}} @media(prefers-reduced-motion:reduce){.links,.mobile-menu-overlay,.hamburger i{transition:none}} /* V3 final overrides: corporate navigation, robust slider artwork, two-column mobile content */ .slider{isolation:isolate} .visual{min-width:0;overflow:hidden} .window{max-width:min(100%,470px)} .slide-corporate .visual:before{background:linear-gradient(140deg,#cfe4ff,#eef8ff);border-radius:36% 64% 62% 38%} .slide-corporate .window-side{background:#1764ac} .slide-corporate .ui-chart b:nth-child(even){background:#87b9f4} .slide-software .visual:before{background:linear-gradient(135deg,#b8dcff,#ecf6ff);border-radius:25%} .slide-software .window-side{background:#142e57} .slide-software .ui-chart b:nth-child(odd){background:#669deb} .mobile-nav-heading,.mobile-nav-cta{display:none!important} @media(max-width:700px){ .nav{position:relative} .mobile-nav-heading{display:flex!important;justify-content:space-between;align-items:center;padding:10px 12px 14px;border-bottom:1px solid #e8edf5;margin:0 0 6px;color:#1d4c87;font-size:11px;font-weight:800;letter-spacing:.14em} .mobile-nav-heading small{color:#8797ab;letter-spacing:.04em;font-size:10px} .links{position:fixed;top:76px;left:16px;right:16px;max-height:calc(100dvh - 166px);overflow-y:auto;border-radius:17px!important;padding:16px!important;box-shadow:0 25px 65px rgba(10,41,84,.19)!important} .links a:not(.mobile-nav-cta){border-bottom:1px solid #f0f3f8;border-radius:8px;min-height:48px!important} .mobile-nav-cta{display:flex!important;justify-content:space-between;align-items:center;color:white!important;background:#175bc5!important;border-radius:10px!important;margin-top:15px;font-size:13px!important;padding:13px 15px!important} .mobile-menu-overlay{inset:66px 0 0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)} .menu-btn{width:44px;height:44px;border-radius:12px} /* Every service and project list is two columns on phones. */ .cards,.projects{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} .card{min-width:0;padding:18px 14px!important;border-radius:12px} .service-icon{width:40px;height:40px;font-size:20px;margin-bottom:13px!important} .card h3{font-size:14px;line-height:1.38;overflow-wrap:anywhere} .card p{font-size:11.5px;line-height:1.65;overflow-wrap:anywhere} .project{min-width:0;border-radius:12px} .project-preview{height:138px!important;padding:12px!important} .site-mock{height:110px;width:100%;border-radius:6px} .site-mock-nav{height:19px;padding:0 6px} .site-mock-nav span{width:35px;height:5px}.site-mock-nav small{width:38px;height:3px} .site-mock-hero{height:52px;padding:12px} .site-mock-hero b{height:5px}.site-mock-hero i{height:4px} .site-mock-boxes{gap:4px;padding:7px}.site-mock-boxes span{height:23px} .dashboard-mock{height:110px;width:100%;grid-template-columns:34px 1fr;border-radius:6px} .dashboard-mock aside{padding:10px 5px}.dashboard-mock aside span{height:4px;margin-bottom:9px} .dashboard-mock main{padding:9px}.project-body{padding:15px 13px!important} .project-body h3{font-size:14px!important;line-height:1.4;overflow-wrap:anywhere} .project-body p{font-size:11px!important;line-height:1.65;overflow-wrap:anywhere} .tag{font-size:9px!important;line-height:1.5;white-space:normal!important} /* Illustration remains fully inside its own slide on mobile. */ .visual{height:236px!important;padding:8px 26px 47px!important;overflow:hidden!important} .window{max-width:300px!important;width:100%!important} .floatcard{right:13px!important;bottom:48px!important;max-width:165px} .slider{overflow:hidden!important}.slide{width:100%;min-width:0} .slider-controls{bottom:16px!important}.slide-arrows{bottom:10px!important} .bottom-nav{z-index:75}.bottom-item{min-width:0}.bottom-item span{overflow:hidden;text-overflow:ellipsis;max-width:100%} } @media(max-width:380px){ .cards,.projects{gap:9px!important}.card{padding:14px 11px!important}.card h3,.project-body h3{font-size:12px!important}.card p,.project-body p{font-size:10.5px!important} .project-preview{height:118px!important;padding:9px!important}.project-body{padding:11px!important} .visual{height:219px!important;padding:7px 20px 43px!important}.window{max-width:260px!important}.floatcard{bottom:43px!important} .links{left:10px;right:10px} } @media(min-width:701px) and (max-width:950px){.slide{grid-template-columns:1fr 1fr}.hero-copy{padding:36px 14px 60px 31px}.visual{padding:15px}.window{width:100%}} /* V4: Controls occupy their own reserved bottom strip on mobile. Slide content is no longer covered by the pagination or arrows. */ @media (max-width:700px) { .slider { padding-bottom:76px !important; height:auto !important; min-height:0 !important; } .slide { position:relative !important; inset:auto !important; min-height:0 !important; } .slide:not(.active) { display:none !important; } .slide.active { display:grid !important; } .hero-copy { padding-bottom:24px !important; } .actions { position:relative; z-index:3; margin-bottom:0; } .visual { height:251px !important; padding-bottom:20px !important; } .floatcard { bottom:12px !important; right:13px !important; } .slider-controls { bottom:27px !important; left:23px !important; } .slide-arrows { bottom:18px !important; right:17px !important; } .slider-controls,.slide-arrows { z-index:12; } } @media (max-width:380px) { .slider { padding-bottom:72px !important; } .visual { height:225px !important; padding-bottom:17px !important; } .floatcard { bottom:9px !important; } .slider-controls { left:17px !important; } } /* V5 — Slider height follows the active slide instead of clipping three-line headings. Navigation has its own reserved row on phones AND desktops. */ .slider{height:auto!important;min-height:0!important;padding-bottom:72px!important;overflow:hidden} .slide{position:relative!important;inset:auto!important;width:100%;min-width:0;height:auto!important;min-height:0!important;display:none!important;opacity:0;visibility:hidden;transform:none!important;transition:none!important} .slide.active{display:grid!important;opacity:1!important;visibility:visible!important;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)} .hero-copy{min-width:0;padding-bottom:26px!important} .hero-copy h1{overflow-wrap:break-word} .actions{position:relative;z-index:3} .visual{min-width:0;overflow:hidden} .slider-controls{bottom:27px!important;z-index:12} .slide-arrows{bottom:18px!important;z-index:12} @media(max-width:700px){ .slider{padding-bottom:70px!important} .slide.active{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto} .hero-copy{padding:30px 24px 18px!important} .hero-copy h1{font-size:clamp(29px,7.7vw,40px);line-height:1.17} .hero-copy p{margin-bottom:18px} .actions{gap:9px} .actions a{max-width:100%;white-space:normal;text-align:center} .visual{height:245px!important;padding:8px 26px 19px!important} .floatcard{right:13px!important;bottom:10px!important} .slider-controls{bottom:25px!important} .slide-arrows{bottom:16px!important} } @media(max-width:380px){ .hero-copy{padding:25px 18px 18px!important} .visual{height:225px!important;padding:7px 20px 17px!important} .slider{padding-bottom:70px!important} } /* V7: corrected mobile drawer layering; existing corporate content */ .value-grid,.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .value-card,.process-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px} .value-card>span{display:block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.1px;margin-bottom:34px} .value-card h3,.process-grid h3,.expertise-grid h3{margin:0 0 11px;font-size:17px;line-height:1.35;letter-spacing:-.35px} .value-card p,.process-grid p,.expertise-grid p{color:#718298;font-size:13px;line-height:1.85;margin:0} .process-grid article>span{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:12px;background:#e8f2ff;color:var(--blue);font-size:14px;font-weight:800;margin-bottom:23px} .expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.expertise-grid>div{border-top:2px solid #cbdff8;padding:26px 10px 0}.expertise-grid b{display:block;color:var(--blue);font-size:12px;margin-bottom:19px} .faq-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}.faqs details{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:10px;padding:0 20px}.faqs summary{cursor:pointer;list-style:none;position:relative;font-size:14px;font-weight:700;padding:20px 28px 20px 0}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+';position:absolute;right:0;top:15px;font-size:25px;color:var(--blue);font-weight:400}.faqs details[open] summary:after{content:'−'}.faqs details p{margin:0;padding:0 16px 19px 0;font-size:13px;line-height:1.9;color:#677b92} .drawer-close,.drawer-overline,.drawer-foot{display:none} @media(max-width:900px){.value-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-wrap{gap:30px}} @media(max-width:700px){ body.menu-open{overflow:hidden} header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .links.open{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .mobile-menu-overlay{position:fixed!important;inset:0!important;z-index:90!important;background:rgba(10,27,49,.56)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important} .links{position:fixed!important;inset:0 0 0 auto!important;top:0!important;left:auto!important;right:0!important;width:min(86vw,370px)!important;max-height:100dvh!important;height:100dvh!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;margin:0!important;padding:0 22px 25px!important;border:0!important;border-radius:0!important;background:white!important;box-shadow:-20px 0 65px rgba(9,32,69,.22)!important;transform:translateX(105%)!important;opacity:1!important;visibility:hidden!important;pointer-events:none!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:100!important;transition:transform .3s cubic-bezier(.2,.85,.2,1),visibility .3s!important;gap:0!important} .links.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important} .mobile-nav-heading{display:flex!important;min-height:88px;align-items:center;justify-content:space-between;margin:0 -2px 24px!important;padding:0!important;border-bottom:1px solid #e8eef6!important} .drawer-brand{display:flex;align-items:center;font-size:25px;font-weight:850;letter-spacing:-1.3px;color:#132b4b}.drawer-brand .dot{color:var(--blue);display:inline-block;animation:dotBounce 1.6s ease-in-out infinite;transform-origin:center bottom} .drawer-close{display:flex;align-items:center;justify-content:center;width:41px;height:41px;background:#f1f6fd;border:1px solid #e2eaf5;border-radius:12px;color:#26466b;font-size:29px;cursor:pointer} .drawer-overline{display:block;color:#8a9ab1;font-weight:800;font-size:10px;letter-spacing:2px;margin-bottom:11px} .links a:not(.mobile-nav-cta){display:flex!important;align-items:center;min-height:57px!important;padding:13px 10px!important;border-radius:0!important;border-bottom:1px solid #edf1f7!important;color:#243f61!important;font-size:15px!important;font-weight:650!important} .links a:not(.mobile-nav-cta):hover,.links a.current{color:var(--blue)!important;background:#f5f9ff!important} .links .mobile-nav-cta{display:flex!important;justify-content:space-between;margin-top:22px!important;min-height:52px!important;padding:14px 16px!important;background:var(--blue)!important;color:white!important;border-radius:11px!important;font-size:14px!important} .drawer-foot{display:flex;flex-direction:column;gap:3px;margin-top:auto;padding:28px 2px 0!important;color:#677f9e;font-size:12px}.drawer-foot strong{font-size:15px;color:#17375c;margin-bottom:9px}.drawer-foot a{display:block!important;padding:0!important;border:0!important;min-height:0!important;color:var(--blue)!important;font-size:13px!important} .value-grid,.process-grid,.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.value-card,.process-grid article{padding:17px 13px}.value-card>span{font-size:9px;margin-bottom:18px}.value-card h3,.process-grid h3,.expertise-grid h3{font-size:13px}.value-card p,.process-grid p,.expertise-grid p{font-size:11px;line-height:1.7}.process-grid article>span{width:34px;height:34px;margin-bottom:13px}.expertise-grid>div{padding:15px 5px 0}.expertise-grid>div:last-child{grid-column:1/-1}.faq-wrap{grid-template-columns:1fr;gap:23px}.faqs details{padding:0 15px}.faqs summary{font-size:13px;padding:17px 26px 17px 0} } @media(prefers-reduced-motion:reduce){.links{transition:none!important}} /* ERBIAS project request wizard */ .contact-section{padding:0 0 90px;scroll-margin-top:90px}.contact-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.contact-head h2{font-size:clamp(28px,3.4vw,43px);line-height:1.18;letter-spacing:-1.4px;margin:10px 0}.contact-head p{color:var(--muted);max-width:510px;font-size:14px}.contact-launch{border:0;cursor:pointer;white-space:nowrap}.request-shell{display:grid;grid-template-columns: .83fr 1.17fr;gap:0;border:1px solid #dce7f7;border-radius:20px;background:white;overflow:hidden;box-shadow:0 18px 45px #1a43750b}.request-aside{background:linear-gradient(155deg,#103b7b,#1761ba);color:white;padding:42px}.request-aside h3{font-size:27px;letter-spacing:-.7px;line-height:1.25;margin:12px 0}.request-aside p{color:#d1e3f8;font-size:13px;line-height:1.9}.request-benefit{display:flex;gap:12px;margin-top:24px;align-items:flex-start;font-size:13px}.request-benefit b{background:#ffffff21;border:1px solid #ffffff35;border-radius:9px;min-width:29px;height:29px;display:grid;place-items:center}.request-aside small{display:block;margin-top:32px;color:#c3d8f4}.request-launch-area{padding:50px 38px;display:grid;align-content:center;justify-items:start}.request-launch-area h3{font-size:25px;margin:0 0 12px}.request-launch-area p{color:#6b7e95;line-height:1.9;font-size:14px;max-width:460px}.request-launch-area button{cursor:pointer;margin-top:10px}.wizard-layer[hidden]{display:none!important}.wizard-layer{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(10,31,63,.56);backdrop-filter:blur(5px)}.wizard-modal{width:min(790px,100%);max-height:min(92dvh,900px);display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 100px #001d4070}.wizard-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf5;padding:20px 26px;flex-shrink:0}.wizard-header strong{font-size:20px;letter-spacing:-.65px}.wizard-header strong span{color:var(--blue)}.wizard-header small{display:block;color:#7890ab;font-size:11px}.wizard-close{height:37px;width:37px;background:#f4f7fb;border:1px solid #e5eaf0;border-radius:10px;font-size:24px;color:#476079;cursor:pointer}.wizard-scroll{overflow-y:auto;overscroll-behavior:contain;padding:25px 31px 27px}.wizard-meta{display:flex;justify-content:space-between;color:#69809b;font-size:12px;font-weight:650;margin-bottom:10px}.wizard-track{height:6px;background:#eaf1f9;border-radius:20px;overflow:hidden}.wizard-track>span{display:block;height:100%;background:var(--blue);width:14.285%;border-radius:20px;transition:width .25s}.wizard-step[hidden]{display:none!important}.wizard-step{padding-top:23px}.wizard-step h3{font-size:clamp(23px,3vw,29px);letter-spacing:-.8px;line-height:1.23;margin:0 0 8px}.wizard-step>p{font-size:13px;color:#72859a;margin:0 0 23px;line-height:1.8}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.choice{display:flex;align-items:flex-start;gap:12px;border:1px solid #dfe8f3;background:#fff;border-radius:12px;padding:16px;min-width:0;cursor:pointer;transition:background .15s,border-color .15s}.choice:has(input:checked){border-color:var(--blue);background:#f2f7ff;box-shadow:inset 0 0 0 1px var(--blue)}.choice input{accent-color:var(--blue);margin:4px 0 0;flex-shrink:0}.choice b{font-size:13px;display:block;line-height:1.4}.choice small{display:block;color:#73879d;font-size:11px;line-height:1.55;margin-top:5px}.wizard-field{display:flex;flex-direction:column;gap:7px;margin:14px 0;color:#263e5b;font-size:13px;font-weight:650}.wizard-field input,.wizard-field select,.wizard-field textarea{width:100%;font:inherit;font-size:14px;color:#233b59;border:1px solid #d7e3f0;background:#fff;border-radius:10px;padding:12px 13px;outline:none}.wizard-field input:focus,.wizard-field select:focus,.wizard-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #175bc519}.wizard-field textarea{min-height:90px;resize:vertical}.wizard-field em{font-style:normal;color:#8291a3;font-weight:400;font-size:11px}.wizard-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wizard-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e7edf5;margin-top:27px;padding-top:19px}.wizard-footer button{cursor:pointer}.wizard-footer [hidden]{display:none!important}.wizard-error{color:#b42332;font-size:12px;margin-top:10px;min-height:18px}.wizard-note{font-size:11px;color:#778ba3;line-height:1.7;margin-top:15px}.wizard-summary{border:1px solid #e1e9f3;border-radius:12px;background:#f8fbff;padding:16px;white-space:pre-wrap;line-height:1.8;font-size:12px;color:#3d5370;max-height:180px;overflow:auto}.wizard-submit{border:0}.wizard-privacy{display:flex;gap:9px;align-items:flex-start;color:#60768e;font-size:12px;line-height:1.65;margin-top:16px}.wizard-privacy input{accent-color:var(--blue);margin-top:3px}.wizard-price-note{padding:13px;background:#f4f8fe;border:1px solid #e0e9f5;border-radius:10px;color:#5b708b;font-size:12px;margin-top:17px;line-height:1.7}.wizard-open{overflow:hidden} @media(max-width:700px){.contact-section{padding-bottom:90px}.contact-head{display:block}.contact-launch{margin-top:10px}.request-shell{grid-template-columns:1fr}.request-aside{padding:25px}.request-aside h3{font-size:22px}.request-benefit{margin-top:13px}.request-aside small{margin-top:18px}.request-launch-area{padding:28px 24px}.wizard-layer{padding:0;align-items:end}.wizard-modal{width:100%;max-height:calc(100dvh - 8px);height:auto;border-radius:19px 19px 0 0}.wizard-header{padding:15px 19px}.wizard-scroll{padding:19px 18px max(22px,env(safe-area-inset-bottom))}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice{padding:11px 9px;gap:7px}.choice b{font-size:12px}.choice small{font-size:10px}.wizard-columns{grid-template-columns:1fr;gap:0}.wizard-step{padding-top:20px}.wizard-step h3{font-size:23px}.wizard-footer .primary,.wizard-footer .outline{padding:12px 15px}} @media(max-width:350px){.choice-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.wizard-track>span{transition:none}.logo .dot,.drawer-brand .dot{animation:none}} .honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} .wizard-success{padding:13px;border:1px solid #c6e8d5;background:#f0fbf4;color:#17633a;border-radius:10px;font-size:13px;margin-top:10px} /* Styles extracted from HTML attributes */ .extracted-inline-1{--h:32%} .extracted-inline-2{--h:56%} .extracted-inline-3{--h:44%} .extracted-inline-4{--h:77%} .extracted-inline-5{--h:65%} .extracted-inline-6{margin-top:20px} .extracted-inline-7{color:#9fc1ed} .extracted-inline-8{margin-top:15px} .extracted-inline-9{color:#cfe3ff} .extracted-inline-10{font-size:12px} /* Managed slider imagery and visibility */ section[hidden]{display:none!important}.slide[data-slide-enabled="0"]{display:none!important}.visual:has(>.slide-managed-image)>.window,.visual:has(>.slide-managed-image)>.floatcard{display:none}.slide-managed-image{display:block;width:100%;height:100%;max-height:380px;object-fit:cover;border-radius:24px} .legal-footer-links{display:flex;gap:18px 24px;flex-wrap:wrap;padding:18px 0}.legal-footer-links a{color:inherit;text-decoration:none;font-size:13px;opacity:.8}.legal-footer-links a:hover{opacity:1;text-decoration:underline}.wizard-privacy a{color:inherit;text-decoration:underline;text-underline-offset:3px} .wizard-step.wizard-complete .wizard-field,.wizard-step.wizard-complete .wizard-price-note{display:none!important}.wizard-step.wizard-complete .wizard-summary{border:1px solid rgba(42,155,96,.25);padding:22px;border-radius:16px} .wizard-step.wizard-complete .wizard-captcha{display:none!important} /* Hukuki sayfalar da ana sayfanın aynı section, container ve kart tasarımını kullanır. */ .legal-document-menu{grid-template-columns:repeat(4,minmax(0,1fr))} .legal-document-link{display:block;color:inherit;text-decoration:none;min-width:0} .legal-document-link .service-icon{width:36px;height:36px;margin-bottom:15px;font-size:18px} .legal-document-link.is-current{border-color:var(--blue);background:#f1f7ff} .legal-document-link h3{overflow-wrap:anywhere} .legal-document-content{max-width:950px;margin:0 auto;color:var(--navy)} .legal-document-content h2{font-size:clamp(20px,2.2vw,27px);margin:30px 0 12px;line-height:1.35;letter-spacing:-.5px} .legal-document-content p{font-size:15px;line-height:2;color:#536880;overflow-wrap:anywhere;white-space:normal;margin:0 0 19px} .legal-document-bottom{max-width:950px;margin:32px auto 0;display:flex;gap:12px;flex-wrap:wrap} @media(max-width:900px){.legal-document-menu{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.legal-document-menu{grid-template-columns:1fr 1fr;gap:10px}.legal-document-link{padding:17px!important}.legal-document-link h3{font-size:13px!important}.legal-document-content p{font-size:14px}.legal-document-bottom .primary,.legal-document-bottom .outline{flex:1}} @media(max-width:380px){.legal-document-menu{grid-template-columns:1fr}} /* V22: One definitive footer layout, no inherited legal button styling */ #erbias-site-footer{background:#fff;background-image:none;color:var(--navy);border-top:1px solid var(--line);padding:43px 0 25px} #erbias-site-footer .foot-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:start;padding-bottom:28px} #erbias-site-footer .footer-brand{min-width:0} #erbias-site-footer .footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:12px 24px;margin:0;align-content:start} #erbias-site-footer .footer-links a{font-size:13px;line-height:1.6;color:#61748b;white-space:normal} #erbias-site-footer .legal-footer-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px 19px;border-top:1px solid #e2e9f1;padding:16px 0 18px;margin:0;background:none} #erbias-site-footer .legal-footer-links .legal-footer-label{flex:0 0 100%;font-size:12px;letter-spacing:0;font-weight:650;color:#61748b;margin:0 0 3px} #erbias-site-footer .legal-footer-links a{display:inline;flex:none;width:auto;height:auto;min-width:0;max-width:none;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:#61748b;font-size:12px;line-height:1.65;text-align:left;white-space:normal;opacity:1;text-decoration:none} #erbias-site-footer .legal-footer-links a:hover{color:var(--blue);text-decoration:underline;background:none} #erbias-site-footer .copyright{margin:0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap} @media(max-width:760px){ #erbias-site-footer{padding:32px 0 calc(24px + env(safe-area-inset-bottom,0px))} #erbias-site-footer .foot-main{display:block;padding-bottom:23px} #erbias-site-footer .foot-main p{max-width:100%} #erbias-site-footer .footer-links{margin-top:23px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px} #erbias-site-footer .footer-links a{min-width:0;overflow-wrap:anywhere;line-height:1.5} #erbias-site-footer .legal-footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px;padding:17px 0} #erbias-site-footer .legal-footer-links .legal-footer-label{grid-column:1/-1} #erbias-site-footer .legal-footer-links a{display:block;overflow-wrap:break-word;font-size:12px} #erbias-site-footer .copyright{display:flex;flex-direction:column;gap:5px} #erbias-site-footer .copyright span{margin:0} } /* V23: footer navigation single row on desktop; copyright single line */ #erbias-site-footer .copyright > span:first-child{display:inline-block;white-space:nowrap;overflow-wrap:normal;word-break:normal} @media (min-width:761px){ #erbias-site-footer .footer-links{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:clamp(10px,1.5vw,22px);white-space:nowrap} #erbias-site-footer .footer-links a{display:inline-block;white-space:nowrap;overflow-wrap:normal;flex:0 0 auto} #erbias-site-footer .foot-main{grid-template-columns:minmax(0,1fr) max-content;gap:18px} } @media (max-width:760px){ #erbias-site-footer .copyright > span:first-child{display:inline-block;white-space:nowrap;font-size:clamp(10px,2.9vw,12px);letter-spacing:-.15px} } /* V24 — telif satırındaki yıl dahil bütün metin bir arada kalır. */ #erbias-site-footer .copyright > span:first-child{display:block;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(9px,2.6vw,12px);letter-spacing:-.2px;max-width:100%;} #erbias-site-footer .copyright > span:first-child #year{display:inline!important;white-space:inherit;margin:0;padding:0;font:inherit;} /* Sağ kenar proje sekmesi: tek ve çakışmasız kural (V22). */ body > .erbias-floating-project { position: fixed; top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%); z-index: 10000; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 44px; min-width: 44px; min-height: 174px; padding: 15px 8px; gap: 9px; border: 1px solid #1355b6; border-right: 0; border-radius: 12px 0 0 12px; background: #175bc5; color: #fff; cursor: pointer; box-shadow: -5px 7px 20px rgba(9,55,123,.25); font-family: inherit; font-size: 12px; font-weight: 800; line-height: 1.3; letter-spacing: .01em; text-align: center; text-shadow: 0 1px 1px rgba(0,28,70,.25); -webkit-font-smoothing: antialiased; touch-action: manipulation; } body > .erbias-floating-project .erbias-floating-project__label { writing-mode: vertical-rl; text-orientation: mixed; white-space: nowrap; line-height: 1.3; } body > .erbias-floating-project .erbias-floating-project__arrow { font-size: 16px; line-height: 1; } body > .erbias-floating-project:hover { background: #0c438e; } body > .erbias-floating-project:focus-visible { outline: 3px solid #86b7ff; outline-offset: 2px; } body.wizard-open > .erbias-floating-project, body:has(.wizard-layer:not([hidden])) > .erbias-floating-project, body:has(.links.open) > .erbias-floating-project { visibility: hidden; pointer-events: none; } @media (max-width: 760px) { body > .erbias-floating-project { width: 37px; min-width: 37px; min-height: 142px; padding: 11px 6px; gap: 7px; border-radius: 10px 0 0 10px; font-size: 11px; line-height: 1.25; } body > .erbias-floating-project .erbias-floating-project__arrow { font-size: 14px; } } @media (prefers-reduced-motion: reduce) { body > .erbias-floating-project { transition: none; } }