:root{ color-scheme:dark; --base:#080b13;--surface:#0f1522;--border:#283247;--ink:#f3f7ff;--muted:#98a8c0; --cyan:#24dfff;--pink:#f84ab7;--yellow:#f6cf4d;--violet:#8271ff; --hero-font-desktop:116px;--hero-font-mobile:59px;--section-font-desktop:66px;--section-font-mobile:41px;--body-font:16px;--nav-font:13px;--card-font:30px;--about-font-desktop:82px;--about-font-mobile:35px;--contact-font-desktop:92px;--contact-font-mobile:58px; --frame: min(1380px,calc(100% - 100px)); } *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:100px} body{margin:0;background:var(--base);color:var(--ink);font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-size:var(--body-font);overflow-x:hidden;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit} button,a{-webkit-tap-highlight-color:transparent} button{cursor:pointer} button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px} ::selection{background:var(--cyan);color:var(--base)} .container{width:var(--frame);max-width:1400px;margin:auto;position:relative} .skip{position:absolute;left:20px;top:-70px;z-index:100;background:#fff;color:#000;padding:12px 18px;border-radius:6px}.skip:focus{top:10px} .cyber-noise{display:none} .topline{height:3px;display:grid;grid-template-columns:repeat(4,1fr)}.topline span:nth-child(1){background:var(--cyan)}.topline span:nth-child(2){background:var(--pink)}.topline span:nth-child(3){background:var(--yellow)}.topline span:nth-child(4){background:#edf3fc} .top-info{background:#0c111c;border-bottom:1px solid #232c3c}.top-flex{height:36px;display:flex;align-items:center;justify-content:space-between;gap:15px}.top-label,.top-right{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font:800 10px/1 'DM Sans',sans-serif;letter-spacing:.18em;color:#8c9db4}.top-right{color:#798ca6}.coordinate-mark{color:var(--cyan);font-size:16px}.top-sep{color:var(--pink)}.online-indicator{background:#53edb6;width:6px;height:6px;border-radius:50%;box-shadow:0 0 14px #53edb6} .site-header{position:sticky;top:0;z-index:50;background:rgba(9,12,21,.985);border-bottom:1px solid rgba(104,131,172,.18);backdrop-filter:none}.header-inner{height:94px;display:flex;align-items:center;gap:50px}.identity{display:flex;align-items:center;gap:16px;flex-shrink:0}.logo-surface{width:106px;height:67px;border:1px solid rgba(255,255,255,.2);border-radius:6px;display:grid;place-items:center;background:#fff;overflow:hidden;box-shadow:0 5px 26px rgba(0,0,0,.21)}.logo-surface img{width:100%;height:100%;object-fit:contain;display:block}.identity-caption{font:800 10px/1.4 'DM Sans',sans-serif;color:#8191a6;letter-spacing:.15em;max-width:95px}.identity-caption i{color:var(--cyan);font-style:normal}.desktop-nav{display:flex;margin-left:auto;gap:33px;align-items:center}.desktop-nav a{position:relative;color:#c3cbdb;font-size:var(--nav-font);font-weight:700;transition:color .2s}.desktop-nav a:hover{color:#fff}.desktop-nav a::after{content:'';position:absolute;bottom:-9px;left:0;width:0;height:2px;background:var(--cyan);transition:width .2s}.desktop-nav a:hover::after{width:100%}.header-phone{border:1px solid var(--cyan);padding:12px 14px 12px 15px;color:#080b13;background:var(--cyan);min-width:148px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:12px;font-weight:900;border-radius:4px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.header-phone:hover{background:white}.header-phone svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linejoin:round}.header-phone b{font-size:16px}.menu-toggle{display:none;border:1px solid #374761;background:#141a29;border-radius:4px;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{background:#f3f8fc;width:21px;height:2px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:none} .hero-section{position:relative;min-height:calc(100svh - 133px);overflow:hidden;background:radial-gradient(ellipse 650px 470px at 81% 41%,rgba(41,49,125,.22),transparent 90%),radial-gradient(ellipse 480px 470px at 8% 85%,rgba(18,176,190,.06),transparent 90%),#080b13}.hero-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(118,149,203,.046) 1px,transparent 1px),linear-gradient(90deg,rgba(118,149,203,.046) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,rgba(0,0,0,.35),black 85%)}.radial-sheen{position:absolute;width:560px;height:560px;right:0;top:20px;background:radial-gradient(circle,rgba(27,211,248,.095),transparent 71%);pointer-events:none}.hero-grid{min-height:730px;display:grid;grid-template-columns:51% 49%;align-items:center;position:relative;z-index:1}.hero-copy{padding:38px 0 44px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:#adc0d8;font-size:11px;letter-spacing:.17em;font-weight:800}.square-dot{background:var(--pink);height:8px;width:8px;box-shadow:0 0 15px rgba(248,74,183,.58)}.mega-title{margin:24px 0 26px;color:white;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(78px,7.5vw,var(--hero-font-desktop));font-weight:900;line-height:.81;letter-spacing:-.021em;text-transform:uppercase}.mega-title>span{display:block;white-space:nowrap}.mega-title>span+span{margin-top:7px}.mega-title .outlined{-webkit-text-stroke:1.5px #a5b3cb;color:transparent}.mega-title .gradient-ink{color:#26def7;background:linear-gradient(108deg,var(--cyan) 7%,#89b8ff 53%,var(--pink) 94%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title-bracket{display:flex;align-items:center;gap:6px;margin-bottom:26px}.title-bracket span{height:3px;width:52px;background:var(--cyan);transform:skew(-18deg)}.title-bracket span:nth-child(2){width:30px;background:var(--pink)}.title-bracket span:nth-child(3){width:18px;background:var(--yellow)}.hero-description{margin:0;max-width:450px;line-height:1.8;color:#adbcd2;font-size:clamp(15px,1.3vw,18px)}.hero-actions,.contact-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;border:1px solid #42546e;padding:17px 21px;min-height:56px;border-radius:4px;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%);font-size:13px;font-weight:850;transition:transform .2s,background-color .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--cyan);color:#08101c;border-color:var(--cyan);box-shadow:0 10px 38px rgba(7,215,247,.09)}.button-primary:hover{background:#99f0ff}.button-secondary{color:#f5f9ff;background:rgba(28,38,56,.65)}.button-secondary:hover{border-color:var(--pink);background:#1a2234}.button-arrow{font-size:19px;line-height:1}.hero-floor{display:flex;align-items:center;gap:17px;margin-top:82px;color:#7e91ab;letter-spacing:.21em;font:800 10px 'DM Sans',sans-serif}.floor-line{width:34px;height:1px;background:#5d6f89}.floor-led{display:inline-block;background:var(--cyan);width:5px;height:5px;vertical-align:2px;margin-right:9px}.down-arrow{font-size:19px;color:var(--cyan)}.side-index{position:absolute;left:15px;top:55%;writing-mode:vertical-rl;transform:rotate(180deg);font:900 9px 'DM Sans',sans-serif;letter-spacing:.25em;color:#5e708a} .hero-art{height:620px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-frame{height:595px;width:100%;position:relative;border:1px solid rgba(81,112,162,.37);overflow:hidden;background:radial-gradient(ellipse 60% 45% at 52% 48%,rgba(7,144,224,.1),transparent),linear-gradient(140deg,rgba(31,43,66,.8),rgba(12,17,29,.95));box-shadow:0 35px 100px rgba(0,0,0,.35),inset 0 0 70px rgba(19,88,181,.055);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(72,116,172,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(72,116,172,.07) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,black 15%,transparent 70%)}.art-frame::before,.art-frame::after{content:'';position:absolute;width:250px;height:250px;border:1px solid rgba(40,226,249,.13);border-radius:50%;top:24%;left:27%;z-index:0}.art-frame::after{transform:scale(1.5);border-style:dashed;animation:orbit 35s linear infinite}.art-corner{position:absolute;width:24px;height:24px;border-color:var(--cyan);z-index:2}.top-left{left:14px;top:14px;border-top:2px solid;border-left:2px solid}.top-right{right:14px;top:14px;border-top:2px solid;border-right:2px solid}.bottom-left{left:14px;bottom:14px;border-left:2px solid;border-bottom:2px solid}.bottom-right{right:14px;bottom:14px;border-right:2px solid;border-bottom:2px solid}.art-top,.art-bottom{z-index:3;position:absolute;left:31px;right:31px;display:flex;align-items:center;justify-content:space-between;font:800 10px 'DM Sans',sans-serif;letter-spacing:.16em;color:#98b2d5}.art-top{top:32px}.art-bottom{bottom:30px;font-size:9px;color:#8698b2}.serial{color:var(--pink)}.blink-light{width:7px;height:7px;border-radius:50%;background:#32efbc;box-shadow:0 0 16px #32efbc;animation:blink 2.7s ease-in-out infinite}.printer-image{position:absolute;z-index:1;width:113%;max-width:none;height:auto;top:-2%;left:-7%;filter:drop-shadow(0 25px 35px rgba(0,0,0,.5));animation:levitate 6s ease-in-out infinite}.art-overlay-left{position:absolute;left:34px;top:49%;font:900 17px 'Barlow Condensed',sans-serif;color:var(--cyan);letter-spacing:.13em;z-index:3}.art-overlay-left em{font:800 9px 'DM Sans',sans-serif;font-style:normal;color:#71849e;letter-spacing:.06em}.art-overlay-right{position:absolute;right:30px;top:50%;z-index:3;display:flex;align-items:center;gap:9px;font:900 9px 'DM Sans',sans-serif;color:#a5ddcf;letter-spacing:.15em}.scan-indicator{width:6px;height:6px;background:#22efb7;border-radius:50%;box-shadow:0 0 12px #22efb7}.floating-note{position:absolute;z-index:4;padding:13px 17px;display:flex;align-items:center;gap:11px;border:1px solid #426080;background:rgba(12,20,33,.94);backdrop-filter:blur(6px);font:900 11px 'DM Sans',sans-serif;color:#d9eaff;box-shadow:0 20px 50px rgba(0,0,0,.28)}.floating-note>span:first-child{color:var(--cyan);font:700 15px 'Barlow Condensed',sans-serif}.note-a{left:-26px;top:22%}.note-b{right:-20px;bottom:19%}.signal-wave{color:var(--pink);font-size:25px;margin-left:12px}.note-check{color:#37fbc1;font-size:19px;margin-left:12px} .ticker{overflow:hidden;background:#101826;border-top:1px solid #233550;border-bottom:1px solid #233550}.ticker-track{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:67px;width:var(--frame);margin:auto;white-space:nowrap}.ticker span{font:800 12px 'DM Sans',sans-serif;color:#a3b4cc;letter-spacing:.12em}.ticker i{color:var(--cyan);font-style:normal;font-size:11px} .services-section,.process-section{padding:125px 0 132px;position:relative}.services-section{background:#0b0f19}.section-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.micro-heading,.meta-right{display:inline-flex;align-items:center;gap:9px;color:#9aacc5;font:800 11px 'DM Sans',sans-serif;letter-spacing:.16em}.micro-square{width:8px;height:8px;background:var(--cyan)}.meta-right{color:#64738b;font-size:10px}.services-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-top:29px;margin-bottom:47px}.section-heading{font:900 clamp(43px,4.6vw,var(--section-font-desktop))/.93 'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:.005em;margin:0}.hot{color:var(--pink)}.services-intro p,.process-intro p{width:min(350px,100%);font-size:15px;line-height:1.8;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{position:relative;display:flex;flex-direction:column;min-height:425px;padding:27px 28px;background:linear-gradient(156deg,#141d2b,#0f1624 85%);border:1px solid #2c3b51;overflow:hidden;isolation:isolate;transition:transform .3s,border-color .3s,box-shadow .3s;clip-path:polygon(0 0,calc(100% - 21px) 0,100% 21px,100% 100%,0 100%)}.service-card::before{position:absolute;content:'';width:260px;height:260px;top:15px;left:calc(50% - 130px);border:1px solid rgba(92,129,179,.10);border-radius:50%;box-shadow:0 0 0 33px rgba(61,101,146,.035),0 0 0 67px rgba(61,101,146,.028)}.service-card::after{content:'';position:absolute;inset:auto 0 0;height:3px;background:var(--cyan);transform:scaleX(.12);transform-origin:left;transition:transform .35s}.service-card:hover{transform:translateY(-8px);border-color:#2ab4d4;box-shadow:0 30px 50px rgba(0,0,0,.18)}.service-card:hover::after{transform:scaleX(1)}.service-two::after{background:var(--pink)}.service-two:hover{border-color:var(--pink)}.service-three::after{background:var(--yellow)}.service-three:hover{border-color:var(--yellow)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.16em;color:#768aa5;font-weight:800}.card-top span:first-child{color:var(--cyan);font-size:15px}.service-two .card-top span:first-child{color:var(--pink)}.service-three .card-top span:first-child{color:var(--yellow)}.service-symbol{flex:1;display:flex;align-items:center;justify-content:center;max-height:185px;filter:drop-shadow(0 0 25px rgba(29,205,241,.17))}.service-symbol svg{width:124px;height:124px;stroke:var(--cyan);stroke-width:2;fill:none;stroke-linejoin:round;stroke-linecap:round}.symbol-droplets svg{stroke:var(--pink);filter:drop-shadow(0 0 17px rgba(248,74,183,.27))}.symbol-cycle svg{stroke:var(--yellow);filter:drop-shadow(0 0 16px rgba(246,207,77,.22))}.card-bottom{padding-bottom:9px}.card-bottom h3{font:800 var(--card-font)/1.1 'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;margin:0 0 12px}.card-bottom p{font-size:14px;line-height:1.7;color:#9fadc3;margin:0;max-width:350px} .about-section{position:relative;padding:110px 0 130px;background:radial-gradient(ellipse at 10% 75%,rgba(32,224,249,.07),transparent 48%),linear-gradient(165deg,#111a2c,#0b1020);border-top:1px solid #2a3953;border-bottom:1px solid #29344c;overflow:hidden}.about-section:after{content:'REFIL';position:absolute;right:-28px;bottom:-65px;font:900 350px 'Barlow Condensed',sans-serif;letter-spacing:-.08em;line-height:1;color:rgba(138,170,214,.025);pointer-events:none}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center}.year-side{position:relative;z-index:1}.year-meta{font-size:10px;letter-spacing:.2em;color:#a0b4d0;font-weight:900;margin-top:54px}.year-giant{font:900 clamp(170px,18vw,295px)/.63 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-.065em;color:#f1f6fe;margin:35px 0 45px}.year-giant span{display:block}.year-giant .year-outline{color:transparent;-webkit-text-stroke:2px #53769d}.year-giant span:nth-child(2){margin-left:24%}.year-dot{color:var(--pink)}.year-baseline{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.2em;color:#8497b2;font-weight:900}.year-baseline i{height:1px;flex:1;max-width:55px;background:var(--cyan)}.about-copy{position:relative;z-index:1;padding-top:35px}.cyan-kicker{color:var(--cyan)}.about-heading{font:900 clamp(50px,5.4vw,var(--about-font-desktop))/.89 'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:.002em;margin:32px 0}.about-copy>p{max-width:480px;color:#aabbd3;line-height:1.9;font-size:17px}.pill-tray{display:flex;gap:11px;margin-top:44px;flex-wrap:wrap}.pill-tray span{border:1px solid #3d526d;padding:10px 14px;font:900 10px 'DM Sans',sans-serif;letter-spacing:.15em;color:#cbdbef;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)} .process-section{background:#090d17}.process-intro{margin-top:32px;margin-bottom:45px;display:flex;align-items:end;justify-content:space-between;gap:35px}.process-list{border-top:1px solid #35516d}.process-row{display:grid;grid-template-columns:88px minmax(190px,1.2fr) minmax(200px,1fr);align-items:center;gap:30px;padding:33px 12px 33px 0;border-bottom:1px solid #2d3f59;transition:background .2s,padding .2s}.process-row:hover{background:#111a2c;padding-left:15px}.step-number{font:900 32px 'Barlow Condensed',sans-serif;color:var(--cyan)}.process-row:nth-child(2) .step-number{color:var(--pink)}.process-row:nth-child(3) .step-number{color:var(--yellow)}.process-row h3{font:800 30px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.process-row p{font-size:14px;line-height:1.6;color:var(--muted);margin:0} .contact-section{padding:0 0 95px;background:#090d17}.contact-wrapper{position:relative;overflow:hidden;padding:53px 56px 26px;background:linear-gradient(118deg,rgba(14,34,53,.96),rgba(24,19,45,.93) 65%,rgba(41,15,43,.92));border:1px solid #45556d;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%)}.contact-wrapper::before{content:'';position:absolute;width:500px;height:500px;right:-15%;bottom:-65%;border-radius:50%;background:radial-gradient(circle,rgba(248,74,183,.075) 0%,rgba(248,74,183,.025) 36%,transparent 73%);filter:none;pointer-events:none}.contact-wrapper::after{content:'';position:absolute;inset:0;border-top:3px solid var(--cyan);pointer-events:none}.contact-scanline{position:absolute;width:150%;height:1px;left:-25%;top:55%;background:linear-gradient(90deg,transparent,rgba(45,238,255,.23),transparent);transform:rotate(-15deg);pointer-events:none}.contact-columns{display:grid;grid-template-columns:1.18fr .82fr;gap:8%;margin-top:58px}.contact-main h2{font:900 clamp(58px,6.1vw,var(--contact-font-desktop))/.87 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:.01em;text-transform:uppercase;margin:0;color:#fff}.contact-main h2::first-line{color:var(--cyan)}.contact-main>p{max-width:470px;color:#b1c0d8;font-size:16px;line-height:1.8;margin-top:28px}.contact-buttons{margin-top:36px}.contact-data{display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:26px;row-gap:35px;padding-top:10px}.info-block{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.info-block>span{font:900 10px 'DM Sans',sans-serif;color:#6edff1;letter-spacing:.18em;margin-bottom:8px}.info-block>b,.info-block>a:not(.text-link){font-size:15px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}.info-block a:hover{color:var(--cyan)}.info-block .text-link{margin-top:6px;color:#dca4e1;text-decoration:underline;text-underline-offset:5px;font-size:13px;font-weight:750}.contact-footer{margin-top:72px;border-top:1px solid #344764;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:800 10px 'DM Sans',sans-serif;letter-spacing:.14em;color:#7f91ac}.cmyk-strip{display:flex;gap:4px}.cmyk-strip i{height:5px;width:29px;background:var(--cyan)}.cmyk-strip i:nth-child(2){background:var(--pink)}.cmyk-strip i:nth-child(3){background:var(--yellow)}.cmyk-strip i:nth-child(4){background:#e1efff} .footer{background:#080b13;border-top:1px solid #223149;padding:31px 0 42px}.foot-inner{display:flex;align-items:center;gap:32px;justify-content:space-between}.foot-brand{font:900 32px 'Barlow Condensed',sans-serif;letter-spacing:.01em}.foot-asterisk{color:var(--pink);font-size:14px;vertical-align:top}.foot-inner>span,.foot-inner>div,.foot-top{font-size:10px;color:#697c98;font-weight:800;letter-spacing:.08em}.foot-top{white-space:nowrap;color:#b0d9e9} /* Motion activates only when JavaScript is running. */ html.enhanced .reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease}html.enhanced .reveal.visible{opacity:1;transform:translateY(0)} @keyframes levitate{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-10px) rotate(.5deg)}}@keyframes orbit{to{transform:scale(1.5) rotate(360deg)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}} @media(max-width:1220px){:root{--frame:calc(100% - 64px)}.header-inner{gap:25px}.desktop-nav{gap:21px}.hero-grid{grid-template-columns:53% 47%;min-height:680px}.hero-art{height:550px}.art-frame{height:525px}.art-overlay-left{left:20px}.mega-title{font-size:clamp(76px,8vw,var(--hero-font-desktop))}.identity-caption{display:none}.note-a{left:-12px}.note-b{right:-12px}} @media(max-width:980px){.desktop-nav,.header-phone{display:none}.menu-toggle{display:flex;margin-left:auto}.header-inner{height:79px}.logo-surface{width:99px;height:62px}.mobile-nav{display:flex;flex-direction:column;padding:10px 32px 24px;gap:0;background:#101724;border-top:1px solid #29394f}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:15px 0;border-bottom:1px solid #26354a;font-weight:800}.mobile-nav a:last-child{color:var(--cyan)}.hero-grid{grid-template-columns:1fr;gap:10px;padding:65px 0}.hero-section{min-height:auto}.hero-copy{padding:0}.hero-art{height:580px;max-width:680px;width:100%;margin:0 auto}.art-frame{height:550px}.mega-title{font-size:clamp(75px,11vw,var(--hero-font-desktop))}.hero-description{max-width:630px}.hero-floor{margin-top:42px}.side-index{display:none}.services-intro,.process-intro{align-items:start}.section-heading{font-size:clamp(46px,6vw,var(--section-font-desktop))}.service-card{padding:22px;min-height:430px}.contact-wrapper{padding:38px 35px 25px}.contact-columns{grid-template-columns:1fr;gap:50px}.contact-data{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.about-heading{font-size:clamp(50px,6.4vw,var(--about-font-desktop))}} @media(max-width:680px){:root{--frame:calc(100% - 32px)}.top-info{height:31px}.top-flex{height:31px}.top-right{display:none}.top-label{font-size:9px}.hero-grid{padding:51px 0 42px}.eyebrow{font-size:9px;letter-spacing:.11em}.mega-title{font-size:var(--hero-font-mobile);margin:22px 0 25px}.mega-title>span+span{margin-top:5px}.title-bracket{margin-bottom:19px}.hero-description{font-size:15px;line-height:1.65}.hero-actions{gap:10px;margin-top:28px}.button{padding:13px 14px;min-height:50px;gap:18px;font-size:12px}.hero-floor{margin-top:43px}.hero-art{height:auto;aspect-ratio:.94;margin-top:27px}.art-frame{height:100%;max-height:460px}.printer-image{width:117%;top:-1%;left:-8%}.art-top{top:20px;left:22px;right:22px}.art-bottom{bottom:19px;left:22px;right:22px;font-size:8px;letter-spacing:.06em}.art-overlay-left{font-size:13px;left:17px}.art-overlay-left em{font-size:7px}.art-overlay-right{display:none}.floating-note{font-size:9px;padding:8px 9px}.note-a{top:18%;left:-4px}.note-b{right:-4px;bottom:20%}.ticker-track{width:max-content;min-width:100%;gap:22px;padding:0 16px;min-height:55px}.ticker span{font-size:10px}.services-section,.process-section{padding:86px 0}.meta-right{display:none}.services-intro,.process-intro{display:block;margin-top:25px;margin-bottom:29px}.section-heading{font-size:var(--section-font-mobile)}.services-intro p,.process-intro p{margin-top:17px;font-size:14px}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{min-height:320px;padding:24px}.service-symbol{max-height:125px}.service-symbol svg{width:98px;height:98px}.card-bottom h3{font-size:var(--card-font)}.card-bottom p{font-size:14px}.about-section{padding:72px 0 89px}.about-layout{grid-template-columns:1fr;gap:25px}.year-meta{margin-top:31px}.year-giant{font-size:clamp(152px,42vw,220px);margin:35px 0 34px}.year-giant span:nth-child(2){margin-left:29%}.about-copy{padding-top:0}.about-heading{font-size:var(--about-font-mobile);overflow-wrap:anywhere;margin:22px 0}.about-copy>p{font-size:15px}.pill-tray{margin-top:24px}.process-row{grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;padding:21px 4px 23px 0}.step-number{font-size:24px}.process-row h3{font-size:25px}.process-row p{grid-column:2;grid-row:2;font-size:13px}.contact-section{padding-bottom:60px}.contact-wrapper{padding:29px 22px 23px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}.contact-columns{gap:34px;margin-top:34px}.contact-main h2{font-size:var(--contact-font-mobile)}.contact-main>p{font-size:14px}.contact-data{grid-template-columns:1fr 1fr;gap:26px 18px}.info-block>b,.info-block>a:not(.text-link){font-size:13px}.contact-footer{margin-top:45px;gap:8px;font-size:8px;letter-spacing:.05em}.cmyk-strip i{width:14px}.footer{padding:26px 0}.foot-inner{flex-wrap:wrap;gap:14px}.foot-inner>span{order:4;width:100%}.foot-inner>div{font-size:9px}.foot-top{margin-left:auto}} @media(max-width:355px){.mega-title{font-size:min(12.4vw,var(--hero-font-mobile))}.section-heading{font-size:min(10.5vw,var(--section-font-mobile))}.contact-main h2{font-size:min(13vw,var(--contact-font-mobile))}.eyebrow{font-size:8px}.hero-actions .button{min-width:100%}.floating-note{display:none}.art-bottom .serial{display:none}.contact-data{grid-template-columns:1fr}.foot-brand{font-size:25px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.enhanced .reveal{opacity:1;transform:none}} /* ========== CYBER V3 / MAPA DOJAZDU ========== */ .location-section{position:relative;padding:102px 0 116px;background:radial-gradient(ellipse 600px 350px at 80% 50%,rgba(9,174,220,.075),transparent 85%),#080c14;overflow:hidden} .location-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(132,156,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(132,156,190,.035) 1px,transparent 1px);background-size:60px 60px;pointer-events:none} .location-meta{position:relative} .location-head{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:end;margin:40px 0 38px} .map-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:#51dced;margin:0 0 18px} .location-title{font:900 clamp(58px,6.3vw,93px)/.89 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-.015em;margin:0;text-transform:uppercase} .location-title .point{color:var(--pink)} .location-description{font:500 16px/1.8 'DM Sans',sans-serif;color:#b1c0d7;margin:0 0 4px;max-width:405px} .location-console{display:grid;grid-template-columns:minmax(310px,37%) minmax(0,1fr);min-height:430px;background:#121b2a;border:1px solid #38546e;box-shadow:0 45px 90px rgba(0,0,0,.21),0 0 55px rgba(0,204,238,.035);overflow:hidden;position:relative;isolation:isolate;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)} .location-console::before{content:'';position:absolute;z-index:4;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),#66a6ff 55%,var(--pink));pointer-events:none} .location-info{position:relative;min-width:0;padding:31px 35px 27px;background:radial-gradient(circle at 15% 35%,rgba(12,210,255,.11),transparent 60%),linear-gradient(145deg,#142338,#0d1625);display:flex;flex-direction:column;align-items:flex-start;z-index:2} .loc-corner{font:900 19px 'DM Sans',sans-serif;color:var(--cyan);white-space:nowrap} .loc-corner span{font-size:10px;letter-spacing:.19em;vertical-align:3px;margin-left:12px;color:#b4cce6} .loc-pulse{height:85px;width:100%;display:flex;align-items:center;position:relative;margin:4px 0 9px} .loc-ring{height:65px;width:65px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(30,220,250,.50);box-shadow:0 0 40px rgba(0,216,248,.09);position:relative} .loc-ring::before,.loc-ring::after{content:'';position:absolute;border-radius:50%;inset:10px;border:1px dashed rgba(102,214,250,.4)} .loc-ring::after{inset:21px;border:1px solid rgba(102,214,250,.35)} .loc-core{height:10px;width:10px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 8px rgba(0,225,250,.08),0 0 22px var(--cyan);animation:locpulse 2.8s ease-in-out infinite} @keyframes locpulse{50%{box-shadow:0 0 0 18px rgba(0,225,250,.045),0 0 30px var(--cyan)}} .loc-pulse>i{position:absolute;left:84px;width:60px;height:1px;background:linear-gradient(90deg,#5a7d9e,transparent)}.loc-pulse>i:last-child{top:52px;width:135px;opacity:.5} .loc-label{font-size:10px;letter-spacing:.2em;font-weight:850;color:#56deec;margin-bottom:10px} .loc-street{font:900 clamp(27px,2.8vw,42px)/1.13 'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere} .loc-city{font-size:15px;color:#cad6e8;margin-top:4px;font-weight:750} .location-info>p{font-size:12px;line-height:1.7;color:#94a8c2;max-width:275px;margin:20px 0 23px} .loc-route{display:flex;align-items:center;justify-content:space-between;gap:26px;color:#06121a;background:var(--cyan);padding:14px 18px;font-size:11px;letter-spacing:.08em;font-weight:900;min-height:48px;width:min(100%,277px);transition:transform .2s,background .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)} .loc-route:hover{transform:translateY(-2px);background:#a3f5ff}.loc-route span:last-child{font-size:20px} .loc-coordinate{display:flex;gap:10px;justify-content:space-between;color:#6786a9;font-size:9px;font-weight:900;letter-spacing:.05em;align-items:center;width:100%;margin-top:auto;padding-top:21px} .loc-coordinate i{display:inline-block;border-radius:50%;background:#74f3ab;height:5px;width:5px;margin-left:7px;box-shadow:0 0 9px #74f3ab} .location-map{position:relative;min-height:430px;overflow:hidden;background:#152438} .location-map iframe{display:block;width:100%;height:100%;min-height:430px;border:0;filter:grayscale(.32) saturate(.85) contrast(1.04);transition:filter .3s} .location-map:hover iframe,.location-map:focus-within iframe{filter:none} .map-scan-corner{position:absolute;z-index:1;pointer-events:none;top:18px;left:20px;display:flex;gap:13px;align-items:center;padding:9px 12px;background:rgba(8,21,31,.91);color:#cae4fa;font:900 10px 'DM Sans',sans-serif;letter-spacing:.12em;border:1px solid #345b78;border-left:2px solid var(--cyan);box-shadow:0 5px 18px rgba(0,0,0,.18)} .map-live-dot{width:6px;height:6px;border-radius:50%;background:#65edac;box-shadow:0 0 9px #65edac} .map-corner-bottom{z-index:1;pointer-events:none;position:absolute;bottom:18px;left:20px;font-size:9px;font-weight:900;letter-spacing:.1em;color:#d5e6f6;background:rgba(8,21,31,.88);padding:8px 11px;border:1px solid #31516e} .map-corner-bottom span{color:var(--pink)} .location-bottom{display:flex;justify-content:space-between;gap:15px;color:#6883a2;font-size:10px;letter-spacing:.13em;font-weight:850;padding-top:20px;border-bottom:1px solid #25364a;padding-bottom:20px} @media(max-width:980px){.location-section{padding:83px 0}.location-console{grid-template-columns:minmax(270px,39%) minmax(0,1fr)}.location-info{padding:26px 24px 22px}.location-title{font-size:clamp(52px,7.5vw,80px)}.location-head{grid-template-columns:1fr .82fr;gap:24px}} @media(max-width:680px){.location-section{padding:72px 0 80px}.location-head{grid-template-columns:1fr;gap:20px;margin:30px 0 25px}.location-title{font-size:clamp(48px,13vw,68px)}.location-description{font-size:14px;max-width:none}.location-console{grid-template-columns:1fr;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,0 100%)}.location-info{padding:25px 24px;min-height:325px}.loc-pulse{height:50px;margin:11px 0}.loc-ring{width:49px;height:49px}.loc-ring::after{inset:17px}.loc-ring::before{inset:7px}.loc-pulse>i{left:65px}.loc-coordinate{padding-top:13px}.location-info>p{margin:12px 0 17px}.location-map{min-height:350px;height:350px}.location-map iframe{height:350px;min-height:350px}.map-scan-corner{top:13px;left:12px}.map-corner-bottom{bottom:12px;left:12px}.location-bottom{font-size:8px}} @media(prefers-reduced-motion:reduce){.loc-core{animation:none}} /* REFIL CYBER V4 — transparentne, oryginalne logo w nagłówku i stopce */ .header-inner{height:120px;gap:35px} .identity{display:inline-flex;align-items:center;flex-shrink:0} .logo-surface{display:block;width:174px;height:auto;aspect-ratio:1150/713;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none} .logo-surface img{display:block;width:100%;height:100%;object-fit:contain} .identity-caption{display:none} .foot-brand{display:inline-flex;flex:0 0 auto;width:132px;line-height:1;align-items:center;justify-content:flex-start} .foot-brand img{display:block;width:100%;height:auto;object-fit:contain} .foot-brand:hover img,.identity:hover .logo-surface img{filter:drop-shadow(0 0 9px rgba(35,211,243,.21))} @media(max-width:1220px){.header-inner{gap:24px}.logo-surface{width:156px}} @media(max-width:980px){.header-inner{height:96px}.logo-surface{width:143px}} @media(max-width:680px){.header-inner{height:92px}.logo-surface{width:135px}.foot-brand{width:116px}.foot-inner{gap:15px}} @media(max-width:355px){.logo-surface{width:124px}.foot-brand{width:104px}} @media(prefers-reduced-motion:reduce){.foot-brand img,.logo-surface img{filter:none!important}} /* CYBER V5 — awaryjny przycisk otwarcia mapy, bez ramki Google */ .location-map{position:relative} .map-open-external{position:absolute;right:16px;top:16px;z-index:5;background:rgba(9,18,31,.94);border:1px solid rgba(63,221,246,.62);box-shadow:0 7px 25px rgba(0,0,0,.28);padding:11px 16px;color:#e9faff;font-size:11px;font-weight:800;letter-spacing:.09em;line-height:1.3;text-decoration:none;max-width:55%;text-align:center} .map-open-external:hover,.map-open-external:focus-visible{background:#16cff0;color:#04101b} .location-bottom a{color:#b7dfff;text-decoration:none}.location-bottom a:hover{color:#fff;text-decoration:underline} @media(max-width:560px){.map-open-external{font-size:9px;padding:8px 10px;right:9px;top:10px;max-width:57%}} /* Czytelny podgląd w przeglądarce lokalnej: zabezpieczenia często blokują zewnętrzne iframe */ .map-local-preview{display:none;position:absolute;inset:0;z-index:3;align-items:center;justify-content:center;padding:36px;background:radial-gradient(ellipse at 45% 40%,rgba(12,69,93,.3),transparent 68%),#091421;color:#e3f7ff;text-align:center} .map-local-grid{position:absolute;inset:0;pointer-events:none;opacity:.13;background:linear-gradient(90deg,transparent 49%,#55cbeb 50%,transparent 51%),linear-gradient(transparent 49%,#55cbeb 50%,transparent 51%);background-size:55px 55px} .map-local-content{position:relative;z-index:1;max-width:340px;display:flex;align-items:center;flex-direction:column;gap:7px} .map-local-pin{font-size:60px;color:#17d8f8;line-height:1}.map-local-content strong{letter-spacing:.12em;font-size:16px}.map-local-content>span:not(.map-local-pin){font-size:12px;color:#9ec1cf}.map-local-content p{font-size:13px;color:#b4c9d5;line-height:1.6;margin:12px 0}.map-local-content a{display:inline-block;border:1px solid #23dbf8;background:#0ce0f6;color:#06101a;font-size:11px;font-weight:900;letter-spacing:.08em;text-decoration:none;padding:12px 18px} .local-map-preview .map-local-preview{display:flex}.local-map-preview .location-map iframe{visibility:hidden}.local-map-preview .map-open-external{display:none} @media(max-width:560px){.map-local-preview{padding:18px}.map-local-content p{font-size:11px}} /* CYBER V6: interaktywny panel telefoniczny na komputerach */ .call-dialog{position:fixed;max-width:min(520px,calc(100vw - 28px));width:100%;margin:auto;padding:0;border:1px solid rgba(71,222,255,.46);border-radius:3px;background:linear-gradient(135deg,#111d30,#080d17 70%);color:#f2f7ff;box-shadow:0 32px 110px rgba(0,0,0,.68),0 0 0 1px rgba(5,9,16,.55);overflow:hidden} .call-dialog::backdrop{background:rgba(2,5,12,.78);backdrop-filter:blur(8px)} .call-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:17px 26px 15px;background:#111827}.call-dialog-code{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:800;letter-spacing:.17em;color:#9cacc8}.call-dialog-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #35465b;border-radius:1px;color:#ecf7ff;font-size:16px;background:transparent;cursor:pointer}.call-dialog-close:hover{background:#263e56} .call-dialog-rule{height:3px;background:linear-gradient(90deg,#00d4f2 0 32%,#eb33ab 32% 65%,#ffe133 65% 100%)} .call-dialog-content{padding:29px 32px 30px}.call-dialog-kicker{font-weight:900;font-size:10px;letter-spacing:.18em;color:#31dcfb}.call-dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(46px,8vw,66px);font-weight:900;line-height:.88;margin:15px 0 15px;letter-spacing:.005em}.call-dialog h2 em{font-style:normal;color:#29d9fa}.call-dialog-content>p{color:#b2c2d3;margin:0 0 22px;font-size:14px;line-height:1.55}.call-dialog-phone-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #334053;padding:17px 0}.call-dialog-phone-row:last-of-type{border-bottom:1px solid #334053}.call-dialog-phone-row>div{min-width:0}.call-dialog-phone-row small{display:block;font-size:10px;letter-spacing:.1em;font-weight:800;color:#8aa6bc;margin:0 0 4px}.call-dialog-phone-row a{font-size:clamp(21px,4vw,27px);font-weight:900;line-height:1.2;text-decoration:none;white-space:nowrap;color:white}.call-dialog-phone-row a:hover{color:#26daf4}.call-dialog-phone-row button{background:#19d3ed;border:0;border-radius:2px;min-height:40px;padding:9px 13px;white-space:nowrap;font-size:10px;letter-spacing:.04em;font-weight:900;color:#06111c;cursor:pointer}.call-dialog-phone-row button:hover{background:#fff}.call-dialog-phone-row button span{padding-left:3px}.call-dialog-content p.call-dialog-note{font-size:11px;margin:18px 0 0;color:#93aabb}.call-dialog-foot{display:flex;justify-content:space-between;border-top:1px solid #304258;padding:15px 30px;font-weight:800;letter-spacing:.14em;color:#8ba4b8;font-size:9px} @media(max-width:490px){.call-dialog-content{padding:24px 19px}.call-dialog-head{padding:12px 18px}.call-dialog-phone-row button{padding:8px}.call-dialog-phone-row a{font-size:22px}} /* REFIL CYBER V7 — wideo z drukarkami zastępuje dotychczasową ilustrację. */ .printer-showcase{ position:absolute;z-index:1;inset:82px 18px 78px; display:flex;align-items:center;justify-content:center; isolation:isolate; } .printer-showcase:before{ content:"";position:absolute;inset:0; background:linear-gradient(145deg,rgba(4,13,25,.72),rgba(7,19,38,.42)),url('assets/refil-drukarki-poster-soft.jpg') center/cover no-repeat; filter:none;opacity:.45; transform:scale(.98);z-index:-1;pointer-events:none; } .printer-showcase:after{ content:"";position:absolute;inset:auto 0 0 0;height:1px; background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent); opacity:.62;pointer-events:none; } .printer-video{ display:block;width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:16/9; object-fit:contain;background:#081321; box-shadow:0 14px 46px rgba(0,0,0,.5),0 0 0 1px rgba(67,131,171,.35); border-radius:2px; } .showcase-toggle{ position:absolute;right:11px;bottom:11px;z-index:5; width:37px;height:37px;display:grid;place-items:center; font:900 16px 'DM Sans',Arial,sans-serif; border:1px solid rgba(137,198,228,.5); color:#e8f8ff;background:rgba(9,20,32,.88); border-radius:4px;backdrop-filter:blur(8px); } .showcase-toggle:hover{background:rgba(31,75,108,.95)} .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .hero-art .art-overlay-left,.hero-art .art-overlay-right,.hero-art .floating-note{display:none} .hero-art .art-frame::before,.hero-art .art-frame::after{opacity:.28} @media(max-width:980px){.printer-showcase{inset:80px 18px 73px}} @media(max-width:680px){ .printer-showcase{inset:50px 11px 48px} .showcase-toggle{height:33px;width:33px;right:5px;bottom:5px} } @media(prefers-reduced-motion:reduce){.showcase-toggle{display:none}} /* CYBER V9 — rocznicowa kaligrafia bez tła, tuż przy znaku firmowym */ .anniversary-mark{display:flex;align-items:center;justify-content:flex-start;flex:0 1 275px;width:275px;min-width:0;pointer-events:none;transform:rotate(-3deg);transform-origin:center center;margin-left:2px} .anniversary-mark img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 5px rgba(225,243,255,.12))} @media(max-width:1220px){.anniversary-mark{flex-basis:210px;width:210px}.header-inner{gap:18px}} @media(max-width:980px){.anniversary-mark{flex:0 1 235px;width:235px;margin-left:7px}} @media(max-width:680px){.header-inner{gap:9px}.anniversary-mark{flex:0 1 35vw;width:35vw;margin-left:0}.logo-surface{width:122px}} @media(max-width:355px){.header-inner{gap:6px}.logo-surface{width:112px}.anniversary-mark{flex-basis:32vw;width:32vw}} /* V11 — zachowaj polski ogonek litery Ą w nagłówku z gradientem. */ .mega-title .gradient-ink { padding-bottom: .22em; margin-bottom: -.22em; overflow: visible; } /* REFIL CYBER V12 — GOOGLE REVIEWS: HTML typografia i licznik, grafika tylko dekoracją */ .reviews-section{padding:90px 0 112px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 88% 43%,rgba(16,75,104,.12),transparent 50%),#080d17} .reviews-meta{margin-bottom:30px} .reviews-panel{position:relative;min-height:465px;border:1px solid rgba(97,147,176,.24);border-top:2px solid #25d9f0;background:linear-gradient(110deg,#0b1421 0%,#0d1926 52%,#0a1421 100%);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.24);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)} .reviews-panel:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.42;background:linear-gradient(90deg,transparent 49.8%,rgba(58,130,165,.1) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(58,130,165,.09) 50%,transparent 50.2%);background-size:95px 95px} .reviews-panel:after{content:'';position:absolute;top:0;right:0;width:35%;height:2px;background:linear-gradient(90deg,transparent,#fc3cbb)} .reviews-content{position:relative;z-index:3;padding:clamp(30px,5vw,70px);padding-right:10px;align-self:center;max-width:790px} .reviews-kicker{display:flex;align-items:center;gap:14px;color:#a9bfd0;font-size:10px;letter-spacing:.23em;font-weight:850} .reviews-kicker i{width:25px;height:3px;background:#24dfff;box-shadow:0 0 14px rgba(36,223,255,.36)} .reviews-heading{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(52px,6.5vw,90px);font-weight:900;letter-spacing:-.022em;line-height:.92;margin:23px 0 22px;text-transform:uppercase} .reviews-heading em{font-style:normal;color:#26d9f6;text-shadow:0 0 25px rgba(36,223,255,.12)} .reviews-lead{font-size:clamp(15px,1.25vw,19px);line-height:1.6;color:#bac9db;max-width:590px;margin:0 0 24px} .reviews-score-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:0 0 28px} .reviews-stars{display:flex;gap:5px;align-items:center;filter:drop-shadow(0 0 8px rgba(255,202,53,.2))} .reviews-stars svg{height:26px;width:26px;display:block;fill:#ffca39} .reviews-countline{white-space:nowrap;font-size:16px;color:#c9d4df}.reviews-countline strong{color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:30px;vertical-align:-2px;margin-right:4px} .reviews-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:12px 20px;border:1px solid rgba(41,218,249,.87);background:rgba(12,59,75,.28);box-shadow:inset 0 0 18px rgba(7,193,236,.07),0 0 23px rgba(10,169,216,.08);color:#f3fbff;font-size:13px;font-weight:900;letter-spacing:.045em;transition:background .2s,box-shadow .2s,transform .2s} .reviews-cta:hover{transform:translateY(-2px);background:rgba(9,109,137,.38);box-shadow:0 0 26px rgba(10,181,242,.22)} .reviews-cta-icon{font-size:22px;color:#27dcfa}.reviews-cta-arrow{font-size:23px;color:#27dcfa;margin-left:16px} .reviews-illustration{position:relative;isolation:isolate;min-height:445px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px 18px 12px 0} .reviews-illustration:before{content:'';position:absolute;inset:9% 0 0;background:radial-gradient(ellipse at 50% 49%,rgba(12,143,187,.16),transparent 62%)} .reviews-illustration img{display:block;position:absolute;width:116%;max-width:680px;height:108%;object-fit:contain;right:-3%;top:-3%;filter:saturate(.92) brightness(.95)} .reviews-illustration:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d1926 0%,rgba(13,25,38,.18) 24%,transparent 42%);pointer-events:none} .reviews-corner{position:absolute;z-index:2;width:36px;height:36px;border-color:#25d9f0;border-style:solid;opacity:.55}.corners-a{top:20px;right:20px;border-width:2px 2px 0 0}.corners-b{bottom:20px;left:0;border-width:0 0 2px 2px} .reviews-art-label{position:absolute;bottom:25px;right:30px;font-size:9px;font-weight:850;letter-spacing:.18em;color:#87b5c6;z-index:3}.reviews-art-label b{color:#27f9a2;padding-left:6px} .reviews-footnote{display:flex;justify-content:space-between;gap:14px;padding:15px 2px 0;color:#6c91a8;font-size:9px;font-weight:800;letter-spacing:.12em} @media(max-width:1060px){.reviews-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.reviews-content{padding:36px 10px 36px 38px}.reviews-heading{font-size:clamp(54px,6.9vw,75px)}.reviews-illustration img{width:138%;right:-14%}} @media(max-width:760px){.reviews-section{padding:68px 0 84px}.reviews-panel{display:flex;flex-direction:column;min-height:0;clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,0 100%)}.reviews-content{padding:35px 26px 14px;max-width:none}.reviews-heading{font-size:clamp(51px,11vw,75px)}.reviews-lead{max-width:none}.reviews-illustration{min-height:248px;padding:8px 10px 0}.reviews-illustration img{width:74%;height:120%;right:10%;top:-18%}.reviews-illustration:after{background:linear-gradient(180deg,#0d1926 0%,transparent 55%)}.reviews-corner{display:none}.reviews-footnote{font-size:8px}} @media(max-width:450px){.reviews-content{padding:30px 20px 10px}.reviews-heading{font-size:clamp(42px,11vw,55px)}.reviews-stars svg{width:23px;height:23px}.reviews-countline{font-size:14px}.reviews-score-row{gap:6px 20px}.reviews-cta{width:100%;min-height:54px;font-size:12px}.reviews-illustration{min-height:190px}.reviews-footnote span:last-child{display:none}} @media(prefers-reduced-motion:reduce){.reviews-cta{transition:none}} /* REFIL CYBER V15: dwuklikowa, dobrowolnie aktywowana mapa OpenStreetMap. */ .location-map iframe[hidden]{display:none!important} .map-consent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:38px 30px;background:radial-gradient(ellipse at 47% 48%,rgba(11,104,131,.28),transparent 72%),#091421;text-align:center;color:#e3f7ff} .map-consent[hidden]{display:none!important} .map-consent-grid{position:absolute;inset:0;pointer-events:none;opacity:.16;background:linear-gradient(90deg,transparent 49%,#55cbeb 50%,transparent 51%),linear-gradient(transparent 49%,#55cbeb 50%,transparent 51%);background-size:54px 54px} .map-consent-content{position:relative;z-index:1;max-width:420px;display:flex;align-items:center;flex-direction:column;gap:8px} .map-consent-symbol{color:#20dcfa;font-size:58px;line-height:1;filter:drop-shadow(0 0 11px rgba(37,217,240,.15))} .map-consent-content strong{font-size:16px;letter-spacing:.13em} .map-consent-content>span:not(.map-consent-symbol){font-size:12px;color:#9ec1cf} .map-consent-content p{font-size:12px;line-height:1.6;color:#b9ccda;margin:8px 0 6px} .map-consent-content small{font-size:10px;line-height:1.5;color:#9db7c8} .map-activate{border:1px solid #20daee;padding:13px 18px;display:inline-flex;align-items:center;gap:24px;justify-content:space-between;background:#1ed8f3;color:#06101a;font-size:12px;font-weight:900;letter-spacing:.09em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)} .map-activate:hover,.map-activate:focus-visible{background:#bcf7ff} @media(max-width:680px){.map-consent{padding:28px 22px}.map-consent-symbol{font-size:43px}.map-consent-content p{font-size:11px}.map-consent-content strong{font-size:15px}.map-consent-content small{font-size:9px}} /* REFIL CYBER V19 PERFORMANCE — wyłącz kosztowną kompozycję poza widocznym obszarem. */ .hero-art .art-frame::after,.hero-art .blink-light,.location-section .loc-core{animation-play-state:paused} .hero-art.perf-visible .art-frame::after,.hero-art.perf-visible .blink-light,.location-section.perf-visible .loc-core{animation-play-state:running} @media(prefers-reduced-motion:reduce){.hero-art.perf-visible .art-frame::after,.hero-art.perf-visible .blink-light,.location-section.perf-visible .loc-core{animation:none}} /* V20: Numer sekcji Kontakt wyrownany z 01, 02, 03 i 05. Panel i ciecia bez zmian. */ .contact-section-meta{margin-bottom:30px} .contact-wrapper .contact-columns{margin-top:12px} @media(max-width:680px){.contact-section-meta{margin-bottom:22px}.contact-wrapper .contact-columns{margin-top:10px}} /* V21 — równa linia lądowania menu. Kotwice ustawione bezpośrednio przy etykietach sekcji, dzięki czemu różne wysokości paddingów nie zmieniają odległości od nagłówka. */ html{scroll-padding-top:140px} /* Sekcja 'O REFIL' zachowuje delikatne pojawianie się, ale bez przesuwania kotwicy. */ .about-section .year-side.reveal{transform:none!important} @media(max-width:980px){html{scroll-padding-top:140px} /* Sekcja 'O REFIL' zachowuje delikatne pojawianie się, ale bez przesuwania kotwicy. */ .about-section .year-side.reveal{transform:none!important}} @media(max-width:680px){html{scroll-padding-top:110px}} .desktop-nav a{white-space:nowrap} /* REFIL V24 — polityka prywatności: zachowana typografia strony. */ .privacy-link{color:#94acc5;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(68,209,238,.35);font-size:11px;font-weight:800;white-space:nowrap} .privacy-link:hover{color:var(--cyan)} .privacy-page{min-height:70vh;padding:78px 0 105px;background:radial-gradient(ellipse at 92% 8%,rgba(17,162,195,.08),transparent 49%),#080d17} .privacy-container{max-width:980px;margin:0 auto;width:var(--frame)} .privacy-title{font:900 clamp(46px,6vw,84px)/1.04 'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;margin:20px 0 18px;letter-spacing:.01em} .privacy-intro{font-size:16px;color:#b5c9d9;line-height:1.8;max-width:780px;margin:0 0 35px} .privacy-block{padding:20px 0;border-top:1px solid #253a50} .privacy-block h2{font:850 27px/1.3 'Barlow Condensed','Arial Narrow',Impact,sans-serif;margin:0 0 10px;color:#e4f5ff} .privacy-block p,.privacy-block li{color:#b3c5d7;line-height:1.77;font-size:14px;margin:0 0 12px} .privacy-block ul{margin:0 0 12px;padding-left:22px} .privacy-block a{text-decoration:underline;text-underline-offset:3px;color:#60dfff} .privacy-back{display:inline-flex;margin-top:28px;padding:15px 20px;color:#06161f;background:var(--cyan);font-weight:900;font-size:12px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)} .policy-dialog{background:#0d1422;border:1px solid #3c617a;color:#f0f7ff;max-width:min(850px,calc(100vw - 24px));width:100%;max-height:88vh;padding:0;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.7)} .policy-dialog::backdrop{background:rgba(4,8,16,.83)} .policy-dialog-scroll{max-height:88vh;overflow:auto;padding:28px clamp(19px,4vw,40px) 35px} .policy-dialog .privacy-title{font-size:clamp(38px,5vw,60px);margin-top:20px} .policy-close{position:sticky;float:right;top:0;z-index:2;border:1px solid #37627a;background:#101d2a;color:#e9faff;padding:10px 16px;font-size:12px;font-weight:800} @media(max-width:680px){.privacy-page{padding:45px 0 70px}.privacy-block h2{font-size:23px}.privacy-link{font-size:10px}} /* Czytelność polityki: standardowa szerokość liter, spokojny ciężar i większy kontrast. */ .privacy-page .privacy-title, .policy-dialog .privacy-title{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;line-height:1.1} .privacy-block h2{font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-weight:700;font-size:21px;line-height:1.4;letter-spacing:0;color:#f3f8ff} .privacy-block p,.privacy-block li{font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-weight:400;font-size:15px;line-height:1.85;color:#d1deec} .privacy-block strong{font-weight:700;color:#fff} .privacy-intro{color:#d1ddeb;font-size:16px;line-height:1.8} .privacy-block{padding:24px 0} .policy-dialog{color:#edf6ff} @media(max-width:680px){.privacy-block h2{font-size:19px}.privacy-block p,.privacy-block li{font-size:14px;line-height:1.8}.privacy-title{overflow-wrap:anywhere}} /* REFIL V27 — dostępność bez zmian w standardowej stylistyce. */ /* Skrót klawiaturowy ma pozostać widoczny także na małych ekranach. */ .skip{position:fixed} /* Silny obrys przy nawigacji klawiaturą, także na elementach z clip-path. */ :where(.button,.header-phone,.loc-route,.map-activate,.privacy-back):focus-visible{ outline:3px solid #ffffff; outline-offset:-5px; box-shadow:inset 0 0 0 2px #06121b,0 0 0 2px #ffffff; } :where(.menu-toggle,.showcase-toggle,.call-dialog-close,.policy-close):focus-visible{ outline:3px solid #ffdf70;outline-offset:3px; } /* Niewielkie wyrównanie kontrastu nieinformacyjnych podpisów technicznych. */ .meta-right{color:#899ab0} .side-index{color:#889bb6} /* Ruch wyłączany zgodnie z ustawieniem użytkownika. Film można nadal uruchomić ręcznie. */ @media(prefers-reduced-motion:reduce){.showcase-toggle{display:grid!important}} /* REFIL CYBER V29 — spójna typografia stopki; bez zmian pozostałych sekcji. */ .foot-inner > span, .foot-inner > div, .foot-inner > .privacy-link, .foot-inner > .foot-top { font-family:'DM Sans','Segoe UI',Arial,sans-serif; font-size:10px; font-weight:800; letter-spacing:.08em; line-height:1.6; color:#8197b2; } .foot-inner > .privacy-link { text-decoration:none; white-space:nowrap; transition:color .2s ease; } .foot-inner > .privacy-link:hover, .foot-inner > .privacy-link:focus-visible { color:var(--cyan); } @media(max-width:680px){ .foot-inner > span, .foot-inner > div, .foot-inner > .privacy-link, .foot-inner > .foot-top {font-size:9px} } /* ========== V30 / ANIMOWANY PASEK MARK PRODUCENTÓW ========== */ .hero-section{display:flex;flex-direction:column} .hero-grid{width:var(--frame);flex-shrink:0} .brand-showcase{position:relative;z-index:2;margin-top:auto;padding:18px 0 34px;width:100%;overflow:hidden;isolation:isolate} .brand-showcase::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 68% 84% at 50% 64%,rgba(15,61,103,.28),transparent 76%),linear-gradient(180deg,rgba(7,11,19,0) 0%,rgba(7,11,19,.14) 100%)} .brand-showcase::after{content:"";position:absolute;left:0;right:0;top:44px;bottom:18px;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(118,149,203,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(118,149,203,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%)} .brand-topline{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 13px;width:min(360px,66vw)} .brand-topline span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#2e7299)} .brand-topline span:last-child{transform:scaleX(-1)} .brand-topline i{width:6px;height:6px;background:#26dfff;transform:rotate(45deg);box-shadow:0 0 10px rgba(38,223,255,.45)} .brand-heading-row{max-width:1380px;width:var(--frame);margin:0 auto 18px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center} .brand-heading-row h2{font:900 18px/1.1 'DM Sans',sans-serif;letter-spacing:.29em;color:#edf9ff;margin:0;text-align:center;white-space:nowrap} .brand-heading-row h2 em{color:#34d5f4;font-style:normal} .brand-heading-side{font:800 9px/1 'DM Sans',sans-serif;letter-spacing:.16em;color:#54738c} .brand-heading-right{text-align:right;color:#6c7894} .brand-stage{position:relative;height:174px;overflow:hidden;background:linear-gradient(180deg,rgba(10,18,31,.98),rgba(8,15,28,.98) 55%,rgba(10,20,35,.98));border-block:1px solid rgba(48,111,157,.38);box-shadow:inset 0 0 0 1px rgba(34,72,112,.12),inset 0 22px 70px rgba(19,55,97,.14),0 26px 70px rgba(0,0,0,.18)} .brand-stage::before,.brand-stage::after{content:"";pointer-events:none;position:absolute;z-index:3;top:0;bottom:0;width:clamp(28px,8vw,170px)} .brand-stage::before{left:0;background:linear-gradient(90deg,#090f1c 0%,rgba(9,15,28,.86) 28%,transparent)} .brand-stage::after{right:0;background:linear-gradient(270deg,#090f1c 0%,rgba(9,15,28,.86) 28%,transparent)} .brand-stage .brand-cyber-glow{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 50%,rgba(34,130,198,.12),transparent 48%),radial-gradient(circle at 14% 50%,rgba(20,217,255,.08),transparent 22%),radial-gradient(circle at 88% 50%,rgba(243,70,185,.08),transparent 24%)} .brand-rail-top,.brand-rail-bottom{position:absolute;left:0;right:0;height:2px;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#14d9ff 11%,rgba(20,217,255,.26) 30%,#f346b9 65%,rgba(243,70,185,.25) 90%,transparent)} .brand-rail-top{top:0}.brand-rail-bottom{bottom:0;opacity:.48} .brand-window{position:relative;z-index:2;height:100%;width:100%;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;overscroll-behavior-x:contain} .brand-window.is-dragging{cursor:grabbing} .brand-window:focus-visible{outline:2px solid #f6cf4d;outline-offset:-3px} .brand-motion{display:flex;width:max-content;height:100%;align-items:center;will-change:transform;transform:translate3d(0,0,0)} .brand-sequence{display:flex;align-items:center;gap:20px;flex:none;padding:0 20px 0 0} .brand-tile{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(184px,16vw,232px);height:116px;flex:none;padding:12px;background:linear-gradient(180deg,rgba(23,37,60,.94),rgba(12,21,37,.98));border:1px solid rgba(56,114,164,.44);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);box-shadow:inset 0 0 0 1px rgba(108,154,208,.08),0 0 0 1px rgba(7,13,22,.55),0 18px 40px rgba(1,6,15,.22);contain:layout paint} .brand-tile::before{position:absolute;content:"";inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(31,122,186,.12),transparent 66%)} .brand-tile::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,rgba(20,217,255,.9),rgba(83,174,255,.92),rgba(243,70,185,.88));opacity:.92} .brand-corner{position:absolute;top:10px;right:10px;width:18px;height:18px;border-top:2px solid rgba(170,219,255,.75);border-right:2px solid rgba(170,219,255,.75);opacity:.72;pointer-events:none} .brand-logo-sheet{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px 14px;background:linear-gradient(180deg,rgba(12,29,51,.98),rgba(8,20,37,.98));border:1px solid rgba(74,150,212,.44);box-shadow:inset 0 0 0 1px rgba(16,211,246,.06),inset 0 0 28px rgba(24,87,139,.24),0 0 24px rgba(9,31,57,.2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)} .brand-logo-sheet::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(23,216,248,.12),transparent 20%,transparent 80%,rgba(243,70,185,.1)),radial-gradient(circle at 50% 50%,rgba(34,130,198,.12),transparent 62%)} .brand-logo-sheet::after{content:"";position:absolute;left:12px;top:12px;width:42px;height:2px;background:linear-gradient(90deg,#14d9ff,transparent);opacity:.9} .brand-tile img{position:relative;z-index:1;display:block;object-fit:contain;max-width:100%;width:100%;height:68px;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,255,255,.08)) drop-shadow(0 0 18px rgba(20,217,255,.06))} .brand-hp img{height:84px;max-width:84px} .brand-brother img{height:69px} .brand-canon img{height:56px} .brand-epson img{height:61px} .brand-samsung img{height:56px} .brand-xerox img{height:58px} .brand-lexmark img{height:54px} .brand-kyocera img{height:57px} .brand-bottomline{max-width:1380px;width:var(--frame);margin:15px auto 0;display:flex;gap:16px;justify-content:space-between;align-items:center;color:#7189a4;font:800 9px/1.4 'DM Sans',sans-serif;letter-spacing:.14em} .brand-signal{display:flex;align-items:center;gap:9px}.brand-signal i{width:5px;height:5px;border-radius:50%;background:#39ebbb;box-shadow:0 0 10px rgba(57,235,187,.5)} .brand-gesture{color:#8faac1}.brand-gesture>span{font-size:16px;color:#21dcff;vertical-align:-2px;margin-right:5px} @media(max-width:980px){.brand-showcase{padding:16px 0 28px}.brand-heading-side{display:none}.brand-heading-row{display:flex;justify-content:center}.brand-stage{height:160px}.brand-tile{width:198px;height:106px}} @media(max-width:680px){.brand-showcase{padding:8px 0 22px}.brand-heading-row{margin-bottom:14px}.brand-heading-row h2{font-size:13px;letter-spacing:.18em}.brand-stage{height:132px}.brand-tile{height:94px;width:160px;padding:10px}.brand-logo-sheet{padding:9px 10px}.brand-tile img{height:49px}.brand-hp img{height:66px;max-width:66px}.brand-brother img{height:51px}.brand-canon img{height:42px}.brand-sequence{gap:12px;padding-right:12px}.brand-stage::before,.brand-stage::after{width:20px}.brand-bottomline{font-size:8px;gap:10px}.brand-signal{display:none}.brand-gesture{margin:auto}} @media(prefers-reduced-motion:reduce){.brand-motion{will-change:auto}} /* REFIL CYBER V33 CMYK — REKONSTRUKCJA na bazie odzyskanej V32. K oznacza farbę czarną (Key), a nie kolor biały. Ta łatka dotyczy tylko akcentów dekoracyjnych. Logo REFIL bez zmian. */ :root{--cmyk-c:#20cfe9;--cmyk-m:#e63fa9;--cmyk-y:#f5d03e;--cmyk-k:#303744} .topline span:nth-child(1),.cmyk-strip i:nth-child(1){background:var(--cmyk-c)} .topline span:nth-child(2),.cmyk-strip i:nth-child(2){background:var(--cmyk-m)} .topline span:nth-child(3),.cmyk-strip i:nth-child(3){background:var(--cmyk-y)} .topline span:nth-child(4),.cmyk-strip i:nth-child(4){ background:var(--cmyk-k); box-shadow:inset 0 0 0 1px rgba(177,194,213,.47); } /* Również pasek w oknie telefonu pokazuje pełne C/M/Y/K. */ .call-dialog-rule{background:linear-gradient(90deg,var(--cmyk-c) 0 25%,var(--cmyk-m) 25% 50%,var(--cmyk-y) 50% 75%,var(--cmyk-k) 75% 100%)} .preview-policy-dialog { position:fixed; inset:0; margin:auto; width:min(920px,calc(100vw - 24px)); max-width:min(920px,calc(100vw - 24px)); max-height:min(92vh,900px); color:#f0f7ff;background:#0d1422; border:1px solid #3c617a; padding:0;overflow:hidden; box-shadow:0 30px 100px rgba(0,0,0,.72); } .preview-policy-dialog::backdrop {background:rgba(2,6,14,.87)} .preview-policy-scroll {max-height:min(92vh,900px);overflow:auto; overscroll-behavior:contain;padding:24px clamp(18px,4vw,40px) 32px;} .preview-policy-dialog .preview-privacy-body {width:100%;max-width:none;margin:0;} .preview-policy-dialog .privacy-title {font-size:clamp(38px,5vw,62px);} .preview-policy-dialog .policy-close {position:sticky;top:0;float:right;z-index:10;cursor:pointer;} .preview-policy-dialog .preview-privacy-footer {display:flex;justify-content:flex-start;margin-top:12px;} .preview-policy-dialog .privacy-back {border:0;cursor:pointer;margin-top:0;} @media(max-width:680px) { .preview-policy-dialog {max-height:95dvh;max-width:calc(100vw - 14px);width:calc(100vw - 14px)} .preview-policy-scroll {max-height:95dvh;padding:18px 15px 24px} .preview-policy-dialog .privacy-title {font-size:clamp(34px,11vw,52px)} } /* REFIL CYBER V34.2 — okno Zadzwoń mieści się w niskich viewportach. Przewijanie działa wewnątrz okna; nagłówek z zamykaniem pozostaje widoczny. */ .call-dialog { max-height: calc(100vh - 28px); max-height: calc(100dvh - 28px); overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; } .call-dialog-head { position: sticky; top: 0; z-index: 5; } @media (max-height: 580px) { .call-dialog-content {padding-top: 20px; padding-bottom: 20px;} .call-dialog h2 {font-size: clamp(40px, 8vh, 58px);} } /* REFIL CYBER V34.6 — spójne wejście sekcji 02 na telefonie. Przy przewinięciu kotwicy 02 początek jaśniejszego tła nie styka się z przyklejonym menu. Kotwice, ich położenie i animacja 2006 bez zmian. */ @media (max-width:680px) { .about-section { border-top:0; background: linear-gradient(180deg, #090d17 0px, #090d17 115px, rgba(9,13,23,.83) 150px, rgba(9,13,23,0) 260px), radial-gradient(ellipse at 10% 75%,rgba(32,224,249,.07),transparent 48%), linear-gradient(165deg,#111a2c,#0b1020); } } /* V34.7: kompaktowy przełącznik języków w górnym pasku; bez zmiany layoutu logo. */ .lang-switch{display:flex;align-items:center;gap:4px;margin-left:auto;flex:none;white-space:nowrap} .lang-switch a{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:25px;padding:3px 7px;border:1px solid transparent;border-radius:4px;color:#acbed6;font:800 10px/1 'DM Sans',sans-serif;letter-spacing:.04em;text-decoration:none} .lang-switch a:hover,.lang-switch a:focus-visible{border-color:#37d7ed;color:#fff} .lang-switch .lang-current{color:#07101c;background:#20d8ed;border-color:#20d8ed} .lang-switch a span{font-size:15px;line-height:1} .lang-switch a b{font-size:9px} .top-flex>.top-right{margin-left:0} @media(max-width:680px){.lang-switch{gap:1px}.lang-switch a{padding:2px 4px;min-height:26px}.lang-switch a b{display:none}.lang-switch a span{font-size:17px}.top-flex{gap:6px}.top-label{max-width:calc(100% - 102px);overflow:hidden;text-overflow:ellipsis}.top-label [data-text]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} /* Cyrillic titles use an available condensed font with a Cyrillic alphabet; Latin PL stays unchanged. */ html[lang=uk] .mega-title,html[lang=uk] .section-heading,html[lang=uk] .about-heading,html[lang=uk] .contact-heading,html[lang=uk] .location-title,html[lang=uk] .card-bottom h3,html[lang=uk] .process-row h3,html[lang=uk] .reviews-heading{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:-.02em} html[lang=en] .mega-title{font-size:clamp(66px,6.4vw,99px)} html[lang=uk] .mega-title{font-size:clamp(55px,5.8vw,90px)} html[lang=uk] .section-heading{font-size:clamp(41px,4.8vw,64px)} html[lang=uk] .about-heading{font-size:clamp(43px,4.9vw,70px)} html[lang=uk] .contact-heading{font-size:clamp(45px,5.6vw,79px)} html[lang=uk] .reviews-heading{font-size:clamp(43px,5.5vw,74px)} @media(max-width:680px){html[lang=en] .mega-title{font-size:clamp(42px,11vw,55px)}html[lang=uk] .mega-title{font-size:clamp(37px,9.7vw,52px)}html[lang=uk] .section-heading{font-size:clamp(32px,9.7vw,42px)}html[lang=uk] .about-heading{font-size:clamp(30px,8.4vw,39px)}html[lang=uk] .contact-heading{font-size:clamp(38px,10vw,50px)}html[lang=uk] .reviews-heading{font-size:clamp(35px,9.6vw,48px)}html[lang=uk] .location-title{font-size:clamp(42px,11vw,57px)}} /* REFIL V34.8 — rzeczywiste ikony flag SVG zamiast emoji (Windows nie zawsze rysuje flagi). Desktop: flaga + język; Mobile: flaga jak w zaakceptowanej V34.7. */ .lang-switch a img.lang-flag{display:block;width:20px;height:14px;flex:0 0 20px;object-fit:cover;border:1px solid rgba(227,238,255,.28);border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)} @media(max-width:680px){.lang-switch a img.lang-flag{width:21px;height:15px;flex-basis:21px}} /* REFIL V34.8.1 — map header alignment. Two matching top labels on desktop + phones, including long EN/UK translations. No layout change elsewhere on the page; the left label remains non-interactive. */ .location-map .map-scan-corner, .location-map .map-open-external { top: 16px; box-sizing: border-box; width: min(205px, calc((100% - 48px) / 2)); max-width: none; height: 42px; min-height: 42px; padding: 0 10px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.25; } .location-map .map-scan-corner { left: 20px; gap: 10px; } .location-map .map-open-external { right: 16px; } @media (max-width: 560px) { .location-map .map-scan-corner, .location-map .map-open-external { top: 12px; width: calc((100% - 32px) / 2); max-width: none; height: 44px; min-height: 44px; padding: 0 6px; font-size: clamp(7.5px, 2.25vw, 9px); letter-spacing: .01em; white-space: normal; text-wrap: balance; overflow-wrap: normal; } .location-map .map-scan-corner { left: 12px; gap: 7px; } .location-map .map-open-external { right: 12px; } } /* REFIL CYBER V34.10 — odnośnik Facebook w danych kontaktowych. Brak osadzanego widgetu: Facebook nie ładuje się bez kliknięcia. */ .info-block > a.contact-facebook-link { display:inline-flex;align-items:center;gap:8px;margin-top:12px; width:auto;max-width:100%;color:#cfdef3; font-size:13px;line-height:1.35;font-weight:800; text-decoration:none;white-space:normal;overflow-wrap:anywhere; } .info-block > a.contact-facebook-link:hover{color:#fff;} .contact-facebook-link .facebook-mark{ display:inline-flex;align-items:flex-end;justify-content:center;flex:0 0 25px; width:25px;height:25px;border-radius:6px;background:#1877f2;color:white; font:900 23px/1 Arial,Helvetica,sans-serif;padding-top:3px;overflow:hidden; } .contact-facebook-link .social-outbound{color:#6edff1;font-size:13px;} @media(max-width:680px){ .info-block > a.contact-facebook-link{font-size:12px;gap:6px;} .contact-facebook-link .facebook-mark{width:22px;height:22px;flex-basis:22px;font-size:20px;} } /* REFIL CYBER V34.12 — równy rytm pionowy głównych sekcji. Skracamy puste przestrzenie pomiędzy blokami; wnętrze kart, siatki, nagłówki, animacje i pozycje kotwic pozostają bez zmian. Odrębne proporcje dla desktop / tablet / telefon. */ @media (min-width:981px) { .services-section {padding-top:90px;padding-bottom:68px} .about-section {padding-top:64px;padding-bottom:63px} .process-section {padding-top:64px;padding-bottom:60px} .reviews-section {padding-top:62px;padding-bottom:105px} .contact-section {padding-bottom:64px} .location-section {padding-top:62px;padding-bottom:90px} } @media (min-width:681px) and (max-width:980px) { .services-section {padding-top:82px;padding-bottom:68px} .about-section {padding-top:70px;padding-bottom:65px} .process-section {padding-top:68px;padding-bottom:60px} .reviews-section {padding-top:60px;padding-bottom:100px} .contact-section {padding-bottom:64px} .location-section {padding-top:64px;padding-bottom:80px} } @media (max-width:680px) { .services-section {padding-top:75px;padding-bottom:55px} .about-section {padding-top:58px;padding-bottom:58px} .process-section {padding-top:58px;padding-bottom:55px} .reviews-section {padding-top:58px;padding-bottom:82px} .contact-section {padding-bottom:55px} .location-section {padding-top:58px;padding-bottom:72px} }