:root{--brand-graphite:#3a3a3a;--brand-red:#e81c43;--paper:#fff;--surface:#f5f5f5;--muted:#626262;--line:#dcdcdc;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--paper);color:var(--brand-graphite);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-graphite);outline-offset:5px}::selection{background:var(--brand-red);color:white}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;padding:16px;background:var(--brand-graphite);color:white}.skip-link:focus{top:12px}.header{position:fixed;inset:0 0 auto;height:94px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--paper);border-bottom:1px solid var(--line);z-index:100}.brand-logo{display:block;width:290px;max-width:100%;flex-shrink:0;padding:0;background:transparent;border:0;border-radius:0;line-height:0}.brand-logo img{display:block;width:100%;height:auto}.nav{display:flex;align-items:center;gap:28px;font-size:.86rem;font-weight:600}.nav a{padding:12px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current]{border-color:var(--brand-red)}.menu-toggle{display:none}.hero{padding:155px 7% 80px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;grid-gap:30px;gap:30px;min-height:790px;min-height:88svh}.hero>div,.service-hero>div{min-width:0}.eyebrow{font-size:.72rem;font-weight:700;line-height:1.8;letter-spacing:.18em;margin-bottom:24px;text-transform:uppercase;color:var(--muted)}.eyebrow:before{content:"";display:inline-block;width:24px;height:2px;background:var(--brand-red);vertical-align:middle;margin-right:12px}h1{font-size:clamp(2.8rem,5.3vw,5.3rem);font-weight:700;letter-spacing:-.06em;line-height:1.06}.gradient{color:var(--brand-red)}.hero-text{max-width:580px;font-size:1.07rem;line-height:1.85;color:var(--muted);margin:28px 0 32px}.buttons{display:flex;flex-wrap:wrap;gap:14px}.btn{min-height:50px;padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #aaa;border-radius:5px;font-size:.91rem;line-height:1.5;font-weight:700;background:transparent;color:var(--brand-graphite);transition:background .2s,transform .2s}.btn:hover{background:var(--surface);transform:translateY(-2px)}.btn-primary{color:white;background:var(--brand-red);border-color:var(--brand-red)}.btn-primary:hover{background:#c91638;border-color:#c91638}.hero-visual{height:500px;position:relative}.scene-shell{height:100%;position:relative}.scene-canvas{position:absolute;inset:0;pointer-events:none}.scene-fallback{position:absolute;inset:0;display:grid;place-items:center}.orbit{position:absolute;width:min(82%,390px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%}.orbit:after,.orbit:before{content:"";position:absolute;border:1px solid #ededed;border-radius:50%}.orbit:before{inset:45px}.orbit:after{inset:90px}.core-label{font-size:.78rem;font-weight:700;letter-spacing:.25em;color:#626262}.scene-caption{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.61rem;letter-spacing:.1em;color:var(--muted)}.scene-caption button{padding:10px;min-height:44px;background:transparent;border:1px solid #aaa;border-radius:4px;color:var(--brand-graphite);white-space:nowrap}.scene-caption small{display:block;margin-top:7px;letter-spacing:.02em;font-size:.65rem}.hero-visual .scene-fallback{inset:40px 0 65px}.hero-visual .scene-fallback img{display:block;width:100%;height:100%;object-fit:contain}.hero-visual .concept-canvas{inset:0 0 55px}.service-artwork{width:100%;min-width:0;margin:0}.service-artwork img{display:block;width:100%;height:auto;object-fit:contain}.service-artwork-knx{display:grid;justify-items:center;grid-gap:30px;gap:30px}.service-artwork-knx img{width:min(100%,330px)}.service-artwork figcaption{display:grid;grid-gap:8px;gap:8px;text-align:center;font-size:1rem}.service-artwork figcaption span{font-size:.88rem;color:var(--muted)}.service-detail,.services{padding:90px 7%;background:var(--surface);border-block:1px solid var(--line)}.section-title{max-width:780px;margin-bottom:44px}h2{font-size:clamp(2.1rem,3.8vw,3.7rem);letter-spacing:-.045em;line-height:1.13}.section-title p:not(.eyebrow){margin-top:20px;font-size:1.04rem;color:var(--muted);line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.card{border:1px solid var(--line);border-top:3px solid var(--brand-red);border-radius:3px;padding:30px;height:100%;background:var(--paper)}.card-link{display:block;transition:transform .2s}.card-link:hover{transform:translateY(-4px)}.number{color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.13em;line-height:1.6}.card h3{font-size:1.65rem;line-height:1.2;letter-spacing:-.025em;margin:36px 0 18px}.card p{font-size:.97rem;color:var(--muted)}.card p,.tech{line-height:1.8}.tech{font-size:.79rem;margin-top:22px;color:var(--brand-graphite)}.card-action{display:block;margin-top:25px;font-size:.85rem;font-weight:700}.process-section{padding:90px 7%}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:38px;gap:38px;list-style:none}.process-grid li{border-top:1px solid var(--line);padding-top:24px}.process-grid span{color:var(--brand-red);font-size:.9rem;font-weight:700}.process-grid h3{font-size:1.4rem;margin:20px 0 14px}.process-grid p{color:var(--muted);line-height:1.8}.cta{padding:95px 7%;text-align:center;border-top:1px solid var(--line)}.cta h2{max-width:900px;margin:0 auto 34px}.footer{border-top:1px solid var(--line);padding:40px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--paper);color:var(--muted);line-height:1.8;font-size:.85rem}.footer>div{display:grid;grid-gap:16px;gap:16px}.footer .brand-logo{width:270px}.footer a:not(.brand-logo):hover{text-decoration:underline}.service-hero{padding:135px 7% 75px;display:grid;grid-template-columns:1.3fr .8fr;grid-gap:35px;gap:35px;align-items:center;min-height:690px}.service-hero h1{font-size:clamp(2.8rem,4.7vw,4.7rem)}.back-link{display:inline-block;color:var(--muted);font-size:.85rem;margin-bottom:35px}.service-hero .tech{margin:0 0 25px}.industrial-visual{position:relative;width:min(380px,30vw);aspect-ratio:1;display:grid;place-items:center;margin:auto}.visual-ring{position:absolute;border:1px solid var(--line);border-radius:50%}.ring-one{width:65%;height:65%;border-color:var(--brand-red)}.ring-two{width:94%;height:94%;border-style:dashed}.visual-core{width:130px;height:130px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--brand-red);color:var(--brand-graphite);font-weight:700;letter-spacing:.17em}.service-callout{padding:32px 0 0;margin-top:42px;border-top:1px solid #bbb;max-width:840px}.service-callout h3{font-size:1.5rem;margin-bottom:12px}.service-callout p{line-height:1.8;color:var(--muted);margin-bottom:18px}.text-link{text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.contact-page{padding:160px 7% 100px;display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px;max-width:1500px;margin:auto}.contact-page h1{font-size:clamp(2.7rem,4.5vw,4.7rem)}.contact-steps{margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.contact-steps h2{font-size:1.3rem;margin-bottom:12px;letter-spacing:-.025em}.contact-steps p{line-height:1.8;color:var(--muted)}.contact-form{background:var(--surface);border:1px solid var(--line);padding:32px;border-radius:5px;display:grid;align-content:start;grid-gap:22px;gap:22px;min-width:0}.contact-form label{display:grid;grid-gap:9px;gap:9px;font-size:.9rem;min-width:0}.contact-form label span{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;background:var(--paper);color:var(--brand-graphite);padding:13px;border:1px solid #aaa;border-radius:4px}.contact-form input,.contact-form select{min-height:48px}.contact-form textarea{resize:vertical;line-height:1.6}.form-note{color:var(--muted);line-height:1.7;font-size:.82rem}.draft-result{padding-top:24px;border-top:1px solid #aaa;display:grid;grid-gap:18px;gap:18px}.draft-result h2{font-size:1.3rem}.draft-result p{color:var(--muted);line-height:1.7}.not-found{padding:180px 7% 120px;min-height:75vh}.not-found p{margin:25px 0}@media (max-width:1150px){.header{gap:24px}.header .brand-logo{width:235px}.nav{gap:18px;font-size:.8rem}.contact-page{gap:35px}.card{padding:25px}}@media (max-width:900px){.header{height:82px}.nav{display:none}.menu-toggle{display:block;background:transparent;border:1px solid #aaa;color:var(--brand-graphite);border-radius:4px;padding:10px 16px;min-height:44px}.nav.is-open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:82px;inset-inline:0;padding:18px 7%;background:var(--paper);border-bottom:1px solid var(--line);gap:0;font-size:1rem}.nav a{padding:16px 0}.hero{grid-template-columns:1fr;padding-top:135px;padding-bottom:55px;min-height:0}h1{font-size:clamp(2.8rem,8vw,4.5rem)}.hero-visual{height:370px}.scene-shell{max-width:520px;margin:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid,.service-hero,.services .cards{grid-template-columns:1fr}.service-hero{padding-top:120px;min-height:0}.service-hero h1{font-size:clamp(2.6rem,7vw,4.5rem)}.industrial-visual{width:min(320px,75vw)}.contact-page{grid-template-columns:1fr;padding-top:130px}.footer{align-items:start;flex-direction:column}}@media (max-width:520px){.header{padding-inline:6%;gap:18px}.header .brand-logo{width:min(245px,calc(100vw - 130px))}.contact-page,.cta,.footer,.hero,.process-section,.service-detail,.service-hero,.services{padding-inline:6%}h1{font-size:2.8rem}h2{font-size:2.2rem}.eyebrow{font-size:.64rem;letter-spacing:.12em}.hero-visual{height:320px}.hero-text{font-size:1rem}.cta,.process-section,.service-detail,.services{padding-block:60px}.cards,.form-grid{grid-template-columns:1fr}.card h3{margin-top:25px}.contact-form{padding:22px}.scene-caption{font-size:.52rem}.scene-caption button{font-size:.65rem}}.knx-partner{display:flex;align-items:center;gap:24px;margin:26px 0;padding:20px 0;border-block:1px solid var(--line)}.knx-partner img{width:100px;height:auto}.knx-partner strong{font-size:1rem}.knx-partner p{margin-top:6px;color:var(--muted);font-size:.88rem;line-height:1.6}.concept-page{max-width:1500px;margin:auto;padding:140px 7% 70px}.concept-page h1{font-size:clamp(2.6rem,5vw,4.5rem)}.concept-intro{max-width:760px;margin:24px 0 38px;color:var(--muted);line-height:1.8}.concept-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:22px}.concept-options button{display:grid;grid-gap:12px;gap:12px;text-align:left;background:white;border:1px solid var(--line);border-top:3px solid var(--line);padding:22px;color:var(--brand-graphite);border-radius:4px}.concept-options button[aria-pressed=true]{border-top-color:var(--brand-red);background:var(--surface)}.concept-options span{color:var(--brand-red);font-size:.8rem;font-weight:700}.concept-options strong{font-size:1.05rem}.concept-options small{font-size:.82rem;line-height:1.5;color:var(--muted)}.concept-stage{position:relative;height:510px;background:#fafafa;border:1px solid var(--line);border-radius:5px}.concept-stage-label{position:absolute;top:20px;left:22px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;z-index:2}.concept-canvas{position:absolute;inset:42px 0 38px}.concept-fallback{position:absolute;inset:12%;width:76%;height:76%}.concept-tags{position:absolute;bottom:20px;inset-inline:22px;display:flex;gap:26px;font-size:.63rem;letter-spacing:.12em}.scene-unavailable{position:absolute;bottom:58px;inset-inline:25px;font-size:.85rem;color:var(--muted)}.analysis-flow{padding:18px 0 5px;line-height:1.8}.analysis-flow p{font-size:.88rem;font-weight:700}.analysis-flow span{color:var(--brand-red);margin-inline:8px}.analysis-flow small{display:block;color:var(--muted);font-size:.78rem;margin-top:5px}.concept-controls{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.concept-controls>div{display:flex;gap:10px;flex-wrap:wrap}.concept-controls button{min-height:44px;padding:10px 14px;border:1px solid #aaa;border-radius:4px;background:white;color:var(--brand-graphite);font-size:.85rem}.concept-controls button:disabled{opacity:.6;cursor:default}.concept-description{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:70px;gap:70px;padding-block:44px}.concept-description h2{font-size:1.9rem;margin-bottom:18px}.concept-description p:not(.eyebrow),.concept-disclaimer{color:var(--muted);line-height:1.8}.concept-disclaimer{border-top:1px solid var(--line);padding-top:24px;font-size:.85rem}@media(max-width:700px){.concept-page{padding-inline:6%;padding-top:115px}.concept-options{grid-template-columns:1fr;gap:10px}.concept-options button{grid-template-columns:24px 1fr;gap:8px;padding:16px}.concept-options small{grid-column:2}.concept-stage{height:360px}.concept-controls{flex-direction:column}.concept-controls>div{display:grid;grid-template-columns:1fr 1fr}.concept-controls>div button:last-child{grid-column:1/-1}.concept-description{grid-template-columns:1fr;gap:26px}.concept-tags{gap:15px;font-size:.52rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}.cards.cards-balanced{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:520px){.cards.cards-balanced{grid-template-columns:1fr}}
/* Kontrollux: elimina flash 3D del hero principal */
.hero-visual .scene-canvas{display:none!important}
.hero-visual .scene-fallback{display:none!important}