@font-face{font-family:Cairo;src:url('cairo-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url('cairo-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Lato;src:url('lato-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('lato-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
/* Reference-led, light editorial agency layout: variance 4, motion 3, density 3.
   User-specified body typography. Orange is the shared accent; controls 6px radius.
   Header layer 20, skip link layer 30. Hero photograph intentionally has a dark overlay. */
body.codic-landing{--cl-bg:#fafbfc;--cl-ink:#39434c;--cl-copy:#7e868c;--cl-accent:#b84f2b;--cl-line:#dce1e5;margin:0;background:var(--cl-bg);color:var(--cl-copy);font-family:Lato,Cairo,sans-serif;font-size:17px;font-weight:400;font-style:normal;line-height:31.5714px;letter-spacing:normal;word-spacing:0;text-align:start;text-transform:none;text-indent:0}
.codic-landing *{box-sizing:border-box}
.codic-landing h1,.codic-landing h2,.codic-landing h3{font-family:Lato,Cairo,sans-serif;font-weight:700;color:var(--cl-ink);letter-spacing:normal;margin:0 0 20px;line-height:1.5}
.codic-landing h2{font-size:36px}.codic-landing h3{font-size:25px}
.codic-landing p{margin:0 0 18px}.codic-landing a{text-decoration:none}.codic-landing a:focus-visible,.codic-landing button:focus-visible,.codic-landing input:focus-visible,.codic-landing select:focus-visible,.codic-landing textarea:focus-visible{outline:3px solid var(--cl-accent);outline-offset:5px}
.cl-container{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.cl-skip{position:absolute;top:-150px;right:24px;z-index:30;padding:10px 20px;background:var(--cl-bg);color:var(--cl-ink)}.cl-skip:focus{top:12px}
.cl-header{position:absolute;top:0;inset-inline:0;z-index:20;color:#f9fafb;border-bottom:1px solid rgb(255 255 255 / .18)}.admin-bar .cl-header{top:32px}
.cl-header-inner{min-height:80px;display:flex;align-items:center;gap:28px}.cl-logo{display:inline-flex;align-items:center;gap:8px;color:#f9fafb;font-size:23px;font-weight:700;letter-spacing:2px;direction:ltr;flex-shrink:0}.cl-logo-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgb(255 255 255 / .7);border-radius:6px;font-size:24px;letter-spacing:0}.cl-logo img{max-width:125px;max-height:48px;object-fit:contain}
.cl-nav{display:flex;align-items:center;justify-content:center;gap:19px;flex:1}.cl-nav a{font-size:13px;white-space:nowrap;color:#f9fafb;transition:opacity .2s}.cl-nav a:hover{opacity:.7}.cl-header-contact{display:flex;align-items:center;gap:12px;font-size:14px;white-space:nowrap;color:#f9fafb}.cl-header-contact span{font-size:22px}.cl-menu-button{display:none}
.cl-hero{position:relative;isolation:isolate;min-height:660px;min-height:min(760px,94dvh);display:grid;place-items:center;text-align:center;background:#282521;color:#f9fafb;padding:150px 24px 100px}
.cl-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('hero.jpg') center / cover no-repeat}.cl-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.62)}
.cl-hero-copy{max-width:850px;margin-inline:auto}.codic-landing .cl-hero h1{font-size:clamp(34px,4.1vw,58px);color:#fafbfc;margin-bottom:22px;line-height:1.55}.cl-hero p{font-size:20px;line-height:1.9;color:#e1e4e6;max-width:670px;margin:0 auto 32px}
.cl-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:51px;padding:10px 27px;background:var(--cl-accent);color:#fafbfc!important;border:1px solid var(--cl-accent);border-radius:6px;font:700 16px/1.8 Lato,Cairo,sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,transform .2s}.cl-button:hover{background:#963d20;border-color:#963d20}.cl-button:active{transform:scale(.98)}.cl-button span{font-size:23px}.cl-button:disabled{opacity:.65;cursor:wait}
.cl-about{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:95px 105px;text-align:center}.cl-about h2{font-size:31px}.cl-about p{max-width:450px;margin-inline:auto}
.cl-section-heading{text-align:center;margin-bottom:65px}.codic-landing .cl-section-heading h2{color:var(--cl-accent)}.cl-section-heading p{max-width:620px;margin-inline:auto}
.cl-services{padding-block:18px 85px}.cl-service{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-block:32px;min-height:330px}.cl-service:nth-child(odd) .cl-service-copy{order:2}.cl-service:nth-child(odd) .cl-service-art{order:1}.cl-service-art{margin:0}.cl-service-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}.cl-service h3{font-size:24px;margin-bottom:15px}.cl-service h3 small{display:block;font-size:14px;color:var(--cl-copy);font-weight:400;line-height:1.9;margin-top:3px}.cl-service ul{list-style:none;margin:0 0 17px;padding:0}.cl-service li{position:relative;padding-inline-start:22px;margin-bottom:4px}.cl-service li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--cl-accent);font-weight:700}.cl-text-link{color:var(--cl-accent);font-size:15px;font-weight:700;border-bottom:1px solid transparent}.cl-text-link:hover{border-color:currentColor}
.cl-more-services{display:flex;align-items:center;justify-content:center;gap:12px 28px;flex-wrap:wrap;margin-top:50px;padding-block:26px;border-block:1px solid var(--cl-line)}.cl-more-services p{margin:0;color:var(--cl-ink);font-weight:700}.cl-more-services a{color:var(--cl-accent);font-size:15px}
.cl-process{padding-block:85px 95px;background:#f2f4f6}.cl-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 60px}.cl-process-heading h2{color:var(--cl-accent);font-size:36px;margin:0 0 12px}.cl-process-heading p{max-width:240px}.cl-step{position:relative}.cl-step-number{display:grid;place-items:center;width:48px;height:48px;border-radius:6px;background:#fae5dc;color:var(--cl-accent);font-size:23px;line-height:1;margin-bottom:19px}.cl-step h3{font-size:21px;margin-bottom:10px}.cl-step p{margin:0;line-height:31.5714px}
.cl-promise{padding-block:95px;text-align:center}.cl-promise>p{max-width:670px;margin-inline:auto}.cl-promise h2{color:var(--cl-accent)}.cl-promise-points{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:750px;margin:40px auto 0}.cl-promise-points h3{font-size:23px}.cl-promise-points p{margin:0}
.cl-contact{padding-block:80px 95px;border-top:1px solid var(--cl-line)}.cl-contact .cl-section-heading{margin-bottom:45px}.cl-contact-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:75px}.cl-contact-aside h3{font-size:26px}.cl-contact-aside p{max-width:280px}.cl-email{display:inline-block;color:var(--cl-accent);font-size:20px;margin-block:12px 20px;word-break:break-word}.cl-contact-aside .cl-text-link{display:block;width:fit-content}
.cl-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.cl-field{display:flex;flex-direction:column;gap:7px}.cl-field label{font-size:15px;color:var(--cl-ink)}.cl-field label span{color:var(--cl-accent)}.cl-field input,.cl-field select,.cl-field textarea{width:100%;min-width:0;border:1px solid #cbd2d8;background:#fafbfc;border-radius:6px;color:var(--cl-ink);padding:11px 13px;font:400 17px/1.6 Lato,Cairo,sans-serif;min-height:49px;box-shadow:none}.cl-field textarea{resize:vertical;min-height:140px}.cl-field textarea::placeholder{color:#66717b;font-size:15px}.cl-field-wide,.cl-field:has(textarea){grid-column:1/-1}.cl-submit{display:flex;align-items:center;flex-wrap:wrap;gap:15px 22px}.cl-form-note{font-size:12px;line-height:1.8!important;margin:0!important}.cl-form-note a{text-decoration:underline}.cl-submit-status{flex-basis:100%;font-size:14px}.cl-submit-status:empty{display:none}.cl-honeypot,.cl-form .hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);padding:0!important;margin:0!important}
.cl-form>button{justify-self:start}.cl-footer{border-top:1px solid var(--cl-line);padding-block:27px}.cl-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.cl-footer-inner p{margin:0}.cl-footer-brand{font-size:22px;font-weight:700;letter-spacing:2px;color:var(--cl-ink)}.cl-footer-inner>div{display:flex;gap:22px}.cl-footer a:hover{color:var(--cl-accent)}
.codic-landing section[id]{scroll-margin-top:25px}
@media(min-width:1440px){.cl-hero{min-height:740px}}
@media(max-width:1100px){.cl-header-inner{gap:18px}.cl-nav{gap:12px}.cl-nav a{font-size:12px}.cl-logo{font-size:20px}.cl-service{gap:50px}.cl-about{gap:65px}}
@media(max-width:900px){.cl-header-inner{min-height:72px}.cl-header-contact{margin-inline-start:auto}.cl-menu-button{display:flex;align-items:center;gap:10px;order:3;border:1px solid rgb(255 255 255 / .4);color:#fafbfc;background:transparent;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px}.cl-nav{display:none;position:absolute;top:72px;inset-inline:0;background:var(--cl-bg);padding:22px 24px;border-bottom:1px solid var(--cl-line);box-shadow:0 12px 24px rgb(35 45 55 / .09);grid-template-columns:1fr 1fr;text-align:start}.cl-nav.is-open{display:grid}.cl-nav a{color:var(--cl-ink);font-size:15px;padding:8px}.cl-contact-layout{gap:35px}.cl-process-grid{gap:40px 30px}.cl-about{gap:40px}}
@media(max-width:767px){.cl-container{width:calc(100% - 40px)}.admin-bar .cl-header{top:46px}.cl-hero{min-height:610px;min-height:87dvh;padding:140px 24px 85px}.codic-landing .cl-hero h1{font-size:35px;line-height:1.6}.cl-hero p{font-size:18px;max-width:460px;line-height:1.9}.codic-landing h2{font-size:29px}.cl-about{grid-template-columns:1fr;gap:42px;padding-block:65px}.cl-about h2{font-size:28px}.cl-about p{max-width:470px}.cl-section-heading{margin-bottom:30px}.cl-services{padding-block:10px 55px}.cl-service{grid-template-columns:1fr;gap:20px;padding-block:25px 35px;min-height:0}.cl-service .cl-service-copy,.cl-service:nth-child(odd) .cl-service-copy{order:2}.cl-service .cl-service-art,.cl-service:nth-child(odd) .cl-service-art{order:1}.cl-service-art{max-width:400px;width:100%;margin-inline:auto}.cl-service h3{font-size:23px}.cl-service-copy{max-width:470px;width:100%;margin-inline:auto}.cl-more-services{margin-top:20px;gap:10px 22px}.cl-more-services p{flex-basis:100%;text-align:center}.cl-process{padding-block:60px}.cl-process-grid{grid-template-columns:1fr 1fr;gap:35px 28px}.cl-process-heading{grid-column:1/-1;text-align:center}.cl-process-heading h2{font-size:30px}.cl-process-heading p{max-width:none}.cl-step h3{font-size:20px}.cl-promise{padding-block:65px}.cl-promise-points{gap:24px;margin-top:30px}.cl-promise-points h3{font-size:21px}.cl-contact{padding-block:55px 65px}.cl-contact-layout{grid-template-columns:1fr;gap:30px}.cl-contact-aside{text-align:center}.cl-contact-aside p{max-width:none}.cl-contact-aside .cl-text-link{margin-inline:auto}.cl-contact-aside .cl-email{margin-block:0 15px}.cl-footer-inner{flex-wrap:wrap;justify-content:center;text-align:center;gap:10px 20px}.cl-footer-brand{flex-basis:100%}}
@media(max-width:430px){.cl-header-inner{gap:12px}.cl-logo{font-size:18px;gap:6px}.cl-logo-mark{width:29px;height:29px;font-size:21px}.cl-header-contact{font-size:12px;gap:5px}.cl-menu-button{padding:5px 8px;font-size:12px}.cl-menu-button span{font-size:17px}.codic-landing .cl-hero h1{font-size:31px}.cl-process-grid{grid-template-columns:1fr}.cl-process-heading{grid-column:auto}.cl-step{padding-inline-start:68px}.cl-step-number{position:absolute;inset-inline-start:0;top:1px;width:44px;height:44px}.cl-form{grid-template-columns:1fr}.cl-promise-points{grid-template-columns:1fr;gap:30px}.cl-form-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.codic-landing *{transition:none!important;animation:none!important}}

/* Reset the parent theme honeypot offset, which otherwise expands RTL scroll width. */
.cl-form .hp-field{display:none!important;left:auto!important;right:auto!important}

.cl-service h3 small{text-align:right}.cl-contact-notice{padding:16px 20px;border-inline-start:3px solid var(--cl-accent);background:#f2f4f6;color:var(--cl-ink)}

.cl-legal .cl-header{background:#282521}.cl-legal-content{padding-block:140px 75px;min-height:75vh;max-width:900px}.cl-legal-content h1{font-size:36px}.cl-legal-content a{color:var(--cl-accent)}

/* Codic custom identity: geometric C and forward slash, with outlined wordmark. */
.cl-logo img.cl-brand-logo{display:block;width:156px;height:auto;max-width:none;max-height:none}
.cl-footer-brand img{display:block;width:132px;height:auto;margin-inline:auto}
@media(max-width:430px){.cl-logo img.cl-brand-logo{width:126px}}