@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#101211;--surface:#191c19;--ink:#f2f3eb;--muted:#a8afa6;--line:#343a31;--lime:#d0f580;--dark:#15200d;--font:'DM Sans',system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}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}::selection{background:var(--lime);color:var(--dark)}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}img,svg{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,var(--font);font-weight:600;line-height:1.12}button{color:inherit}.container{max-width:1328px;margin:auto;padding-inline:56px}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px;background:var(--lime);color:var(--dark)}.skip:focus{top:10px}
.header{position:sticky;top:0;z-index:40;background:rgba(16,18,17,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.desktop-nav{display:flex;gap:29px;align-items:center;font-size:14px}.desktop-nav>a:not(.nav-cta){color:#b7beb4}.desktop-nav>a:hover{color:var(--lime)}.nav-end{display:flex;align-items:center;gap:25px}.lang{display:flex;gap:8px;font-size:12px;letter-spacing:1px}.lang a{color:var(--muted)}.lang a[aria-current]{color:var(--lime)}.nav-cta{border-bottom:1px solid var(--lime);padding:7px 0;font-size:14px}.nav-cta span{margin-left:18px}.menu-toggle{display:none;border:1px solid var(--line);background:none;width:42px;height:42px;border-radius:50%}.mobile-nav{display:none}
.hero{padding-top:70px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%}.hero-layout{display:grid;grid-template-columns:1.9fr 1fr;gap:64px;align-items:end;margin-top:34px}.hero h1{font-size:clamp(48px,6.6vw,88px);letter-spacing:-5px;max-width:850px;line-height:1.06}.hero h1 em{font-style:normal;color:var(--lime)}.hero-side{padding-bottom:7px}.hero-side p{font-size:17px;line-height:1.8;color:var(--muted);max-width:330px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 22px;border-radius:4px;background:var(--lime);color:var(--dark);border:1px solid var(--lime);font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#e0ff9f;transform:translateY(-2px)}.hero-side .button{margin-top:27px}.arrow{font-size:21px;line-height:1}.hero-foot{margin-top:60px;padding:19px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;letter-spacing:1px;color:var(--muted)}.hero-foot a{color:var(--ink)}.hero-foot a span{margin-left:10px}.showcase{margin-top:8px;background:#b9c8ad;height:340px;position:relative;overflow:hidden;border-radius:5px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:38px 45px 0;align-items:start}.showcase:before{content:'';position:absolute;width:450px;height:450px;border:1px solid #91a186;border-radius:50%;right:-130px;top:-210px}.showcase .mock:nth-child(2){margin-top:39px}.showcase .mock:nth-child(3){margin-top:10px}.mock{position:relative;background:#f7f8f2;color:#293529;border:1px solid rgba(0,0,0,.08);border-radius:9px;min-height:280px;padding:18px;box-shadow:0 20px 50px #34432e22;font-size:10px;overflow:hidden}.mock-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2d5;padding-bottom:12px;margin-bottom:18px}.mock-top strong{font-size:15px;letter-spacing:-.5px}.mock-top i{width:20px;height:20px;background:#dceacb;border-radius:50%}.mock-label{font-size:9px;color:#6b7763}.mock-title{font-family:Manrope,sans-serif;font-size:22px;font-weight:650;margin:6px 0 14px;letter-spacing:-1px}.mock-caption{position:absolute;bottom:10px;left:14px;color:#66735b;font-size:9px;letter-spacing:.3px}.chart{height:100px;display:flex;gap:8px;align-items:end;padding-top:8px;border-bottom:1px solid #d5deca;background:repeating-linear-gradient(to top,transparent 0,transparent 24px,#e4e9dd 25px)}.chart i{display:block;flex:1;background:#7b9a5b;border-radius:4px 4px 0 0}.chart i:nth-child(2n){background:#c4d6ad}.chart i:nth-child(1){height:40%}.chart i:nth-child(2){height:62%}.chart i:nth-child(3){height:48%}.chart i:nth-child(4){height:83%}.chart i:nth-child(5){height:70%}.chart i:nth-child(6){height:94%}.mock-bottom{display:flex;justify-content:space-between;font-size:9px;color:#6b7763;margin-top:10px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar span{padding:7px 0;text-align:center;background:#e9ede3;border-radius:3px;font-size:9px}.calendar span:nth-child(4n){background:#c6dba9;color:#34501c}.calendar span:nth-child(-n+7){background:transparent;color:#7b8574}.mini-row{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #e0e5d9}.mini-row b{font-weight:500}.mini-row i{height:5px;width:42px;background:#c6dba9;border-radius:5px;margin-top:5px}.upload{height:135px;border:1px dashed #a6b598;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eef2e7}.upload span{font-size:32px;color:#78945d}.upload b{font-size:11px;font-weight:500}.visual-note{position:absolute;bottom:12px;right:18px;font-size:9px;color:#415136;background:#d3ddca;padding:3px 7px;border-radius:2px}
.section{padding-top:112px;padding-bottom:4px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.section-top .eyebrow{color:var(--muted)}.section-num{color:#6f786b;font-size:11px;letter-spacing:1px}.section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:end;margin-bottom:46px}.section-intro h2{font-size:clamp(32px,4vw,49px);letter-spacing:-2px;max-width:640px}.section-intro>p{max-width:410px;color:var(--muted);font-size:15px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.project-visual{display:block;position:relative;height:320px;overflow:hidden;border-radius:4px;background:var(--project-bg);padding:35px 54px 0;transition:filter .25s}.project-visual:hover{filter:brightness(1.06)}.project-visual .mock{transition:transform .4s;max-width:390px;margin:auto;min-height:310px;padding:23px}.project-visual:hover .mock{transform:translateY(-7px)}.project-visual .mock-top{margin-bottom:18px}.project-visual .mock-title{font-size:27px}.project-visual .chart{height:120px}.project-visual .visual-note{background:#ffffff80;color:#34432e}.project-index{position:absolute;top:15px;left:17px;font-size:10px;color:#34432e99}.project-info{padding-top:20px}.project-title{display:flex;justify-content:space-between;align-items:center}.project-title h3{font-size:27px;letter-spacing:-1px}.project-title .arrow{border:1px solid var(--line);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.project-title:hover .arrow{background:var(--lime);color:var(--dark)}.project-info p{color:var(--muted);font-size:14px;max-width:480px;margin-top:8px}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.project-tags span{font-size:10px;padding:4px 9px;border:1px solid var(--line);border-radius:3px;color:var(--muted)}.project-tags .live{border-color:#445439;color:#c3dfa6}.live:before{content:'';display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:6px}
.services{margin-top:110px;padding:72px 0;background:#e9eddf;color:#20291c}.services .section-top .eyebrow,.services .section-intro>p{color:#627058}.services .section-num{color:#7d8973}.service-list{border-top:1px solid #b9c2ae}.service{display:grid;grid-template-columns:55px 1fr 1.1fr;gap:20px;padding:29px 0;border-bottom:1px solid #b9c2ae;align-items:baseline}.service>span{font-size:11px;color:#748269}.service h3{font-size:27px;letter-spacing:-1px}.service p{font-size:14px;color:#617056;max-width:450px}.service small{display:block;margin-top:9px;font-size:11px;color:#6a795f;letter-spacing:.2px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.step{border-top:1px solid var(--line);padding-top:20px}.step>span{font-size:12px;color:var(--lime)}.step h3{font-size:20px;letter-spacing:-.6px;margin:28px 0 12px}.step p{font-size:14px;color:var(--muted)}.faq-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;margin-top:100px;padding-top:40px;border-top:1px solid var(--line)}.faq-wrap h2{font-size:34px;letter-spacing:-1.4px;margin-top:15px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:22px;cursor:pointer;list-style:none;padding:18px 0;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:21px;color:var(--lime)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);font-size:14px;padding:0 30px 20px 0}.contact{margin-top:110px;padding:76px 0 65px;border-top:1px solid var(--line);background:#191e17}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(40px,4.5vw,59px);letter-spacing:-2.8px;margin:25px 0}.contact h2 em{color:var(--lime);font-style:normal}.contact-copy>p{font-size:15px;color:var(--muted);max-width:380px}.direct-contact{margin-top:35px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.direct-contact a{font-size:14px;border-bottom:1px solid #536146;padding-bottom:4px}.direct-contact a:hover{color:var(--lime)}.contact-form{padding-top:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:19px}.field label{display:block;font-size:12px;margin-bottom:8px;color:#c4ccbf}.field input,.field textarea,.field select{width:100%;border:1px solid #454f3d;border-radius:4px;background:#22291e;color:var(--ink);padding:12px 13px;font-size:14px}.field input::placeholder,.field textarea::placeholder{color:#9ba692}.field textarea{resize:vertical;min-height:113px}.field select{appearance:auto}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--lime);outline-offset:2px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.form-actions .button{flex:1;white-space:nowrap}.button.secondary{color:var(--ink);background:transparent;border-color:#536146}.button.secondary:hover{background:#2b3524}.form-note{font-size:11px;color:#a2ad99;margin-top:14px;line-height:1.7}.form-status{font-size:12px;color:var(--lime);margin-top:10px}.footer{padding:30px 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.socials{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.socials a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9aa492;letter-spacing:.2px}.top-link{color:var(--ink)}
@media(min-width:1600px){.hero h1{font-size:92px}}@media(max-width:1100px){.container{padding-inline:32px}.hero-layout{gap:35px;grid-template-columns:1.6fr 1fr}.hero h1{letter-spacing:-3px}.desktop-nav{gap:18px}.nav-end{gap:20px}.showcase{padding-inline:25px;gap:16px}.contact-layout{gap:40px}.project-visual{padding-inline:30px}.service{grid-template-columns:35px 1fr 1.1fr}.section-intro{gap:40px}.faq-wrap{gap:45px}}
@media(max-width:800px){.nav{height:74px}.desktop-nav,.nav-end>.nav-cta{display:none}.menu-toggle{display:block}.nav-end{gap:20px}.mobile-nav.open{display:flex;flex-direction:column;padding:12px 32px 24px;gap:18px;border-top:1px solid var(--line)}.hero{padding-top:44px}.hero-layout{grid-template-columns:1fr;gap:26px;margin-top:25px}.hero h1{font-size:clamp(48px,8.5vw,70px);letter-spacing:-3px;max-width:680px}.hero-side{display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-side p{font-size:15px;max-width:380px}.hero-side .button{margin:0;flex-shrink:0}.hero-foot{margin-top:35px}.showcase{height:290px;grid-template-columns:1.2fr 1fr;padding-top:26px}.showcase>.mock:nth-child(3){display:none}.section{padding-top:75px}.section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.section-intro>p{max-width:530px}.project-visual{height:260px;padding:30px 23px 0}.project-visual .mock{padding:17px}.project-visual .mock-title{font-size:22px}.project-info p{font-size:13px}.service{grid-template-columns:30px 1fr 1.1fr;gap:12px}.service h3{font-size:23px}.services{margin-top:75px;padding:55px 0}.process-grid{grid-template-columns:1fr 1fr;gap:34px}.step h3{margin-top:20px}.faq-wrap{margin-top:70px;grid-template-columns:1fr;gap:20px}.contact{margin-top:75px;padding:55px 0}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-copy>p{max-width:540px}.contact h2{max-width:600px}.direct-contact{margin-top:25px}.footer-top{align-items:flex-start}.socials{gap:13px}}
@media(max-width:520px){.container{padding-inline:22px}.nav{gap:10px}.nav-end{gap:15px}.lang{font-size:11px;gap:6px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:48px;letter-spacing:-2.8px}.hero-side{display:block}.hero-side p{max-width:100%}.hero-side .button{margin-top:23px}.hero-foot{font-size:9px;letter-spacing:.4px;gap:14px;align-items:center}.hero-foot>span{max-width:190px}.showcase{height:245px;padding:23px 18px 0;grid-template-columns:1fr 1fr;gap:13px}.showcase .mock{min-width:210px;min-height:250px;padding:14px}.showcase .mock:nth-child(2){margin-top:30px}.showcase .mock-title{font-size:19px}.showcase .visual-note{font-size:8px;right:10px}.section-top{margin-bottom:25px}.section-intro h2{font-size:34px;letter-spacing:-1.5px}.project-grid{grid-template-columns:1fr;gap:34px}.project-visual{height:290px;padding:30px 35px 0}.project-info{padding-top:15px}.project-info p{font-size:14px}.project-title h3{font-size:26px}.service{grid-template-columns:22px 1fr;padding:24px 0;gap:8px 13px}.service p{grid-column:2}.service h3{font-size:25px}.process-grid{gap:30px 22px}.step h3{font-size:18px}.step p{font-size:13px}.faq-wrap h2{font-size:31px}.contact h2{font-size:43px;letter-spacing:-2px}.form-row{grid-template-columns:1fr;gap:0}.form-actions .button{flex-basis:100%}.footer-top{flex-direction:column;gap:20px}.footer-bottom{flex-direction:column;gap:10px}.mobile-nav.open{padding-inline:22px}}
.site-capture{overflow:hidden;border:1px solid #ffffff65;border-radius:7px;background:#fafbf7;box-shadow:0 16px 35px #25351c24;transition:transform .35s}
.capture-bar{height:27px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;background:#f0f2ec;border-bottom:1px solid #dce1d7;color:#6b7465;font-size:8px;line-height:1;white-space:nowrap}
.window-dots{color:#b0b9a6;font-size:7px;letter-spacing:2px}.site-capture picture,.site-capture img{display:block;width:100%}.site-capture img{height:auto}
.showcase{padding:30px 30px 0;gap:20px;height:340px;grid-template-columns:1.15fr 1fr 1fr;background:#b9c8ad}.showcase>a{position:relative;min-width:0}.showcase>a:nth-child(2){margin-top:38px}.showcase>a:nth-child(3){margin-top:12px}.showcase>a:hover .site-capture{transform:translateY(-5px)}.showcase .site-capture img{height:270px;object-fit:cover;object-position:top left}
.project-visual{height:auto;aspect-ratio:1.42;padding:28px 22px 0}.project-visual .site-capture{width:100%;margin:0 auto}.project-visual:hover .site-capture{transform:translateY(-5px)}.project-index{top:8px;left:23px;font-size:9px}
.service-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.service-group-title{display:flex;align-items:center;gap:11px;padding-bottom:20px;font-size:15px!important;letter-spacing:-.4px!important;line-height:1.4}.service-group-title>span{font:500 10px var(--font);border:1px solid #aebba1;border-radius:50%;width:27px;height:27px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-groups .service-list{border-top:1px solid #b9c2ae;border-bottom:0}.service-groups .service{grid-template-columns:22px minmax(0,1fr);gap:10px;padding:26px 0;align-items:baseline}.service h4{font-family:Manrope,var(--font);font-weight:600;font-size:21px;letter-spacing:-.8px;line-height:1.3;margin:0}.service-groups .service p{grid-column:2;font-size:13px;line-height:1.75}.service-groups .service small{font-size:10px;line-height:1.8;margin-top:12px}.custom-project{margin-top:38px;border:1px solid #b9c2ae;background:#dce5ce;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:4px}.custom-project h3{font-size:24px;letter-spacing:-.8px}.custom-project p{font-size:14px;max-width:700px;color:#58694b;margin-top:10px}.custom-project .button{flex-shrink:0;background:#26341e;border-color:#26341e;color:#e9eddf}.custom-project .button:hover{background:#354a28}
@media(max-width:1100px){.service-groups{gap:24px}.service h4{font-size:19px}.showcase{padding-inline:23px;gap:14px}.capture-bar{font-size:7px;padding-inline:7px}.window-dots{font-size:6px;letter-spacing:1px}}
@media(max-width:800px){.showcase{grid-template-columns:1.15fr 1fr;height:270px;padding:25px 22px 0;gap:16px}.showcase>a:nth-child(3){display:none}.showcase .site-capture img{height:225px}.project-visual{aspect-ratio:1.3;padding:27px 16px 0}.project-index{left:17px}.service-groups{grid-template-columns:1fr;gap:35px}.service-group-title{font-size:18px!important;padding-bottom:15px}.service-groups .service-list{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.service-groups .service{padding:22px 0}.service h4{font-size:21px}.custom-project{align-items:flex-start;flex-direction:column;gap:23px;padding:25px}.custom-project h3{font-size:23px}}
@media(max-width:520px){.showcase{height:235px;padding:22px 16px 0;grid-template-columns:1fr;gap:14px}.showcase>a:nth-child(2){display:none}.showcase .site-capture img{height:auto}.project-visual{aspect-ratio:1.38;padding:25px 15px 0}.project-index{left:16px}.service-groups .service-list{grid-template-columns:1fr}.service-groups .service{padding:23px 0;gap:8px 12px}.service h4{font-size:22px}.service-groups .service p{font-size:14px}.service-groups .service small{font-size:11px}.custom-project{padding:24px 20px}.custom-project h3{font-size:23px}.custom-project .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The FD mark and wordmark share one lockup in the header and footer. */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
}
.brand-mark {
  display: block;
  width: 38px;
  height: 38px;
  flex: none;
}
.brand-wordmark {
  display: grid;
  gap: 3px;
  font-family: Manrope, var(--font);
  line-height: 1;
}
.brand-first-name {
  color: var(--lime);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.brand-surname {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.045em;
}
@media (min-width: 521px) {
  #project-zamanla {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 28px;
  }
  #project-zamanla .project-info { padding-top: 0; }
}
@media (max-width: 520px) {
  .brand { gap: 8px; }
  .brand-mark { width: 32px; height: 32px; }
  .brand-first-name { font-size: 8px; }
  .brand-surname { font-size: 17px; }
}