@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0a1729;--navy2:#102944;--blue:#247bda;--cyan:#6ad7ec;--text:#263348;--muted:#627086;--bg:#f3f7fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--text);line-height:1.7}h1,h2,h3,.logo{font-family:Manrope,Arial,sans-serif;line-height:1.18}h1{font-size:clamp(2.45rem,5vw,4.9rem);letter-spacing:-.055em;margin:18px 0 24px}h2{font-size:clamp(1.9rem,3.1vw,3rem);letter-spacing:-.045em;margin:10px 0 22px}h3{font-size:1.16rem;margin:15px 0 10px}p{margin:0 0 19px}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px;top:5px;background:#fff;padding:12px;z-index:99}.skip:focus{left:10px}.topbar{background:#071220;color:#c7d6e6;font-size:.8rem}.topflex{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:12px}.topflex>div{display:flex;gap:22px}.topbar a:hover{color:white}.site-header{background:white;position:sticky;top:0;z-index:30;box-shadow:0 3px 22px #061a3212}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:inline-flex;align-items:center;gap:11px;font-size:1.23rem;font-weight:800;letter-spacing:.025em;color:var(--navy);white-space:nowrap}.logo em{font-style:normal;color:var(--blue)}.logo-mark{background:var(--blue);color:white;border-radius:11px;padding:7px 15px;font-size:1.4rem}.primary-nav{display:flex;align-items:center;gap:25px;font-size:.9rem;font-weight:700}.primary-nav>a[aria-current]{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);background:var(--blue);color:#fff!important;border-radius:9px;padding:13px 23px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{background:#1464bd;transform:translateY(-2px)}.btn-small{padding:11px 16px}.btn-outline{background:transparent;border-color:#a2b7d0;color:#fff!important}.btn-outline:hover{background:#ffffff20}.btn-light{background:#fff;border-color:#fff;color:var(--navy)!important}.menu-toggle{display:none}.home-hero,.page-hero{background:linear-gradient(125deg,#071425 0%,#102b4b 65%,#134c76 100%);color:white;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:35px;align-items:center;min-height:610px;padding:80px 0}.eyebrow{text-transform:uppercase;font-size:.78rem;font-weight:800;letter-spacing:.16em;color:#75d8ee}.eyebrow.dark{color:var(--blue)}.home-hero h1 span{color:#71d6ed}.hero-copy{max-width:680px;color:#d0dfef;font-size:1.1rem;line-height:1.85}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-highlights{display:flex;gap:18px;flex-wrap:wrap;font-size:.84rem;color:#b7d5ea;margin-top:34px}.hero-art{min-height:380px;position:relative;display:grid;place-items:center}.art-circle{width:370px;height:370px;max-width:100%;border:1px solid #ffffff35;border-radius:50%;position:absolute;box-shadow:0 0 0 40px #ffffff06,0 0 0 90px #ffffff04}.art-panel{background:linear-gradient(145deg,#183b61,#0a192d);border:1px solid #72b9e44d;box-shadow:0 40px 90px #0006;border-radius:25px;width:min(330px,85%);height:350px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg)}.art-panel span{font-size:.8rem;letter-spacing:.3em;color:#79d9ed}.art-panel strong{font:800 2.3rem/1.15 Manrope,Arial;color:#fff}.art-panel i{height:4px;background:linear-gradient(90deg,#72dcef,transparent)}.art-panel small{letter-spacing:.22em;color:#a9c4df}.section{padding:95px 0}.section-muted{background:var(--bg)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading p{max-width:680px;color:var(--muted)}.text-link{white-space:nowrap;color:var(--blue);font-weight:800}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.service-card{border:1px solid #e2eaf3;border-radius:17px;padding:31px;background:white;box-shadow:0 10px 35px #122f4b0a;transition:transform .2s}.service-card:hover{transform:translateY(-5px)}.service-icon{display:grid;place-items:center;width:58px;height:58px;background:#e8f4ff;border-radius:13px;color:#1c75d2;font-size:1.65rem}.service-card p{color:var(--muted)}.service-card a{color:var(--blue);font-weight:800}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-visual{background:linear-gradient(145deg,#0b1c31,#215d8b);border-radius:20px;min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff;font:800 clamp(3rem,6vw,5rem)/1.15 Manrope,Arial;letter-spacing:-.06em}.about-visual b{color:#6ad7ec}.visual-line{position:absolute;border:1px solid #ffffff35;width:390px;height:390px;border-radius:50%;right:-120px;top:-100px}.check-list{padding:0;list-style:none;margin:25px 0}.check-list li{margin:10px 0;padding-left:29px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.cta{background:var(--navy2);color:white;padding:60px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{margin:9px 0}.cta p{color:#c9d6e6}.page-hero{padding:90px 0}.page-hero h1{font-size:clamp(2.5rem,4.7vw,4rem)}.narrow{max-width:790px}.narrow h2:not(:first-child){margin-top:35px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.contact-card,.form-panel{background:var(--bg);border-radius:18px;padding:30px}.contact-card{display:grid;gap:5px}.contact-card strong:not(:first-child){margin-top:15px}.contact-card a{color:var(--blue)}.form-panel label{display:block;font-weight:700;margin:13px 0 5px}.form-panel input,.form-panel select,.form-panel textarea{display:block;width:100%;padding:12px 13px;border:1px solid #b8c9da;border-radius:8px;background:white;color:var(--text)}.form-panel textarea{resize:vertical}.form-panel button{margin-top:20px}.fineprint{font-size:.8rem;color:var(--muted);margin-top:13px}.footer{background:#071321;color:#c1d0e0;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr .8fr;gap:28px}.footer h3{color:white;font-size:1rem;margin-top:0}.footer-logo{color:white;margin-bottom:18px}.footer a:hover{color:#6ad7ec}.copyright{border-top:1px solid #ffffff24;padding-top:18px;margin-top:45px;font-size:.8rem}.whatsapp{position:fixed;right:20px;bottom:20px;background:#1c9f60;color:#fff!important;font-weight:800;padding:12px 18px;border-radius:100px;box-shadow:0 8px 30px #0003;z-index:20}@media(max-width:960px){.primary-nav{gap:12px;font-size:.8rem}.hero-layout{grid-template-columns:1fr}.hero-art{display:none}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{gap:30px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topmail{display:none}.topflex{font-size:.73rem}.header-inner{min-height:72px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:1px solid #d9e5f1;border-radius:9px;padding:11px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:var(--navy)}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:16px 20px 23px;box-shadow:0 18px 25px #0002;flex-direction:column;align-items:stretch;gap:0;font-size:1rem}.primary-nav.open{display:flex}.primary-nav>a:not(.btn){padding:12px 5px;border-bottom:1px solid #edf1f5}.primary-nav .btn{margin-top:14px}.hero-layout{min-height:unset;padding:75px 0}.hero-copy{font-size:1rem}.section{padding:65px 0}.section-heading{display:block}.services-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.about-visual{min-height:280px}.cta-inner{display:block}.cta .btn{margin-top:12px}.page-hero{padding:65px 0}.footer-grid{grid-template-columns:1fr 1fr}.whatsapp{bottom:13px;right:13px;font-size:.85rem}}@media(max-width:480px){.container{width:min(100% - 30px,1160px)}.logo{font-size:1rem}.logo-mark{padding:6px 12px}.footer-grid{grid-template-columns:1fr}.actions .btn{width:100%}.hero-highlights{display:grid;gap:8px}.contact-card,.form-panel{padding:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Tisar Electro — mobile polish (October 2026) */
html{overflow-x:hidden}body{overflow-x:hidden}button{touch-action:manipulation}
.whatsapp{display:flex;align-items:center;justify-content:center;right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:54px;height:54px;padding:0;border-radius:50%;background:#168b53;box-shadow:0 6px 22px #041b2140;z-index:25;font-size:0;line-height:1;transition:transform .2s ease,background .2s ease}
.whatsapp::before{content:'☎';font-size:27px;font-family:Arial,sans-serif;color:white;transform:rotate(-18deg)}
.whatsapp:hover{transform:translateY(-3px);background:#117244}
@media(max-width:760px){.home-hero .hero-layout{padding-top:64px;padding-bottom:85px}.home-hero h1{font-size:clamp(2.1rem,8vw,3.5rem);overflow-wrap:normal}.topflex{gap:6px}.primary-nav{max-height:calc(100dvh - 125px);overflow-y:auto}.whatsapp{width:48px;height:48px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.whatsapp::before{font-size:24px}}
@media(max-width:380px){.logo{font-size:.88rem}.logo-mark{padding:5px 10px}.topflex{font-size:.67rem}}