@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--bg:#f6f7f2;--ink:#203026;--muted:#667066;--line:#d9ded4;--lime:#c0ef78;--green:#304f40}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Manrope',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6a923a;outline-offset:5px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:10px}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:5px;align-items:center;font-weight:700;font-size:30px;letter-spacing:-1.8px}.mark{display:grid;place-items:center;background:var(--lime);height:33px;width:33px;margin-right:8px;font-size:37px;font-weight:800;line-height:1;overflow:hidden;letter-spacing:-3px;padding-right:4px;border-radius:4px}.web{font-weight:400}.brand-dot{font-size:10px;align-self:flex-start;margin-top:7px;letter-spacing:0}.nav nav{display:flex;gap:30px;font-size:13px;font-weight:500}.nav nav a:hover,.text-link:hover{color:#668c38}.nav-right{display:flex;align-items:center;gap:30px}.languages{display:flex;gap:7px;color:#93998e;font-size:11px}.languages button{border:0;background:none;color:var(--muted);padding:7px 1px}.languages button[aria-pressed=true]{color:var(--ink);font-weight:800}.nav-cta{font-size:13px;border-bottom:1px solid var(--ink);padding:8px 0;display:flex;gap:14px}.hero{padding-top:42px}.eyebrow{font-family:'Manrope',Arial,sans-serif;font-size:10px;line-height:1.6;font-weight:600;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;margin:0 0 25px}.status-dot{width:7px;height:7px;background:#6b8c4c;border-radius:50%;display:inline-block;flex-shrink:0}.hero-place{margin-left:auto;color:var(--muted);letter-spacing:1px}.hero-main{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:60px;padding:25px 0 65px}h1,h2,h3,p{margin-top:0}h1{font-family:'Manrope',Arial,sans-serif;font-weight:500;font-size:clamp(60px,6.8vw,96px);letter-spacing:-5px;line-height:1.08;margin-bottom:30px}.serif{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.05em}.hero-copy{max-width:460px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:30px}.hero-buttons{display:flex;align-items:center;gap:27px}.button{display:flex;align-items:center;justify-content:space-between;gap:25px;border:0;border-radius:3px;padding:19px 22px;font-size:12px;font-weight:500;line-height:1.5;transition:background .2s,transform .2s}.button.dark{color:#fff;background:var(--ink)}.button.dark:hover{background:#3b5944;transform:translateY(-2px)}.button span:last-child:not(:first-child){font-size:20px;line-height:1}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:7px;white-space:nowrap}.hero-art{position:relative;height:365px;background:#e9ede2;isolation:isolate;overflow:hidden;border-radius:3px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#cad2c640 1px,transparent 1px),linear-gradient(90deg,#cad2c640 1px,transparent 1px);background-size:52px 52px}.shape-circle{position:absolute;width:190px;height:190px;border-radius:50%;background:var(--lime);left:42px;top:36px;z-index:1}.shape-square{position:absolute;width:175px;height:175px;background:#42664f;right:34px;top:68px;transform:rotate(-12deg);z-index:2}.shape-arch{position:absolute;width:182px;height:183px;background:#e6e2d4;border-radius:100px 100px 0 0;bottom:28px;left:122px;z-index:3;box-shadow:10px 12px 25px #20302618}.shape-arch:after{content:'';position:absolute;inset:35px 40px 0;background:var(--ink);border-radius:60px 60px 0 0}.art-tag{position:absolute;bottom:13px;left:17px;z-index:5;letter-spacing:2px;font-size:8px}.art-plus{position:absolute;right:18px;bottom:13px;font-size:20px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:21px 0 30px;color:var(--muted);font-size:10px}.scroll-hint{letter-spacing:1.1px;font-size:8px}.work-section{background:#eaece4;padding:85px 0}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-intro .eyebrow{margin-bottom:22px}h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(34px,3.3vw,48px);font-weight:500;letter-spacing:-2px;line-height:1.18;margin-bottom:0}.section-desc{font-size:13px;line-height:1.8;color:var(--muted);max-width:320px;margin-bottom:3px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-image{height:330px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:3px;padding:32px;transition:background .3s}.project-image.agata{background:#d8dace}.project-image.pegabus{background:#cdd7cd}.browser{width:100%;background:#fff;border-radius:5px;box-shadow:0 14px 35px #20302624;transform:rotate(-2deg);transition:transform .3s;overflow:hidden}.pegabus .browser{transform:rotate(2deg)}.project-image:hover .browser{transform:rotate(0) scale(1.025)}.browser-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;height:25px;padding:0 10px;font-size:7px;color:#9b9e99}.browser-bar small{font-size:7px}.agata-screen{background:#f4f0e5;padding:15px 20px 0;height:230px}.agata-logo{text-align:center;font-family:Georgia,serif;font-size:15px;letter-spacing:2px}.agata-logo small{display:block;font:5px Arial;letter-spacing:2px;margin-top:4px}.agata-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.agata-content img{width:100%;height:185px;object-fit:cover;mix-blend-mode:multiply}.tiny{font-size:6px;letter-spacing:1px}.agata-content h3{font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.15;margin:12px 0 16px}.mock-button{font-size:5px;display:inline-block;background:#263d30;color:#fff;padding:8px 11px;letter-spacing:.7px}.pegabus-screen{height:230px;background:linear-gradient(90deg,#0b1827c9,#10233722),url('assets/pegabus.jpg') center/cover;color:#fff;padding:18px 20px}.pegabus-logo{font-size:12px;font-weight:700;letter-spacing:2px}.pegabus-logo small{display:block;font-size:4px;letter-spacing:4px;margin-top:3px}.pegabus-copy{padding-top:25px}.pegabus-copy h3{font-size:25px;font-family:Georgia,serif;font-weight:400;line-height:1.15;margin:12px 0 16px}.pegabus-copy .mock-button{background:#c6ad76;color:#15241c}.project-open{position:absolute;bottom:16px;right:16px;width:32px;height:32px;background:var(--bg);border-radius:50%;display:grid;place-items:center}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.project-category{font-size:8px;letter-spacing:1.4px;margin-bottom:8px;color:var(--muted)}.project-info h3{font-size:23px;font-weight:500;letter-spacing:-.8px;margin-bottom:12px}.project-number{font-size:12px;color:#828d7e}.project-description{font-size:12px;color:var(--muted);line-height:1.7;max-width:430px;min-height:42px;margin-bottom:16px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:9px;border:1px solid #ccd2c4;border-radius:30px;padding:6px 10px}.caption{font-size:9px;color:var(--muted);margin-top:30px;margin-bottom:0}.services{padding-block:95px}.service-list article{display:grid;grid-template-columns:45px 1fr 35px;gap:25px;border-top:1px solid var(--line);padding:31px 0}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-index{font-size:10px;color:var(--muted);padding-top:6px}.service-list h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin-bottom:12px}.service-list p{font-size:13px;color:var(--muted);line-height:1.8;max-width:660px;margin-bottom:0}.service-symbol{font-size:26px;align-self:start}.service-heading{display:flex;align-items:flex-start;gap:20px}.service-heading h3{max-width:580px}.pill{font-size:7px;letter-spacing:.7px;background:#e5edda;padding:7px 9px;border-radius:20px;white-space:nowrap;margin-top:4px}.service-list .service-note{font-size:10px;max-width:720px;margin-top:10px}.care-section{background:var(--ink);color:var(--bg);padding-block:85px}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.care-grid>.price-card{max-width:470px;width:100%;justify-self:end}.care-grid h2{font-size:58px;line-height:1.15;margin-bottom:28px}.care-grid>div>p:not(.eyebrow){font-size:13px;line-height:1.85;max-width:350px;color:#b5c1b3}.care-section .eyebrow{color:#b8c9b2}.price-card{padding:32px;background:var(--lime);color:var(--ink);border-radius:4px}.price-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.2px}.price{font-size:65px;font-weight:500;letter-spacing:-3px;margin-top:22px;white-space:nowrap}.price small{font-size:13px;letter-spacing:0}.price>span{font-size:12px;letter-spacing:0;margin-left:8px}.price-sub{font-size:11px;line-height:1.6;margin-top:10px;color:#466333}.price-card ul{padding:22px 0;margin:22px 0;border-block:1px solid #8aaf57;list-style:none;display:grid;gap:15px}.price-card li{font-size:11px;line-height:1.6;padding-left:22px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0}.price-card .price-note{font-size:9px;line-height:1.7;color:#425d30;margin:16px 0 0}.process{padding-block:95px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font-size:10px;color:var(--muted)}.steps h3{font-weight:500;font-size:20px;margin:28px 0 14px;letter-spacing:-.5px}.steps p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.faq{display:grid;grid-template-columns:1fr 1.45fr;gap:60px;padding-bottom:95px}.faq h2{font-size:36px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:22px 0;font-size:13px;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px;line-height:1}details[open] summary:after{content:'−'}.faq-list p{font-size:12px;line-height:1.8;color:var(--muted);padding:0 30px 22px 0;margin:0}.contact-section{background:#e8ecdf;padding-block:85px}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.contact-grid h2{font-size:52px;margin-bottom:25px}.contact-grid>div>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);max-width:360px}.contact-arrow{font-family:Arial,sans-serif;font-size:60px}.contact-meta{display:flex;gap:20px;margin-top:45px;font-size:9px;color:var(--muted)}label{display:block;font-size:11px;margin-bottom:10px}input,textarea,select{width:100%;background:#f8f9f4;border:1px solid #cdd5c5;border-radius:2px;padding:13px;color:var(--ink);font-size:12px;margin-bottom:20px;outline:none}input:focus,textarea:focus,select:focus{border-color:#688c46;box-shadow:0 0 0 2px #688c4620}textarea{resize:vertical}form .button{width:100%}.form-note{font-size:9px;line-height:1.7;color:var(--muted);margin-top:14px;margin-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;padding-block:30px}footer .brand{font-size:24px}footer .mark{width:26px;height:26px;font-size:30px}footer p,footer>a:last-child{font-size:9px;color:var(--muted);margin:0}dialog{width:min(580px,calc(100% - 32px));padding:30px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);box-shadow:0 30px 100px #14241940}dialog::backdrop{background:#15241c99;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-top h2{font-size:25px;letter-spacing:-.7px}.close-dialog{border:0;background:none;font-size:30px;padding:0;line-height:1;color:var(--ink)}dialog p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:16px}dialog textarea{margin-top:8px}#copy-status{min-height:18px;margin-bottom:0}section{overflow-wrap:anywhere}
@media(min-width:1500px){.hero-main{gap:100px}.hero-art{height:390px}.shape-circle{width:210px;height:210px}.shape-square{width:195px;height:195px}.shape-arch{width:200px;height:200px;left:140px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav nav{gap:17px}.nav-right{gap:18px}.hero-main{gap:30px}h1{font-size:65px;letter-spacing:-3.5px}.hero-art{height:310px}.shape-circle{width:150px;height:150px;left:25px}.shape-square{width:140px;height:140px;right:25px}.shape-arch{width:150px;height:160px;left:85px}.hero-buttons{gap:18px}.section-intro{gap:35px}.project-image{height:280px;padding:22px}.agata-screen,.pegabus-screen{height:200px}.agata-content img{height:155px}.agata-content h3,.pegabus-copy h3{font-size:22px}.care-grid,.contact-grid{gap:50px}.care-grid h2{font-size:49px}.service-heading{display:block}.pill{display:inline-block;margin:0 0 8px}.contact-grid h2{font-size:43px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:80px}.brand{font-size:26px}.mark{height:29px;width:29px;font-size:33px;margin-right:4px}.nav nav,.nav-cta{display:none}.hero{padding-top:28px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:22px}.hero-place{display:none}.hero-main{grid-template-columns:1fr;padding:12px 0 28px;gap:35px}h1{font-size:clamp(55px,11.5vw,80px);letter-spacing:-3.5px;line-height:1.12;margin-bottom:24px}.hero-copy{font-size:14px;line-height:1.75;max-width:460px}.hero-art{height:260px;max-width:100%;width:100%}.shape-circle{width:160px;height:160px;left:calc(50% - 130px);top:20px}.shape-square{width:145px;height:145px;right:calc(50% - 145px);top:40px}.shape-arch{width:150px;height:155px;left:calc(50% - 55px);bottom:20px}.hero-bottom{font-size:9px;padding-bottom:24px}.scroll-hint{display:none}.hero-buttons{gap:22px}.button{padding:17px 19px;font-size:11px}.text-link{font-size:11px}.work-section,.care-section,.contact-section{padding-block:55px}.section-intro{display:block;margin-bottom:30px}h2{font-size:35px;letter-spacing:-1.5px}.section-desc{max-width:460px;margin-top:22px;font-size:12px}.projects{grid-template-columns:1fr;gap:35px}.project-image{height:300px;padding:28px}.agata-screen,.pegabus-screen{height:220px}.agata-content img{height:172px}.agata-content h3,.pegabus-copy h3{font-size:27px}.project-info{padding-top:20px}.project-info h3{font-size:23px}.project-description{min-height:0}.caption{font-size:8px}.services{padding-block:55px}.service-list article{grid-template-columns:22px 1fr 18px;gap:12px;padding:25px 0}.service-list h3{font-size:20px;line-height:1.35}.service-list p{font-size:12px}.service-symbol{font-size:20px}.care-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.care-grid h2{font-size:49px}.care-grid>.price-card{justify-self:start;max-width:none}.price-card{padding:27px}.price{font-size:60px}.price-card li{font-size:12px}.price-card .price-note{font-size:10px}.steps{grid-template-columns:1fr;gap:25px}.process{padding-block:55px}.steps h3{margin-top:16px}.steps p{max-width:450px}.faq{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.faq h2{font-size:34px}summary{font-size:13px}.contact-grid h2{font-size:43px}.contact-meta{margin-top:25px}.form-note{font-size:10px}input,textarea,select{font-size:16px}footer{gap:15px;flex-wrap:wrap}footer p{margin-left:auto}footer>a:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Pricing options */
.care-grid{display:block}.care-grid>div:first-child{margin-bottom:38px}.care-grid h2{font-size:49px}.care-grid>div:first-child>p:not(.eyebrow){max-width:540px}.offers{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.offers .price-card{height:100%}.build-card{background:#edf0e6}.build-card ul{border-color:#c5ccbd}.contract-term{font-size:11px;line-height:1.75;border-left:2px solid #496a30;padding-left:12px;margin:15px 0 0}.care-grid .offers .price-sub{color:#466333;max-width:none}.offers .build-card .price-sub,.offers .build-card .price-note{color:#5d6957}
@media(max-width:760px){.offers{grid-template-columns:1fr;gap:22px}.care-grid h2{font-size:43px}.contract-term{font-size:12px}.price>span{font-size:11px}}

.included-build{font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1.6;padding:10px 12px;border:1px solid #7c9e4b;border-radius:3px;margin:14px 0 0}

.direct-contacts{margin-top:30px;display:grid;gap:15px;max-width:370px}.contact-phone{font-size:28px;letter-spacing:-1px;display:flex;align-items:center;justify-content:space-between}.contact-email{font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid #c5cebc;overflow-wrap:anywhere}.messenger-links{display:flex;gap:10px;flex-wrap:wrap}.messenger-links a{border:1px solid #aebb9f;border-radius:3px;padding:11px 15px;font-size:12px}.messenger-links a:hover{background:var(--lime)}.brief-channels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.brief-channels a:first-child{grid-column:1/-1}.button.outline{border:1px solid #b2bfaa;background:transparent;color:var(--ink)}.button.outline:hover{background:#e2ead8}#copy-brief{background:transparent;color:var(--ink);padding:8px 0;text-decoration:underline;font-size:11px}dialog{max-height:90vh;overflow-y:auto}@media(max-width:400px){.brief-channels{grid-template-columns:1fr}.contact-email{font-size:13px}.contact-phone{font-size:25px}}

/* Light/dark appearance; portfolio artwork keeps its original colors. */
:root{color-scheme:light}.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;padding:0;flex-shrink:0}.theme-toggle:hover{background:#84a75b18}.icon-sun{display:none}
html[data-theme=dark]{color-scheme:dark;--bg:#142018;--ink:#e9efe5;--muted:#b1bead;--line:#3a4a3b;--green:#73977a}
html[data-theme=dark] .icon-sun{display:block}html[data-theme=dark] .icon-moon{display:none}
html[data-theme=dark] .mark{color:#203026}html[data-theme=dark] .status-dot{background:#b0dc76}
html[data-theme=dark] .hero-art{background:#223228}html[data-theme=dark] .art-grid{opacity:.5}html[data-theme=dark] .art-tag,html[data-theme=dark] .art-plus{color:#d5e3cc}html[data-theme=dark] .shape-arch:after{background:#17291e}
html[data-theme=dark] .work-section{background:#1b2a20}html[data-theme=dark] .project-image.agata{background:#344236}html[data-theme=dark] .project-image.pegabus{background:#2b4036}html[data-theme=dark] .browser{color:#203026;color-scheme:light}html[data-theme=dark] .project-open{background:#e9efe5;color:#203026}html[data-theme=dark] .tags span{border-color:#52624d}html[data-theme=dark] .project-number{color:#b2bea9}
html[data-theme=dark] .service-index{color:var(--muted)}html[data-theme=dark] .pill{background:#34452b;color:#d5edb9}
html[data-theme=dark] .care-section{background:#0d1811;color:#e9efe5}html[data-theme=dark] .care-grid>div>p:not(.eyebrow){color:#b5c1b3}html[data-theme=dark] .price-card{color:#203026}html[data-theme=dark] .build-card{background:#26372c;color:#e9efe5}html[data-theme=dark] .build-card ul{border-color:#54644e}html[data-theme=dark] .offers .build-card .price-sub,html[data-theme=dark] .offers .build-card .price-note{color:#c1ccbb}
html[data-theme=dark] .button.dark{background:#c0ef78;color:#1b2a20}html[data-theme=dark] .button.dark:hover{background:#d0fa90}html[data-theme=dark] .price-card:not(.build-card) .button.dark{background:#203026;color:#fff}html[data-theme=dark] .price-card:not(.build-card) .button.dark:hover{background:#3b5944}html[data-theme=dark] .price-card:not(.build-card) .status-dot{background:#526f35}
html[data-theme=dark] .contact-section{background:#223127}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:#142018;border-color:#53664d;color:#e9efe5}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a4b39c}html[data-theme=dark] .contact-email{border-color:#52654b}html[data-theme=dark] .messenger-links a{border-color:#6f8266}html[data-theme=dark] .messenger-links a:hover{background:#3b5032}html[data-theme=dark] .button.outline{color:#e9efe5;border-color:#6f8266}html[data-theme=dark] .button.outline:hover{background:#35492d}html[data-theme=dark] #copy-brief{background:transparent;color:#e9efe5}html[data-theme=dark] .text-link:hover,html[data-theme=dark] .nav nav a:hover{color:#c0ef78}
@media(max-width:760px){.nav-right{gap:14px}.theme-toggle{width:36px;height:36px}}
