:root{--saffron:#f57c00;--saffron-dark:#c85e00;--ink:#15171a;--muted:#667085;--bg:#fbfaf8;--soft:#f6f2ec;--line:#e7e1d8;--white:#fff;--dark:#17191d;--radius:18px;--shadow:0 14px 40px rgba(26,22,18,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}p a{color:var(--saffron-dark);text-decoration:underline;text-underline-offset:3px}.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--dark);color:#e8e8e8;font-size:12px}.topbar .container{height:34px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#fff}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,250,248,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(231,225,216,.9)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--saffron);color:#fff;display:grid;place-items:center;font:800 20px 'Sora'}.brand-text{font:800 19px 'Sora';letter-spacing:-.6px}.brand-text small{display:block;font:500 10px 'DM Sans';color:#777;letter-spacing:.6px;text-transform:uppercase;margin-top:1px}.navlinks{display:flex;align-items:center;gap:24px;font-weight:600;font-size:14px}.navlinks>a:not(.btn):hover,.dropdown>a:hover{color:var(--saffron-dark)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:32px;left:-18px;width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(7px);transition:.2s}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:block;padding:9px 11px;border-radius:9px;font-size:13px}.dropdown-menu a:hover{background:#fff4e8;color:var(--saffron-dark)}.menu-btn{display:none;border:0;background:none;font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;font-weight:700;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--saffron);color:white}.btn-primary:hover{background:var(--saffron-dark)}.btn-secondary{background:white;border-color:var(--line)}.btn-secondary:hover{border-color:#cfc6b9}.btn-small{padding:10px 15px}.btn-light{background:#fff;color:#111}.btn-ghost{border-color:#5d6066;color:#fff}.full{width:100%;margin-top:10px}.hero{padding:92px 0 74px;background:linear-gradient(180deg,#fffdf9 0%,var(--bg) 100%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{display:inline-block;color:var(--saffron-dark);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:1.4px}.hero h1,.page-hero h1,.section-head h2,.split h2,.cta-box h2{font-family:'Sora',sans-serif;letter-spacing:-2.4px;line-height:1.07}.hero h1{font-size:clamp(46px,6.3vw,74px);margin:15px 0 22px}.hero h1 span{color:var(--saffron-dark)}.hero p{font-size:18px;color:#555d68;max-width:720px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.proof-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:#5f6368}.proof-row span:before{content:'•';color:var(--saffron);margin-right:8px;font-size:18px;vertical-align:-1px}.hero-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:var(--shadow)}.panel-top{display:flex;justify-content:space-between;align-items:center;font-weight:700}.panel-top i{width:9px;height:9px;border-radius:50%;background:var(--saffron);box-shadow:0 0 0 5px #fff0df}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.metric-grid div{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff}.metric-grid strong{display:block;font:700 23px 'Sora';color:var(--saffron-dark)}.metric-grid small{color:#7a7f86}.signal{height:88px;border-radius:14px;background:var(--dark);display:flex;align-items:flex-end;gap:7px;padding:16px;position:relative}.signal span{position:absolute;top:13px;left:15px;color:#bbb;font-size:11px}.signal b{flex:1;background:linear-gradient(#ffae58,var(--saffron));border-radius:6px 6px 2px 2px}.signal b:nth-of-type(1){height:24%}.signal b:nth-of-type(2){height:38%}.signal b:nth-of-type(3){height:33%}.signal b:nth-of-type(4){height:52%}.signal b:nth-of-type(5){height:67%}.signal b:nth-of-type(6){height:82%}.location-card{margin-top:10px;padding:16px;background:var(--soft);border-radius:14px}.location-card small,.location-card span{display:block;color:#7c7f83}.location-card strong{font:700 18px 'Sora'}.value-strip{padding:0 0 34px}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden}.strip-grid div{padding:18px 22px;border-right:1px solid var(--line);display:flex;gap:12px;align-items:center}.strip-grid div:last-child{border-right:0}.strip-grid b{color:var(--saffron-dark);font-size:12px}.strip-grid span{font-weight:700;font-size:14px}section{padding:76px 0}.section-head{max-width:760px;margin-bottom:34px}.section-head h2,.split h2{font-size:clamp(34px,4.4vw,52px);margin:10px 0 14px}.section-head p,.split p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-height:218px;transition:.2s}.card:hover{border-color:#efb171;transform:translateY(-3px)}.card-no{font:700 12px 'Sora';color:#a2a2a2}.card h3{font:700 20px 'Sora';margin:32px 0 8px;letter-spacing:-.5px}.card p{color:var(--muted);font-size:14px}.text-link{display:inline-block;margin-top:7px;color:var(--saffron-dark);font-weight:700}.center-link{text-align:center;margin-top:28px;font-weight:700;color:var(--saffron-dark)}.soft-section{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.inline-links,.related-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.inline-links a,.related-links a{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:10px;font-weight:700;font-size:13px}.search-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px}.search-label{font-size:11px;color:#81858a;text-transform:uppercase;font-weight:700}.search-card h3{font:700 24px 'Sora';line-height:1.25}.search-result{padding:18px;border-top:1px solid var(--line);margin-top:20px}.search-result small{display:block;color:#64748b}.search-result b{display:block;color:#174ea6;font-size:18px;margin:4px 0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.process div{padding:25px;border-right:1px solid var(--line)}.process div:last-child{border-right:0}.process b{color:var(--saffron-dark);font-size:12px}.process h3{font:700 19px 'Sora'}.process p{color:var(--muted);font-size:14px}.dark-lite{background:var(--dark);color:#fff}.dark-lite p{color:#b7bbc2}.eyebrow.dark{color:#ffae58}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-grid span{padding:14px 16px;border:1px solid #33373d;border-radius:12px;background:#1d2025}.check-grid span:before{content:'✓';color:#ff9a2f;margin-right:9px}.featured-post{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.featured-post span,.blog-card>span{color:var(--saffron-dark);font-size:11px;font-weight:800;text-transform:uppercase}.featured-post h3{font:700 26px 'Sora';line-height:1.25}.featured-post p{color:var(--muted)}.featured-post a{font-weight:700;color:var(--saffron-dark)}.cta-section{padding-top:30px}.cta-box{background:var(--dark);color:#fff;border-radius:24px;padding:38px 42px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-box h2{font-size:38px;margin:8px 0}.cta-box p{color:#b7bbc2;margin:0}.page-hero{padding:78px 0 58px;background:#fffdf9;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(42px,5.3vw,62px);max-width:920px;margin:13px 0}.page-hero p{font-size:18px;color:var(--muted);max-width:820px}.content-grid{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:start}.content-card,.side-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}.content-card h2{font:700 29px 'Sora';letter-spacing:-1px;margin-top:34px}.content-card h2:first-child{margin-top:0}.side-card{position:sticky;top:100px}.side-card h3{font:700 22px 'Sora'}.side-card p{color:var(--muted)}.side-link{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-weight:700;color:var(--saffron-dark)}.service-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.service-points div{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fcfbf9}.service-points strong{display:block}.service-points span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted)}.seo-copy{max-width:900px;margin:48px auto 0}.seo-copy h2{font:700 32px 'Sora'}.contact-layout{display:grid;grid-template-columns:1fr 360px;gap:24px}.contact-form{display:grid;gap:15px}.contact-form label{font-weight:700;font-size:13px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d9d4cc;border-radius:11px;padding:13px;font:inherit;background:#fff}.contact-form textarea{min-height:130px}.contact-info{display:grid;gap:12px}.contact-info div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.contact-info small{display:block;color:#777}.contact-info a,.contact-info span{display:block;font-weight:700;margin-top:4px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.blog-card.featured{grid-column:span 2}.blog-card h2,.blog-card h3{font-family:'Sora';letter-spacing:-.7px}.blog-card p{color:var(--muted)}.blog-card a{font-weight:700;color:var(--saffron-dark)}.blog-card em{font-size:12px;color:#999}.blog-guide{margin-top:44px;padding:26px;background:var(--soft);border-radius:18px}.blog-guide h2{font:700 26px 'Sora'}.article{padding:70px 0}.article-wrap{max-width:860px}.article-head h1{font:800 clamp(42px,6vw,64px)/1.06 'Sora';letter-spacing:-2.4px}.article-head p{font-size:19px;color:var(--muted)}.article-head>a{font-weight:700;color:var(--saffron-dark)}.article-body{margin-top:46px;font-size:17px}.article-body h2{font:700 30px 'Sora';letter-spacing:-1px;margin-top:40px}.article-cta{margin-top:40px;padding:25px;border:1px solid #efc28e;background:#fff8ee;border-radius:16px}footer{background:#111317;color:#c5c8cd;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}.footer-grid h4{color:#fff}.footer-grid a,.footer-grid span{display:block;margin:7px 0}.footer-grid p{max-width:330px;color:#9fa4ab}.footer-brand{color:#fff}.socials{display:flex;gap:7px;margin-top:15px}.socials a{width:34px;height:34px;border:1px solid #34373d;border-radius:9px;display:grid;place-items:center;font-size:11px}.footer-bottom{border-top:1px solid #2d3035;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;color:#7f858d;font-size:12px}.whatsapp{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:15px;background:#25d366;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;z-index:70;box-shadow:0 10px 30px rgba(37,211,102,.25)}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:76px;left:4%;right:4%;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;margin-top:6px}.dropdown:hover .dropdown-menu{display:block}.menu-btn{display:block}.hero-grid,.split,.content-grid,.contact-layout{grid-template-columns:1fr}.cards,.blog-grid{grid-template-columns:1fr 1fr}.blog-card.featured{grid-column:span 2}.process{grid-template-columns:1fr 1fr}.process div:nth-child(2){border-right:0}.process div:nth-child(-n+2){border-bottom:1px solid var(--line)}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid div:nth-child(2){border-right:0}.strip-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.side-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar .container{font-size:10px}.hero{padding-top:58px}.hero h1{font-size:43px}.hero-grid{gap:34px}.cards,.blog-grid,.service-points,.check-grid,.footer-grid{grid-template-columns:1fr}.blog-card.featured{grid-column:auto}.process,.strip-grid{grid-template-columns:1fr}.process div,.strip-grid div{border-right:0;border-bottom:1px solid var(--line)}.process div:last-child,.strip-grid div:last-child{border-bottom:0}.cta-box{padding:28px;flex-direction:column;align-items:flex-start}.cta-box h2{font-size:31px}.footer-bottom{flex-direction:column;gap:6px}.page-hero h1{font-size:40px}.article-head h1{font-size:40px}}

/* Digitalford supplied logo */
.brand-logo{display:block;width:190px;height:54px;object-fit:contain;object-position:left center}
.footer-brand .brand-logo{width:180px;height:52px}
@media(max-width:640px){.brand-logo{width:150px;height:44px}.footer-brand .brand-logo{width:160px}}
/* Portfolio */
.portfolio-hero{padding:82px 0 58px;background:linear-gradient(135deg,#fff9f2 0%,#fff 56%,#fff2e4 100%);border-bottom:1px solid #ece7df}.portfolio-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}.portfolio-hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 22px}.portfolio-hero h1 span{color:var(--primary,#ff7a00)}.portfolio-hero p{font-size:18px;max-width:720px;color:#56606a;line-height:1.75}.portfolio-summary{display:grid;gap:14px}.portfolio-summary div{background:#fff;border:1px solid #e9e3da;border-radius:18px;padding:22px 24px;box-shadow:0 12px 32px rgba(31,38,45,.06)}.portfolio-summary strong{display:block;font-family:'Sora',sans-serif;font-size:28px;color:#222b33;margin-bottom:4px}.portfolio-summary span{color:#68717a}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{overflow:hidden;border:1px solid #e8e2d9;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(32,38,44,.07);transition:.25s transform,.25s box-shadow}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(32,38,44,.11)}.project-shot{display:block;aspect-ratio:16/10;background:#f3f3f3;overflow:hidden;border-bottom:1px solid #ece7df}.project-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:.45s transform}.project-card:hover .project-shot img{transform:scale(1.025)}.project-body{padding:24px}.project-body h3{font-size:25px;margin:10px 0}.project-body p{color:#66707a;line-height:1.7}.project-tags{display:flex;gap:8px;flex-wrap:wrap}.project-tags span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:#fff3e6;color:#bf5d00}.case-study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.case-card{background:#fff;border:1px solid #e6e0d8;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(31,38,45,.06)}.case-image{background:#f8f8f8;border-bottom:1px solid #ece7df;overflow:auto}.case-image img{width:100%;display:block}.case-content{padding:26px}.case-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d56700;margin-bottom:8px}.case-content h3{font-size:26px;margin:4px 0 18px}.case-content p{color:#65707a;line-height:1.7}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 20px}.case-metrics div{padding:15px 12px;border-radius:14px;background:#fff7ef;border:1px solid #ffe0bd}.case-metrics strong{display:block;font-family:'Sora',sans-serif;font-size:21px;color:#202830}.case-metrics span{font-size:12px;color:#7a685a}.navlinks a.active{color:var(--primary,#ff7a00)}
@media(max-width:900px){.portfolio-hero-grid,.portfolio-grid,.case-study-grid{grid-template-columns:1fr}.portfolio-hero{padding:58px 0 42px}.case-metrics{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.case-metrics{grid-template-columns:1fr}.project-body,.case-content{padding:20px}.portfolio-hero h1{font-size:42px}}

/* Social media icon buttons */
.socials a{display:inline-flex;align-items:center;justify-content:center}
.socials a svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.8}
.socials a svg rect,.socials a svg circle{fill:none}
.socials a svg .fill-dot{fill:currentColor;stroke:none}
.socials a svg .cutout{fill:var(--dark,#20262b);stroke:none}
.whatsapp{display:flex;align-items:center;justify-content:center}
.whatsapp svg{width:25px;height:25px;fill:currentColor}

.article-content{font-size:1.06rem;line-height:1.8}.article-content h2{margin-top:2.2rem;margin-bottom:.7rem}.article-content p{margin:0 0 1.2rem}.blog-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:18px}

/* Portfolio visibility fix */
.portfolio-page .check-grid span,
body .check-grid span{
    color:#ffffff !important;
    background:#202328 !important;
    border-color:#2f343a !important;
    font-weight:700 !important;
}
body .check-grid span::before{
    color:#ff7a00 !important;
    font-weight:900 !important;
}

/* Portfolio screen-view restoration */
.portfolio-page .project-shot{
  display:block;
  overflow:hidden;
  background:#f2f2f2;
  aspect-ratio:1200/760;
}
.portfolio-page .project-shot img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}
.portfolio-page .check-grid span,
.portfolio-page .portfolio-checks span{
  color:#fff !important;
  font-weight:700 !important;
}

/* Portfolio live website screen view */
.portfolio-page .project-shot{
    position:relative;
    overflow:hidden;
    background:#f6f3ef;
    height:220px;
}
.portfolio-page .live-site-preview{
    width:1440px;
    height:900px;
    border:0;
    transform:scale(.255);
    transform-origin:top left;
    pointer-events:none;
    background:#fff;
}
@media (max-width:700px){
  .portfolio-page .project-shot{height:190px}
  .portfolio-page .live-site-preview{
      width:1366px;
      height:768px;
      transform:scale(.245);
  }
}

/* Portfolio feature text visibility only */
.check-grid span{color:#fff!important;font-weight:700!important}
.check-grid span::before{color:#ff7a00!important}

/* Reliable local portfolio screen views */
.project-shot{display:block;overflow:hidden;background:#f7f3ee}
.project-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}

/* Closeable mini contact popup */
.mini-contact{position:fixed;inset:0;z-index:99999;display:none}
.mini-contact.is-open{display:block}
.mini-contact__backdrop{position:absolute;inset:0;background:rgba(16,20,24,.58);backdrop-filter:blur(4px)}
.mini-contact__panel{
  position:absolute;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));
  max-height:calc(100vh - 48px);overflow:auto;background:#fff;border:1px solid #eadfd4;
  border-radius:22px;padding:26px;box-shadow:0 24px 70px rgba(24,31,38,.24)
}
.mini-contact__close{
  position:absolute;right:14px;top:10px;width:38px;height:38px;border:0;border-radius:50%;
  background:#f6f2ed;color:#1f2933;font-size:27px;line-height:1;cursor:pointer
}
.mini-contact__eyebrow{
  display:inline-block;margin-bottom:8px;color:#d95f00;font-size:.78rem;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase
}
.mini-contact__panel h2{margin:0 40px 8px 0;font-size:1.65rem;line-height:1.2}
.mini-contact__panel>p{margin:0 0 18px;color:#66717d;font-size:.95rem}
.mini-contact__panel form{display:grid;gap:13px}
.mini-contact__panel label{display:grid;gap:6px;font-size:.88rem;font-weight:700;color:#29333c}
.mini-contact__panel label span{font-weight:500;color:#89919a}
.mini-contact__panel input,
.mini-contact__panel select,
.mini-contact__panel textarea{
  width:100%;box-sizing:border-box;border:1px solid #dcd7d0;border-radius:12px;
  padding:11px 12px;background:#fff;color:#1d252c;font:inherit;outline:none
}
.mini-contact__panel input:focus,
.mini-contact__panel select:focus,
.mini-contact__panel textarea:focus{border-color:#ff7a00;box-shadow:0 0 0 3px rgba(255,122,0,.12)}
.mini-contact__submit{width:100%;margin-top:2px}
.mini-contact__later{
  border:0;background:transparent;color:#6b747d;font-weight:700;cursor:pointer;padding:4px 0
}
.mini-contact-trigger{
  position:fixed;right:22px;bottom:92px;z-index:9990;border:0;border-radius:999px;
  padding:12px 17px;background:#202328;color:#fff;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.18);
  cursor:pointer
}
.mini-contact-trigger:hover{background:#ff7a00}
body.mini-contact-open{overflow:hidden}
@media(max-width:640px){
  .mini-contact__panel{right:16px;left:16px;bottom:16px;width:auto;max-height:calc(100vh - 32px)}
  .mini-contact-trigger{right:16px;bottom:86px}
}