/* A copy of lifeone.si/predstavitev: its page rules in their original order, then its video modal, fonts, base and the
   few utilities its buttons use. Only the last block is ours (native video, FAQ icons, sign-up popup). */

.lw-buyers { --ink: #0b1220; --mute: #8a94a6; --line: #e3e8ef; --card: #f4f6f9; --blue: #1c6fd1; --sky: #6fb6ff; --ice: #eaf4ff; --mint: #8fd4c4; background: rgb(255, 255, 255); color: var(--ink); font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
.lw-buyers * { box-sizing: border-box; }
.lw-buyers .wrap { max-width: 1240px; margin: 0px auto; padding: 0px 28px; }
.lw-buyers h1, .lw-buyers h2, .lw-buyers h3 { font-weight: 400; letter-spacing: 0px; line-height: 1.05; margin: 0px; }
.lw-buyers h2 { font-size: clamp(2rem, 4vw, 3.25rem); }
.lw-buyers p { margin: 0px; line-height: 1.6; }
.lw-buyers .small { font-size: 0.95rem; color: rgb(43, 52, 69); }
.lw-buyers section { padding: 110px 0px; }
.lw-buyers .hero { padding: 150px 0px 40px; text-align: center; background: linear-gradient(180deg,var(--ice) 0%,#fff 75%); margin-top: -70px; }
.lw-buyers .hero h1 { font-size: clamp(2.4rem, 5.6vw, 4.6rem); }
.lw-buyers .hero p { max-width: 640px; margin: 22px auto 0px; }
.lw-buyers .video-box { aspect-ratio: 16 / 9; background: var(--card); overflow: hidden; display: grid; place-items: center; color: var(--mute); box-shadow: rgba(28, 111, 209, 0.35) 0px 30px 80px -30px; }
.lw-buyers .split { display: grid; grid-template-columns: 1fr 1.15fr; gap: 64px; align-items: center; }
.lw-buyers .split p { margin: 22px 0px 30px; max-width: 460px; }
.lw-buyers .figure { position: relative; overflow: hidden; }
.lw-buyers .figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lw-buyers .card { background: var(--card); padding: 28px; display: flex; flex-direction: column; min-height: 320px; }
.lw-buyers .card h3 { font-size: 1.45rem; margin-top: auto; }
.lw-buyers .card p { margin: 14px 0px 22px; color: rgb(43, 52, 69); font-size: 0.95rem; }
.lw-buyers .faq { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; }
.lw-buyers .faq-item { border-bottom: 1px solid var(--line); }
.lw-buyers .faq-item button { width: 100%; background: none; border: 0px; text-align: left; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1.3rem; padding: 24px 0px; display: flex; justify-content: space-between; cursor: pointer; color: var(--ink); }
.lw-buyers .faq-item .ans { color: rgb(91, 101, 119); padding-bottom: 24px; max-width: 560px; }
.lw-buyers .faq-item.open { border-color: var(--ink); }
.lw-buyers .foot { background: rgb(5, 7, 12); color: rgb(255, 255, 255); border-radius: 22px; margin: 0px 28px 28px; padding: 90px 48px 30px; }
.lw-buyers .foot .cta { text-align: center; max-width: 640px; margin: 0px auto 90px; }
.lw-buyers .foot .cta p { color: rgba(255, 255, 255, 0.75); margin: 20px 0px 0px; }
.lw-buyers .foot a { color: inherit; text-decoration: none; }
.lw-buyers .foot img { height: 30px; filter: brightness(0) invert(1); }
.lw-buyers .copy { border-top: 1px solid rgba(255, 255, 255, 0.12); margin-top: 50px; padding-top: 24px; text-align: center; font-size: 0.85rem; color: rgba(255, 255, 255, 0.6); }
@media (max-width: 900px) {
.lw-buyers section { padding: 70px 0px; }
.lw-buyers .split, .lw-buyers .faq, .lw-buyers .foot-grid { grid-template-columns: 1fr; gap: 36px; }
.lw-buyers .foot { margin: 0px 12px 12px; padding: 60px 24px 24px; }
}
.lw-buyers .hero { position: relative; overflow: hidden; margin-top: 0px; padding: 36px 0px 40px; }
.lw-buyers .hero-bg { position: absolute; left: 50%; top: 52%; transform: translate(-50%, -50%); width: 135%; max-width: none; opacity: 0.55; mix-blend-mode: multiply; pointer-events: none; mask-image: radial-gradient(60% 55%, rgb(0, 0, 0) 40%, transparent 85%); }
:is(.lw-buyers, .lw-player) .hero-video { max-width: 980px; margin: 44px auto 10px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.55); box-shadow: rgba(28, 111, 209, 0.35) 0px 30px 80px -30px, rgba(255, 255, 255, 0.18) 0px 0px 0px 8px, rgba(255, 255, 255, 0.6) 0px 1px inset; backdrop-filter: blur(18px); }
.lw-buyers .foot .cta { max-width: none; }
.lw-buyers .foot .cta p { white-space: nowrap; }
@media (max-width: 900px) {
.lw-buyers .hero { padding-top: 60px; }
.lw-buyers .hero-bg { width: 260%; }
.lw-buyers .foot .cta h2, .lw-buyers .foot .cta p { white-space: normal !important; }
}
.lw-buyers p { font-size: 1.15rem; }
.lw-buyers .small { font-size: 1.2rem; line-height: 1.65; }
.lw-buyers h2 { font-size: clamp(2.3rem, 4.6vw, 3.8rem); }
.lw-buyers .hero h1 { font-size: clamp(2.6rem, 6vw, 5rem); }
.lw-buyers .hero p { max-width: 760px; }
.lw-buyers .card h3, .lw-buyers .c-item h3 { font-size: 1.8rem; }
.lw-buyers .card p { font-size: 1.12rem; }
.lw-buyers .faq-item button { font-size: 1.45rem; }
.lw-buyers .faq-item .ans { font-size: 1.12rem; }
.lw-buyers .split p { max-width: 520px; }
.lw-buyers .top-logo { display: block; width: min(200px, 50vw); height: auto; margin: 0px auto 36px; }
:is(.lw-buyers, .lw-player) .hero-video { position: relative; }
:is(.lw-buyers, .lw-player) .play-overlay { position: absolute; inset: 0px; border: 0px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; background: rgba(5, 15, 35, 0.28); color: rgb(255, 255, 255); font: inherit; }
:is(.lw-buyers, .lw-player) .play-btn { width: 112px; height: 112px; border-radius: 50%; background: rgb(255, 255, 255); color: var(--blue); display: grid; place-items: center; box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 14px, rgba(0, 0, 0, 0.35) 0px 20px 50px; transition: transform 0.2s; animation: 2.2s ease-in-out 0s infinite normal none running lwb-pulse; }
:is(.lw-buyers, .lw-player) .play-btn svg { width: 64px; height: 64px; display: block; }
:is(.lw-buyers, .lw-player) .play-overlay:hover .play-btn { transform: scale(1.06); }
:is(.lw-buyers, .lw-player) .play-text { font-size: 1.15rem; font-weight: 500; color: rgb(255, 255, 255); padding: 12px 26px; border-radius: 999px; background: rgba(20, 30, 50, 0.38); border: 1px solid rgba(255, 255, 255, 0.45); backdrop-filter: blur(14px); box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 28px, rgba(255, 255, 255, 0.35) 0px 1px inset; }
@keyframes lwb-pulse { 
  50% { box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 22px, rgba(0, 0, 0, 0.35) 0px 20px 50px; }
}
.lw-buyers .foot-bottom { display: flex; flex-direction: column; align-items: center; gap: 30px; text-align: center; }
.lw-buyers .foot .foot-logo { height: auto; width: min(240px, 60vw); filter: none; }
.lw-buyers .legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; font-size: 1.05rem; }
.lw-buyers .legal-links a, .lw-buyers .legal-links button { color: rgba(255, 255, 255, 0.85); background: none; border: 0px; font: inherit; cursor: pointer; padding: 0px; text-decoration: none; }
.lw-buyers .legal-links a:hover, .lw-buyers .legal-links button:hover { color: rgb(255, 255, 255); text-decoration: underline; }
.lw-buyers .foot-bottom .copy { margin-top: 0px; width: 100%; font-size: 0.95rem; }
@media (max-width: 900px) {
:is(.lw-buyers, .lw-player) .play-btn { width: 76px; height: 76px; }
:is(.lw-buyers, .lw-player) .play-btn svg { width: 46px; height: 46px; }
:is(.lw-buyers, .lw-player) .play-text { font-size: 1rem; }
.lw-buyers .top-logo { margin-bottom: 32px; }
}
.lw-buyers { position: relative; isolation: isolate; background: linear-gradient(rgb(238, 245, 255), rgb(246, 249, 253) 40%, rgb(238, 245, 255)); }
.lw-buyers::before, .lw-buyers::after { content: ""; position: absolute; z-index: -1; border-radius: 50%; filter: blur(10px); pointer-events: none; }
.lw-buyers::before { width: 520px; height: 520px; top: 900px; left: -180px; background: radial-gradient(circle at 35% 30%, rgb(169, 212, 255), rgb(47, 134, 230) 70%); opacity: 0.55; }
.lw-buyers::after { width: 420px; height: 420px; top: 2200px; right: -140px; background: radial-gradient(circle at 35% 30%, rgb(199, 240, 230), rgb(63, 180, 160) 70%); opacity: 0.4; }
.lw-buyers .hero { background: transparent; }
.lw-buyers .glass, .lw-buyers .card, .lw-buyers .c-item, .lw-buyers .faq-item, .lw-buyers .tag, .lw-buyers .g-note, .lw-buyers .cookie { background: linear-gradient(135deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.28)); backdrop-filter: blur(22px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.75); box-shadow: rgba(20, 60, 120, 0.28) 0px 20px 50px -24px, rgba(255, 255, 255, 0.9) 0px 1px inset, rgba(255, 255, 255, 0.25) 0px -1px inset; }
.lw-buyers .card, .lw-buyers .c-item, .lw-buyers .g-img, .lw-buyers .figure { border-radius: 24px; }
.lw-buyers .faq-item { border-radius: 18px; padding: 0px 22px; margin-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.75); }
.lw-buyers .faq-item.open { border-color: rgba(255, 255, 255, 0.9); background: linear-gradient(135deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.45)); }
.lw-buyers .foot { border-radius: 28px; background: radial-gradient(60% 80% at 15% 0%, rgba(47, 134, 230, 0.35), transparent 60%), rgb(5, 7, 12); border: 1px solid rgba(255, 255, 255, 0.08); }
:is(.lw-buyers, .lw-player) .hero-video { border-radius: 28px; padding: 10px; aspect-ratio: auto; background: linear-gradient(135deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.15)); border: 1px solid rgba(255, 255, 255, 0.8); backdrop-filter: blur(24px) saturate(170%); box-shadow: rgba(20, 60, 130, 0.5) 0px 40px 90px -35px, rgba(255, 255, 255, 0.95) 0px 1px inset; overflow: visible; display: block; }
:is(.lw-buyers, .lw-player) .hero-video > video { display: block; aspect-ratio: 16 / 9; border-radius: 20px; background: rgb(11, 18, 32); height: auto !important; }
:is(.lw-buyers, .lw-player) .play-overlay { inset: 10px; border-radius: 20px; background: linear-gradient(rgba(5, 15, 35, 0.05), rgba(5, 15, 35, 0.35)); }
:is(.lw-buyers, .lw-player) .play-btn { background: rgba(255, 255, 255, 0.22); color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.6); backdrop-filter: blur(18px) saturate(180%); box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 10px, rgba(0, 0, 0, 0.3) 0px 20px 50px, rgba(255, 255, 255, 0.7) 0px 1px inset; }
:is(.lw-buyers, .lw-player) .play-text { background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.55); backdrop-filter: blur(20px) saturate(180%); box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 30px, rgba(255, 255, 255, 0.6) 0px 1px inset; text-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px; }
@media (max-width: 640px) {
.lw-buyers .wrap { padding: 0px 18px; }
.lw-buyers section { padding: 48px 0px; }
.lw-buyers .hero { padding: 18px 0px 28px !important; }
.lw-buyers .top-logo { width: 96px !important; margin: 0px auto 18px !important; }
.lw-buyers h1, .lw-buyers .hero h1 { font-size: 2.1rem !important; line-height: 1.1; }
.lw-buyers h2, .lw-buyers .band-panel h2, .lw-buyers .foot .cta h2 { line-height: 1.12; font-size: 1.85rem !important; white-space: normal !important; }
.lw-buyers h3, .lw-buyers .card h3, .lw-buyers .c-item h3 { font-size: 1.4rem !important; }
.lw-buyers p, .lw-buyers .small, .lw-buyers .card p, .lw-buyers .faq-item .ans, .lw-buyers .legal-intro, .lw-buyers .cookie p, .lw-buyers .frost { font-size: 1.05rem !important; line-height: 1.6; }
.lw-buyers .faq-item button { font-size: 1.15rem; padding: 18px 0px; }
.lw-buyers .hero p { margin-top: 14px; }
:is(.lw-buyers, .lw-player) .hero-video { margin: 24px auto 6px; padding: 6px; border-radius: 22px; }
:is(.lw-buyers, .lw-player) .hero-video > video { border-radius: 16px; aspect-ratio: 4 / 5; }
:is(.lw-buyers, .lw-player) .play-overlay { inset: 6px; border-radius: 16px; gap: 12px; }
:is(.lw-buyers, .lw-player) .play-btn { width: 62px; height: 62px; }
:is(.lw-buyers, .lw-player) .play-btn svg { width: 36px; height: 36px; }
:is(.lw-buyers, .lw-player) .play-text { padding: 8px 16px; font-size: 0.9rem !important; }
.lw-buyers .card, .lw-buyers .c-item { min-height: 0px; padding: 22px; gap: 14px; }
.lw-buyers .split { gap: 28px; }
.lw-buyers .split p { margin: 14px 0px 22px; }
.lw-buyers .faq { gap: 24px; }
.lw-buyers .foot { padding: 48px 20px 20px; }
.lw-buyers .foot .cta { margin-bottom: 40px; }
.lw-buyers .foot .foot-logo { width: 120px; }
}
.lw-buyers::before { opacity: 0.22; }
.lw-buyers::after { opacity: 0.15; }
.lw-buyers .card, .lw-buyers .faq-item, .lw-buyers .tag { background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: rgba(20, 60, 120, 0.22) 0px 12px 32px -20px; }
.lw-buyers .grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 44px; }
.lw-buyers .grid4 .card { min-height: 0px; padding: 28px; gap: 0px; border-radius: 24px; }
.lw-buyers .grid4 .card h3 { margin-top: 22px; }
.lw-buyers .grid4 .card p { margin: 12px 0px 0px; }
.lw-buyers .ben-n { font-size: 1rem; color: var(--blue); font-weight: 600; letter-spacing: 0.04em; }
.lw-buyers .story { grid-template-columns: minmax(0px, 380px) 1fr; gap: 64px; justify-content: center; max-width: 1040px; }
.lw-buyers .faq { display: block; max-width: 860px; }
.lw-buyers .faq-head { text-align: center; margin-bottom: 36px; }
@media (max-width: 1000px) {
.lw-buyers .grid4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
.lw-buyers .grid4 { grid-template-columns: 1fr; gap: 14px; margin-top: 28px; }
.lw-buyers .grid4 .card { padding: 22px; }
.lw-buyers .story { grid-template-columns: 1fr; gap: 24px; }
.lw-buyers .story .figure { max-width: 300px; }
.lw-buyers .faq-head { margin-bottom: 24px; }
}
.lw-buyers section { padding: 80px 0px; }
.lw-buyers .faq-item .ans { max-width: none; }
@media (max-width: 640px) {
.lw-buyers section { padding: 44px 0px; }
}
.lw-buyers { --ink: #0f2747; --head: #0d2648; background: rgb(243, 248, 255); color: var(--ink); overflow-x: hidden; text-size-adjust: 100%; }
.lw-buyers h1, .lw-buyers h2, .lw-buyers h3 { color: var(--head); font-weight: 500; }
.lw-buyers .band-panel h2, .lw-buyers .band-panel h3, .lw-buyers .foot h2, .lw-buyers .foot h3, .lw-buyers .foot h4 { color: rgb(255, 255, 255); }
.lw-buyers p, .lw-buyers .small, .lw-buyers .card p, .lw-buyers .faq-item .ans, .lw-buyers .legal p, .lw-buyers .cookie p { color: rgb(42, 58, 82); }
.lw-buyers .hero, .lw-buyers section, .lw-buyers header { background: transparent !important; }
.lw-buyers::after { background: radial-gradient(circle at 35% 30%, rgb(207, 230, 255), rgb(61, 143, 232) 70%) !important; opacity: 0.18 !important; }
.lw-buyers::before { opacity: 0.18 !important; }
@media (max-width: 640px) {
.lw-buyers .wrap { padding: 0px 20px; }
.lw-buyers section { padding: 52px 0px !important; }
.lw-buyers .hero { padding: 20px 0px 36px !important; }
.lw-buyers .top-logo { width: 110px !important; margin: 0px auto 22px !important; }
.lw-buyers h1, .lw-buyers .hero h1 { line-height: 1.12; letter-spacing: 0px; font-size: 2rem !important; }
.lw-buyers h2, .lw-buyers .band-panel h2, .lw-buyers .foot .cta h2 { font-size: 2.15rem !important; line-height: 1.15; }
.lw-buyers h3, .lw-buyers .card h3, .lw-buyers .c-item h3 { font-size: 1.5rem !important; line-height: 1.25; }
.lw-buyers p, .lw-buyers .small, .lw-buyers .card p, .lw-buyers .faq-item .ans, .lw-buyers .legal p, .lw-buyers .legal-intro, .lw-buyers .cookie p { font-size: 1.15rem !important; line-height: 1.65; }
.lw-buyers .hero p { margin: 18px auto 0px; max-width: 34ch; }
:is(.lw-buyers, .lw-player) .hero-video { margin: 28px auto 0px; }
:is(.lw-buyers, .lw-player) .play-text { padding: 10px 18px; font-size: 1rem !important; }
:is(.lw-buyers, .lw-player) .play-btn { width: 70px; height: 70px; }
.lw-buyers .grid4 { gap: 16px; margin-top: 28px; }
.lw-buyers .grid4 .card { padding: 24px; }
.lw-buyers .grid4 .card h3 { margin-top: 16px; }
.lw-buyers .faq-item { padding: 0px 18px; }
.lw-buyers .faq-item button { padding: 20px 0px; gap: 14px; line-height: 1.35; font-size: 1.2rem !important; }
.lw-buyers .story .figure { max-width: 280px; margin: 0px auto; }
.lw-buyers .story { text-align: center; }
.lw-buyers .legal-links { font-size: 1.1rem; gap: 14px 22px; }
.lw-buyers .foot { margin: 0px 12px 12px; }
}
html:has(.lw-buyers), body:has(.lw-buyers) { overflow-x: clip; }
.lw-buyers { overflow: clip visible !important; height: auto !important; }
.lw-buyers .hero { padding: 40px 0px 72px !important; }
.lw-buyers section, .lw-buyers section.band { padding: 0px 0px 128px !important; }
.lw-buyers .split p, .lw-buyers .band-panel p, .lw-buyers .head-row p { margin: 20px 0px 0px; }
.lw-buyers .split { align-items: center; }
.lw-buyers .grid4 { margin-top: 48px; }
.lw-buyers .foot { margin-top: 0px; }
@media (max-width: 900px) {
.lw-buyers section, .lw-buyers section.band { padding: 0px 0px 88px !important; }
}
@media (max-width: 640px) {
.lw-buyers .hero { padding: 20px 0px 56px !important; }
.lw-buyers section, .lw-buyers section.band { padding: 0px 0px 72px !important; }
.lw-buyers .grid4 { margin-top: 28px; }
}
.lw-buyers .supplied-photo { margin: 0px; aspect-ratio: 1 / 1; min-width: 0px; }
.lw-buyers .table-photo { width: 100%; max-width: 520px; justify-self: center; }
.lw-buyers .couple-photo img { object-position: 49% center; }
.lw-buyers { font-family: Inter, system-ui, sans-serif; }
.lw-buyers h1, .lw-buyers h2, .lw-buyers h3 { font-family: "DM Sans", system-ui, sans-serif; letter-spacing: 0px; font-weight: 500; }
.lw-buyers .story { grid-template-columns: minmax(0px, 460px) minmax(0px, 1fr); max-width: 1180px; gap: 56px; }
@media (max-width: 900px) {
.lw-buyers .band-with-photo, .lw-buyers .story { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 640px) {
.lw-buyers .story .figure { max-width: 340px; width: 100%; }
.lw-buyers .hero h1 { letter-spacing: 0px; }
}
.lw-buyers .hero { padding-bottom: 120px !important; }
@media (max-width: 640px) {
.lw-buyers .hero { padding-bottom: 56px !important; }
}
@media (min-width: 901px) {
.lw-buyers #tehnologija { padding-bottom: 112px !important; }
}
@media (max-width: 640px) {
.lw-buyers #tehnologija { padding-bottom: 96px !important; }
}
.lw-buyers .figure { border-radius: 16px; }
@media (max-width: 640px) {
.lw-buyers .card, .lw-buyers .grid4 .card, .lw-buyers .c-item, .lw-buyers .figure, .lw-buyers .g-img, .lw-buyers .g-note { border-radius: 12px; }
}
@media (min-width: 901px) {
.lw-buyers .table-photo { max-width: 430px; }
}
.buyers-new-copy .hero-content { position: relative; }
.buyers-new-copy h1, .buyers-new-copy h2, .buyers-new-copy h3 { font-weight: 700; }
.buyers-new-copy .hero h1 { max-width: 1100px; margin: 0px auto; font-size: 3.3rem; font-weight: 700; line-height: 1.1; text-wrap: balance; }
.buyers-new-copy .hero .hero-intro { max-width: 1000px; font-size: 1.4rem; line-height: 1.55; text-wrap: balance; }
.buyers-new-copy .hero { padding-bottom: 112px !important; }
.buyers-new-copy section, .buyers-new-copy section.band { padding: 24px 0px 112px !important; }
.buyers-new-copy h2 { font-size: 3.15rem; line-height: 1.12; }
.buyers-new-copy .editorial-copy { max-width: 860px; }
.buyers-new-copy #tehnologija .split { grid-template-columns: 1fr; gap: 36px; max-width: 860px; }
.buyers-new-copy #tehnologija { padding: 0px 0px 128px !important; }
.buyers-new-copy #tehnologija .table-photo { justify-self: center; }
@media (min-width: 901px) {
.buyers-new-copy #tehnologija .split { max-width: 1240px; grid-template-columns: 1fr 1.15fr; gap: 64px; }
.buyers-new-copy #tehnologija .copy-stack { grid-area: 1 / 1; text-align: left; }
.buyers-new-copy #tehnologija .table-photo { grid-area: 1 / 2; }
.buyers-new-copy .experience-copy { max-width: 1240px; }
}
.buyers-new-copy .grid4 .card, .buyers-new-copy .credibility-stats .credibility-stat { background: var(--buyers-card-glass); border: 1px solid hsl(var(--buyers-stat-surface) / .9); box-shadow: var(--buyers-card-glass-shadow); backdrop-filter: blur(24px) saturate(150%); }
.buyers-new-copy #uvod .editorial-copy { text-align: center; }
.buyers-new-copy #uvod .editorial-copy > p { max-width: 640px; margin-left: auto; margin-right: auto; }
@media (min-width: 901px) {
.buyers-new-copy #uvod { padding-bottom: 136px !important; }
}
.buyers-new-copy .editorial-copy > p, .buyers-new-copy .copy-stack > p { margin: 20px 0px 0px; max-width: none; }
.buyers-new-copy .copy-emphasis { font-weight: 600; }
/* the closing line before the button: two lines of about the same length on wide screens */
@media (min-width: 901px) {
.buyers-new-copy .experience-copy .copy-emphasis { max-width: 760px; margin-left: auto; margin-right: auto; text-wrap: balance; }
.lw-buyers .foot .final-cta p { max-width: 720px; margin-left: auto; margin-right: auto; text-wrap: balance; }
}
.buyers-new-copy .section-intro { margin-top: 20px; }
.buyers-new-copy .grid4 { margin-top: 36px; }
.buyers-new-copy .grid4 .card h3 { font-size: 1.65rem; line-height: 1.2; }
.buyers-new-copy .ben-n { letter-spacing: 0px; }
.buyers-new-copy .credibility-stats { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; margin: 28px 0px 0px; }
.buyers-new-copy .credibility-stat { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 134px; padding: 18px 12px; border-radius: 8px; background: hsl(var(--buyers-stat-surface) / .65); border: 1px solid hsl(var(--buyers-stat-surface) / .85); box-shadow: var(--buyers-stat-shadow); }
.buyers-new-copy .stat-value { order: -1; margin: 0px 0px 10px; font-family: "DM Sans", sans-serif; font-size: 2.8rem; font-weight: 600; line-height: 1.1; color: hsl(var(--buyers-stat-number)); font-variant-numeric: tabular-nums; }
.buyers-new-copy .stat-label { font-size: 0.85rem; line-height: 1.45; color: hsl(var(--buyers-stat-label)); max-width: 180px; }
@media (max-width: 640px) {
.buyers-new-copy .stat-value { font-size: 2.35rem; }
.buyers-new-copy .credibility-stat { min-height: 128px; }
}
.buyers-new-copy .experience-copy { text-align: center; }
.buyers-new-copy .glass-question { display: grid; place-items: center; width: 76px; height: 76px; margin: 0px auto 28px; border-radius: 50%; font-family: "DM Sans", sans-serif; font-weight: 700; font-size: 3rem; line-height: 1; color: hsl(var(--buyers-stat-number)); background: var(--buyers-card-glass); border: 1px solid hsl(var(--buyers-stat-surface) / .9); box-shadow: var(--buyers-card-glass-shadow); backdrop-filter: blur(24px); }
.buyers-new-copy .question-lead { margin: 0px 0px 24px; }
.buyers-new-copy .experience-copy .copy-stack { margin-top: 28px; }
.buyers-new-copy .faq-item button { height: auto; white-space: normal; box-shadow: none; }
.buyers-new-copy .faq-item button > span { min-width: 0px; }
.buyers-new-copy .faq-item button svg { flex-shrink: 0; }
.buyers-new-copy .foot { padding: 56px 40px 24px; }
.buyers-new-copy .foot .final-cta { max-width: 920px; margin-bottom: 36px; }
.buyers-new-copy .foot .final-cta h2 { font-size: 2.5rem; text-wrap: balance; }
.buyers-new-copy .foot .cta p { white-space: normal; }
.buyers-new-copy .foot-bottom { gap: 18px; }
.buyers-new-copy .foot .foot-logo { width: 120px; }
.buyers-new-copy .foot .legal-links { font-size: 0.9rem; gap: 12px 22px; }
.buyers-new-copy .foot-bottom .copy { max-width: 960px; line-height: 1.6; padding-top: 16px; font-size: 0.8rem !important; }
@media (max-width: 640px) {
.buyers-new-copy .foot { padding: 36px 20px 20px; }
.buyers-new-copy .foot .final-cta { margin-bottom: 28px; }
.buyers-new-copy .foot .final-cta h2 { font-size: 1.85rem !important; }
}
.video-cta { display: flex; flex-direction: column; align-items: center; gap: 18px; margin-top: 48px; margin-bottom: 24px; }
.lw-buyers .video-cta .video-duration { line-height: 1.4; font-size: 1rem !important; margin: 0px !important; }
.lw-buyers .buyers-glass-button { position: relative; isolation: isolate; overflow: hidden; min-height: 68px; height: auto; padding: 20px 34px; border-radius: 999px; border: 1px solid hsl(var(--buyers-glass-border) / .65); background: var(--buyers-glass-gradient); color: hsl(var(--buyers-glass-foreground)); box-shadow: var(--buyers-glass-shadow); backdrop-filter: blur(18px) saturate(160%); font-family: Inter, system-ui, sans-serif; font-size: 1.2rem; font-weight: 600; letter-spacing: 0px; transition: transform 0.2s, filter 0.2s; }
.buyers-glass-button::before { content: ""; position: absolute; inset: 0px; z-index: -1; background: var(--buyers-glass-highlight),url("../img/button-grain.png"); pointer-events: none; }
.buyers-glass-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.buyers-glass-button:active { transform: translateY(0px); }
.buyers-glass-button:focus-visible { outline: 3px solid hsl(var(--buyers-glass-border)); outline-offset: 4px; }
.buyers-glass-button svg { width: 24px; height: 24px; }
@media (max-width: 900px) {
.buyers-new-copy .hero { padding-bottom: 88px !important; }
.buyers-new-copy section, .buyers-new-copy section.band { padding: 24px 0px 96px !important; }
.buyers-new-copy #tehnologija { padding: 0px 0px 112px !important; }
}
@media (max-width: 640px) {
.buyers-new-copy .hero h1 { font-size: 2rem !important; line-height: 1.15; }
.buyers-new-copy .hero .top-logo { margin-bottom: 40px !important; }
.buyers-new-copy h2, .buyers-new-copy .band-panel h2, .buyers-new-copy .foot .cta h2 { font-size: 2.15rem !important; line-height: 1.15; }
.buyers-new-copy .hero { padding-bottom: 48px !important; }
.buyers-new-copy section, .buyers-new-copy section.band { padding: 20px 0px 68px !important; }
.buyers-new-copy #uvod { padding-bottom: 88px !important; }
.buyers-new-copy h1, .buyers-new-copy h2, .buyers-new-copy h3, .buyers-new-copy p, .buyers-new-copy #uvod .editorial-copy, .buyers-new-copy .faq-head, .buyers-new-copy .foot .cta, .buyers-new-copy .credibility-stat { text-align: left; }
.buyers-new-copy .foot-bottom .copy { text-align: left; }
.buyers-new-copy #uvod .editorial-copy > p { margin-left: 0px; margin-right: 0px; }
.buyers-new-copy .credibility-stat { align-items: flex-start; }
.buyers-new-copy .editorial-copy > p, .buyers-new-copy .copy-stack > p { margin-top: 18px; }
.buyers-new-copy .hero .hero-intro { max-width: 34ch; }
.buyers-new-copy .story { text-align: left; }
.buyers-new-copy .experience-copy { text-align: left; }
.buyers-new-copy .grid4 .card { border-radius: 12px; }
.buyers-new-copy #tehnologija { padding: 0px 0px 68px !important; }
.buyers-new-copy #tehnologija .split { gap: 28px; }
.buyers-new-copy .video-cta { align-items: center; margin-top: 40px; margin-bottom: 24px; }
.buyers-new-copy .video-cta .video-duration, .buyers-new-copy .hero h1, .buyers-new-copy .hero .hero-intro, .buyers-new-copy .foot .final-cta h2, .buyers-new-copy .foot .final-cta p, .buyers-new-copy .hero .video-duration { text-align: center; }
.buyers-new-copy .hero .video-cta, .buyers-new-copy .foot .final-cta .video-cta { align-items: center; }
.lw-buyers .buyers-glass-button { min-height: 56px; padding: 15px 24px; font-size: 1.05rem; max-width: 100%; }
.lw-buyers .buyers-glass-button svg { width: 20px; height: 20px; }
}
@media (prefers-reduced-motion: reduce) {
.buyers-glass-button { transition: none; }
.buyers-glass-button:hover { transform: none; }
}
.buyers-new-copy .usage-v2-grid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr); gap: 72px; align-items: center; max-width: 1180px; }
.buyers-new-copy .usage-v2-photo { position: relative; margin: 0px; }
.buyers-new-copy .usage-v2-photo img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 24px; box-shadow: rgba(6, 27, 58, 0.45) 0px 40px 80px -40px; }
.buyers-new-copy .usage-v2-badge { position: absolute; right: -24px; bottom: 32px; display: flex; flex-direction: column; padding: 18px 22px; border-radius: 18px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgba(28, 111, 209, 0.82), rgba(11, 58, 120, 0.88)); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(14px); box-shadow: rgba(6, 27, 58, 0.6) 0px 20px 40px -18px; }
.buyers-new-copy .usage-v2-badge b { font-family: inherit; font-size: 2rem; line-height: 1; font-weight: 700; }
.buyers-new-copy .usage-v2-badge span { margin-top: 6px; font-size: 0.85rem; opacity: 0.9; }
.buyers-new-copy .usage-v2-eyebrow { display: inline-block; margin-bottom: 14px; padding: 6px 14px; border-radius: 999px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(28, 111, 209); background: rgba(28, 111, 209, 0.1); }
.buyers-new-copy .usage-v2-copy h2 { margin: 0px; }
.buyers-new-copy .usage-v2-copy > p { margin: 18px 0px 0px; max-width: 520px; }
.buyers-new-copy .usage-v2-steps { list-style: none; margin: 32px 0px 0px; padding: 0px; display: grid; gap: 12px; }
.buyers-new-copy .usage-v2-steps li { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border-radius: 16px; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(28, 111, 209, 0.14); box-shadow: rgba(6, 27, 58, 0.35) 0px 12px 30px -22px; backdrop-filter: blur(10px); }
.buyers-new-copy .usage-v2-num { flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(59, 140, 240), rgb(11, 58, 120)); }
.buyers-new-copy .usage-v2-num svg { width: 20px; height: 20px; }
.buyers-new-copy .usage-v2-steps b { display: block; font-size: 1.05rem; }
.buyers-new-copy .usage-v2-steps small { display: block; margin-top: 2px; font-size: 0.92rem; opacity: 0.7; }
@media (max-width: 900px) {
.buyers-new-copy .usage-v2-grid { grid-template-columns: 1fr; gap: 40px; }
.buyers-new-copy .usage-v2-photo { max-width: 460px; width: 100%; margin: 0px auto; }
.buyers-new-copy .usage-v2-badge { right: 12px; bottom: 12px; padding: 12px 16px; }
.buyers-new-copy .usage-v2-badge b { font-size: 1.5rem; }
}
@media (max-width: 640px) {
.buyers-new-copy .usage-v2-photo img { border-radius: 16px; aspect-ratio: 4 / 4.2; }
.buyers-new-copy .usage-v2-copy, .buyers-new-copy .usage-v2-copy > p { text-align: left; }
.buyers-new-copy .usage-v2-steps li { padding: 14px; gap: 14px; }
.buyers-new-copy .usage-v2-num { width: 38px; height: 38px; }
}

