:root{--paper:#faf9f6;--paper-2:#f1ede5;--ink:#1c1611;--ink-2:#4e4740;--ink-3:#897e76;--ink-4:#b8b0a8;--ochre:#1e3a5f;--hairline:#ddd8d0;--hairline-soft:#e8e3da;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"DM Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}.fade-up{opacity:0;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transform:translateY(36px)}.fade-up.visible{opacity:1;transform:translateY(0)}::selection{background-color:var(--ochre);color:var(--paper)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}#root{flex-direction:column;min-height:100vh;display:flex}.section-inner{max-width:1100px;margin:0 auto;padding:clamp(64px,10vh,120px) clamp(24px,6vw,64px)}.section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);margin-bottom:1.6rem;font-size:12px;display:block}.section-heading{font-family:var(--font-display);color:var(--ink);letter-spacing:-.03em;margin-bottom:1.6rem;font-size:clamp(36px,5vw,58px);font-weight:700;line-height:1.08}.section-divider{background:var(--ink-4);width:52px;height:1px;margin-bottom:3rem}body{font-size:17px}@media (width>=769px){.zoom-wrap{zoom:.9}}@media (width<=640px){.section-heading{font-size:32px}}.navbar{z-index:100;background-color:var(--paper);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;max-width:100%;padding:1rem clamp(20px,5vw,48px);display:flex;position:sticky;top:0}.navbar-logo{cursor:pointer;align-items:center;gap:.5rem;display:flex}.navbar-logo-img{object-fit:contain;opacity:.85;width:26px;height:26px}.navbar-brand{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.navbar-links{align-items:center;gap:2.4rem;list-style:none;display:flex}.navbar-links button{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0;font-size:11px;transition:color .18s}.navbar-links button:hover{color:var(--ink)}.navbar-right{align-items:center;gap:1rem;display:flex}.lang-toggle{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);padding:.3rem 0;font-size:11px;transition:color .18s}.lang-toggle:hover{color:var(--ink)}.navbar-cta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background-color:var(--ink);padding:.5rem 1.1rem;font-size:11px;transition:background-color .18s}.navbar-cta:hover{background-color:var(--ochre)}.hamburger{flex-direction:column;gap:4px;padding:4px;display:none}.hamburger span{background-color:var(--ink);width:20px;height:1.5px;display:block}@media (width<=768px){.navbar{flex-wrap:wrap;gap:.5rem;padding:.9rem 1.2rem}.navbar-links{border-top:1px solid var(--hairline);flex-direction:column;align-items:flex-start;gap:.8rem;width:100%;padding:.8rem 0;display:none}.navbar-links.open,.hamburger{display:flex}.navbar-cta{padding:.45rem .9rem;font-size:10px}}.hero{width:100%;max-width:1100px;margin:0 auto;padding:clamp(72px,13vh,140px) clamp(24px,6vw,64px) clamp(64px,11vh,120px)}.hero-left{max-width:780px}.hero-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.04em;margin:.6rem 0 2rem;font-size:clamp(52px,8.5vw,110px);font-weight:700;line-height:.95}.hero-title em{color:#1e3a5f;font-style:normal}.hero-subtitle{font-family:var(--font-body);color:var(--ink-2);max-width:560px;margin-bottom:2.6rem;font-size:clamp(17px,1.8vw,20px);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:4rem;display:flex}.btn-primary{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--paper);background-color:var(--ink);padding:.75rem 1.4rem;font-size:11px;transition:background-color .18s}.btn-primary:hover{background-color:var(--ochre)}.btn-outline{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--hairline);background:0 0;padding:.75rem 1.4rem;font-size:11px;transition:border-color .18s,color .18s}.btn-outline:hover{border-color:var(--ink-3);color:var(--ink)}.hero-stats{border-top:1px solid var(--hairline);gap:3rem;padding-top:2.4rem;display:flex}.stat{flex-direction:column;gap:.2rem;display:flex}.stat-value{font-family:var(--font-display);color:var(--ink);letter-spacing:-.03em;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.1}.stat-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);font-size:12px}.hero-right,.hero-circle,.hero-avocado,.hero-badge{display:none}@media (width<=640px){.hero-title{font-size:40px}.hero-stats{gap:2rem}.stat-value{font-size:1.6rem}}.services-section{border-top:1px solid var(--hairline)}.services-list{flex-direction:column;display:flex}.service-card{border-bottom:1px solid var(--hairline-soft);cursor:default;grid-template-columns:44px 1fr;gap:1.6rem;padding:1.8rem 0;transition:background-color .15s;display:grid;position:relative}.service-card:first-child{border-top:1px solid var(--hairline-soft)}.service-card:hover{background-color:var(--paper-2);margin:0 -1rem;padding-left:1rem;padding-right:1rem}.service-icon{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ochre);flex-shrink:0;padding-top:.3rem;font-size:12px;font-weight:500}.service-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.015em;margin-bottom:.3rem;font-size:clamp(18px,2.2vw,22px);font-weight:600;line-height:1.2}.service-desc{color:var(--ink-3);font-size:14.5px;line-height:1.65}.service-card:after{content:"→";font-family:var(--font-mono);color:var(--ochre);opacity:0;font-size:14px;transition:opacity .18s,transform .18s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)translate(-6px)}.service-card:hover:after{opacity:1;transform:translateY(-50%)translate(0)}@media (width<=640px){.service-card{grid-template-columns:36px 1fr;gap:1rem}.service-card:after{display:none}}.how{border-top:1px solid var(--hairline)}.how-inner{max-width:980px;margin:0 auto;padding:clamp(56px,9vh,108px) clamp(20px,5vw,48px)}.how-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);margin-bottom:1.4rem;font-size:11px;display:block}.how-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin-bottom:.8rem;font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1.1}.how-subtitle{color:var(--ink-3);max-width:420px;margin-bottom:3.5rem;font-size:15px;line-height:1.6}.steps{flex-direction:column;display:flex}.step{border-bottom:1px solid var(--hairline-soft);grid-template-columns:56px 1fr;gap:1.4rem;padding:1.8rem 0;display:grid;position:relative}.step:first-child{border-top:1px solid var(--hairline-soft)}.step-number{font-family:var(--font-mono);color:var(--ochre);letter-spacing:.04em;flex-shrink:0;padding-top:.3rem;font-size:13px;font-weight:500}.step-line{display:none}.step-content{padding-top:.2rem}.step-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.015em;margin-bottom:.35rem;font-size:clamp(18px,2vw,22px);font-weight:600}.step-desc{color:var(--ink-3);font-size:14.5px;line-height:1.65}@media (width<=640px){.step{grid-template-columns:40px 1fr;gap:1rem}}.portfolio-section{border-top:1px solid var(--hairline)}.portfolio-list{flex-direction:column;display:flex}.portfolio-card{border-bottom:1px solid var(--hairline-soft);color:inherit;padding:1.8rem 0;transition:background-color .15s;display:block}.portfolio-card:first-child{border-top:1px solid var(--hairline-soft)}.portfolio-card:hover{background-color:var(--paper-2);margin:0 -1rem;padding-left:1rem;padding-right:1rem}.portfolio-top{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.portfolio-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);font-size:10.5px}.portfolio-arrow{font-family:var(--font-mono);color:var(--ochre);opacity:0;font-size:15px;transition:opacity .18s,transform .18s;transform:translate(-4px,4px)}.portfolio-card:hover .portfolio-arrow{opacity:1;transform:translate(0)}.portfolio-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.015em;margin-bottom:.4rem;font-size:clamp(20px,2.4vw,26px);font-weight:600;line-height:1.2}.portfolio-desc{color:var(--ink-3);max-width:560px;margin-bottom:.6rem;font-size:14.5px;line-height:1.6}.portfolio-url{font-family:var(--font-mono);color:var(--ink-4);letter-spacing:.02em;font-size:11px}.pricing-section{border-top:1px solid var(--hairline)}.pricing-subtitle{color:var(--ink-3);max-width:480px;margin-top:-.8rem;margin-bottom:3rem;font-size:15px;line-height:1.7}.pricing-grid{border:1px solid var(--hairline);grid-template-columns:repeat(3,1fr);display:grid}.pricing-card{border-right:1px solid var(--hairline);padding:2.2rem 1.8rem;transition:background-color .15s;position:relative}.pricing-card:last-child{border-right:none}.pricing-card:hover{background-color:var(--paper-2)}.pricing-card.highlight{background-color:var(--ink);color:var(--paper)}.pricing-card.highlight:hover{background-color:#2a231c}.pricing-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ochre);margin-bottom:1.4rem;font-size:10px;display:block}.pricing-tier{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1rem;font-size:11px;display:block}.pricing-card.highlight .pricing-badge{color:#f5d55c}.pricing-card.highlight .pricing-tier{color:#faf9f680}.pricing-price{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:1.8rem;font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1}.pricing-card.highlight .pricing-price{color:var(--paper)}.pricing-features{border-top:1px solid var(--hairline);flex-direction:column;gap:.55rem;margin-bottom:2rem;padding-top:1.4rem;list-style:none;display:flex}.pricing-card.highlight .pricing-features{border-color:#ffffff1a}.pricing-features li{color:var(--ink-2);align-items:flex-start;gap:.6rem;font-size:13.5px;line-height:1.5;display:flex}.pricing-card.highlight .pricing-features li{color:#faf9f6bf}.check{color:var(--ochre);flex-shrink:0;margin-top:1px;font-size:12px;font-weight:600}.pricing-card.highlight .check{color:var(--ochre)}.pricing-cta{width:100%;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;cursor:pointer;padding:.7rem 1rem;font-size:11px;transition:all .18s;display:block}.cta-filled{background-color:var(--ochre);color:var(--paper)}.cta-filled:hover{background-color:#9a6420}.cta-outline{border:1px solid var(--hairline);color:var(--ink-2)}.cta-outline:hover{border-color:var(--ink-3);color:var(--ink);background-color:var(--paper-2)}@media (width<=768px){.pricing-grid{grid-template-columns:1fr}.pricing-card{border-right:none;border-bottom:1px solid var(--hairline)}.pricing-card:last-child{border-bottom:none}}.contact-section{border-top:1px solid var(--hairline)}.contact-heading{font-family:var(--font-display);color:var(--ink);letter-spacing:-.04em;white-space:pre-line;margin-bottom:1.4rem;font-size:clamp(40px,6.5vw,80px);font-weight:700;line-height:1}.contact-sub{color:var(--ink-3);max-width:420px;margin-bottom:2.8rem;font-size:17px;line-height:1.6}.contact-actions{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:4rem;display:flex}.contact-email-btn{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);border-bottom:2px solid var(--ochre);padding-bottom:2px;font-size:clamp(18px,2.5vw,26px);font-weight:700;transition:color .18s,border-color .18s;display:inline-block}.contact-email-btn:hover{color:var(--ochre)}.contact-reply{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);font-size:11px}.contact-divider{background:var(--hairline);width:100%;height:1px;margin-bottom:2.4rem}.contact-cards{border:1px solid var(--hairline);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.contact-card{border-right:1px solid var(--hairline);flex-direction:column;gap:.5rem;padding:1.6rem 1.8rem;display:flex}.contact-card:last-child{border-right:none}.contact-card-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);font-size:10.5px}.contact-card-value{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:clamp(15px,1.6vw,18px);font-weight:600;text-decoration:none;transition:color .18s}a.contact-card-value:hover{color:var(--ochre)}@media (width<=640px){.contact-cards{grid-template-columns:1fr}.contact-card{border-right:none;border-bottom:1px solid var(--hairline)}.contact-card:last-child{border-bottom:none}}.footer{border-top:1px solid var(--hairline);padding:2.4rem clamp(24px,6vw,64px)}.footer-inner{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;display:grid}.footer-col{flex-direction:column;gap:.4rem;display:flex}.footer-col-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);margin-bottom:.3rem;font-size:10.5px}.footer-col-value{font-family:var(--font-body);color:var(--ink-2);font-size:14px;text-decoration:none;transition:color .18s}a.footer-col-value:hover{color:var(--ink)}.footer-col-sub{font-family:var(--font-body);color:var(--ink-3);font-size:14px}@media (width<=600px){.footer-inner{grid-template-columns:1fr;gap:1.4rem}}.scroll-top{background-color:var(--ink);width:40px;height:40px;color:var(--paper);opacity:0;pointer-events:none;z-index:200;justify-content:center;align-items:center;font-size:1rem;transition:opacity .25s,transform .25s,background-color .18s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(12px)}.scroll-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover{background-color:var(--ochre)}.legal-page{min-height:100vh;padding:clamp(48px,8vh,96px) clamp(24px,6vw,64px)}.legal-inner{max-width:720px;margin:0 auto}.legal-top-bar{justify-content:space-between;align-items:center;margin-bottom:2.4rem;display:flex}.legal-lang{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--hairline);cursor:pointer;padding:.35rem .7rem;font-size:11px;transition:color .18s,border-color .18s}.legal-lang:hover{color:var(--ink);border-color:var(--ink-3)}.legal-back{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;transition:color .18s;display:inline-block}.legal-back:hover{color:var(--ink)}.legal-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:.5rem;font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.1}.legal-meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-4);border-bottom:1px solid var(--hairline);margin-bottom:3rem;padding-bottom:2rem;font-size:11px}.legal-body{flex-direction:column;gap:1rem;display:flex}.legal-body h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-top:1.6rem;font-size:18px;font-weight:700}.legal-body p,.legal-body li{color:var(--ink-2);font-size:15.5px;line-height:1.75}.legal-body ul{flex-direction:column;gap:.3rem;padding-left:1.4rem;display:flex}.legal-body a{color:var(--ochre);text-underline-offset:3px;text-decoration:underline}.legal-body a:hover{color:var(--ink)}
