:root{color:#162022;background:#f3f7f3;font-family:Inter,Tahoma,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:0;overflow-x:hidden;background:linear-gradient(180deg,#f3f7f3,#fff 36%,#f6faf7)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}main{overflow-x:hidden}.app{min-height:100vh}.hero{position:relative;min-height:96vh;color:#fff;background:linear-gradient(90deg,#071315fa,#091a1bd1 44%,#091a1b33 82%),url(/assets/agency-hero.png) center / cover no-repeat;display:flex;flex-direction:column}.heroOverlay{position:absolute;inset:0;background:linear-gradient(180deg,#070e1042,#070e10b8);pointer-events:none}.nav{position:sticky;top:14px;z-index:2;width:min(1180px,calc(100% - 40px));margin:14px auto 0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0814169e;box-shadow:0 18px 54px #00000042;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:fit-content;font-weight:800;color:#fff}.brand.dark{color:#172225}.brandMark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#6be4c3,#ff916e);color:#061514;font-size:.86rem;font-weight:900;box-shadow:0 12px 26px #37c6a247}.navLinks,.footerLinks{display:flex;align-items:center;gap:24px;font-size:.95rem;color:#ffffffc7}.navLinks a,.footerLinks a{border-radius:8px;padding:8px 10px}.navActions{display:flex;align-items:center;gap:20px}.languageToggle{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:0 12px;color:#fff;background:#ffffff1a;cursor:pointer;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}.languageToggle:hover{border-color:#ffffff85;background:#ffffff29;transform:translateY(-1px)}.navLinks a:hover,.footerLinks a:hover{color:#fff;background:#ffffff1a}.heroContent{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:auto auto 72px;padding:86px 0 16px;max-width:760px;align-self:center}.heroContent:before{content:"";position:absolute;inset-block-start:72px;inset-block-end:6px;inset-inline-start:-22px;width:4px;border-radius:999px;background:linear-gradient(180deg,#37c6a2,#ff916e)}.eyebrow,.sectionLabel{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:#37c6a2;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:20px;font-size:clamp(2.7rem,7vw,5.8rem);line-height:.98;letter-spacing:0}h2{margin-bottom:18px;color:#172225;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:0}h3{color:#172225;margin-bottom:10px;font-size:1.2rem;line-height:1.2;letter-spacing:0}.heroContent p{max-width:690px;margin-bottom:30px;color:#ffffffd1;font-size:clamp(1.04rem,2.2vw,1.25rem)}.heroActions{display:flex;flex-wrap:wrap;gap:14px}.primaryButton,.secondaryButton{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;padding:0 20px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.primaryButton{background:#37c6a2;color:#051514;box-shadow:0 18px 44px #37c6a23d}.secondaryButton{border:1px solid rgba(255,255,255,.32);color:#fff;background:#ffffff14}.primaryButton:hover{background:#58d6b8;transform:translateY(-2px);box-shadow:0 22px 50px #37c6a257}.secondaryButton:hover{border-color:#ffffff94;background:#ffffff24;transform:translateY(-2px)}.proofStrip{width:min(400px,100%);margin-top:42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.proofStrip div{padding:20px 18px;border-inline-end:1px solid rgba(255,255,255,.12)}.proofStrip div:last-child{border-inline-end:0}.proofStrip strong{display:block;font-size:1.65rem;line-height:1}.proofStrip span{display:block;margin-top:8px;color:#ffffffa8;font-size:.92rem}.sectionShell{width:min(1180px,calc(100% - 40px));margin:0 auto}.introBand{background:#fff;border-bottom:1px solid #e3e8e0}.introGrid{padding:52px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:end}.introGrid h2{max-width:780px;margin-bottom:0}.introGrid>p,.processCopy>p,.contactPanel p{color:#596669;font-size:1.06rem}.servicesSection{padding:94px 0 96px}.sectionHeader{max-width:760px;margin-bottom:34px}.sectionHeader.wide{max-width:900px}.sectionIntro{margin-bottom:0;color:#596669;font-size:1.05rem}.sectionIntro.inverted{max-width:780px;color:#ffffffbd}.serviceGrid,.exampleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.serviceCard,.exampleCard{border:1px solid #dfe7dd;border-radius:8px;background:#fff;padding:26px;box-shadow:0 16px 40px #1620220f}.serviceCard,.supportCard,.processItem,.capability,.exampleCard{transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease}.serviceCard{position:relative;min-height:254px;overflow:hidden}.serviceCard:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;background:linear-gradient(90deg,#37c6a2,#ff916e)}.serviceCard:hover,.supportCard:hover,.exampleCard:hover{border-color:#bddfd2;box-shadow:0 24px 70px #1620221f;transform:translateY(-4px)}.serviceCard p,.exampleCard p,.processItem p{color:#5e6a6d}.iconBadge{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;margin-bottom:22px;color:#051514;background:linear-gradient(135deg,#dff8ef,#fff0e9);box-shadow:inset 0 0 0 1px #37c6a21f}.examplesBand{padding:94px 0 104px;background:linear-gradient(180deg,#101d1f,#172225 56%,#111d20)}.examplesBand h2{color:#fff}.examplesBand .sectionLabel{color:#ff916e}.exampleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.exampleCard{display:flex;flex-direction:column;min-height:620px;border-color:#ffffff1f;background:#fff;overflow:hidden;padding:0;box-shadow:0 28px 80px #0000003d}.exampleImageWrap{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#dfe7dd}.exampleImageWrap img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .32s ease}.exampleCard:hover .exampleImageWrap img{transform:scale(1.035)}.exampleImageWrap span{position:absolute;inset-block-start:14px;inset-inline-start:14px;border-radius:999px;padding:7px 10px;color:#fff;background:#0f1b1db8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.78rem;font-weight:900}.exampleTop{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:12px;padding:24px 24px 0;color:#37a98f}.exampleTop h3{margin:0}.exampleCard>p{padding:0 24px}.detailList{list-style:none;margin:4px 0 0;padding:0 24px;display:grid;gap:8px}.detailList li{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;color:#27383b;font-size:.92rem;font-weight:800}.detailList svg{color:#37a98f}.exampleOutcome{margin:18px 24px 0;border-top:1px solid #e1e9e1;padding:16px 0 0!important;color:#304144!important;font-weight:800}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding:20px 24px 24px}.tags span{border-radius:999px;padding:7px 10px;background:#edf7f3;color:#334447;font-size:.8rem;font-weight:700}.supportBand{padding:96px 0;background:linear-gradient(180deg,#fff,#f3f8f5)}.supportGrid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:54px;align-items:start}.supportIntro{position:sticky;top:24px}.supportIntro p{color:#596669;font-size:1.06rem}.supportCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.supportCard{border:1px solid #dfe7dd;border-radius:8px;padding:24px;background:#ffffffd1;box-shadow:0 16px 44px #1620220f}.supportCard svg{margin-bottom:16px;color:#21987e}.supportCard h3{margin-bottom:8px}.supportCard p{margin-bottom:0;color:#5e6a6d}.splitSection{padding:100px 0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:70px;align-items:start}.processCopy h2{max-width:620px}.checks{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}.checks li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;color:#2c3b3e;font-weight:700}.checks svg{color:#37a98f}.processList{display:grid;gap:14px}.processItem{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:22px;border:1px solid #dce5dc;border-radius:8px;background:#fff;box-shadow:0 16px 42px #1620220f}.processItem:last-child{border-bottom:1px solid #dce5dc}.processItem:hover{border-color:#bddfd2;box-shadow:0 22px 58px #1620221a}.processItem>span{color:#ff6b4a;font-weight:900;font-size:1.4rem}.processItem h3{margin-bottom:6px}.capabilitiesBand{padding:42px 0;background:#e5f5ee}.capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.capability{display:flex;align-items:center;gap:12px;min-height:78px;border:1px solid rgba(55,198,162,.18);border-radius:8px;padding:16px;background:#ffffff9e;color:#213335;font-weight:800}.capability:hover{transform:translateY(-3px);box-shadow:0 18px 44px #16202214}.capability svg{flex:0 0 auto;color:#21987e}.contactSection{padding:102px 0;display:grid;gap:24px}.contactPanel{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr);gap:54px;align-items:start;border-radius:8px;padding:clamp(28px,5vw,58px);color:#fff;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#111d20fc,#1c463ff5);box-shadow:0 26px 86px #16202238}.whatsappPanel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;border:1px solid #cfe5dc;border-radius:8px;padding:clamp(24px,4vw,40px);background:linear-gradient(135deg,#fff,#f4fbf7);box-shadow:0 18px 54px #16202217}.whatsappCopy h2{margin-bottom:10px;font-size:clamp(1.4rem,2.5vw,2.1rem)}.whatsappCopy p:last-child{max-width:720px;margin-bottom:0;color:#596669}.whatsappButton{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:0 20px;background:#1faa59;color:#fff;font-weight:900;white-space:nowrap;box-shadow:0 18px 44px #1faa5940;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.whatsappButton:hover{background:#25c266;transform:translateY(-2px);box-shadow:0 22px 54px #1faa5957}.whatsappButton strong{font-size:.92rem}.contactPanel h2{color:#fff}.contactPanel p{max-width:610px;color:#ffffffc2}.contactForm{display:grid;gap:14px}.contactForm label{display:grid;gap:8px;color:#ffffffd6;font-size:.9rem;font-weight:800}.contactForm input,.contactForm select,.contactForm textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:8px;outline:none;padding:12px 14px;color:#fff;background:#ffffff17;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus{border-color:#37c6a2cc;background:#ffffff21;box-shadow:0 0 0 4px #37c6a21f}.contactForm input::placeholder,.contactForm textarea::placeholder{color:#ffffff7a}.contactForm select option{color:#172225}.contactForm textarea{min-height:120px;resize:vertical}.formButton{width:100%;margin-top:4px}.formButton:disabled{cursor:wait;opacity:.72;transform:none}.formStatus{margin:2px 0 0;border-radius:8px;padding:12px 14px;color:#fff!important;font-size:.92rem!important;font-weight:800}.formStatus.success{background:#37c6a233;border:1px solid rgba(55,198,162,.38)}.formStatus.error,.formStatus.validationError,.formStatus.missingConfig{background:#ff916e2e;border:1px solid rgba(255,145,110,.42)}.footer{border-top:1px solid #e1e7de;background:#fbfcfa}.footerInner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:26px}.footerInner p{margin:0;color:#667174}.footerLinks{color:#4c5b5e}.footerLinks a:hover{color:#172225}.app[dir=rtl]{text-align:right}.app[dir=rtl] .hero{background:linear-gradient(270deg,#071315fa,#091a1bd1 44%,#091a1b33 82%),url(/assets/agency-hero.png) center / cover no-repeat}.app[dir=rtl] .ctaIcon{transform:scaleX(-1)}.app[dir=rtl] .proofStrip div{padding:20px 18px}.app[dir=rtl] .heroContent:before{inset-inline-start:auto;inset-inline-end:-22px}.app[dir=rtl] .detailList li{grid-template-columns:18px 1fr}@media(max-width:980px){.hero{min-height:auto;background-position:58% center}.nav{align-items:flex-start}.navLinks{flex-wrap:wrap;justify-content:flex-end;row-gap:10px}.navActions{align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.heroContent{margin:34px auto 58px;padding-top:52px}.introGrid,.splitSection,.contactPanel,.whatsappPanel,.supportGrid{grid-template-columns:1fr}.supportIntro{position:static}.serviceGrid,.exampleGrid,.capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.sectionShell,.nav,.heroContent{width:min(100% - 28px,1180px)}.hero{background:linear-gradient(180deg,#0a181af0,#0a181ac7 58%,#0a181a9e),url(/assets/agency-hero.png) center / cover no-repeat}.nav{display:grid;gap:16px}.navActions{justify-content:flex-start}.navLinks{justify-content:flex-start;gap:14px;font-size:.9rem}.languageToggle{min-height:38px}h1{font-size:clamp(2.45rem,13vw,3.7rem)}.heroActions,.primaryButton,.secondaryButton{width:100%}.proofStrip{grid-template-columns:1fr}.proofStrip div{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14)}.proofStrip div:last-child{border-bottom:0}.introGrid,.servicesSection,.examplesBand,.supportBand,.splitSection,.contactSection{padding-top:62px;padding-bottom:66px}.serviceGrid,.exampleGrid,.supportCards,.capabilities{grid-template-columns:1fr}.serviceCard,.exampleCard{min-height:auto}.serviceCard{padding:22px}.processItem{grid-template-columns:48px 1fr;gap:14px}.contactPanel{grid-template-columns:minmax(0,1fr);gap:28px}.whatsappPanel{padding:22px}.whatsappButton{width:100%;min-height:auto;flex-wrap:wrap;padding:14px 16px;white-space:normal}.footerInner{padding:24px 0;align-items:flex-start;flex-direction:column}}.app{background:linear-gradient(180deg,rgba(55,198,162,.05),transparent 560px),#f6f8f5}.app[dir=rtl]{font-family:Tahoma,Segoe UI,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.hero{isolation:isolate}.hero:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:120px;background:linear-gradient(180deg,transparent,rgba(246,248,245,.95));pointer-events:none;z-index:1}.nav{outline:1px solid rgba(255,255,255,.06)}.brand span:last-child{line-height:1.15}.heroContent{max-width:840px}.heroContent h1{text-wrap:balance;text-shadow:0 18px 52px rgba(0,0,0,.36)}.heroContent p{max-width:760px}.app[dir=rtl] .heroContent h1{line-height:1.12}.eyebrow,.sectionLabel{border-radius:999px;padding:6px 10px;background:#37c6a21f}.examplesBand .sectionLabel{background:#ff916e1f}.sectionHeader h2,.supportIntro h2,.processCopy h2,.contactPanel h2{text-wrap:balance}.sectionIntro{max-width:780px;margin-top:-4px}.serviceGrid{align-items:stretch}.serviceCard{display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#fbfdfb)}.serviceCard h3{font-size:1.28rem}.serviceCard p{margin-bottom:0}.serviceCard:hover .iconBadge,.supportCard:hover svg,.capability:hover svg{transform:scale(1.05)}.iconBadge,.supportCard svg,.capability svg{transition:transform .18s ease}.examplesBand{position:relative}.examplesBand:before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:1px;background:linear-gradient(90deg,transparent,rgba(55,198,162,.5),transparent)}.exampleCard{border:1px solid rgba(255,255,255,.18)}.exampleCard p{line-height:1.68}.exampleOutcome{background:linear-gradient(180deg,rgba(55,198,162,.04),transparent)}.supportCard{min-height:210px}.supportCard h3{font-size:1.08rem}.supportIntro{border-inline-start:4px solid #37c6a2;padding-inline-start:20px}.app[dir=rtl] .supportIntro{border-inline-start:0;border-inline-end:4px solid #37c6a2;padding-inline-start:0;padding-inline-end:20px}.processCopy{border-radius:8px}.checks li{border-radius:8px;padding:10px 12px;background:#37c6a214}.processItem{position:relative;overflow:hidden}.processItem:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,#37c6a2,#ff916e)}.app[dir=rtl] .processItem:before{inset-inline-start:auto;inset-inline-end:0}.capability{color:#172225}.contactPanel{position:relative;overflow:hidden}.contactPanel:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:6px;background:linear-gradient(180deg,#37c6a2,#ff916e)}.app[dir=rtl] .contactPanel:before{inset-inline-start:auto;inset-inline-end:0}.contactPanel>*{position:relative;z-index:1}.contactForm{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:18px;background:#ffffff0f}.footerInner{border-top:1px solid rgba(55,198,162,.12)}@media(min-width:981px){.serviceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.serviceCard:nth-child(2){transform:translateY(-12px)}.serviceCard:nth-child(2):hover{transform:translateY(-16px)}}@media(max-width:680px){.nav{top:8px;margin-top:8px;padding:12px}.heroContent:before{display:none}.heroContent h1{line-height:1.08}.app[dir=rtl] .heroContent h1{line-height:1.2}.proofStrip div{border-inline-end:0}.supportIntro{border-inline-start:0;padding-inline-start:0}.app[dir=rtl] .supportIntro{border-inline-end:0;padding-inline-end:0}.contactForm{padding:14px}}h1{font-size:clamp(2.2rem,5.8vw,4.75rem);line-height:1.04}h2{font-size:clamp(1.65rem,3.2vw,2.8rem);line-height:1.12}h3{font-size:1.08rem;line-height:1.28}.heroContent p{font-size:clamp(.98rem,1.6vw,1.12rem);line-height:1.72}.navLinks,.footerLinks{font-size:.9rem}.brand{font-size:.96rem}.eyebrow,.sectionLabel{font-size:.72rem}.sectionIntro,.introGrid>p,.processCopy>p,.contactPanel p,.supportIntro p{font-size:.98rem;line-height:1.75}.serviceCard p,.exampleCard p,.supportCard p,.processItem p,.footerInner p{font-size:.94rem;line-height:1.68}.serviceCard h3{font-size:1.14rem}.exampleTop h3{font-size:1.08rem}.detailList li,.checks li,.capability,.contactForm label,.tags span{font-size:.88rem}.proofStrip strong{font-size:1.46rem}.proofStrip span{font-size:.84rem}.primaryButton,.secondaryButton,.languageToggle{font-size:.92rem}.app[dir=rtl] .heroContent h1{line-height:1.18}@media(max-width:680px){h1{font-size:clamp(2rem,10.5vw,3.05rem);line-height:1.12}h2{font-size:clamp(1.5rem,7vw,2.15rem)}.heroContent p{font-size:.98rem}.navLinks,.footerLinks{font-size:.84rem}.brand{font-size:.92rem}.sectionIntro,.introGrid>p,.processCopy>p,.contactPanel p,.supportIntro p{font-size:.94rem}}
