/* BidBook landing: same ivory, navy and gold identity as the application. */
:root{color-scheme:light;--ink:#172c32;--ink-2:#31494e;--ink-3:#637276;--ink-4:#637276;--line:#dedfd5;--line-soft:#eeece5;--surface:#f5f3ee;--white:#fffefa;--blue:#947137;--blue-dark:#755827;--blue-xdark:#142f36;--blue-lite:#f0e9da;--blue-mid:#deccaa;--gold:#947137;--gold-lite:#f0e9da;--landing-shadow:0 12px 36px #142f3608}
html[data-theme=dark]{color-scheme:dark;--ink:#eeeede;--ink-2:#d4ddcf;--ink-3:#a7b6b6;--ink-4:#a7b6b6;--line:#2b4246;--line-soft:#1a3035;--surface:#0c191d;--white:#13262b;--blue:#d9bc81;--blue-dark:#e8cf9f;--blue-xdark:#0c2026;--blue-lite:#33352b;--blue-mid:#6a614b;--gold:#d9bc81;--gold-lite:#33352b;--landing-shadow:0 12px 36px #0002}
body{background:var(--surface);color:var(--ink)}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.topbar{background:var(--blue-xdark);color:#e5e1d4;font-size:12px;padding:9px 20px;line-height:1.8}
.topbar a{color:#e6cc98}
.nav{position:relative;min-height:76px;background:var(--white);border-color:var(--line);box-shadow:none;padding:12px 40px}
.nav-logo{font:600 31px/1.2 Georgia,serif;color:var(--ink);letter-spacing:-1px}
.nav-logo-badge{background:var(--blue-lite);color:var(--blue-dark);font:600 11px Cairo,sans-serif;letter-spacing:0}
.nav-links{gap:8px}
.nav-links a{color:var(--ink-3);font-size:13px;min-height:44px;display:inline-flex;align-items:center;padding:9px 13px;border-radius:9px}
.nav-links .nav-cta,.btn-p{background:var(--blue-xdark);border:1px solid #486165;color:#f4edda;box-shadow:none}
.nav-links .nav-cta:hover,.btn-p:hover{background:#294b50;color:#f4edda;box-shadow:none}
.hero{max-width:1560px;min-height:0;padding:42px 40px 32px;margin:auto;gap:32px;background:transparent;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.hero::before,.hero::after{display:none}
.hero-text{padding:0;min-width:0}
.hero-kicker{background:var(--blue-lite);border-color:var(--line);color:var(--blue-dark);font-size:11px;padding:7px 10px;margin-bottom:10px}
.kicker-dot{background:var(--gold);box-shadow:none}
.hero-h1{font-size:clamp(28px,3.1vw,43px);line-height:1.55;letter-spacing:-.5px;color:var(--ink);margin:8px 0 16px}
.hero-h1 em{color:var(--blue-dark);background:none;font-style:normal}
.hero-sub{font-size:14px;line-height:1.95;color:var(--ink-3);max-width:760px;margin-bottom:20px}
.hero-sub strong{color:var(--ink)}
.hero-actions{gap:10px;margin-top:18px}
.btn-p,.btn-g,.btn-login-mobile{min-height:48px;border-radius:10px;padding:11px 18px;font-size:13px;box-shadow:none}
.btn-g,.btn-login-mobile{background:var(--white);border:1px solid var(--line);color:var(--ink)}
.hero-trust{margin-top:22px;gap:15px}
.trust-item{color:var(--ink-3);font-size:11px}
.trust-icon{background:var(--blue-lite);color:var(--blue-dark)}
.hero-visual{gap:14px;padding:0;transform:none}
.hw-card{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--landing-shadow);transform:none!important}
.hw-card::before,.hw-card::after{display:none}
.hw-card-header,.hw-list-text{color:var(--ink)}
.hw-card-title{color:var(--ink);font-size:13px}
.hw-card-main{font-size:30px;color:var(--blue-dark)}
.hw-card-sub,.hw-list-gov{color:var(--ink-3)}
.hw-card-badge,.badge-live,.badge-all{background:var(--blue-lite);color:var(--blue-dark);border-color:var(--line);box-shadow:none}
.hw-bar{background:var(--line-soft)}
.hw-bar-fill{background:var(--gold)!important}
.hw-card-link{color:var(--blue-dark);border-color:var(--line)}
.stats-bar{padding:18px 40px;background:var(--surface);border-color:var(--line)}
.stats-bar-inner{max-width:1480px;gap:12px}
.stat-card{padding:18px;background:var(--white);border-color:var(--line);box-shadow:none;border-radius:12px}
.stat-num{font-size:25px;color:var(--blue-dark)}
.stat-label{color:var(--ink-3)}
.dest-section,.process-section,.entities-section,.seo-section{padding:48px 32px;background:var(--surface)}
.section-title,.section-h2,.seo-main-title,.seo-types-h2,.seo-agencies-h2{color:var(--ink)}
.dc,.process-card,.entity-card,.seo-block,.seo-type-card,.faq-item{background:var(--white);border-color:var(--line);box-shadow:none}
.dc::before,.dc::after{display:none}
.dc{padding:24px;border-radius:16px}
.dc-icon,.step-num,.process-step-num,.entity-icon{background:var(--blue-lite);color:var(--blue-dark);box-shadow:none}
.strip-section{background:var(--white);border-color:var(--line);color:var(--ink)}
.tender-section{padding:42px 0;background:var(--surface)}
.tender-section .container{max-width:1480px;width:calc(100% - 64px)}
.tender-section h2{font-size:25px;color:var(--ink)}
.tender-section h2::after{background:var(--gold)}
.tender-section .subtitle{color:var(--ink-3);font-size:14px}
.tender-card{background:var(--white);border:1px solid var(--line);border-radius:15px;box-shadow:none;padding:20px;min-height:0}
.tender-card::before,.tender-card::after{display:none}
.tender-title,.tender-title a{color:var(--ink);font-size:15px;line-height:1.85}
.tender-meta,.tender-description{color:var(--ink-3);font-size:12px;line-height:1.9}
.tender-meta i,.tender-icon i{color:var(--blue-dark)}
.tender-icon{background:var(--blue-lite);color:var(--blue-dark);box-shadow:none}
.tender-prices{border-color:var(--line)}
.tender-prices span{color:var(--ink-3);background:var(--line-soft);border-color:var(--line)}
.tender-footer{border-color:var(--line);background:transparent}
.tender-whatsapp{background:var(--blue-lite);color:var(--blue-dark);border-color:var(--line);box-shadow:none}
.faq-section{padding:48px 32px;gap:36px;max-width:1480px}
.faq-side-title{font-size:27px;line-height:1.6}
.faq-q{font-size:14px;line-height:1.9;min-height:48px}
.faq-q:hover{background:var(--line-soft)}
.faq-a-inner{color:var(--ink-3);font-size:13px;line-height:2}
.agency-tag{background:var(--white);color:var(--ink-3);border-color:var(--line)}
.cta-section{padding:38px 28px;background:var(--blue-xdark)}
.cta-section::before,.cta-section::after{display:none}
.cta-h2{font-size:30px;line-height:1.6;color:#f4edda}
.cta-h2 span{color:#e5c995}
.cta-p{color:#c3d1cb;font-size:14px;line-height:1.9;margin-bottom:20px}
.btn-cta-w{background:#e5cc9b;color:#142f36;box-shadow:none;min-height:48px}
.btn-cta-o{color:#f4edda;min-height:48px;box-shadow:none}
.footer{background:var(--blue-xdark);padding:24px 32px;border-top:1px solid #3c5357}
.footer-logo{font:600 25px Georgia,serif;color:#f4edda}
.footer-links a,.footer-copy{color:#bdcbc6}
.footer-copy{font-size:12px}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);padding:28px 24px}.hero-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.faq-section{grid-template-columns:minmax(0,1fr)}.nav{padding:12px 20px}.nav-links a{font-size:12px;padding:8px}.hero-h1{font-size:34px}}
@media(max-width:600px){.topbar{font-size:10px;padding:7px 14px}.nav{min-height:66px;padding:12px 16px}.nav-logo{font-size:28px}.hero{padding:22px 16px;gap:20px}.hero-h1{font-size:27px;line-height:1.65}.hero-kicker{font-size:10px;margin:0 0 7px!important;max-width:100%;line-height:1.7;white-space:normal}.hero-sub{font-size:13px;line-height:1.95}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-actions .btn-login-mobile{grid-column:1/-1}.btn-p,.btn-g,.btn-login-mobile{font-size:12px;padding:10px 8px}.hero-trust{gap:9px;flex-wrap:wrap;margin-top:16px}.trust-item{font-size:10px}.hero-visual{grid-template-columns:minmax(0,1fr)}.hw-card{padding:16px}.stats-bar{padding:10px 16px 20px}.stats-bar-inner{gap:8px}.stat-card{padding:14px 10px}.stat-num{font-size:23px}.stat-label{font-size:11px}.dest-section,.process-section,.entities-section,.seo-section,.faq-section{padding:28px 16px}.dc{padding:20px}.tender-section{padding:28px 0}.tender-section .container{width:calc(100% - 32px)}.tender-grid{gap:12px}.tender-card{padding:16px}.tender-title{height:auto;font-size:14px;line-height:1.8}.tender-description{font-size:12px;line-height:1.9}.faq-side-title{font-size:23px}.faq-q{font-size:13px;padding:14px}.cta-section{padding:28px 16px}.cta-h2{font-size:25px}.footer{padding:24px 16px}.footer-links{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep component states consistent with the shared palette. */
.dc-today,.dc-all{background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.dc-today{border-color:var(--gold)}
.dc-today:hover,.dc-all:hover{border-color:var(--gold);box-shadow:var(--landing-shadow);transform:translateY(-2px)}
.dc-today .dc-title{color:var(--ink)}
.dc-today .dc-desc,.dc-today .dc-features li{color:var(--ink-3)}
.dc-today .dc-tag,.dc-today .dc-icon-wrap,.dc-today .dc-check{background:var(--blue-lite);color:var(--blue-dark)}
.dc-today .dc-btn,.dc-all .dc-btn{background:var(--blue-xdark);color:#f4edda;border:1px solid #486165;box-shadow:none;min-height:48px}
.dc-today .dc-btn:hover,.dc-all .dc-btn:hover{background:#294b50;color:#f4edda;box-shadow:none}
.section-h2{font-size:clamp(24px,2.5vw,32px);line-height:1.6}
.section-lead{font-size:14px;line-height:1.95;margin-bottom:28px}
.dc-title{line-height:1.6}.dc-tag{margin-bottom:18px}.dc-desc,.dc-features{margin-bottom:22px}
.process-num{background:var(--blue-lite);color:var(--blue-dark);box-shadow:none}
.faq-item.open .faq-arrow{background:var(--blue-xdark)}
.faq-item.open .faq-arrow svg{stroke:#f4edda}
.tender-whatsapp:hover{background:var(--blue-mid);color:var(--ink);box-shadow:none}
.tender-section .container{padding-inline:0}.tender-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tender-card,.hero-visual,.faq-body{min-width:0}
.tender-prices span span{padding:0;border:0;background:none;white-space:normal}
@media(max-width:1024px){.tender-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tender-grid,.dest-grid{grid-template-columns:minmax(0,1fr)}.hero-h1{overflow-wrap:anywhere}.faq-side{position:static}.dc-desc{font-size:13px}.dc-features li{font-size:12px}}

/* The footer follows the selected light/dark surface. */
.footer{background:var(--white);border-color:var(--line)}
.footer-logo{color:var(--ink)}
.footer-links a,.footer-copy{color:var(--ink-3)}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--blue-dark)}