/* Homepage sales presentation, alongside the existing portfolio styles. */
html{scroll-padding-top:110px}a:focus-visible,button:focus-visible{outline:3px solid #ffb84d;outline-offset:5px}
.sales-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;padding-top:2rem;padding-bottom:3rem}.sales-copy h1{font-family:'Syne',sans-serif;font-size:clamp(2.7rem,5.3vw,4.8rem);line-height:1.08;letter-spacing:-.055em;margin:1.3rem 0 1.6rem}.sales-copy h1 em{color:var(--accent);font-style:normal}.sales-copy>p{color:#bfd0df;font-size:1.08rem;line-height:1.85;max-width:570px}.service-strip{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0;color:#b8c8d9;font-size:.8rem}.service-strip span:before{content:'✓';color:var(--accent);margin-right:.45rem}.sales-note{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:1.8rem;margin-top:2.5rem;border-top:1px solid var(--line);font-size:.68rem;letter-spacing:.1em;color:var(--accent)}.sales-copy .sales-detail{font-size:.85rem;max-width:480px}
.banner-carousel{min-width:0;max-width:440px;width:100%;justify-self:center;background:#101f30;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 24px 65px #0005}.banner-stage{background:#d5dfe5}.banner-slide{margin:0}.banner-slide[hidden]{display:none}.banner-slide img{width:100%;height:510px;object-fit:contain}.banner-slide figcaption{background:#101f30;padding:1rem 1.25rem;font-size:.82rem;color:#c6d5e2}.banner-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 1rem 1rem}.banner-controls span{font-size:.8rem;color:var(--muted)}.banner-pause{width:auto;padding:0 1rem;font-size:.8rem}
.signature-section{padding:3rem 0}.signature-grid,.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.signature-card{border-top:2px solid var(--accent);background:#102235;padding:1.8rem;display:flex;flex-direction:column;align-items:start}.signature-number{font-size:.72rem;letter-spacing:.1em;color:var(--accent)}.signature-card h3{font-family:'Syne',sans-serif;font-size:2.5rem;letter-spacing:-.04em;margin:1.8rem 0 .5rem}.signature-card h3 span{color:var(--accent)}.signature-card h4{font-size:1rem;margin:.2rem 0}.signature-card p,.store-card p{color:#b8c8d9;line-height:1.8;font-size:.92rem}.signature-card>.card-link{margin-top:auto;padding-top:1.5rem}.signature-card--mushaf{background:#10332e}.signature-card .feature-list{font-size:.85rem;gap:.45rem;margin:.5rem 0}.vendor-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}.vendor-tags span{border:1px solid #ffffff24;padding:.4rem .65rem;border-radius:5px;font-size:.8rem}.store-card{display:block;padding:1.6rem;border:1px solid var(--line);border-radius:16px;background:#ffffff05}.store-card:hover{border-color:var(--accent)}.store-card h3{margin:.5rem 0}.external-links{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.external-links a{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border-bottom:1px solid var(--line)}.external-links strong{color:var(--accent)}.external-links span{font-size:.85rem;color:var(--muted)}
.reveal{opacity:1;transform:none}
@media(max-width:1000px){.sales-hero{gap:2rem}.signature-grid{grid-template-columns:1fr 1fr}.signature-card--mushaf{grid-column:1/-1}.store-grid{grid-template-columns:1fr}.nav-links{gap:.6rem}.banner-slide img{height:460px}}
@media(max-width:760px){.sales-hero{grid-template-columns:1fr;gap:2rem;padding-top:1rem}.sales-copy h1{font-size:clamp(2.6rem,9vw,4rem)}.sales-note{gap:1rem}.signature-grid,.external-links{grid-template-columns:1fr}.signature-card--mushaf{grid-column:auto}.banner-slide img{height:auto;aspect-ratio:768/1376;max-height:570px}.site-header__inner{flex-wrap:wrap;padding:.8rem 0;gap:.6rem}.brand__logo{width:40px;height:40px}.brand strong{font-size:.8rem}.nav-cta{font-size:.8rem;padding:.7rem .9rem}.nav-links{display:flex;order:3;width:100%;justify-content:center}.nav-links a{font-size:.78rem}.hero-actions .button{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Theme switch: initialize before paint and preserve the visitor's choice. */
.header-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.header-actions .theme-toggle,.header-actions .nav-cta{height:52px;min-height:52px;box-sizing:border-box;line-height:1;white-space:nowrap}
.header-actions .theme-toggle{appearance:none;min-width:92px;font-size:.875rem;font-weight:700}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.6rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text);font:600 .8rem 'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}
.theme-toggle[hidden]{display:none}.theme-toggle:hover{box-shadow:0 0 0 3px var(--line)}
.theme-toggle__sun,.theme-toggle__moon{font-size:1.1rem;line-height:1}
:root:not([data-theme=light]) .theme-toggle__sun,[data-theme=light] .theme-toggle__moon{display:none}
:root[data-theme=light]{--bg:#f4f8fb;--bg-soft:#eaf2f7;--surface:#fff;--surface-2:#e7eff5;--line:#ccdce6;--text:#122b40;--muted:#526879;--accent:#087b68;--accent-2:#a96612;--accent-3:#176b9f;--panel-shadow:0 16px 48px #17394e0c}
[data-theme=light] body{background:radial-gradient(ellipse at 12% 18%,#cdeee64d,transparent 38%),linear-gradient(180deg,#f4f8fb,#edf4f8)}
[data-theme=light] .site-header{background:#f4f8fbef;border-color:var(--line)}
[data-theme=light] .page-shell::before,[data-theme=light] .page-shell::after{opacity:.1}
[data-theme=light] .sales-copy>p,[data-theme=light] .service-strip,[data-theme=light] .signature-card p,[data-theme=light] .store-card p,[data-theme=light] .section-heading p,[data-theme=light] .feature-list li,[data-theme=light] .carousel-card p,[data-theme=light] .client-card p,[data-theme=light] .client-meta li,[data-theme=light] .contact-banner p,[data-theme=light] .banner-slide figcaption{color:#425e70}
[data-theme=light] .signature-card,[data-theme=light] .store-card,[data-theme=light] .banner-carousel,[data-theme=light] .banner-slide figcaption{background:#fff}
[data-theme=light] .signature-card--mushaf{background:#e7f5ee}
[data-theme=light] .panel,[data-theme=light] .carousel-card,[data-theme=light] .client-card,[data-theme=light] .contact-banner{background:linear-gradient(150deg,#fff,#f5f9fc)}
[data-theme=light] .carousel-card__logo,[data-theme=light] .client-card__cover,[data-theme=light] .logo-fallback{background:#eaf1f6;border-color:var(--line)}
[data-theme=light] .card-link{color:#076653}
[data-theme=light] .tag{background:#dff3ec;color:#075f50;border-color:#b8dfd0}
[data-theme=light] .type-pill,[data-theme=light] .chip{background:#e8f0f6;color:#345568;border-color:var(--line)}
[data-theme=light] .chip-button.is-active{background:#c5ebdf;color:#084d40;border-color:#78bca5}
[data-theme=light] .button--ghost,[data-theme=light] .carousel-button{background:#e8f0f6;border-color:var(--line);color:var(--text)}
[data-theme=light] .button--primary,[data-theme=light] .nav-cta{background:linear-gradient(120deg,#087b68,#126f9a);color:white;box-shadow:0 12px 30px #087b681c}
[data-theme=light] .vendor-tags span,[data-theme=light] .site-footer__inner{border-color:var(--line)}
@media(max-width:1100px){.site-header__inner{flex-wrap:wrap;padding:.8rem 0}.nav-links{order:3;justify-content:center;width:100%}}
@media(max-width:480px){.header-actions{gap:.4rem}.theme-toggle{padding:.5rem .65rem}.header-actions .nav-cta{padding:.7rem .75rem}.brand{gap:.4rem}.brand small{font-size:.65rem}.brand strong{font-size:.72rem}.brand__logo{width:34px;height:34px}.theme-toggle [data-theme-label]{display:none}}

@media(max-width:760px){.header-actions .theme-toggle,.header-actions .nav-cta{height:44px;min-height:44px}}
@media(max-width:480px){.header-actions .theme-toggle{width:44px;min-width:44px;padding:0}}