/* tenders.best — product-led visual refinement */
:root {
  --bg: #f6f5f8;
  --surface: #fff;
  --ink: #252222;
  --ink-2: #49444f;
  --muted: #77717f;
  --line: #ebe8ef;
  --line-2: #ddd8e5;
  --blue: #2c0afb;
  --blue-deep: #2210ad;
  --violet: #6d3bea;
  --magenta: #bb25e7;
  --green: #18a66a;
  --grad-brand: linear-gradient(135deg, #2c0afb 0%, #7141ec 100%);
  --grad-brand-soft: linear-gradient(135deg, #2c0afb 0%, #9b67ef 100%);
  --shadow-card: 0 20px 55px -38px rgba(35, 20, 74, .34), 0 1px 2px rgba(35, 20, 74, .04);
  --shadow-float: 0 24px 60px -30px rgba(35, 20, 74, .34), 0 2px 8px rgba(35, 20, 74, .05);
  --shadow-btn: 0 14px 28px -16px rgba(44, 10, 251, .58);
  --r-xl: 36px;
  --r-lg: 28px;
  --container: 1320px;
}

body { background: var(--bg); }
.page-aura { background: radial-gradient(44% 34% at 8% 11%, rgba(155, 103, 239, .09), transparent 70%), radial-gradient(42% 32% at 94% 21%, rgba(44, 10, 251, .06), transparent 72%); }
.eyebrow { padding: 7px 11px; border-radius: 999px; color: #5c34ce; background: #eee9fb; font-size: 11px; font-weight: 700; letter-spacing: .07em; }
.section { padding: 110px 0; }
.section-head { max-width: 760px; margin-bottom: 54px; }
.section-head h2 { font-size: clamp(34px, 4vw, 50px); letter-spacing: -.045em; }
.section-head p { max-width: 640px; margin-left: auto; margin-right: auto; color: #7a7481; }

.header { top: 18px; }
.header__bar { height: 66px; padding: 0 10px 0 18px; background: rgba(255,255,255,.82); border-color: rgba(255,255,255,.92); box-shadow: 0 12px 38px -28px rgba(37,34,34,.5); -webkit-backdrop-filter: blur(18px) saturate(1.2); backdrop-filter: blur(18px) saturate(1.2); }
.header.is-scrolled .header__bar { height: 62px; box-shadow: 0 18px 42px -28px rgba(37,34,34,.48); }
.brand__mark { width: 36px; height: 36px; }
.brand__name { color: #252222; font-size: 18px; }
.brand__name b { color: #2c0afb; }
.nav a { font-size: 13.5px; font-weight: 600; color: #5d5762; }
.nav a:hover, .nav a.is-active { color: #2c0afb; background: #f1eff8; }
.btn { transition: box-shadow .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease; }
.btn:hover, .btn:active { transform: none; }
.btn--primary { background: #2c0afb; box-shadow: var(--shadow-btn); }
.btn--primary:hover { background: #3d1cfe; box-shadow: 0 16px 32px -18px rgba(44,10,251,.72); }
.btn--ghost { border-color: #ded9e7; background: rgba(255,255,255,.72); }
.btn--ghost:hover { border-color: #b9a9e8; color: #2c0afb; background: #fff; }

/* Hero: one clear product story, no decorative icon confetti. */
.hero { padding: 12px 12px 0; }
.hero__card { min-height: 790px; border: 1px solid rgba(225,220,233,.72); background: linear-gradient(100deg, #fff 0%, #fff 49%, rgba(245,241,252,.96) 74%, #eee8fa 100%); box-shadow: 0 34px 90px -56px rgba(40,20,80,.35); }
.hero__card::after { content: ""; position: absolute; right: -8%; bottom: -35%; width: 64%; height: 90%; border-radius: 50%; background: radial-gradient(circle, rgba(155,103,239,.15), rgba(155,103,239,0) 68%); pointer-events: none; }
.hero__glow { display: none; }
.hero__inner { min-height: 790px; grid-template-columns: .92fr 1.18fr; gap: 34px; padding: 112px 28px 0; }
.hero__copy { max-width: 610px; padding: 38px 0 88px 34px; }
.hero__copy .eyebrow { margin-bottom: 22px; }
.hero__title { max-width: 600px; font-size: clamp(46px, 5.1vw, 72px); line-height: .99; letter-spacing: -.055em; }
.hero__lead { max-width: 555px; margin-top: 25px; color: #746e79; font-size: 17px; line-height: 1.7; }
.hero__cta { margin-top: 30px; }
.hero__cta .btn { min-height: 54px; padding: 17px 24px; }
.hero__proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; width: min(560px,100%); margin-top: 42px; color: var(--muted); }
.hero__proof li { display: block; padding: 0 18px; border-left: 1px solid #dfdbe5; }
.hero__proof li:first-child { padding-left: 0; border-left: 0; }
.hero__proof b { display: block; margin-bottom: 2px; color: #252222; font-family: var(--font-head); font-size: 14px; font-weight: 800; }
.hero__proof span { display: block; font-size: 11.5px; line-height: 1.4; }
.hero__visual { height: 675px; align-self: end; }
.hero__scene { overflow: visible; }
.laptop { left: -22px; top: 82px; width: 610px; z-index: 1; }
.laptop__screen { padding: 10px 10px 12px; border: 1px solid #2a2734; border-bottom: 0; border-radius: 22px 22px 6px 6px; background: #282530; box-shadow: 0 34px 70px -30px rgba(41,28,66,.44); }
.laptop__base { height: 16px; margin: 0 -24px; background: linear-gradient(180deg,#d8d7dc,#a9a7ad); box-shadow: 0 12px 24px -14px rgba(37,34,34,.48); }
.laptop__notch { height: 4px; background: #8d8993; }
.laptop .dash { min-height: 430px; border-radius: 11px; overflow: hidden; background: #f8f7fb; }
.laptop .dash__side { width: 116px; padding: 15px 10px; background: #fff; border-right-color: #ebe8f0; }
.laptop .dash__logo { color: #2c0afb; font-size: 9px; }
.laptop .dash__logo img { width: 18px; height: 18px; }
.laptop .dash__nav { min-height: 27px; padding: 0 8px; border-radius: 7px; font-size: 8px; color: #77717f; }
.laptop .dash__nav.is-active { color: #2c0afb; background: #ece9ff; }
.laptop .dash__main { padding: 15px 15px 18px; background: #f8f7fb; }
.laptop .dash__top h4 { color: #252222; }
.laptop .kpi { border-color: #ebe8ef; border-radius: 10px; box-shadow: none; }
.laptop .kpi--accent { color: #fff; background: #2c0afb; }
.laptop .panel { border-color: #ebe8ef; box-shadow: none; }
.hero__person { right: -30px; bottom: -3px; width: 500px; z-index: 4; }
.hero__person img { filter: drop-shadow(0 28px 34px rgba(47,35,60,.16)); transition: none; }
.hero__scene > .badge { display: none; }
.float-card { z-index: 6; min-width: 190px; padding: 11px 13px; border-color: rgba(218,213,228,.9); border-radius: 14px; box-shadow: 0 20px 45px -25px rgba(37,34,34,.42); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); transition: none; }
.float-card__ico { width: 34px; height: 34px; border-radius: 9px; }
.float-card__ico--green { background: #e9f8f1; color: #148458; }
.float-card__ico--gold { background: #fff5d8; color: #9b6a00; }
.float-card small { font-size: 10px; }
.float-card strong { font-size: 12px; }
.float-card em { font-size: 10px; }
.fc-win { left: 8px; right: auto; top: 42px; bottom: auto; }
.fc-deadline { right: 4px; bottom: 76px; }
.hero__visual:hover .badge, .hero__visual:hover .float-card, .hero__visual:hover .hero__person img { transform: none; }

/* Product sections: clear hierarchy and restrained surfaces. */
.tabs { width: fit-content; max-width: 100%; margin-left: auto; margin-right: auto; padding: 5px; border: 1px solid #e8e4ed; background: rgba(255,255,255,.82); box-shadow: 0 12px 35px -30px rgba(37,34,34,.45); }
.tab { font-size: 13px; color: #6f6876; }
.tab.is-active { color: #fff; background: #2c0afb; box-shadow: 0 8px 20px -14px rgba(44,10,251,.7); }
.showcase { margin-top: 28px; }
.showcase__panel { min-height: 480px; padding: 56px; border: 1px solid #e9e6ed; border-radius: 30px; background: #fff; box-shadow: 0 28px 68px -52px rgba(37,34,34,.38); }
.showcase__copy h3 { font-size: clamp(28px,3vw,42px); letter-spacing: -.04em; }
.showcase__copy p { color: #77717f; }
.showcase__visual { background: #f4f1fa; border-radius: 26px; }
.why { margin: 22px 12px 0; border-radius: 36px; background: linear-gradient(135deg,#281468 0%,#3d1a9a 56%,#6225c7 100%); box-shadow: 0 36px 80px -55px rgba(49,23,112,.68); }
.why::before { opacity: .35; }
.why__item { padding: 24px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.96); box-shadow: 0 18px 40px -30px rgba(0,0,0,.42); transition: border-color .25s ease; }
.why__item:hover { transform: none; box-shadow: 0 18px 40px -30px rgba(0,0,0,.42); border-color: rgba(255,255,255,.38); }
.features__grid { gap: 20px; }
.feature { border: 1px solid #e9e6ed; border-radius: 28px; background: #fff; box-shadow: 0 22px 54px -46px rgba(37,34,34,.42); transition: border-color .25s ease, box-shadow .25s ease; }
.feature:hover { transform: none; border-color: #d9d1e7; box-shadow: 0 24px 56px -44px rgba(37,34,34,.46); }
.feature__bg { opacity: .7; }
.feature:hover .doc-card--1, .feature:hover .doc-card--3, .orbit__node:hover { transform: none; }
.scene { border-radius: 28px; }
.scene .badge { display: none; }
.scene__float { transition: none; }
.step { border: 1px solid transparent; transition: border-color .25s ease, background-color .25s ease; }
.step:not(.step--accent):hover { transform: none; border-color: #e5e0eb; box-shadow: none; background: #fff; }
.step--accent,
.step--accent:hover { color: #fff; background: #2c0afb; border-color: #2c0afb; box-shadow: 0 20px 44px -30px rgba(44,10,251,.72); transform: none; }
.step--accent h3 { color: #fff; }
.step--accent p { color: rgba(255,255,255,.78); }
.step--accent .step__ico { color: #fff; background: rgba(255,255,255,.13); }
.step--accent .step__num { color: #2c0afb; background: #fff; }
.step__num { color: #2c0afb; background: #ece9ff; }
.team-row > div:nth-child(2) { min-width: 0; }
.team-load { width: 78px; margin-left: auto; flex: none; }
.team-load > span { display: block; margin-bottom: 5px; color: #746e79; font-size: 9px; font-weight: 700; text-align: right; }
.team-load .progress { width: 100%; height: 5px; margin: 0; }
.testi__slider { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.testi__track { border: 1px solid #e8e4ed; border-radius: 28px; box-shadow: 0 22px 55px -46px rgba(37,34,34,.46); }
.testi__result { border-radius: 22px; background: #f1edff; color: #2b1768; }
.testi__arrow { border: 1px solid #e7e1ee; box-shadow: 0 16px 36px -26px rgba(37,34,34,.5); }
.testi__arrow:hover { color: #fff; background: #2c0afb; }
.testi__dots { gap: 12px; margin-top: 28px; }
.testi__dots button,
.testi__dots button.is-active { width: 10px; height: 10px; border: 2px solid #cfc8d8; border-radius: 50%; background: transparent; transition: border-color .2s ease, background-color .2s ease, transform .2s ease; }
.testi__dots button.is-active { border-color: #2c0afb; background: #2c0afb; transform: scale(1.12); }
.logos { display: none; }

.footer { padding: 16px 12px 12px; }
.footer__card { border-radius: 36px; color: #fff; background: #211d2a; box-shadow: 0 34px 78px -52px rgba(0,0,0,.65); }
.footer .brand__name, .footer__col h4, .footer__cta h2 { color: #fff; }
.footer .brand__name b { color: #aa8cff; }
.footer__brand p, .footer__col a, .footer__col span, .footer__bottom { color: #aaa4b0; }
.footer__col a:hover { color: #fff; }
.footer__cta { border-color: rgba(255,255,255,.12); }
.footer__bottom { border-color: rgba(255,255,255,.1); }
.newsletter { position: relative; border-color: rgba(255,255,255,.16); background: #fff; }
.newsletter__status { position: absolute; left: 16px; top: calc(100% + 8px); font-size: 11px; color: #c8becf; white-space: nowrap; }
.newsletter button:disabled { opacity: .72; cursor: wait; }
.cta-circle { background: #2c0afb; box-shadow: none; }
.cta-circle::before { display: none; }
.cta-circle:hover { transform: none; background: #4929ff; }
.footer__langs button { color: #d6d1db; border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.06); }

/* Reveal once; never move content merely because the pointer entered. */
[data-reveal] { transform: translateY(12px); transition-duration: .55s; }
.badge, .float-card, .hero__person img, .why__item, .feature, .step { will-change: auto; }

@media (max-width: 1180px) {
  .hero__inner { grid-template-columns: .94fr 1.06fr; }
  .hero__title { font-size: clamp(44px,5.3vw,62px); }
  .laptop { left: -10px; width: 540px; }
  .hero__person { width: 455px; }
  .fc-win { left: -4px; }
}
@media (max-width: 980px) {
  .hero__card, .hero__inner { min-height: 0; }
  .hero__inner { grid-template-columns: 1fr; padding-top: 110px; }
  .hero__copy { padding: 28px 10px 14px; max-width: 720px; }
  .hero__visual { height: 625px; }
  .laptop { left: 3%; top: 52px; width: min(620px,78%); }
  .hero__person { right: 4%; width: 440px; }
  .fc-win { left: 5%; top: 20px; }
  .fc-deadline { right: 4%; bottom: 58px; }
  .showcase__panel { padding: 38px; }
}
@media (max-width: 700px) {
  .section { padding: 82px 0; }
  .header { top: 8px; }
  .header__bar { height: 58px; padding-left: 12px; }
  .hero { padding: 6px 6px 0; }
  .hero__card { border-radius: 26px; }
  .hero__inner { padding: 86px 16px 0; }
  .hero__copy { padding: 18px 2px 26px; }
  .hero__title { font-size: clamp(39px,12vw,52px); }
  .hero__lead { font-size: 15.5px; line-height: 1.65; }
  .hero__cta { display: grid; grid-template-columns: 1fr; }
  .hero__cta .btn { width: 100%; }
  .hero__proof { gap: 12px; }
  .hero__proof li { padding: 0 9px; }
  .hero__proof span { font-size: 10px; }
  .hero__visual { height: 470px; }
  .laptop { left: -7%; top: 32px; width: 105%; }
  .laptop .dash { min-height: 310px; }
  .hero__person { right: -7%; width: 310px; }
  .fc-win { left: 0; top: 12px; min-width: 160px; }
  .fc-deadline { right: -2px; bottom: 28px; min-width: 170px; }
  .showcase__panel { padding: 26px 20px; border-radius: 24px; }
  .why { margin-left: 6px; margin-right: 6px; border-radius: 28px; }
  .feature, .testi__slider, .footer__card { border-radius: 26px; }
}