:where(*,*::before,*::after){box-sizing:border-box}
:where(body){margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.75;-webkit-text-size-adjust:100%}
:where(h1,h2,h3,p,ul,ol,figure,blockquote){margin:0}
:where(ul,ol){padding:0;list-style:none}
:where(img){display:block;max-width:100%;height:auto}
:where(a){color:inherit}
[hidden]{display:none!important}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
section[id]{scroll-margin-top:16px}

.dc-skip{position:absolute;left:-999px;top:8px;z-index:50;padding:8px 14px;background:var(--surface);color:var(--ink)}
.dc-skip:focus{left:8px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
main{display:block}

h2{text-wrap:balance;font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,1.3rem + 2vw,3rem);line-height:1.2;letter-spacing:-.01em}
h3 a{text-decoration:none}
.dc-section{padding-block:clamp(72px,8vw,120px)}
.dc-head{max-width:760px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.dc-head--left{margin-inline:0;text-align:left}
.dc-kicker{margin-bottom:10px;font-size:.95rem;font-weight:600;color:var(--accent-hover)}
.dc-btn--large{padding:14px 30px;font-size:1.0625rem}
.dc-btn--ghost{color:var(--on-dark);background:transparent;box-shadow:inset 0 0 0 1px rgba(246,246,244,.5)}
.dc-btn--ghost:hover,.dc-btn--ghost:focus{color:var(--ink);background:var(--on-dark)}

.dc-checks li{position:relative;padding-left:28px;margin-top:12px;line-height:1.6}
.dc-checks li::before{content:"";position:absolute;left:2px;top:.42em;width:13px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}

/* Hero */
.dc-hero{background:var(--ink);color:var(--on-dark);overflow:hidden}
.dc-hero__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:center;padding-block:136px 64px}
.dc-hero .dc-kicker{color:var(--on-dark-muted)}
.dc-hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.3rem,1.3rem + 3.6vw,4.4rem);line-height:1.14;letter-spacing:-.015em}
.dc-hero__lead{max-width:32em;margin-top:22px;font-size:1.15rem;color:var(--on-dark-muted)}
.dc-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.dc-hero__art{display:grid;grid-template-columns:5fr 3fr;gap:14px}
.dc-hero__art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-md)}
.dc-hero__art img:first-child{grid-row:span 2}
.dc-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:26px;border-top:1px solid var(--panel-line);color:var(--on-dark-muted);font-size:.975rem}
.dc-hero__facts strong{display:block;font-family:var(--font-display);font-size:1.3rem;font-weight:650;line-height:1.35;color:var(--on-dark)}

/* Services */
.dc-services__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}
.dc-service__media{display:block;overflow:hidden;border-radius:var(--r-md);background:var(--line)}
.dc-service__media img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}
.dc-service:hover .dc-service__media img{transform:scale(1.03)}
.dc-service h3{margin-top:18px;font-family:var(--font-display);font-weight:700;font-size:1.4rem;line-height:1.3}
.dc-service h3 a:hover{color:var(--accent-hover)}
.dc-service p{margin-top:6px;max-width:42ch;font-size:.975rem;line-height:1.7;color:var(--muted)}
.dc-service .dc-service__price{margin-top:10px;font-weight:600;color:var(--ink)}

/* Portfolio */
.dc-work{padding-block:clamp(72px,8vw,120px);background:var(--ink);color:var(--on-dark)}
.dc-work .dc-kicker{color:var(--on-dark-muted)}
.dc-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.dc-filter{padding:9px 16px;font:inherit;font-size:.95rem;font-weight:500;line-height:1.4;color:var(--on-dark);background:transparent;border:1px solid var(--panel-line);border-radius:var(--r-sm);cursor:pointer;transition:background-color .15s,border-color .15s}
.dc-filter span{margin-left:4px;color:var(--on-dark-muted);font-size:.85rem}
.dc-filter:hover{border-color:var(--on-dark-muted)}
.dc-filter[aria-pressed=true]{color:var(--ink);background:var(--on-dark);border-color:var(--on-dark)}
.dc-filter[aria-pressed=true] span{color:var(--muted)}
.dc-work__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dc-work__item a{display:block;overflow:hidden;border-radius:var(--r-md);background:var(--panel);cursor:zoom-in}
.dc-work__item img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .35s}
.dc-work__item a:hover img{transform:scale(1.04)}
.dc-work__more{margin-top:36px;text-align:center}
.dc-work__more:has([hidden]){display:none}

