/* Teknotim 2026: restrained corporate layout, readable content, accessible controls. */
:root{--premium-red:#b91022;--premium-line:#e4e7ec;--premium-soft:#f6f7f9;--premium-muted:#526071;--premium-ink:#101a2b;--line:#e4e7ec;--muted:#526071}
html{scroll-padding-top:100px}body{font-family:Arial,Helvetica,sans-serif;line-height:1.65;color:#172132;background:#fff;-webkit-font-smoothing:antialiased}
.container{width:calc(100% - 64px);max-width:1240px;margin-inline:auto}
.header{background:rgba(255,255,255,.98);box-shadow:0 1px 0 #e4e7ec!important}.nav{min-height:92px!important}.site-logo{height:52px!important;width:200px;object-fit:contain}.menu{gap:26px!important}.menu a{font-size:14px!important;font-weight:700!important}.nav-cta{border-radius:5px!important;padding:14px 20px!important}
.eyebrow{font-size:11px!important;font-weight:800;letter-spacing:.16em!important;line-height:1.6}.skip-link{position:fixed;left:20px;top:-100px;z-index:9999;background:#101a2b;color:#fff;padding:12px 20px}.skip-link:focus{top:12px}
.premium-hero{padding:76px 0 66px!important;background:linear-gradient(115deg,#f8f9fb 0%,#fff 70%)!important}.premium-hero .hero-grid{grid-template-columns:1.1fr .9fr!important;gap:64px!important;align-items:center!important}.premium-hero h1{font-size:clamp(40px,4.2vw,58px)!important;letter-spacing:-.045em!important;line-height:1.09!important;margin:20px 0 22px!important;max-width:650px!important}.premium-hero h1 span{color:#b91022}.premium-hero .lead{font-size:17px!important;line-height:1.8!important;max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px!important;margin-top:26px}.hero-actions .btn{font-size:14px!important;padding:13px 20px!important;border-radius:5px!important}.hero-actions .whatsapp{background:transparent!important;color:#243346!important;border:0!important;box-shadow:none!important;padding-left:0!important}.hero-proof{margin-top:30px!important;padding-top:26px;border-top:1px solid #dfe3e8;gap:20px!important}.hero-proof>div{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}.hero-proof strong{font-size:21px!important;color:#172132!important}.hero-proof span{font-size:12px!important;line-height:1.5!important;color:#526071}.hero-visual{position:relative;min-width:0}.hero-visual img{width:100%;height:460px!important;object-fit:cover;border-radius:8px!important;box-shadow:0 22px 56px #1521391a!important;border:0!important}.hero-panel{position:absolute;left:20px;right:20px;bottom:20px;background:#fff!important;border:1px solid #e4e7ec!important;border-left:3px solid #b91022!important;padding:18px 20px!important;box-shadow:0 6px 20px #101a2b0c!important;border-radius:4px!important}.hero-panel strong{color:#172132!important;font-size:15px}.hero-panel span{color:#526071!important;font-size:12px}
.expertise-strip{background:#111c2d;color:#f2f4f7}.expertise-strip .container{display:flex;justify-content:space-between;gap:20px;padding-block:20px;font-size:13px}.expertise-strip span::before{content:'✓';margin-right:10px;color:#f47985}
.section{padding:76px 0!important}.section-head{max-width:790px;margin-bottom:32px!important}.section-head h2,.faq-layout h2{font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.035em;line-height:1.18!important;color:#172132}.section-head p{font-size:16px!important;max-width:720px}.service-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;counter-reset:services}.service-card{min-height:278px!important;border:1px solid #e4e7ec!important;box-shadow:none!important;padding:26px 24px!important;border-radius:6px!important}.service-card::before{counter-increment:services;content:'0' counter(services);font-size:12px;letter-spacing:.08em;color:#b91022;font-weight:700;margin-bottom:26px}.service-card h3{font-size:21px!important;line-height:1.25!important}.service-card p{font-size:14px!important}.service-detail-link{font-size:13px!important}.service-card:hover{box-shadow:0 12px 32px #1721320a!important;transform:translateY(-3px)}
.premium-why{background:#fff!important;border:1px solid #e4e7ec;padding:40px!important}.premium-why h2{font-size:36px!important;line-height:1.2;letter-spacing:-.03em}.premium-why .lead{font-size:16px}.why-list{gap:12px}.why-item{font-size:14px!important;padding:18px!important;box-shadow:none!important}.premium-sectors .sector{font-size:14px;min-height:78px;box-shadow:none!important}.refs-featured{gap:18px!important}.refs-featured .ref{box-shadow:none!important;border:1px solid #e4e7ec!important}.ref-logo-wrap{height:138px!important}.ref-body h3{font-size:19px!important}.ref-body .tag{font-size:10px!important;letter-spacing:.04em}.brand-group{box-shadow:none!important}.brand-group h3{font-size:12px!important}.brand-logo{box-shadow:none!important}.brand-logo img{object-fit:contain}
.premium-process .process-item{box-shadow:none!important}.process-item::before{display:none!important}.step-no{color:#b91022;display:block;margin-bottom:18px;font-size:12px;font-weight:700}.process-item h3{font-size:21px}.process-item p{font-size:14px;color:#526071}.premium-cta{background:#111c2d!important;padding:44px!important;box-shadow:none!important;gap:40px}.premium-cta h2{font-size:34px!important;max-width:660px}.premium-cta p{font-size:15px!important;max-width:670px}.premium-cta .cta-actions{flex-shrink:0;max-width:250px}.premium-cta .cta-actions .btn{width:100%}
.page-hero{background:#f5f6f8!important;padding:54px 0 58px!important;border-bottom:1px solid #e4e7ec}.page-hero h1{font-size:clamp(32px,4vw,50px)!important;line-height:1.15!important;max-width:950px}.page-hero .lead{max-width:790px;font-size:18px}.breadcrumbs{font-size:12px;color:#647083;margin-bottom:26px}.page-hero .eyebrow{margin-bottom:14px}.service-copy h2{font-size:28px;line-height:1.25;letter-spacing:-.025em;margin:0 0 18px}.service-copy h2:not(:first-of-type){margin-top:40px}.service-copy p{line-height:1.9;color:#526071;font-size:16px}.detail-grid{grid-template-columns:minmax(0,1fr) 310px;gap:72px}.scope-list{list-style:none;padding:0;margin:26px 0}.scope-list li{padding:15px 0 15px 26px;border-bottom:1px solid #e4e7ec;position:relative}.scope-list li::before{content:'✓';color:#b91022;position:absolute;left:0}.project-aside{position:sticky;top:120px;background:#f6f7f9;border:1px solid #e4e7ec;padding:28px;border-radius:6px}.project-aside h2{font-size:26px;line-height:1.2;margin:16px 0}.project-aside p{font-size:14px;color:#526071}.project-aside .btn{display:block;margin:24px 0 14px}.aside-phone{display:block;text-align:center;font-weight:700}.small{font-size:12px!important;line-height:1.7!important}.text-link{display:inline-flex;color:#b91022;font-weight:700;font-size:14px;margin-top:12px;gap:16px}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.faq-layout>div>p{color:#526071}.faq-list details{border-bottom:1px solid #dfe3e8;padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;list-style:none;font-weight:700;font-size:17px;position:relative;padding-right:30px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:2px;top:-2px;color:#b91022;font-size:23px;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:15px;color:#526071;line-height:1.85;padding-right:20px;margin-bottom:0}.related-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-services a{display:flex;justify-content:space-between;gap:20px;padding:22px;background:#fff;border:1px solid #e4e7ec;border-radius:4px;font-size:14px;font-weight:700}.related-services a span{color:#b91022}.local-brief{border-left:3px solid #b91022;background:#f6f7f9;padding:28px 32px}.local-brief h3{font-size:21px;margin-top:0}.local-brief ol{padding-left:20px;margin-bottom:0}.local-brief li{padding:7px 0;font-size:15px;color:#526071}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-grid>a{display:block;border:1px solid #e4e7ec;border-top:3px solid #b91022;padding:30px;border-radius:4px}.guide-grid span{font-size:10px;letter-spacing:.12em;color:#647083}.guide-grid h3{font-size:23px;line-height:1.3;margin:22px 0 12px}.guide-grid p{color:#526071;font-size:14px}.guide-grid b{display:inline-block;color:#b91022;font-size:13px;margin-top:14px}
.footer{background:#111c2d!important}.footer p{font-size:13px}.footer h4{font-size:14px}.footer-logo{max-width:210px}.floating-whatsapp{padding:13px 18px!important;font-size:13px!important;right:24px!important;bottom:24px!important;box-shadow:0 5px 22px #17213220!important}.mobile-contact{display:none}.contact-form .form-field input,.contact-form .form-field select,.contact-form .form-field textarea{background:#fff;border:1px solid #d5dbe3;min-height:48px}.contact-form label{font-size:13px;font-weight:700}.contact-form .form-intro{font-size:14px;line-height:1.8}img{height:auto}
@media(max-width:1100px){.menu{gap:16px!important}.premium-hero .hero-grid{gap:36px!important}.hero-visual img{height:420px!important}.service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.faq-layout{gap:42px}.detail-grid{gap:36px}.brand{min-width:190px!important}}
@media(max-width:980px){.premium-hero .hero-grid{grid-template-columns:1fr!important}.premium-hero .hero-copy{max-width:720px}.hero-visual{order:0!important}.hero-visual img{height:370px!important}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hero-panel{position:absolute!important}.detail-grid{grid-template-columns:1fr}.project-aside{position:static}.faq-layout{grid-template-columns:1fr;gap:30px}.related-services{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{gap:14px}.guide-grid>a{padding:22px}.nav{min-height:78px!important}.menu{top:78px!important}.premium-cta{align-items:start}.premium-cta .cta-actions{max-width:none;flex-shrink:1}.expertise-strip .container{font-size:12px}}
@media(max-width:620px){.container{width:calc(100% - 36px)!important}.nav{min-height:72px!important}.site-logo{height:44px!important;width:180px}.premium-hero{padding:42px 0 38px!important}.premium-hero h1{font-size:39px!important;line-height:1.1!important}.premium-hero .lead{font-size:16px!important;line-height:1.75!important}.premium-hero .hero-grid{gap:32px!important}.hero-actions .btn{width:100%}.hero-actions .whatsapp{justify-content:center;padding:10px!important}.hero-proof{gap:12px!important}.hero-proof strong{font-size:17px!important}.hero-proof span{font-size:11px!important}.hero-visual img{height:300px!important}.hero-panel{left:12px;right:12px;bottom:12px;padding:12px!important}.hero-panel strong{font-size:13px}.hero-panel span{font-size:11px}.expertise-strip .container{flex-direction:column;gap:8px;padding-block:18px}.section{padding:48px 0!important}.section-head h2,.faq-layout h2{font-size:29px!important}.service-card-grid{grid-template-columns:1fr!important}.service-card{min-height:220px!important}.service-card::before{margin-bottom:18px}.premium-why{padding:24px!important}.premium-why h2{font-size:29px!important}.guide-grid,.related-services{grid-template-columns:1fr}.premium-cta{padding:28px!important}.premium-cta h2{font-size:29px!important}.page-hero{padding:32px 0 38px!important}.page-hero h1{font-size:34px!important}.page-hero .lead{font-size:16px}.breadcrumbs{font-size:11px;margin-bottom:24px}.service-copy h2{font-size:25px}.local-brief{padding:24px}.footer{padding-bottom:96px!important}.mobile-contact{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;z-index:100;background:#fff;border-top:1px solid #dfe3e8;padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:10px}.mobile-contact a{text-align:center;font-weight:700;font-size:14px;padding:11px;background:#f1f3f6;border-radius:4px}.mobile-contact a:last-child{background:#b91022;color:#fff}.floating-whatsapp{bottom:84px!important;right:14px!important}.menu{top:72px!important;max-height:calc(100dvh - 150px);overflow-y:auto}.faq-list summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}