main{color:var(--body);background:#fff;scroll-padding-top:1.5rem;font-size:1.0625rem;line-height:1.7}main *{box-sizing:border-box}main img{max-width:100%;height:auto;display:block}main :is(h1,h2,h3,h4,p,figure,ul,ol){margin:0}main :is(h1,h2,h3,h4){color:var(--ink);line-height:1.24}main p+p{margin-top:1rem}main .section{padding-block:5.75rem}main .section-heading{max-width:51rem;margin-bottom:3rem}main .section-heading>p:last-child{max-width:47rem;margin-top:1.3rem}main a:focus-visible,main button:focus-visible,main summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}main .hero{background:var(--navy);color:#e1e4ea;padding-bottom:4.5rem;overflow:hidden}main .hero-grid{grid-template-columns:1.02fr 1.1fr;align-items:center;gap:2.5rem;padding-top:1.5rem;display:grid}main .hero-copy{z-index:1;position:relative}main .hero h1{color:#fff;margin-top:1rem}main .hero h1 span{color:var(--coral)}main .hero-lead{max-width:35rem;margin-top:1.5rem;font-size:1.0625rem;line-height:1.75}main .hero-actions{flex-wrap:wrap;align-items:center;gap:1.3rem 1.8rem;margin-top:1.9rem;display:flex}main .hero-note{color:#c7ccd7;margin-top:1.2rem;font-size:.875rem}main .hero-art{min-width:0}main .hero-art img{border-radius:.65rem;width:100%}main .proof{padding-block:1.65rem 1.9rem}main .proof p{text-align:center;color:var(--muted);margin-bottom:1.2rem;font-size:.875rem}main .client-names{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 4rem;display:flex}main .client-names a{color:var(--ink);font-size:1.2rem;font-weight:600;text-decoration:none}main .client-names a:hover{color:var(--red)}main .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 3.5rem;display:grid}main .problem-card{border-top:1px solid var(--line);min-width:0;padding-top:1.2rem}main .problem-heading{min-height:7.4rem}main .problem-label{color:var(--muted);margin-bottom:.7rem;font-size:.875rem;font-weight:600}main .problem-heading h3{max-width:32rem;font-size:1.45rem}main .section-image{background:var(--soft);border-radius:.65rem;min-width:0;margin:1.2rem 0 1.4rem;overflow:hidden}main .section-image img{object-fit:contain;width:100%}main .problem-card>p{font-size:1rem;line-height:1.75}main .problem-card .problem-gain{border-left:3px solid var(--coral);color:var(--ink);margin-top:1.2rem;padding-left:1rem}main .problem-gain strong,main .measurement-note strong{color:var(--ink);font-weight:600}main .measurement-note{background:var(--soft);border-left:3px solid var(--coral);grid-template-columns:1fr 2fr;gap:2rem;margin-top:3rem;padding:1.7rem 2rem;display:grid}main .measurement-note p{font-size:1rem}main :is(.booking-section,.legal-systems){background:var(--deep);color:#dce1e9}main :is(.booking-section,.legal-systems) :is(h2,h3){color:#fff}main :is(.booking-section,.legal-systems) h2 span{color:var(--coral)}main :is(.booking-grid,.systems-grid){grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}main :is(.booking-copy,.systems-copy)>p{margin-top:1.5rem;font-size:1rem}main :is(.booking-rules,.systems-rules){border-top:1px solid #4a5260;margin-top:1.6rem;padding-top:1.6rem}main :is(.booking-rules,.systems-rules) h3{font-size:1.15rem}main :is(.booking-rules,.systems-rules) p{margin-top:.7rem;font-size:1rem}main :is(.booking-copy,.systems-copy)>.button{margin-top:1.7rem}main .journey{background:#202836;border:1px solid #4a5260;border-radius:.65rem;padding:2rem}main .journey-caption{color:#dce1e9;border-bottom:1px solid #4a5260;margin-bottom:1.5rem;padding-bottom:1rem;font-size:.875rem}main .journey ul{gap:1.6rem;padding:0;list-style:none;display:grid}main .journey li{margin:0;padding-left:2.2rem;position:relative}main .journey li:before{content:"";background:var(--coral);border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:.5rem;left:0}main .journey li:not(:last-child):after{content:"";background:#647187;width:1px;position:absolute;top:1.6rem;bottom:-1.5rem;left:.4rem}main .journey h3{letter-spacing:-.015em;font-size:1.1rem}main .journey li p{margin-top:.5rem;font-size:.9375rem;line-height:1.65}main .project-client{color:var(--ink);margin-bottom:1.2rem;font-size:1.2rem;font-weight:600}main .project-client span{color:var(--muted);margin-top:.2rem;font-size:.875rem;font-weight:400;display:block}main .project-benefit{border-left:3px solid var(--coral);margin-top:1.25rem;padding-left:1rem;font-size:1rem;line-height:1.65}main .project-benefit strong{color:var(--ink);font-weight:600}main .tags{flex-wrap:wrap;gap:.4rem;margin:1.3rem 0 .7rem;padding:0;list-style:none;display:flex}main .tags li{background:var(--soft);color:#515762;border-radius:.2rem;margin:0;padding:.3rem .6rem;font-size:.875rem}main .zoom-link{color:var(--red);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;min-height:2.75rem;padding:.55rem 0;font-size:.875rem;font-weight:600;display:inline-flex}main .zoom-link:hover{text-decoration:underline}main .zoom-link .icon{width:1rem;height:1rem}main :is(.health-case,.legal-case){border:1px solid var(--line);background:#fff;border-radius:.7rem;margin-top:2rem;padding:2rem;overflow:hidden}main .case-heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:3rem;margin-bottom:2rem;display:grid}main .case-heading h3{font-size:1.7rem}main .case-heading>p{font-size:1rem}main .case-heading .project-client{margin-bottom:.9rem}main .case-result{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;padding-top:1.5rem;display:flex}main .case-result p{max-width:47rem;font-size:1rem}main .case-result strong{color:var(--ink);font-weight:600}main .case-result .text-link{flex:none}main .laptop-stage{background:linear-gradient(145deg,#f1f3f6,#e5e9ef);justify-content:center;align-items:center;width:100%;display:flex}main .device-laptop{width:83%;padding-bottom:3.5%;position:relative}main .device-shell{background:linear-gradient(135deg,#8b9099,#181c24 12%,#0c0e14 86%,#6a707a);border:1px solid #737b87;border-radius:.65rem .65rem .25rem .25rem;padding:2%;position:relative;box-shadow:0 14px 25px #1d233029}main .device-screen{aspect-ratio:16/10;background:#fff;border-radius:.2rem;position:relative;overflow:hidden}main .device-screen img,main .phone-viewport img{width:100%;max-width:100%;height:auto}main .device-laptop .device-base{background:linear-gradient(#a3aab4,#e1e5eb 28%,#87909d 48%,#656d79);border-radius:1px 1px 45% 45%;width:118%;height:7%;position:absolute;bottom:0;left:-9%;box-shadow:0 8px 9px #1d233022}main .device-laptop .device-base:after{content:"";background:#6d7582;border-radius:0 0 .3rem .3rem;width:14%;height:32%;position:absolute;top:0;left:43%}main .bodhi-showcase{grid-template-columns:1.25fr 1fr;align-items:stretch;gap:1.5rem;display:grid}main .desktop-showcase{border:1px solid var(--line);background:#f4f5f6;border-radius:.5rem;min-width:0;overflow:hidden}main .desktop-showcase .laptop-stage{aspect-ratio:3/2;padding:7% 0 8%}main .desktop-showcase figcaption{border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 .7rem;padding:.6rem 1rem;font-size:.875rem;display:flex}main .mobile-showcase{background:var(--soft);border:1px solid var(--line);border-radius:.5rem;grid-template-columns:minmax(0,43%) minmax(0,1fr);align-items:center;gap:1.4rem;min-width:0;padding:1.5rem;display:grid}main .phone-frame{background:#161b25;border:2px solid #727c8c;border-radius:1.5rem;min-width:0;max-width:12rem;padding:11% 4% 10%;position:relative;box-shadow:0 8px 25px #1d233020}main .phone-viewport{aspect-ratio:9/19.5;background:#fff;border-radius:.3rem;overflow:hidden}main .phone-speaker{background:#68707d;border-radius:3px;width:20%;height:3px;position:absolute;top:4%;left:40%}main .phone-home{background:#929aa7;border-radius:3px;width:27%;height:3px;position:absolute;bottom:3%;left:36.5%}main .mobile-showcase h4{color:var(--ink);font-size:1.05rem;font-weight:600;line-height:1.45}main .mobile-showcase p{margin-top:.8rem;font-size:.9375rem}main .mobile-showcase .zoom-link{margin-top:.5rem;font-size:.8125rem}main .vzc-case{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}main .vzc-visual{text-align:center;background:linear-gradient(145deg,#f1f3f6,#e5e9ef);border-radius:.5rem;min-width:0;padding:1.3rem}main .vzc-visual img{object-fit:contain;width:100%}main .vzc-visual .zoom-link{margin-top:.5rem}main .vzc-copy h3{font-size:1.55rem}main .vzc-copy>p:not(.project-client){margin-top:1rem;font-size:1rem}main .additional-reference{border-top:1px solid var(--line);grid-template-columns:1fr 1fr auto;align-items:center;gap:2rem;margin-top:2.5rem;padding-top:2rem;display:grid}main .reference-kind{color:var(--muted);margin-bottom:.4rem;font-size:.875rem}main .additional-reference h3{font-size:1.2rem}main .reference-location{margin-top:.4rem;font-size:.875rem}main .additional-reference>p{font-size:1rem}main .process{background:var(--soft)}main .budget-line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:3rem;margin-top:2.5rem;padding-top:2rem;display:flex}main .budget-line p{max-width:43rem;font-size:1rem}main .budget-line strong{color:var(--ink);font-weight:600;display:block}main .budget-line .button{flex:none}main .faq-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:4rem;display:grid}main .faq-list details{border-bottom:1px solid var(--line)}main .faq-list details:first-child{border-top:1px solid var(--line)}main .faq-list summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:1.3rem;padding:1.3rem 0;list-style:none;display:flex}main .faq-list summary::-webkit-details-marker{display:none}main .faq-list details>div{padding:0 2rem 1.3rem 0;font-size:1rem;line-height:1.7}@media (width<=62em){main .hero-grid{grid-template-columns:1fr 1fr;gap:1.5rem}main .problem-grid{gap:2rem}main .problem-heading{min-height:8rem}main .problem-heading h3{font-size:1.3rem}main :is(.booking-grid,.systems-grid){gap:2rem}main .journey,main :is(.health-case,.legal-case){padding:1.5rem}main .case-heading{gap:2rem}main .case-heading h3{font-size:1.45rem}main .bodhi-showcase{grid-template-columns:1fr}main .vzc-case{gap:2rem}main .case-result{flex-direction:column;align-items:flex-start;gap:.5rem}main .additional-reference{grid-template-columns:1fr 1fr;gap:1rem 2rem}main .additional-reference .text-link{grid-column:2}main .budget-line{gap:2rem}main .faq-grid{grid-template-columns:.9fr 1.3fr;gap:2rem}}@media (width<=46em){main .section{padding-block:3.75rem}main .section-heading{margin-bottom:2rem}main .hero{padding-bottom:3rem}main .hero-grid{grid-template-columns:1fr;gap:1.7rem}main .hero-actions{align-items:flex-start}main .problem-grid{grid-template-columns:1fr}main .problem-heading{min-height:0}main .section-image{margin:1.2rem 0}main .measurement-note{grid-template-columns:1fr;gap:.7rem;margin-top:2rem;padding:1.4rem}main :is(.booking-grid,.systems-grid){grid-template-columns:1fr}main .journey{padding:1.5rem 1.2rem}main :is(.health-case,.legal-case){margin-top:1.7rem;padding:1.25rem}main .case-heading{grid-template-columns:1fr;gap:1rem}main .case-heading h3{font-size:1.4rem}main .bodhi-showcase{gap:1rem}main .mobile-showcase{grid-template-columns:minmax(6rem,40%) minmax(0,1fr);gap:1rem;padding:1rem}main .mobile-showcase .zoom-link,main .desktop-showcase .zoom-link{font-size:.8125rem}main .desktop-showcase figcaption{padding:.5rem .8rem;font-size:.8125rem}main .phone-frame{border-radius:1.3rem;padding:1.1rem .3rem .9rem}main .vzc-case{grid-template-columns:1fr;gap:1.5rem}main .vzc-copy h3{font-size:1.4rem}main .vzc-visual{padding:1rem}main .additional-reference{grid-template-columns:1fr;gap:1rem;margin-top:2rem;padding-top:1.5rem}main .additional-reference .text-link{grid-column:auto}main .case-result{margin-top:1.5rem;padding-top:1rem}main .budget-line{flex-direction:column;align-items:flex-start;gap:1.5rem}main .faq-grid{grid-template-columns:1fr;gap:1.7rem}main .faq-list details>div{padding-right:1rem}main section:not(.kontakt) :is(h1,h2,h3) br{display:none}}@media (width<=23em){main .mobile-showcase{grid-template-columns:1fr}main .phone-frame{justify-self:center;width:9rem}}@media (prefers-reduced-motion:reduce){main{scroll-behavior:auto}main *,main :before,main :after{transition:none!important;animation:none!important}}