.dc-lightbox{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;background:rgba(14,14,16,.96);border:0;color:var(--on-dark)}
.dc-lightbox[open]{display:flex;align-items:center;justify-content:center}
.dc-lightbox::backdrop{background:rgba(14,14,16,.96)}
.dc-lightbox figure{display:flex;flex-direction:column;align-items:center;max-width:min(1100px,calc(100vw - 120px))}
.dc-lightbox img{max-height:calc(100dvh - 110px);width:auto;border-radius:var(--r-sm)}
.dc-lightbox figcaption{margin-top:12px;font-size:.95rem;text-align:center;color:var(--on-dark-muted)}
.dc-lightbox button{position:absolute;display:grid;place-items:center;width:48px;height:48px;font:400 2rem/1 var(--font-body);color:var(--on-dark);background:var(--panel);border:1px solid var(--panel-line);border-radius:50%;cursor:pointer}
.dc-lightbox button:hover{background:var(--panel-line)}
.dc-lightbox__close{top:16px;right:16px}
.dc-lightbox__nav--prev{left:16px;top:50%;transform:translateY(-50%)}
.dc-lightbox__nav--next{right:16px;top:50%;transform:translateY(-50%)}

/* Testimonials */
.dc-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dc-quote{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}
.dc-quote blockquote{font-size:1.0625rem;line-height:1.8}
.dc-quote strong{display:block;font-family:var(--font-display);font-size:1.05rem;line-height:1.4}
.dc-quote span{font-size:.9rem;color:var(--muted)}

/* Pricing */
.dc-pricing{padding-block:clamp(72px,8vw,120px);background:var(--surface);border-block:1px solid var(--line)}
.dc-pricing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;border:1px solid var(--line);border-radius:var(--r-md)}
.dc-plan{display:flex;flex-direction:column;padding:40px 34px}
.dc-plan + .dc-plan{border-left:1px solid var(--line)}
.dc-plan--main{margin:-14px -1px;padding:54px 34px;background:var(--ink);color:var(--on-dark);border:0!important;border-radius:var(--r-md);position:relative;z-index:1}
.dc-plan h3{font-family:var(--font-display);font-weight:700;font-size:1.4rem;line-height:1.3}
.dc-plan__price{margin-top:14px;padding-bottom:22px;border-bottom:1px solid var(--line);color:var(--muted)}
.dc-plan__price strong{display:block;font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.15;color:var(--ink)}
.dc-plan--main .dc-plan__price{border-color:var(--panel-line);color:var(--on-dark-muted)}
.dc-plan--main .dc-plan__price strong{color:var(--on-dark)}
.dc-plan .dc-checks{margin:10px 0 28px}
.dc-plan .dc-btn{margin-top:auto;text-align:center}
.dc-pricing__note{max-width:640px;margin:40px auto 0;text-align:center;font-size:.95rem;color:var(--muted)}

/* How it works */
.dc-process__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;counter-reset:step}
.dc-process__list li{counter-increment:step;padding-top:20px;border-top:1px solid var(--ink)}
.dc-process__list li::before{content:counter(step,bengali);display:block;font-family:var(--font-display);font-weight:700;font-size:2.6rem;line-height:1.2;color:var(--accent)}
.dc-process h3{margin-top:10px;font-family:var(--font-display);font-weight:700;font-size:1.25rem;line-height:1.35}
.dc-process p{margin-top:8px;font-size:.975rem;line-height:1.7;color:var(--muted)}

