/* Zusammengeführt aus 8 Einzeldateien (Reihenfolge unverändert). Änderungen bitte hier vornehmen. */

/* ===== styles.css ===== */
:root{--ink:#101a24;--ink-soft:#1a2937;--paper:#f4f0e8;--white:#fffdf9;--line:#d8d2c7;--muted:#66717b;--orange:#e96f47;--lime:#c8ff3d;--blue:#315de8;--shadow:0 20px 70px rgba(16,26,36,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.8rem 1rem;background:var(--lime);font-weight:800}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:fixed;z-index:40;top:0;left:0;right:0;background:rgba(244,240,232,.9);border-bottom:1px solid rgba(16,26,36,.09);backdrop-filter:blur(16px)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--lime);font-weight:950;letter-spacing:-.1em}.brand strong,.brand small{display:block;line-height:1.15}.brand strong{font-size:.9rem;letter-spacing:.1em}.brand small{margin-top:.25rem;color:#77818a;font-size:.62rem;letter-spacing:.1em}.site-header nav{display:flex;align-items:center;gap:1.4rem}.site-header nav a{font-size:.8rem;font-weight:750}.site-header nav a:hover{color:var(--orange)}.nav-cta{padding:.72rem 1rem;background:var(--ink);color:var(--lime)}.menu-button{display:none;border:0;background:none;padding:.5rem}.menu-button span:not(.sr-only){display:block;width:26px;height:2px;margin:5px 0;background:var(--ink)}
.hero-new{padding:78px 0 0;background:var(--paper);overflow:hidden}.hero-new-grid{min-height:680px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.kicker{margin:0 0 1.25rem;color:#c4cbd0;font-size:.7rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.kicker span{display:inline-block;width:28px;height:2px;margin:0 .55rem .2rem 0;background:var(--orange)}.kicker.dark{color:#727a7d}.hero-new h1{margin:0 0 1.25rem;font-size:clamp(4rem,8vw,7.7rem);line-height:.88;letter-spacing:-.085em}.hero-new h1 em,.feature-copy h2 em,.pricing-head h2 em,.about-new h2 em,.contact-new h2 em{color:var(--orange);font-style:normal}.hero-new-lead{max-width:560px;margin:0;color:#5f6c74;font-size:1.12rem}.hero-new-actions{display:flex;align-items:center;gap:1.8rem;margin:2rem 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.8rem;min-height:50px;padding:.8rem 1rem;border:1px solid transparent;font-size:.82rem;font-weight:850;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--lime)}.button-dark:hover{background:var(--ink-soft)}.button-outline{border-color:var(--ink);color:var(--ink)}.button-outline:hover{background:var(--ink);color:var(--lime)}.text-link{font-size:.8rem;font-weight:850}.text-link span{margin-left:.6rem;color:var(--orange)}.hero-signals{display:flex;flex-wrap:wrap;gap:1rem 1.4rem;color:#7b8588;font-size:.72rem}.hero-signals b{margin-right:.35rem;color:var(--orange);font:800 .68rem ui-monospace,monospace}.hero-new-art{position:relative;min-height:520px}.art-ring{position:absolute;border:1px solid rgba(16,26,36,.14);border-radius:50%}.ring-a{inset:8% 0 6% 8%}.ring-b{inset:20% 13% 18% 21%;border-style:dashed}.art-card{position:absolute;background:var(--ink);color:#fff;box-shadow:var(--shadow)}.art-card-main{top:19%;right:4%;width:min(430px,83%);padding:1.5rem;transform:rotate(3deg)}.art-card-main small,.art-card-price small{color:#94a2aa;font:700 .62rem ui-monospace,monospace;letter-spacing:.12em}.art-status{display:flex;align-items:center;gap:.65rem;padding:1.2rem 0;border-bottom:1px solid #334453}.art-status strong{font-size:1.1rem}.art-status>span:last-child{margin-left:auto;color:#94a2aa;font:700 .65rem ui-monospace,monospace}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}.art-lines{display:grid;gap:.75rem;padding:1.6rem 0}.art-lines i{display:block;height:10px;background:linear-gradient(90deg,var(--orange),#efb05d 58%,#2c3c4a 58%)}.art-lines i:nth-child(2){width:75%}.art-lines i:nth-child(3){width:89%}.art-lines i:nth-child(4){width:58%}.art-foot{display:flex;justify-content:space-between;color:#7d8a93;font:700 .6rem ui-monospace,monospace;letter-spacing:.1em}.art-card-mini{left:6%;bottom:21%;display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;transform:rotate(-4deg)}.mini-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--orange);color:#fff;font-size:1.3rem}.art-card-mini strong,.art-card-mini small{display:block;line-height:1.1}.art-card-mini small{margin-top:.25rem;color:#9ca7ad;font-size:.68rem}.art-card-price{right:13%;bottom:8%;padding:1rem 1.2rem;transform:rotate(2deg);background:var(--lime);color:var(--ink)}.art-card-price small{color:#52601c}.art-card-price strong,.art-card-price span{display:block}.art-card-price strong{font-size:2rem;line-height:1}.art-card-price span{font-size:.68rem}.hero-bottom{display:flex;align-items:center;gap:1rem;padding:1rem 0 1.4rem;border-top:1px solid var(--line);color:#7d8587;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero-line{width:80px;height:1px;background:var(--orange)}
.section-new{padding:110px 0}.intro-new{background:var(--white)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.intro-grid h2,.service-heading h2,.pricing-head h2,.process-heading h2,.about-new h2,.contact-new h2{margin:0;font-size:clamp(2.7rem,5vw,5rem);line-height:.96;letter-spacing:-.07em}.large-copy{margin:0 0 1rem;font-size:1.2rem;line-height:1.65}.muted-copy,.service-heading p,.pricing-head p,.process-heading p,.about-new p,.contact-new>p{color:var(--muted)}.section-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-index{color:#a2a7a6;font:700 .66rem ui-monospace,monospace;letter-spacing:.12em}.services-new{background:var(--paper)}.service-heading,.pricing-head,.process-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:end;margin-bottom:3.5rem}.service-heading h2 em,.process-heading h2{color:var(--orange);font-style:normal}.service-heading p,.pricing-head p,.process-heading p{margin:0}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:65px 1fr 40px;gap:1.2rem;align-items:start;padding:1.6rem 0;border-bottom:1px solid var(--line);transition:padding .2s,color .2s}.service-row:hover{padding-left:1rem;color:var(--orange)}.service-no{color:var(--orange);font:800 .68rem ui-monospace,monospace}.service-row h3{margin:0 0 .25rem;font-size:1.45rem;letter-spacing:-.03em}.service-row p{margin:0;color:var(--muted);font-size:.9rem}.service-arrow{justify-self:end;color:var(--orange);font-size:1.4rem}.feature-split{background:var(--white)}.feature-web{padding-top:0}.feature-camera{background:#e8e3d9}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.feature-grid.reverse{grid-template-columns:1fr 1fr}.feature-image{position:relative}.feature-image img{display:block;width:100%;height:430px;object-fit:cover;box-shadow:var(--shadow)}.feature-tag{position:absolute;bottom:1rem;left:1rem;padding:.65rem .8rem;background:var(--lime);font:800 .62rem ui-monospace,monospace;letter-spacing:.12em}.feature-copy h2{margin:0 0 1.3rem;font-size:clamp(2.8rem,5vw,5rem);line-height:.94;letter-spacing:-.075em}.feature-copy .large-copy{max-width:500px}.check-list{padding:0;margin:1.6rem 0 2rem;list-style:none;color:#4f5b62;font-size:.88rem}.check-list li{padding:.6rem 0;border-bottom:1px solid var(--line)}.check-list li:before{content:"✓";margin-right:.65rem;color:var(--orange);font-weight:900}.camera-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 2rem}.camera-pills span{padding:.5rem .75rem;border:1px solid #c9c3b8;color:#58636a;font-size:.72rem;font-weight:800}.pricing-new{background:var(--ink);color:#fff}.pricing-head h2 em{color:var(--lime)}.pricing-head p{color:#a9b5bb}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.price-grid article{position:relative;padding:1.6rem;background:#192a39;border:1px solid #304453}.price-grid article.price-featured{background:var(--orange);border-color:var(--orange);color:#fff}.price-label{color:var(--lime);font:800 .64rem ui-monospace,monospace;letter-spacing:.14em}.price-featured .price-label{color:#fff3e9}.price-grid h3{margin:1.4rem 0 .8rem;font-size:1.25rem}.price{display:flex;align-items:baseline;gap:.35rem;margin-bottom:1.2rem}.price strong{font-size:1.9rem;letter-spacing:-.05em}.price span{color:#a9b5bb;font-size:.72rem}.price-featured .price span{color:#ffe1d2}.price-grid ul{padding:0;margin:0 0 1.4rem;list-style:none;color:#b7c2c9;font-size:.78rem}.price-featured ul{color:#fff3e9}.price-grid li{padding:.46rem 0;border-bottom:1px solid rgba(255,255,255,.13)}.price-grid li:before{content:"+";margin-right:.5rem;color:var(--lime)}.price-grid a{color:var(--lime);font-size:.78rem;font-weight:850}.price-featured a{color:var(--ink)}.price-badge{position:absolute;right:1rem;top:0;padding:.4rem .6rem;background:var(--lime);color:var(--ink);font:800 .58rem ui-monospace,monospace;letter-spacing:.1em}.price-footnote{margin:1.3rem 0 0;color:#84939b;font-size:.74rem}.process-new{background:var(--white)}.process-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-cards article{padding:1.5rem 1.2rem 0;border-right:1px solid var(--line)}.process-cards article:first-child{border-left:1px solid var(--line)}.process-cards span{color:var(--orange);font:800 .7rem ui-monospace,monospace}.process-cards h3{margin:1.5rem 0 .7rem;font-size:1.25rem}.process-cards p{margin:0;color:var(--muted);font-size:.86rem}.about-new{background:var(--orange);color:#fff}.about-new-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:6rem;align-items:center}.about-mark{display:grid;place-items:center;min-height:350px;background:#d75d3a;position:relative}.about-mark span{font-size:16rem;font-weight:950;line-height:.7;letter-spacing:-.2em;transform:translateX(-.18em);color:#fff5e8}.about-mark small{position:absolute;bottom:1.2rem;left:1.2rem;color:var(--lime);font:800 .62rem ui-monospace,monospace;letter-spacing:.1em}.about-new h2{margin-bottom:1.3rem}.about-new .large-copy{max-width:680px}.about-new p{color:#ffe4d7}.light-link{color:#fff}.contact-new{background:var(--ink);color:#fff}.contact-new-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:6rem;align-items:start}.contact-new h2{margin-bottom:1.2rem}.contact-new h2 em{color:var(--lime)}.contact-new>p{color:#a9b5bb}.mail-link{display:inline-flex;align-items:center;gap:1rem;margin-top:2rem;padding-bottom:.7rem;border-bottom:1px solid #687680;color:var(--lime);font-size:1.1rem;font-weight:850}.contact-new form{padding:2rem;background:var(--white);color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-new label{display:block;margin-bottom:1rem;font-size:.74rem;font-weight:850}.contact-new input,.contact-new textarea,.contact-new select{width:100%;margin-top:.35rem;padding:.7rem .8rem;border:1px solid #d3d7d3;background:#fff;color:var(--ink);outline:none;border-radius:0}.contact-new input:focus,.contact-new textarea:focus,.contact-new select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(233,111,71,.12)}.security-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.security-row p{color:var(--muted);font-size:.7rem}.consent{display:flex!important;gap:.6rem;align-items:flex-start;color:var(--muted);font-weight:500!important}.consent input{width:auto;margin:.25rem 0 0}.consent a{color:var(--orange);text-decoration:underline}.form-error{min-height:1.4rem;margin:.2rem 0;color:#b42318;font-size:.78rem}.submit{width:100%;border:0}.honeypot{position:absolute!important;left:-9999px!important}.footer-new{padding:3.5rem 0 1rem;background:#0a121a;color:#a5b0b5}.brand-light{color:#fff}.brand-light .brand-mark{background:var(--lime);color:var(--ink)}.footer-new-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:5rem;padding-bottom:3rem}.footer-new-grid>div>p{max-width:380px;font-size:.84rem}.footer-new-grid h3{margin:0 0 .7rem;color:#fff;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.footer-new-grid>div:not(:first-child){display:flex;align-items:flex-start;flex-direction:column;gap:.45rem;font-size:.83rem}.footer-new-grid a:hover{color:var(--lime)}.footer-new .footer-bottom{border-color:#25333d;color:#78868e}
/* Service subpage foundations */
.subpage{background:var(--paper)}.sub-hero{padding-top:78px;background:var(--ink);color:#fff;overflow:hidden}.sub-hero-grid{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}.sub-hero h1{margin:0 0 1.3rem;font-size:clamp(3.8rem,7vw,6.4rem);line-height:.9;letter-spacing:-.08em}.sub-hero h1 em{color:var(--lime);font-style:normal}.sub-hero-lead{max-width:560px;color:#bac6cc;font-size:1.08rem}.backlink{display:inline-block;margin-bottom:2.5rem;color:#93a2ab;font-size:.8rem;font-weight:800}.backlink:hover{color:#fff}.sub-hero-image{position:relative}.sub-hero-image img{display:block;width:100%;height:450px;object-fit:cover;box-shadow:var(--shadow)}.image-stamp{position:absolute;right:-1rem;bottom:1rem;padding:1rem;background:var(--lime);color:var(--ink)}.image-stamp strong,.image-stamp span{display:block}.image-stamp strong{font-size:1.7rem;line-height:1}.image-stamp span{font-size:.6rem;font-weight:900;letter-spacing:.1em}.section{padding:110px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:end}.two-col h2{margin:0;font-size:clamp(2.8rem,5vw,4.7rem);line-height:.95;letter-spacing:-.07em}.two-col p{color:var(--muted)}.two-col .lead-copy{color:var(--ink);font-size:1.17rem}.web-principles,.camera-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}.web-principles article,.camera-benefits article{padding:1.5rem;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--orange)}.web-principles span{color:var(--orange);font:800 .68rem ui-monospace,monospace}.web-principles h3,.camera-benefits h3{margin:1rem 0 .5rem}.web-principles p,.camera-benefits p{margin:0;color:var(--muted);font-size:.88rem}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:end;margin-bottom:3rem}.section-head h2{margin:0;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.95;letter-spacing:-.07em}.section-head>p{margin:0;color:var(--muted)}.section-head.light{color:#fff}.section-head.light>p{color:#a9b5bb}.web-offer,.camera-scenarios{background:var(--ink);color:#fff}.web-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.web-packages article{position:relative;padding:1.8rem;background:#1b2c3b;border:1px solid #354957}.web-packages article.package-featured{background:var(--orange);border-color:var(--orange)}.package-top{display:flex;justify-content:space-between;color:var(--lime);font:800 .66rem ui-monospace,monospace;letter-spacing:.13em}.package-featured .package-top{color:#fff}.web-packages h3{margin:1.7rem 0 .7rem;font-size:1.45rem}.web-packages p{min-height:4.2rem;color:#b9c6cc}.web-packages ul{padding:0;margin:1.3rem 0;list-style:none;color:#cbd4d8;font-size:.82rem}.web-packages li{padding:.48rem 0;border-bottom:1px solid #354957}.web-packages li:before{content:"✓";margin-right:.5rem;color:var(--lime)}.web-packages a{color:var(--lime);font-weight:850}.package-featured a{color:#fff}.sub-note{color:#87959d;font-size:.75rem}.numbered-steps,.camera-timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.numbered-steps article,.camera-timeline>div{padding:1.5rem 1.2rem 0;border-right:1px solid var(--line)}.numbered-steps article:first-child,.camera-timeline>div:first-child{border-left:1px solid var(--line)}.numbered-steps span,.camera-timeline span{color:var(--orange);font:800 .68rem ui-monospace,monospace}.numbered-steps h3,.camera-timeline h3{margin:1.4rem 0 .6rem;font-size:1.2rem}.numbered-steps p,.camera-timeline p{margin:0;color:var(--muted);font-size:.86rem}.web-cta,.camera-cta{padding-top:0;background:var(--white)}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:3rem;background:var(--orange);color:#fff}.cta-panel h2{margin:0 0 .7rem;font-size:clamp(2.3rem,4vw,3.6rem);line-height:.95;letter-spacing:-.06em}.cta-panel p:not(.kicker){max-width:600px;margin:0;color:#ffe1d3}.cta-panel .button{flex:none}.camera-intro{background:var(--white)}.camera-benefits article{border-top-color:var(--lime)}.benefit-icon{display:grid;place-items:center;width:42px;height:42px;background:#e6eefc;color:var(--blue)}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.scenario-entry{display:grid;grid-template-columns:30px 1fr;gap:1rem;padding:1.7rem;background:#1b2c3b;border:1px solid #354957}.scenario-entry>span{color:var(--lime);font:800 .68rem ui-monospace,monospace}.scenario-entry h3{font-size:1.35rem}.scenario-entry p{color:#b9c6cc}.scenario-entry ul{padding:0;margin:1.2rem 0 0;list-style:none;color:#d8e0e3;font-size:.8rem}.scenario-entry li{padding:.4rem 0;border-bottom:1px solid #354957}.scenario-entry li:before{content:"↗";margin-right:.45rem;color:var(--lime)}.camera-steps{background:var(--white)}.camera-faq{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;padding:1.2rem 0;font-weight:850;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--orange);font-size:1.3rem}.faq-list details p{margin:-.2rem 2rem 1.3rem 0;color:var(--muted)}.legal-page{min-height:calc(100vh - 160px);padding:150px 0 100px}.legal-shell{max-width:820px}.legal-shell h1{font-size:clamp(3rem,6vw,5rem);line-height:.9;letter-spacing:-.07em}.legal-shell h2{margin-top:2.3rem}.legal-shell p{color:var(--muted)}.legal-warning{padding:1rem 1.2rem;border-left:4px solid var(--orange);background:#fff1e8}.legal-warning p{margin:.3rem 0 0}.legal-note{padding-top:1rem;border-top:1px solid var(--line);font-size:.8rem}.legal-shell mark{background:#fff0b8}
@media(max-width:980px){.site-header nav{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:1rem 24px 1.4rem;background:var(--paper);border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-button{display:block}.hero-new-grid,.feature-grid,.feature-grid.reverse,.intro-grid,.contact-new-grid,.about-new-grid,.two-col,.faq-grid{grid-template-columns:1fr;gap:3rem}.hero-new-grid{padding:70px 0;min-height:auto}.hero-new-art{min-height:430px;max-width:640px;width:100%}.price-grid{grid-template-columns:1fr 1fr}.service-heading,.pricing-head,.process-heading,.section-head{grid-template-columns:1fr;gap:1rem}.feature-web{padding-top:0}.feature-image img{height:390px}.about-mark{min-height:300px}.web-principles,.camera-benefits,.scenario-grid{grid-template-columns:1fr 1fr}.web-packages{grid-template-columns:1fr}.numbered-steps,.camera-timeline,.process-cards{grid-template-columns:1fr 1fr}.numbered-steps article,.camera-timeline>div,.process-cards article{padding-bottom:1.5rem}.cta-panel{align-items:flex-start;flex-direction:column}.footer-new-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.shell{width:calc(100% - 32px)}.section-new,.section{padding:76px 0}.hero-new h1{font-size:4rem}.hero-new-actions{align-items:stretch;flex-direction:column;gap:1rem}.button{width:100%}.hero-signals{display:grid}.hero-new-art{min-height:350px}.art-card-main{right:0;width:90%;top:14%}.art-card-mini{left:0;bottom:17%}.art-card-price{right:4%;bottom:0}.hero-bottom{font-size:.57rem}.intro-grid h2,.service-heading h2,.pricing-head h2,.process-heading h2,.about-new h2,.contact-new h2{font-size:3rem}.service-row{grid-template-columns:35px 1fr 24px;gap:.7rem}.service-row h3{font-size:1.18rem}.service-row p{font-size:.8rem}.feature-image img,.sub-hero-image img{height:280px}.price-grid,.web-principles,.camera-benefits,.scenario-grid,.numbered-steps,.camera-timeline,.process-cards,.footer-new-grid{grid-template-columns:1fr}.form-row,.security-row{grid-template-columns:1fr}.sub-hero-grid{grid-template-columns:1fr;min-height:auto;padding:70px 0;gap:2rem}.sub-hero h1{font-size:3.7rem}.sub-hero-image{min-height:280px}.two-col{gap:1.5rem}.section-head h2{font-size:3rem}.cta-panel{padding:2rem}.cta-panel .button{width:100%}.footer-new-grid{gap:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Simple, service-first homepage */
.home-simple{background:#f8f5ef}.simple-header{background:rgba(248,245,239,.9)}.simple-header .nav-wrap{height:76px}.simple-header nav a{font-size:.78rem}.simple-hero{padding-top:76px;background:#f8f5ef}.simple-hero-inner{min-height:630px;display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center}.simple-eyebrow{margin:0 0 1.2rem;color:#9d624e;font-size:.68rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.simple-eyebrow.dark{color:#7a7e7d}.simple-hero h1{margin:0 0 1.3rem;font-size:clamp(4rem,7.4vw,7.2rem);line-height:.88;letter-spacing:-.085em}.simple-hero h1 em,.simple-intro h2 em,.simple-service-body h3 em,.simple-about h2 em,.simple-contact h2 em{color:var(--orange);font-style:normal}.simple-hero-copy>p:not(.simple-eyebrow){max-width:550px;color:#647078;font-size:1.1rem}.simple-actions{display:flex;align-items:center;gap:1.8rem;margin:2rem 0}.simple-mail{color:#7d635a;font-size:.78rem;font-weight:800}.simple-mail:hover{color:var(--orange)}.simple-hero-note{display:grid;grid-template-columns:40px 1fr;column-gap:1rem;align-items:start;max-width:340px;margin-left:auto;padding:1.7rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.simple-hero-note span{color:var(--orange);font:800 .68rem ui-monospace,monospace}.simple-hero-note strong{font-size:1.1rem}.simple-hero-note small{grid-column:2;color:#7c8588;font-size:.76rem;line-height:1.4}.simple-hero-note i{grid-column:2;height:1px;margin:1.3rem 0;background:var(--line)}.simple-scroll{display:flex;gap:1rem;align-items:center;padding:1rem 0 1.2rem;border-top:1px solid var(--line);color:#7c8588;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.simple-scroll i{width:60px;height:1px;background:var(--orange)}.simple-intro{padding:105px 0;background:var(--white)}.simple-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:end}.simple-intro h2{margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.94;letter-spacing:-.07em}.simple-intro-grid>p{margin:0;color:#68737a;font-size:1.12rem}.simple-services{padding:110px 0;background:#f8f5ef}.simple-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.simple-service-card{background:var(--white);box-shadow:0 8px 35px rgba(25,30,35,.05);transition:transform .25s,box-shadow .25s}.simple-service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.simple-service-image{position:relative;height:310px;overflow:hidden}.simple-service-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.simple-service-card:hover .simple-service-image img{transform:scale(1.04)}.simple-service-image span{position:absolute;bottom:1rem;left:1rem;padding:.5rem .7rem;background:var(--lime);font:800 .62rem ui-monospace,monospace;letter-spacing:.12em}.simple-service-body{padding:2rem}.simple-service-body h3{margin:0 0 1rem;font-size:clamp(2rem,3.2vw,3rem);line-height:.94;letter-spacing:-.06em}.simple-service-body>p:not(.simple-eyebrow){min-height:3.2rem;color:#647078}.simple-service-body ul{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.4rem 0;list-style:none}.simple-service-body li{padding:.42rem .65rem;border:1px solid #ddd8cf;color:#6b7579;font-size:.72rem}.simple-card-link{display:flex;justify-content:space-between;padding-top:1.1rem;border-top:1px solid var(--line);color:var(--orange);font-size:.78rem;font-weight:850}.simple-card-link b{font-size:1.1rem}.camera-card{background:#e9e4da}.camera-card .simple-service-image span{background:var(--orange);color:#fff}.simple-price{padding:100px 0;background:var(--ink);color:#fff}.simple-section-head{display:grid;grid-template-columns:1fr .7fr;gap:4rem;align-items:end;margin-bottom:2.6rem}.simple-section-head h2{margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.92;letter-spacing:-.07em}.simple-section-head p:not(.simple-eyebrow){margin:0;color:#aab6bc}.simple-price-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #344652;border-bottom:1px solid #344652}.simple-price-list>div{padding:1.4rem 1rem;border-right:1px solid #344652}.simple-price-list>div:first-child{border-left:1px solid #344652}.simple-price-list span,.simple-price-list strong,.simple-price-list small{display:block}.simple-price-list span{color:#aab6bc;font-size:.75rem}.simple-price-list strong{margin:.45rem 0;color:var(--lime);font-size:1.55rem;letter-spacing:-.04em}.simple-price-list small{color:#77868d;font-size:.7rem}.simple-text-link{display:inline-flex;gap:.7rem;margin-top:1.5rem;color:var(--lime);font-size:.8rem;font-weight:850}.simple-about{padding:110px 0;background:var(--orange);color:#fff}.simple-about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:6rem;align-items:center}.simple-about-symbol{position:relative;display:grid;place-items:center;min-height:360px;background:#d65d3b}.simple-about-symbol span{font-size:16rem;font-weight:950;line-height:.7;letter-spacing:-.2em;transform:translateX(-.15em)}.simple-about-symbol small{position:absolute;left:1.2rem;bottom:1.2rem;color:var(--lime);font:800 .62rem ui-monospace,monospace;letter-spacing:.1em}.simple-about h2{margin:0 0 1.4rem;font-size:clamp(2.7rem,5vw,4.8rem);line-height:.95;letter-spacing:-.07em}.simple-about p:not(.simple-eyebrow){color:#ffe3d6}.simple-about-facts{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.3)}.simple-about-facts b,.simple-about-facts small{display:block}.simple-about-facts b{font-size:.9rem}.simple-about-facts small{margin-top:.2rem;color:#ffc7b4;font-size:.7rem}.simple-process{padding:100px 0;background:var(--white)}.simple-section-head.light{display:block;margin-bottom:3rem}.simple-section-head.light h2{color:var(--ink)}.simple-process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.simple-process-grid>div{padding:1.4rem 1rem 0;border-right:1px solid var(--line)}.simple-process-grid>div:first-child{border-left:1px solid var(--line)}.simple-process-grid span{color:var(--orange);font:800 .68rem ui-monospace,monospace}.simple-process-grid h3{margin:1.4rem 0 .5rem;font-size:1.2rem}.simple-process-grid p{margin:0;color:#6d777b;font-size:.84rem}.simple-contact{padding:110px 0;background:#eee9df}.simple-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:6rem;align-items:start}.simple-contact h2{margin:0 0 1.2rem;font-size:clamp(2.8rem,5vw,5rem);line-height:.92;letter-spacing:-.07em}.simple-contact>div>p:not(.simple-eyebrow){color:#667177}.dark-mail{display:inline-flex;margin-top:1.5rem;color:var(--orange);border-bottom:1px solid #c9b8aa;padding-bottom:.5rem}.simple-contact form{padding:2rem;background:var(--white)}
@media(max-width:980px){.simple-hero-inner,.simple-intro-grid,.simple-contact-grid{grid-template-columns:1fr;gap:3rem}.simple-hero-inner{min-height:auto;padding:70px 0}.simple-hero-note{margin-left:0}.simple-service-grid{grid-template-columns:1fr 1fr}.simple-price-list{grid-template-columns:1fr 1fr}.simple-price-list>div{border-bottom:1px solid #344652}.simple-about-grid{grid-template-columns:1fr;gap:3rem}.simple-about-symbol{min-height:280px}.simple-section-head{grid-template-columns:1fr;gap:1rem}.simple-process-grid{grid-template-columns:1fr 1fr}.simple-process-grid>div{padding-bottom:1.5rem}}
@media(max-width:640px){.simple-hero h1{font-size:4.1rem}.simple-actions{align-items:stretch;flex-direction:column;gap:1rem}.simple-service-grid,.simple-price-list,.simple-process-grid{grid-template-columns:1fr}.simple-service-image{height:250px}.simple-service-body{padding:1.4rem}.simple-service-body h3{font-size:2.2rem}.simple-price-list>div,.simple-price-list>div:first-child{border-left:1px solid #344652}.simple-about-symbol{min-height:240px}.simple-about-symbol span{font-size:12rem}.simple-contact form{padding:1.3rem}}

/* Reference-aligned navy / electric-blue finish */
:root{--ink:#07111f;--ink-soft:#0d1b2e;--paper:#f4f7fb;--white:#fff;--line:#dce4ee;--muted:#5c6878;--orange:#2474ff;--lime:#b8ff5d;--blue:#2474ff;--cyan:#72e4ff}
.home-simple{background:var(--paper)}.simple-header{background:rgba(7,17,31,.92);border-bottom-color:rgba(255,255,255,.1)}.simple-header .brand{color:#fff}.simple-header .brand small{color:#aeb9c7}.simple-header .brand-mark{background:var(--blue);color:#fff}.simple-header nav a{color:#cad2de}.simple-header nav a:hover{color:#fff}.simple-header .nav-cta{background:var(--lime);color:var(--ink)}.simple-hero{background:var(--ink);color:#fff}.simple-eyebrow{color:var(--cyan)}.simple-eyebrow.dark{color:#526176}.simple-hero h1 em{color:var(--cyan)}.simple-hero-copy>p:not(.simple-eyebrow){color:#bdc9d8}.simple-mail{color:#b8c5d3}.simple-mail:hover{color:#fff}.simple-hero-note{border-color:#2d4059}.simple-hero-note span{color:var(--cyan)}.simple-hero-note small{color:#9eacbe}.simple-hero-note i{background:#2d4059}.simple-scroll{border-top-color:#2d4059;color:#9eacbe}.simple-scroll i{background:var(--cyan)}.simple-intro{background:#fff}.simple-intro-grid>p{color:var(--muted)}.simple-intro h2 em{color:var(--blue)}.simple-services{background:var(--paper)}.simple-service-card{background:#fff;box-shadow:0 18px 45px rgba(7,17,31,.08)}.simple-service-image span{background:var(--lime);color:var(--ink)}.simple-service-body h3 em{color:var(--blue)}.simple-service-body>p:not(.simple-eyebrow){color:var(--muted)}.simple-service-body li{border-color:var(--line);color:var(--muted)}.simple-card-link{border-color:var(--line);color:var(--blue)}.camera-card{background:#eef3f9}.camera-card .simple-service-image span{background:var(--blue);color:#fff}.simple-price{background:var(--ink)}.simple-section-head p:not(.simple-eyebrow){color:#a9b6c3}.simple-price-list{border-color:#2d4059}.simple-price-list>div,.simple-price-list>div:first-child{border-color:#2d4059}.simple-price-list span{color:#a9b6c3}.simple-price-list strong{color:var(--lime)}.simple-price-list small{color:#8291a5}.simple-text-link{color:var(--lime)}.simple-about{background:var(--blue)}.simple-about-symbol{background:#0c5de6}.simple-about-symbol small{color:var(--lime)}.simple-about p:not(.simple-eyebrow){color:#dbe8ff}.simple-about-facts{border-color:rgba(255,255,255,.25)}.simple-about-facts small{color:#c9ddff}.simple-process{background:#fff}.simple-process-grid>div{border-color:var(--line)}.simple-process-grid span{color:var(--blue)}.simple-process-grid p{color:var(--muted)}.simple-contact{background:var(--ink);color:#fff}.simple-contact>div>p:not(.simple-eyebrow){color:#a9b6c3}.simple-contact h2 em{color:var(--lime)}.simple-contact form{background:#fff;color:var(--ink)}.dark-mail{color:var(--lime);border-color:#344652}.simple-header .menu-button span:not(.sr-only){background:#fff}

/* ===== ref.css ===== */
:root{--ink:#111827;--text:#5e6b7f;--blue:#2457ab;--violet:#714ee8;--pink:#c652d2;--line:#d5deea;--bg:#f3f7fc;--white:#fff;--green:#22ad62}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}.ref-body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}.ref-body a{text-decoration:none}.ref-wrap{width:min(1120px,calc(100% - 44px));margin:auto}
.ref-topbar{height:38px;background:linear-gradient(100deg,#173d7d,#205aae 58%,#288ca0);color:#fff;font-size:14px}.ref-topbar-inner{width:min(1120px,calc(100% - 44px));height:100%;margin:auto;display:flex;align-items:center;gap:8px}.top-dot{width:7px;height:7px;border-radius:50%;background:#f69d1e}.ref-topbar a{margin-left:auto;color:#fff;font-weight:700}.ref-header{height:74px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 10px 26px rgba(31,54,92,.08);position:sticky;top:0;z-index:20}.ref-nav{width:min(1120px,calc(100% - 44px));height:100%;margin:auto;display:flex;align-items:center;gap:34px}.ref-logo{color:#2759ac!important;font-weight:900;font-size:18px;letter-spacing:-.03em;white-space:nowrap}.ref-logo span{color:#8155e8}.ref-nav>nav{display:flex;align-items:center;gap:30px;margin-left:auto}.ref-nav>nav a{color:#5e6879;font-size:15px}.ref-nav>nav a:hover{color:var(--blue)}.ref-nav-actions{display:flex;gap:10px}.ref-tour,.ref-nav-cta{border:1px solid #b8ccec;border-radius:999px;height:46px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;color:#214f94!important;font-weight:750;font-size:14px;background:#eef4fc}.ref-nav-cta{height:54px;padding:0 30px}.menu-button{display:none}
.ref-hero{min-height:650px;background:radial-gradient(circle at 52% 0,#c9dbef 0,rgba(213,228,242,.38) 20%,rgba(243,247,252,0) 46%),var(--bg);border-bottom:1px solid var(--line)}.ref-hero-inner{width:min(1120px,calc(100% - 44px));min-height:650px;margin:auto;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:60px;padding:62px 0 54px}.ref-kicker{color:#204e91;font-size:12px;letter-spacing:.27em;font-weight:850;display:flex;align-items:center;gap:12px}.ref-kicker i{display:block;width:26px;height:1px;background:#2b65c5}.ref-promo{display:inline-flex;align-items:center;gap:9px;border:1px solid #b4caea;background:#ebf2fb;color:#2b589d;border-radius:999px;padding:7px 16px;margin:18px 0 20px;font-size:14px}.ref-promo span{width:7px;height:7px;background:#2d66c6;border-radius:50%}.ref-hero h1{font-size:clamp(48px,5vw,65px);letter-spacing:-.055em;line-height:.99;color:#2551a7;margin:0 0 25px;font-weight:870}.ref-body em{font-style:normal;background:linear-gradient(100deg,#2758b5,#7650e7 62%,#c94fcd);-webkit-background-clip:text;background-clip:text;color:transparent}.ref-hero-copy>p{font-size:18px;color:var(--text);line-height:1.7;max-width:590px;margin:0}.ref-hero-buttons{display:flex;gap:12px;margin-top:34px}.ref-btn{min-height:56px;border-radius:999px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}.ref-btn.primary{background:#2459ad;color:#fff;box-shadow:0 14px 30px rgba(36,89,173,.18)}.ref-btn.secondary{background:#e9f1fb;color:#26569f;border:1px solid #b5cae9}.ref-visual{width:100%;max-width:520px;justify-self:end}.ref-visual svg{width:100%;display:block;mask-image:radial-gradient(circle,#000 54%,transparent 76%)}
.ref-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#eef3fa}.ref-stats div{padding:22px max(20px,calc((100vw - 1120px)/2));padding-left:max(40px,calc((100vw - 1120px)/2));border-right:1px solid var(--line)}.ref-stats div:first-child{padding-left:max(40px,calc((100vw - 1120px)/2))}.ref-stats strong{display:block;color:#2462d5;font-size:29px;line-height:1.15}.ref-stats span{display:block;color:#8691a2;letter-spacing:.14em;font-size:11px;margin-top:5px}.ref-jump{display:grid;grid-template-columns:repeat(6,1fr);background:#eef3fa;border-bottom:1px solid var(--line)}.ref-jump a{min-height:91px;padding:23px 18px;border-right:1px solid var(--line);color:var(--ink)}.ref-jump b{display:block;color:#2662c6;font-size:12px;letter-spacing:.15em;margin-bottom:8px}.ref-jump span{font-size:14px}.ref-jump a:hover{background:#fff}
.ref-section,.ref-pricing,.ref-about,.ref-contact,.ref-values{padding:100px 0;background:var(--bg)}.ref-heading{max-width:660px;margin-bottom:58px}.ref-heading h2,.ref-price-heading h2{font-size:clamp(38px,4.2vw,50px);letter-spacing:-.045em;line-height:1.03;color:#244fac;margin:22px 0}.ref-heading p,.ref-price-heading p{font-size:18px;line-height:1.65;color:var(--text);margin:0}.ref-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ref-service-grid article{background:var(--white);border:1px solid #d7dfe9;border-radius:18px;padding:28px 26px 30px;min-height:460px;display:flex;flex-direction:column}.ref-icon{width:44px;height:44px;border-radius:13px;border:1px solid #b7cbed;background:#edf4fc;color:#2458a8;display:grid;place-items:center;font-size:21px;margin-bottom:16px}.ref-service-grid article>span,.ref-price-panel article>span,.ref-feature-copy>span{color:#214f91;font-size:12px;font-weight:850;letter-spacing:.18em}.ref-service-grid h3{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:10px 0 8px}.ref-service-grid p{color:var(--text);margin:0;line-height:1.65}.ref-service-grid ul,.ref-price-panel ul{list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid #dce3ec}.ref-service-grid li,.ref-price-panel li{color:var(--text);margin:0 0 12px;padding-left:25px;position:relative}.ref-service-grid li:before,.ref-price-panel li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.ref-service-grid article>a{margin-top:auto;color:#225298;font-weight:800;font-size:14px;padding-top:10px}
.ref-pricing{border-top:1px solid var(--line)}.ref-price-heading{text-align:center;max-width:770px;margin:0 auto 50px}.ref-kicker.centered{justify-content:center}.ref-price-heading h2{color:#244fab}.ref-tabs{width:max-content;margin:0 auto 38px;background:#fff;border:1px solid #d1d9e4;border-radius:999px;padding:4px;display:flex}.ref-tabs button{border:0;border-radius:999px;background:transparent;color:#647083;font-weight:800;padding:12px 27px}.ref-tabs button.active{background:#2459aa;color:#fff;box-shadow:0 6px 14px rgba(35,83,161,.18)}.ref-price-panel{display:none;grid-template-columns:repeat(3,1fr);gap:18px}.ref-price-panel.active{display:grid}.ref-price-panel article{background:#fff;border:1px solid #d6dee9;border-radius:18px;padding:30px 26px;min-height:493px;display:flex;flex-direction:column;position:relative}.ref-price-panel article.popular{border-color:#b7cdee;box-shadow:0 18px 38px rgba(37,82,145,.08)}.ref-price-panel article.popular:before{content:"";position:absolute;left:20px;right:20px;top:-1px;height:2px;background:linear-gradient(90deg,#275bd2,#8a55f0,#ce52cb)}.ref-price-panel article>b{position:absolute;right:17px;top:17px;color:#fff;background:linear-gradient(90deg,#3c52ce,#d150cd);font-size:10px;letter-spacing:.08em;padding:6px 12px;border-radius:999px}.ref-price-panel h3{font-size:40px;letter-spacing:-.05em;margin:12px 0 0;line-height:1.1}.ref-price-panel .popular h3{color:#3159bd}.ref-price-panel article>p{color:#8792a4;margin:0}.ref-price-panel li{font-size:15px}.ref-price-panel article>a{margin-top:auto;min-height:56px;border:1px solid #b8ccec;background:#eef4fc;color:#24559e;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800}.ref-price-panel article.popular>a{border:0;background:linear-gradient(90deg,#2859bd,#8256ee,#ca51cd);color:#fff}.ref-price-note{text-align:center;color:#788599;font-size:13px;margin:24px auto 0;max-width:900px}
.ref-webfocus{border-top:1px solid var(--line)}.ref-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.ref-feature-copy h3{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:14px 0}.ref-feature-copy p{color:var(--text);font-size:17px;margin-bottom:28px}.ref-demo-window{background:#fff;border:1px solid #ccd7e6;border-radius:18px;box-shadow:0 28px 60px rgba(40,75,126,.13);overflow:hidden}.ref-demo-window>div{height:44px;border-bottom:1px solid #d8e0ea;background:#edf2f8;display:flex;align-items:center;gap:7px;padding:0 15px}.ref-demo-window i{width:8px;height:8px;border-radius:50%;background:#b5c1d0}.ref-demo-window small{margin:auto;color:#7d899b}.ref-demo-window section{padding:42px;background:radial-gradient(circle at 80% 25%,#d9e7f7,transparent 38%),#f8fbfe}.ref-demo-window b{color:#2555ac;font-size:33px;line-height:1.05}.ref-demo-window p{color:var(--text);max-width:410px}.ref-demo-window section span{display:inline-block;width:24%;height:67px;margin:20px 8px 0 0;border:1px solid #d2deed;border-radius:8px;background:#fff}
.ref-values{border-top:1px solid var(--line);padding:70px 0}.ref-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ref-values-grid article{border:1px solid #cfd9e6;background:#eef3f9;border-radius:18px;padding:22px;min-height:220px}.ref-values-grid article>div{color:#2458ab;font-size:25px}.ref-values-grid h3{font-size:18px;line-height:1.15;margin:10px 0 6px}.ref-values-grid p{color:var(--text);font-size:15px;margin:0}
.ref-about{border-top:1px solid var(--line)}.ref-about-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:80px;align-items:start}.ref-person{display:flex;align-items:center;gap:22px;margin:22px 0}.ref-portrait{width:144px;height:144px;flex:none;border-radius:50%;border:3px solid #2557a7;background:radial-gradient(circle at 50% 35%,#dbe7f7,#a7bddc);display:grid;place-items:center;box-shadow:0 14px 28px rgba(31,77,147,.16)}.ref-portrait span{font-size:11px;letter-spacing:.18em;color:#345783}.ref-person h2{font-size:41px;letter-spacing:-.045em;margin:0}.ref-about-grid>div>p{color:var(--text);font-size:16px;max-width:650px}.ref-about-grid strong{color:var(--ink)}.ref-placeholder{border-left:3px solid #bdcadc;padding-left:14px;font-size:14px!important}.ref-timeline{border:1px solid #ccd7e5;border-radius:18px;background:#edf2f8;padding:26px 32px 24px 50px}.ref-timeline>div{position:relative;padding:0 0 30px 20px;border-left:1px solid #b7c4d6}.ref-timeline>div:last-child{padding-bottom:0}.ref-timeline>div:before{content:"";position:absolute;width:10px;height:10px;border:2px solid #fff;background:#245aa9;border-radius:50%;left:-6px;top:2px;box-shadow:0 0 0 2px #c9d7e8}.ref-timeline span{color:#20519b;font-size:11px;font-weight:850;letter-spacing:.13em}.ref-timeline h3{font-size:16px;margin:17px 0 0}.ref-timeline p{color:var(--text);font-size:14px;margin:0}
.ref-contact{border-top:1px solid var(--line)}.ref-contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:start}.ref-contact-card{border:1px solid #ced8e5;border-radius:18px;background:#edf2f8;padding:28px}.ref-contact-card h3{font-size:24px;margin:0 0 18px}.ref-contact-card>div{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid #d0d9e5;color:#1e54a3}.ref-contact-card>div:last-child{border:0}.ref-contact-card p{color:var(--ink);margin:0;font-size:15px}.ref-contact-card b{display:block;color:#8a95a7;font-size:12px;letter-spacing:.12em;margin-bottom:4px}.ref-contact-card a{color:var(--ink)}.ref-form label{display:block;color:#657185;font-size:14px;font-weight:700}.ref-form small{font-weight:400;color:#8894a6}.ref-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ref-form input,.ref-form select,.ref-form textarea{width:100%;border:1px solid #cbd5e2;background:#fff;border-radius:13px;min-height:54px;margin-top:7px;padding:12px 14px;font:inherit;color:var(--ink)}.ref-form textarea{min-height:136px;resize:vertical}.ref-check{border:1px solid #ccd6e3;border-radius:13px;background:#edf2f8;padding:14px 18px;margin:16px 0}.ref-check label{color:var(--ink)}.ref-check input{width:108px;min-height:34px;border-radius:0;display:inline-block;margin:0 0 0 8px;padding:4px}.ref-check small{display:block;margin-top:8px}.ref-consent{font-weight:400!important;font-size:13px!important}.ref-consent input{width:16px;min-height:16px;margin:0 8px 0 0;vertical-align:middle}.ref-submit{width:100%;min-height:56px;border:0;border-radius:999px;background:#2459aa;color:#fff;font:inherit;font-weight:850;margin-top:18px;cursor:pointer}.ref-form input:focus,.ref-form select:focus,.ref-form textarea:focus{outline:3px solid rgba(44,101,192,.16);border-color:#4e7cc6}.honeypot{position:absolute!important;left:-9999px!important}.form-error{color:#b42318}.quick-tab{position:fixed;right:0;top:43%;z-index:15;background:#1c4d91;color:#fff!important;border-radius:16px 0 0 16px;padding:20px 12px;writing-mode:vertical-rl;font-size:12px;font-weight:850;letter-spacing:.12em;box-shadow:0 14px 28px rgba(20,55,110,.22)}
.ref-footer{border-top:1px solid #233d65;background:#132b50;color:#cbd5e5;padding:52px max(22px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}.ref-footer .ref-logo{font-size:21px}.ref-footer p{margin:8px 0 0}.ref-footer nav{display:flex;gap:22px}.ref-footer nav a{color:#d9e2ef}.ref-footer small{grid-column:1/-1;border-top:1px solid #2b456d;padding-top:18px;color:#8495ad}
@media(max-width:1040px){.ref-nav{gap:18px}.ref-nav>nav{gap:16px}.ref-tour{display:none}.ref-hero-inner{gap:25px}.ref-service-grid{grid-template-columns:repeat(2,1fr)}.ref-jump{grid-template-columns:repeat(3,1fr)}.ref-values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){html{scroll-padding-top:74px}.ref-topbar{height:auto;min-height:38px}.ref-topbar-inner{padding:7px 0;line-height:1.25}.ref-topbar a{display:none}.ref-header{height:68px}.ref-nav>nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px;flex-direction:column;align-items:stretch}.ref-nav>nav.open{display:flex}.menu-button{display:block;margin-left:auto;border:0;background:transparent;font-size:24px;color:#2457aa}.ref-nav-actions{display:none}.ref-hero,.ref-hero-inner{min-height:auto}.ref-hero-inner{grid-template-columns:1fr;padding:76px 0 52px}.ref-hero h1{font-size:45px}.ref-visual{max-width:390px;justify-self:center}.ref-stats{grid-template-columns:repeat(2,1fr)}.ref-stats div{padding:19px 22px}.ref-jump{grid-template-columns:repeat(2,1fr)}.ref-section,.ref-pricing,.ref-about,.ref-contact{padding:72px 0}.ref-service-grid,.ref-price-panel,.ref-split,.ref-about-grid,.ref-contact-grid{grid-template-columns:1fr}.ref-price-panel article{min-height:430px}.ref-split,.ref-about-grid,.ref-contact-grid{gap:38px}.quick-tab{display:none}}
@media(max-width:520px){.ref-wrap,.ref-nav,.ref-hero-inner,.ref-topbar-inner{width:min(100% - 28px,1120px)}.ref-topbar{font-size:12px}.ref-kicker{font-size:10px;letter-spacing:.2em}.ref-hero h1{font-size:39px}.ref-hero-copy>p{font-size:16px}.ref-hero-buttons{flex-direction:column}.ref-btn{width:100%}.ref-visual{display:none}.ref-stats strong{font-size:23px}.ref-jump{grid-template-columns:1fr}.ref-jump a{min-height:72px}.ref-heading h2,.ref-price-heading h2{font-size:36px}.ref-service-grid{grid-template-columns:1fr}.ref-service-grid article{min-height:0}.ref-values-grid{grid-template-columns:1fr}.ref-person{align-items:flex-start}.ref-portrait{width:94px;height:94px}.ref-person h2{font-size:31px}.ref-fields{grid-template-columns:1fr}.ref-footer{grid-template-columns:1fr}.ref-footer nav{margin-top:15px}}

/* ===== service.css ===== */
.service-page .ref-nav>nav a.active{color:#172033;background:#f3f5f8;border-radius:14px;padding:11px 14px}.service-intro{padding:88px 0 60px;background:radial-gradient(circle at 54% 0,#cfdef1 0,transparent 35%),var(--bg)}.service-intro h1{font-size:clamp(48px,5vw,66px);line-height:1.02;letter-spacing:-.055em;color:#2452ab;margin:24px 0 18px}.service-intro .ref-wrap>p,.camera-intro-new p{max-width:720px;color:var(--text);font-size:18px;line-height:1.65}.service-prices{padding:0 0 100px;background:var(--bg)}.service-prices .ref-price-panel{display:grid}.service-prices .ref-price-panel article{min-height:425px}.service-detail{padding:95px 0;border-top:1px solid var(--line);background:var(--bg)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-grid article{border:1px solid #d3dce8;background:#fff;border-radius:18px;padding:25px;min-height:225px}.process-grid span{color:#2459ac;font-size:12px;font-weight:850;letter-spacing:.15em}.process-grid h3{font-size:20px;margin:40px 0 7px}.process-grid p{color:var(--text);font-size:15px;margin:0}.service-cta{padding:80px 0;background:#eaf1fa;border-top:1px solid var(--line)}.service-cta .ref-wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}.service-cta span{color:#23539d;font-size:12px;font-weight:850;letter-spacing:.17em}.service-cta h2{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:12px 0}.service-cta p{color:var(--text);margin:0;max-width:680px}.intro-grid{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:center}.camera-intro-new .ref-btn{margin-top:22px}.camera-sketch{height:350px;border:1px solid #cfdae8;border-radius:22px;background:linear-gradient(145deg,#edf3fa,#dfeaf7);display:grid;place-items:center;position:relative;overflow:hidden}.camera-sketch:before,.camera-sketch:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #bfd0e4;border-radius:50%}.camera-sketch:after{width:220px;height:220px}.cam-body{width:155px;height:88px;background:#fff;border:3px solid #2559a7;border-radius:20px 36px 36px 20px;transform:rotate(-10deg);position:relative;z-index:2;box-shadow:0 18px 30px rgba(36,77,135,.13)}.cam-body:before{content:"";position:absolute;width:62px;height:62px;border:9px solid #2c61b5;border-radius:50%;right:13px;top:4px;background:#d7e5f6;box-shadow:inset 0 0 0 13px #6a8fbf}.cam-body:after{content:"";position:absolute;width:68px;height:10px;background:#2559a7;left:17px;bottom:-25px;transform:rotate(22deg);border-radius:8px}.cam-body i{position:absolute;width:42px;height:11px;background:#2559a7;left:12px;bottom:-46px;border-radius:8px}.camera-sketch small{position:absolute;bottom:25px;z-index:3;color:#345d95;font-weight:850;letter-spacing:.16em}
@media(max-width:780px){.process-grid,.intro-grid{grid-template-columns:1fr 1fr}.intro-grid{grid-template-columns:1fr;gap:38px}.service-cta .ref-wrap{align-items:flex-start;flex-direction:column}.camera-sketch{height:300px}}
@media(max-width:520px){.service-intro h1{font-size:39px}.process-grid{grid-template-columns:1fr}.service-intro{padding-top:62px}.service-cta h2{font-size:32px}}

/* ===== fix.css ===== */
.ref-stats div{padding:22px 40px}
@media(max-width:780px){.ref-stats div{padding:19px 22px}.process-grid{grid-template-columns:repeat(2,1fr)}.intro-grid{grid-template-columns:1fr;gap:38px}.service-cta .ref-wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.ref-stats div{padding:18px 15px}.process-grid{grid-template-columns:1fr}}

/* ===== identity.css ===== */
:root{--ink:#0b1524;--text:#58677a;--blue:#155eef;--violet:#155eef;--pink:#32cbbb;--line:#dce4ee;--bg:#f5f8fc;--green:#16a574;--signal:#3ed7c3;--night:#0b1728}
.ref-body{background:#f5f8fc;color:var(--ink)}.ref-body em{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--blue);position:relative}.ref-body em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:7px;background:var(--signal);opacity:.28;border-radius:2px;z-index:-1}
.ref-topbar{height:34px;background:var(--night);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.ref-topbar-inner{justify-content:flex-start}.ref-topbar-inner strong{color:#85eee1;font-weight:700}.ref-topbar .top-dot{background:var(--signal);box-shadow:0 0 0 5px rgba(62,215,195,.12)}.ref-topbar a{text-transform:none;letter-spacing:0;font-size:13px}
.ref-header{height:78px;box-shadow:none;border-bottom:1px solid #e1e7ef}.ref-logo{font-size:16px!important;letter-spacing:.05em;color:var(--ink)!important;display:flex;align-items:center;gap:9px}.ref-logo:before{content:"W";display:grid;place-items:center;width:34px;height:34px;background:var(--blue);color:#fff;border-radius:10px;font-size:16px;letter-spacing:0;transform:rotate(-4deg)}.ref-logo span{color:var(--ink)}.ref-nav>nav a{font-size:14px;font-weight:650}.ref-tour{display:none}.ref-nav-cta{height:44px;border-radius:12px;background:var(--ink);color:#fff!important;border:0;padding:0 22px}.ref-nav-cta:after{content:" ↗";color:var(--signal);margin-left:8px}
.ref-hero{min-height:690px;background:linear-gradient(115deg,#fff 0,#fff 57%,#e8f4f5 57%,#dff1f0 100%);border:0;position:relative;overflow:hidden}.ref-hero:before{content:"ITW";position:absolute;right:-30px;bottom:-145px;color:rgba(15,63,83,.045);font-size:360px;font-weight:950;letter-spacing:-.12em}.ref-hero-inner{min-height:690px;grid-template-columns:1.02fr .98fr;gap:68px;padding:82px 0 112px}.ref-kicker{color:var(--blue);letter-spacing:.17em}.ref-kicker i{width:9px;height:9px;border-radius:2px;background:var(--signal);transform:rotate(45deg)}.ref-promo{border:0;border-radius:8px;background:#eaf1ff;color:#154895;margin:21px 0 25px;padding:9px 13px}.ref-promo span{background:var(--signal);border-radius:2px}.ref-hero h1{color:var(--ink);font-size:clamp(50px,5.3vw,72px);line-height:.96;margin-bottom:27px}.ref-hero-copy>p{max-width:610px}.ref-btn{min-height:54px;border-radius:12px}.ref-btn.primary{background:var(--blue);box-shadow:8px 8px 0 #b9f1e9}.ref-btn.primary:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 #b9f1e9}.ref-btn.secondary{background:#fff;border:1px solid #cbd6e4;border-radius:12px;color:var(--ink)}
.wahleder-cockpit{background:var(--night);border-radius:26px;padding:17px;box-shadow:28px 30px 0 rgba(21,94,239,.11);transform:rotate(1.5deg);position:relative}.wahleder-cockpit:before{content:"";position:absolute;width:66px;height:66px;left:-27px;top:80px;background:var(--signal);border-radius:20px;z-index:-1;transform:rotate(-15deg)}.cockpit-top,.cockpit-bottom{display:flex;align-items:center;justify-content:space-between;color:#8ca0b8;font-size:10px;letter-spacing:.12em;padding:2px 4px 14px}.cockpit-top i{display:inline-block;width:7px;height:7px;background:var(--signal);border-radius:50%;margin-right:5px}.cockpit-top b{color:#73e0d1;font-weight:750}.cockpit-main{display:grid;grid-template-columns:1.18fr .82fr;gap:10px}.site-preview,.camera-preview{background:#fff;border-radius:16px;min-height:300px;padding:25px;position:relative;overflow:hidden}.site-preview{background:linear-gradient(155deg,#fff 0 70%,#e8f0ff 70%)}.site-preview small,.camera-preview small{color:var(--blue);font-weight:900;letter-spacing:.15em}.site-preview strong{display:block;font-size:28px;line-height:1.03;letter-spacing:-.04em;margin:55px 0 29px}.site-preview i{display:block;height:8px;border-radius:3px;background:#dfe6ef;margin-top:10px;width:90%}.site-preview i:nth-of-type(2){width:68%;background:#b7f0e8}.site-preview i:nth-of-type(3){width:42%;height:32px;background:var(--blue);border-radius:7px}.camera-preview{background:#12243b;color:#fff;display:flex;flex-direction:column;align-items:center}.camera-preview small{align-self:flex-start;color:#7f9ab9}.lens{width:116px;height:116px;border:1px solid #3a526d;border-radius:50%;margin:auto;display:grid;place-items:center;box-shadow:0 0 0 24px rgba(29,72,105,.35),0 0 0 48px rgba(29,72,105,.18)}.lens span{width:47px;height:47px;border:9px solid #42d6c2;border-radius:50%;background:#0b1728;box-shadow:inset 0 0 0 6px #245dd5}.camera-preview b{font-size:9px;letter-spacing:.15em;color:#6ee5d5}.cockpit-bottom{padding:14px 4px 1px}.cockpit-bottom span{display:flex;align-items:center;gap:5px}.cockpit-bottom b{color:var(--signal)}
.ref-stats{width:min(1120px,calc(100% - 44px));margin:-54px auto 0;position:relative;z-index:3;background:var(--night);border:0;border-radius:20px;overflow:hidden;box-shadow:0 20px 45px rgba(9,29,52,.13)}.ref-stats div{padding:25px 28px!important;border-color:#28394f}.ref-stats strong{color:#fff;font-size:26px}.ref-stats span{color:#8fa2b9}.ref-jump{width:min(1120px,calc(100% - 44px));margin:28px auto 0;background:transparent;border:0;grid-template-columns:repeat(3,1fr);gap:10px}.ref-jump a{min-height:64px;padding:15px 18px;border:1px solid #dde5ef;background:#fff;border-radius:12px;display:grid;grid-template-columns:32px 1fr;align-items:center}.ref-jump b{margin:0;color:var(--signal);background:var(--night);width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:9px}.ref-jump a:hover{border-color:var(--blue);transform:translateY(-2px)}
.ref-section,.ref-pricing,.ref-about,.ref-contact,.ref-values{background:#f5f8fc}.ref-heading{display:grid;grid-template-columns:1fr;max-width:740px}.ref-heading h2,.ref-price-heading h2{color:var(--ink);font-size:clamp(40px,4.4vw,56px)}.ref-heading p{max-width:640px}.ref-service-grid{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}.ref-service-grid article{border:0;border-radius:24px;min-height:420px;box-shadow:0 1px 0 #dce5ef;background:#fff;position:relative;overflow:hidden}.ref-service-grid article:after{content:"";position:absolute;right:-35px;top:-35px;width:95px;height:95px;border-radius:50%;border:18px solid rgba(21,94,239,.05)}.ref-service-grid article:nth-child(1),.ref-service-grid article:nth-child(4){grid-column:span 2}.ref-service-grid article:nth-child(2){background:var(--blue);color:#fff}.ref-service-grid article:nth-child(2) p,.ref-service-grid article:nth-child(2) li,.ref-service-grid article:nth-child(2) a{color:#e3ecff}.ref-service-grid article:nth-child(2) ul{border-color:rgba(255,255,255,.22)}.ref-service-grid article:nth-child(4){background:#dff7f3}.ref-icon{border:0;border-radius:11px;background:#eaf0ff;color:var(--blue)}.ref-service-grid article:nth-child(2) .ref-icon{background:#fff;color:var(--blue)}
.ref-pricing{background:var(--night);border:0;position:relative}.ref-pricing:before{content:"09";position:absolute;left:4%;top:0;color:rgba(255,255,255,.035);font-size:250px;font-weight:950}.ref-price-heading h2{color:#fff}.ref-price-heading p{color:#9aabc0}.ref-pricing .ref-kicker{color:var(--signal)}.ref-tabs{background:#13263e;border:1px solid #273b53;border-radius:12px}.ref-tabs button{border-radius:8px;color:#9cadc1}.ref-tabs button.active{background:var(--signal);color:var(--night);box-shadow:none}.ref-price-panel article{border:0;border-radius:22px}.ref-price-panel article.popular{background:#dff7f3;transform:translateY(-10px);box-shadow:0 22px 45px rgba(0,0,0,.18)}.ref-price-panel article.popular:before{display:none}.ref-price-panel article>b{background:var(--night);color:var(--signal);border-radius:7px}.ref-price-panel .popular h3{color:var(--ink)}.ref-price-panel article>a{border-radius:10px;background:#eff3f8;color:var(--ink)}.ref-price-panel article.popular>a{background:var(--blue);color:#fff}.ref-price-note{color:#8495aa}
.ref-webfocus{background:#fff}.ref-demo-window{border:0;border-radius:24px;box-shadow:20px 20px 0 #dff7f3}.ref-values{background:#fff}.ref-values-grid{gap:10px}.ref-values-grid article{background:#f5f8fc;border:0;border-radius:16px}.ref-values-grid article>div{color:var(--blue)}
.ref-about{background:#eef3f8}.ref-about-grid{grid-template-columns:1.15fr .85fr}.ref-portrait{border:0;border-radius:22px;background:var(--night);box-shadow:9px 9px 0 var(--signal)}.ref-portrait span{color:#96a9bf}.ref-timeline{background:#fff;border:0;border-radius:24px}.ref-timeline>div{border-left:2px solid #dfe7ef}.ref-timeline>div:before{border-radius:3px;background:var(--signal);box-shadow:0 0 0 2px #fff}
.ref-contact{background:#fff}.ref-contact-card{background:var(--night);border:0;border-radius:24px;color:#fff}.ref-contact-card h3,.ref-contact-card p,.ref-contact-card a{color:#fff}.ref-contact-card>div{border-color:#273a51;color:var(--signal)}.ref-form{background:#f4f7fb;border-radius:24px;padding:28px}.ref-form input,.ref-form select,.ref-form textarea{border:0;border-radius:9px;box-shadow:inset 0 0 0 1px #d8e1eb}.ref-check{border:0;border-radius:10px;background:#e7edf5}.ref-submit{border-radius:10px;background:var(--blue);box-shadow:7px 7px 0 #b9f1e9}.quick-tab{right:24px;top:auto;bottom:24px;writing-mode:horizontal-tb;border-radius:14px;padding:12px 16px;background:var(--signal);color:var(--night)!important;letter-spacing:0;font-size:13px;display:flex;gap:8px;align-items:center}.quick-tab span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--night);color:#fff}.ref-footer{background:#07111e}.ref-footer .ref-logo:before{background:var(--signal);color:var(--night)}.ref-footer .ref-logo,.ref-footer .ref-logo span{color:#fff!important}
.service-page .ref-topbar{display:none}.service-intro{background:linear-gradient(115deg,#fff 0 63%,#e0f5f2 63%)}.service-intro h1{color:var(--ink)}.service-prices{background:#f5f8fc}.service-prices .ref-price-panel article.popular{background:#dff7f3}.service-detail{background:#fff}.process-grid article{border:0;background:#f3f7fb;border-radius:20px}.process-grid article:nth-child(even){background:#e1f5f2}.service-cta{background:var(--night);color:#fff}.service-cta h2{color:#fff}.service-cta p{color:#9cacc0}.camera-sketch{border:0;background:var(--night);border-radius:24px;box-shadow:18px 18px 0 #bcefe8}.camera-sketch:before,.camera-sketch:after{border-color:#294058}.camera-sketch small{color:var(--signal)}
@media(max-width:1040px){.ref-service-grid{grid-template-columns:repeat(2,1fr)}.ref-service-grid article:nth-child(1),.ref-service-grid article:nth-child(4){grid-column:span 1}.ref-nav>nav{gap:13px}}
@media(max-width:780px){.ref-topbar{display:none}.ref-header{top:0}.ref-hero{background:linear-gradient(160deg,#fff 0 72%,#e1f5f2 72%)}.ref-hero-inner{padding-bottom:90px}.wahleder-cockpit{max-width:520px;margin:auto}.ref-stats{margin-top:-42px}.ref-jump{grid-template-columns:1fr 1fr}.ref-service-grid{grid-template-columns:1fr 1fr}.ref-price-panel article.popular{transform:none}.quick-tab{display:flex}.ref-form{padding:20px}}
@media(max-width:520px){.ref-hero h1{font-size:43px}.wahleder-cockpit{display:none}.ref-stats{grid-template-columns:1fr 1fr}.ref-jump,.ref-service-grid{grid-template-columns:1fr}.ref-service-grid article{min-height:0}.quick-tab{right:14px;bottom:14px}.ref-about-grid{gap:45px}}

/* ===== calm.css ===== */
:root{--ink:#142033;--text:#617085;--blue:#2457a7;--signal:#2457a7;--night:#142033;--bg:#f5f7fa;--line:#dce3ec;--green:#299766}
.ref-body{background:#f5f7fa}.ref-body em{color:#2457a7}.ref-body em:after{height:5px;background:#2457a7;opacity:.12}.ref-topbar{display:none}.ref-header{height:72px;box-shadow:0 6px 22px rgba(25,45,74,.05)}.ref-logo:before{background:#2457a7;transform:none;border-radius:8px}.ref-nav-cta{height:42px;background:#2457a7;border-radius:9px}.ref-nav-cta:after{color:#fff}
.ref-hero{min-height:610px;background:linear-gradient(180deg,#fff 0,#f5f7fa 100%);border-bottom:1px solid var(--line)}.ref-hero:before{display:none}.ref-hero-inner{min-height:610px;padding:72px 0 82px;gap:74px}.ref-promo{background:#edf2f8;color:#36577f}.ref-promo span{background:#2457a7}.ref-hero h1{font-size:clamp(48px,5vw,66px)}.ref-btn{border-radius:9px}.ref-btn.primary{background:#2457a7;box-shadow:0 10px 24px rgba(36,87,167,.16)}.ref-btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(36,87,167,.2)}.ref-btn.secondary{border-radius:9px}
.wahleder-cockpit{background:#fff;border:1px solid #dce3ec;border-radius:18px;padding:14px;box-shadow:0 22px 50px rgba(27,48,78,.11);transform:none}.wahleder-cockpit:before{display:none}.cockpit-top{color:#7c899a;border-bottom:1px solid #e5eaf0;padding:4px 4px 12px}.cockpit-top i{background:#2457a7}.cockpit-top b{color:#2457a7}.cockpit-main{margin-top:12px}.site-preview,.camera-preview{border-radius:12px;min-height:276px}.site-preview{background:#f6f8fb}.site-preview i:nth-of-type(2){background:#b9c9df}.site-preview i:nth-of-type(3){background:#2457a7}.camera-preview{background:#1b2b40}.lens{box-shadow:0 0 0 24px rgba(70,94,124,.24),0 0 0 48px rgba(70,94,124,.1)}.lens span{border-color:#8da6c6;box-shadow:inset 0 0 0 6px #2457a7}.camera-preview b{color:#c1cede}.cockpit-bottom{color:#718095}.cockpit-bottom b{color:#2457a7}
.ref-stats{width:min(1120px,calc(100% - 44px));margin:28px auto 0;background:#fff;border:1px solid #dce3ec;border-radius:14px;box-shadow:none}.ref-stats div{padding:20px 25px!important;border-color:#e0e6ed}.ref-stats strong{color:#2457a7;font-size:24px}.ref-stats span{color:#7c8796}.ref-jump{display:none}
.ref-section,.ref-pricing,.ref-about,.ref-contact,.ref-values{padding:86px 0}.ref-heading{margin-bottom:44px}.ref-heading h2,.ref-price-heading h2{font-size:clamp(38px,4vw,50px);margin:18px 0}.ref-heading p,.ref-price-heading p{font-size:17px}.ref-kicker i{width:18px;height:2px;border-radius:1px;background:#2457a7;transform:none}
.ref-service-grid{grid-template-columns:repeat(2,1fr);gap:18px}.ref-service-grid article,.ref-service-grid article:nth-child(2),.ref-service-grid article:nth-child(4){grid-column:auto;background:#fff;color:var(--ink);border:1px solid #dce3ec;border-radius:15px;box-shadow:none;min-height:385px}.ref-service-grid article:nth-child(1),.ref-service-grid article:nth-child(2){border-top:4px solid #2457a7}.ref-service-grid article:nth-child(2) p,.ref-service-grid article:nth-child(2) li,.ref-service-grid article:nth-child(2) a{color:var(--text)}.ref-service-grid article:nth-child(2) ul{border-color:#dce3ec}.ref-service-grid article:after{display:none}.ref-service-grid article:nth-child(n+3){min-height:270px}.ref-service-grid article:nth-child(n+3) ul{display:none}.ref-icon,.ref-service-grid article:nth-child(2) .ref-icon{background:#edf2f8;color:#2457a7;border-radius:9px}.ref-service-grid h3{font-size:22px}
.ref-pricing{background:#eef2f6;border-top:1px solid #dde4ec}.ref-pricing:before{display:none}.ref-price-heading h2{color:var(--ink)}.ref-price-heading p{color:var(--text)}.ref-pricing .ref-kicker{color:#2457a7}.ref-tabs{background:#fff;border:1px solid #d5dde7;border-radius:9px}.ref-tabs button{border-radius:6px;color:#657386}.ref-tabs button.active{background:#2457a7;color:#fff}.ref-price-panel{gap:18px}.ref-price-panel article,.ref-price-panel article.popular{background:#fff;border:1px solid #d9e1ea;border-radius:15px;transform:none;box-shadow:none}.ref-price-panel article.popular{border:2px solid #2457a7}.ref-price-panel article>b{background:#2457a7;color:#fff;border-radius:5px}.ref-price-panel article>a,.ref-price-panel article.popular>a{border-radius:8px}.ref-price-panel article.popular>a{background:#2457a7}.ref-price-note{color:#68778a}.ref-webfocus{display:none}
.ref-values{background:#fff;border-top:1px solid #e0e6ed;padding:62px 0}.ref-values-grid{gap:14px}.ref-values-grid article{background:#f5f7fa;border:1px solid #e0e6ed;border-radius:12px;min-height:190px}.ref-values-grid article>div{color:#2457a7}.ref-about{background:#f5f7fa}.ref-portrait{border-radius:50%;background:#dfe6ef;box-shadow:none;border:3px solid #fff;outline:1px solid #ccd6e2}.ref-portrait span{color:#67788e}.ref-timeline{border:1px solid #dce3ec;border-radius:15px;box-shadow:none}.ref-timeline>div:before{background:#2457a7;border-radius:50%}
.ref-contact{background:#fff}.ref-contact-card{background:#f1f4f8;border:1px solid #dbe3ec;border-radius:15px;color:var(--ink)}.ref-contact-card h3,.ref-contact-card p,.ref-contact-card a{color:var(--ink)}.ref-contact-card>div{border-color:#d8e0e9;color:#2457a7}.ref-form{background:#f5f7fa;border:1px solid #e0e6ed;border-radius:15px}.ref-submit{background:#2457a7;border-radius:8px;box-shadow:none}.quick-tab{right:22px;bottom:22px;background:#2457a7;color:#fff!important;border-radius:10px;box-shadow:0 12px 28px rgba(28,62,111,.2)}.quick-tab span{background:#fff;color:#2457a7}.ref-footer{background:#142033}.ref-footer .ref-logo:before{background:#2457a7;color:#fff}
.service-intro{background:linear-gradient(180deg,#fff,#f5f7fa)}.service-prices{background:#f5f7fa}.service-prices .ref-price-panel article.popular{background:#fff}.service-detail{background:#fff}.process-grid article,.process-grid article:nth-child(even){background:#f5f7fa;border:1px solid #e0e6ed;border-radius:14px}.service-cta{background:#eef2f6;color:var(--ink)}.service-cta h2{color:var(--ink)}.service-cta p{color:var(--text)}.camera-sketch{background:#1b2b40;border-radius:16px;box-shadow:0 18px 38px rgba(27,43,64,.15)}.camera-sketch small{color:#c1cede}
@media(max-width:780px){.ref-hero{min-height:auto}.ref-hero-inner{min-height:auto;padding:64px 0}.ref-stats{margin-top:20px}.ref-service-grid{grid-template-columns:1fr}.ref-service-grid article{min-height:0!important}.ref-service-grid article:nth-child(n+3) ul{display:block}.ref-section,.ref-pricing,.ref-about,.ref-contact{padding:68px 0}.quick-tab{right:14px;bottom:14px}}

/* ===== polish.css ===== */
/* Final typography, spacing and conversion layer */
.ref-body{font-kerning:normal;text-rendering:optimizeLegibility}
.ref-body p,.ref-body li{word-spacing:.015em;letter-spacing:.002em}
.ref-body h1,.ref-body h2,.ref-body h3{text-wrap:balance}
.ref-body p{text-wrap:pretty}
.ref-wrap{width:min(1120px,calc(100% - 48px))}
.ref-nav{gap:28px}.ref-nav>nav{gap:28px}.ref-nav>nav a{white-space:nowrap}
.focus-intro{margin-bottom:54px}.focus-services{gap:28px}.focus-card-content{padding:34px}.focus-card p{line-height:1.72}
.focus-card{position:relative;transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .42s ease,border-color .42s ease}
.focus-card img{transition:transform .75s cubic-bezier(.2,.75,.25,1),filter .55s ease;will-change:transform}
.focus-card a b{display:inline-block;transition:transform .28s ease}
.focus-card:hover{transform:translateY(-7px);border-color:#bdcde1;box-shadow:0 22px 48px rgba(29,48,75,.13)}
.focus-card:hover img{transform:scale(1.035);filter:saturate(1.04)}
.focus-card:hover a b{transform:translateX(5px)}
.reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.25,1)}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
.focus-card:nth-child(2).reveal-on-scroll{transition-delay:.12s}
.focus-trust.reveal-on-scroll{transition-delay:.16s}
.support-grid article:nth-child(2).reveal-on-scroll{transition-delay:.08s}.support-grid article:nth-child(3).reveal-on-scroll{transition-delay:.16s}
.support-heading,.showcase-head,.restaurant-offer-head{column-gap:84px}.support-grid{gap:18px}
.ref-pricing,.ref-about,.ref-contact{padding-top:94px;padding-bottom:94px}
.ref-price-panel{gap:20px}.ref-price-panel article{padding:31px 28px}.ref-price-panel li{line-height:1.55}
.showcase-copy{padding:32px}.showcase-copy p{line-height:1.72;min-height:58px}.showcase-features{gap:7px}
.service-intro{padding-top:108px;padding-bottom:88px}.service-intro p{line-height:1.72;max-width:720px}
.process-grid{gap:18px}.process-grid article p{line-height:1.65}
.ref-about-grid>div>p{line-height:1.72;margin:0 0 17px}
.ref-contact-grid{gap:58px}.ref-form label{line-height:1.4}
.lead-popup[hidden]{display:none}.lead-popup{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(12,26,45,.54);backdrop-filter:blur(5px);animation:popupFade .24s ease}.lead-popup-card{position:relative;width:min(560px,100%);background:#fff;border:1px solid #d6e0ec;border-radius:18px;padding:44px;box-shadow:0 30px 90px rgba(9,25,47,.28);animation:popupRise .3s ease}.lead-popup-kicker{display:block;color:#2457a7;font-size:12px;font-weight:850;letter-spacing:.16em;margin-bottom:17px}.lead-popup h2{color:#15243a;font-size:clamp(30px,4vw,42px);line-height:1.08;letter-spacing:-.045em;margin:0 0 17px}.lead-popup p{color:#617085;font-size:17px;line-height:1.65;margin:0 0 28px}.lead-popup-actions{display:flex;gap:11px}.lead-popup-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:800}.lead-popup-primary{background:#2457a7;color:#fff}.lead-popup-later{border:1px solid #c8d5e6;color:#24528f;background:#f4f7fb}.lead-popup-close{position:absolute;right:15px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#f0f4f8;color:#405168;font-size:23px;line-height:1;cursor:pointer}.lead-popup-close:hover,.lead-popup-close:focus-visible{background:#e2eaf3;outline:2px solid #2457a7;outline-offset:2px}body.popup-open{overflow:hidden}
@keyframes popupFade{from{opacity:0}to{opacity:1}}@keyframes popupRise{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px){.ref-nav{gap:15px}.ref-nav>nav{gap:18px}.ref-nav>nav a{font-size:13px}.support-heading,.showcase-head,.restaurant-offer-head{column-gap:44px}}
@media(max-width:780px){.ref-wrap{width:min(100% - 32px,1120px)}.service-intro{padding-top:72px;padding-bottom:62px}.ref-pricing,.ref-about,.ref-contact{padding-top:72px;padding-bottom:72px}.showcase-copy p{min-height:0}}
@media(max-width:520px){.ref-wrap{width:min(100% - 28px,1120px)}.lead-popup{padding:14px}.lead-popup-card{padding:36px 23px 25px;border-radius:15px}.lead-popup p{font-size:16px}.lead-popup-actions{flex-direction:column}.lead-popup-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.lead-popup,.lead-popup-card{animation:none}.focus-card,.focus-card img,.focus-card a b,.reveal-on-scroll{transition:none!important;transform:none!important;opacity:1!important}}
.ref-logo .logo-it{color:#2457a7!important}.ref-footer .ref-logo .logo-it{color:#fff!important}
.lead-popup-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 22px;border-radius:999px;font:inherit;font-weight:800;cursor:pointer}
@media(max-width:520px){.lead-popup-actions button{width:100%}}
.process-care-link{display:inline-flex;margin-top:18px;color:#2457a7;font-weight:800;font-size:14px;text-decoration:none;border-bottom:2px solid rgba(36,87,167,.25);padding-bottom:4px}.process-care-link:hover,.process-care-link:focus-visible{border-color:#2457a7;outline:none}

/* ===== upgrade.css ===== */
/* 2026 customer-journey upgrade: purposeful motion, cleaner proof and stronger conversion. */
.hero .hero-video{background-image:url("assets/header-services-poster.jpg")!important}
@media(max-width:650px){.hero .hero-video{min-height:0!important;aspect-ratio:16/10}.hero .hero-video video{object-position:center}}
.hero .hero-grid{padding-top:62px;padding-bottom:62px;min-height:610px;gap:48px}
.hero .hero-copy h1{font-size:clamp(44px,4.5vw,66px);line-height:1.04;letter-spacing:-.045em}
.hero .hero-lead{font-size:17px;line-height:1.7;max-width:540px}
.hero .hero-actions{align-items:center;flex-wrap:wrap;gap:22px}
.hero-secondary-link{color:#bcd6e9;font-size:13px;font-weight:750;padding:12px 0}
.hero-secondary-link:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.hero .hero-video{min-height:440px;border-radius:18px}
.hero .hero-video-shade{background:linear-gradient(180deg,#061b2d10 55%,#061b2da6)}
.hero-video-toggle{position:absolute;right:16px;bottom:16px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff66;border-radius:50%;background:#071c3199;color:#fff;font:700 17px/1 sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.hero-video-toggle:focus-visible{outline:3px solid #63c1ff;outline-offset:4px}
.hero-video-label{position:absolute;left:20px;bottom:25px;z-index:2;color:#e7f0f6;font-size:11px;font-weight:650;letter-spacing:.02em}
.demos .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.demos .demo-card{display:flex;flex-direction:column;border-radius:16px;grid-column:auto}
.demos .demo-card>img{height:260px}
.demos .demo-card>div{padding:28px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.demos .demo-card p{line-height:1.65;margin-top:9px}
.demos .demo-card b{margin-top:auto;padding-top:22px;font-size:14px}
.demos .demo-card-featured{order:-1;grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;background:#071c31;color:#fff;border-color:#274963}
.demos .demo-card-featured>img{height:100%;min-height:340px}
.demos .demo-card-featured>div{padding:36px;justify-content:center}
.demos .demo-card-featured h3{font-size:32px;letter-spacing:-.035em}
.demos .demo-card-featured p{color:#b2c5d4}
.demos .demo-card-featured>div>span,.demos .demo-card-featured b{color:#76caff}
.demos .demo-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.demos .demo-benefits span{padding:7px 10px;border:1px solid #3a566d;border-radius:999px;color:#c9dce9;font-size:10px;letter-spacing:0;font-weight:650}
.reference .browser-showcase{display:block;transition:transform .3s ease,box-shadow .3s ease}
.reference .browser-showcase:hover{transform:translateY(-4px);box-shadow:0 28px 65px #243b5533}
.reference .browser-showcase>img{height:420px;object-position:top}
@media(max-width:900px){.hero .hero-grid{padding-top:44px;padding-bottom:44px;gap:32px}.hero .hero-video{min-height:350px}.demos .demo-card-featured{grid-template-columns:1fr}.demos .demo-card-featured>img{height:300px;min-height:0}.demos .demo-card-featured>div{padding:28px}.reference .browser-showcase>img{height:340px}}
@media(max-width:650px){.hero .hero-copy h1{font-size:43px}.hero .hero-lead{font-size:16px}.hero .hero-actions{align-items:flex-start;gap:10px}.hero .hero-video{min-height:270px}.hero-video-label{font-size:10px;left:16px;right:65px}.demos .demo-grid{grid-template-columns:1fr;gap:20px}.demos .demo-card-featured{grid-column:auto}.demos .demo-card>img{height:230px}.demos .demo-card-featured h3{font-size:28px}.demos .demo-card>div{padding:24px}.reference .browser-showcase>img{height:260px}}
.hero .hero-video{background-image:url("assets/header-it-web-poster.jpg")}
.hero-grid{grid-template-columns:.98fr 1.02fr;gap:54px;min-height:640px}
.hero-reference-link{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin-top:22px;color:#b9cada;font-size:11px}.hero-reference-link>span{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#39d27b;box-shadow:0 0 0 5px #39d27b18}.hero-reference-link strong{color:#fff;font-size:11px}.hero-reference-link small{color:#6ec7ff;font-size:10px;font-weight:800}.hero-reference-link:hover small{text-decoration:underline}
.hero-video{position:relative;overflow:hidden;min-height:500px;border:1px solid #355b79;border-radius:22px;background:#09233b url("assets/header-ecommerce-poster.jpg") center/cover no-repeat;box-shadow:0 32px 80px #020b156b;isolation:isolate}.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015)}.hero-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,#03101f8c 0%,transparent 31%,#03101f20 53%,#03101fe8 100%),linear-gradient(90deg,#061b2d80 0%,transparent 63%)}.hero-video-top{position:absolute;z-index:2;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px 22px;color:#d9e9f5;font-size:9px;font-weight:850;letter-spacing:.14em}.hero-video-top span{display:flex;align-items:center;gap:9px}.hero-video-top i{width:7px;height:7px;border-radius:50%;background:#39d27b;box-shadow:0 0 0 5px #39d27b20}.hero-video-top b{font-size:8px;color:#8fc8ee}.hero-video-caption{position:absolute;z-index:2;left:26px;right:26px;bottom:69px}.hero-video-caption small{display:block;color:#71c9ff;font-size:10px;font-weight:900;letter-spacing:.17em}.hero-video-caption strong{display:block;margin-top:11px;color:#fff;font-size:34px;line-height:1.02;letter-spacing:-.045em;text-shadow:0 3px 25px #000}.hero-video-caption>div{display:flex;gap:7px;margin-top:17px}.hero-video-caption>div span{padding:6px 9px;border:1px solid #ffffff42;border-radius:999px;background:#071c31a6;color:#d7e6f2;font-size:9px;font-weight:750;backdrop-filter:blur(6px)}.hero-video-status{position:absolute;z-index:2;left:0;right:0;bottom:0;height:49px;display:flex;align-items:center;gap:9px;padding:0 22px;border-top:1px solid #ffffff24;background:#061a2bc4;color:#b8c9d7;font-size:9px;letter-spacing:.08em;backdrop-filter:blur(9px)}.hero-video-status i{width:7px;height:7px;border-radius:50%;background:#39d27b}.hero-video-status b{margin-left:auto;color:#fff;font-size:8px;letter-spacing:.12em}
.hero-showreel{position:relative;overflow:hidden;min-height:470px;border:1px solid #2d5679;border-radius:22px;background:#06182a;box-shadow:0 32px 80px #020b156b,isolation:isolate}
.hero-showreel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 58%,#60beff12)}
.reel-chrome{height:44px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid #25445f;background:#0a2239;color:#88a5bd}
.reel-chrome span{width:7px;height:7px;border-radius:50%;background:#668198}.reel-chrome b{margin-left:auto;font-size:8px;letter-spacing:.16em}
.reel-stage{position:relative;height:365px;background:radial-gradient(circle at 75% 20%,#174f7d 0,transparent 39%),linear-gradient(145deg,#081b2e,#0a2945)}
.reel-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#72bff00b 1px,transparent 1px),linear-gradient(90deg,#72bff00b 1px,transparent 1px);background-size:34px 34px}
.reel-scene{position:absolute;inset:0;overflow:hidden;opacity:0;animation:reel-scenes 15s infinite}
.reel-shop{animation-delay:5s}.reel-security{animation-delay:10s}
.reel-copy{position:absolute;z-index:4;left:28px;top:31px;max-width:245px}.reel-copy small{display:block;color:#6bc4ff;font-size:9px;font-weight:850;letter-spacing:.16em}.reel-copy strong{display:block;margin-top:12px;color:#fff;font-size:29px;line-height:1.04;letter-spacing:-.045em}.reel-copy span{display:block;margin-top:12px;color:#a7bbcd;font-size:11px}
.reel-browser{position:absolute;right:-15px;bottom:20px;width:58%;overflow:hidden;border:1px solid #7592aa;border-radius:11px;background:#fff;box-shadow:0 24px 55px #0008;transform:translateX(35px) scale(.96);animation:reel-browser 15s infinite}
.reel-shop .reel-browser{animation-delay:5s}.reel-browser:before{content:"•••  Ihre neue Website";display:block;height:25px;padding:7px 11px;background:#102a44;color:#9eb4c6;font-size:8px;letter-spacing:.05em}.reel-browser img{display:block;width:100%;height:245px;object-fit:cover;object-position:center;animation:reel-pan 5s ease-in-out infinite alternate}
.reel-phone{position:absolute;z-index:3;right:43%;bottom:15px;width:112px;overflow:hidden;border:5px solid #eaf3fb;border-radius:18px;background:#fff;box-shadow:0 20px 40px #0008;animation:phone-rise 15s infinite}.reel-phone img{display:block;width:100%;height:190px;object-fit:cover}
.reel-order{position:absolute;z-index:5;right:18px;bottom:25px;width:205px;padding:17px 17px 16px 53px;border:1px solid #82afd1;border-radius:12px;background:#f8fbff;color:#10243a;box-shadow:0 22px 45px #0007;animation:order-in 15s infinite 5s}.reel-order i{position:absolute;left:16px;top:19px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#35cf81;color:#fff;font-style:normal}.reel-order b,.reel-order span{display:block}.reel-order b{font-size:12px}.reel-order span{margin-top:4px;color:#64778a;font-size:9px}
.reel-camera-ui{position:absolute;right:22px;bottom:18px;width:70%;overflow:hidden;border:1px solid #587a98;border-radius:13px;background:#0a2136;box-shadow:0 25px 60px #0008;animation:camera-in 15s infinite 10s}.camera-live-head{height:38px;display:flex;gap:8px;align-items:center;padding:0 14px;color:#b9cada;font-size:9px;letter-spacing:.12em}.camera-live-head i{width:7px;height:7px;border-radius:50%;background:#32dc82;box-shadow:0 0 0 5px #32dc8220}.camera-live-head b{margin-left:auto;color:#7f9bb3;font-size:8px}.camera-view{position:relative;height:198px;overflow:hidden;background:linear-gradient(155deg,#183d5b,#071726 55%,#144261)}.camera-view:before{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;background:linear-gradient(150deg,transparent 49%,#2a5876 50%,#173a55 100%);clip-path:polygon(0 50%,100% 0,100% 100%,0 100%)}.camera-zone{position:absolute;right:18%;top:24%;width:41%;height:48%;display:grid;place-items:center;border:1px dashed #6dc7ff;color:#9bd8ff;font-size:7px;letter-spacing:.12em}.camera-scan{position:absolute;z-index:2;left:0;right:0;height:2px;background:#64c6ff;box-shadow:0 0 15px #64c6ff;animation:camera-scan 2.3s ease-in-out infinite}.camera-alert{display:flex;justify-content:space-between;padding:12px 14px;color:#dbe9f5;font-size:10px}.camera-alert b{color:#6dcaff}
.reel-progress{height:3px;background:#183854}.reel-progress span{display:block;width:33.33%;height:100%;background:linear-gradient(90deg,#1b73ee,#63c1ff);animation:reel-progress 15s linear infinite}
.reel-footer{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#8fa9bf;font-size:9px;letter-spacing:.1em}.reel-footer span{display:flex;align-items:center;gap:8px}.reel-footer i{width:7px;height:7px;border-radius:50%;background:#39d27b;box-shadow:0 0 0 5px #39d27b1c}.reel-footer b{color:#d8e7f3;font-size:8px}
@keyframes reel-scenes{0%,30%{opacity:1;visibility:visible}33%,96%{opacity:0;visibility:hidden}100%{opacity:1}}
@keyframes reel-browser{0%{transform:translateX(35px) scale(.96)}8%,28%{transform:translateX(0) scale(1)}33%,100%{transform:translateX(35px) scale(.96)}}
@keyframes reel-pan{from{object-position:center 28%}to{object-position:center 72%}}
@keyframes phone-rise{0%,3%{transform:translateY(45px);opacity:0}10%,28%{transform:translateY(0);opacity:1}33%,100%{transform:translateY(45px);opacity:0}}
@keyframes order-in{0%,35%{transform:translateY(30px);opacity:0}42%,61%{transform:translateY(0);opacity:1}66%,100%{transform:translateY(30px);opacity:0}}
@keyframes camera-in{0%,66%{transform:scale(.94);opacity:0}72%,95%{transform:scale(1);opacity:1}100%{transform:scale(.94);opacity:0}}
@keyframes camera-scan{0%,100%{top:12%}50%{top:86%}}
@keyframes reel-progress{from{transform:translateX(-100%)}to{transform:translateX(300%)}}

.demo-card,.focus-main,.focus-stack article,.care-grid article{will-change:transform}.demo-card img{transition:transform .55s ease}.demo-card:hover img{transform:scale(1.045)}
.demo-notice,.company-notice{position:sticky!important;top:0;z-index:100!important;min-height:46px!important;padding:0 4vw!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:#fff!important;border-bottom:1px solid #dfe6ec!important;color:#536273!important;font:600 13px/1.25 Aptos,"Segoe UI",sans-serif!important}
.demo-notice:before,.company-notice:before{content:"KONZEPTDEMO";padding:5px 8px;border-radius:999px;background:#eaf3ff;color:#1765dc;font-size:9px;font-weight:900;letter-spacing:.13em}
.demo-notice>a:first-of-type,.company-notice>a:first-of-type{margin-left:auto}
.demo-notice .demo-owner-cta,.company-notice .demo-owner-cta{padding:9px 13px;border-radius:7px;background:#0b2944;color:#fff!important;font-weight:850!important;white-space:nowrap}
.example-quote-label{display:block;margin-top:10px;color:#9fb0bf;font-size:10px;font-weight:800;letter-spacing:.14em}

.camera-product-preview{position:relative;min-height:390px;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#0a2138,#123c5f);box-shadow:0 24px 60px #0c2c4925;color:#fff}
.camera-product-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#70c5ff10 1px,transparent 1px),linear-gradient(90deg,#70c5ff10 1px,transparent 1px);background-size:38px 38px}
.camera-device{position:absolute;right:18px;top:28px;width:74%;overflow:hidden;border:1px solid #7896ae;border-radius:17px;background:#081b2d;box-shadow:0 25px 55px #0007;animation:device-float 5s ease-in-out infinite}.camera-device-head{height:42px;display:flex;align-items:center;gap:9px;padding:0 15px;color:#a8bdce;font-size:10px;letter-spacing:.11em}.camera-device-head i{width:8px;height:8px;border-radius:50%;background:#35db81}.camera-device-screen{position:relative;height:205px;background:linear-gradient(145deg,#244d6c,#071622 60%,#1e4b69)}.camera-device-screen:before{content:"EINGANG";position:absolute;left:15px;top:15px;padding:5px 7px;border-radius:5px;background:#071724b8;color:#cfe6f7;font-size:8px;letter-spacing:.14em}.camera-device-zone{position:absolute;right:16%;top:24%;width:42%;height:50%;border:1px dashed #65c4ff}.camera-notification{position:absolute;z-index:3;left:20px;bottom:24px;width:220px;padding:14px 14px 14px 48px;border-radius:12px;background:#fff;color:#13283c;box-shadow:0 18px 35px #0006;animation:notice-pulse 4s ease-in-out infinite}.camera-notification:before{content:"!";position:absolute;left:14px;top:14px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#1765dc;color:#fff;font-weight:900}.camera-notification b,.camera-notification span{display:block}.camera-notification b{font-size:12px}.camera-notification span{margin-top:4px;color:#6c7e90;font-size:9px}
@keyframes device-float{50%{transform:translateY(-7px)}}@keyframes notice-pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.camera-confidence{padding:0 0 64px;background:#fff}.camera-confidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.camera-confidence article{padding:24px;border:1px solid #d8e2eb;border-radius:14px;background:linear-gradient(145deg,#fff,#f6f9fc)}.camera-confidence span{color:#1765dc;font-size:10px;font-weight:900}.camera-confidence h3{margin:13px 0 9px;font-size:18px}.camera-confidence p{margin:0;color:#68798a;font-size:13px;line-height:1.65}
.price-clarity-note{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid #31506a;border-radius:10px;background:#0b2943;color:#aabccc;font-size:11px;line-height:1.55}.price-clarity-note b{color:#6bc6ff;white-space:nowrap}

.feature-lab{padding:82px 0;background:#eef3f8}.feature-lab-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.feature-lab h2{margin:13px 0 18px;font-size:46px;line-height:1.05;letter-spacing:-.045em}.feature-lab p{color:#627286;line-height:1.7}.feature-panel{overflow:hidden;border:1px solid #cbd8e3;border-radius:18px;background:#fff;box-shadow:0 24px 55px #233d5720}.feature-panel-head{padding:15px 18px;background:#09233a;color:#dce9f4;font-size:11px;font-weight:800;letter-spacing:.1em}.feature-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.feature-options button{padding:15px 8px;border:1px solid #d6e1ea;border-radius:10px;background:#f7fafc;color:#173149;font:700 12px Aptos,"Segoe UI",sans-serif;cursor:pointer}.feature-options button.active{border-color:#1765dc;background:#eaf3ff;color:#1459af}.feature-result{margin:0 18px 18px;padding:21px;border-radius:12px;background:#f0f6fb}.feature-result span,.feature-result strong,.feature-result small{display:block}.feature-result span{color:#1765dc;font-size:9px;font-weight:900;letter-spacing:.14em}.feature-result strong{margin:8px 0;font-size:21px}.feature-result small{color:#687b8d;line-height:1.5}

.it-intro{background:linear-gradient(180deg,#f7fafe,#fff)}.it-ops-board{overflow:hidden;border:1px solid #c9d8e5;border-radius:20px;background:#0a2239;color:#fff;box-shadow:0 27px 65px #12314b24}.ops-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #294963;color:#9db3c5;font-size:9px;letter-spacing:.14em}.ops-head span{display:flex;align-items:center;gap:8px}.ops-head i{width:8px;height:8px;border-radius:50%;background:#34d583;box-shadow:0 0 0 5px #34d5831e}.ops-head b{color:#6dc7ff;font-size:8px}.ops-score{display:flex;align-items:flex-end;gap:12px;padding:25px 22px 17px}.ops-score strong{font-size:54px;line-height:.9;color:#70c9ff}.ops-score span{color:#a9bdcd;font-size:11px}.ops-list{padding:0 20px}.ops-list>div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #29465e;font-size:12px}.ops-list i{width:7px;height:7px;border-radius:50%;background:#39d47f}.ops-list b{color:#91ddba;font-size:9px}.ops-alert{margin:17px 20px 20px;padding:13px;border:1px solid #315675;border-radius:10px;background:#102f4c;color:#bcd0df;font-size:10px;text-align:center}

.scroll-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.scroll-reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding-bottom:50px}.hero-video{min-height:460px}.feature-lab-grid{grid-template-columns:1fr}.camera-confidence-grid{grid-template-columns:1fr}.demo-notice,.company-notice{font-size:11px}}
@media(max-width:650px){.hero-video{min-height:340px;border-radius:16px}.hero-video video{object-position:54% center}.hero-video-top{padding:16px}.hero-video-caption{left:18px;right:18px;bottom:61px}.hero-video-caption strong{font-size:28px}.hero-video-caption>div{margin-top:13px}.hero-video-status{height:45px;padding:0 17px}.hero-video-status b{display:none}.hero-reference-link{flex-wrap:wrap}.demo-notice,.company-notice{position:relative!important;flex-wrap:wrap;padding:9px 14px!important}.demo-notice .demo-owner-cta,.company-notice .demo-owner-cta{width:100%;text-align:center}.camera-product-preview{min-height:330px}.camera-device{width:84%;right:10px}.camera-notification{left:12px;width:205px}.feature-lab{padding:58px 0}.feature-lab h2{font-size:36px}.feature-options{grid-template-columns:1fr}.feature-options button{padding:12px}.hero h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){.reel-scene,.reel-browser,.reel-browser img,.reel-phone,.reel-order,.reel-camera-ui,.camera-scan,.reel-progress span,.camera-device,.camera-notification{animation:none!important}.reel-scene{opacity:0}.reel-scene:first-child{opacity:1}.scroll-reveal{opacity:1;transform:none}}

/* Hinweiskarte zum Erstgespräch: kleine Karte unten rechts statt Vollbild-Fenster */
body .lead-popup{position:fixed;inset:auto 20px 20px auto;z-index:60;width:min(380px,calc(100vw - 32px));padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;place-items:initial;align-items:initial;justify-content:initial}
body #leadPopup{display:none}body #leadPopup.visible{display:block}body .lead-popup[hidden]{display:none}
body .lead-popup-card{width:100%;margin:0;padding:22px 22px 20px;border:1px solid #d6e0ec;border-radius:14px;box-shadow:0 18px 50px #0b1f3540;animation:leadToastIn .35s cubic-bezier(.2,.8,.2,1)}
body .lead-popup-card h2{margin:6px 32px 8px 0;font-size:22px;line-height:1.2}
body .lead-popup-card p{margin:0;font-size:14px;line-height:1.55}
body .lead-popup-card>div,body .lead-popup-actions{display:flex;flex-direction:row;gap:8px;margin-top:16px}
body .lead-popup-primary,body .lead-popup-later{min-height:44px;padding:0 16px;font-size:13px}
body .lead-popup-close{top:10px;right:10px;width:36px;height:36px;font-size:22px}
@keyframes leadToastIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:600px){body .lead-popup{inset:auto 12px 12px 12px;width:auto}body .lead-popup-card{padding:18px}}
@media(prefers-reduced-motion:reduce){body .lead-popup-card{animation:none}}

/* ===== Tipp-Flächen ===== */
/* Größere Tipp-Flächen am Handy (mindestens 44 px hoch), ohne die Optik zu verändern */
@media(max-width:650px){
  .announcement a,.focus-links a,.compare-caption a,.theatre-inquiry,.reference-actions .text-link,.care-grid article>a,.direct-contact a,.site-footer nav a{display:inline-flex;align-items:center;min-height:44px}
  .site-footer nav{display:flex;flex-direction:column;gap:0}
  .menu-button,.header-cta{min-height:44px;min-width:44px}
  .brand{display:inline-flex;align-items:center;min-height:44px}
  .privacy-consent{min-height:44px;align-items:flex-start}
  .privacy-consent input{width:22px;height:22px;flex-shrink:0}
  .privacy-consent a{display:inline-block;padding:6px 0;margin:-6px 0}
}