:root{--ink:#15343f;--teal:#087f78;--lime:#c3e59d;--muted:#61767b;--line:#dce5e3;--paper:#fafbf8;--mint:#e9f3ef;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid var(--teal);outline-offset:2px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:14px;z-index:100}.skip:focus{top:15px}.concept-bar{height:36px;padding:0 max(48px,calc((100vw - 1200px)/2));display:flex;gap:10px;align-items:center;font-size:13px;letter-spacing:.02em;background:var(--ink);color:#d4e4e2}.concept-bar a{margin-left:auto;color:white}.concept-dot,.live-dot,.status-dot{height:6px;width:6px;background:var(--lime);border-radius:50%;display:inline-block;flex-shrink:0}.concept-separator{opacity:.4}.site-header{display:flex;justify-content:space-between;align-items:center;height:110px}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand>span{font-size:19px;font-weight:700;letter-spacing:-.6px}.brand small{display:block;font-size:12px;letter-spacing:2px;font-weight:600;color:var(--teal);margin-top:6px}.site-header nav{display:flex;align-items:center;gap:29px;font-size:15px;font-weight:600}.site-header nav>a:not(.nav-contact){padding:12px 0}.site-header nav>a:hover{color:var(--teal)}.nav-contact{border:1px solid var(--line);padding:14px 18px;border-radius:6px}.nav-contact span{margin-left:15px}.menu-toggle{display:none}.hero{padding-top:65px;padding-bottom:76px;display:grid;grid-template-columns:1.13fr 1fr;gap:35px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:var(--teal);margin:0 0 25px;line-height:1.5;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--teal);border-radius:50%}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(43px,4.55vw,66px);line-height:1.06;letter-spacing:-3.5px;font-weight:700;margin-bottom:25px}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.055em;color:var(--teal)}.hero-intro{font-size:18px;line-height:1.8;color:var(--muted);max-width:435px;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;gap:32px;align-items:center;justify-content:center;min-height:49px;border-radius:6px;padding:14px 20px;font-size:16px;font-weight:600;border:0;transition:background .18s,transform .18s}.primary{background:var(--teal);color:white}.primary:hover{background:#09675f;transform:translateY(-1px)}.button span{font-size:20px;font-weight:400}.text-link{font-size:15px;font-weight:600;display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.hero-signature{display:flex;gap:12px;align-items:center;margin-top:40px}.avatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid #cadbd6;border-radius:50%;background:var(--mint);font-size:14px;letter-spacing:-1px;font-weight:700}.hero-signature strong{font-size:15px;display:block}.hero-signature small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.hero-art{position:relative;height:450px;isolation:isolate;display:flex;align-items:center;justify-content:center;background:#e9eee7;border-radius:50% 50% 8px 8px;min-width:0}.art-orbit{position:absolute;inset:25px;border:1px solid #d3ded3;border-radius:50%;z-index:-1}.orbit-two{inset:65px -15px;transform:rotate(-30deg);border-radius:50%}.floating-label{position:absolute;top:26px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;letter-spacing:1.3px;white-space:nowrap;display:flex;align-items:center;gap:7px;color:var(--muted)}.floating-label .live-dot{background:var(--teal)}.workflow-window{width:calc(100% - 34px);background:white;border:1px solid #dae3de;border-radius:10px;box-shadow:0 18px 50px #15343f16;transform:rotate(-2deg)}.window-top{height:38px;border-bottom:1px solid #edf0ee;display:flex;gap:15px;align-items:center;padding:0 14px;font-size:13px;color:#728486}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#d7dfda;border-radius:50%}.mini-logo{margin-left:auto;font-size:14px;font-weight:bold;color:var(--teal)}.workflow-body{padding:24px 22px 0}.workflow-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;color:var(--muted);font-weight:700}.demo-label{padding:4px 7px;border:1px solid #dce5df;border-radius:4px;font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400}.workflow-body h2{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:16px 0 21px}.flow-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;border-bottom:1px solid #e8eeeb;padding-bottom:15px}.flow-tabs button{border:0;background:transparent;color:#83918c;text-align:left;padding:8px 6px;font-size:14px;border-radius:4px}.flow-tabs button b{display:block;margin-bottom:5px;font-size:12px}.flow-tabs button[aria-selected=true]{background:var(--mint);color:var(--teal)}.flow-content{display:flex;align-items:flex-start;gap:11px;min-height:94px;padding-top:19px;padding-bottom:15px}.flow-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--mint);color:var(--teal);font-size:22px;flex-shrink:0}.flow-content strong{font-size:16px}.flow-content p{font-size:15px;line-height:1.6;color:var(--muted);margin:6px 0 0;max-width:280px}.workflow-bottom{border-top:1px solid #e8eeeb;padding:12px 0;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.workflow-bottom>span{display:flex;align-items:center;gap:6px}.status-dot{width:4px;height:4px;background:var(--teal)}.workflow-bottom button{border:0;background:transparent;color:var(--teal);font-size:14px;padding:4px 1px}.workflow-bottom button span{margin-left:6px}.benefit-note{position:absolute;bottom:3px;right:-10px;display:flex;align-items:center;gap:11px;border:1px solid #dbe7df;background:#fcfdfb;box-shadow:0 8px 22px #15343f10;border-radius:8px;padding:17px 21px;transform:rotate(3deg)}.benefit-note>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--lime);font-size:18px}.benefit-note div{font-size:16px;font-weight:600}.benefit-note small{font-size:14px;display:block;color:var(--muted);margin-top:5px;font-weight:400}.intro-strip{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.intro-strip>span{font-weight:bold;color:var(--ink)}.intro-strip>div{display:flex;align-items:center;gap:25px}.intro-strip i{width:3px;height:3px;border-radius:50%;background:#a5b8af}.section{padding-top:100px;padding-bottom:100px}.section h2{font-size:47px;line-height:1.12;letter-spacing:-2px;margin-bottom:24px}.services{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.section-intro>p:not(.eyebrow){max-width:300px;font-size:17px;line-height:1.8;color:var(--muted)}.service-aside{display:flex;align-items:center;gap:18px;margin-top:35px}.service-aside>span{font-size:34px;color:var(--teal)}.service-aside p{font-size:15px;line-height:1.7;margin:0;color:var(--muted)}.service-list{padding-top:4px}.service-list details{border-bottom:1px solid var(--line)}.service-list details:first-child{border-top:1px solid var(--line)}.service-list summary{display:flex;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:26px 0}.service-list summary::-webkit-details-marker{display:none}.service-number{font-size:14px;color:var(--teal)}.service-list h3{font-size:21px;letter-spacing:-.5px;margin:0;line-height:1.3}.details-symbol{margin-left:auto;flex-shrink:0;width:25px;height:25px;position:relative}.details-symbol:before,.details-symbol:after{content:'';position:absolute;background:var(--teal);height:1px;width:12px;top:12px;left:6px}.details-symbol:after{transform:rotate(90deg)}details[open] .details-symbol:after{transform:rotate(0)}.service-description{padding:0 29px 27px 36px}.service-description p{font-size:17px;line-height:1.85;color:var(--muted);margin-bottom:18px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:13px;border:1px solid var(--line);padding:6px 9px;border-radius:4px}.projects{background:var(--ink);color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-heading h2{margin:0}.projects .eyebrow{color:#aed2bd}.projects .serif{color:var(--lime)}.section-heading>p{font-size:16px;color:#b0c6c7;line-height:1.8;margin-bottom:5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{min-width:0}.project-visual{height:310px;border-radius:9px;overflow:hidden;padding:22px 25px 0;position:relative}.lighthouse-visual{background:#cfdfcc}.zaeme-visual{background:#e9dfcf}.project-preview-label{font-size:12px;letter-spacing:1.3px;color:#53665d;margin-bottom:29px}.lighthouse-app{display:flex;width:100%;height:260px;border-radius:8px 8px 0 0;background:#f8faf7;box-shadow:0 10px 25px #15343f15;transform:rotate(-3deg);color:var(--ink)}.lh-side{width:42px;background:#183b35;border-radius:8px 0 0 0;flex-shrink:0;padding-top:16px;text-align:center}.lighthouse-mark{display:block;color:#d9ebc9;font-size:22px;margin-bottom:25px}.lh-side i{display:block;margin:15px auto;width:13px;height:4px;background:#829b8a;border-radius:2px}.lh-main{padding:18px 14px;flex:1;min-width:0}.lh-top{font-size:12px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}.lh-top b{color:var(--teal)}.lh-avatar{font-size:12px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ddeadd}.lh-main h4{font-size:19px;letter-spacing:-.5px;margin-top:22px;margin-bottom:20px}.lh-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lh-columns small{font-size:12px;color:#7e9084;letter-spacing:1px}.lh-columns p{font-size:14px;background:white;border:1px solid #e6ebe4;border-radius:5px;padding:13px 8px;margin-top:8px;margin-bottom:8px;line-height:1.5}.lh-columns p span{display:block;font-size:13px;color:var(--muted);margin-top:9px}.task-dot{display:inline-block;width:4px;height:4px;background:var(--teal);border-radius:50%;margin-right:3px}.task-dot.amber{background:#bf9b56}.lh-complete{padding:10px 5px;font-size:13px;color:#75927c;border:1px dashed #c5d3c4;border-radius:5px}.zaeme-app{margin:0 auto;width:87%;background:#fffdf8;border-radius:9px;box-shadow:0 10px 25px #15343f15;padding:19px 20px 25px;transform:rotate(3deg);color:#344833}.zaeme-mini-nav{display:flex;justify-content:space-between;align-items:center}.zaeme-mini-nav strong{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-1px}.zaeme-mini-nav strong span{font-size:17px;margin-left:4px}.zaeme-app h4{font-size:30px;letter-spacing:-1px;margin-top:22px;margin-bottom:5px}.zaeme-app>p{font-size:14px;color:#73836d;margin-bottom:20px}.zaeme-task{background:#f1f4e7;border:1px solid #e1e8d1;display:flex;align-items:center;gap:9px;padding:13px 10px;margin-top:8px;border-radius:5px}.zaeme-task:last-child{background:#fff5e8;border-color:#f0e4d1}.zaeme-task div{flex:1}.zaeme-task b{display:block;font-size:15px}.zaeme-task small{display:block;font-size:13px;margin-top:6px;line-height:1.4}.zaeme-icon{font-size:16px}.project-info{padding:25px 0 0}.project-type{font-size:12px;font-weight:600;letter-spacing:1.3px;color:#a0c4b7;margin-bottom:12px}.project-info h3{font-size:25px;letter-spacing:-.7px;margin-bottom:12px}.project-info>p:not(.project-type){font-size:17px;color:#aec4c4;line-height:1.8;max-width:375px;margin-bottom:18px}.project-link{display:flex;justify-content:space-between;width:100%;align-items:center;background:none;border:0;border-top:1px solid #35515a;padding:16px 0;color:white;font-size:16px;text-align:left}.project-link span{font-size:19px;color:var(--lime)}.project-link:hover{color:var(--lime)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px;margin-top:55px}.process-grid article{border-top:1px solid var(--line);padding-top:24px}.process-grid article>span{font-family:Georgia,serif;font-size:39px;font-style:italic;color:#a0bcb1}.process-grid h3{font-size:20px;letter-spacing:-.3px;margin:20px 0 12px}.process-grid p{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:0}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact h2{font-size:43px}.contact-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted);max-width:370px}.contact-person{display:flex;gap:15px;align-items:center;margin-top:35px}.avatar.large{width:49px;height:49px;font-size:15px}.contact-person strong{display:block;font-size:17px}.contact-person div>span{display:block;font-size:14px;color:var(--muted);margin:6px 0 11px}.contact-person a{font-size:16px;font-weight:600;color:var(--teal)}.contact-form-panel{padding:30px;background:#edf3ee;border-radius:9px}.contact-form-panel h3{font-size:22px;letter-spacing:-.4px;margin-bottom:25px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:14px;font-weight:600;margin-bottom:17px}label>span{font-weight:400;color:var(--muted)}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #d4dfd7;background:#fcfdfb;border-radius:5px;color:var(--ink);font-size:16px;margin-top:8px;min-width:0}textarea{resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#8c9b94}select{min-height:41px}.form-submit{width:100%;justify-content:space-between}.form-note{font-size:13px;line-height:1.7;color:var(--muted);margin:14px 0 0}.form-status{font-size:14px;line-height:1.6;color:var(--teal);margin:0}.form-status:not(:empty){margin-top:12px}.footer{background:#e7eee7;padding:40px 0 22px}.footer-main{display:flex;align-items:center;gap:40px;padding-bottom:30px}.footer-main>p{font-size:16px;color:var(--muted);margin:0 0 0 auto}.back-top{display:grid;place-items:center;border:1px solid #c9d7cd;border-radius:50%;width:39px;height:39px;font-size:18px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #cfdbd1;padding-top:22px;font-size:13px;color:var(--muted)}.footer-bottom>div{display:flex;gap:23px}.footer-bottom button{font-size:14px;background:none;border:0;padding:4px 0;color:var(--muted)}dialog{padding:48px;border:0;border-radius:12px;width:min(570px,calc(100% - 32px));max-height:85vh;overflow:auto;color:var(--ink);background:var(--paper);box-shadow:0 25px 100px #0003}dialog::backdrop{background:#092c36a6;backdrop-filter:blur(4px)}dialog h2{font-size:31px;letter-spacing:-1px;line-height:1.2}.dialog-close{position:absolute;right:15px;top:11px;background:none;border:0;color:var(--ink);font-size:30px;width:40px;height:40px}#dialog-body p,#dialog-body li{font-size:17px;line-height:1.85;color:var(--muted)}#dialog-body ul{padding-left:20px}#dialog-body .button{margin-top:15px}#dialog-body a:not(.button){text-decoration:underline;color:var(--teal)}body:has(dialog[open]){overflow:hidden}
@media(min-width:1450px){.hero{gap:70px}.hero-art{height:485px}.workflow-window{width:96%}.workflow-body{padding:28px 27px 0}.flow-content{min-height:102px}.hero{padding-top:80px;padding-bottom:95px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.concept-bar{padding-inline:32px}.site-header nav{gap:20px}.hero{gap:25px}h1{font-size:50px;letter-spacing:-2.8px}.hero-intro{font-size:18px}.hero-art{height:410px}.workflow-window{width:97%}.workflow-body{padding:19px 16px 0}.hero-actions{gap:16px}.button{padding-inline:15px;gap:20px}.benefit-note{right:-6px;bottom:0}.services{gap:55px}.section h2{font-size:42px}.service-list h3{font-size:21px}.project-visual{height:285px;padding-inline:18px}.zaeme-app{width:94%}.contact{gap:35px}.contact h2{font-size:37px}.contact-form-panel{padding:24px}.intro-strip>div{gap:15px}}
@media(max-width:850px){.site-header{height:90px}.site-header nav{gap:18px;font-size:15px}.brand>span{font-size:19px}.brand img{width:38px;height:38px}.brand{gap:9px}.nav-contact{padding:12px}.site-header nav>a:nth-child(3){display:none}.hero{padding-top:45px;grid-template-columns:1.1fr 1fr;gap:20px}h1{font-size:42px;letter-spacing:-2.4px}.hero .eyebrow{font-size:12px;letter-spacing:1px}.hero-intro{font-size:18px}.hero-actions{align-items:flex-start;flex-direction:column;gap:7px}.hero-signature{margin-top:25px}.hero-signature small{font-size:14px}.hero-art{height:385px}.workflow-body h2{font-size:25px}.flow-tabs button{font-size:14px;padding-inline:3px}.flow-content strong{font-size:16px}.flow-content p{font-size:15px}.floating-label{font-size:12px}.benefit-note{padding:12px 16px}.intro-strip{font-size:14px}.intro-strip>div{gap:12px}.intro-strip i{display:none}.section{padding-top:75px;padding-bottom:75px}.services{gap:35px;grid-template-columns:.9fr 1.1fr}.section h2{font-size:37px}.service-list h3{font-size:21px}.service-list summary{gap:12px}.service-description{padding-left:24px;padding-right:6px}.project-visual{height:250px}.project-preview-label{margin-bottom:22px}.lh-main{padding:15px 9px}.lh-side{width:30px}.lh-main h4{font-size:19px}.lh-columns p{font-size:14px;padding:8px 5px}.zaeme-app{padding:14px}.zaeme-task small{font-size:13px}.zaeme-app h4{font-size:30px}.process-grid{gap:20px}.process-grid h3{font-size:20px}.contact{grid-template-columns:1fr;gap:35px}.contact-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.contact-copy .eyebrow,.contact-copy h2{grid-column:1}.contact-copy .contact-person{grid-column:2;grid-row:2 / 4;align-self:center;margin:0}.contact-copy>p:not(.eyebrow){grid-column:1}.footer-main{gap:20px}.footer-main>p{font-size:16px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.concept-bar{height:30px;padding-inline:20px;font-size:13px;gap:6px}.concept-bar>a{display:none}.site-header{height:85px;position:relative}.brand>span{font-size:19px}.brand small{font-size:12px;letter-spacing:1.5px}.menu-toggle{display:flex;border:1px solid var(--line);background:transparent;width:40px;height:40px;border-radius:5px;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{width:17px;height:1px;background:var(--ink)}.site-header nav{display:none;position:absolute;z-index:10;top:76px;left:0;right:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:18px;box-shadow:0 14px 20px #15343f10;flex-direction:column;align-items:stretch;gap:3px}.site-header nav.open{display:flex}.site-header nav>a:nth-child(3){display:block}.site-header nav>a{font-size:16px}.nav-contact{margin-top:8px}.hero{display:block;padding-top:27px;padding-bottom:35px}.hero .eyebrow{font-size:12px;letter-spacing:1.15px;margin-bottom:20px}h1{font-size:clamp(38px,10.4vw,64px);letter-spacing:-2.5px;line-height:1.08;margin-bottom:21px}.hero-intro{font-size:18px;line-height:1.75;max-width:460px;margin-bottom:24px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.button{font-size:16px;min-height:46px;gap:20px}.text-link{font-size:15px;gap:10px}.hero-signature{margin-top:27px}.hero-signature small{font-size:14px}.hero-art{height:385px;margin:40px auto 0;max-width:480px}.workflow-window{width:90%;transform:rotate(-2deg)}.workflow-body{padding:22px 20px 0}.workflow-body h2{font-size:25px}.flow-tabs button{font-size:14px;padding:7px 5px;min-height:44px}.flow-content strong{font-size:16px}.flow-content p{font-size:15px}.flow-content{min-height:100px}.floating-label{top:14px;font-size:12px}.benefit-note{right:0;bottom:-10px}.intro-strip{display:block;padding:22px 0;font-size:14px}.intro-strip>div{margin-top:15px;gap:17px;font-size:14px;justify-content:space-between}.section{padding-top:61px;padding-bottom:61px}.section h2{font-size:37px;letter-spacing:-1.8px}.eyebrow{font-size:12px;letter-spacing:1.3px;margin-bottom:20px}.services{display:block}.section-intro h2 br:nth-of-type(1){display:none}.section-intro>p:not(.eyebrow){max-width:420px;font-size:17px}.service-aside{display:none}.service-list{margin-top:32px}.service-list summary{padding:23px 0}.service-list h3{font-size:21px}.service-description{padding:0 14px 22px 26px}.service-description p{font-size:17px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px;font-size:16px}.project-grid{grid-template-columns:1fr;gap:35px}.project-visual{height:290px;padding:20px 22px 0}.project-preview-label{font-size:12px;margin-bottom:25px}.lighthouse-app{height:270px}.lh-side{width:40px}.lh-main{padding:19px 13px}.lh-main h4{font-size:19px}.lh-columns p{font-size:14px;padding:12px 8px}.lh-columns p span{font-size:13px}.lh-top{font-size:12px}.lh-columns small{font-size:12px}.lh-complete{font-size:13px}.zaeme-app{max-width:310px;padding:17px 20px}.zaeme-app h4{font-size:30px}.zaeme-task{padding:13px 10px}.zaeme-task b{font-size:15px}.zaeme-task small{font-size:13px}.project-info{padding-top:22px}.project-info h3{font-size:24px}.project-info>p:not(.project-type){font-size:17px}.project-link{min-height:48px;font-size:16px}.process-grid{grid-template-columns:1fr 1fr;gap:30px 23px;margin-top:33px}.process-grid h3{font-size:20px;margin-top:16px}.process-grid p{font-size:17px}.process-grid article>span{font-size:34px}.contact-copy{display:block}.contact h2{font-size:35px}.contact-copy .contact-person{margin-top:26px}.contact-form-panel{padding:23px 19px}.field-row{grid-template-columns:1fr;gap:0}label{font-size:14px}input,textarea,select{font-size:16px;padding:12px;min-height:45px}.contact-form-panel h3{font-size:22px}.form-note{font-size:13px}.footer{padding-top:30px}.footer-main{padding-bottom:25px;gap:15px}.footer-main>p{display:none}.back-top{margin-left:auto}.footer-bottom{display:block;font-size:13px;line-height:1.8}.footer-bottom>div{margin-top:15px}.footer-bottom button{font-size:14px;min-height:36px}dialog{padding:45px 25px 30px}dialog h2{font-size:29px}.orbit-two{inset:65px -5px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.concept-bar{padding-inline:16px;font-size:13px}.hero-actions{gap:12px}.button{padding-inline:13px;gap:10px;font-size:16px}.text-link{font-size:15px}.hero-art{height:380px}.workflow-window{width:94%}.workflow-body{padding:18px 15px 0}.hero-signature small{font-size:14px}.intro-strip>div{gap:7px;font-size:14px}.project-visual{padding-inline:15px}.lh-main h4{font-size:19px}.contact h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Readability: give larger type room instead of shrinking it on small screens. */
:root { --muted: #51676c; }
body { font-size: 16px; line-height: 1.5; }
.concept-bar { min-height: 40px; height: auto; padding-block: 9px; flex-wrap: wrap; }
.hero { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); }
.hero-intro { max-width: 490px; line-height: 1.7; }
.hero-actions { flex-wrap: wrap; gap: 12px 24px; }
.button { min-height: 52px; line-height: 1.4; }
.orbit-two { inset: 60px 35px; transform: none; border-radius: 45%; }
.hero-art { height: auto; min-height: 560px; padding: 62px 10px 85px; }
.workflow-window { width: 100%; transform: rotate(-1deg); }
.workflow-body { padding: 24px 22px 0; }
.window-top { height: auto; min-height: 44px; color: var(--muted); }
.workflow-heading { gap: 10px; letter-spacing: .7px; }
.flow-tabs button { color: var(--muted); min-height: 56px; }
.flow-content { min-height: 138px; }
.flow-content p { max-width: none; }
.workflow-bottom { gap: 14px; min-height: 65px; }
.workflow-bottom > span { min-width: 0; }
.workflow-bottom button { flex-shrink: 0; min-height: 44px; padding-inline: 5px; }
.benefit-note { right: 8px; bottom: 0; }
.intro-strip { gap: 18px; flex-wrap: wrap; }
.intro-strip > div { flex-wrap: wrap; gap: 12px 22px; }
.section-intro > p:not(.eyebrow) { max-width: 360px; }
.services { gap: 64px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
.project-grid { align-items: stretch; }
.project-card { display: flex; flex-direction: column; }
.project-visual { height: auto; min-height: 430px; padding: 24px; display: flex; flex-direction: column; }
.project-preview-label { margin-bottom: 24px; letter-spacing: .8px; }
.lighthouse-app { height: auto; min-height: 330px; flex: 1; transform: none; border-radius: 8px; }
.lh-side { width: 34px; border-radius: 8px 0 0 8px; }
.lh-main { padding: 20px 16px; }
.lh-avatar { width: 26px; height: 26px; }
.lh-main h4 { line-height: 1.35; }
.lh-columns { gap: 10px; }
.lh-columns small { color: var(--muted); }
.lh-columns p { padding: 12px 10px; }
.lh-complete { color: #496850; line-height: 1.5; }
.zaeme-app { width: 100%; max-width: none; padding: 24px; transform: none; flex: 1; }
.zaeme-app > p { color: #52624d; }
.zaeme-task { padding: 16px 12px; gap: 12px; }
.project-info { flex: 1; display: flex; flex-direction: column; }
.project-info > p:not(.project-type) { max-width: 490px; color: #c0d1d1; }
.project-link { min-height: 54px; margin-top: auto; }
.process-grid h3 { line-height: 1.4; }
.process-grid p { line-height: 1.7; }
.contact-copy > p:not(.eyebrow) { max-width: 440px; }
.contact-form-panel, .contact-copy { min-width: 0; }
.contact-person .avatar { flex-shrink: 0; }
input, select, textarea { min-height: 48px; line-height: 1.5; }
input::placeholder, textarea::placeholder { color: #6d7972; font-weight: 400; opacity: 1; }
select { padding-right: 30px; }
.footer-bottom button { min-height: 44px; }
.footer-main { flex-wrap: wrap; }
.back-top { flex-shrink: 0; }
@media (max-width: 1100px) {
  .hero { grid-template-columns: 1fr; gap: 40px; }
  .hero-copy { max-width: 700px; }
  .hero-art { max-width: 650px; width: 100%; margin-inline: auto; }
  .hero-actions { flex-direction: row; align-items: center; }
  .hero-intro { max-width: 590px; }
  .services { gap: 40px; }
  .project-visual { padding: 20px; }
  .lh-columns { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 950px) {
  .site-header { position: relative; height: 90px; }
  .menu-toggle { display: flex; border: 1px solid var(--line); background: transparent; width: 44px; height: 44px; border-radius: 5px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
  .menu-toggle span { width: 18px; height: 2px; background: var(--ink); }
  .site-header nav { display: none; position: absolute; z-index: 10; top: 80px; left: 0; right: 0; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); padding: 18px; box-shadow: 0 14px 20px #15343f10; flex-direction: column; align-items: stretch; gap: 3px; }
  .site-header nav.open { display: flex; }
  .site-header nav > a:nth-child(3) { display: block; }
  .nav-contact { margin-top: 8px; }
  .services { grid-template-columns: 1fr; gap: 30px; }
  .section-intro > p:not(.eyebrow) { max-width: 560px; }
  .service-list { margin-top: 0; }
  .service-aside { display: none; }
  .project-grid { grid-template-columns: 1fr; gap: 45px; }
  .project-visual { min-height: 0; padding: 24px; }
  .lh-columns { grid-template-columns: 1fr 1fr; }
  .zaeme-app, .lighthouse-app { min-height: 330px; }
}
@media (max-width: 650px) {
  .concept-bar { font-size: 12px; gap: 5px 8px; }
  .concept-bar > a { display: none; }
  .hero .eyebrow { letter-spacing: .8px; }
  .hero-art { min-height: 0; padding: 50px 0 85px; max-width: 520px; margin-top: 36px; }
  .workflow-window { width: 100%; transform: none; }
  .workflow-body { padding: 20px 16px 0; }
  .workflow-body h2 { font-size: 23px; }
  .flow-content { min-height: 146px; }
  .flow-tabs { gap: 3px; }
  .flow-tabs button { padding-inline: 5px; }
  .floating-label { top: 16px; font-size: 11px; letter-spacing: .8px; }
  .benefit-note { transform: none; bottom: 0; right: 0; padding: 12px 16px; }
  .intro-strip > div { justify-content: flex-start; gap: 10px 20px; }
  .service-list h3 { font-size: 20px; }
  .service-description { padding-left: 0; padding-right: 0; }
  .project-visual { padding: 18px; }
  .lh-side { width: 28px; }
  .lh-main { padding: 16px 12px; }
  .zaeme-app { padding: 20px 16px; }
  .zaeme-task { padding: 14px 10px; gap: 9px; }
  .contact-form-panel { padding: 24px 20px; }
  .footer-bottom { line-height: 1.7; }
  .footer-main .brand > span { font-size: 18px; }
  dialog { padding-inline: 24px; }
}
@media (max-width: 400px) {
  .brand { gap: 9px; }
  .brand > span { font-size: 17px; letter-spacing: -.4px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 7px; }
  .hero-actions .button { width: 100%; justify-content: space-between; }
  .workflow-body { padding-inline: 12px; }
  .workflow-body h2 { font-size: 22px; }
  .window-top { gap: 8px; padding-inline: 10px; }
  .window-dots { display: none; }
  .lh-columns { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-main { gap: 10px; }
}

/* Local portfolio concept: distinct, readable reference cards. */
.reference-visual{min-height:310px;display:flex;flex-direction:column;justify-content:space-between;padding:32px;border-radius:8px;color:#15343f;overflow:hidden}
.reference-visual span{font-size:12px;letter-spacing:.1em;font-weight:700}
.reference-visual strong{font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.04em}
.reference-visual p{font-size:15px;margin:0;line-height:1.5}
.reference-green{background:#d8ebd6}.reference-sand{background:#f0e8d8}.reference-blue{background:#dae9e8}.reference-slate{background:#dce5ee}
.reference-card .project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px}
@media(max-width:650px){.reference-visual{min-height:250px;padding:25px}.reference-visual strong{font-size:38px}}

.offers{padding-top:50px}.offers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.offer-card{border:1px solid var(--line);background:white;border-radius:10px;padding:28px;display:flex;flex-direction:column}.offer-card span{font-size:12px;letter-spacing:.1em;font-weight:700;color:var(--teal)}.offer-card h3{font-size:24px;margin:25px 0 14px}.offer-card p{font-size:16px;line-height:1.7;color:var(--muted);flex:1}.offer-card a{font-weight:700;color:var(--teal);padding-top:12px}.offers-footnote{color:var(--muted);font-size:15px;margin:20px 0 0}@media(max-width:850px){.offers-grid{grid-template-columns:1fr}.offer-card{padding:24px}.offer-card h3{margin-top:14px}}

/* Local agency-layout proposal. */
.hero-copy{max-width:680px}.hero-intro{max-width:570px}.hero h1{font-size:clamp(42px,4.2vw,62px);line-height:1.08}
.projects{background:#eef4f1;color:var(--ink)}.projects .eyebrow{color:var(--teal)}.projects .serif{color:var(--teal)}
.project-grid{gap:24px}.project-card{background:#fff;border:1px solid #dce5e3;border-radius:12px;overflow:hidden;box-shadow:0 8px 26px #15343f08}
.project-card .project-visual{border-radius:0;min-height:310px}.reference-visual{border-radius:0;min-height:240px;padding:28px 32px}.reference-visual strong{font-size:clamp(30px,3vw,42px)}
.project-info{padding:26px 28px 16px}.project-info .project-type{color:#087f78}.project-info h3{font-size:23px}.project-info>p:not(.project-type){color:#536a70;font-size:16px;line-height:1.65}.project-link{color:#087f78;border-color:#dce5e3}.project-link span{color:#087f78}.project-link:hover{color:#064f4a}
@media(max-width:650px){.hero h1{font-size:clamp(36px,9.2vw,48px)}.reference-visual{min-height:195px;padding:24px}.reference-visual strong{font-size:34px}.project-info{padding:22px 22px 12px}.project-grid{gap:20px}}

.projects .section-heading > p { color: #526a70; }


.portfolio-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 42px}.portfolio-tabs button{border:1px solid #c5d8d1;background:#fff;color:#15343f;padding:12px 20px;min-height:48px;border-radius:7px;font-size:16px;font-weight:600}.portfolio-tabs button[aria-selected="true"]{background:#15343f;color:#fff;border-color:#15343f}.portfolio-tabs button:hover{border-color:#087f78}.portfolio-panel[hidden]{display:none!important}.portfolio-intro{margin:0 0 24px}.portfolio-intro h3{font-size:27px;margin:0 0 8px}.portfolio-intro p{color:#526a70;font-size:16px;line-height:1.6;margin:0}.portfolio-panel .project-grid{margin-top:25px}@media(max-width:650px){.portfolio-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:30px}.portfolio-tabs button{font-size:15px;padding:10px}.portfolio-intro h3{font-size:23px}}

.reference-shot{position:relative;aspect-ratio:16/10;background:#edf2ef;overflow:hidden}.reference-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.reference-shot span{position:absolute;bottom:10px;left:10px;padding:6px 9px;border-radius:4px;background:#15343f;color:white;font-size:11px;font-weight:700;letter-spacing:.05em}

.crm-showcase{background:#fff;border:1px solid #dce5e3;border-radius:12px;overflow:hidden}.crm-showcase .project-info{padding:28px 32px 12px}.crm-example{margin:0;padding:0 32px 25px}.crm-example img{display:block;width:100%;height:auto;border:1px solid #dce5e3;border-radius:8px}.crm-example figcaption{font-size:14px;color:#526a70;margin-top:9px}.crm-offer-intro{padding:10px 32px 14px;border-top:1px solid #e1eae6}.crm-offer-intro h4{font-size:21px;margin:18px 0 7px}.crm-offer-intro p{margin:0;line-height:1.6;color:#526a70}.crm-email img{max-width:820px}@media(max-width:650px){.crm-showcase .project-info{padding:22px 18px 10px}.crm-example{padding:0 18px 20px}.crm-offer-intro{padding:8px 18px 14px}}

.crm-demo-preview{position:relative;container-type:inline-size}.crm-demo-brand,.crm-demo-account,.crm-demo-footer{position:absolute;background:#fafbfa;display:flex;align-items:center;color:#15343f}.crm-demo-brand{top:0;left:0;width:19.5%;height:12%;gap:4%;padding-left:1.8%;font-weight:700;font-size:1.15cqw}.crm-demo-brand b,.crm-demo-account b{display:grid;place-items:center;background:#15343f;color:#fff;border-radius:20%;width:17%;aspect-ratio:1;font-size:1.5cqw}.crm-demo-brand small{display:block;font-size:.64cqw;letter-spacing:.12em;margin-top:.3cqw}.crm-demo-account{top:0;right:0;width:13%;height:11%;gap:6%;font-size:.85cqw}.crm-demo-account b{width:19%;border-radius:50%;font-size:1cqw}.crm-demo-footer{bottom:0;left:19.5%;height:8%;width:30%;padding-left:2%;font-size:.7cqw;color:#83928e}

.offer-example{margin:0 32px 32px;padding:26px 28px;background:#fff;border:1px solid #d9e5e0;border-radius:8px;color:#15343f}.offer-example-head{display:flex;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:2px solid #dfe9e5}.offer-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;color:#087f78}.offer-example-head h4{font-size:24px;margin:8px 0}.offer-example-head p{font-size:15px;color:#526a70;margin:0}.offer-meta{display:flex;flex-direction:column;gap:6px;color:#526a70;font-size:14px;text-align:right;white-space:nowrap}.offer-line{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #dfe9e5}.offer-line strong,.offer-line small{display:block}.offer-line small{color:#526a70;margin-top:6px;font-size:14px}.offer-line>span{white-space:nowrap;font-weight:600}.offer-total{display:flex;align-items:center;justify-content:flex-end;gap:35px;padding:20px 0}.offer-total strong{font-size:26px}.offer-actions{display:flex;flex-wrap:wrap;gap:10px}.offer-actions span{display:inline-block;padding:12px 18px;border-radius:6px;background:#087f78;color:#fff;font-size:15px;font-weight:600}.offer-actions span+span{background:#fff;color:#15343f;border:1px solid #b8ceca}.offer-caption{font-size:13px;color:#61767b;margin:18px 0 0}@media(max-width:650px){.offer-example{margin:0 18px 20px;padding:20px 18px}.offer-example-head{display:block}.offer-meta{text-align:left;flex-direction:row;margin-top:12px}.offer-example-head h4{font-size:21px}}

.gtt-example{margin:0 32px 28px;border:1px solid #d9e5e0;border-radius:8px;overflow:hidden;background:#f5f8f5}.gtt-example-header{background:white;border-bottom:1px solid #e1eae1;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.gtt-example-header strong{font-size:21px;color:#1c4e33}.gtt-example-header strong span{font-size:16px}.gtt-example-header small,.gtt-example-heading small{font-size:11px;letter-spacing:.1em;color:#648277}.gtt-example-body{padding:24px}.gtt-example-heading h4{font-size:23px;margin:7px 0 20px}.gtt-example-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gtt-example-stats div{background:#fff;border:1px solid #e0eae2;border-radius:6px;padding:16px}.gtt-example-stats span,.gtt-example-stats strong{display:block}.gtt-example-stats span{font-size:14px;color:#536b60}.gtt-example-stats strong{font-size:24px;margin-top:10px}.gtt-example-list{background:white;border:1px solid #e0eae2;border-radius:6px;margin-top:16px;padding:18px}.gtt-example-list h5{font-size:16px;margin:0 0 14px}.gtt-example-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;padding:12px 0;border-top:1px solid #edf2ee;font-size:14px}.gtt-example-labels{font-size:11px;color:#648277;font-weight:700;letter-spacing:.06em}.gtt-example-caption{margin:0;padding:0 24px 16px;color:#61767b;font-size:13px}@media(max-width:650px){.gtt-example{margin:0 18px 20px}.gtt-example-stats{grid-template-columns:repeat(2,1fr)}.gtt-example-body{padding:16px}.gtt-example-row{grid-template-columns:1.4fr 1fr;gap:8px}.gtt-example-row span:nth-child(2){display:none}}

.own-crm-section{margin-top:60px;padding-top:32px;border-top:1px solid #c9dcd3}.own-crm-section .project-type{margin:0 0 10px}.own-crm-section .portfolio-intro{margin-bottom:22px}.own-crm-figure{margin:0;padding:20px;background:#fff;border:1px solid #dce5e3;border-radius:12px}.own-crm-figure img{display:block;width:100%;height:auto;border:1px solid #dce5e3;border-radius:7px}.own-crm-figure figcaption{font-size:14px;color:#526a70;margin-top:10px}@media(max-width:650px){.own-crm-section{margin-top:42px}.own-crm-figure{padding:12px}}

.partner-example{margin:0}.partner-example-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.partner-example-stats div{background:#fff;border:1px solid #e0eae2;border-radius:6px;padding:16px}.partner-example-stats span,.partner-example-stats strong,.partner-example-pair strong,.partner-example-pair small{display:block}.partner-example-stats span{font-size:14px;color:#536b60}.partner-example-stats strong{font-size:24px;margin-top:10px}.partner-example-pair{display:flex;align-items:center;gap:24px;padding:14px 0}.partner-example-pair>span{font-size:24px;color:#087f78}.partner-example-pair small{font-size:11px;color:#648277;margin-bottom:6px;letter-spacing:.06em}@media(max-width:650px){.partner-example-stats{grid-template-columns:1fr}.partner-example-pair{gap:12px;flex-wrap:wrap}}

.swiscars-example{margin:0}.swiscars-example .gtt-example-header strong{color:#15343f}.swis-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.swis-steps div{background:white;border:1px solid #dce7e2;border-radius:6px;padding:12px;min-height:80px}.swis-steps b,.swis-steps span{display:block}.swis-steps b{color:#087f78;font-size:18px;margin-bottom:8px}.swis-steps span{font-size:13px;line-height:1.35}.swis-role-text{color:#526a70;font-size:14px;margin:0 0 14px}.swis-demo-job{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e5ece8;padding-top:14px}.swis-demo-job small,.swis-demo-job strong{display:block}.swis-demo-job small{font-size:11px;color:#648277;margin-bottom:5px}.swis-demo-job>span{font-size:13px;color:#087f78;font-weight:700}@media(max-width:650px){.swis-steps{grid-template-columns:repeat(2,1fr)}}

.swis-status-label{display:inline-flex;align-items:center;gap:8px;margin:-8px 0 18px;color:#087f78;font-size:14px;font-weight:600}.swis-status-label:before{content:'';width:8px;height:8px;border-radius:50%;background:#23a973}

.reference-shot--full{aspect-ratio:auto}.reference-shot--full img{width:100%;height:auto;object-fit:contain}

.calculator-detail{padding:14px 16px 0;background:#fff}.calculator-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;color:#15343f;font-size:14px}.calculator-detail-heading span{color:#61767b;font-size:12px}.calculator-detail-image{height:300px;background-image:url('images/gtt-insektenschutz.png');background-repeat:no-repeat;background-size:300% auto;background-position:right 15%;border:1px solid #dce5e3;border-radius:8px}@media(max-width:650px){.calculator-detail-image{height:250px}}

.calculator-detail-image{height:auto;aspect-ratio:1 / 1;background-position:right 24%}.teo-demo{padding:22px;background:#f2f6f8;color:#173047}.teo-demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.teo-demo-head small,.teo-demo-head strong{display:block}.teo-demo-head small{color:#b76c00;font-size:11px;font-weight:700;letter-spacing:.08em}.teo-demo-head strong{font-size:19px;margin-top:6px}.teo-demo-head>span{color:#61767b;font-size:12px}.teo-demo-month{text-align:center;font-size:15px;font-weight:700;margin:20px 0 12px}.teo-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.teo-calendar span{display:grid;place-items:center;min-height:33px;background:#fff;border-radius:6px;font-size:13px;font-weight:600}.teo-calendar .weekday{min-height:20px;background:transparent;color:#61767b;font-size:11px}.teo-calendar span:empty{background:transparent}.teo-calendar .available{background:#dcf0df;color:#24683a}.teo-calendar .busy{background:#f9dedb;color:#a42d27}.teo-legend{display:flex;gap:20px;margin-top:16px;font-size:12px;font-weight:600}.teo-legend span{display:flex;align-items:center;gap:6px}.teo-legend i{width:10px;height:10px;border-radius:50%}.teo-legend i.available{background:#4eae6b}.teo-legend i.busy{background:#d95248}.teo-demo-request{margin-top:16px;border-top:1px solid #dce5e3;padding-top:14px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}.teo-demo-request span{font-size:11px;color:#61767b}@media(max-width:650px){.calculator-detail-image{height:auto}.teo-demo{padding:16px}.teo-calendar{gap:4px}}