:root{--forest:#0c211b;--emerald:#16845c;--mint:#bce2b2;--ink:#18352b;--cream:#f7f8f3;--muted:#748278;--line:#dfe7dd;font-family:Arial,Helvetica,ui-sans-serif,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}a,button,input,select,textarea{outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0}button{border:0}.container{max-width:1320px;padding:0 48px;margin:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:20;padding:12px 20px;background:#fff}.skip-link:focus{top:10px}.site-header{height:92px;position:sticky;top:0;z-index:10;background:rgba(247,248,243,.96);backdrop-filter:blur(15px);border-bottom:1px solid #e4eadd}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{width:169px;display:block}.logo img{width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:33px;font-size:12px;font-weight:500}.site-header nav>a:not(.button){padding:12px 0;border-bottom:1px solid transparent}.site-header nav>a:not(.button):hover{border-color:var(--emerald);color:var(--emerald)}.button{font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 22px;border-radius:5px;min-height:49px;transition:background .18s,transform .18s;line-height:1.3}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;font-weight:400}.nav-cta,.dark{background:var(--forest);color:white}.nav-cta:hover,.dark:hover{background:#1b4838}.mint{background:var(--mint);color:var(--forest)}.mint:hover{background:#d0ebc8}.outline{border:1px solid #c8d3c6;background:transparent}.menu-toggle{display:none}.hero{background:var(--forest);color:#fff;position:relative;overflow:hidden}.hero-gridlines{position:absolute;inset:0;background-image:linear-gradient(to right,#5579610d 1px,transparent 1px);background-size:120px 100%;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-top:75px;padding-bottom:82px;min-height:665px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.7px;text-transform:uppercase;color:#788c75;margin-bottom:26px;line-height:1.7}.eyebrow.light{color:#9fbea8}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:9px;vertical-align:2px;box-shadow:0 0 0 4px #bce2b212}h1{font-size:clamp(46px,5.1vw,72px);line-height:1.02;letter-spacing:-3.7px;font-weight:500}h1>span{color:var(--mint)}.hero-description{font-size:15px;line-height:1.8;color:#aabeb0;max-width:405px;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.text-link{font-size:11px;color:#ccdacf;border-bottom:1px solid #546755;padding:11px 0}.text-link span{padding-left:9px;font-size:18px}.text-link:hover{color:var(--mint);border-color:var(--mint)}.hero-note{display:flex;align-items:center;gap:11px;color:#7f9a86;font-size:9px;line-height:1.5;margin-top:36px}.note-line{width:25px;height:1px;background:#506f57}.orbit{border:1px solid #456b482e;position:absolute;border-radius:50%;z-index:-1}.orbit-one{width:530px;height:530px;top:-47px;left:40px}.orbit-two{width:400px;height:400px;top:19px;left:107px}.showcase-label{color:#779580;letter-spacing:1.5px;font-size:9px;margin:0 0 22px 18px}.browser-frame{border:1px solid #5e806144;border-radius:10px;overflow:hidden;background:#ecf0e7;box-shadow:0 25px 60px #020b0740}.browser-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#839181;background:#e9eee7;height:28px;padding:0 11px}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#b2bbaa}.browser-plus{font-size:13px}.browser-frame img{width:100%;height:auto}.floating-header{display:flex;align-items:center;gap:7px;padding:12px 13px;font-size:11px}.floating-header>span:last-child{margin-left:auto;color:var(--emerald);font-size:18px}.tiny-icon{width:23px;height:23px;border-radius:5px;display:grid;place-items:center;background:#e8f4e5;color:var(--emerald);font-size:16px}.floating-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:12px 13px;color:#869782}.floating-footer span{font-size:7px;letter-spacing:1px;color:var(--emerald)}.hero-bottom{position:relative;border-top:1px solid #2d4932;display:flex;justify-content:space-between;align-items:center;min-height:66px;font-size:8px;color:#75927f;letter-spacing:1.5px}.hero-bottom a{font-size:10px;letter-spacing:0;color:#a4bba7}.hero-bottom a span{margin-left:25px;font-size:18px}.section{padding:94px 0}h2{font-size:clamp(34px,3.4vw,48px);font-weight:500;letter-spacing:-2px;line-height:1.12}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p,.project-intro>p{font-size:13px;line-height:1.8;color:#7d8b7d;max-width:330px}.services{background:#f9faf5}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{border:1px solid var(--line);padding:29px 27px;border-radius:8px;background:#fff;display:flex;flex-direction:column}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.service-icon{width:44px;height:44px;border-radius:9px;background:#edf4e8;display:grid;place-items:center;color:#508151}.service-icon svg{width:28px;height:28px}.service-number{font-size:11px;color:#a9b8a4;font-variant-numeric:tabular-nums}.service-card h3{font-size:23px;letter-spacing:-.8px;font-weight:500;margin-bottom:16px}.service-card>p{font-size:12px;line-height:1.8;color:#7d8c7b;min-height:65px}.service-card ul{list-style:none;display:grid;gap:11px;font-size:11px;color:#687e63;margin:25px 0 29px}.service-card li{display:flex;align-items:start;gap:9px;line-height:1.5}.service-card li::before{content:'↗';color:#7eaa6d}.service-link{font-size:11px;margin-top:auto;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;color:#406b44}.service-link span{font-size:20px}.featured{background:#eaf1e4;border-color:#d5e2cb}.featured .service-icon{background:#d9e8d0;color:#396f3e}.featured .service-link{border-color:#d3dfcc}.section-footnote{font-size:10px;color:#9aa591;margin-top:20px}.projects{background:#eef2e9}.project-intro{max-width:350px}.project-filters{display:flex;gap:6px;margin-top:23px}.project-filters button{font-size:10px;padding:10px 14px;border:1px solid #d7e0d1;border-radius:30px;color:#83937a;background:transparent}.project-filters button.active{background:var(--forest);border-color:var(--forest);color:#edf5e8}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 26px}.project-card[hidden]{display:none!important}.project-preview{width:100%;padding:35px 30px 32px;position:relative;text-align:left;border:1px solid #d5dfc9;overflow:hidden;border-radius:9px;display:block;transition:box-shadow .2s}.project-preview:hover{box-shadow:0 8px 25px #163b2412}.laurel-preview{background:#dbe3cc}.brasa-preview{background:#e6dac7;border-color:#dbccb8}.stock-preview{background:#d4dfd5;border-color:#cbd8cc}.preview-browser{border-radius:6px;overflow:hidden;box-shadow:0 9px 20px #34452f1a;transition:transform .25s;background:#fff}.project-preview:hover .preview-browser{transform:translateY(-5px)}.preview-chrome{height:23px;display:flex;align-items:center;justify-content:space-between;background:#f1f2ec;color:#a7b19e;padding:0 10px;font-size:7px;letter-spacing:1px}.preview-chrome>span:first-child{font-size:5px;letter-spacing:2px}.preview-browser img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.preview-tag{font-size:7px;letter-spacing:1.2px;display:block;color:#6f8065;margin-top:19px}.project-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:21px 1px 0}.project-category{font-size:8px;letter-spacing:1.2px;color:#7f9774}.project-meta h3{font-size:25px;letter-spacing:-.7px;font-weight:500;margin-top:7px}.project-meta p{font-size:11px;line-height:1.6;color:#85917c;margin-top:8px}.project-arrow{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid #c5d2bb;font-size:21px;flex-shrink:0;color:#65835b}.project-arrow:hover{background:#dce7d4}.system-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.system-project .project-meta{display:block;padding:0 10px}.system-project .project-meta h3{font-size:39px;margin-top:12px}.system-project .project-meta p{max-width:290px;font-size:13px;line-height:1.8;margin-top:16px}.system-project .project-arrow{margin-top:24px}.system-project .project-preview{padding-top:26px;padding-bottom:22px}.demo-disclaimer{display:flex;gap:9px;align-items:start;font-size:10px;line-height:1.7;color:#85977d;margin-top:37px}.demo-disclaimer span{font-size:16px;line-height:1}.process{background:#fafbf6}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;margin-top:52px}.step-index{display:flex;justify-content:space-between;color:#5e8959;border-top:1px solid #ccd9c3;padding-top:17px;margin-bottom:29px;font-size:13px}.step-index span{font-size:20px;color:#99af8b}.process-grid h3{font-size:17px;font-weight:500;letter-spacing:-.5px;margin-bottom:13px}.process-grid p{font-size:11px;color:#8b9780;line-height:1.9}.about{padding:51px 0;background:#e6ecdf;border-top:1px solid #dbe4d3;border-bottom:1px solid #dbe4d3;overflow:hidden}.about-inner{display:grid;grid-template-columns:1fr 1.35fr .4fr;gap:55px;align-items:center}.about h2{font-size:33px;letter-spacing:-1.4px}.about .eyebrow{margin-bottom:15px}.about-copy p{font-size:12px;line-height:1.9;color:#72836b}.about-copy p+p{margin-top:12px}.signature{display:block;font-size:16px;font-style:italic;color:#45693f;margin-top:20px}.signature span{font-size:9px;font-style:normal;color:#8da07f;margin-left:7px}.about-mark{font-size:80px;font-weight:500;letter-spacing:-9px;color:#c2d3b6;transform:rotate(-6deg);white-space:nowrap}.contact{background:var(--forest);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact h2{font-size:clamp(35px,3.6vw,50px);letter-spacing:-2.5px}.contact h2 span{color:var(--mint)}.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#9fb6a3;margin-top:24px;max-width:330px}.instagram-link{display:flex;align-items:center;gap:14px;margin-top:36px;max-width:320px;border-top:1px solid #2d4b34;border-bottom:1px solid #2d4b34;padding:23px 0;font-size:9px;color:#839f87}.instagram-icon{width:43px;height:43px;background:#193c2a;border:1px solid #2a5237;border-radius:9px;display:grid;place-items:center;color:#abd09a}.instagram-icon svg{width:24px;height:24px}.instagram-link strong{display:block;color:#d7e6d0;font-size:19px;letter-spacing:-.4px;font-weight:500;margin-top:6px}.instagram-link>span:last-child{margin-left:auto;font-size:22px;color:#a9cba2}.contact-location{display:block;font-size:9px;color:#6f8b74;margin-top:26px}.contact-card{padding:33px;border:1px solid #e1e8d7;border-radius:10px;background:#f6f8f0;color:var(--ink)}.contact-form-title{display:flex;justify-content:space-between;margin-bottom:27px;font-size:9px;letter-spacing:1.2px;color:#8ca281}.contact-form-title>span:last-child{font-size:18px;line-height:.7}label{font-size:11px;display:block;color:#5d7557;line-height:1.5}input,select,textarea{width:100%;background:#fff;border:1px solid #dbe4d4;border-radius:5px;padding:12px;margin-top:8px;color:var(--ink);font-size:12px;line-height:1.5}textarea{resize:vertical;min-height:80px}input::placeholder,textarea::placeholder{color:#acb6a3;font-size:11px}input:focus,textarea:focus,select:focus{outline:2px solid #a2c68d;border-color:#81a867}.optional{color:#a5b19a;font-size:9px;margin-left:3px}form label+label{margin-top:20px}.contact-card .button{width:100%;margin-top:22px;justify-content:space-between}.form-hint{font-size:9px;color:#9da892;margin-top:14px;line-height:1.7}.message-result h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin-bottom:16px}.message-result textarea{font-size:12px;min-height:170px;background:#fff}.message-actions{display:flex;flex-wrap:wrap;gap:9px}.message-actions .button{flex:1;padding:13px;font-size:10px;gap:7px;white-space:nowrap;justify-content:center}.message-result p{font-size:10px;line-height:1.7;color:#829674;margin-top:16px;min-height:17px}.back-link{background:transparent;color:#6b8b5a;font-size:10px;padding:15px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.faq{background:#f8faf3;padding:72px 0}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.faq h2{font-size:31px;letter-spacing:-1.4px}.faq-grid>div>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#85967a;max-width:270px;margin-top:20px}.faq .eyebrow{margin-bottom:18px}.faq-list details{border-bottom:1px solid #dfe7d7}.faq-list details:first-child{border-top:1px solid #dfe7d7}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 0;font-size:13px;color:#4f6b43;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#8ea47b;font-size:20px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.9;color:#889b79;padding:0 25px 22px 0}.site-footer{padding:28px 0 0;background:#eef3e7}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top .logo{width:155px}.footer-top p{font-size:12px;color:#839779}.footer-top>a:last-child{font-size:11px;color:#65855a}.footer-top>a:last-child span{margin-left:19px;font-size:19px}.footer-bottom{border-top:1px solid #d9e3cf;padding-top:22px;padding-bottom:22px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#92a086;margin-top:23px;gap:15px}dialog{width:min(970px,calc(100% - 32px));border:1px solid #dce5d1;border-radius:12px;background:#f7f9f0;color:var(--ink);padding:28px;max-height:90vh;overflow:auto;box-shadow:0 35px 100px #0d291b55}dialog::backdrop{background:#06190fd9;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-top .eyebrow{margin:0}.close-button{width:34px;height:34px;border-radius:50%;background:#e6eddf;color:#5e7a4b;font-size:24px}.project-detail-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}.project-detail-heading h2{font-size:36px;letter-spacing:-1.5px}.project-detail-heading p{font-size:12px;color:#879a7a;line-height:1.8;margin-top:10px;max-width:600px}.detail-demo{background:#e5eedb;border-radius:30px;color:#758969;font-size:8px;letter-spacing:1px;white-space:nowrap;padding:8px 11px;margin-top:5px}.gallery{border:1px solid #d9e4cc;overflow:hidden;border-radius:8px;background:#e7eedf}.gallery img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#edf2e5;color:#819872;font-size:10px}.gallery-controls{display:flex;gap:7px}.gallery-controls button{width:28px;height:28px;border:1px solid #d0dec3;border-radius:4px;background:#f7faee;color:#7a9566;font-size:15px}.detail-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:26px}.detail-bottom h3{font-size:14px;font-weight:500;margin-bottom:14px}.detail-features{list-style:none;display:grid;gap:10px;font-size:11px;color:#80966f}.detail-features li{display:flex;gap:8px;line-height:1.6}.detail-features li::before{content:'✓';color:#589055}.detail-note{font-size:10px;line-height:1.8;color:#95a685}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.detail-actions .button{font-size:10px;padding:12px 16px;min-height:39px;gap:10px}.gallery img[hidden]{display:none}body.dialog-open{overflow:hidden}
@media(min-width:1450px){.hero-grid{padding-top:95px;padding-bottom:110px;min-height:735px}}
@media(max-width:1150px){.container{padding-left:34px;padding-right:34px}.hero-grid{gap:38px;min-height:640px;padding-top:66px;padding-bottom:76px}h1{font-size:56px;letter-spacing:-3px}.hero-actions{gap:18px;flex-wrap:wrap}.orbit-one{width:430px;height:430px;left:0;top:-16px}.orbit-two{width:330px;height:330px;left:50px;top:35px}.section{padding:76px 0}.service-card{padding:25px 22px}.service-card h3{font-size:21px}.service-card>p{min-height:87px}.service-card ul{font-size:10px}.contact-grid{gap:60px}.about-inner{gap:35px;grid-template-columns:1fr 1.4fr .3fr}.about-mark{font-size:66px}.process-grid{gap:20px}.process-grid h3{font-size:15px}}
@media(max-width:900px){.container{padding-left:26px;padding-right:26px}.site-header nav{gap:22px;font-size:11px}.logo{width:143px}.nav-cta{font-size:10px;padding:14px;gap:12px}.hero-grid{gap:28px}h1{font-size:48px;letter-spacing:-2.7px}.hero-description{font-size:13px;max-width:340px}.hero-grid .eyebrow{font-size:8px;letter-spacing:1px}.orbit-one{width:370px;height:370px;top:-10px;left:-2px}.orbit-two{width:280px;height:280px;top:35px;left:40px}.showcase-label{font-size:7px;margin-left:2px}.floating-header{font-size:9px;padding:9px}.floating-footer{font-size:8px;padding:9px}.section-heading{gap:25px;align-items:start}.section-heading>p,.project-intro>p{max-width:260px;font-size:11px}.service-grid{gap:12px}.service-card{padding:22px 16px}.service-card h3{font-size:19px}.service-card>p{font-size:11px}.service-link{font-size:9px;gap:10px}.service-card ul{font-size:9px}.project-preview{padding:26px 20px 23px}.projects-grid{gap:28px 20px}.system-project{gap:25px}.project-meta p{font-size:10px}.system-project .project-meta h3{font-size:32px}.system-project .project-meta p{font-size:11px}.process-grid{grid-template-columns:repeat(2,1fr);gap:35px 30px}.about-inner{grid-template-columns:.9fr 1.2fr}.about-mark{display:none}.about h2{font-size:30px}.contact-grid{gap:38px}.contact-card{padding:26px}.contact h2{font-size:37px}.contact .eyebrow{font-size:8px}.faq-grid{gap:45px}.faq h2{font-size:27px}.faq-list summary{font-size:12px}}
@media(max-width:700px){html{scroll-padding-top:76px}.container{padding-left:22px;padding-right:22px}.site-header{height:76px}.logo{width:147px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#e6eedf;width:40px;height:40px;border-radius:5px;z-index:2}.menu-toggle span{height:1px;width:19px;background:var(--forest);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;padding:18px 22px 24px;background:#f7f8f3;border-bottom:1px solid #d7e2ce;box-shadow:0 15px 30px #1a34221a;flex-direction:column;align-items:stretch;gap:3px;font-size:13px}.site-header nav.open{display:flex}.site-header nav>a:not(.button){padding:14px 2px}.nav-cta{margin-top:12px;padding:16px;justify-content:space-between;font-size:12px}.hero-grid{grid-template-columns:1fr;gap:50px;padding-top:46px;padding-bottom:65px}.hero-grid .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:25px}h1{font-size:clamp(45px,10.7vw,64px);letter-spacing:-2.5px}.hero-description{font-size:13px;margin-top:22px;max-width:340px}.hero-actions{gap:19px;margin-top:25px}.hero-actions .button{font-size:11px;padding:16px 17px;gap:18px}.text-link{font-size:10px}.hero-note{font-size:8px;margin-top:27px}.showcase-label{font-size:8px;letter-spacing:1px;margin:0 0 14px 3px}.orbit-one{width:400px;height:400px;top:-20px;left:25px}.orbit-two{width:290px;height:290px;top:35px;left:80px}.hero-bottom{min-height:64px;gap:20px;font-size:6px;letter-spacing:.8px}.hero-bottom a{font-size:8px;white-space:nowrap}.hero-bottom a span{margin-left:8px;font-size:15px}.section{padding:58px 0}h2{font-size:34px;letter-spacing:-1.6px}.section-heading{flex-direction:column;gap:19px;margin-bottom:30px}.section-heading .eyebrow{font-size:8px;margin-bottom:17px}.section-heading>p,.project-intro>p{font-size:12px;max-width:330px}.service-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:25px}.service-top{margin-bottom:26px}.service-card h3{font-size:24px}.service-card>p{font-size:12px;min-height:0;max-width:320px}.service-card ul{font-size:11px;margin-top:20px;margin-bottom:23px}.service-link{font-size:11px;padding-top:18px}.section-footnote{font-size:9px;line-height:1.7}.projects-grid{grid-template-columns:1fr;gap:30px}.project-intro{max-width:100%}.project-filters{margin-top:18px}.project-preview{padding:26px 22px 21px}.project-meta{padding-top:17px}.project-meta h3{font-size:25px}.project-meta p{font-size:11px}.system-project{grid-column:auto;display:block}.system-project .project-meta{padding:17px 1px 0;display:flex}.system-project .project-meta h3{font-size:25px;margin-top:7px}.system-project .project-meta p{font-size:11px;margin-top:8px;max-width:270px}.system-project .project-arrow{margin-top:0}.demo-disclaimer{font-size:9px;margin-top:27px}.process-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.step-index{margin-bottom:20px}.process-grid h3{font-size:19px}.process-grid p{font-size:12px;max-width:340px}.about{padding:43px 0}.about-inner{grid-template-columns:1fr;gap:25px}.about h2{font-size:32px}.about-copy p{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact .eyebrow{font-size:8px;margin-bottom:20px}.contact h2{font-size:39px;letter-spacing:-2px}.contact-copy>p:not(.eyebrow){font-size:12px;margin-top:21px}.instagram-link{margin-top:24px;padding:17px 0;max-width:none}.contact-location{font-size:8px;margin-top:21px}.contact-card{padding:25px 22px}.faq-grid{grid-template-columns:1fr;gap:29px}.faq h2{font-size:30px}.faq-list summary{font-size:12px;padding:20px 0}.faq-list details p{font-size:11px}.footer-top{flex-wrap:wrap;gap:10px 20px}.footer-top p{font-size:10px}.footer-top>a:last-child{font-size:10px;width:100%;padding-top:10px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:12px;margin-top:21px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:21px 17px}.project-detail-heading h2{font-size:28px}.project-detail-heading p{font-size:11px}.detail-demo{font-size:6px;padding:6px 8px}.detail-bottom{grid-template-columns:1fr;gap:23px}.gallery-toolbar{font-size:8px;padding:9px}.gallery-controls button{width:25px;height:25px}.detail-features{font-size:10px}.detail-note{font-size:9px}.detail-actions .button{font-size:10px}}
@media(max-width:370px){.container{padding-left:17px;padding-right:17px}h1{font-size:43px}.hero-actions{gap:13px}.hero-actions .button{padding:15px 13px;gap:10px}.hero-bottom>span{max-width:115px;line-height:1.6}.contact h2{font-size:35px}.message-actions{flex-direction:column;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Screenshots keep their own proportions. Showcase cards stay in normal flow. */
.hero-grid>*{min-width:0}
.hero-showcase{position:relative;isolation:isolate;min-width:0;display:grid;gap:16px}
.hero-showcase .showcase-label{margin:0}
.hotel-frame{position:static;transform:none;top:auto;margin:0;width:100%;min-width:0}
.showcase-details{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:center}
.floating-stock{position:static;display:block;width:100%;min-width:0;border-radius:9px;background:#fff;color:var(--ink);padding:0;overflow:hidden;transform:none;box-shadow:0 12px 30px #04130a45;text-align:left;border:1px solid #b2d09950;transition:box-shadow .2s}
.floating-stock:hover{transform:none;box-shadow:0 12px 30px #04130a70}
.floating-stock img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.craft-badge{position:static;display:flex;align-items:center;gap:10px;background:#bce2b2;padding:17px 13px;border-radius:7px;color:#21432e;transform:none;font-size:11px;min-width:0;line-height:1.5}
.craft-badge>span{font-size:22px}
.craft-badge small{display:block;margin-top:4px;font-size:8px;color:#65825d;line-height:1.6}
.showcase-caption{position:static;display:block;text-align:right;color:#6f8b75;font-size:8px;letter-spacing:.7px;line-height:1.6}
.projects-grid>.project-card,.preview-browser{min-width:0}
@media(max-width:900px){.showcase-details{gap:12px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.craft-badge{font-size:9px;padding:13px 10px;gap:6px}.craft-badge>span{font-size:16px}.craft-badge small{font-size:7px}}
@media(max-width:700px){.hero-showcase{max-width:440px;width:100%;margin:auto;gap:14px}.showcase-details{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}.craft-badge{font-size:10px;padding:14px 11px}.craft-badge>span{font-size:19px}.showcase-caption{font-size:7px}}
@media(max-width:370px){.showcase-details{gap:10px}.craft-badge{font-size:9px;padding:12px 9px}.craft-badge>span{font-size:15px}}

.contact-channels{margin-top:30px;border-top:1px solid #2d4b34;max-width:370px}
.contact-channel{display:flex;align-items:center;gap:13px;border-bottom:1px solid #2d4b34;padding:17px 0;font-size:9px;color:#839f87;min-width:0}
.channel-icon{width:38px;height:38px;flex-shrink:0;background:#193c2a;border:1px solid #2a5237;border-radius:8px;display:grid;place-items:center;color:#abd09a}
.channel-icon svg{width:23px;height:23px}
.contact-channel strong{display:block;color:#d7e6d0;font-size:16px;letter-spacing:-.3px;font-weight:500;margin-top:5px;overflow-wrap:anywhere;line-height:1.5}
.contact-channel>span:last-child{margin-left:auto;font-size:21px;color:#a9cba2}
.contact-channel:hover strong{color:var(--mint)}
.whatsapp-button{background:#16845c;color:#fff}
.whatsapp-button:hover{background:#126f4e}
.copy-query{margin-top:17px;padding:0;background:transparent;color:#668653;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.message-actions .button{margin-top:18px}
.whatsapp-float{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:9;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:1px solid #40a477;border-radius:50%;background:#16845c;color:#fff;box-shadow:0 7px 25px #07211630;font-size:11px;font-weight:600;transition:background .2s,transform .2s}
.whatsapp-float svg{width:29px;height:29px;flex-shrink:0}
.whatsapp-float:hover{background:#126f4e;transform:translateY(-2px)}
.footer-contacts{display:grid;gap:10px;font-size:10px;color:#65855a}
.footer-contacts a{overflow-wrap:anywhere}
.site-footer{padding-bottom:78px}
@media(max-width:900px){.contact-channel strong{font-size:14px}.contact-channel{gap:10px}.channel-icon{width:34px;height:34px}}
@media(max-width:700px){.contact-channels{margin-top:24px;max-width:none}.contact-channel strong{font-size:16px}.contact-channel{padding:15px 0}.whatsapp-float{right:17px;bottom:max(17px,env(safe-area-inset-bottom));width:56px;height:56px;padding:0;justify-content:center}.whatsapp-float span{display:none}.whatsapp-float svg{width:29px;height:29px}.footer-contacts{width:100%;padding-top:15px;gap:12px}.site-footer{padding-bottom:68px}.message-actions{gap:10px}.message-actions .button{min-width:140px}}

@media(min-width:1101px){.service-card h3{min-height:52px}.service-card>p{min-height:87px}}
@media(min-width:701px) and (max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card>p{min-height:65px}}
/* Readable controls, clear keyboard focus and a usable no-script navigation. */
[hidden]{display:none!important}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #16845c;outline-offset:4px}
.hero :focus-visible,.contact-copy :focus-visible{outline-color:#bce2b2}
.section-heading>p,.project-intro>p,.service-card>p,.project-meta p,.faq-list details p{color:#586c58}
.section-footnote,.demo-disclaimer,.form-hint{color:#596d50}
.contact-form-title,.optional{color:#596d50}
.contact-card input,.contact-card select,.contact-card textarea{font-size:16px;line-height:1.5}
.contact-card input::placeholder,.contact-card textarea::placeholder{color:#677561;opacity:1}
.project-filters button{color:#52674b;min-height:44px}
.project-arrow,.close-button,.gallery-controls button{min-width:44px;min-height:44px}
.gallery-toolbar{color:#52674b}
.service-link,.copy-query,.back-link{min-height:44px}
.copy-query,.back-link{display:inline-flex;align-items:center}
html:not(.js) .project-filters,html:not(.js) #contact-form,html:not(.js) .menu-toggle{display:none}
@media(max-width:700px){
  .service-card>p,.service-card ul,.project-meta p,.system-project .project-meta p,.process-grid p,.about-copy p,.contact-copy>p:not(.eyebrow),.faq-list details p{font-size:14px;line-height:1.75}
  .hero-description,.section-heading>p,.project-intro>p,.faq-list summary{font-size:14px}
  .form-hint,.section-footnote,.demo-disclaimer{font-size:12px}
  .service-link,.project-filters button{font-size:12px}
  html:not(.js) .site-header{height:auto;position:relative}
  html:not(.js) .header-inner{flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:14px}
  html:not(.js) .site-header nav{display:flex;position:static;padding:0;border:0;box-shadow:none;width:100%}
}

.stay-preview{background:#e1eaf0;border-color:#d1dde5}
.project-filters{flex-wrap:wrap}