/* FAQ */
.dc-faq{padding-block:0 clamp(72px,8vw,120px)}
.dc-faq__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px}
.dc-faq details{border-bottom:1px solid var(--line)}
.dc-faq details:first-child{border-top:1px solid var(--line)}
.dc-faq summary{position:relative;padding:22px 40px 22px 0;font-family:var(--font-display);font-weight:600;font-size:1.2rem;line-height:1.4;cursor:pointer;list-style:none}
.dc-faq summary::-webkit-details-marker{display:none}
.dc-faq summary::after{content:"+";position:absolute;right:4px;top:16px;font-size:1.7rem;font-weight:300;color:var(--accent)}
.dc-faq details[open] summary::after{content:"\2212"}
.dc-faq details p{padding-bottom:22px;max-width:64ch;color:var(--muted)}

.dc-ad{padding-block:0 48px;text-align:center}

/* Blog */
#blog{border-top:1px solid var(--line)}
.dc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:36px}
.dc-section-head>a{flex:none;font-weight:600;color:var(--accent-hover);text-underline-offset:4px}
.dc-latest__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.dc-tile h3{margin-top:14px;font-family:var(--font-display);font-weight:600;font-size:1.15rem;line-height:1.4}
.dc-tile h3 a:hover{color:var(--accent-hover)}
.dc-thumb{display:block;overflow:hidden;border-radius:var(--r-md);background:var(--line)}
.dc-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.dc-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:.84rem;line-height:1.5;color:var(--muted)}
.dc-meta a{color:var(--accent-hover);text-decoration:none;font-weight:500}
.dc-meta a:hover{text-decoration:underline}

/* Blog page */
.dc-blog{padding-block:48px 88px}
.dc-blog h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,1.4rem + 2.2vw,3.2rem);line-height:1.2}
.dc-search{display:flex;max-width:560px;margin-block:22px 14px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}
.dc-search input{flex:1;min-width:0;height:44px;padding:0 12px;font:inherit;color:var(--ink);background:transparent;border:0}
.dc-search input::placeholder{color:var(--muted)}
.dc-search button{height:44px;padding:0 20px;font:inherit;font-weight:600;line-height:1;color:#fff;background:var(--accent);border:0;border-radius:4px;cursor:pointer}
.dc-blog__list{max-width:860px}
.dc-row{padding-block:20px;border-top:1px solid var(--line)}
.dc-row:first-child{border-top:0}
.dc-row--image{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start}
.dc-row__title{font-family:var(--font-display);font-weight:600;font-size:1.15rem;line-height:1.4}
.dc-row__title a{text-decoration:none}
.dc-row__title a:hover{color:var(--accent-hover)}
.dc-row__excerpt{margin-top:4px;font-size:.95rem;line-height:1.7;color:var(--muted)}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.page-numbers{display:inline-block;min-width:42px;padding:8px 12px;text-align:center;line-height:1.5;border:1px solid var(--line);border-radius:var(--r-sm);text-decoration:none}
a.page-numbers:hover{border-color:var(--ink)}
.page-numbers.current{color:#fff;background:var(--ink);border-color:var(--ink)}
.page-numbers.dots{border:0}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media (prefers-reduced-motion:reduce){.dc-service__media img,.dc-work__item img{transition:none}}
@media (max-width:1000px){
	.dc-work__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.dc-process__list{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dc-pricing__grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
	.dc-plan + .dc-plan{border-left:0;border-top:1px solid var(--line)}
	.dc-plan--main{margin:0;padding:40px 34px}
	.dc-quotes{grid-template-columns:1fr}
}
@media (max-width:900px){
	.dc-hero__grid{grid-template-columns:1fr;gap:40px;padding-block:112px 40px}
	.dc-services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dc-faq__grid{grid-template-columns:1fr;gap:24px}
	.dc-latest__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
	.dc-hero__facts{grid-template-columns:1fr;gap:12px}
	.dc-services__grid{grid-template-columns:1fr}
	.dc-work__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
	.dc-filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);padding-bottom:4px}
	.dc-filter{flex:none}
	.dc-section-head{flex-direction:column;align-items:flex-start}
	.dc-row--image{grid-template-columns:96px minmax(0,1fr);gap:12px}
	.dc-lightbox figure{max-width:calc(100vw - 24px)}
	.dc-lightbox__nav--prev,.dc-lightbox__nav--next{top:auto;bottom:16px;transform:none}
	.dc-lightbox img{max-height:calc(100dvh - 180px)}
}