:root{--navy:#071524;--navy2:#0b2037;--ink:#0b1b32;--muted:#5f7087;--line:#dbe5ef;--soft:#f4f8fc;--blue:#1777ee;--blue2:#2da0ff;--cyan:#06b8d4;--cyan-soft:#e8fbff;--orange:#ff9418;--orange-soft:#fff4e5;--violet:#7658f6;--violet-soft:#f1edff;--mint:#13a777;--mint-soft:#e8faf3;--magenta:#d849c4;--radius:20px;--shadow:0 18px 55px rgba(14,39,73,.09);--font:"Segoe UI Variable","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:14px;top:14px;z-index:9999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kicker{display:flex;align-items:center;gap:10px;color:#116be0;font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;margin-bottom:13px}.kicker:before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.kicker.light{color:#72b9ff}.cyan-text{color:#009db9}.cyan-text:before{background:var(--cyan)}.orange-text{color:#de7700}.orange-text:before{background:var(--orange)}.blue-text{color:#116be0}.violet-text{color:#6747dc}.violet-text:before{background:var(--violet)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h2{font-size:clamp(30px,4vw,48px);margin-bottom:18px}p{color:var(--muted)}
/* header */
.site-header{height:78px;position:sticky;top:0;z-index:1000;background:rgba(7,21,36,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 4%,var(--cyan),var(--blue),var(--violet),var(--orange),transparent 96%);opacity:.55}.site-header.is-scrolled{box-shadow:0 12px 35px rgba(0,0,0,.18)}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand img{width:218px;height:auto}.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.desktop-nav a{position:relative;color:#dce7f4;font-size:13.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;text-decoration:none!important}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:#fff}.desktop-nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.header-call{display:flex;align-items:center;gap:8px;color:#fff;font-size:13.5px;font-weight:800;margin-left:2px}.header-call .icon{color:#50b9ff}.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:transparent;position:relative;color:#fff}.menu-toggle:before,.menu-toggle:after,.menu-toggle span{content:"";position:absolute;left:11px;right:11px;height:2px;background:currentColor;transition:.2s}.menu-toggle:before{top:14px}.menu-toggle span{top:21px}.menu-toggle:after{top:28px}.menu-toggle[aria-expanded="true"] span{opacity:0}.menu-toggle[aria-expanded="true"]:before{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"]:after{top:21px;transform:rotate(-45deg)}.mobile-menu{display:none;position:fixed;right:0;top:70px;bottom:0;width:min(365px,90vw);z-index:1002;background:#09192b;padding:22px;transform:translateX(105%);transition:.22s}.mobile-menu.open{transform:none}.mobile-menu nav{display:grid}.mobile-menu nav a{padding:13px 8px;color:#dce7f4;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700}.mobile-actions{display:grid;gap:9px;margin-top:20px}.mobile-backdrop{display:none;position:fixed;inset:70px 0 0;z-index:1001;background:rgba(0,0,0,.45)}.mobile-backdrop.open{display:block}
/* buttons */
.btns{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:12px;font-weight:800;font-size:14px;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0e68dc,#258cff);color:#fff;box-shadow:0 12px 28px rgba(23,119,238,.25)}.btn-outline{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}.btn-light{background:#fff;border-color:var(--line);color:var(--ink)}.btn-cyan{background:linear-gradient(135deg,#00a8c2,#18c4d6);color:#fff;box-shadow:0 12px 30px rgba(6,184,212,.22)}.btn-orange{background:linear-gradient(135deg,#f38a0a,#ffa736);color:#fff}.btn-whatsapp{background:#0ba66e;color:#fff}.btn-viber{background:#6e59db;color:#fff}.btn-whatsapp.light-bg{background:#eafaf4;color:#078b5d;border-color:#c9eedf}
/* hero */
.hero{position:relative;min-height:610px;background:var(--navy);overflow:hidden;display:flex;align-items:center}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-sheen{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,19,.98) 0%,rgba(3,10,19,.88) 34%,rgba(3,10,19,.28) 68%,rgba(3,10,19,.18) 100%)}.hero-sheen:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,rgba(0,184,212,.16),transparent 28%),radial-gradient(circle at 79% 86%,rgba(118,88,246,.12),transparent 25%)}.hero .wrap{position:relative;z-index:2}.hero-content{max-width:660px;padding:75px 0}.eyebrow{color:#45cfff;font-size:13px;text-transform:uppercase;letter-spacing:.11em;font-weight:850;margin-bottom:20px}.hero h1{color:#fff;font-size:clamp(48px,6vw,78px);margin:0 0 22px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#38a0ff}.hero p{color:#d5e1ee;font-size:17px;max-width:650px;margin-bottom:28px}.hero p strong{color:#fff}.hero-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.hero-badges span{font-size:12px;font-weight:800;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff}.hero-badges .cyan{box-shadow:inset 0 -2px var(--cyan)}.hero-badges .orange{box-shadow:inset 0 -2px var(--orange)}.hero-badges .blue{box-shadow:inset 0 -2px var(--blue)}.hero-badges .violet{box-shadow:inset 0 -2px var(--violet)}
/* sections */
.section{padding:86px 0}.section.soft{background:linear-gradient(180deg,#f7faff,#f1f6fb)}.section-contact{padding-top:20px}.compact-section{padding:18px 0}.compact-section.no-top{padding-top:0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:36px}.section-head>div{max-width:720px}.section-head h2{font-size:clamp(31px,3.6vw,45px);margin:0}.section-head>p{max-width:410px;margin:0}.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px 22px;min-height:300px;display:flex;flex-direction:column;box-shadow:0 12px 34px rgba(12,41,76,.045);overflow:hidden;transition:.22s}.service-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--accent,var(--blue))}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft,#e9f2ff);color:var(--accent,var(--blue));margin-bottom:19px}.service-icon .icon{width:25px;height:25px}.service-card h3{font-size:20px;margin-bottom:10px}.service-card p{font-size:14px;margin-bottom:20px}.text-link{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:#0f68dd;font-size:13px;font-weight:850}.text-link .icon{width:15px}.text-link.strong{font-size:14px}.accent-cyan{--accent:var(--cyan);--accent-soft:var(--cyan-soft)}.accent-orange{--accent:var(--orange);--accent-soft:var(--orange-soft)}.accent-blue{--accent:var(--blue);--accent-soft:#e9f2ff}.accent-violet{--accent:var(--violet);--accent-soft:var(--violet-soft)}.accent-mint{--accent:var(--mint);--accent-soft:var(--mint-soft)}
/* feature */
.toner-feature{background:linear-gradient(120deg,#071524 0%,#092038 58%,#0d2945 100%);color:#fff}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.feature-grid.reverse{grid-template-columns:1.05fr .95fr}.feature-grid.reverse .feature-copy{order:1}.feature-grid.reverse .feature-media{order:2}.feature-media{position:relative;border-radius:24px;overflow:hidden;min-height:430px;background:#fff}.feature-media img{width:100%;height:100%;min-height:430px;object-fit:cover}.feature-media.simple{min-height:360px}.feature-media.simple img{min-height:360px}.feature-label{position:absolute;left:20px;bottom:20px;background:rgba(7,21,36,.9);backdrop-filter:blur(10px);padding:14px 17px;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.feature-label span{display:block;color:#6ee8fa;text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:800}.feature-label strong{font-size:18px}.toner-feature .feature-copy h2{font-size:clamp(35px,4vw,52px)}.toner-feature .feature-copy p{color:#c8d7e7}.check-list{display:grid;gap:12px;list-style:none;padding:0;margin:26px 0}.check-list li{display:flex;gap:10px;align-items:flex-start}.check-list .icon{color:var(--blue);flex:0 0 auto;margin-top:2px}.toner-feature .check-list li{color:#e8f2fc}.toner-feature .check-list .icon{color:#5be9f8}.chip-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.chip-row span{padding:8px 11px;border-radius:999px;background:#eef5fd;color:#315a8d;font-size:12px;font-weight:750}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.info-panel{position:relative;min-height:290px;padding:34px;border-radius:24px;background:linear-gradient(145deg,#effcff,#fff);border:1px solid #c4edf3;overflow:hidden}.info-panel h3{font-size:28px;max-width:300px}.info-panel p{max-width:380px}.panel-icon{position:absolute;right:-20px;bottom:-25px;width:180px;height:180px;stroke:#87dce8;opacity:.35;fill:none;stroke-width:.8}.media-card{border-radius:24px;overflow:hidden;min-height:390px;background:#eef3f8}.media-card img{width:100%;height:100%;min-height:390px;object-fit:cover}.wide-copy{max-width:860px;font-size:17px}
/* about */
.about-rich{display:grid;grid-template-columns:1.2fr .95fr .8fr;gap:28px;align-items:stretch;background:linear-gradient(135deg,#f5faff,#fff);border:1px solid #dceaf5;border-radius:26px;padding:34px}.about-copy h2{font-size:clamp(31px,3vw,43px)}.about-points{display:grid;gap:10px}.point{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);padding:14px;border-radius:15px}.point>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef5ff;color:var(--blue)}.point.cyan>span{background:var(--cyan-soft);color:var(--cyan)}.point.orange>span{background:var(--orange-soft);color:var(--orange)}.point.violet>span{background:var(--violet-soft);color:var(--violet)}.point strong{display:block;font-size:14px}.point small{display:block;color:var(--muted);font-size:12px;line-height:1.4}.about-photo{border-radius:20px;overflow:hidden;min-height:340px}.about-photo img{height:100%;width:100%;object-fit:cover}.about-story{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center}.about-story p{font-size:17px}.about-photo.tall{min-height:480px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.principle{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}.principle>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;margin-bottom:20px}.principle.cyan>span{background:var(--cyan-soft);color:var(--cyan)}.principle.blue>span{background:#e9f2ff;color:var(--blue)}.principle.orange>span{background:var(--orange-soft);color:var(--orange)}.principle.violet>span{background:var(--violet-soft);color:var(--violet)}.principle strong{display:block;font-size:18px;margin-bottom:8px}.principle p{font-size:14px;margin:0}
/* slim rows */
.slim-row{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-radius:18px;padding:22px 25px;border:1px solid var(--line)}.slim-row.business{background:linear-gradient(110deg,#081728,#0b2846);color:#fff;border-color:#123759}.slim-row.wp{background:linear-gradient(110deg,#f0fbfd,#fff);border-color:#bfe5ea}.slim-row.sales{background:linear-gradient(110deg,#f4f0ff,#fff);border-color:#ddd4ff}.slim-row.large{padding:30px}.slim-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.09);color:#65b9ff}.slim-row strong{display:block;font-size:17px}.slim-row span{display:block;color:#b6c5d6;font-size:13px}.slim-row.wp span,.slim-row.sales span{color:var(--muted)}.slim-row>a{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:850;color:#75c4ff}.slim-row.wp>a{color:#078e9e}.slim-row.sales>a{color:#6443d1}.wp-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#0f76ae;color:#fff;font-family:Georgia,serif;font-size:30px;font-weight:bold}.wp-mark.big{width:75px;height:75px;font-size:42px;margin:0 auto 18px}.centered-card{text-align:center;max-width:760px;padding:48px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:var(--shadow)}
/* minihero */
.minihero{position:relative;min-height:390px;display:flex;align-items:center;background:linear-gradient(125deg,#071524,#0b2949);overflow:hidden}.minihero:before{content:"";position:absolute;inset:0;background-image:var(--mini-image);background-size:cover;background-position:center;opacity:.38}.minihero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,29,.97),rgba(5,16,29,.76) 56%,rgba(5,16,29,.30))}.minihero .wrap{position:relative;z-index:1}.minihero-copy{max-width:760px;padding:72px 0}.minihero h1{color:#fff;font-size:clamp(42px,5vw,66px);margin:0 0 18px}.minihero p{color:#c9d7e7;font-size:17px;max-width:700px;margin:0}
/* steps/contact */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.step b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f9fc;color:#008fa9;margin-bottom:18px}.step strong{display:block;font-size:18px;margin-bottom:6px}.step span{color:var(--muted);font-size:14px}.contact-band{background:linear-gradient(105deg,#0f66da,#237ff0 55%,#6758e7);color:#fff;border-radius:24px;padding:35px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 20px 45px rgba(25,111,227,.18)}.contact-band h2{font-size:clamp(28px,3vw,38px);margin:0 0 8px}.contact-band p{color:#e2edff;margin:0}.contact-band-actions{display:flex;gap:9px;flex-wrap:wrap}.contact-pill{display:flex;align-items:center;gap:8px;padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:850}.contact-pill.whatsapp{background:#0a9d69}.contact-pill.viber{background:#6855d2}.contact-grid-v2{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.contact-card{position:relative;min-height:235px;padding:25px 21px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(9,37,70,.055);display:flex;flex-direction:column;transition:.2s;overflow:hidden}.contact-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--card-accent,var(--blue))}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.contact-card .contact-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--card-soft,#eaf2ff);color:var(--card-accent,var(--blue));margin-bottom:20px}.contact-card .contact-icon .icon{width:26px;height:26px}.contact-card strong{display:block;font-size:19px;margin-bottom:7px}.contact-card b{display:block;font-size:13px;color:var(--card-accent,var(--blue));word-break:break-word}.contact-card small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.contact-card i{margin-top:auto;color:var(--card-accent,var(--blue));font-style:normal}.contact-card i .icon{width:18px}.contact-card.phone{--card-accent:var(--blue);--card-soft:#e9f2ff}.contact-card.whatsapp{--card-accent:#0a9d69;--card-soft:#e9faf3}.contact-card.viber{--card-accent:#6e59db;--card-soft:#f0edff}.contact-card.email{--card-accent:var(--cyan);--card-soft:var(--cyan-soft)}.contact-card.maps{--card-accent:#f04b4b;--card-soft:#fff0f0}.location-panel{display:grid;grid-template-columns:1fr .55fr;gap:40px;align-items:center;background:linear-gradient(135deg,#f7fbff,#fff);border:1px solid var(--line);border-radius:26px;padding:38px}.location-mark{min-height:260px;border-radius:20px;background:linear-gradient(135deg,#071524,#0b2d4f);color:#fff;display:grid;place-items:center;align-content:center;gap:6px}.location-mark .big-icon{width:70px;height:70px;color:#52bcff}.location-mark strong{font-size:28px}.location-mark span{color:#b9cbe0}
/* footer */
.site-footer{background:#061321;color:#adbed2;padding:58px 0 22px;font-family:var(--font)}.footer-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr 1fr;gap:42px}.footer-brand img{width:220px;margin-bottom:18px}.footer-brand p{font-size:13px;color:#8fa3bc;max-width:280px}.site-footer h3{font-family:var(--font);font-size:14px;color:#fff;margin:0 0 15px;letter-spacing:.01em}.site-footer a,.site-footer span{display:block;color:#9fb0c4;font-family:var(--font);font-size:13px;line-height:1.6;margin:6px 0;text-decoration:none!important}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between}.footer-bottom span{font-size:12px;color:#70849d}.socials{display:flex;gap:8px;margin-top:16px}.socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:10px;place-items:center;margin:0}.socials a:not([hidden]){display:grid}
/* prose/error */
.prose{max-width:860px}.prose h2{font-size:28px;margin-top:38px}.error-page{text-align:center;padding:120px 0}.error-code{font-size:100px;font-weight:900;color:#dbe9f8;line-height:1}.error-page h1{font-size:45px}.btns.center{justify-content:center}.mobile-dock{display:none}
@media(max-width:1120px){.desktop-nav{gap:15px}.desktop-nav a{font-size:12.5px}.header-call{display:none}.services-grid{grid-template-columns:repeat(3,1fr)}.contact-grid-v2{grid-template-columns:repeat(3,1fr)}.about-rich{grid-template-columns:1fr 1fr}.about-photo{display:none}.principles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.site-header{height:70px}.brand img{width:190px}.desktop-nav,.header-call{display:none}.menu-toggle{display:block}.mobile-menu{display:block}.hero{min-height:650px;align-items:flex-end}.hero-media img{object-position:62% center}.hero-sheen{background:linear-gradient(180deg,rgba(3,10,19,.32),rgba(3,10,19,.90) 55%,rgba(3,10,19,.99))}.hero-content{padding:100px 0 52px}.feature-grid,.feature-grid.reverse,.two-col,.about-story,.location-panel{grid-template-columns:1fr}.feature-grid.reverse .feature-copy,.feature-grid.reverse .feature-media{order:initial}.about-rich{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.section-head>p{max-width:680px}.services-grid{grid-template-columns:repeat(2,1fr)}.contact-grid-v2{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.contact-band{align-items:flex-start;flex-direction:column}.steps-grid{grid-template-columns:1fr}.minihero{min-height:360px}.principles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body{padding-bottom:66px}.wrap{width:min(100% - 28px,1180px)}.section{padding:62px 0}.hero{min-height:690px}.hero h1{font-size:47px}.hero p{font-size:16px}.hero-content{padding-bottom:44px}.btns{flex-direction:column}.btn{width:100%}.hero-badges{gap:7px}.hero-badges span{font-size:10.5px}.services-grid,.contact-grid-v2,.principles{grid-template-columns:1fr}.service-card{min-height:auto}.feature-media,.feature-media img{min-height:310px}.about-rich{padding:24px}.slim-row{grid-template-columns:auto 1fr}.slim-row>a{grid-column:1/-1;padding-left:70px}.contact-band{padding:28px 22px}.contact-band-actions{display:grid;width:100%;grid-template-columns:1fr}.contact-pill{justify-content:center}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:4px}.minihero-copy{padding:62px 0}.minihero h1{font-size:42px}.location-panel{padding:24px}.mobile-dock{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;height:66px;z-index:1100;background:#071524;border-top:1px solid rgba(255,255,255,.08)}.mobile-dock a{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-size:10px;font-weight:800}.mobile-dock a:nth-child(2){background:#0a9d69}.mobile-dock a:nth-child(3){background:#6855d2}.mobile-dock .icon{width:18px;height:18px}.contact-card{min-height:190px}.about-story{gap:28px}.about-photo.tall{min-height:330px}}
[hidden]{display:none!important}
.toner-feature .feature-media img{object-position:72% center}

/* v2.2 refinements */
.location-mark .big-icon{width:72px;height:72px;color:#66c7ff;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 18px rgba(56,160,255,.22))}
.feature-pair-section{background:linear-gradient(180deg,#fff,#f7faff)}
.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-tile{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:.85fr 1.15fr;min-height:440px}.feature-tile-media{min-height:100%;overflow:hidden;background:#edf4fa}.feature-tile-media img{width:100%;height:100%;object-fit:cover}.feature-tile-copy{padding:38px;display:flex;flex-direction:column;justify-content:center}.feature-tile-copy h2{font-size:clamp(30px,3.2vw,42px)}.feature-tile-copy p{font-size:15px}.mini-points{display:grid;gap:8px;margin:0 0 24px}.mini-points span{font-size:13px;color:#38526f;display:flex;gap:8px}.mini-points span:before{content:"✓";font-weight:900;color:var(--blue)}
.system-tile{background:linear-gradient(145deg,#f9fbff,#f1efff)}.system-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;background:linear-gradient(145deg,#081626,#102b4a);padding:34px;min-height:100%}.window-mark{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:92px;height:92px;transform:skewY(-5deg)}.window-mark i{display:block;background:linear-gradient(135deg,#25b9ff,#4076ff);border-radius:3px}.window-mark.large{width:130px;height:130px;gap:7px}.window-mark.tiny{width:28px;height:28px;gap:2px}.system-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.system-tags b{font-size:11px;color:#dcecff;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 10px}
.about-showcase{display:grid;grid-template-columns:1.05fr .95fr .75fr;gap:28px;align-items:stretch;background:linear-gradient(135deg,#f7fbff,#fff 60%,#f5f2ff);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 20px 55px rgba(10,42,78,.07)}.about-showcase-copy{padding:12px 4px}.about-showcase-copy p{font-size:16px}.about-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-mini{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}.about-mini>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.about-mini>span .icon{width:22px}.about-mini.blue>span{background:#eaf2ff;color:var(--blue)}.about-mini.cyan>span{background:var(--cyan-soft);color:var(--cyan)}.about-mini.violet>span{background:var(--violet-soft);color:var(--violet)}.about-mini.orange>span{background:var(--orange-soft);color:var(--orange)}.about-mini strong{font-size:15px}.about-mini small{color:var(--muted);line-height:1.45}.about-showcase-photo{border-radius:20px;overflow:hidden;min-height:100%}.about-showcase-photo img{width:100%;height:100%;object-fit:cover}
.web-feature-section{padding-top:38px;background:linear-gradient(180deg,#fff,#f6fbff)}.web-feature{display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:center;border:1px solid #cfe4ef;border-radius:28px;padding:40px;background:linear-gradient(120deg,#f1fbfd,#fff 55%,#f3f0ff);box-shadow:0 18px 50px rgba(9,52,82,.07)}.web-feature-copy h2{font-size:clamp(34px,4vw,50px)}.web-feature-points{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.web-feature-points span{font-size:12px;font-weight:800;color:#245c88;background:#e8f5fb;border-radius:999px;padding:8px 11px}.web-feature-card{background:#071524;color:#fff;border-radius:22px;padding:30px;text-align:center;box-shadow:0 20px 45px rgba(7,21,36,.16)}.web-feature-card>strong{display:block;font-size:23px}.web-feature-card>span{display:block;color:#78d7ec;font-size:14px;margin:3px 0 18px}.web-feature-card ul{list-style:none;padding:0;margin:0;text-align:left;display:grid;gap:9px}.web-feature-card li{color:#c4d3e4;font-size:13px}.web-feature-card li:before{content:"✓";color:#5ce7d0;font-weight:900;margin-right:8px}
.system-highlight{background:linear-gradient(135deg,#f7fbff,#f5f2ff)}.system-highlight-grid{align-items:center}.system-panel{min-height:330px;border-radius:26px;background:linear-gradient(145deg,#071524,#0c3154);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:14px;box-shadow:0 22px 55px rgba(7,21,36,.16)}.system-panel strong{font-size:28px}.system-panel small{color:#b8cce2}.large-panel{min-height:400px}
.equipment-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch}.equipment-copy{padding:15px 0}.equipment-panel{border-radius:26px;background:linear-gradient(145deg,#071524,#103358);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:center}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.equipment-grid>div{min-height:110px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:17px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:10px}.equipment-grid .icon{color:#66c7ff;width:27px;height:27px}.equipment-panel p{color:#c2d3e5;font-size:13px;margin:20px 0 0}.inline-contact-set{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.contact-mini{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.contact-mini .icon{width:22px;height:22px}.contact-mini span{display:flex;flex-direction:column}.contact-mini b{font-size:13px}.contact-mini small{font-size:10px;color:var(--muted)}.contact-mini.phone{color:var(--blue)}.contact-mini.whatsapp{color:#0a9d69;border-color:#c7eadf;background:#f3fcf8}.contact-mini.viber{color:#6855d2;border-color:#ded7fa;background:#f8f6ff}
.web-service-page{max-width:1020px}.web-service-main{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:start;border:1px solid var(--line);border-radius:28px;padding:42px;background:linear-gradient(135deg,#f5fcff,#fff 55%,#f5f2ff);box-shadow:var(--shadow)}.web-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.web-service-grid span{padding:12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800;color:#315a8d;text-align:center}
.system-install-detail{align-items:center}
@media(max-width:1050px){.feature-pair{grid-template-columns:1fr}.about-showcase{grid-template-columns:1fr 1fr}.about-showcase-photo{display:none}.web-feature{grid-template-columns:1fr}.equipment-feature{grid-template-columns:1fr}.inline-contact-set{max-width:620px}}
@media(max-width:700px){.feature-tile{grid-template-columns:1fr}.feature-tile-media{min-height:240px}.feature-tile-copy{padding:28px}.system-visual{min-height:260px}.about-showcase{grid-template-columns:1fr;padding:24px}.about-showcase-grid{grid-template-columns:1fr 1fr}.web-feature{padding:26px}.inline-contact-set{grid-template-columns:1fr}.equipment-grid{grid-template-columns:1fr 1fr}.web-service-main{grid-template-columns:1fr;padding:26px}.web-service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.about-showcase-grid,.equipment-grid,.web-service-grid{grid-template-columns:1fr}}

/* FINAL v3 */
.brand img{width:230px;max-height:62px}.desktop-nav{gap:17px}.desktop-nav a{font-size:13px}
.hero-badges .mint{box-shadow:inset 0 -2px var(--mint)}
.mint-text{color:#078b67}.mint-text:before{background:var(--mint)}
.toner-product-section{background:linear-gradient(180deg,#fff,#f7fbff)}.toner-product-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;border:1px solid var(--line);border-radius:28px;padding:34px;background:#fff;box-shadow:var(--shadow)}.toner-product-image{display:flex;align-items:center;justify-content:center;min-height:360px;border-radius:22px;background:radial-gradient(circle at 50% 42%,#fff 0,#f5f9fd 66%,#ecf3f8 100%);overflow:hidden}.toner-product-image img{width:min(100%,440px);height:auto;object-fit:contain}.toner-product-copy h2{font-size:clamp(34px,4vw,50px)}
.compact-crosslink{padding:45px 0}.crosslink-card{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:24px;padding:30px 34px;background:#fff;box-shadow:0 14px 40px rgba(12,41,76,.06)}.crosslink-card h2{font-size:clamp(28px,3vw,38px);margin-bottom:10px}.crosslink-card p{margin:0;max-width:720px}
.final-equipment .equipment-panel{min-height:360px}.equipment-grid>div span{font-size:12px;color:#bed0e4}.equipment-hero{background:linear-gradient(125deg,#071524,#0b2c4a)}
.contact-icon-text,.contact-symbol{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900;flex:0 0 28px}.contact-mini.phone .contact-icon-text{background:#e9f2ff}.contact-mini.whatsapp .contact-icon-text{background:#dff8ed}.contact-mini.viber .contact-icon-text{background:#ece8ff}.contact-pill .contact-symbol{background:rgba(255,255,255,.12);color:inherit}
.location-mark .pin-visible{color:#69c7ff!important;stroke:#69c7ff!important;filter:drop-shadow(0 0 8px rgba(105,199,255,.35))}
.site-footer .footer-brand img{width:225px}.site-footer h3{font-family:var(--font);font-size:15px;letter-spacing:-.01em}.site-footer a,.site-footer span{font-family:var(--font)}
@media(max-width:1180px){.desktop-nav{gap:13px}.desktop-nav a{font-size:12.5px}.brand img{width:205px}.header-call span{display:none}.header-call{width:34px;justify-content:center}}
@media(max-width:980px){.toner-product-card{grid-template-columns:1fr}.toner-product-image{min-height:300px}.crosslink-card{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.toner-product-card{padding:22px;gap:24px}.toner-product-image{min-height:250px}.toner-product-copy h2{font-size:34px}}

/* FINAL V4: approved logo/favicon, product visuals, broader web services */
.brand img{width:218px;height:auto;display:block}.footer-brand img{width:215px;height:auto;display:block}
.printer-product-section{background:linear-gradient(180deg,#fff,#f8fbff)}
.printer-product-card{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;border:1px solid var(--line);border-radius:28px;padding:38px;background:#fff;box-shadow:var(--shadow)}
.printer-product-copy h2{font-size:clamp(34px,4vw,50px)}
.printer-product-image{min-height:390px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:radial-gradient(circle at 50% 44%,#fff 0,#f6f9fc 68%,#edf3f8 100%);overflow:hidden}
.printer-product-image img{width:min(100%,520px);height:auto;object-fit:contain}
.toner-product-image img{width:min(100%,560px);max-height:360px;object-fit:contain}
.web-service-dual{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.web-tech-card{border:1px solid var(--line);border-radius:26px;padding:34px;background:#fff;box-shadow:var(--shadow)}
.web-tech-card.html-card{background:linear-gradient(145deg,#f2fbff,#fff)}
.web-tech-card.wp-card{background:linear-gradient(145deg,#fff,#f6f3ff)}
.tech-badge,.code-mark{display:inline-grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:14px}
.tech-badge{width:60px;height:60px;font-size:22px;margin-bottom:20px}.code-mark{width:42px;height:42px;font-size:15px}
.web-tech-card ul{padding:0;margin:22px 0;list-style:none;display:grid;gap:9px}.web-tech-card li:before{content:'✓';color:var(--mint);font-weight:900;margin-right:9px}
.web-mini-techs{display:grid;gap:14px}.web-mini-techs>div{display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.web-mini-techs strong{font-size:14px}.web-mini-techs small{grid-column:2;color:var(--muted);margin-top:2px}.web-mini-techs .wp-mark{grid-row:1/3}
@media(max-width:800px){.printer-product-card,.web-service-dual{grid-template-columns:1fr}.printer-product-image{min-height:300px}.printer-product-card{padding:24px}.brand img{width:190px}.footer-brand img{width:190px}}
@media(max-width:460px){.brand img{width:172px}.footer-brand img{width:180px}.printer-product-image{min-height:250px}}

/* V5 refinements: cleaner toner visual, printer combo visual, unified contact icons */
.feature-tile.toner-tile .feature-tile-media{background:linear-gradient(135deg,#eef5fb,#f8fbfe)}
.feature-tile.toner-tile .feature-tile-media img{object-fit:contain;padding:26px}
.feature-media.product-mix{background:linear-gradient(135deg,#eef5fb,#f8fbfe)}
.feature-media.product-mix img{object-fit:contain;min-height:360px;padding:26px}
.contact-mini .contact-icon-svg,.contact-pill .icon{display:grid;place-items:center;flex:0 0 auto}
.contact-mini .contact-icon-svg{width:28px;height:28px}
.contact-mini .contact-icon-svg .icon{width:22px;height:22px}
.contact-pill .icon{width:18px;height:18px}
.contact-mini.phone .contact-icon-svg{color:var(--blue)}
.contact-mini.whatsapp .contact-icon-svg{color:#0a9d69}
.contact-mini.viber .contact-icon-svg{color:#6855d2}
.contact-pill{display:inline-flex}


/* V6 refinements: tighter contact actions, cleaner product images */
.contact-band>div:first-child{flex:1 1 auto;min-width:0}.contact-band-actions{align-items:center;justify-content:flex-end;flex-wrap:nowrap}.contact-pill{min-width:118px;justify-content:center;white-space:nowrap}.toner-hero-actions .btn,.printer-product-copy .btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.toner-hero-actions .btn .icon,.printer-product-copy .btn .icon{width:18px;height:18px}.btn-viber.light-bg{background:#f2eeff;color:#5f4ecb;border-color:#ddd5ff}.toner-product-image img{width:min(100%,520px);max-height:330px;object-fit:contain}.printer-product-image img{width:min(100%,620px);max-height:420px;object-fit:contain}.feature-tile.toner-tile .feature-tile-media img{object-fit:contain;padding:22px;max-height:340px}.feature-media.product-mix img{object-fit:contain;min-height:360px;padding:24px}.contact-band-actions .contact-pill .icon{width:18px;height:18px}@media(max-width:980px){.contact-band-actions{flex-wrap:wrap;justify-content:flex-start}}

/* V8: final homepage toner + toner CTA alignment */
.feature-tile.toner-tile .feature-tile-media{display:flex;align-items:stretch;justify-content:center;overflow:hidden}
.feature-tile.toner-tile .feature-tile-media img{width:100%;height:100%;max-height:none;padding:0;object-fit:cover;object-position:center}
.toner-hero-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:10px}
.toner-hero-actions .btn{width:auto;min-width:0;padding-left:16px;padding-right:16px;font-size:13px;white-space:nowrap}
@media(max-width:900px){.toner-hero-actions{flex-wrap:wrap}}
@media(max-width:600px){.toner-hero-actions{display:grid;grid-template-columns:1fr}.toner-hero-actions .btn{width:100%}}


/* V9 refinements: improved homepage toner visual + mobile polish */
.feature-tile.toner-tile .feature-tile-media{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#eef4fa 0%,#f8fbfe 100%);
}
.feature-tile.toner-tile .feature-tile-media img{
  width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;
  padding:22px 18px;
}
.toner-hero-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;
}
.toner-hero-actions .btn{
  width:100%;min-width:0;padding-left:14px;padding-right:14px;font-size:13px;
}
.mobile-menu{padding-bottom:96px;overflow:auto}
.mobile-actions{padding-bottom:10px}
@media(max-width:700px){
  .feature-tile{min-height:auto}
  .feature-tile > :first-child{order:2}
  .feature-tile > .feature-tile-copy{order:1}
  .feature-tile.toner-tile .feature-tile-media{min-height:210px}
  .feature-tile.toner-tile .feature-tile-media img{padding:16px 14px;max-height:230px}
  .web-tech-card{padding:24px 22px;text-align:center}
  .web-tech-card .tech-badge,.web-tech-card .wp-mark.big{margin-left:auto;margin-right:auto}
  .web-tech-card ul{max-width:290px;margin-left:auto;margin-right:auto;text-align:left}
}
@media(max-width:600px){
  .toner-hero-actions{grid-template-columns:1fr}
  .site-footer .footer-grid>div,.site-footer .footer-brand,.site-footer .footer-bottom{text-align:center}
  .footer-brand p{margin-left:auto;margin-right:auto}
  .footer-bottom{align-items:center}
  .contact-band-actions .contact-pill,.mobile-actions .btn{min-height:50px}
}