/* lifeone's video modal */
.lwb-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; background: var(--video-modal-backdrop); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); animation: lwb-fade .2s ease-out; }
.lwb-modal-frame { width: min(1200px, 100%); aspect-ratio: 16 / 9; max-height: 85vh; border-radius: 22px; overflow: hidden; padding: 8px; background: var(--video-modal-glass); border: 1px solid var(--video-modal-border); box-shadow: var(--video-modal-shadow); }
.lwb-close { position: fixed; top: 20px; right: 20px; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; cursor: pointer; color: #fff; background: #ffffff29; border: 1px solid rgba(255, 255, 255, .45); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: inset 0 1px #ffffff80, 0 10px 30px #0006; }
.lwb-close svg { width: 24px; height: 24px; }
.lwb-close:hover { background: #ffffff47; }
@keyframes lwb-fade { 0% { opacity: 0; } }
@media (max-width: 640px) {
.lwb-modal-frame { aspect-ratio: 4 / 5; width: min(100%, 78vh * .8); padding: 4px; border-radius: 16px; }
.lwb-modal { padding: 12px; }
.lwb-close { top: 14px; right: 14px; width: 46px; height: 46px; }
}

/* DM Sans for headlines (the font of the VSL), Inter for text: both variable, self-hosted */
@font-face { font-family: "DM Sans"; font-style: normal; font-display: swap; font-weight: 400 700; src: url("../fonts/dm-sans-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "DM Sans"; font-style: normal; font-display: swap; font-weight: 400 700; src: url("../fonts/dm-sans-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../fonts/inter-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-display: swap; font-weight: 100 900; src: url("../fonts/inter-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Base (Tailwind preflight, as on lifeone) */
*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: hsl(var(--border)); }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif; -webkit-tap-highlight-color: transparent; }
body { margin: 0; line-height: 1.6; background-color: hsl(var(--background)); color: hsl(var(--foreground)); -webkit-font-smoothing: antialiased; font-family: ui-sans-serif, system-ui, sans-serif; font-size: 17px; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; }
button, select { text-transform: none; }
button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { -webkit-appearance: button; appearance: button; background-color: transparent; background-image: none; }
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; }
ol, ul, menu { list-style: none; margin: 0; padding: 0; }
button, [role="button"] { cursor: pointer; }
:disabled { cursor: default; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none; }
:root { --video-modal-backdrop: hsl(223 64% 2% / .97); --video-modal-glass: linear-gradient(135deg, hsl(220 28% 8% / .96), hsl(220 30% 3% / .98)); --video-modal-border: hsl(220 18% 65% / .24); --video-modal-shadow: 0 40px 120px hsl(0 0% 0% / .8), inset 0 1px 0 hsl(220 20% 80% / .12); --buyers-glass-gradient: linear-gradient(135deg, hsl(205 86% 58% / .94), hsl(215 80% 43% / .96)); --buyers-glass-foreground: 0 0% 100%; --buyers-glass-border: 205 100% 88%; --buyers-glass-shadow: 0 14px 32px -12px hsl(213 85% 35% / .5), inset 0 1px 0 hsl(0 0% 100% / .55), inset 0 -1px 0 hsl(213 80% 25% / .2); --buyers-glass-highlight: linear-gradient(180deg, hsl(0 0% 100% / .25), hsl(0 0% 100% / 0) 65%); --buyers-stat-surface: 0 0% 100%; --buyers-stat-number: 217 75% 52%; --buyers-stat-label: 216 45% 25%; --buyers-stat-shadow: 0 12px 28px -18px hsl(213 60% 35% / .25); --buyers-card-glass: linear-gradient(135deg, hsl(0 0% 100% / .72), hsl(210 90% 96% / .3)); --buyers-card-glass-shadow: 0 16px 36px -24px hsl(213 60% 35% / .4), inset 0 1px 0 hsl(0 0% 100% / .95), inset 0 -1px 0 hsl(0 0% 100% / .3); --background: 0 0% 100%; --foreground: 0 0% 4%; --border: 0 0% 90%; --ring: 0 0% 9%; --radius: .5rem; }
input, textarea, button, select { font-size: 17px; }
button:focus-visible, [role="button"]:focus-visible { outline: 2px solid transparent; outline-offset: 2px; box-shadow: 0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring)); }

