
:root{--navy:#082b5f;--navy-deep:#051a38;--blue:#1671c9;--blue-bright:#2d97e5;--sky:#eaf4fb;--paper:#f7f8fa;--white:#fff;--ink:#111d2d;--muted:#5c6878;--line:#dce3ea;--shadow:0 22px 70px rgba(8,43,95,.12);--shadow-sm:0 10px 30px rgba(8,43,95,.08);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.utility{background:var(--navy-deep);color:#d6e5f3;font-size:.8rem}.utility-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:18px}.utility-inner>div{display:flex;gap:20px}.utility-phone{font-weight:800;color:#fff}.topbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:184px;height:56px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:24px;font-size:.9rem;font-weight:780}.nav-links>a,.dropdown-toggle{padding:31px 0;position:relative;background:none;border:0;color:inherit;font:inherit;font-weight:inherit;cursor:pointer}.nav-links>a:not(.nav-cta):after,.dropdown-toggle:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--blue);transition:.22s}.nav-links>a:hover:after,.nav-links>a.active:after,.dropdown:hover>.dropdown-toggle:after,.dropdown.open>.dropdown-toggle:after{right:0}.nav-links>a.active,.dropdown.active>.dropdown-toggle{color:var(--blue)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:13px 20px;font-weight:850;border:1px solid transparent;transition:.2s;cursor:pointer}.nav-cta,.btn-primary{background:var(--blue);color:#fff}.nav-cta{padding:12px 17px}.nav-cta:hover,.btn-primary:hover{background:var(--navy);transform:translateY(-1px)}.btn-light{background:#fff;color:var(--navy)}.btn-outline-light{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}.btn-outline{border-color:var(--line);background:#fff;color:var(--navy)}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;font-size:1.25rem}.dropdown{position:relative}.dropdown-toggle{display:flex;gap:8px;align-items:center}.dropdown-toggle span{font-size:.7rem}.dropdown-menu{position:absolute;top:74px;left:-22px;width:265px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 55px rgba(5,26,56,.16);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:block;padding:11px 13px;border-radius:6px;color:var(--ink);font-size:.87rem}.dropdown-menu a:hover,.dropdown-menu a.active{background:var(--sky);color:var(--navy)}
.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-weight:850;font-size:.72rem;color:var(--blue)}.eyebrow.light{color:#9ed8ff}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.02;margin:16px 0 24px}h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;margin:10px 0 16px}h3{line-height:1.22}.lead{font-size:1.1rem;color:var(--muted);max-width:760px}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--navy-deep) 0%,var(--navy) 61%,#0d5fa8 100%);color:#fff;padding:104px 0 92px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 0 63%,rgba(255,255,255,.055) 63% 67%,transparent 67%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.13fr .87fr;gap:68px;align-items:center}.hero p{font-size:1.16rem;color:#dce8f4;max-width:720px}.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;color:#d9e8f5;font-weight:750;font-size:.87rem}.trust-row span{padding-left:18px;position:relative}.trust-row span:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:#70bdf2}.hero-visual{position:relative}.hero-card{background:#fff;border-radius:3px;padding:28px;box-shadow:0 35px 90px rgba(0,0,0,.28);transform:rotate(1deg)}.hero-card img{background:#fff;padding:10px}.hero-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:20px;background:var(--line)}.hero-mini{background:#fff;color:var(--ink);padding:15px}.hero-mini b{display:block;color:var(--navy)}.hero-mini span{color:var(--muted);font-size:.82rem}.hero-float{position:absolute;right:-18px;bottom:-20px;background:var(--blue);color:#fff;padding:17px 20px;box-shadow:var(--shadow);font-weight:850}.hero-float small{display:block;color:#dcecff;font-weight:650}.page-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--navy-deep),var(--navy) 68%,#0f62aa);color:#fff;padding:84px 0}.page-hero:after{content:"";position:absolute;right:-100px;top:-140px;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);transform:rotate(24deg)}.page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}.page-hero p{color:#dce8f4;font-size:1.1rem}.breadcrumb{font-size:.8rem;color:#a9cbe4;margin-bottom:18px}.breadcrumb a{color:#fff}.page-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.page-badges span{border-left:2px solid #65b4ec;padding-left:10px;font-size:.82rem;font-weight:750;color:#dcecff}
section{padding:88px 0}.soft{background:var(--paper)}.ice{background:var(--sky)}.section-head{max-width:820px;margin-bottom:40px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head p{color:var(--muted);font-size:1.04rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:3px;padding:30px;background:#fff;box-shadow:var(--shadow-sm);transition:.22s;position:relative}.card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--blue);transform:scaleY(.22);transform-origin:top;transition:.22s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card:hover:before{transform:scaleY(1)}.card h3{margin:0 0 10px;font-size:1.24rem}.card p{color:var(--muted);margin:0}.card-link{display:inline-block;margin-top:17px;font-weight:850;color:var(--blue)}.service-card ul{padding-left:18px;color:var(--muted);font-size:.93rem}.service-card li{margin:5px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.content-copy p{color:var(--muted)}.content-copy strong{color:var(--navy)}.checks{display:grid;gap:17px;margin-top:26px}.check{display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:start}.check-mark,.number{width:34px;height:34px;border:1px solid var(--blue);color:var(--blue);display:grid;place-items:center;font-size:.8rem;font-weight:900;border-radius:0}.feature-box{background:#fff;padding:36px;box-shadow:var(--shadow);border-top:4px solid var(--blue)}.image-slot{min-height:310px;border:1px solid #aebdca;background:linear-gradient(145deg,#e7edf2,#f8fafc);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--navy);position:relative;overflow:hidden}.image-slot:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--blue)}.image-slot strong{font-size:1.06rem}.image-slot span{font-size:.84rem;color:var(--muted);max-width:300px}.image-slot-icon{display:none}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.gallery-side{display:grid;gap:18px}.gallery-side .image-slot{min-height:195px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.stat{background:#fff;padding:24px;text-align:center}.stat strong{display:block;font-size:1.5rem;color:var(--navy)}.stat span{color:var(--muted);font-size:.87rem}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);counter-reset:step}.process-card{counter-increment:step;background:#fff;padding:28px}.process-card:before{content:counter(step,decimal-leading-zero);display:block;color:var(--blue);font-weight:900;font-size:1.35rem;margin-bottom:25px}.process-card p{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid var(--line);background:#fff;overflow:hidden;box-shadow:var(--shadow-sm);transition:.22s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-image{min-height:245px;border:0;border-bottom:1px solid var(--line)}.project-content{padding:25px}.project-tag{font-size:.72rem;color:var(--blue);font-weight:850;text-transform:uppercase;letter-spacing:.12em}.project-content h3{margin:8px 0}.project-content p{color:var(--muted);font-size:.94rem}.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.project-meta span{border:1px solid var(--line);padding:5px 8px;font-size:.74rem;font-weight:700}.notice{background:#fff7df;border:1px solid #efd58c;padding:15px 18px;color:#6a5420;font-size:.9rem}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);background:#fff}.faq summary{cursor:pointer;font-weight:820;padding:20px 55px 20px 22px;position:relative}.faq summary:after{content:"+";position:absolute;right:20px;top:14px;font-size:1.5rem;color:var(--blue)}.faq details[open] summary:after{content:"–"}.faq-answer{padding:0 22px 20px}.faq-answer p,.faq details>p{color:var(--muted);margin:0;padding:0 22px 20px}.cta-section{padding-top:0}.cta-band{background:var(--navy-deep);color:#fff;padding:46px 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;box-shadow:var(--shadow);border-left:6px solid var(--blue-bright)}.cta-band h2{margin:6px 0 10px}.cta-band p{color:#dce8f4;margin:0}.cta-actions{justify-content:flex-end;margin-top:0}.contact-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:38px}.contact-card{background:var(--navy-deep);color:#fff;padding:38px}.contact-card p{color:#dce8f4}.contact-list{display:grid;gap:11px;margin-top:25px}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#fff;border:1px solid var(--line);padding:30px;box-shadow:var(--shadow-sm)}.form .full{grid-column:1/-1}.form label{display:grid;gap:7px;font-size:.84rem;font-weight:780}.form input,.form textarea,.form select{width:100%;border:1px solid #cfd9e3;background:#fff;padding:13px 14px;border-radius:0}.form textarea{min-height:145px}.service-list{padding-left:19px;color:var(--muted)}.service-list li{margin:7px 0}.legal{max-width:880px}.legal h2{font-size:1.35rem;margin-top:34px}.footer{background:#071c38;color:#d6e1ec;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .9fr;gap:48px}.footer img{width:180px;background:#fff;padding:8px}.footer h3{color:#fff}.footer p,.footer span{color:#aebed0}.footer-links{display:grid;gap:9px}.footer-links a:hover{color:#fff}.footer-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.footer-badges span{border:1px solid #304861;padding:5px 8px;font-size:.74rem}.footer-bottom{border-top:1px solid #213955;margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.78rem}.mobile-actions{display:none}.floating-call{position:fixed;right:20px;bottom:20px;z-index:900;background:var(--blue);color:#fff;padding:13px 17px;font-weight:850;box-shadow:var(--shadow)}
@media(max-width:980px){.utility{display:none}.nav{min-height:72px}.brand img{width:154px;height:48px}.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);padding:14px 20px 24px;box-shadow:0 20px 40px rgba(5,26,56,.13);align-items:stretch;gap:0}.nav-links.open{display:flex;flex-direction:column}.nav-links>a,.dropdown-toggle{padding:13px 0;width:100%;justify-content:space-between}.nav-links>a:after,.dropdown-toggle:after{display:none}.dropdown-menu{position:static;width:100%;box-shadow:none;border:0;border-left:2px solid var(--blue);padding:4px 0 5px 14px;display:none;opacity:1;visibility:visible;transform:none}.dropdown.open .dropdown-menu{display:block}.nav-cta{margin-top:10px}.hero-grid,.page-hero-grid,.split,.contact-grid,.cta-band{grid-template-columns:1fr}.hero-visual{max-width:560px}.cards,.project-grid{grid-template-columns:1fr 1fr}.process-grid,.stats{grid-template-columns:1fr 1fr}.cta-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.floating-call{display:none}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:999}.mobile-actions a{padding:14px;text-align:center;font-weight:850;background:var(--navy-deep);color:#fff}.mobile-actions a:last-child{background:var(--blue)}body{padding-bottom:52px}}
@media(max-width:650px){.container{width:min(100% - 28px,var(--max))}.hero{padding:76px 0 66px}.hero-grid{gap:38px}.hero-card{transform:none}.hero-float{position:static;margin-top:10px}.cards,.project-grid,.process-grid,.stats,.form,.footer-grid{grid-template-columns:1fr}.form .full{grid-column:auto}.page-hero{padding:62px 0}.page-hero-grid{gap:34px}section{padding:68px 0}.cta-band{padding:34px 25px}.footer-bottom{flex-direction:column}.gallery-side{grid-template-columns:1fr}.nav-cta{display:flex}.trust-row{gap:10px 16px}}


/* V4 refinement: compact header, stronger service overview, legal pages and direct-call elements */
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{display:block;object-fit:contain}
.floating-call{display:inline-flex;align-items:center;justify-content:center;border-radius:8px}
.hero-float{display:block;text-decoration:none;transition:.2s}
.hero-float:hover{background:var(--navy-deep);transform:translateY(-2px)}
.hero-float small{margin-top:2px}

.service-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service-index article{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);padding:34px 34px 30px;box-shadow:var(--shadow-sm);transition:.22s}
.service-index article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--blue)}
.service-index article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.service-index article h3{font-size:1.55rem;margin:0 0 12px;color:var(--navy)}
.service-index article p{color:var(--muted)}
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.tag-list span{border:1px solid #cdd9e4;background:#f8fbfd;padding:7px 10px;font-size:.78rem;font-weight:750;color:#30465d}
.service-index .card-link{display:inline-flex;align-items:center;gap:9px;margin-top:4px}
.service-index .card-link:after{content:"→";transition:.2s}
.service-index article:hover .card-link:after{transform:translateX(4px)}
.seo-copy{max-width:920px}
.seo-copy p{color:var(--muted)}
.seo-copy h2{margin-top:0}
.seo-copy h3{font-size:1.25rem;margin-top:28px;color:var(--navy)}

.legal-shell{max-width:1080px}
.legal-intro{max-width:760px;margin-bottom:34px;color:var(--muted);font-size:1.04rem}
.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.legal-card{background:#fff;border:1px solid var(--line);padding:30px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.legal-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--blue)}
.legal-card.dark{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep)}
.legal-card.dark:before{background:var(--blue-bright)}
.legal-card.wide{grid-column:1/-1}
.legal-card h2{font-size:1.35rem;margin:0 0 16px}
.legal-card h3{font-size:1.05rem;margin:22px 0 8px}
.legal-card p,.legal-card li{color:var(--muted)}
.legal-card.dark p,.legal-card.dark li{color:#d6e1ec}
.legal-card a{color:var(--blue);font-weight:750}
.legal-card.dark a{color:#8acbfa}
.legal-data{display:grid;gap:0}
.legal-row{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:14px 0;border-top:1px solid var(--line)}
.legal-row:first-child{border-top:0;padding-top:0}
.legal-row strong{color:var(--navy)}
.legal-note{margin-top:18px;background:var(--sky);border-left:4px solid var(--blue);padding:15px 17px;color:#35506a}

.form-file-note{font-size:.8rem;color:var(--muted);font-weight:500}
.form input[type=file]{padding:10px;background:#f8fafc}

@media(max-width:980px){
  .topbar{top:0}
  .nav{min-height:68px}
  .brand img{width:138px;height:42px}
  .nav-toggle{font-size:.88rem;font-weight:800}
  .service-index,.legal-grid{grid-template-columns:1fr}
  .legal-card.wide{grid-column:auto}
}
@media(max-width:650px){
  .topbar{position:sticky}
  .nav{min-height:62px;gap:14px}
  .brand img{width:126px;height:38px;padding:0}
  .nav-toggle{padding:7px 10px}
  .hero{padding-top:58px}
  .hero-float{width:100%;right:auto;text-align:left}
  .service-index article{padding:27px 24px 24px}
  .legal-row{grid-template-columns:1fr;gap:5px}
  .legal-card{padding:25px 22px}
}

/* V5 — GATA engineering design system: distinct from ITForma, inspired by premium building technology */
:root{--grid-line:rgba(255,255,255,.085);--technical:#87c9f5}
.home-premium .hero{min-height:690px;padding:112px 0 98px;background:var(--navy-deep);isolation:isolate}
.home-premium .hero:before{z-index:-2;background:linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(var(--grid-line) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,rgba(0,0,0,.2),#000)}
.home-premium .hero:after{content:"";position:absolute;z-index:-1;width:720px;height:720px;border:1px solid rgba(135,201,245,.18);border-radius:50%;right:-260px;top:-90px;box-shadow:0 0 0 90px rgba(135,201,245,.035),0 0 0 180px rgba(135,201,245,.02)}
.hero-side-label{position:absolute;left:20px;top:50%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;font-size:.66rem;letter-spacing:.26em;color:#89a8c3;font-weight:800;white-space:nowrap}
.home-premium .hero-grid{grid-template-columns:1.05fr .95fr;gap:96px}
.home-premium .hero h1{max-width:760px;font-size:clamp(3.15rem,6vw,5.8rem);font-weight:720;letter-spacing:-.055em}
.home-premium .hero p{max-width:680px}
.home-premium .hero-actions .btn{border-radius:0;padding:15px 23px}
.home-premium .trust-row{border-top:1px solid rgba(255,255,255,.16);padding-top:22px;margin-top:38px}
.technical-frame{position:relative;border:1px solid rgba(255,255,255,.28);min-height:410px;padding:22px;background:rgba(5,26,56,.36);backdrop-filter:blur(8px)}
.technical-frame:before,.technical-frame:after{content:"";position:absolute;width:38px;height:38px;border-color:var(--technical)}
.technical-frame:before{left:-1px;top:-1px;border-left:3px solid;border-top:3px solid}.technical-frame:after{right:-1px;bottom:-1px;border-right:3px solid;border-bottom:3px solid}
.technical-frame-top{display:flex;justify-content:space-between;color:#9ebcd6;font-size:.62rem;letter-spacing:.18em;font-weight:800}
.technical-core{height:310px;display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:24px}
.technical-mark{font-size:9rem;line-height:1;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(135,201,245,.75);text-align:center}
.technical-copy{border-left:1px solid rgba(255,255,255,.24);padding-left:28px}.technical-copy strong{display:block;font-size:1.55rem;line-height:1.2}.technical-copy span{display:block;color:#a9c8df;font-size:.75rem;letter-spacing:.1em;margin-top:16px}
.technical-scale{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;align-items:end;height:28px}.technical-scale i{display:block;border-left:1px solid #6faed8;height:12px}.technical-scale i:nth-child(2n){height:24px}
.home-premium .hero-float{right:-26px;bottom:-28px;background:#fff;color:var(--navy-deep);padding:16px 20px;border-left:5px solid var(--blue);min-width:230px}.home-premium .hero-float span{display:block;font-size:.63rem;letter-spacing:.13em;color:var(--muted)}.home-premium .hero-float strong{display:block;margin-top:3px;font-size:1.05rem}

.services-editorial{padding:110px 0}.services-editorial .section-head{display:grid;grid-template-columns:.72fr 1.28fr;max-width:none;align-items:end;gap:70px;border-bottom:1px solid var(--line);padding-bottom:34px}.services-editorial .section-head .eyebrow{grid-column:1}.services-editorial .section-head h2{grid-column:1;margin-top:4px}.services-editorial .section-head p{grid-column:2;grid-row:1/3;margin:0;max-width:620px;justify-self:end}
.service-lines{counter-reset:service;display:grid;border-top:1px solid var(--line)}
.service-line{display:grid;grid-template-columns:84px 1fr 50px;gap:24px;align-items:start;padding:33px 10px 33px 0;border-bottom:1px solid var(--line);position:relative;transition:.25s;background:linear-gradient(90deg,transparent,transparent)}
.service-line:hover{padding-left:18px;background:linear-gradient(90deg,var(--sky),transparent 72%)}
.service-no{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--blue);font-size:.85rem;letter-spacing:.08em;padding-top:5px}
.service-line-main{display:grid;grid-template-columns:.55fr 1.2fr .95fr;gap:34px;align-items:start}.service-line-main h3{font-size:1.55rem;color:var(--navy);margin:0}.service-line-main p{color:var(--muted);margin:0}.service-line-main ul{margin:0;padding-left:18px;color:var(--muted);font-size:.88rem}.service-line-main .card-link{grid-column:1;margin-top:12px}.service-arrow{font-size:1.5rem;color:var(--blue);transition:.2s}.service-line:hover .service-arrow{transform:translate(5px,-5px)}

.blueprint-section{background:var(--sky);position:relative;overflow:hidden}.blueprint-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,43,95,.045) 1px,transparent 1px),linear-gradient(rgba(8,43,95,.045) 1px,transparent 1px);background-size:40px 40px}.blueprint-section .container{position:relative}.blueprint-section .checks{border-top:1px solid rgba(8,43,95,.16);padding-top:22px}.system-visual{min-height:440px;background:var(--navy-deep);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:45px;position:relative;overflow:hidden}.system-visual:after{content:"";position:absolute;inset:28px;border:1px solid rgba(255,255,255,.15)}.system-ring{width:180px;height:180px;border:1px solid #5c9ccd;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 30px rgba(92,156,205,.08),0 0 0 60px rgba(92,156,205,.04);z-index:1}.system-ring span{font-size:3rem;font-weight:300;color:#a7dafb}.system-lines{display:grid;gap:22px;z-index:1}.system-lines b{font-size:.72rem;letter-spacing:.16em;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:10px;color:#c7dbea}

.process-rail{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.process-rail:before{content:"";position:absolute;left:6%;right:6%;top:31px;height:1px;background:var(--line)}.process-stop{counter-increment:step;background:transparent;padding:0 30px 10px 0;position:relative}.process-stop:before{content:counter(step,decimal-leading-zero);width:62px;height:62px;background:#fff;border:1px solid var(--blue);color:var(--blue);display:grid;place-items:center;font-weight:900;position:relative;z-index:1;margin-bottom:28px}.process-stop h3{font-size:1.22rem}.process-stop p{color:var(--muted);font-size:.94rem}

.project-editorial{background:var(--paper)}.project-strips{display:grid;gap:0;border-top:1px solid var(--line)}.project-strip{display:grid;grid-template-columns:60px 1fr 1.15fr;align-items:stretch;border-bottom:1px solid var(--line);background:#fff;transition:.22s;box-shadow:none}.project-strip:hover{transform:none;background:var(--sky)}.project-index{font-size:.75rem;color:var(--blue);font-weight:900;padding:28px 0 0 18px}.project-strip .project-image{min-height:220px}.project-strip .project-content{padding:34px 38px;display:flex;flex-direction:column;justify-content:center}.project-strip .project-content h3{font-size:1.55rem}

.cta-engineering{background:var(--navy-deep);color:#fff;padding:54px 56px;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;position:relative;overflow:hidden}.cta-engineering:before{content:"GATA";position:absolute;right:20px;bottom:-46px;font-size:8rem;font-weight:900;color:rgba(255,255,255,.035);letter-spacing:-.08em}.cta-engineering p{color:#dce8f4}.cta-engineering .cta-actions{justify-content:flex-end}

/* Global GATA details: sharper, architectural, less card-based */
.home-premium .btn,.home-premium .nav-cta{border-radius:0}.home-premium .card,.home-premium .project-card{border-radius:0}.home-premium .faq details{border-left:3px solid transparent}.home-premium .faq details[open]{border-left-color:var(--blue)}

@media(max-width:1100px){.hero-side-label{display:none}.service-line-main{grid-template-columns:1fr 1fr}.service-line-main ul{grid-column:2}.service-line-main .card-link{grid-column:1}.home-premium .hero-grid{gap:50px}}
@media(max-width:980px){.home-premium .hero{min-height:auto}.services-editorial .section-head{grid-template-columns:1fr;gap:12px}.services-editorial .section-head p{grid-column:1;grid-row:auto;justify-self:start}.service-line-main{grid-template-columns:1fr 1fr}.process-rail{grid-template-columns:1fr 1fr;gap:34px}.process-rail:before{display:none}.project-strip{grid-template-columns:50px 1fr}.project-strip .project-content{grid-column:2}.cta-engineering{grid-template-columns:1fr}.cta-engineering .cta-actions{justify-content:flex-start}}
@media(max-width:650px){.home-premium .hero{padding:70px 0}.home-premium .hero-grid{gap:46px}.technical-frame{min-height:330px}.technical-core{height:235px;grid-template-columns:1fr}.technical-mark{font-size:5rem}.technical-copy{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:18px 0 0}.home-premium .hero-float{position:static;margin-top:12px}.services-editorial{padding:76px 0}.service-line{grid-template-columns:42px 1fr 28px;gap:10px;padding:27px 0}.service-line-main{grid-template-columns:1fr;gap:10px}.service-line-main ul,.service-line-main .card-link{grid-column:1}.service-line-main h3{font-size:1.3rem}.system-visual{min-height:390px;grid-template-columns:1fr;padding:42px}.system-ring{width:130px;height:130px}.process-rail{grid-template-columns:1fr}.project-strip{grid-template-columns:42px 1fr}.project-strip .project-image,.project-strip .project-content{grid-column:2}.project-strip .project-content{padding:26px}.cta-engineering{padding:38px 26px}}


/* v5.1 preview polish */
.service-intro{max-width:none;display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1.65fr);column-gap:54px;align-items:start;margin-bottom:52px}
.service-intro .eyebrow{grid-column:1;grid-row:1;padding-top:12px}
.service-intro h2{grid-column:2;grid-row:1;max-width:900px;margin:0;font-size:clamp(2.35rem,4.3vw,4.2rem);line-height:1.04}
.service-intro p{grid-column:2;grid-row:2;max-width:760px;margin:20px 0 0;color:var(--muted)}

.lightbox-trigger{position:relative;display:block;overflow:hidden;background:#e7eef4;cursor:zoom-in;min-height:220px;border-bottom:1px solid var(--line)}
.lightbox-trigger img{width:100%;height:100%;min-height:220px;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.lightbox-trigger:hover img{transform:scale(1.025);filter:saturate(1.05)}
.feature-image{min-height:430px;border:1px solid var(--line)}
.feature-image img{min-height:430px}
.image-zoom-label{position:absolute;right:16px;bottom:16px;background:rgba(5,26,56,.88);color:#fff;padding:8px 11px;font-size:.72rem;font-weight:800;letter-spacing:.03em;opacity:0;transform:translateY(6px);transition:.2s}
.lightbox-trigger:hover .image-zoom-label{opacity:1;transform:none}

.image-lightbox{position:fixed;inset:0;z-index:5000;background:rgba(3,14,30,.94);display:none;align-items:center;justify-content:center;padding:32px}
.image-lightbox.open{display:flex}
.image-lightbox img{max-width:min(1400px,94vw);max-height:90vh;width:auto;height:auto;object-fit:contain;box-shadow:0 30px 100px rgba(0,0,0,.45)}
.image-lightbox-close{position:fixed;right:24px;top:20px;width:48px;height:48px;border:1px solid rgba(255,255,255,.45);background:rgba(5,26,56,.7);color:#fff;font-size:1.7rem;cursor:pointer}

.nav-cta:hover,.nav-cta:focus,.btn-primary:hover,.btn-primary:focus{background:#0d4f8c;color:#fff}
.btn-light:hover,.btn-light:focus{background:#eaf4fb;color:#082b5f}
.btn-outline:hover,.btn-outline:focus{background:#eaf4fb;border-color:#1671c9;color:#082b5f}
.btn-outline-light:hover,.btn-outline-light:focus{background:#fff;color:#082b5f;border-color:#fff}

.project-strips .lightbox-trigger{min-height:240px;border-bottom:0}
.project-strips .lightbox-trigger img{min-height:240px}

@media(max-width:900px){.service-intro{grid-template-columns:1fr;gap:10px}.service-intro .eyebrow,.service-intro h2,.service-intro p{grid-column:1;grid-row:auto}.service-intro h2{font-size:clamp(2.15rem,8vw,3.4rem)}.feature-image,.feature-image img{min-height:330px}}
@media(max-width:650px){.image-zoom-label{opacity:1;transform:none;font-size:.68rem}.image-lightbox{padding:14px}.image-lightbox-close{right:12px;top:12px}}

/* GATA v6 Markenstrategie */
.page-hero{background:linear-gradient(135deg,#052b63,#0a4b8f);color:#fff;padding:88px 0 72px}.page-hero h1{max-width:900px;margin:.4rem 0 1rem}.page-hero p{max-width:780px;font-size:1.15rem;line-height:1.75;opacity:.94}.statement-panel{background:#052b63;color:#fff;border-radius:24px;padding:42px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.statement-panel p{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.15;font-weight:800;margin:0 0 16px}.statement-panel span{line-height:1.7;opacity:.9}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.package-card h2{font-size:1.45rem}.package-card .btn{margin-top:14px}.note-panel{margin-top:32px;border:1px solid rgba(5,43,99,.18);background:#f5f8fc;border-radius:18px;padding:22px;display:flex;gap:10px;flex-direction:column}.project-card .project-content p{line-height:1.7}.nav-cta{transform:none!important}.nav-cta:hover{transform:none!important}.project-image{height:260px;display:block;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.project-grid{align-items:stretch}.project-card{height:100%}@media(max-width:980px){.package-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.page-hero{padding:62px 0 50px}.package-grid{grid-template-columns:1fr}.statement-panel{padding:28px}.project-image{height:220px}}


/* v6.1 strategy, conversion and mobile quality pass */
.home-strategy{overflow-x:hidden}
.home-strategy .hero{padding:96px 0 86px}
.home-strategy .hero-grid>*{min-width:0}
.home-strategy .hero-copy{max-width:760px}
.home-strategy .hero h1{font-size:clamp(3.25rem,5.15vw,5.15rem);line-height:1.01;max-width:820px;overflow-wrap:normal;hyphens:manual}
.home-strategy .hero-promise{font-size:1.35rem;margin:0 0 4px;color:#fff}
.home-strategy .hero-copy>p:not(.hero-promise){max-width:680px}
.home-strategy .hero-actions .btn{min-height:52px;padding:13px 22px;white-space:normal;text-align:center}
.strategy-card{transform:none;border-top:5px solid var(--blue-bright);padding:0;background:#fff}
.strategy-card-head{display:flex;justify-content:space-between;align-items:end;padding:24px 25px;border-bottom:1px solid var(--line);color:var(--navy)}
.strategy-card-head span{font-size:2rem;font-weight:950;letter-spacing:-.06em}.strategy-card-head small{color:var(--muted);font-weight:750}
.strategy-list{display:grid}.strategy-list a{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:18px 25px;border-bottom:1px solid var(--line);color:var(--ink);transition:.2s}
.strategy-list a:hover{background:var(--sky)}.strategy-list b{color:var(--blue);font-size:.78rem}.strategy-list strong,.strategy-list small{display:block}.strategy-list small{color:var(--muted);margin-top:3px}
.strategy-card>p{margin:0;padding:20px 25px!important;background:var(--navy-deep);color:#fff!important;font-weight:850;font-size:1rem!important}
.brand-intro,.seo-local-section{background:#fff}.editorial-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}.editorial-copy p{color:var(--muted);margin:0 0 18px}.editorial-copy a{color:var(--navy);font-weight:780;text-decoration:underline;text-decoration-color:#9fc9eb;text-underline-offset:4px}
.specialization-list{border-top:1px solid var(--line)}.specialization-row{display:grid;grid-template-columns:64px minmax(0,1fr) 230px;gap:28px;align-items:start;padding:38px 0;border-bottom:1px solid var(--line)}
.specialization-no{color:var(--blue);font-weight:900}.specialization-row h3{font-size:1.65rem;margin:0 0 9px}.specialization-row p,.specialization-row li{color:var(--muted)}.specialization-row ul{display:flex;gap:9px 22px;flex-wrap:wrap;padding:0;margin:17px 0 0;list-style:none;font-size:.87rem}.specialization-row li:before{content:'—';color:var(--blue);margin-right:7px}.specialization-row>a{align-self:center;color:var(--navy);font-weight:850;border-bottom:1px solid var(--line);padding:12px 0}.specialization-row>a span{float:right;color:var(--blue)}
.customer-value{background:var(--navy-deep);color:#fff}.customer-value .lead{color:#c9d9e9}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.16)}.value-grid article{background:var(--navy-deep);padding:28px}.value-grid b{color:#76c3f4;font-size:.78rem}.value-grid h3{margin:10px 0 6px}.value-grid p{color:#c9d9e9;margin:0;font-size:.92rem}
.package-list{display:grid;border-top:1px solid #cbdbe8}.package-list a{display:grid;grid-template-columns:52px minmax(180px,.55fr) 1fr 26px;gap:20px;align-items:center;padding:22px 10px;border-bottom:1px solid #cbdbe8;transition:.2s}.package-list a:hover{background:#fff}.package-list span{color:var(--blue);font-weight:900}.package-list strong{font-size:1.12rem;color:var(--navy)}.package-list small{color:var(--muted)}.package-list b{color:var(--blue);font-size:1.2rem}
.small-project-section{background:linear-gradient(125deg,var(--navy-deep),var(--navy));color:#fff}.small-project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.small-project-grid p{color:#d4e2ef;font-size:1.08rem}.text-link-light{display:inline-block;color:#fff;font-weight:850;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:5px;margin-top:10px}
.refined-process{counter-reset:none}.refined-process article{background:#fff;padding:30px;border-top:3px solid transparent}.refined-process article:hover{border-top-color:var(--blue)}.refined-process article:before{display:none}.refined-process span{font-weight:900;color:var(--blue);font-size:.8rem}.refined-process h3{margin:20px 0 8px}.refined-process p{color:var(--muted);margin:0}
.reference-preview .project-content{display:flex;flex-direction:column;min-height:330px}.reference-preview .project-content p{margin-bottom:0}.section-action{margin-top:28px}.seo-local-section{border-top:1px solid var(--line)}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.faq-layout>div:first-child{position:sticky;top:130px}.faq-layout>div:first-child p{color:var(--muted)}
.final-contact{scroll-margin-top:100px}.contact-note{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);font-size:.86rem}.consent-hint{font-size:.75rem;color:var(--muted);line-height:1.5}.consent-hint a{text-decoration:underline}
/* Contact vs inquiry are visually distinct */
.nav-links>a[href="kontakt.html"]{color:var(--ink)}.nav-cta{background:var(--blue);color:#fff!important;border:1px solid var(--blue);padding:11px 15px}.nav-cta:after{display:none!important}.nav-cta:hover{background:transparent!important;color:var(--blue)!important;border-color:var(--blue)}
/* Fixed mobile action bar: never collide with page buttons */
.mobile-actions{height:64px;padding:6px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);gap:6px}.mobile-actions a{display:flex;align-items:center;justify-content:center;border-radius:5px;padding:9px 10px!important}.mobile-actions a:first-child{background:var(--navy-deep)}.mobile-actions a:last-child{background:var(--blue)}

@media(max-width:1100px){
 .home-strategy .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);gap:38px}
 .home-strategy .hero h1{font-size:clamp(3rem,5.4vw,4.45rem)}
 .editorial-grid{gap:48px}.specialization-row{grid-template-columns:48px minmax(0,1fr) 190px}
}
@media(max-width:980px){
 body{padding-bottom:76px}
 .home-strategy .hero{padding:70px 0 60px}
 .home-strategy .hero-grid{grid-template-columns:1fr;gap:42px}
 .home-strategy .hero-copy{max-width:none}.home-strategy .hero-visual{max-width:680px;width:100%}
 .editorial-grid,.small-project-grid,.faq-layout{grid-template-columns:1fr;gap:34px}
 .faq-layout>div:first-child{position:static}.specialization-row{grid-template-columns:45px minmax(0,1fr)}.specialization-row>a{grid-column:2;width:min(100%,340px)}
 .value-split{grid-template-columns:1fr}.package-list a{grid-template-columns:42px minmax(160px,.55fr) 1fr 22px}
 .reference-preview .project-content{min-height:auto}
}
@media(max-width:650px){
 .container{width:calc(100% - 32px)}
 .topbar .nav{min-height:76px}.brand img{width:126px;height:44px}.nav-toggle{font-size:1rem;padding:9px 12px}
 .nav-links{top:76px;max-height:calc(100vh - 76px);overflow-y:auto}
 .home-strategy .hero{padding:54px 0 46px}
 .home-strategy .hero:before{opacity:.5}
 .home-strategy .hero h1{font-size:clamp(2.25rem,11.3vw,3rem);line-height:1.04;letter-spacing:-.045em;margin:12px 0 20px;max-width:100%;overflow-wrap:break-word}
 .home-strategy .hero-promise{font-size:1.08rem;line-height:1.45}
 .home-strategy .hero-copy>p:not(.hero-promise){font-size:1rem;line-height:1.65}
 .home-strategy .hero-actions{display:grid;grid-template-columns:1fr;margin-top:25px}
 .home-strategy .hero-actions .btn{width:100%;min-height:50px;padding:11px 14px}
 .trust-row{display:grid;grid-template-columns:1fr;gap:7px;margin-top:24px}.trust-row span{font-size:.82rem}
 .hero-visual{display:block}.strategy-card-head{padding:20px}.strategy-list a{padding:16px 20px}.strategy-card>p{padding:16px 20px!important}
 section{padding:62px 0}.service-intro{margin-bottom:32px}.service-intro h2{font-size:2.15rem;line-height:1.08}
 .editorial-grid{gap:24px}.editorial-grid h2{font-size:2rem}
 .specialization-row{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:30px 0}.specialization-row h3{font-size:1.38rem}.specialization-row ul{display:block}.specialization-row li{margin:7px 0}.specialization-row>a{grid-column:2;font-size:.9rem}
 .value-grid{grid-template-columns:1fr}.value-grid article{padding:24px}
 .package-list a{grid-template-columns:34px minmax(0,1fr) 20px;gap:10px;padding:19px 4px}.package-list small{grid-column:2;font-size:.82rem}.package-list b{grid-column:3;grid-row:1/3}
 .small-project-grid{gap:20px}.small-project-grid h2{font-size:2.05rem}
 .refined-process{grid-template-columns:1fr}.project-image{height:210px}.project-card:hover,.card:hover{transform:none}
 .faq summary{padding:18px 45px 18px 17px;font-size:.94rem}.faq-answer{padding:0 17px 18px}.faq-answer p{padding:0}
 .contact-card,.form{padding:24px 20px}.contact-card h2{font-size:2rem}.form{grid-template-columns:1fr}.form .full{grid-column:1}
 .footer{padding-bottom:34px}.footer-grid{gap:30px}.mobile-actions{display:grid!important;grid-template-columns:.78fr 1.22fr;z-index:3000}
 .floating-call{display:none!important}
}
@media(max-width:380px){
 .home-strategy .hero h1{font-size:2.08rem}.container{width:calc(100% - 24px)}
 .strategy-list a{grid-template-columns:30px 1fr;padding:14px 15px}.strategy-card-head{padding:17px 15px}
}

.image-unavailable:after{content:'Projektansicht';display:grid;place-items:center;width:100%;height:100%;min-height:210px;color:var(--navy);font-weight:850;background:linear-gradient(135deg,#eaf2f8,#f8fafc)}

/* Interaktive Vorher-/Nachher-Referenzen */
.comparison-section{background:#f4f7fa;border-top:1px solid var(--line)}
.comparison-intro{max-width:820px;margin-bottom:38px}
.comparison-intro p{color:var(--muted);font-size:1.04rem}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.comparison-card{background:#fff;border:1px solid #d8e2eb;box-shadow:0 16px 45px rgba(5,43,99,.08)}
.comparison-media{position:relative;overflow:hidden;aspect-ratio:4/3;background:#dfe8ef;touch-action:none;user-select:none;cursor:ew-resize}
.comparison-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.comparison-after{clip-path:inset(0 0 0 var(--comparison,50%))}
.comparison-divider{position:absolute;top:0;bottom:0;left:var(--comparison,50%);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(5,43,99,.18);transform:translateX(-50%);pointer-events:none}
.comparison-handle{position:absolute;left:var(--comparison,50%);top:50%;width:48px;height:48px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;color:var(--navy);display:grid;place-items:center;font-size:1.3rem;font-weight:900;box-shadow:0 8px 26px rgba(5,26,56,.28);pointer-events:none}
.comparison-label{position:absolute;top:15px;z-index:3;background:rgba(3,20,43,.9);color:#fff;border-radius:5px;padding:7px 10px;font-size:.72rem;font-weight:900;letter-spacing:.05em}
.comparison-label.before{left:15px}.comparison-label.after{right:15px}
.comparison-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.comparison-content{padding:22px 23px 25px}
.comparison-content .project-tag{display:block;margin-bottom:8px}
.comparison-content h2,.comparison-content h3{margin:0 0 9px;color:var(--navy)}
.comparison-content p{margin:0;color:var(--muted);line-height:1.65}
.comparison-help{display:flex;align-items:center;gap:9px;margin-top:14px;color:var(--muted);font-size:.78rem;font-weight:700}
.comparison-help:before{content:'↔';color:var(--blue);font-size:1.05rem}
@media(max-width:820px){.comparison-grid{grid-template-columns:1fr}.comparison-card{max-width:680px;width:100%;margin:auto}}
@media(max-width:520px){.comparison-media{aspect-ratio:1/1}.comparison-handle{width:42px;height:42px}.comparison-label{top:10px;padding:6px 8px}.comparison-label.before{left:10px}.comparison-label.after{right:10px}.comparison-content{padding:19px}}

/* GATA Fotobibliothek */
.photo-showcase{background:#fff}.photo-showcase.soft{background:var(--paper)}
.photo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.photo-card{grid-column:span 4;margin:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden}
.photo-card:nth-child(4n+1){grid-column:span 6}.photo-card:nth-child(4n+2){grid-column:span 6}
.photo-lightbox-trigger{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden;aspect-ratio:4/3}
.photo-lightbox-trigger img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.photo-lightbox-trigger:hover img{transform:scale(1.025)}
.photo-card figcaption{padding:17px 18px 20px}.photo-card figcaption span{display:block;color:var(--blue);font-size:.69rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850;margin-bottom:5px}.photo-card figcaption strong{display:block;color:var(--navy);line-height:1.35}
.photo-lightbox{position:fixed;inset:0;z-index:3000;background:rgba(2,14,31,.94);display:none;align-items:center;justify-content:center;padding:28px}.photo-lightbox.open{display:flex}.photo-lightbox img{max-width:min(1400px,94vw);max-height:88vh;object-fit:contain}.photo-lightbox button{position:absolute;right:24px;top:20px;background:#fff;color:var(--navy);border:0;width:44px;height:44px;border-radius:50%;font-size:1.4rem;cursor:pointer}
@media(max-width:900px){.photo-card,.photo-card:nth-child(n){grid-column:span 6}}
@media(max-width:600px){.photo-grid{grid-template-columns:1fr}.photo-card,.photo-card:nth-child(n){grid-column:1}.photo-lightbox-trigger{aspect-ratio:4/3}}

/* Final premium image, project and card system */
.hero-panel{overflow:hidden}.hero-panel-image{height:190px;margin:-1px -1px 0}.hero-panel-image img{width:100%;height:100%;object-fit:cover;display:block}
.photo-grid{align-items:stretch}.photo-card{display:flex;flex-direction:column;height:100%;background:#fff}.photo-card .photo-lightbox-trigger{height:330px;display:block}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-card figcaption{display:flex;flex-direction:column;gap:8px;flex:1;padding:20px}.photo-card figcaption p{margin:0;color:var(--muted);line-height:1.6;font-size:.94rem}
.real-projects-section{background:#f4f7fa}.real-project{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.65fr);gap:36px;padding:38px 0;border-top:1px solid #d7e1ea}.real-project:first-of-type{border-top:0}.real-project-copy h3{font-size:clamp(1.45rem,2.3vw,2.1rem);margin:8px 0 16px}.real-project-copy p{color:var(--muted);line-height:1.68}.real-project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.real-project-gallery button,.real-teaser-grid button{border:0;padding:0;background:none;cursor:zoom-in;overflow:hidden}.real-project-gallery img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .35s ease}.real-project-gallery button:first-child{grid-column:span 2}.real-project-gallery button:first-child img{height:300px}.real-project-gallery button:hover img,.real-teaser-grid button:hover img{transform:scale(1.025)}
.real-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.real-teaser-grid img{width:100%;height:285px;object-fit:cover;display:block;transition:transform .35s ease}.real-projects-teaser .section-action{text-align:center;margin-top:28px}
@media(max-width:900px){.real-project{grid-template-columns:1fr}.real-project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.real-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card .photo-lightbox-trigger{height:280px}}
@media(max-width:560px){.hero-panel-image{height:145px}.real-project-gallery,.real-teaser-grid{grid-template-columns:1fr}.real-project-gallery button:first-child{grid-column:auto}.real-project-gallery img,.real-project-gallery button:first-child img,.real-teaser-grid img{height:260px}.photo-card .photo-lightbox-trigger{height:250px}}


/* Final refinement: calm, uniform project and content presentation */
.real-project-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:230px;align-items:stretch}
.real-project-gallery button,.real-project-gallery button:first-child{grid-column:auto;height:230px}
.real-project-gallery img,.real-project-gallery button:first-child img{height:100%!important;width:100%;object-fit:cover}
.real-teaser-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.real-teaser-grid button{height:285px}
.real-teaser-grid img{height:100%;width:100%;object-fit:cover}
.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.photo-card,.photo-card:nth-child(n){grid-column:auto!important;min-width:0}
.photo-card .photo-lightbox-trigger{height:360px}
.photo-card figcaption{min-height:265px}
.photo-card figcaption strong{font-size:1.04rem}
.card-more{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}
.card-more summary{cursor:pointer;color:var(--blue);font-weight:800;font-size:.88rem;list-style:none}
.card-more summary::-webkit-details-marker{display:none}
.card-more summary:after{content:' +';font-weight:900}
.card-more[open] summary:after{content:' –'}
.card-more p{margin-top:10px!important;font-size:.9rem!important}
.deep-content-section{padding-top:82px;padding-bottom:82px}
.deep-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.deep-content-card{background:#fff;border:1px solid var(--line);padding:28px;box-shadow:var(--shadow-sm)}
.deep-content-card h3{margin:0 0 12px;color:var(--navy);font-size:1.25rem}
.deep-content-card p{margin:0;color:var(--muted);line-height:1.75}
.single-feature-section{padding:78px 0;background:#fff}
.single-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:42px;align-items:center}
.single-feature-media{height:520px;overflow:hidden}
.single-feature-media button{border:0;padding:0;width:100%;height:100%;background:none;cursor:zoom-in}
.single-feature-media img{width:100%;height:100%;object-fit:cover}
.single-feature-copy p{color:var(--muted);line-height:1.8;font-size:1.03rem}
@media(max-width:900px){.deep-content-grid{grid-template-columns:1fr}.single-feature{grid-template-columns:1fr}.single-feature-media{height:380px}.real-project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid{grid-template-columns:1fr}.photo-card .photo-lightbox-trigger{height:320px}.photo-card figcaption{min-height:0}}
@media(max-width:560px){.real-project-gallery{grid-template-columns:1fr;grid-auto-rows:250px}.real-project-gallery button,.real-project-gallery button:first-child{height:250px}.real-teaser-grid{grid-template-columns:1fr}.real-teaser-grid button{height:260px}.photo-card .photo-lightbox-trigger{height:260px}.single-feature-media{height:300px}}


/* Final navigation and SEO content refinement */
.topbar{background:#fff!important;background-color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 8px 24px rgba(5,26,56,.08);border-bottom:1px solid #dbe4ec!important}
.topbar .nav{min-height:84px}
.topbar .brand{flex:0 0 auto}
.topbar .brand img{width:155px;height:50px;object-fit:contain;background:#fff}
.nav-links{gap:18px;white-space:nowrap}
.nav-links>a,.dropdown-toggle{font-size:.86rem}
.nav-cta{display:inline-flex!important;visibility:visible!important;opacity:1!important;background:#0878df!important;color:#fff!important;border-color:#0878df!important;padding:12px 17px!important;min-width:142px;white-space:nowrap}
.nav-cta:hover,.nav-cta:focus{background:#052b63!important;color:#fff!important;border-color:#052b63!important}
.seo-content-section{padding:88px 0;background:#fff;border-top:1px solid var(--line)}
.seo-content-section.soft{background:#f5f8fb}
.seo-content-intro{max-width:880px;margin-bottom:42px}
.seo-content-intro h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:.45rem 0 1.1rem;color:var(--ink)}
.seo-content-intro p{color:var(--muted);font-size:1.06rem;line-height:1.8}
.seo-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.seo-copy-card{border:1px solid var(--line);background:#fff;padding:30px;box-shadow:0 10px 34px rgba(5,43,99,.05)}
.seo-content-section:not(.soft) .seo-copy-card{background:#f8fafc}
.seo-copy-card h3{margin:0 0 13px;color:var(--navy);font-size:1.32rem}
.seo-copy-card p{margin:0 0 14px;color:var(--muted);line-height:1.78}
.seo-copy-card p:last-child{margin-bottom:0}
.seo-link-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.seo-link-row a{display:inline-flex;padding:10px 14px;border:1px solid var(--line);color:var(--navy);font-weight:800;background:#fff}
.seo-link-row a:hover{border-color:var(--blue);color:var(--blue)}
.local-service-list{columns:2;column-gap:36px;margin:0;padding-left:20px;color:var(--muted)}
.local-service-list li{break-inside:avoid;margin:0 0 10px}
@media(max-width:1120px){.nav-links{gap:13px}.nav-links>a,.dropdown-toggle{font-size:.82rem}.topbar .brand img{width:138px}.nav-cta{min-width:128px;padding:11px 13px!important}}
@media(max-width:980px){.topbar .brand img{width:148px}.nav-links{white-space:normal}.nav-cta{width:100%;min-width:0}.seo-copy-grid{grid-template-columns:1fr}}
@media(max-width:600px){.seo-content-section{padding:66px 0}.seo-copy-card{padding:23px}.local-service-list{columns:1}}


/* Final brand, privacy and WhatsApp refinement */
.topbar .brand{display:flex;align-items:center;min-width:210px}
.topbar .brand img{width:205px!important;height:68px!important;object-fit:contain!important;background:transparent!important;padding:0!important}
.footer{position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;right:-140px;top:-180px;width:420px;height:420px;border:1px solid rgba(255,255,255,.055);border-radius:50%}
.footer-grid{position:relative;z-index:1}
.footer-logo{width:230px!important;height:auto!important;max-height:120px;object-fit:contain;background:transparent!important;padding:0!important;margin-bottom:20px;filter:none!important}
.footer-grid>div:first-child{max-width:480px}
.footer-grid>div:first-child p{font-size:1rem;line-height:1.75;max-width:455px}
.footer-whatsapp{color:#9ee6ba!important;font-weight:800}
.btn-whatsapp,.floating-whatsapp,.mobile-whatsapp{background:#168b4b!important;color:#fff!important;border-color:#168b4b!important}
.btn-whatsapp:hover,.floating-whatsapp:hover,.mobile-whatsapp:hover{background:#0d6e3a!important;color:#fff!important}
.floating-whatsapp{position:fixed;right:20px;bottom:78px;z-index:901;padding:13px 17px;border-radius:8px;font-weight:850;box-shadow:var(--shadow);min-width:126px;text-align:center}
.mobile-actions{grid-template-columns:1fr 1fr 1.18fr!important}
.mobile-actions .mobile-whatsapp{background:#168b4b!important}
@media(max-width:1120px){.topbar .brand{min-width:170px}.topbar .brand img{width:170px!important;height:58px!important}}
@media(max-width:980px){.topbar .brand{min-width:0}.topbar .brand img{width:158px!important;height:50px!important}.floating-whatsapp{display:none}}
@media(max-width:650px){.topbar .brand img{width:145px!important;height:46px!important}.mobile-actions a{font-size:.82rem;padding:14px 7px}}


/* GATA Formspree project form */
.project-form-section{background:linear-gradient(135deg,#f3f7fb 0%,#fff 68%);padding:78px 0;border-bottom:1px solid var(--line)}
.project-form-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:52px;align-items:start}
.project-form-copy{position:sticky;top:125px}.project-form-copy h2{font-size:clamp(2rem,4vw,3.4rem);margin:10px 0 18px;color:var(--navy);line-height:1.05}.project-form-copy .lead{color:var(--muted);line-height:1.75}
.project-form-benefits{display:grid;gap:14px;margin:30px 0}.project-form-benefits>div{padding:17px 18px;border-left:4px solid var(--blue);background:#fff;box-shadow:var(--shadow-sm)}.project-form-benefits strong,.project-form-benefits span{display:block}.project-form-benefits strong{color:var(--navy);margin-bottom:5px}.project-form-benefits span{color:var(--muted);font-size:.92rem;line-height:1.55}
.form-privacy-note{font-size:.83rem;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:18px}
.project-form-card{background:#fff;border:1px solid #d7e1ea;box-shadow:0 24px 65px rgba(5,43,99,.13);padding:34px;border-radius:14px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field-full{grid-column:1/-1}.form-field label{font-size:.84rem;font-weight:850;color:var(--navy)}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #bfcbd7;background:#fff;color:#132033;border-radius:7px;padding:13px 14px;font:inherit;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical;min-height:150px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(20,117,214,.12)}.form-field input:user-invalid,.form-field select:user-invalid,.form-field textarea:user-invalid{border-color:#b73232}
.field-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.74rem}.file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}.file-drop{border:2px dashed #9bb2c8;border-radius:9px;padding:25px;text-align:center;cursor:pointer;background:#f7fafc;transition:.2s}.file-drop:hover,.file-drop.drag-active{border-color:var(--blue);background:#eef6ff}.file-drop span,.file-drop strong{display:block}.file-drop strong{color:var(--navy);margin:5px 0}.file-drop span{color:var(--muted);font-size:.8rem}.file-drop-icon{font-size:1.6rem!important;color:var(--blue)!important}.file-list{display:grid;gap:6px;margin-top:5px}.file-item{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#f2f6f9;border-radius:5px;font-size:.78rem;color:var(--muted)}
.privacy-consent{display:flex;gap:12px;align-items:flex-start;margin:24px 0;color:var(--muted);font-size:.84rem;line-height:1.55}.privacy-consent input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}.privacy-consent a{font-weight:800}.form-submit{width:100%;min-height:52px;border:0;cursor:pointer}.form-submit[disabled]{opacity:.62;cursor:wait}.form-fallback{text-align:center;color:var(--muted);font-size:.8rem;margin:15px 0 0}.form-status{padding:15px 17px;border-radius:8px;margin-bottom:20px;line-height:1.55}.form-status-success{background:#e8f7ee;color:#0c6637;border:1px solid #9bd2b1}.form-status-error{background:#fff0f0;color:#8b1f1f;border:1px solid #e4aaaa}.form-honeypot{position:absolute!important;left:-9999px!important}.legal-update-note{margin-top:34px;background:#f3f7fb;border-left:4px solid var(--blue);padding:22px 24px}.legal-update-note h2{margin-top:0;color:var(--navy)}
@media(max-width:900px){.project-form-layout{grid-template-columns:1fr}.project-form-copy{position:static}.project-form-card{padding:26px}}
@media(max-width:600px){.project-form-section{padding:52px 0}.form-grid{grid-template-columns:1fr}.project-form-card{padding:20px 17px;border-radius:9px}.file-drop{padding:20px 12px}}


html{scroll-behavior:smooth}
#projektanfrage{scroll-margin-top:120px}@media(max-width:760px){}


/* Direkt sichtbare, einheitliche Kennzeichnung aller KI-Visualisierungen */
.photo-lightbox-trigger,
.lightbox-trigger,
.comparison-media,
.single-feature-media,
.hero-panel-image,
.real-project-gallery button,
.real-teaser-grid button{position:relative}

.ai-image-badge{position:absolute;right:12px;bottom:12px;z-index:12;display:inline-flex;align-items:center;max-width:calc(100% - 24px);padding:0;border:none;border-radius:0;background:none;box-shadow:none;color:rgba(255,255,255,.86);font-size:.62rem;font-weight:700;line-height:1.15;letter-spacing:.01em;text-align:right;white-space:normal;text-shadow:0 1px 4px rgba(0,0,0,.55);pointer-events:none}
.comparison-media .ai-image-badge{
  right:12px;
  bottom:12px;
  max-width:min(230px,calc(100% - 24px));
}
@media(max-width:700px){ .ai-image-badge{ right:8px; bottom:8px; max-width:calc(100% - 16px); padding:0; font-size:.56rem; }
  .comparison-media .ai-image-badge{
    right:8px;
    bottom:8px;
    max-width:min(190px,calc(100% - 16px));
  }
}

/* v13 – sauberer Footer und vollständig sichtbare KI-Kennzeichnung */
.footer-badges{
  display:flex;
  gap:18px 24px;
  flex-wrap:wrap;
  margin-top:20px;
}
.footer-badges span{
  border:0;
  border-bottom:1px solid rgba(95,170,240,.72);
  padding:0 0 5px;
  color:#dce8f4;
  font-size:.78rem;
  font-weight:720;
  letter-spacing:.01em;
}
.footer-meta{
  margin-top:34px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px 36px;
}.footer-company-note{
  color:rgba(214,225,236,.62)!important;
  font-size:.69rem;
  line-height:1.45;
  text-align:right;
  white-space:nowrap;
}
.footer-bottom.footer-bottom-legal{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #213955;
  display:block;
  text-align:center;
}
.footer-legal-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:28px;
}
.footer-legal-links a{
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  text-decoration:none;
  padding-bottom:4px;
  border-bottom:1px solid rgba(255,255,255,.42);
}
.footer-legal-links a:hover{
  border-bottom-color:#fff;
}

/* Vergleichskarten: Badge bleibt innerhalb der Bildfläche und wird nie abgeschnitten */
.comparison-media .ai-image-badge,
.comparison-media .ai-image-badge-comparison{
  left:auto!important;
  right:10px!important;
  bottom:10px!important;
  width:max-content!important;
  max-width:calc(100% - 20px)!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  transform:none!important;
  z-index:30!important;
  font-size:.66rem!important;
  line-height:1.1!important;
  padding:5px 8px!important;
}
@media(max-width:700px){
  .comparison-media .ai-image-badge,
  .comparison-media .ai-image-badge-comparison{
    right:7px!important;
    bottom:7px!important;
    max-width:calc(100% - 14px)!important;
    font-size:.58rem!important;
    padding:4px 6px!important;
  }
}
@media(max-width:760px){
  .footer-meta{flex-direction:column;gap:8px;margin-top:28px}
  .footer-company-note{text-align:left;white-space:normal}
  .footer-legal-links{justify-content:flex-start;gap:22px}
  .footer-bottom.footer-bottom-legal{text-align:left}
}


/* === GATA SEO / Premium Update 2026-08 === */
.premium-bath-hero{padding:72px 0;background:linear-gradient(130deg,#031c43 0%,#052b63 62%,#0b447e 100%);color:#fff;overflow:hidden}.premium-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:56px;align-items:center}.premium-bath-hero h1{font-size:clamp(2.6rem,5.1vw,5.2rem);line-height:.98;letter-spacing:-.055em;max-width:850px}.hero-real-image{position:relative;min-height:600px;border-radius:3px;overflow:hidden;box-shadow:0 35px 70px rgba(0,0,0,.24)}.hero-real-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-real-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,20,47,.54))}.hero-real-image>span{position:absolute;z-index:2;left:20px;bottom:18px;padding:7px 10px;background:#fff;color:#052b63;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.google-proof-inline{display:inline-flex;align-items:center;gap:11px;margin-top:24px;color:#fff;border-top:1px solid rgba(255,255,255,.22);padding-top:16px}.google-proof-inline strong{font-size:1.15rem;color:#ffd45e}.google-proof-inline span{opacity:.88;font-size:.9rem}.proof-section{padding:56px 0}.proof-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:30px}.proof-person,.proof-rating{border:1px solid #dce5ef;background:#fff;padding:28px}.proof-person{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.proof-person img{width:180px;height:180px;object-fit:cover;border-radius:2px}.proof-person h2{margin:.35rem 0 .8rem;font-size:clamp(1.55rem,2.3vw,2.2rem)}.big-rating{font-size:3.2rem;font-weight:800;color:#052b63;margin:8px 0}.big-rating span{font-size:1rem;color:#f5b400;letter-spacing:.08em}.premium-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce5ef;border:1px solid #dce5ef}.premium-service-grid article{background:#fff;padding:28px;display:flex;flex-direction:column;min-height:315px}.premium-service-grid article>span{font-size:.8rem;color:#0c66c2;font-weight:800}.premium-service-grid h3{font-size:1.35rem;margin:.8rem 0}.premium-service-grid strong{margin-top:auto;color:#0b7753;font-size:1.05rem}.premium-service-grid a{margin-top:14px;color:#0c66c2;font-weight:700}.center-cta{text-align:center;margin-top:28px}.real-project-section{padding:72px 0}.real-project-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}.real-project-grid figure{margin:0;background:#fff;border:1px solid #dce5ef;overflow:hidden}.real-project-grid img{width:100%;height:500px;object-fit:cover;display:block}.real-project-grid figcaption{padding:16px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.real-project-grid figcaption span{font-size:.76rem;color:#6b7a90}.badwelten-teaser{background:#062a5c;color:#fff;padding:76px 0}.badwelten-teaser-grid{position:relative;display:grid;grid-template-columns:1fr .75fr;gap:56px;align-items:center}.badwelten-teaser h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.02}.badwelten-teaser-grid>img{width:100%;max-height:560px;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.badwelt-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px}.badwelt-tags span{border-bottom:1px solid rgba(255,255,255,.5);padding:6px 0;font-size:.88rem;margin-right:14px}.ai-preview-label{position:absolute;right:14px;bottom:12px;background:none;color:rgba(255,255,255,.8);padding:0;font-size:.62rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.55)}.process-steps-6{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#dce5ef;border:1px solid #dce5ef}.process-steps-6 article{background:#fff;padding:24px 20px;min-height:220px}.process-steps-6 b{color:#0c66c2;font-size:.8rem}.process-steps-6 h3{font-size:1.1rem;margin:.7rem 0}.area-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.area-link-grid a{background:#fff;border:1px solid #dce5ef;padding:22px;display:flex;flex-direction:column;gap:6px;transition:.18s ease}.area-link-grid a:hover{transform:translateY(-2px);border-color:#0c66c2}.area-link-grid strong{color:#052b63;font-size:1.08rem}.area-link-grid span{color:#68758a;font-size:.88rem}.reviews-section{padding:72px 0}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card{border:1px solid #dce5ef;background:#fff;padding:24px;min-height:230px;display:flex;flex-direction:column}.review-stars{color:#f5b400;letter-spacing:.08em}.review-card p{font-size:1.02rem;line-height:1.62}.review-card strong{margin-top:auto;color:#052b63}.review-card span{font-size:.8rem;color:#758196;margin-top:3px}.final-cta{background:#052b63;color:#fff;padding:70px 0;text-align:center}.final-cta h2{font-size:clamp(2.2rem,4vw,4rem);margin:.4rem 0}.final-cta p{max-width:760px;margin:0 auto 22px}.price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.price-cards article{border:1px solid #dce5ef;padding:24px;background:#fff}.price-cards strong{display:block;font-size:1.55rem;color:#0b7753;margin:8px 0}.premium-price-table{width:100%;border-collapse:collapse;background:#fff}.premium-price-table th,.premium-price-table td{padding:17px 15px;border:1px solid #dce5ef;text-align:left;vertical-align:top}.premium-price-table th{background:#052b63;color:#fff}.premium-price-table strong{color:#0b7753}.budget-table-wrap{overflow-x:auto}.price-note{margin-top:20px;border-left:4px solid #0c66c2;background:#fff;padding:22px}.badwelt-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.badwelt-preview-grid article{position:relative;background:#fff;border:1px solid #dce5ef;padding-bottom:20px;display:flex;flex-direction:column;min-height:100%}.badwelt-preview-grid img{width:100%;height:500px;object-fit:contain;object-position:center top;background:#f7f4ed;display:block}.badwelt-preview-grid article>span{position:absolute;right:12px;top:478px;bottom:auto;background:none;color:rgba(255,255,255,.82);padding:0;font-size:.62rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.55)}.badwelt-preview-grid h3{margin:18px 20px 0}.badwelt-preview-grid p{margin:8px 20px 0}.badwelt-preview-grid article p{min-height:3.4em}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.decision-grid article{border-top:3px solid #0c66c2;padding:20px;background:#f7f9fc}.decision-grid b{color:#0c66c2}.content-real-image{width:100%;height:560px;object-fit:cover;border:1px solid #dce5ef}.gallery-masonry{columns:4 240px;column-gap:10px}.gallery-masonry figure{break-inside:avoid;margin:0 0 10px;background:#fff;border:1px solid #dce5ef}.gallery-masonry img{display:block;width:100%;height:auto}.gallery-masonry figcaption{font-size:.75rem;color:#68758a;padding:8px 10px}.area-link-grid.large a{min-height:125px;justify-content:center}.footer-badges a{color:inherit}.footer-company-note{white-space:normal}.footer-meta{align-items:flex-start}.local-hero{background:linear-gradient(120deg,#052b63,#083a78)}
@media(max-width:1050px){.premium-hero-grid,.badwelten-teaser-grid,.proof-grid{grid-template-columns:1fr}.hero-real-image{min-height:520px}.premium-service-grid{grid-template-columns:repeat(2,1fr)}.process-steps-6{grid-template-columns:repeat(3,1fr)}.reviews-grid{grid-template-columns:repeat(2,1fr)}.price-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.premium-bath-hero{padding:44px 0}.premium-bath-hero h1{font-size:2.75rem}.hero-real-image{min-height:440px}.proof-person{grid-template-columns:1fr}.proof-person img{width:130px;height:130px}.premium-service-grid,.process-steps-6,.area-link-grid,.reviews-grid,.price-cards,.decision-grid,.badwelt-preview-grid{grid-template-columns:1fr}.real-project-grid{grid-template-columns:1fr}.real-project-grid img{height:420px}.badwelt-preview-grid img{height:420px;object-fit:contain}.badwelt-preview-grid article>span{top:398px}.gallery-masonry{columns:2 150px}.content-real-image{height:430px}.premium-price-table{min-width:720px}.footer-meta{display:block}.footer-company-note{display:block;margin-top:8px}}

.final-cta .hero-actions{justify-content:center}.final-cta .container{display:flex;flex-direction:column;align-items:center}.final-cta p{max-width:820px}.badwelten-teaser .btn{margin-right:10px;margin-bottom:10px}

.newsletter-section{padding:58px 0;background:#f2f6fa}.newsletter-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center}.newsletter-grid h2{margin:.35rem 0}.newsletter-note{font-size:.78rem;color:#657388;margin:.8rem 0 0}@media(max-width:760px){.newsletter-grid{grid-template-columns:1fr}}

/* FINAL v2 SEO/Ads additions */
.form-success,.form-error{padding:14px 16px;margin-bottom:18px;border-radius:7px;font-weight:750}.form-success{background:#edf8f0;border:1px solid #a9d7b4;color:#245c31}.form-error{background:#fff0f0;border:1px solid #e0b1b1;color:#8b2626}.landing-form{border-top:1px solid var(--line)}.landing-form .project-form-copy{position:static}.eeat-section .card strong{color:var(--navy)}


/* FINAL v6: unified project forms + Badwelten exact 2x2 design grid */
.badwelten-showcase{background:#062a48;color:#fff;padding:76px 0 72px}
.badwelten-showcase .container{max-width:1180px}
.badwelten-showcase-head{max-width:920px;margin-bottom:46px}
.badwelten-showcase-head .eyebrow{color:#61bdd9}
.badwelten-showcase-head h2{color:#fff;font-size:clamp(2rem,4vw,3.8rem);line-height:1.04;letter-spacing:-.035em;margin:.4rem 0 1rem}
.badwelten-showcase-head p{color:rgba(255,255,255,.88);max-width:820px;margin:0;font-size:1.05rem}
.badwelten-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px}
.badwelt-design-tile{margin:0;overflow:hidden;background:#0a304e;aspect-ratio:417/323}
.badwelt-design-tile img{display:block;width:100%;height:100%;object-fit:cover}
.badwelten-ai-note{margin:24px 0 0;color:rgba(255,255,255,.64);font-size:.74rem;letter-spacing:.01em}
.badwelten-showcase .center-cta{margin-top:30px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:720px){
  .badwelten-showcase{padding:52px 0}
  .badwelten-showcase-head{margin-bottom:28px}
  .badwelten-design-grid{grid-template-columns:1fr;gap:16px}
}


/* GATA project-form security (Cloudflare Turnstile) */
.gata-turnstile-wrap{margin-top:.15rem}
.gata-turnstile-box{width:100%;min-height:1px}
.gata-turnstile-box iframe{max-width:100%}
.gata-turnstile-note{margin:.4rem 0 0;color:#687386;font-size:.82rem;line-height:1.45}
@media (max-width:520px){.gata-turnstile-wrap{overflow:hidden}}

/* =========================================================
   GATA Conversion Pass v25
   Goal: clearer intent routing, earlier trust, lower-friction CTA,
   and a 3-step project request without changing backend field names.
   ========================================================= */
.hero-reassurance{margin:.8rem 0 0;font-size:.92rem;opacity:.9;max-width:760px}
.conversion-trust-strip{padding:0;background:#fff;border-bottom:1px solid rgba(5,43,99,.08)}
.conversion-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-left:1px solid rgba(5,43,99,.08)}
.conversion-trust-item{min-height:92px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;gap:4px;border-right:1px solid rgba(5,43,99,.08);text-decoration:none;color:#10233e;background:#fff}
a.conversion-trust-item:hover{background:#f6f9fd}
.conversion-trust-item strong{font-size:1.02rem;color:#052b63}
.conversion-trust-item span{font-size:.84rem;line-height:1.4;color:#5b6778}

.intent-route-section{padding:46px 0 24px;background:#fff}
.compact-head{margin-bottom:22px}
.intent-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.intent-route-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 52px 20px 20px;border:1px solid rgba(5,43,99,.13);border-radius:16px;background:#fff;color:#10233e;text-decoration:none;box-shadow:0 7px 24px rgba(5,43,99,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.intent-route-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(5,43,99,.09);border-color:rgba(5,43,99,.25)}
.intent-route-card strong{font-size:1.04rem;color:#052b63}
.intent-route-card span:not(.intent-route-arrow){font-size:.9rem;color:#5d6978;line-height:1.4}
.intent-route-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.35rem;color:#0c68c7}

.small-project-callout{padding:24px 0;background:#eef5fc}
.small-project-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;background:#fff;border:1px solid rgba(5,43,99,.12);border-radius:18px;box-shadow:0 8px 24px rgba(5,43,99,.05)}
.small-project-inner h2{margin:.25rem 0 .5rem;font-size:clamp(1.35rem,2vw,1.8rem)}
.small-project-inner p{margin:0;max-width:800px;color:#536171}
.price-small-note{margin-top:24px;padding:18px 20px;border-radius:14px;background:#edf6ff;border:1px solid rgba(12,104,199,.16);display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}
.price-small-note strong{color:#052b63}.price-small-note span{color:#536171;flex:1;min-width:260px}.price-small-note a{font-weight:700;color:#0c68c7;text-decoration:none}

.price-intent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.price-intent-grid article{padding:22px;border:1px solid rgba(5,43,99,.12);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(5,43,99,.05)}
.price-intent-grid h3{margin:.5rem 0 .6rem}.price-intent-grid strong{display:block;color:#052b63;font-size:1.06rem;margin-bottom:.5rem}.price-intent-grid p{font-size:.92rem;color:#5d6978}.price-intent-grid a{font-weight:700;color:#0c68c7;text-decoration:none}
.check-list{padding:0;margin:1.1rem 0;list-style:none;display:grid;gap:.7rem}.check-list li{position:relative;padding-left:1.7rem;color:#334459}.check-list li:before{content:'✓';position:absolute;left:0;color:#14894b;font-weight:800}

/* Project form: calm, progressive 3-step experience. The PHP contract is untouched. */
.gata-project-form.is-multistep>.form-grid{display:none!important}
.form-wizard-head{margin:0 0 22px}
.form-wizard-kicker{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:.8rem;font-weight:700;color:#526276;margin-bottom:10px}
.form-wizard-progress{height:7px;background:#e7edf4;border-radius:99px;overflow:hidden}
.form-wizard-progress span{display:block;height:100%;width:33.333%;background:#0c68c7;border-radius:99px;transition:width .2s ease}
.form-step{border:0;padding:0;margin:0;min-width:0}
.form-step[hidden]{display:none!important}
.form-step-copy{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(5,43,99,.1)}
.form-step-copy .step-number{display:inline-block;color:#0c68c7;font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.form-step-copy h3{margin:.1rem 0 .4rem;font-size:1.3rem;color:#052b63}
.form-step-copy p{margin:0;color:#607080;font-size:.92rem}
.form-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-step-grid>.form-field-full,.form-step-grid>.contact-choice-note,.form-step-grid>.gata-turnstile-wrap{grid-column:1/-1}
.form-step-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.form-step-actions .btn{min-width:150px}
.form-step-actions .step-back{background:transparent;border:1px solid rgba(5,43,99,.2);color:#052b63}
.form-step-actions .step-next{margin-left:auto}
.form-wizard-time{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:10px 12px;background:#f4f8fc;border-radius:10px;font-size:.85rem;color:#526276}
.form-wizard-time strong{color:#052b63}
.form-submit-row{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:18px;flex-wrap:wrap}
.form-submit-row .form-submit{margin:0}
.form-submit-note{font-size:.82rem;color:#607080;max-width:310px}
.gata-turnstile-wrap{margin-top:4px}

/* Stronger primary conversion path; contact methods remain available but secondary. */
.floating-project{position:fixed;right:22px;bottom:22px;z-index:60;background:#0c68c7;color:#fff;text-decoration:none;font-weight:800;padding:13px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(5,43,99,.22)}
.floating-project:hover{background:#0958a9}
.mobile-actions .mobile-project-primary{background:#0c68c7!important;color:#fff!important;font-weight:800!important}

/* Less technical-looking first screen on service pages. */
.page-hero p,.hero p{max-width:790px}
.page-hero .hero-actions,.hero .hero-actions{margin-top:1.35rem}
.conversion-content .section-head{max-width:850px}

@media(max-width:980px){
  .conversion-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intent-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .price-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .small-project-inner{align-items:flex-start;flex-direction:column}
  .floating-project{display:none}
}
@media(max-width:640px){
  .conversion-trust-grid{grid-template-columns:1fr}
  .conversion-trust-item{min-height:68px;padding:13px 16px;border-bottom:1px solid rgba(5,43,99,.08)}
  .intent-route-section{padding:30px 0 16px}
  .intent-route-grid,.price-intent-grid{grid-template-columns:1fr}
  .intent-route-card{padding:16px 46px 16px 16px}
  .small-project-inner{padding:20px}
  .form-step-grid{grid-template-columns:1fr}
  .form-step-grid>.form-field-full,.form-step-grid>.contact-choice-note,.form-step-grid>.gata-turnstile-wrap{grid-column:auto}
  .form-step-actions{flex-wrap:wrap}.form-step-actions .btn{width:100%}.form-step-actions .step-next{margin-left:0}
  .form-submit-row{display:block}.form-submit-row .form-submit{width:100%;margin-bottom:10px}
  .mobile-actions{grid-template-columns:1.35fr 1fr 1fr}
}
