:root{--atlas-night:#302f28;--atlas-amber:#e7b65c;--atlas-orange:#dc773e}
.atlas-hero{background:radial-gradient(ellipse at 93% 84%,#5d4340,transparent 38%),linear-gradient(115deg,#25241e,#424036 68%,#3c3a31);color:#fff;padding:clamp(48px,7vw,108px) 0}.atlas-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(26px,5vw,80px)}.atlas-copy .atlas-label{font-size:12px;letter-spacing:.14em;font-weight:750;color:#f2c577;margin:0 0 18px}.atlas-copy h1{color:white;font-size:clamp(40px,5.5vw,76px);line-height:1.09;letter-spacing:-.045em;margin:0 0 20px}.atlas-copy>p{color:#eae7e3;font-size:17px;line-height:1.72}.atlas-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}.atlas-actions>a{font-weight:700;color:#fff}.atlas-screen{margin:0;background:#fff;border:6px solid #fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #17161266}.atlas-screen img{width:100%;display:block}.atlas-screen figcaption{color:#48463b;padding:10px 12px 6px;font-size:12px;font-weight:650}.atlas-doors{display:grid;grid-template-columns:repeat(3,1fr);margin-block:30px;gap:16px}.atlas-doors a{border:1px solid #e9e6e1;border-left:4px solid #965d35;border-radius:10px;background:white;padding:22px 44px 22px 22px;position:relative;color:#35342b;text-decoration:none}.atlas-doors a:nth-child(2){border-left-color:#ca953b}.atlas-doors a:nth-child(3){border-left-color:#cc7240}.atlas-doors strong,.atlas-doors span{display:block}.atlas-doors strong{font-size:20px}.atlas-doors span{margin-top:5px;color:#796c58;font-size:14px}.atlas-doors b{position:absolute;right:18px;top:20px}.atlas-doors a:hover{background:#fcf8ee}.site-header .atlas-menu.open{display:block!important;overflow:auto;max-height:72vh}.atlas-menu-inner{padding-block:10px}.atlas-all,.atlas-col{background:#fff;border:1px solid #e9e6e1;border-radius:10px;box-shadow:0 12px 28px #23221c20}.atlas-all{display:inline-block;padding:8px 16px;color:#794b2a;font-weight:700;margin-bottom:5px}.atlas-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;align-items:start}.atlas-col{padding:14px;min-width:0}.atlas-col[hidden],.atlas-preview img[hidden]{display:none!important}.atlas-col h3{font-size:14px;color:#6b5f4d;margin:0 0 9px}.atlas-col button{display:block;width:100%;text-align:start;padding:10px;border:0;background:transparent;border-radius:5px;color:#3c3b31;font:inherit;cursor:pointer}.atlas-col button[aria-expanded=true]{background:#fcf2da;color:#54370b}.atlas-preview img{width:100%;max-height:130px;object-fit:contain}.atlas-preview p{font-size:14px;color:#6e624f;margin:10px 0}.page-hero{border-top:3px solid #e1ad5a;background:linear-gradient(115deg,#f6f5f3 0%,#fff 57%,#fdedda)!important}.project-card,.auth-layout,.section .split>.card{border-top:3px solid #d9a147!important}.project-card-body{padding:clamp(18px,3vw,30px)}.auth-brand-panel{background:linear-gradient(145deg,#302f28,#734728 75%,#845133)!important}.auth-submit{background:#4e4c3f;color:white}.section form input,.section form textarea,.section form select{max-width:100%}.atlas-col button:focus-visible{outline:3px solid #756955}.atlas-doors a:focus-visible{outline-offset:3px}
@media(max-width:800px){.atlas-grid,.atlas-doors{grid-template-columns:1fr}.atlas-screen{max-width:600px}.atlas-doors{gap:9px}.atlas-doors a{padding-block:15px}.atlas-columns{grid-template-columns:1fr 1fr}.atlas-copy h1{letter-spacing:-.025em}.site-header .atlas-menu.open{max-height:65dvh}.atlas-col button{min-height:44px}}
@media(max-width:520px){.atlas-columns{grid-template-columns:1fr}.atlas-col{padding:10px}.atlas-copy>p{font-size:16px}.atlas-hero{padding:38px 0}.atlas-col>div{max-height:160px;overflow-y:auto}.atlas-menu .atlas-columns{gap:6px}.atlas-actions{gap:16px}}
.atlas-support{border-left:3px solid #dca048;padding:12px 20px;background:#fff8ea;margin-top:26px}.atlas-support h3{font-size:20px}.atlas-work{grid-column:1/-1;text-align:start;padding:clamp(24px,5vw,64px);background:linear-gradient(110deg,#f5f4f2,#fff6e8)}.atlas-work .button{margin-top:16px}.client-dashboard-card,.auth-form-card{border-top:3px solid #dba44c}.catalog-choice-card:focus-within,.catalog-card:focus-within{outline:2px solid #6c614f}.atlas-hero :lang(bn),.atlas-hero :lang(hi){letter-spacing:normal;line-height:1.45}
.site-header .atlas-menu .atlas-all,.site-header .atlas-menu .atlas-columns{pointer-events:auto}.atlas-col:empty{display:none}

/* The padded space between the navigation and the columns is part of the menu. */
.site-header .mega.atlas-menu.open { pointer-events: auto; }
.atlas-menu .atlas-col button { display: flex; align-items: center; gap: .55rem; }
.atlas-choice-icon { flex: 0 0 1.25rem; display: grid; place-items: center; }
.atlas-choice-icon img { width: 1.25rem; height: 1.25rem; object-fit: contain; }

.site-header .atlas-menu .atlas-col:not(.atlas-preview) { padding: 4px; }
.site-header .atlas-menu .atlas-col button {
  padding: 6px 9px; gap: 8px; min-height: 36px; font-size: .94rem;
  line-height: 1.35; overflow-wrap: anywhere; border-inline-start: 3px solid transparent;
}
.site-header .atlas-menu .atlas-col button[aria-expanded=true] { border-inline-start-color: #ba7515; }
.atlas-choice-icon { width: 24px; height: 24px; flex-basis: 24px; color: #814b15; background: #fbf0d7; border-radius: 6px; }
.atlas-choice-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; stroke-linecap: round; }
.atlas-has-next::after { content: ''; margin-inline-start: auto; flex: 0 0 6px; height: 6px; border: solid #86673e; border-width: 1.6px 1.6px 0 0; transform: rotate(45deg); }
@media (min-width: 801px) {
  .site-header .atlas-columns { grid-template-columns: fit-content(24%) fit-content(22%) fit-content(24%) minmax(0, 1fr); gap: 3px; }
}
@media (pointer: coarse) { .site-header .atlas-menu .atlas-col button { min-height: 44px; } }

@media (max-width: 800px) {
  .site-header .atlas-preview { grid-column: 1 / -1; }
}
.site-header .atlas-preview img {
  display: block;
  height: auto;
  max-height: clamp(10rem, 30vh, 20rem);
  object-fit: contain;
}
.site-header .atlas-preview { overflow-wrap: anywhere; }

@media (min-width: 801px) {
  .site-header .atlas-columns { position: relative; }
  .site-header .atlas-columns > .atlas-col {
    position: relative;
    margin-block-start: var(--branch-top, 0px);
  }
}
@media (max-width: 800px) {
  .site-header .atlas-columns { grid-template-columns: minmax(0, 1fr); }
  .site-header .atlas-col:nth-child(2) { margin-inline-start: 8px; }
  .site-header .atlas-col:nth-child(3) { margin-inline-start: 16px; }
  .site-header .atlas-col > [role=group] { max-height: 10rem; overflow-y: auto; }
}

.site-header .atlas-all {
  display: inline-flex; align-items: center; gap: .6rem;
  min-height: 40px; padding: 4px 7px 4px 10px; margin-bottom: 6px;
  color: #503619; background: linear-gradient(110deg, #fffefb, #fff1d2);
  border: 1px solid #d5b57a; border-radius: 10px;
  box-shadow: 0 3px 10px #49311215; text-decoration: none;
}
.atlas-all img { display: block; width: 24px; height: 24px; object-fit: contain; }
.atlas-heading-arrow {
  display: grid; place-items: center; width: 26px; height: 26px;
  color: #fff7df; background: #5c4126; border-radius: 7px; line-height: 1;
}
.site-header .atlas-all:focus-visible { outline: 2px solid #8a531d; outline-offset: 2px; }
.site-header .atlas-col button[aria-expanded=true] .atlas-choice-icon {
  color: #583407; background: #efcc88;
}
@media (prefers-reduced-motion: no-preference) {
  .atlas-heading-arrow, .atlas-choice-icon, .atlas-has-next::after {
    transition: transform .18s ease-out, background-color .18s ease-out;
  }
  .atlas-all:is(:hover,:focus-visible) .atlas-heading-arrow { transform: translate(1px,-1px); }
  .atlas-col button[aria-expanded=true] .atlas-choice-icon { transform: scale(1.08); }
  .atlas-col button[aria-expanded=true]::after { transform: translateX(2px) rotate(45deg); }
  .atlas-menu :is([data-atlas-groups],[data-atlas-items]) > button {
    animation: atlas-branch-reveal .18s ease-out both;
  }
  @keyframes atlas-branch-reveal {
    from { opacity: .65; transform: translateX(-3px); }
    to { opacity: 1; transform: translateX(0); }
  }
}

.atlas-all .atlas-heading-arrow {
  color: #ffdc80;
  background: linear-gradient(145deg, #394955, #1e2b37);
  box-shadow: inset 0 0 0 1px #b18d49;
}