/* The utilities lifeone's buttons carry */
.inline-flex { display: inline-flex; }
.h-10 { height: 2.5rem; }
.h-11 { height: 2.75rem; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.gap-2 { gap: .5rem; }
.whitespace-nowrap { white-space: nowrap; }
.rounded-md { border-radius: calc(var(--radius) - 2px); }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-2 { padding-top: .5rem; padding-bottom: .5rem; }
.text-sm { font-size: .875rem; line-height: 1.25rem; }
.font-medium { font-weight: 500; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s; }
.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
.\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; }
.\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }

/* Ours: the native video in lifeone's frame, the FAQ icons, the sign-up popup */
.skip { position: absolute; left: -9999px; top: 8px; z-index: 1100; padding: 10px 16px; border-radius: 999px; background: #0f2747; color: #fff; font-family: Inter, system-ui, sans-serif; }
.skip:focus { left: 12px; }
:is(.lw-buyers) .hero-video > video { width: 100%; object-fit: cover; }
.lwb-modal[hidden] { display: none; }
.lwb-modal-frame video { display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; border-radius: 16px; background: #000; }
.faq-item:not(.open) .lucide-minus, .faq-item.open .lucide-plus { display: none; }

/* The sign-up button: soft blue glass with a wide frosted rim, no grain, label and arrow centred */
.lw-buyers .buyers-glass-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 80px; padding: 11px 11px 11px 44px; border-radius: 999px; color: #fff; font-family: Inter, system-ui, sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1; letter-spacing: 0; white-space: nowrap; text-shadow: 0 1px 2px rgba(8, 36, 110, .25); background: linear-gradient(180deg, rgba(72, 145, 245, .9) 0%, rgba(40, 112, 232, .92) 100%) padding-box, linear-gradient(165deg, rgba(255, 255, 255, .95) 0%, rgba(214, 230, 252, .7) 28%, rgba(150, 182, 228, .55) 55%, rgba(118, 156, 214, .6) 78%, rgba(226, 238, 255, .85) 100%) border-box; border: 3px solid transparent; backdrop-filter: blur(18px) saturate(170%); -webkit-backdrop-filter: blur(18px) saturate(170%); box-shadow: 0 0 0 1px rgba(60, 100, 170, .16), 0 18px 40px -16px rgba(22, 78, 200, .5), 0 3px 10px rgba(22, 78, 200, .14), inset 0 0 0 1px rgba(20, 70, 170, .28), inset 0 2px 1px rgba(255, 255, 255, .35); transition: transform .25s cubic-bezier(.2, .8, .2, 1), box-shadow .25s, filter .25s; }
.lw-buyers .buyers-glass-button::before { content: ""; position: absolute; inset: 0 0 52% 0; z-index: -1; border-radius: 999px 999px 0 0 / 999px 999px 0 0; background: linear-gradient(180deg, rgba(255, 255, 255, .26), rgba(255, 255, 255, 0)); pointer-events: none; }
.lw-buyers .buyers-glass-button:hover { transform: translateY(-2px); filter: brightness(1.04); box-shadow: 0 0 0 1px rgba(60, 100, 170, .2), 0 24px 48px -16px rgba(22, 78, 200, .55), 0 4px 12px rgba(22, 78, 200, .16), inset 0 0 0 1px rgba(20, 70, 170, .28), inset 0 2px 1px rgba(255, 255, 255, .4); }
.lw-buyers .buyers-glass-button:active { transform: translateY(0); }
.lw-buyers .cta-text { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 10px 0; }
.lw-buyers .cta-kicker { display: inline-flex; align-items: center; gap: 6px; font-size: calc(.72rem - 1px); font-weight: 600; line-height: 1; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .86); }
.lw-buyers .cta-kicker svg { width: 14px; height: 14px; flex-shrink: 0; }
.lw-buyers .cta-label { display: block; line-height: 1.05; }
.lw-buyers .cta-arrow { display: grid; place-items: center; flex-shrink: 0; width: 52px; height: 52px; border-radius: 50%; color: #1d4ed8; background: #fff; box-shadow: 0 3px 10px rgba(8, 36, 110, .22); }
.lw-buyers .cta-arrow svg { width: 22px; height: 22px; }
.lw-buyers #koristi .video-cta { margin-top: 56px; margin-bottom: 0; }
@media (max-width: 640px) {
.lw-buyers .hero .top-logo { width: 160px !important; }
.buyers-new-copy .faq-head h2 { text-align: center; }
}

.lw-buyers h2, .lw-buyers h3 { text-wrap: balance; }

/* Headlines: DM Sans semibold, slightly tight; the hero gets a small spaced preheader above it */
.buyers-new-copy h1, .buyers-new-copy h2 { font-weight: 600; letter-spacing: -.02em; }
.buyers-new-copy h3 { font-weight: 600; letter-spacing: -.01em; }
.lw-buyers .hero .hero-kicker { margin: 0 auto 10px; font-family: Inter, system-ui, sans-serif; font-size: 1.45rem !important; font-weight: 600; line-height: 1.2 !important; letter-spacing: .08em; text-transform: uppercase; text-align: center; color: var(--blue); }
.buyers-new-copy .hero h1 { line-height: 1.08; }
@media (max-width: 640px) {
.lw-buyers .hero .hero-kicker { font-size: 1.15rem !important; margin-bottom: 8px; }
.buyers-new-copy .hero h1 { font-size: 2.1rem !important; line-height: 1.12; }
}

/* FAQ: the questions the webinar answers, as a list (no answers on the page) */
.lw-buyers .faq-head .section-intro { margin-top: 16px; }
.lw-buyers .faq-q { list-style: none; margin: 0; padding: 0; }
.lw-buyers .faq-q .faq-item { display: flex; align-items: center; gap: 16px; padding: 16px 20px; font-size: 1.2rem; line-height: 1.35; color: var(--ink); }
.lw-buyers .faq-q .ben-icon { width: 42px; height: 42px; border-radius: 12px; }
.lw-buyers .faq-q .ben-icon svg { width: 20px; height: 20px; }
@media (max-width: 640px) {
.lw-buyers .faq-q .faq-item { padding: 14px 16px; gap: 14px; font-size: 1.1rem; }
.buyers-new-copy .faq-head, .buyers-new-copy .faq-head .section-intro { text-align: center; }
}
@media (min-width: 901px) {
.lw-buyers #tehnologija .table-photo { max-width: 500px; }
}
.lw-buyers #tehnologija .usage-v2-eyebrow { margin-bottom: 18px; }
.lw-buyers #tehnologija .copy-emphasis:first-of-type { margin-top: 24px; }

/* Benefit cards: the number on the left, a soft blue icon on the right */
.lw-buyers .ben-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lw-buyers .ben-icon { display: grid; place-items: center; flex-shrink: 0; width: 46px; height: 46px; border-radius: 14px; color: #1c6fd1; background: linear-gradient(160deg, rgba(240, 246, 255, .95), rgba(205, 225, 252, .7)); border: 1px solid rgba(28, 111, 209, .14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 8px 16px -10px rgba(28, 111, 209, .45); }
.lw-buyers .ben-icon svg { width: 22px; height: 22px; }

/* The video frame gets the button's frosted rim: bright at the top, blue grey down the sides */
.lw-buyers .hero-video { border: 1px solid rgba(60, 100, 170, .18); background: linear-gradient(165deg, rgba(255, 255, 255, .95) 0%, rgba(214, 230, 252, .72) 28%, rgba(150, 182, 228, .55) 55%, rgba(118, 156, 214, .6) 78%, rgba(226, 238, 255, .88) 100%); box-shadow: rgba(20, 60, 130, .5) 0 40px 90px -35px, 0 3px 10px rgba(22, 78, 200, .12), inset 0 2px 1px rgba(255, 255, 255, .7), inset 0 -1px 0 rgba(20, 70, 170, .2); }
.lw-buyers .hero-video > video { box-shadow: 0 0 0 1px rgba(20, 70, 170, .3); }

/* The "12 sati" badge and the step check circles in the same glass as the button */
.buyers-new-copy .usage-v2-badge, .buyers-new-copy .usage-v2-num { color: #fff; text-shadow: 0 1px 2px rgba(8, 36, 110, .25); border: 3px solid transparent; background: linear-gradient(180deg, rgba(255, 255, 255, .26), rgba(255, 255, 255, 0) 52%) padding-box, linear-gradient(180deg, rgba(72, 145, 245, .9) 0%, rgba(40, 112, 232, .92) 100%) padding-box, linear-gradient(165deg, rgba(255, 255, 255, .95) 0%, rgba(214, 230, 252, .7) 28%, rgba(150, 182, 228, .55) 55%, rgba(118, 156, 214, .6) 78%, rgba(226, 238, 255, .85) 100%) border-box; backdrop-filter: blur(18px) saturate(170%); -webkit-backdrop-filter: blur(18px) saturate(170%); box-shadow: 0 0 0 1px rgba(60, 100, 170, .16), 0 18px 40px -16px rgba(22, 78, 200, .5), 0 3px 10px rgba(22, 78, 200, .14), inset 0 0 0 1px rgba(20, 70, 170, .28), inset 0 2px 1px rgba(255, 255, 255, .35); }
.buyers-new-copy .usage-v2-badge { border-radius: 20px; }
.buyers-new-copy .usage-v2-num { box-shadow: 0 0 0 1px rgba(60, 100, 170, .16), 0 8px 18px -8px rgba(22, 78, 200, .5), inset 0 0 0 1px rgba(20, 70, 170, .28), inset 0 2px 1px rgba(255, 255, 255, .35); }
.buyers-new-copy .usage-v2-num svg { filter: drop-shadow(0 1px 1px rgba(8, 36, 110, .3)); }
@media (max-width: 640px) {
.lw-buyers .buyers-glass-button { min-height: 72px; padding: 10px 10px 10px 34px; gap: 18px; font-size: 1.1rem; }
.lw-buyers .cta-arrow { width: 48px; height: 48px; }
.lw-buyers .cta-arrow svg { width: 20px; height: 20px; }
}
html.is-locked { overflow: hidden; }

/* "Nevjerojatno jednostavna primjena": on wide screens the text sits left and the photo right
   (its badge overhangs toward the text); phones keep the photo first */
@media (min-width: 901px) {
.buyers-new-copy .usage-v2-grid { grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr); }
.buyers-new-copy .usage-v2-photo { order: 2; }
.buyers-new-copy .usage-v2-badge { right: auto; left: -24px; }
}

/* "Ali glavno je pitanje": a band of its own, full width. A LifeWave photo barely there, and two
   soft lights drifting slowly over it; both fade out at the band's edges into the page */
.lw-buyers section#izkusnja { position: relative; isolation: isolate; overflow: hidden; padding-top: 128px !important; }
.lw-buyers #izkusnja::before, .lw-buyers #izkusnja::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; -webkit-mask-image: linear-gradient(transparent, #000 22%, #000 78%, transparent); mask-image: linear-gradient(transparent, #000 22%, #000 78%, transparent); }
.lw-buyers #izkusnja::before { background: url("../img/couple.webp") center 35% / cover no-repeat; opacity: .09; filter: saturate(.6) blur(1.5px); }
.lw-buyers #izkusnja::after { inset: -20% -10%; background: radial-gradient(38% 46% at 22% 40%, rgba(111, 182, 255, .30), transparent 70%), radial-gradient(34% 42% at 78% 62%, rgba(143, 212, 196, .26), transparent 70%); animation: lwb-drift 22s ease-in-out infinite alternate; }
@keyframes lwb-drift { from { transform: translate3d(-4%, -3%, 0) scale(1); } to { transform: translate3d(4%, 3%, 0) scale(1.08); } }
@media (max-width: 900px) {
.lw-buyers section#izkusnja { padding-top: 88px !important; }
}
@media (max-width: 640px) {
.lw-buyers section#izkusnja { padding-top: 72px !important; }
.lw-buyers #izkusnja::before { background-position: 30% 35%; }
}

@media (prefers-reduced-motion: reduce) {
.lw-buyers #izkusnja::after { animation: none; }
.lwb-modal { animation: none; }
:is(.lw-buyers) .play-btn { animation: none; }
}