/* ============================================================ LAST MINUTE BOOKINGS — Elementor class layer lmb-theme.css v1.0.1 Generated from the approved prototype: style.css + v2-shared.css + v2-pages.css + v2-b.css v2-a.css is the rejected homepage variant and is not included. Verified target: Elementor 4.2.3, Elementor Pro 4.2.2, Hello Elementor 3.4.9, Atomic Editor OFF, no WooCommerce. Sections 1 to 4 are hand written and are the compatibility layer. Section 5 is the prototype, mechanically converted: - every class prefixed lmb- - every custom property prefixed --lmb- - single-class selectors doubled to 0-2-0 so they beat Elementor's .e-con and .elementor-widget at 0-1-0 - every display:flex given an explicit flex-direction - every bottom margin re-stated at 0-4-0 so it survives Elementor zeroing widget margins at 0-3-0 - breakpoints remapped 1000 to 1024 and 768 to 767 - all fade-up entrance rules removed Do not fix a design problem inside sections 1 to 4. ============================================================ */ /* ============================================================ 1. TOKENS AND KIT BRIDGE On body, never :root. Elementor scopes kit variables to .elementor-kit-{id} which is printed on . :root is , the parent, so a bridge there resolves to its fallback every time: the site looks right and changing a Global Colour moves nothing. Only the four system slots have stable variable names. Custom global colours get a generated hash that changes when the kit is recreated, so every other token stays literal. ============================================================ */ body{ --lmb-bg: #ffffff; --lmb-bg-soft: #f5f5f7; --lmb-bg-tint: rgba(255, 255, 255, 0.72); --lmb-bg-dark: #000000; --lmb-ink: var(--e-global-color-primary, #1d1d1f); /* kit headings */ --lmb-ink-soft: var(--e-global-color-text, #6e6e73); /* kit body copy */ --lmb-ink-faint: #86868b; --lmb-line: rgba(0, 0, 0, 0.08); --lmb-line-strong: rgba(0, 0, 0, 0.14); --lmb-accent: var(--e-global-color-secondary, #FE630D); /* kit brand red */ --lmb-accent-text: var(--e-global-color-accent, #cf4b01); /* kit small red text, interactive */ --lmb-accent-glow: rgba(254, 99, 13, 0.28); --lmb-accent-from: #FE742A; --lmb-accent-to: #FE630D; --lmb-accent-grad: linear-gradient(135deg, #FE742A 0%, #FE630D 100%); --lmb-accent-2: #7CC6FA; --lmb-accent-2-from: #76C3FB; --lmb-accent-2-to: #7CC6FA; --lmb-accent-2-grad: linear-gradient(135deg, #76C3FB 0%, #7CC6FA 100%); --lmb-accent-2-text: #087acb; --lmb-accent-on-dark: #fe742a; --lmb-accent-2-on-dark: #76c3fb; --lmb-brand-grad: linear-gradient(135deg, #FE742A 0%, #FE630D 45%, #76C3FB 100%); --lmb-live-bg: #ffefe7; --lmb-live-ink: #c14501; --lmb-filled-bg: #e8f5ec; --lmb-filled-ink: #0f7a3a; --lmb-discount-bg: #edf7fe; --lmb-discount-ink: #0773bf; --lmb-tag-new-bg: #eff8fe; --lmb-tag-new-ink: #0775c1; --lmb-tag-grow-bg: #ffefe7; --lmb-tag-grow-ink: #c14501; --lmb-tag-est-bg: #eef0f3; --lmb-tag-est-ink: #4a5568; --lmb-container: 1080px; --lmb-container-narrow: 720px; --lmb-gutter: 24px; --lmb-radius-pill: 980px; --lmb-radius-lg: 28px; --lmb-radius-md: 22px; --lmb-radius-sm: 14px; --lmb-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif; --lmb-font-display: var(--lmb-font); --lmb-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; --lmb-dark-1: #140b06; --lmb-dark-2: #0d1218; --lmb-dark-3: #08131d; --lmb-ink-on-dark: rgba(255, 255, 255, 0.92); --lmb-ink-on-dark-soft: rgba(255, 255, 255, 0.66); --lmb-ink-on-dark-faint: rgba(255, 255, 255, 0.54); --lmb-line-on-dark: rgba(255, 255, 255, 0.14); --lmb-shadow-card: 0 20px 50px -26px rgba(20, 11, 6, 0.28); --lmb-shadow-lift: 0 34px 70px -30px rgba(20, 11, 6, 0.38); --lmb-shadow-device: 0 50px 90px -40px rgba(20, 11, 6, 0.45), 0 2px 6px rgba(0, 0, 0, 0.06); --lmb-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); } /* ============================================================ 2. COMPATIBILITY LAYER Copied forward from the NRGVideo build. Transfers unchanged. ============================================================ */ /* ------------------------------------------------------------ 2a. Container defaults Elementor's _container.scss gives every container 10px of padding on four sides and a 20px gap through custom properties. Zero the DEFAULT properties, not padding itself, so a value set in the Layout tab still wins. ------------------------------------------------------------ */ .e-con{ --padding-top:0px; --padding-right:0px; --padding-bottom:0px; --padding-left:0px; --gap:0px; --row-gap:0px; --column-gap:0px; } /* ------------------------------------------------------------ 2b. Wrapper neutralisation Advanced > CSS Classes puts the class on the widget's outer div, not on the text. A Heading carrying .lmb-section-title sizes a div, then the h2 inside applies its own 1.5em browser default. Both DOM shapes are covered because Optimized Markup strips .elementor-widget-container from a growing list of widgets. ADD EVERY NEW WIDGET TYPE TO BOTH LISTS. ------------------------------------------------------------ */ .elementor-element:is( .elementor-widget-heading, .elementor-widget-text-editor, .elementor-widget-button, .elementor-widget-image, .elementor-widget-theme-site-logo, .elementor-widget-theme-post-title, .elementor-widget-theme-post-excerpt ) > :is(h1,h2,h3,h4,h5,h6,p,span,div,.elementor-heading-title), .elementor-element:is( .elementor-widget-heading, .elementor-widget-text-editor, .elementor-widget-button, .elementor-widget-image, .elementor-widget-theme-site-logo, .elementor-widget-theme-post-title, .elementor-widget-theme-post-excerpt ) > .elementor-widget-container > :is(h1,h2,h3,h4,h5,h6,p,span,div,.elementor-heading-title){ font:inherit; letter-spacing:inherit; color:inherit; margin:0; padding:0; } /* ------------------------------------------------------------ 2c. Structural containers behave as blocks Elementor makes every container a column flexbox. In the prototype these are plain divs, so centred text, auto margins, inline-block and absolute children all behave differently. Any container carrying a project class is returned to block. 0-2-0, so the explicit display rules in section 5 are the same weight and win on source order, which is why this sits above them and nothing here needs !important. Escape hatches, for a container that really wants flex or grid and has no component class of its own: lmb-flex row lmb-flex-col column lmb-grid two column grid, collapses at 767 ------------------------------------------------------------ */ .e-con[class*="lmb-"]{display:block} .e-con[class*="lmb-"].lmb-flex{display:flex;flex-direction:row} .e-con[class*="lmb-"].lmb-flex-col{display:flex;flex-direction:column} .e-con[class*="lmb-"].lmb-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px} /* ------------------------------------------------------------ 2d. text-align inherits Elementor sets text-align at the same weight as a layout class and loads later, so the container itself computes to start and children stop inheriting. ------------------------------------------------------------ */ .e-con[class*="lmb-"] .elementor-element{text-align:inherit} /* ------------------------------------------------------------ 2e. Loop Grid wrapper A class on a Loop Grid makes the WRAPPER the grid, the loop container becomes one grid item and cards collapse. Used by the blog archive template. ------------------------------------------------------------ */ .elementor-widget-loop-grid.lmb-post-grid, .elementor-widget-posts.lmb-post-grid{display:block} /* ------------------------------------------------------------ 2f. Nested Accordion, used by both FAQ pages Elementor draws its own borders, padding and icon box. The prototype draws all three itself in section 5. ------------------------------------------------------------ */ .elementor-widget-n-accordion.lmb-faq-group .e-n-accordion-item{ border:0; background:transparent; margin:0; } .elementor-widget-n-accordion.lmb-faq-group summary{ padding:0; background:transparent; } .elementor-widget-n-accordion.lmb-faq-group .e-n-accordion-item-title-text{ font:inherit; color:inherit; } /* ------------------------------------------------------------ 2h. Nav Menu widget mapping The prototype's nav is a row of bare anchors. Elementor's Nav Menu renders ul.elementor-nav-menu > li > a.elementor-item, so the flex row has to move onto the ul and Elementor's own item padding has to come off. 0-3-0, because widget-nav-menu.css is a separate handle and may load after this file. ------------------------------------------------------------ */ .elementor-element.lmb-nav-links{display:block} .elementor-element.lmb-nav-links .elementor-nav-menu{ display:flex; flex-direction:row; align-items:center; gap:20px; } .elementor-element.lmb-nav-links .elementor-item{ padding:0; fill:currentColor; } .elementor-element.lmb-nav-links .elementor-item.elementor-item-active{ color:var(--lmb-ink); font-weight:500; } .elementor-element.lmb-nav-links .elementor-menu-toggle{color:inherit} .elementor-element.lmb-ftr-nav .elementor-nav-menu{ display:flex; flex-direction:column; } .elementor-element.lmb-ftr-nav .elementor-item{ padding:0; margin-bottom:11px; } /* The logo is an anchor holding an image and a wordmark, so it stays an HTML widget. 2b would otherwise flatten the anchor to inherit. */ .elementor-element.lmb-logo-slot{line-height:0} /* ------------------------------------------------------------ 2g. Hello Elementor page chrome The prototype supplies its own header and footer, and every page is Elementor Full Width with the title hidden. ------------------------------------------------------------ */ .site-header, .site-footer{display:none} /* ============================================================ 3. GUTENBERG PROSE BRIDGE Posts are written in Gutenberg, not Elementor, so the single template renders the_content into .entry-content. Everything .lmb-prose styles is a standard block, so pointing the same rules at .entry-content means whatever Katy writes renders correctly with no extra work. ============================================================ */ .entry-content{ font:inherit; color:inherit; } /* ============================================================ 4. RESPONSIVE CONTRACT The prototype broke at 1000, 880, 768, 480 and 420. Elementor's panel has to agree with the stylesheet or the two disagree and every responsive bug takes twice as long. Site Settings > Layout > Breakpoints: Tablet 1024 (was 1000) Mobile Extra 880 (Elementor default, exact match) Mobile 767 (was 768) Mobile Portrait 480 (was 480 and 420, merged) Enable Mobile Extra and Mobile Portrait in the panel. Nothing else in this file assumes any other width. ============================================================ */ /* ============================================================ 5. THE PROTOTYPE, CONVERTED ============================================================ */ /* ===== from css/style.css ===== */ *{box-sizing: border-box; margin: 0; padding: 0;} html{-webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 80px; /* clears the sticky nav on anchor jumps */} body{font-family: var(--lmb-font); font-weight: 400; color: var(--lmb-ink); background: var(--lmb-bg); line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden;} a{color: inherit; text-decoration: none;} button{font-family: inherit; cursor: pointer; border: none; background: none; color: inherit;} img{max-width: 100%; display: block;} ul, ol{list-style: none;} :focus-visible{outline: 2px solid var(--lmb-accent-text); outline-offset: 3px; border-radius: 4px;} .lmb-skip-link.lmb-skip-link{position: absolute; left: 50%; top: 8px; transform: translate(-50%, -200%); background: var(--lmb-ink); color: #fff; padding: 10px 20px; border-radius: var(--lmb-radius-pill); font-size: 14px; font-weight: 500; z-index: 200; transition: transform 0.2s ease;} .lmb-skip-link.lmb-skip-link:focus{transform: translate(-50%, 0);} .lmb-visually-hidden.lmb-visually-hidden{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;} .e-con .elementor-widget.elementor-widget.lmb-visually-hidden{margin-block-end:-1px} .lmb-wrap.lmb-wrap{max-width: var(--lmb-container); margin: 0 auto; padding: 0 var(--lmb-gutter);} .e-con .elementor-widget.elementor-widget.lmb-wrap{margin-block-end:0} .lmb-wrap-narrow.lmb-wrap-narrow{max-width: var(--lmb-container-narrow); margin: 0 auto; padding: 0 var(--lmb-gutter);} .e-con .elementor-widget.elementor-widget.lmb-wrap-narrow{margin-block-end:0} .lmb-section.lmb-section{padding: 96px 0;} .lmb-section--soft.lmb-section--soft{background: var(--lmb-bg-soft);} .lmb-section--tight.lmb-section--tight{padding: 64px 0;} .lmb-section--flush-top.lmb-section--flush-top{padding-top: 0;} .lmb-section--flush-bottom.lmb-section--flush-bottom{padding-bottom: 0;} .lmb-nav.lmb-nav{position: sticky; top: 0; z-index: 100; backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); background: var(--lmb-bg-tint); border-bottom: 0.5px solid var(--lmb-line);} .lmb-nav-inner.lmb-nav-inner{max-width: var(--lmb-container); margin: 0 auto; padding: 14px var(--lmb-gutter); display: flex; align-items: center; gap: 32px;flex-direction:row} .e-con .elementor-widget.elementor-widget.lmb-nav-inner{margin-block-end:0} .lmb-logo.lmb-logo{font-size: 17px; font-weight: 600; letter-spacing: -0.022em; white-space: nowrap; flex-shrink: 0;} .lmb-logo-dot.lmb-logo-dot{display: inline-block; width: 7px; height: 7px; background: var(--lmb-accent); border-radius: 50%; margin-right: 8px; vertical-align: 1px; animation: pulse 2s ease-in-out infinite;} @keyframes pulse{ 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.85); } } .lmb-nav-links.lmb-nav-links{display: flex; align-items: center; gap: 28px; margin-left: auto;flex-direction:row} .lmb-nav-links.lmb-nav-links a{font-size: 14px; font-weight: 400; color: var(--lmb-ink-soft); transition: color 0.2s ease; white-space: nowrap;} .lmb-nav-links.lmb-nav-links a:hover{color: var(--lmb-ink);} .lmb-nav-links.lmb-nav-links a[aria-current="page"]{color: var(--lmb-ink); font-weight: 500;} .lmb-nav-cta.lmb-nav-cta{font-size: 14px; font-weight: 500; padding: 7px 16px; background: var(--lmb-ink); color: #fff; border-radius: var(--lmb-radius-pill); transition: opacity 0.2s ease; white-space: nowrap; flex-shrink: 0;} .lmb-nav-cta.lmb-nav-cta:hover{opacity: 0.85;} .lmb-nav-toggle.lmb-nav-toggle{display: none; width: 40px; height: 40px; margin-left: auto; align-items: center; justify-content: center; border-radius: 10px;} .lmb-nav-toggle.lmb-nav-toggle span{display: block; width: 18px; height: 1.5px; background: var(--lmb-ink); position: relative; transition: background 0.2s ease;} .lmb-nav-toggle.lmb-nav-toggle span::before, .lmb-nav-toggle.lmb-nav-toggle span::after{content: ""; position: absolute; left: 0; width: 18px; height: 1.5px; background: var(--lmb-ink); transition: transform 0.25s ease;} .lmb-nav-toggle.lmb-nav-toggle span::before{top: -6px;} .lmb-nav-toggle.lmb-nav-toggle span::after{top: 6px;} .lmb-nav-toggle.lmb-nav-toggle[aria-expanded="true"] span{background: transparent;} .lmb-nav-toggle.lmb-nav-toggle[aria-expanded="true"] span::before{transform: translateY(6px) rotate(45deg);} .lmb-nav-toggle.lmb-nav-toggle[aria-expanded="true"] span::after{transform: translateY(-6px) rotate(-45deg);} .lmb-nav-drawer.lmb-nav-drawer{display: none; border-top: 0.5px solid var(--lmb-line); background: var(--lmb-bg); padding: 8px var(--lmb-gutter) 24px;} .lmb-nav-drawer.lmb-is-open{display: block;} .lmb-nav-drawer.lmb-nav-drawer a{display: block; padding: 14px 0; font-size: 17px; font-weight: 500; letter-spacing: -0.015em; border-bottom: 0.5px solid var(--lmb-line);} .lmb-nav-drawer.lmb-nav-drawer a:last-of-type{border-bottom: none;} .lmb-nav-drawer .lmb-btn{margin-top: 20px; width: 100%; justify-content: center;} .lmb-eyebrow.lmb-eyebrow{display: inline-block; font-size: 13px; font-weight: 500; color: var(--lmb-ink-soft); padding: 6px 14px; border-radius: var(--lmb-radius-pill); background: var(--lmb-bg-soft); margin-bottom: 28px; letter-spacing: 0.01em;} .e-con .elementor-widget.elementor-widget.lmb-eyebrow{margin-block-end:28px} .lmb-h1.lmb-h1{font-size: clamp(40px, 7vw, 72px); font-weight: 600; line-height: 1.05; letter-spacing: -0.035em; margin-bottom: 24px;} .e-con .elementor-widget.elementor-widget.lmb-h1{margin-block-end:24px} .lmb-h1 .lmb-accent{background: linear-gradient(180deg, #1d1d1f 0%, #6e6e73 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;} .lmb-hero-sub.lmb-hero-sub{font-size: clamp(18px, 2.4vw, 22px); font-weight: 400; line-height: 1.4; color: var(--lmb-ink-soft); max-width: 640px; margin: 0 auto 40px; letter-spacing: -0.012em;} .e-con .elementor-widget.elementor-widget.lmb-hero-sub{margin-block-end:40px} .lmb-section-eyebrow.lmb-section-eyebrow{font-size: 13px; font-weight: 600; color: var(--lmb-accent-text); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; text-align: center;} .e-con .elementor-widget.elementor-widget.lmb-section-eyebrow{margin-block-end:16px} .lmb-section-title.lmb-section-title{font-size: clamp(32px, 5vw, 52px); font-weight: 600; line-height: 1.08; letter-spacing: -0.028em; text-align: center; margin-bottom: 20px;} .e-con .elementor-widget.elementor-widget.lmb-section-title{margin-block-end:20px} .lmb-section-sub.lmb-section-sub{font-size: clamp(17px, 2vw, 21px); color: var(--lmb-ink-soft); text-align: center; max-width: 620px; margin: 0 auto 56px; line-height: 1.45; letter-spacing: -0.012em;} .e-con .elementor-widget.elementor-widget.lmb-section-sub{margin-block-end:56px} .lmb-section-sub--last.lmb-section-sub--last{margin-bottom: 0;} .e-con .elementor-widget.elementor-widget.lmb-section-sub--last{margin-block-end:0} .lmb-cta-row.lmb-cta-row{display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;flex-direction:row} .lmb-cta-row--left.lmb-cta-row--left{justify-content: flex-start;} .lmb-btn.lmb-btn{display: inline-flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 500; padding: 13px 26px; border-radius: var(--lmb-radius-pill); transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, opacity 0.25s ease; letter-spacing: -0.01em;} .lmb-btn-primary.lmb-btn-primary{background: var(--lmb-ink); color: #fff;} .lmb-btn-primary.lmb-btn-primary:hover{background: #000; transform: translateY(-1px);} .lmb-btn-ghost.lmb-btn-ghost{color: var(--lmb-ink); background: transparent;} .lmb-btn-ghost.lmb-btn-ghost:hover{color: var(--lmb-ink-soft);} .lmb-btn-light.lmb-btn-light{background: #fff; color: var(--lmb-ink);} .lmb-btn-light.lmb-btn-light:hover{background: #f0f0f3;} .lmb-btn-sm.lmb-btn-sm{font-size: 14px; padding: 10px 20px;} .lmb-btn-arrow.lmb-btn-arrow::after{content: "\2192"; display: inline-block; transition: transform 0.25s ease;} .lmb-btn:hover .lmb-btn-arrow::after, .lmb-btn-arrow.lmb-btn-arrow:hover::after{transform: translateX(3px);} .lmb-link.lmb-link{color: var(--lmb-ink); border-bottom: 1px solid var(--lmb-line-strong); padding-bottom: 1px; transition: border-color 0.2s ease;} .lmb-link.lmb-link:hover{border-color: var(--lmb-ink);} .lmb-hero.lmb-hero{padding: 88px 0 88px; text-align: center;} .lmb-hero-visual.lmb-hero-visual{margin-top: 48px; position: relative; padding: 0 12px; max-width: 760px; margin-left: auto; margin-right: auto;} .lmb-glass-card.lmb-glass-card{background: rgba(255, 255, 255, 0.7); backdrop-filter: saturate(180%) blur(30px); -webkit-backdrop-filter: saturate(180%) blur(30px); border: 0.5px solid rgba(0, 0, 0, 0.06); border-radius: 24px; padding: 28px; box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(255, 255, 255, 0.8) inset; position: relative;} .lmb-glass-card-bg.lmb-glass-card-bg{position: absolute; inset: -40px 0; background: radial-gradient(ellipse at top, rgba(254, 99, 13, 0.10), transparent 60%); z-index: 0; pointer-events: none;} .lmb-slot-list.lmb-slot-list{display: flex; flex-direction: column; gap: 10px; position: relative;} .lmb-slot.lmb-slot{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; background: #fff; border-radius: var(--lmb-radius-sm); border: 0.5px solid var(--lmb-line); text-align: left; transition: transform 0.3s ease;flex-direction:row} .lmb-slot.lmb-slot:hover{transform: translateY(-1px);} .lmb-slot-left.lmb-slot-left{display: flex; align-items: center; gap: 14px;flex-direction:row} .lmb-slot-time.lmb-slot-time{font-size: 14px; font-weight: 600; color: var(--lmb-ink); min-width: 64px; letter-spacing: -0.01em;} .lmb-slot-info.lmb-slot-info{display: flex; flex-direction: column; gap: 2px;} .lmb-slot-name.lmb-slot-name{font-size: 14px; font-weight: 500;} .lmb-slot-meta.lmb-slot-meta{font-size: 12px; color: var(--lmb-ink-faint);} .lmb-slot-right.lmb-slot-right{display: flex; align-items: center; gap: 12px;flex-direction:row} .lmb-slot-price.lmb-slot-price{font-size: 14px; font-weight: 600; color: var(--lmb-ink);} .lmb-slot-badge.lmb-slot-badge{font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: var(--lmb-radius-pill); letter-spacing: 0.02em; white-space: nowrap;} .lmb-badge-live.lmb-badge-live{background: var(--lmb-live-bg); color: var(--lmb-live-ink);} .lmb-badge-filled.lmb-badge-filled{background: var(--lmb-filled-bg); color: var(--lmb-filled-ink);} .lmb-badge-discount.lmb-badge-discount{background: var(--lmb-discount-bg); color: var(--lmb-discount-ink);} .lmb-page-hero.lmb-page-hero{padding: 72px 0 56px; text-align: center;} .lmb-page-hero .lmb-h1{font-size: clamp(36px, 5.6vw, 60px);} .lmb-page-hero .lmb-hero-sub{margin-bottom: 32px;} .lmb-page-hero--plain .lmb-hero-sub{margin-bottom: 0;} .lmb-breadcrumbs.lmb-breadcrumbs{font-size: 13px; color: var(--lmb-ink-faint); margin-bottom: 20px; letter-spacing: -0.005em;} .e-con .elementor-widget.elementor-widget.lmb-breadcrumbs{margin-block-end:20px} .lmb-breadcrumbs.lmb-breadcrumbs a{color: var(--lmb-ink-soft);} .lmb-breadcrumbs.lmb-breadcrumbs a:hover{color: var(--lmb-ink);} .lmb-breadcrumbs.lmb-breadcrumbs span{margin: 0 6px;} .e-con .elementor-widget.elementor-widget.lmb-breadcrumbs{margin-block-end:0} .lmb-steps.lmb-steps{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; position: relative; max-width: 900px; margin: 0 auto;} .e-con .elementor-widget.elementor-widget.lmb-steps{margin-block-end:0} .lmb-steps.lmb-steps::before{content: ""; position: absolute; top: 5px; left: 12%; right: 12%; height: 1px; background: var(--lmb-line-strong);} .lmb-step.lmb-step{position: relative; padding-top: 32px; text-align: left;} .lmb-step.lmb-step::before{content: ""; position: absolute; top: 0; left: 0; width: 11px; height: 11px; border-radius: 50%; background: var(--lmb-ink); border: 2px solid var(--lmb-bg); box-shadow: 0 0 0 3px var(--lmb-bg);} .lmb-section--soft .lmb-step::before{border-color: var(--lmb-bg-soft); box-shadow: 0 0 0 3px var(--lmb-bg-soft);} .lmb-step-title.lmb-step-title{font-size: 18px; font-weight: 600; letter-spacing: -0.018em; margin-bottom: 8px;} .e-con .elementor-widget.elementor-widget.lmb-step-title{margin-block-end:8px} .lmb-step-body.lmb-step-body{font-size: 15px; color: var(--lmb-ink-soft); line-height: 1.55;} .lmb-fork.lmb-fork{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;} .lmb-fork-card.lmb-fork-card{display: flex; flex-direction: column; padding: 40px 36px; background: #fff; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-lg); transition: transform 0.3s ease, box-shadow 0.3s ease;} .lmb-fork-card.lmb-fork-card:hover{transform: translateY(-3px); box-shadow: 0 20px 50px -24px rgba(0, 0, 0, 0.16);} .lmb-fork-kicker.lmb-fork-kicker{font-size: 13px; font-weight: 600; color: var(--lmb-accent-text); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px;} .e-con .elementor-widget.elementor-widget.lmb-fork-kicker{margin-block-end:14px} .lmb-fork-title.lmb-fork-title{font-size: clamp(24px, 3vw, 30px); font-weight: 600; line-height: 1.15; letter-spacing: -0.024em; margin-bottom: 14px;} .e-con .elementor-widget.elementor-widget.lmb-fork-title{margin-block-end:14px} .lmb-fork-body.lmb-fork-body{font-size: 16px; color: var(--lmb-ink-soft); line-height: 1.55; margin-bottom: 24px;} .e-con .elementor-widget.elementor-widget.lmb-fork-body{margin-block-end:24px} .lmb-fork-list.lmb-fork-list{margin-bottom: 28px; display: flex; flex-direction: column; gap: 10px;} .e-con .elementor-widget.elementor-widget.lmb-fork-list{margin-block-end:28px} .lmb-fork-list.lmb-fork-list li{font-size: 15px; color: var(--lmb-ink-soft); padding-left: 22px; position: relative;} .lmb-fork-list.lmb-fork-list li::before{content: "\2713"; position: absolute; left: 0; top: 0; color: var(--lmb-filled-ink); font-size: 13px; font-weight: 700;} .lmb-fork-card .lmb-btn{margin-top: auto; align-self: flex-start;} .lmb-calc.lmb-calc{max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;} .e-con .elementor-widget.elementor-widget.lmb-calc{margin-block-end:0} .lmb-calc-inputs.lmb-calc-inputs{background: #fff; border-radius: 24px; padding: 36px 32px; border: 0.5px solid var(--lmb-line); display: flex; flex-direction: column; gap: 28px;} .lmb-calc-field.lmb-calc-field{display: flex; flex-direction: column; gap: 10px;} .lmb-calc-field.lmb-calc-field label{font-size: 14px; font-weight: 500; color: var(--lmb-ink-soft); letter-spacing: -0.005em;} .lmb-calc-input-wrap.lmb-calc-input-wrap{display: flex; align-items: center; background: var(--lmb-bg-soft); border-radius: var(--lmb-radius-sm); padding: 0 16px; height: 52px; transition: background 0.2s ease;flex-direction:row} .lmb-calc-input-wrap.lmb-calc-input-wrap:focus-within{background: #eeeef0;} .lmb-calc-prefix.lmb-calc-prefix, .lmb-calc-suffix.lmb-calc-suffix{font-size: 20px; font-weight: 500; color: var(--lmb-ink-faint); letter-spacing: -0.01em;} .lmb-calc-prefix.lmb-calc-prefix{margin-right: 4px;} .lmb-calc-suffix.lmb-calc-suffix{margin-left: 6px; font-size: 15px;} .lmb-calc-input-wrap.lmb-calc-input-wrap input[type="number"]{flex: 1; border: none; background: transparent; font-size: 22px; font-weight: 600; font-family: inherit; color: var(--lmb-ink); letter-spacing: -0.02em; outline: none; width: 100%; min-width: 0; -moz-appearance: textfield; appearance: textfield;} .lmb-calc-input-wrap.lmb-calc-input-wrap input[type="number"]::-webkit-outer-spin-button, .lmb-calc-input-wrap.lmb-calc-input-wrap input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;} .lmb-calc-slider.lmb-calc-slider{-webkit-appearance: none; appearance: none; width: 100%; height: 4px; background: #d2d2d7; border-radius: 4px; outline: none; cursor: pointer;} .lmb-calc-slider.lmb-calc-slider::-webkit-slider-thumb{-webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: var(--lmb-ink); border-radius: 50%; cursor: pointer; transition: transform 0.15s ease;} .lmb-calc-slider.lmb-calc-slider::-webkit-slider-thumb:hover{transform: scale(1.15);} .lmb-calc-slider.lmb-calc-slider::-moz-range-thumb{width: 20px; height: 20px; background: var(--lmb-ink); border-radius: 50%; cursor: pointer; border: none;} .lmb-calc-result.lmb-calc-result{background: var(--lmb-bg-dark); color: #fff; border-radius: 24px; padding: 36px 32px; position: relative; overflow: hidden; align-self: stretch; display: flex;flex-direction:row} .lmb-calc-result.lmb-calc-result::before{content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at top right, var(--lmb-accent-glow), transparent 55%); pointer-events: none;} .lmb-calc-result-inner.lmb-calc-result-inner{position: relative; width: 100%; display: flex; flex-direction: column; justify-content: center;} .lmb-calc-row.lmb-calc-row{display: flex; justify-content: space-between; align-items: baseline; padding: 14px 0;flex-direction:row} .lmb-calc-row-big.lmb-calc-row-big{padding: 22px 0 18px; flex-direction: column; align-items: flex-start; gap: 4px;} .lmb-calc-label.lmb-calc-label{font-size: 14px; color: rgba(255, 255, 255, 0.6); letter-spacing: -0.005em;} .lmb-calc-label-big.lmb-calc-label-big{font-size: 13px; color: var(--lmb-accent-on-dark); text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600;} .lmb-calc-value.lmb-calc-value{font-weight: 600; letter-spacing: -0.025em; font-variant-numeric: tabular-nums;} .lmb-calc-small.lmb-calc-small{font-size: 18px; color: rgba(255, 255, 255, 0.75);} .lmb-calc-mid.lmb-calc-mid{font-size: 24px;} .lmb-calc-big.lmb-calc-big{font-size: clamp(48px, 7vw, 72px); line-height: 1; color: var(--lmb-accent); text-shadow: 0 0 40px rgba(254, 99, 13, 0.45); font-weight: 700;} .lmb-calc-divider.lmb-calc-divider{height: 0.5px; background: rgba(255, 255, 255, 0.12);} .lmb-calc-caption.lmb-calc-caption{font-size: 14px; color: rgba(255, 255, 255, 0.55); margin: 14px 0 24px; line-height: 1.5;} .e-con .elementor-widget.elementor-widget.lmb-calc-caption{margin-block-end:24px} .lmb-calc-cta.lmb-calc-cta{background: #fff; color: var(--lmb-ink); align-self: flex-start; text-align: left; line-height: 1.3;} .lmb-calc-cta.lmb-calc-cta:hover{background: #f0f0f3;} .lmb-calc-footnote.lmb-calc-footnote{max-width: 1000px; margin: 20px auto 0; font-size: 13px; color: var(--lmb-ink-faint); text-align: center; line-height: 1.5;} .e-con .elementor-widget.elementor-widget.lmb-calc-footnote{margin-block-end:0} .lmb-how-illustration.lmb-how-illustration{display: block; width: 100%; max-width: 920px; height: auto; margin: 0 auto; border: 2px solid var(--lmb-ink); border-radius: 20px;} .e-con .elementor-widget.elementor-widget.lmb-how-illustration{margin-block-end:0} .lmb-stages.lmb-stages{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;} .lmb-stage.lmb-stage{padding: 32px 28px; background: #fff; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-md);} .lmb-stage-tag.lmb-stage-tag{display: inline-block; font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: var(--lmb-radius-pill); margin-bottom: 16px; letter-spacing: 0.02em;} .e-con .elementor-widget.elementor-widget.lmb-stage-tag{margin-block-end:16px} .lmb-tag-new.lmb-tag-new{background: var(--lmb-tag-new-bg); color: var(--lmb-tag-new-ink);} .lmb-tag-grow.lmb-tag-grow{background: var(--lmb-tag-grow-bg); color: var(--lmb-tag-grow-ink);} .lmb-tag-est.lmb-tag-est{background: var(--lmb-tag-est-bg); color: var(--lmb-tag-est-ink);} .lmb-stage-title.lmb-stage-title{font-size: 19px; font-weight: 600; letter-spacing: -0.018em; margin-bottom: 10px;} .e-con .elementor-widget.elementor-widget.lmb-stage-title{margin-block-end:10px} .lmb-stage-body.lmb-stage-body{font-size: 15px; color: var(--lmb-ink-soft); line-height: 1.55;} .lmb-features.lmb-features{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;} .lmb-feature.lmb-feature{padding: 30px 28px; background: #fff; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-md);} .lmb-section--soft .lmb-feature{background: #fff;} .lmb-feature-title.lmb-feature-title{font-size: 17px; font-weight: 600; letter-spacing: -0.016em; margin-bottom: 8px;} .e-con .elementor-widget.elementor-widget.lmb-feature-title{margin-block-end:8px} .lmb-feature-body.lmb-feature-body{font-size: 15px; color: var(--lmb-ink-soft); line-height: 1.55;} .lmb-problems.lmb-problems{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;} .lmb-problem-col.lmb-problem-col{padding: 36px 32px; background: #fff; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-lg);} .lmb-problem-col.lmb-problem-col h3{font-size: 19px; font-weight: 600; letter-spacing: -0.018em; margin-bottom: 20px;} .e-con .elementor-widget.elementor-widget.lmb-problem-col{margin-block-end:20px} .lmb-problem-col.lmb-problem-col li{font-size: 16px; color: var(--lmb-ink-soft); line-height: 1.5; padding: 14px 0 14px 24px; border-bottom: 0.5px solid var(--lmb-line); position: relative;} .lmb-problem-col.lmb-problem-col li:last-child{border-bottom: none; padding-bottom: 0;} .lmb-problem-col.lmb-problem-col li::before{content: "\2014"; position: absolute; left: 0; top: 14px; color: var(--lmb-accent-text);} .lmb-categories.lmb-categories{display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; max-width: 780px; margin: 0 auto;flex-direction:row} .e-con .elementor-widget.elementor-widget.lmb-categories{margin-block-end:0} .lmb-category.lmb-category{font-size: 15px; font-weight: 500; padding: 10px 20px; background: #fff; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-pill); color: var(--lmb-ink); letter-spacing: -0.01em;} .lmb-category--muted.lmb-category--muted{color: var(--lmb-ink-faint); background: transparent; border-style: dashed;} .lmb-phones.lmb-phones{display: grid; gap: 20px; max-width: 1000px; margin: 0 auto;} .e-con .elementor-widget.elementor-widget.lmb-phones{margin-block-end:0} .lmb-phones--4.lmb-phones--4{grid-template-columns: repeat(4, 1fr);} .lmb-phones--3.lmb-phones--3{grid-template-columns: repeat(3, 1fr); max-width: 780px;} .lmb-phone-step.lmb-phone-step{display: flex; flex-direction: column; gap: 16px;} .lmb-phone.lmb-phone{border: 7px solid var(--lmb-ink); border-radius: 30px; background: #fff; overflow: hidden; box-shadow: 0 18px 44px -22px rgba(0, 0, 0, 0.28);} .lmb-phone-bar.lmb-phone-bar{display: flex; align-items: center; justify-content: space-between; padding: 7px 12px 4px; font-size: 9px; font-weight: 600; color: var(--lmb-ink);flex-direction:row} .lmb-phone-bar.lmb-phone-bar span:last-child{letter-spacing: 0.06em;} .lmb-phone-head.lmb-phone-head{padding: 6px 12px 10px; border-bottom: 0.5px solid var(--lmb-line); font-size: 11px; font-weight: 600; letter-spacing: -0.01em; text-align: center; position: relative;} .lmb-phone-head .lmb-phone-back{position: absolute; left: 12px; top: 6px; color: var(--lmb-ink-faint); font-weight: 400;} .lmb-phone-screen.lmb-phone-screen{padding: 12px; display: flex; flex-direction: column; gap: 9px;} .lmb-p-filters.lmb-p-filters{display: flex; gap: 5px;flex-direction:row} .lmb-p-chip.lmb-p-chip{font-size: 8.5px; font-weight: 600; padding: 4px 9px; border-radius: var(--lmb-radius-pill); background: var(--lmb-bg-soft); color: var(--lmb-ink-soft);} .lmb-p-chip.lmb-is-on{background: var(--lmb-ink); color: #fff;} .lmb-p-label.lmb-p-label{font-size: 8.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.07em; color: var(--lmb-ink-faint);} .lmb-p-row.lmb-p-row{display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 9px; border: 0.5px solid var(--lmb-line); border-radius: 9px;flex-direction:row} .lmb-p-row-main.lmb-p-row-main{display: flex; flex-direction: column; gap: 1px; min-width: 0;} .lmb-p-title.lmb-p-title{font-size: 10px; font-weight: 600; letter-spacing: -0.01em;} .lmb-p-meta.lmb-p-meta{font-size: 8.5px; color: var(--lmb-ink-faint);} .lmb-p-price.lmb-p-price{font-size: 10px; font-weight: 600; white-space: nowrap;} .lmb-p-badge.lmb-p-badge{font-size: 7.5px; font-weight: 700; padding: 2px 6px; border-radius: var(--lmb-radius-pill); letter-spacing: 0.03em; white-space: nowrap;} .lmb-p-btn.lmb-p-btn{display: block; text-align: center; font-size: 10px; font-weight: 600; padding: 9px; border-radius: 9px; background: var(--lmb-ink); color: #fff;} .lmb-p-btn--quiet.lmb-p-btn--quiet{background: var(--lmb-bg-soft); color: var(--lmb-ink);} .lmb-p-hero.lmb-p-hero{text-align: center; padding: 6px 0 2px;} .lmb-p-hero-amount.lmb-p-hero-amount{font-size: 24px; font-weight: 700; letter-spacing: -0.03em;} .lmb-p-hero-note.lmb-p-hero-note{font-size: 8.5px; color: var(--lmb-ink-faint); margin-top: 2px;} .lmb-p-check.lmb-p-check{width: 30px; height: 30px; margin: 6px auto 2px; border-radius: 50%; border: 1.5px solid var(--lmb-filled-ink); color: var(--lmb-filled-ink); display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700;flex-direction:row} .e-con .elementor-widget.elementor-widget.lmb-p-check{margin-block-end:2px} .lmb-p-divider.lmb-p-divider{height: 0.5px; background: var(--lmb-line);} .lmb-p-kv.lmb-p-kv{display: flex; justify-content: space-between; font-size: 9px;flex-direction:row} .lmb-p-kv.lmb-p-kv span:first-child{color: var(--lmb-ink-faint);} .lmb-p-kv.lmb-p-kv span:last-child{font-weight: 600;} .lmb-p-menu.lmb-p-menu li{font-size: 10px; font-weight: 500; padding: 9px 0; border-bottom: 0.5px solid var(--lmb-line); display: flex; justify-content: space-between;flex-direction:row} .lmb-p-menu.lmb-p-menu li:last-child{border-bottom: none;} .lmb-p-menu.lmb-p-menu li::after{content: "\203A"; color: var(--lmb-ink-faint);} .lmb-phone-caption.lmb-phone-caption{text-align: left;} .lmb-phone-caption.lmb-phone-caption strong{display: block; font-size: 15px; font-weight: 600; letter-spacing: -0.016em; margin-bottom: 5px;} .e-con .elementor-widget.elementor-widget.lmb-phone-caption{margin-block-end:5px} .lmb-phone-caption.lmb-phone-caption span{font-size: 14px; color: var(--lmb-ink-soft); line-height: 1.5;} .lmb-waitlist.lmb-waitlist{background: var(--lmb-bg-dark); color: #fff; border-radius: var(--lmb-radius-lg); padding: 72px 48px; max-width: 880px; margin: 0 auto; text-align: center; position: relative; overflow: hidden;} .e-con .elementor-widget.elementor-widget.lmb-waitlist{margin-block-end:0} .lmb-waitlist.lmb-waitlist::before{content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at top right, rgba(254, 99, 13, 0.30), transparent 50%); pointer-events: none;} .lmb-waitlist-eyebrow.lmb-waitlist-eyebrow{font-size: 13px; font-weight: 600; color: var(--lmb-accent-on-dark); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; position: relative;} .e-con .elementor-widget.elementor-widget.lmb-waitlist-eyebrow{margin-block-end:16px} .lmb-waitlist-title.lmb-waitlist-title{font-size: clamp(32px, 5vw, 48px); font-weight: 600; line-height: 1.1; letter-spacing: -0.028em; margin-bottom: 16px; position: relative;} .e-con .elementor-widget.elementor-widget.lmb-waitlist-title{margin-block-end:16px} .lmb-waitlist-sub.lmb-waitlist-sub{font-size: 17px; color: rgba(255, 255, 255, 0.7); max-width: 500px; margin: 0 auto 36px; line-height: 1.5; position: relative;} .e-con .elementor-widget.elementor-widget.lmb-waitlist-sub{margin-block-end:36px} .lmb-form-row.lmb-form-row{display: flex; gap: 10px; max-width: 460px; margin: 0 auto; position: relative;flex-direction:row} .e-con .elementor-widget.elementor-widget.lmb-form-row{margin-block-end:0} .lmb-form-input.lmb-form-input{flex: 1; padding: 14px 20px; border: none; background: rgba(255, 255, 255, 0.12); color: #fff; border-radius: var(--lmb-radius-pill); font-size: 15px; font-family: inherit; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); outline: none; transition: background 0.2s ease;} .lmb-form-input.lmb-form-input::placeholder{color: rgba(255, 255, 255, 0.5);} .lmb-form-input.lmb-form-input:focus{background: rgba(255, 255, 255, 0.18);} .lmb-form-btn.lmb-form-btn{padding: 14px 24px; background: #fff; color: var(--lmb-ink); border-radius: var(--lmb-radius-pill); font-weight: 600; font-size: 15px; transition: transform 0.2s ease; white-space: nowrap;} .lmb-form-btn.lmb-form-btn:hover{transform: scale(1.03);} .lmb-form-fine.lmb-form-fine{margin-top: 18px; font-size: 13px; color: rgba(255, 255, 255, 0.5); position: relative;} .lmb-form-fine.lmb-form-fine a{color: rgba(255, 255, 255, 0.75); text-decoration: underline;} .lmb-chip-row.lmb-chip-row{display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 48px;flex-direction:row} .e-con .elementor-widget.elementor-widget.lmb-chip-row{margin-block-end:48px} .lmb-chip.lmb-chip{font-size: 14px; font-weight: 500; padding: 8px 16px; border-radius: var(--lmb-radius-pill); background: var(--lmb-bg-soft); color: var(--lmb-ink-soft); transition: background 0.2s ease, color 0.2s ease;} .lmb-chip.lmb-chip:hover{color: var(--lmb-ink);} .lmb-chip.lmb-is-on{background: var(--lmb-ink); color: #fff;} .lmb-post-featured.lmb-post-featured{display: grid; grid-template-columns: 1.15fr 1fr; gap: 0; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-lg); overflow: hidden; margin-bottom: 20px; background: #fff; transition: box-shadow 0.3s ease;} .e-con .elementor-widget.elementor-widget.lmb-post-featured{margin-block-end:20px} .lmb-post-featured.lmb-post-featured:hover{box-shadow: 0 24px 60px -30px rgba(0, 0, 0, 0.2);} .lmb-post-thumb.lmb-post-thumb{background: linear-gradient(135deg, #f5f5f7 0%, #e8e8ed 100%); min-height: 300px; position: relative; display: flex; align-items: center; justify-content: center;flex-direction:row} .lmb-post-thumb.lmb-post-thumb::after{content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 20%, rgba(254, 99, 13, 0.10), transparent 60%);} .lmb-post-thumb-note.lmb-post-thumb-note{font-size: 12px; color: var(--lmb-ink-faint); letter-spacing: 0.04em; text-transform: uppercase; position: relative;} .lmb-post-featured-body.lmb-post-featured-body{padding: 44px 40px; display: flex; flex-direction: column; justify-content: center;} .lmb-post-meta.lmb-post-meta{font-size: 13px; color: var(--lmb-ink-faint); margin-bottom: 14px; letter-spacing: -0.005em;} .e-con .elementor-widget.elementor-widget.lmb-post-meta{margin-block-end:14px} .lmb-post-meta .lmb-post-cat{color: var(--lmb-accent-text); font-weight: 600;} .lmb-post-featured-title.lmb-post-featured-title{font-size: clamp(24px, 3vw, 32px); font-weight: 600; line-height: 1.15; letter-spacing: -0.026em; margin-bottom: 14px;} .e-con .elementor-widget.elementor-widget.lmb-post-featured-title{margin-block-end:14px} .lmb-post-excerpt.lmb-post-excerpt{font-size: 16px; color: var(--lmb-ink-soft); line-height: 1.55; margin-bottom: 24px;} .e-con .elementor-widget.elementor-widget.lmb-post-excerpt{margin-block-end:24px} .lmb-post-grid.lmb-post-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .lmb-post-card.lmb-post-card{display: flex; flex-direction: column; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-md); overflow: hidden; background: #fff; transition: transform 0.3s ease, box-shadow 0.3s ease;} .lmb-post-card.lmb-post-card:hover{transform: translateY(-3px); box-shadow: 0 20px 46px -26px rgba(0, 0, 0, 0.18);} .lmb-post-card .lmb-post-thumb{min-height: 168px;} .lmb-post-card-body.lmb-post-card-body{padding: 24px 24px 26px; display: flex; flex-direction: column; flex: 1;} .lmb-post-card-title.lmb-post-card-title{font-size: 18px; font-weight: 600; line-height: 1.25; letter-spacing: -0.018em; margin-bottom: 10px;} .e-con .elementor-widget.elementor-widget.lmb-post-card-title{margin-block-end:10px} .lmb-post-card-excerpt.lmb-post-card-excerpt{font-size: 14px; color: var(--lmb-ink-soft); line-height: 1.55; margin-bottom: 18px;} .e-con .elementor-widget.elementor-widget.lmb-post-card-excerpt{margin-block-end:18px} .lmb-post-card-more.lmb-post-card-more{margin-top: auto; font-size: 14px; font-weight: 500; color: var(--lmb-ink);} .lmb-pagination.lmb-pagination{display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 56px;flex-direction:row} .lmb-pagination.lmb-pagination a, .lmb-pagination.lmb-pagination span{min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--lmb-radius-pill); font-size: 14px; font-weight: 500; border: 0.5px solid var(--lmb-line); padding: 0 14px;} .lmb-pagination .lmb-is-current{background: var(--lmb-ink); color: #fff; border-color: var(--lmb-ink);} .lmb-pagination .lmb-is-disabled{color: var(--lmb-ink-faint); border-color: transparent;} .lmb-article-head.lmb-article-head{padding: 64px 0 40px; text-align: center;} .lmb-article-title.lmb-article-title{font-size: clamp(32px, 5vw, 52px); font-weight: 600; line-height: 1.08; letter-spacing: -0.03em; margin-bottom: 20px;} .e-con .elementor-widget.elementor-widget.lmb-article-title{margin-block-end:20px} .lmb-article-standfirst.lmb-article-standfirst{font-size: clamp(18px, 2.2vw, 21px); color: var(--lmb-ink-soft); line-height: 1.45; letter-spacing: -0.012em; max-width: 620px; margin: 0 auto 28px;} .e-con .elementor-widget.elementor-widget.lmb-article-standfirst{margin-block-end:28px} .lmb-article-byline.lmb-article-byline{font-size: 14px; color: var(--lmb-ink-faint); display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;flex-direction:row} .lmb-article-byline.lmb-article-byline span{position: relative;} .lmb-article-byline.lmb-article-byline span + span::before{content: "\00B7"; margin-right: 10px;} .lmb-prose.lmb-prose{font-size: 19px; line-height: 1.65; letter-spacing: -0.01em;} .lmb-prose.lmb-prose > * + *{margin-top: 26px;} .lmb-prose.lmb-prose h2{font-size: clamp(26px, 3.4vw, 34px); font-weight: 600; line-height: 1.15; letter-spacing: -0.024em; margin-top: 56px; margin-bottom: -6px;} .e-con .elementor-widget.elementor-widget.lmb-prose{margin-block-end:-6px} .lmb-prose.lmb-prose h3{font-size: 21px; font-weight: 600; letter-spacing: -0.018em; margin-top: 40px; margin-bottom: -10px;} .e-con .elementor-widget.elementor-widget.lmb-prose{margin-block-end:-10px} .lmb-prose.lmb-prose p{color: var(--lmb-ink);} .lmb-prose.lmb-prose a{color: var(--lmb-ink); border-bottom: 1px solid var(--lmb-line-strong);} .lmb-prose.lmb-prose a:hover{border-color: var(--lmb-ink);} .lmb-prose.lmb-prose strong{font-weight: 600;} .lmb-prose.lmb-prose ul, .lmb-prose.lmb-prose ol{padding-left: 4px;} .lmb-prose.lmb-prose li{position: relative; padding-left: 26px; margin-top: 12px; color: var(--lmb-ink);} .lmb-prose.lmb-prose ul > li::before{content: ""; position: absolute; left: 4px; top: 13px; width: 5px; height: 5px; border-radius: 50%; background: var(--lmb-ink-faint);} .lmb-prose.lmb-prose ol{counter-reset: prose-ol;} .lmb-prose.lmb-prose ol > li{counter-increment: prose-ol;} .lmb-prose.lmb-prose ol > li::before{content: counter(prose-ol) "."; position: absolute; left: 0; top: 0; color: var(--lmb-ink-faint); font-variant-numeric: tabular-nums;} .lmb-prose.lmb-prose blockquote{padding-left: 24px; border-left: 2px solid var(--lmb-accent-text); font-size: 22px; line-height: 1.45; letter-spacing: -0.018em; color: var(--lmb-ink);} .lmb-prose.lmb-prose hr{border: none; height: 0.5px; background: var(--lmb-line); margin: 48px 0;} .e-con .elementor-widget.elementor-widget.lmb-prose{margin-block-end:48px} .lmb-prose.lmb-prose figure{margin-top: 40px;} .lmb-prose.lmb-prose figcaption{font-size: 14px; color: var(--lmb-ink-faint); margin-top: 12px; text-align: center;} .lmb-article-footer.lmb-article-footer{margin-top: 56px; padding-top: 32px; border-top: 0.5px solid var(--lmb-line); font-size: 15px; color: var(--lmb-ink-soft);} .lmb-faq-switch.lmb-faq-switch{display: inline-flex; padding: 4px; background: var(--lmb-bg-soft); border-radius: var(--lmb-radius-pill); margin-bottom: 12px;} .e-con .elementor-widget.elementor-widget.lmb-faq-switch{margin-block-end:12px} .lmb-faq-switch.lmb-faq-switch a{font-size: 14px; font-weight: 500; padding: 8px 20px; border-radius: var(--lmb-radius-pill); color: var(--lmb-ink-soft);} .lmb-faq-switch a.lmb-is-on{background: #fff; color: var(--lmb-ink); box-shadow: 0 1px 3px rgba(0,0,0,0.08);} .lmb-faq-group.lmb-faq-group{max-width: 760px; margin: 0 auto;} .e-con .elementor-widget.elementor-widget.lmb-faq-group{margin-block-end:0} .lmb-faq-group + .lmb-faq-group{margin-top: 56px;} .lmb-faq-group-title.lmb-faq-group-title{font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--lmb-ink-faint); padding-bottom: 14px; border-bottom: 0.5px solid var(--lmb-line); margin-bottom: 4px;} .e-con .elementor-widget.elementor-widget.lmb-faq-group-title{margin-block-end:4px} .lmb-faq-item.lmb-faq-item{border-bottom: 0.5px solid var(--lmb-line);} .lmb-faq-q.lmb-faq-q{width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; text-align: left; padding: 22px 0; font-size: 18px; font-weight: 500; letter-spacing: -0.016em; color: var(--lmb-ink);flex-direction:row} .lmb-faq-q.lmb-faq-q:hover{color: var(--lmb-ink-soft);} .lmb-faq-icon.lmb-faq-icon{flex-shrink: 0; width: 22px; height: 22px; position: relative; margin-top: 3px;} .lmb-faq-icon.lmb-faq-icon::before, .lmb-faq-icon.lmb-faq-icon::after{content: ""; position: absolute; left: 50%; top: 50%; background: var(--lmb-ink-soft); transition: transform 0.25s ease, opacity 0.25s ease;} .lmb-faq-icon.lmb-faq-icon::before{width: 13px; height: 1.5px; transform: translate(-50%, -50%);} .lmb-faq-icon.lmb-faq-icon::after{width: 1.5px; height: 13px; transform: translate(-50%, -50%);} .lmb-faq-q[aria-expanded="true"] .lmb-faq-icon::after{transform: translate(-50%, -50%) rotate(90deg); opacity: 0;} .lmb-faq-a.lmb-faq-a{display: none; padding: 0 40px 26px 0; font-size: 17px; line-height: 1.6; color: var(--lmb-ink-soft); letter-spacing: -0.008em;} .lmb-faq-a.lmb-is-open{display: block;} .lmb-faq-a.lmb-faq-a > * + *{margin-top: 14px;} .lmb-faq-a.lmb-faq-a a{color: var(--lmb-ink); border-bottom: 1px solid var(--lmb-line-strong);} .lmb-faq-a.lmb-faq-a li{padding-left: 20px; position: relative; margin-top: 8px;} .lmb-faq-a.lmb-faq-a li::before{content: ""; position: absolute; left: 2px; top: 11px; width: 4px; height: 4px; border-radius: 50%; background: var(--lmb-ink-faint);} .lmb-form-card.lmb-form-card{max-width: 640px; margin: 0 auto; background: #fff; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-lg); padding: 44px 40px;} .e-con .elementor-widget.elementor-widget.lmb-form-card{margin-block-end:0} .lmb-field.lmb-field{display: flex; flex-direction: column; gap: 9px; margin-bottom: 24px;} .e-con .elementor-widget.elementor-widget.lmb-field{margin-block-end:24px} .lmb-field.lmb-field label{font-size: 14px; font-weight: 500; color: var(--lmb-ink-soft); letter-spacing: -0.005em;} .lmb-field .lmb-req{color: var(--lmb-accent-text);} .lmb-field.lmb-field input[type="text"], .lmb-field.lmb-field input[type="email"], .lmb-field.lmb-field select, .lmb-field.lmb-field textarea{width: 100%; font-family: inherit; font-size: 16px; color: var(--lmb-ink); background: var(--lmb-bg-soft); border: 0.5px solid transparent; border-radius: var(--lmb-radius-sm); padding: 14px 16px; outline: none; transition: background 0.2s ease, border-color 0.2s ease; -webkit-appearance: none; appearance: none;} .lmb-field.lmb-field select{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236e6e73' d='M1 1l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 44px;} .lmb-field.lmb-field textarea{min-height: 150px; resize: vertical; line-height: 1.55;} .lmb-field.lmb-field input:focus, .lmb-field.lmb-field select:focus, .lmb-field.lmb-field textarea:focus{background: #fff; border-color: var(--lmb-ink);} .lmb-field-hint.lmb-field-hint{font-size: 13px; color: var(--lmb-ink-faint);} .lmb-form-card .lmb-btn{width: 100%; justify-content: center;} .lmb-form-note.lmb-form-note{font-size: 13px; color: var(--lmb-ink-faint); text-align: center; margin-top: 18px; line-height: 1.5;} .lmb-contact-aside.lmb-contact-aside{max-width: 640px; margin: 40px auto 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px;} .e-con .elementor-widget.elementor-widget.lmb-contact-aside{margin-block-end:0} .lmb-contact-card.lmb-contact-card{padding: 26px 24px; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-md); background: #fff;} .lmb-contact-card.lmb-contact-card h3{font-size: 16px; font-weight: 600; letter-spacing: -0.016em; margin-bottom: 8px;} .e-con .elementor-widget.elementor-widget.lmb-contact-card{margin-block-end:8px} .lmb-contact-card.lmb-contact-card p{font-size: 14px; color: var(--lmb-ink-soft); line-height: 1.55;} .lmb-legal-notice.lmb-legal-notice{max-width: var(--lmb-container-narrow); margin: 0 auto 40px; padding: 20px 24px; background: var(--lmb-discount-bg); border-radius: var(--lmb-radius-sm); font-size: 15px; color: var(--lmb-discount-ink); line-height: 1.55;} .e-con .elementor-widget.elementor-widget.lmb-legal-notice{margin-block-end:40px} .lmb-legal-toc.lmb-legal-toc{padding: 24px 28px; background: var(--lmb-bg-soft); border-radius: var(--lmb-radius-md); margin-bottom: 48px;} .e-con .elementor-widget.elementor-widget.lmb-legal-toc{margin-block-end:48px} .lmb-legal-toc.lmb-legal-toc h2{font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--lmb-ink-faint); margin-bottom: 14px;} .e-con .elementor-widget.elementor-widget.lmb-legal-toc{margin-block-end:14px} .lmb-legal-toc.lmb-legal-toc li{margin-top: 8px;} .lmb-legal-toc.lmb-legal-toc a{font-size: 16px; color: var(--lmb-ink);} .lmb-legal-toc.lmb-legal-toc a:hover{color: var(--lmb-ink-soft);} .lmb-error-page.lmb-error-page{min-height: 62vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 80px 0;} .lmb-error-code.lmb-error-code{font-size: 15px; font-weight: 600; color: var(--lmb-accent-text); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 20px;} .e-con .elementor-widget.elementor-widget.lmb-error-code{margin-block-end:20px} .lmb-error-links.lmb-error-links{display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 32px;flex-direction:row} .lmb-footer.lmb-footer{padding: 64px 0 40px; border-top: 0.5px solid var(--lmb-line); background: var(--lmb-bg);} .lmb-footer-cols.lmb-footer-cols{display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 48px;} .lmb-footer-brand .lmb-logo{margin-bottom: 12px; display: inline-block;} .lmb-footer-tagline.lmb-footer-tagline{font-size: 14px; color: var(--lmb-ink-soft); line-height: 1.55; max-width: 260px;} .lmb-footer-col.lmb-footer-col h2{font-size: 13px; font-weight: 600; letter-spacing: 0.02em; margin-bottom: 16px;} .e-con .elementor-widget.elementor-widget.lmb-footer-col{margin-block-end:16px} .lmb-footer-col.lmb-footer-col li{margin-bottom: 11px;} .e-con .elementor-widget.elementor-widget.lmb-footer-col{margin-block-end:11px} .lmb-footer-col.lmb-footer-col a{font-size: 14px; color: var(--lmb-ink-soft);} .lmb-footer-col.lmb-footer-col a:hover{color: var(--lmb-ink);} .lmb-footer-bottom.lmb-footer-bottom{padding-top: 28px; border-top: 0.5px solid var(--lmb-line); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 13px; color: var(--lmb-ink-faint);flex-direction:row} .lmb-footer-bottom.lmb-footer-bottom a{color: var(--lmb-ink-faint);} .lmb-footer-bottom.lmb-footer-bottom a:hover{color: var(--lmb-ink-soft);} @media (prefers-reduced-motion: reduce){ html{scroll-behavior: auto;} *, *::before, *::after{animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important;} .lmb-logo-dot.lmb-logo-dot{animation: none;} } @media (max-width: 1024px){ .lmb-nav-links.lmb-nav-links{gap: 20px;} .lmb-phones--4.lmb-phones--4{grid-template-columns: repeat(2, 1fr); gap: 28px;} .lmb-post-grid.lmb-post-grid{grid-template-columns: repeat(2, 1fr);} } @media (max-width: 880px){ .lmb-nav-links.lmb-nav-links{display: none;} .lmb-nav-cta.lmb-nav-cta{display: none;} .lmb-nav-toggle.lmb-nav-toggle{display: flex;flex-direction:row} .lmb-post-featured.lmb-post-featured{grid-template-columns: 1fr;} .lmb-post-thumb.lmb-post-thumb{min-height: 220px;} .lmb-fork.lmb-fork{grid-template-columns: 1fr;} .lmb-problems.lmb-problems{grid-template-columns: 1fr;} } @media (max-width: 767px){ .lmb-hero.lmb-hero{padding: 56px 0 40px;} .lmb-page-hero.lmb-page-hero{padding: 48px 0 40px;} .lmb-section.lmb-section{padding: 64px 0;} .lmb-section--tight.lmb-section--tight{padding: 48px 0;} .lmb-stages.lmb-stages, .lmb-features.lmb-features{grid-template-columns: 1fr;} .lmb-waitlist.lmb-waitlist{padding: 48px 28px;} .lmb-form-row.lmb-form-row{flex-direction: column;} .lmb-calc.lmb-calc{grid-template-columns: 1fr; gap: 16px;} .lmb-calc-inputs.lmb-calc-inputs, .lmb-calc-result.lmb-calc-result{padding: 28px 24px;} .lmb-glass-card.lmb-glass-card{padding: 18px;} .lmb-slot.lmb-slot{padding: 12px 14px;} .lmb-slot-meta.lmb-slot-meta{display: none;} .lmb-steps.lmb-steps{grid-template-columns: 1fr; gap: 28px;} .lmb-steps.lmb-steps::before{display: none;} .lmb-phones--3.lmb-phones--3{grid-template-columns: 1fr; max-width: 340px;} .lmb-phones--4.lmb-phones--4{grid-template-columns: 1fr; max-width: 340px;} .lmb-post-grid.lmb-post-grid{grid-template-columns: 1fr;} .lmb-footer-cols.lmb-footer-cols{grid-template-columns: 1fr 1fr; gap: 32px;} .lmb-footer-brand.lmb-footer-brand{grid-column: 1 / -1;} .lmb-form-card.lmb-form-card{padding: 32px 24px;} .lmb-contact-aside.lmb-contact-aside{grid-template-columns: 1fr;} .lmb-fork-card.lmb-fork-card{padding: 32px 26px;} .lmb-problem-col.lmb-problem-col{padding: 28px 24px;} .lmb-prose.lmb-prose{font-size: 18px;} .lmb-article-head.lmb-article-head{padding: 40px 0 32px;} } @media (max-width: 480px){ .lmb-footer-cols.lmb-footer-cols{grid-template-columns: 1fr;} .lmb-faq-q.lmb-faq-q{font-size: 17px;} .lmb-faq-a.lmb-faq-a{padding-right: 0;} } .lmb-waitlist.lmb-waitlist, .e-con.lmb-waitlist{background: radial-gradient(ellipse at 85% 10%, rgba(124, 198, 250, 0.20), transparent 55%), radial-gradient(ellipse at 10% 0%, rgba(254, 116, 42, 0.28), transparent 60%), linear-gradient(135deg, #1a0e06 0%, #0d1218 55%, #08131d 100%); border-top: 2px solid transparent; border-image: linear-gradient(90deg, #FE742A 0%, #FE630D 45%, #76C3FB 100%) 1;} .lmb-waitlist.lmb-waitlist::before, .e-con.lmb-waitlist::before{background: none;} .lmb-calc-result.lmb-calc-result, .e-con.lmb-calc-result{background: radial-gradient(ellipse at 90% 0%, rgba(124, 198, 250, 0.18), transparent 55%), linear-gradient(135deg, #1a0e06 0%, #0d1218 60%, #08131d 100%);} .lmb-calc-result.lmb-calc-result::before{background: radial-gradient(ellipse at top right, rgba(254, 116, 42, 0.30), transparent 55%);} .lmb-logo-mark.lmb-logo-mark{display: inline-block; width: 26px; height: 26px; border-radius: 7px; margin-right: 10px; vertical-align: -7px;} .lmb-footer--brand .lmb-logo-mark, .lmb-footer--dark .lmb-footer-brand .lmb-logo-mark{width: 34px; height: 34px; border-radius: 9px; vertical-align: -9px;} .lmb-logo:has(.lmb-logo-mark) .lmb-logo-dot{display: none;} /* ===== from css/v2-shared.css ===== */ .lmb-plate.lmb-plate{position: relative; overflow: hidden; border-radius: var(--lmb-radius-lg); background: var(--lmb-bg-soft); isolation: isolate;} .lmb-plate.lmb-plate > img{width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.001); /* kills the 1px edge seam on scaled transforms */ transition: transform 0.9s var(--lmb-ease-out);} .lmb-plate--21x9.lmb-plate--21x9{aspect-ratio: 21 / 9;} .lmb-plate--16x9.lmb-plate--16x9{aspect-ratio: 16 / 9;} .lmb-plate--3x2.lmb-plate--3x2{aspect-ratio: 3 / 2;} .lmb-plate--4x3.lmb-plate--4x3{aspect-ratio: 4 / 3;} .lmb-plate--1x1.lmb-plate--1x1{aspect-ratio: 1 / 1;} .lmb-plate--4x5.lmb-plate--4x5{aspect-ratio: 4 / 5;} .lmb-plate--fill.lmb-plate--fill{height: 100%;} .lmb-plate--sq-corners.lmb-plate--sq-corners{border-radius: 0;} .lmb-plate-scrim.lmb-plate-scrim{position: absolute; inset: 0; z-index: 1; pointer-events: none;} .lmb-plate-scrim--bottom.lmb-plate-scrim--bottom{background: linear-gradient(to top, rgba(8, 12, 18, 0.88) 0%, rgba(8, 12, 18, 0.55) 34%, rgba(8, 12, 18, 0.10) 68%, rgba(8, 12, 18, 0) 100%);} .lmb-plate-scrim--left.lmb-plate-scrim--left{background: linear-gradient(to right, rgba(8, 12, 18, 0.86) 0%, rgba(8, 12, 18, 0.62) 38%, rgba(8, 12, 18, 0.18) 72%, rgba(8, 12, 18, 0) 100%);} .lmb-plate-scrim--even.lmb-plate-scrim--even{background: rgba(10, 14, 20, 0.42);} .lmb-grain.lmb-grain::after{content: ""; position: absolute; inset: 0; z-index: 2; background-image: url("../img/v2/grain.png"); background-repeat: repeat; background-size: 180px 180px; opacity: 0.30; mix-blend-mode: overlay; pointer-events: none;} .lmb-plate-tag.lmb-plate-tag{position: absolute; left: 14px; bottom: 14px; z-index: 3; display: none; max-width: calc(100% - 28px); font-family: var(--lmb-font-mono); font-size: 10px; line-height: 1.35; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(255, 255, 255, 0.86); background: rgba(8, 12, 18, 0.62); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 0.5px solid rgba(255, 255, 255, 0.18); padding: 6px 10px; border-radius: 8px;} .lmb-plate.lmb-is-placeholder .lmb-plate-tag{display: block;} .lmb-plate-tag--lmb-ink.lmb-plate-tag--lmb-ink{color: rgba(29, 29, 31, 0.78); background: rgba(255, 255, 255, 0.72); border-color: rgba(0, 0, 0, 0.10);} .lmb-eyebrow-live.lmb-eyebrow-live{display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 500; letter-spacing: 0.01em; color: var(--lmb-ink-soft); background: var(--lmb-bg-soft); border-radius: var(--lmb-radius-pill); padding: 7px 16px 7px 13px; margin-bottom: 26px;} .e-con .elementor-widget.elementor-widget.lmb-eyebrow-live{margin-block-end:26px} .lmb-eyebrow-live .lmb-dot{width: 7px; height: 7px; border-radius: 50%; background: var(--lmb-accent); box-shadow: 0 0 0 0 var(--lmb-accent-glow); animation: dot-ping 2.4s ease-out infinite; flex-shrink: 0;} @keyframes dot-ping{ 0% { box-shadow: 0 0 0 0 rgba(254, 99, 13, 0.45); } 70% { box-shadow: 0 0 0 9px rgba(254, 99, 13, 0); } 100% { box-shadow: 0 0 0 0 rgba(254, 99, 13, 0); } } .lmb-proof-row.lmb-proof-row{display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 30px;flex-direction:row} .lmb-proof.lmb-proof{display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--lmb-ink-soft); letter-spacing: -0.006em;} .lmb-proof .lmb-ico{color: var(--lmb-accent-text); flex-shrink: 0;} .lmb-ico.lmb-ico{width: 20px; height: 20px; display: block; flex-shrink: 0;} .lmb-ico--sm.lmb-ico--sm{width: 16px; height: 16px;} .lmb-ico--lg.lmb-ico--lg{width: 26px; height: 26px;} .lmb-board.lmb-board{position: relative; background: #fff; border: 0.5px solid var(--lmb-line); border-radius: 26px; box-shadow: var(--lmb-shadow-device); overflow: hidden;} .lmb-board-glow.lmb-board-glow{position: absolute; inset: -30% -10% auto -10%; height: 60%; background: radial-gradient(ellipse at 50% 0%, rgba(254, 99, 13, 0.16), transparent 62%); pointer-events: none; z-index: 0;} .lmb-board-top.lmb-board-top{position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-bottom: 0.5px solid var(--lmb-line); background: rgba(255, 255, 255, 0.72); backdrop-filter: saturate(160%) blur(14px); -webkit-backdrop-filter: saturate(160%) blur(14px);flex-direction:row} .lmb-board-dot.lmb-board-dot{width: 8px; height: 8px; border-radius: 50%; background: var(--lmb-accent); animation: dot-ping 2.4s ease-out infinite; flex-shrink: 0;} .lmb-board-title.lmb-board-title{font-size: 14px; font-weight: 600; letter-spacing: -0.012em;} .lmb-board-sub.lmb-board-sub{font-size: 12px; color: var(--lmb-ink-faint); letter-spacing: -0.004em;} .lmb-board-clock.lmb-board-clock{margin-left: auto; font-family: var(--lmb-font-mono); font-size: 12px; font-weight: 500; color: var(--lmb-ink-soft); font-variant-numeric: tabular-nums; letter-spacing: 0.01em;} .lmb-board-list.lmb-board-list{position: relative; z-index: 1; padding: 14px 18px 6px;} .lmb-board-list.lmb-board-list::before{content: ""; position: absolute; left: 46px; top: 26px; bottom: 22px; width: 1px; background: linear-gradient(to bottom, transparent, var(--lmb-line-strong) 12%, var(--lmb-line-strong) 88%, transparent);} .lmb-board-slot.lmb-board-slot{position: relative; display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 14px; padding: 13px 14px 13px 0; border-radius: var(--lmb-radius-sm); transition: background 0.4s var(--lmb-ease-out), box-shadow 0.4s var(--lmb-ease-out);} .lmb-board-hour.lmb-board-hour{font-family: var(--lmb-font-mono); font-size: 11.5px; font-weight: 500; color: var(--lmb-ink-soft); font-variant-numeric: tabular-nums; text-align: right; padding-right: 14px; position: relative;} .lmb-board-hour.lmb-board-hour::after{content: ""; position: absolute; right: -4px; top: 50%; transform: translateY(-50%); width: 9px; height: 9px; border-radius: 50%; background: #fff; border: 1.5px solid var(--lmb-line-strong); transition: background 0.4s var(--lmb-ease-out), border-color 0.4s var(--lmb-ease-out);} .lmb-board-slot.lmb-is-open .lmb-board-hour::after{border-color: var(--lmb-accent); background: var(--lmb-accent);} .lmb-board-slot.lmb-is-filled .lmb-board-hour::after{border-color: var(--lmb-filled-ink); background: var(--lmb-filled-ink);} .lmb-board-main.lmb-board-main{min-width: 0; padding-left: 8px;} .lmb-board-name.lmb-board-name{display: block; font-size: 14.5px; font-weight: 550; letter-spacing: -0.014em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .lmb-board-meta.lmb-board-meta{display: block; font-size: 12px; color: var(--lmb-ink-soft); margin-top: 2px; letter-spacing: -0.004em;} .lmb-board-side.lmb-board-side{display: flex; align-items: center; gap: 10px;flex-direction:row} .lmb-board-price.lmb-board-price{font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.012em;} .lmb-board-badge.lmb-board-badge{display: inline-flex; align-items: center; font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 4px 9px; border-radius: var(--lmb-radius-pill); white-space: nowrap;} .lmb-b-live.lmb-b-live{background: var(--lmb-live-bg); color: var(--lmb-live-ink);} .lmb-b-filled.lmb-b-filled{background: var(--lmb-filled-bg); color: var(--lmb-filled-ink);} .lmb-b-discount.lmb-b-discount{background: var(--lmb-discount-bg); color: var(--lmb-discount-ink);} .lmb-board-slot.lmb-board-slot [data-state="filled"]{display: none;} .lmb-board-slot.lmb-is-filled [data-state="open"]{display: none;} .lmb-board-slot.lmb-is-filled [data-state="filled"]{display: inline-block;} .lmb-board-slot.lmb-is-filled .lmb-board-name{color: var(--lmb-ink-soft);} .lmb-board-slot.lmb-is-incoming{opacity: 0; transform: translateY(-8px);} .lmb-board-slot.lmb-is-incoming, .lmb-board-slot.lmb-is-arrived{transition: opacity 0.55s var(--lmb-ease-out), transform 0.55s var(--lmb-ease-out), background 0.4s var(--lmb-ease-out), box-shadow 0.4s var(--lmb-ease-out);} .lmb-board-slot.lmb-is-arrived{opacity: 1; transform: translateY(0); background: rgba(254, 99, 13, 0.05); box-shadow: inset 0 0 0 1px rgba(254, 99, 13, 0.22);} .lmb-board-slot.lmb-is-settled{background: transparent; box-shadow: inset 0 0 0 1px transparent;} .lmb-board-foot.lmb-board-foot{position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; border-top: 0.5px solid var(--lmb-line); background: var(--lmb-bg-soft);flex-direction:row} .lmb-board-foot-label.lmb-board-foot-label{font-size: 12.5px; color: var(--lmb-ink-soft); letter-spacing: -0.006em;} .lmb-board-count.lmb-board-count{font-family: var(--lmb-font-mono); font-size: 13px; font-weight: 600; color: var(--lmb-accent-text); font-variant-numeric: tabular-nums; letter-spacing: 0.02em;} .lmb-board-toast.lmb-board-toast{position: absolute; left: 50%; bottom: 68px; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 10px 16px; border-radius: var(--lmb-radius-pill); background: rgba(20, 11, 6, 0.92); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #fff; font-size: 13px; font-weight: 500; letter-spacing: -0.008em; white-space: nowrap; opacity: 0; transform: translate(-50%, 14px); transition: opacity 0.45s var(--lmb-ease-out), transform 0.45s var(--lmb-ease-out); pointer-events: none;flex-direction:row} .lmb-board-toast.lmb-is-up{opacity: 1; transform: translate(-50%, 0);} .lmb-board-toast .lmb-ico{color: #6ee7a0;} .lmb-board-note.lmb-board-note{margin-top: 14px; font-size: 12px; color: var(--lmb-ink-soft); letter-spacing: -0.004em;} .lmb-marquee.lmb-marquee{position: relative; overflow: hidden; padding: 4px 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);} .lmb-marquee-track.lmb-marquee-track{display: flex; width: max-content; gap: 10px; animation: marquee-left 46s linear infinite;flex-direction:row} .lmb-marquee--rtl .lmb-marquee-track{animation-name: marquee-right; animation-duration: 54s;} .lmb-marquee + .lmb-marquee{margin-top: 10px;} .lmb-marquee:hover .lmb-marquee-track, .lmb-marquee:focus-within .lmb-marquee-track{animation-play-state: paused;} @keyframes marquee-left{ from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes marquee-right{ from { transform: translateX(-50%); } to { transform: translateX(0); } } .lmb-mq-item.lmb-mq-item{display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; padding: 9px 16px; background: #fff; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-pill); font-size: 13.5px; letter-spacing: -0.008em; white-space: nowrap;} .lmb-mq-time.lmb-mq-time{font-family: var(--lmb-font-mono); font-size: 12px; font-weight: 600; color: var(--lmb-ink); font-variant-numeric: tabular-nums;} .lmb-mq-name.lmb-mq-name{color: var(--lmb-ink-soft);} .lmb-mq-price.lmb-mq-price{font-weight: 600; font-variant-numeric: tabular-nums;} .lmb-mq-item .lmb-board-badge{font-size: 9.5px; padding: 3px 8px;} .lmb-mq-caption.lmb-mq-caption{text-align: center; font-size: 12.5px; color: var(--lmb-ink-soft); margin-top: 18px; letter-spacing: -0.004em;} .lmb-cat-grid.lmb-cat-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;} .lmb-cat-tile.lmb-cat-tile{position: relative; display: block; overflow: hidden; border-radius: var(--lmb-radius-md); aspect-ratio: 1 / 1; isolation: isolate; background: var(--lmb-dark-2);} .lmb-cat-tile.lmb-cat-tile > img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--lmb-ease-out);} .lmb-cat-tile.lmb-cat-tile::after{content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(8, 12, 18, 0.82) 0%, rgba(8, 12, 18, 0.20) 55%, rgba(8, 12, 18, 0.05) 100%);} .lmb-cat-tile.lmb-cat-tile:hover > img, .lmb-cat-tile.lmb-cat-tile:focus-visible > img{transform: scale(1.06);} .lmb-cat-body.lmb-cat-body{position: absolute; inset: auto 0 0 0; z-index: 2; padding: 16px 16px 15px; display: flex; align-items: center; gap: 9px; color: #fff;flex-direction:row} .lmb-cat-body .lmb-ico{color: rgba(255, 255, 255, 0.82);} .lmb-cat-name.lmb-cat-name{font-size: 14.5px; font-weight: 600; letter-spacing: -0.014em; line-height: 1.2;} .lmb-cat-roadmap.lmb-cat-roadmap{display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 22px;flex-direction:row} .lmb-cat-roadmap .lmb-category{font-size: 14px; padding: 9px 18px;} .lmb-videoslot.lmb-videoslot{position: relative; display: block; overflow: hidden; border-radius: var(--lmb-radius-lg); background: var(--lmb-dark-2); isolation: isolate; cursor: pointer; border: none; padding: 0; width: 100%; text-align: left;} .lmb-videoslot.lmb-videoslot > img{width: 100%; height: 100%; object-fit: cover; display: block;} .lmb-videoslot.lmb-videoslot::after{content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(8, 12, 18, 0.70), rgba(8, 12, 18, 0.10) 60%, rgba(8, 12, 18, 0.28)); transition: opacity 0.5s var(--lmb-ease-out);} .lmb-videoslot.lmb-videoslot:hover::after{opacity: 0.82;} .lmb-videoslot-play.lmb-videoslot-play{position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 76px; height: 76px; border-radius: 50%; background: rgba(255, 255, 255, 0.95); color: var(--lmb-ink); display: flex; align-items: center; justify-content: center; box-shadow: 0 18px 44px -18px rgba(0, 0, 0, 0.55); transition: transform 0.4s var(--lmb-ease-out);flex-direction:row} .lmb-videoslot:hover .lmb-videoslot-play{transform: translate(-50%, -50%) scale(1.07);} .lmb-videoslot-play.lmb-videoslot-play::before{content: ""; position: absolute; inset: -1px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, 0.55); animation: play-ring 3s ease-out infinite;} @keyframes play-ring{ 0% { transform: scale(1); opacity: 0.9; } 70% { transform: scale(1.55); opacity: 0; } 100% { transform: scale(1.55); opacity: 0; } } .lmb-videoslot-play .lmb-ico{width: 24px; height: 24px; margin-left: 3px;} .lmb-videoslot-foot.lmb-videoslot-foot{position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 24px 26px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; color: #fff;flex-direction:row} .lmb-videoslot-label.lmb-videoslot-label{font-size: 17px; font-weight: 600; letter-spacing: -0.018em;} .lmb-videoslot-sub.lmb-videoslot-sub{display: block; font-size: 13.5px; color: rgba(255, 255, 255, 0.7); margin-top: 4px; font-weight: 400; letter-spacing: -0.006em;} .lmb-videoslot-dur.lmb-videoslot-dur{font-family: var(--lmb-font-mono); font-size: 11px; letter-spacing: 0.06em; padding: 5px 10px; border-radius: 7px; background: rgba(255, 255, 255, 0.16); border: 0.5px solid rgba(255, 255, 255, 0.22); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); white-space: nowrap;} .lmb-lightbox.lmb-lightbox{position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; padding: var(--lmb-gutter); background: rgba(8, 10, 14, 0.86); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);flex-direction:row} .lmb-lightbox.lmb-lightbox[hidden]{display: none;} .lmb-lightbox-inner.lmb-lightbox-inner{width: 100%; max-width: 980px; position: relative;} .lmb-lightbox.lmb-lightbox video, .lmb-lightbox .lmb-video-pending{width: 100%; aspect-ratio: 16 / 9; border-radius: var(--lmb-radius-md); background: #000; display: block;} .lmb-video-pending.lmb-video-pending{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; text-align: center; padding: 32px; border: 1px dashed rgba(255, 255, 255, 0.28); color: rgba(255, 255, 255, 0.72);} .lmb-video-pending.lmb-video-pending strong{font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -0.014em;} .lmb-video-pending.lmb-video-pending span{font-size: 13.5px; line-height: 1.55; max-width: 460px;} .lmb-video-pending.lmb-video-pending code{font-family: var(--lmb-font-mono); font-size: 12px; background: rgba(255, 255, 255, 0.10); padding: 3px 7px; border-radius: 5px;} .lmb-lightbox-close.lmb-lightbox-close{position: absolute; top: -46px; right: 0; display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 0.75); padding: 6px 10px; border-radius: var(--lmb-radius-pill);} .lmb-lightbox-close.lmb-lightbox-close:hover{color: #fff;} .lmb-steps-v2.lmb-steps-v2{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;} .lmb-step-card.lmb-step-card{position: relative; padding: 30px 28px 32px; background: #fff; border: 0.5px solid var(--lmb-line); border-radius: var(--lmb-radius-md); overflow: hidden; transition: transform 0.4s var(--lmb-ease-out), box-shadow 0.4s var(--lmb-ease-out);} .lmb-step-card.lmb-step-card:hover{transform: translateY(-3px); box-shadow: var(--lmb-shadow-card);} .lmb-step-card.lmb-step-card::before{content: ""; position: absolute; inset: 0 0 auto 0; height: 2px; background: var(--lmb-brand-grad); opacity: 0; transition: opacity 0.4s var(--lmb-ease-out);} .lmb-step-card.lmb-step-card:hover::before{opacity: 1;} .lmb-step-glyph.lmb-step-glyph{width: 46px; height: 46px; border-radius: 13px; display: flex; align-items: center; justify-content: center; background: var(--lmb-bg-soft); color: var(--lmb-ink); margin-bottom: 20px;flex-direction:row} .e-con .elementor-widget.elementor-widget.lmb-step-glyph{margin-block-end:20px} .lmb-step-card:nth-child(1) .lmb-step-glyph{background: var(--lmb-live-bg); color: var(--lmb-live-ink);} .lmb-step-card:nth-child(2) .lmb-step-glyph{background: var(--lmb-discount-bg); color: var(--lmb-discount-ink);} .lmb-step-card:nth-child(3) .lmb-step-glyph{background: var(--lmb-filled-bg); color: var(--lmb-filled-ink);} .lmb-step-order.lmb-step-order{position: absolute; top: 26px; right: 26px; font-family: var(--lmb-font-mono); font-size: 11px; letter-spacing: 0.08em; color: var(--lmb-ink-soft);} @media (prefers-reduced-motion: reduce){ .lmb-marquee-track.lmb-marquee-track{animation: none; transform: none;} .lmb-marquee.lmb-marquee{overflow-x: auto; -webkit-mask-image: none; mask-image: none;} .lmb-board-dot.lmb-board-dot, .lmb-eyebrow-live .lmb-dot, .lmb-videoslot-play.lmb-videoslot-play::before{animation: none;} .lmb-board-slot.lmb-is-incoming{opacity: 1; transform: none;} .lmb-plate.lmb-plate > img, .lmb-cat-tile.lmb-cat-tile > img{transition: none;} } @media (max-width: 1024px){ .lmb-cat-grid.lmb-cat-grid{grid-template-columns: repeat(3, 1fr);} .lmb-steps-v2.lmb-steps-v2{grid-template-columns: 1fr;} } @media (max-width: 767px){ .lmb-cat-grid.lmb-cat-grid{grid-template-columns: repeat(2, 1fr); gap: 10px;} .lmb-board-list.lmb-board-list{padding: 10px 12px 4px;} .lmb-board-list.lmb-board-list::before{left: 40px;} .lmb-board-slot.lmb-board-slot{grid-template-columns: 40px 1fr auto; gap: 10px;} .lmb-board-meta.lmb-board-meta{display: none;} .lmb-board-toast.lmb-board-toast{white-space: normal; text-align: left; max-width: calc(100% - 32px);} .lmb-videoslot-play.lmb-videoslot-play{width: 58px; height: 58px;} .lmb-videoslot-play .lmb-ico{width: 19px; height: 19px;} .lmb-videoslot-foot.lmb-videoslot-foot{padding: 18px; flex-direction: column; align-items: flex-start; gap: 10px;} .lmb-lightbox-close.lmb-lightbox-close{top: -40px;} .lmb-proof-row.lmb-proof-row{gap: 10px 18px;} } @media (max-width: 480px){ .lmb-board-side.lmb-board-side{flex-direction: column-reverse; align-items: flex-end; gap: 4px;} } /* ===== from css/v2-pages.css ===== */ .lmb-page-hero--lmb-img.lmb-page-hero--lmb-img, .lmb-error-page--lmb-img.lmb-error-page--lmb-img{position: relative; overflow: hidden; isolation: isolate; background: var(--lmb-dark-2); color: #fff;} .lmb-page-hero--lmb-img.lmb-page-hero--lmb-img{padding: 96px 0 88px;} .lmb-error-page--lmb-img.lmb-error-page--lmb-img{min-height: 68vh; padding: 104px 0;} .lmb-ph-media.lmb-ph-media{position: absolute; inset: 0; z-index: 0;} .lmb-ph-media.lmb-ph-media img{width: 100%; height: 100%; object-fit: cover; display: block;} .lmb-page-hero--lmb-img.lmb-page-hero--lmb-img::after, .lmb-error-page--lmb-img.lmb-error-page--lmb-img::after{content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(6, 9, 13, 0.90) 0%, rgba(6, 9, 13, 0.58) 46%, rgba(6, 9, 13, 0.40) 100%), linear-gradient(to right, rgba(6, 9, 13, 0.72) 0%, rgba(6, 9, 13, 0.24) 60%, rgba(6, 9, 13, 0.10) 100%); pointer-events: none;} .lmb-page-hero--lmb-img > .lmb-wrap, .lmb-error-page--lmb-img > .lmb-wrap{position: relative; z-index: 2;} .lmb-page-hero--lmb-img > .lmb-wrap{text-align: left;} .lmb-page-hero--lmb-img .lmb-hero-sub{margin-left: 0; margin-right: 0;} .lmb-page-hero--lmb-img .lmb-cta-row{justify-content: flex-start;} .lmb-page-hero--lmb-img .lmb-breadcrumbs{color: rgba(255, 255, 255, 0.62);} .lmb-page-hero--lmb-img .lmb-breadcrumbs a{color: rgba(255, 255, 255, 0.82);} .lmb-page-hero--lmb-img .lmb-breadcrumbs a:hover{color: #fff;} .lmb-page-hero--lmb-img .lmb-h1 .lmb-accent, .lmb-error-page--lmb-img .lmb-h1 .lmb-accent{background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.66) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;} .lmb-page-hero--lmb-img .lmb-hero-sub, .lmb-error-page--lmb-img .lmb-hero-sub{color: rgba(255, 255, 255, 0.78);} .lmb-error-page--lmb-img .lmb-error-code{color: var(--lmb-accent-on-dark);} .lmb-page-hero--lmb-img .lmb-btn-primary, .lmb-error-page--lmb-img .lmb-btn-primary{background: #fff; color: var(--lmb-ink);} .lmb-page-hero--lmb-img .lmb-btn-primary:hover, .lmb-error-page--lmb-img .lmb-btn-primary:hover{background: #f0f0f3;} .lmb-page-hero--lmb-img .lmb-btn-ghost, .lmb-error-page--lmb-img .lmb-btn-ghost{color: #fff; border: 1px solid rgba(255, 255, 255, 0.30);} .lmb-page-hero--lmb-img .lmb-btn-ghost:hover, .lmb-error-page--lmb-img .lmb-btn-ghost:hover{color: #fff; background: rgba(255, 255, 255, 0.10);} .lmb-page-hero--lmb-img .lmb-hero-note, .lmb-page-hero--lmb-img .lmb-form-fine{color: rgba(255, 255, 255, 0.58);} .lmb-page-hero--lmb-img .lmb-faq-switch{background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);} .lmb-page-hero--lmb-img .lmb-faq-switch a{color: rgba(255, 255, 255, 0.74);} .lmb-page-hero--lmb-img .lmb-faq-switch a:hover{color: #fff;} .lmb-page-hero--lmb-img .lmb-faq-switch a.lmb-is-on{background: #fff; color: var(--lmb-ink);} .lmb-post-thumb.lmb-post-thumb img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 0;} .lmb-post-thumb.lmb-post-thumb:has(img)::after{z-index: 1; background: linear-gradient(to top, rgba(8, 12, 18, 0.42), rgba(8, 12, 18, 0.04) 62%);} .lmb-article-figure.lmb-article-figure{margin: 0 auto 56px; max-width: var(--lmb-container); padding: 0 var(--lmb-gutter);} .e-con .elementor-widget.elementor-widget.lmb-article-figure{margin-block-end:56px} .lmb-article-figure .lmb-plate{border-radius: var(--lmb-radius-lg);} .lmb-article-figure.lmb-article-figure figcaption{font-size: 13px; color: var(--lmb-ink-soft); margin-top: 12px; text-align: center; letter-spacing: -0.004em;} @media (max-width: 767px){ .lmb-page-hero--lmb-img.lmb-page-hero--lmb-img{padding: 64px 0 60px;} .lmb-error-page--lmb-img.lmb-error-page--lmb-img{padding: 72px 0; min-height: 0;} .lmb-article-figure.lmb-article-figure{margin-bottom: 40px;} .e-con .elementor-widget.elementor-widget.lmb-article-figure{margin-block-end:40px} } /* ===== from css/v2-b.css ===== */ .lmb-display.lmb-display{font-family: var(--lmb-font-display); font-size: clamp(36px, 5.6vw, 60px); font-weight: 700; line-height: 1.02; letter-spacing: -0.038em; text-wrap: balance;} .lmb-display.lmb-display em{font-style: normal; display: block; color: var(--lmb-accent-2-on-dark);} .lmb-kicker.lmb-kicker{font-family: var(--lmb-font-mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase;} .lmb-kicker--on-dark.lmb-kicker--on-dark{color: rgba(255, 255, 255, 0.62);} .lmb-kicker--lmb-accent.lmb-kicker--lmb-accent{color: var(--lmb-accent-text);} .lmb-nav.lmb-nav--over{position: fixed; top: 0; left: 0; right: 0; background: transparent; border-bottom-color: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; transition: background 0.4s var(--lmb-ease-out), border-color 0.4s var(--lmb-ease-out);} .lmb-nav.lmb-nav--over .lmb-logo{color: #fff;} .lmb-nav.lmb-nav--over .lmb-nav-links a{color: rgba(255, 255, 255, 0.70);} .lmb-nav.lmb-nav--over .lmb-nav-links a:hover{color: #fff;} .lmb-nav.lmb-nav--over .lmb-nav-cta{background: #fff; color: var(--lmb-ink);} .lmb-nav.lmb-nav--over .lmb-nav-cta:hover{opacity: 1; background: #f0f0f3;} .lmb-nav.lmb-nav--over .lmb-nav-toggle span, .lmb-nav.lmb-nav--over .lmb-nav-toggle span::before, .lmb-nav.lmb-nav--over .lmb-nav-toggle span::after{background: #fff;} .lmb-nav.lmb-nav--over .lmb-nav-toggle[aria-expanded="true"] span{background: transparent;} .lmb-nav.lmb-nav--over.lmb-is-scrolled{background: rgba(12, 15, 20, 0.78); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-bottom-color: rgba(255, 255, 255, 0.10);} .lmb-nav.lmb-nav--over .lmb-nav-drawer{background: var(--lmb-dark-2); border-top-color: rgba(255, 255, 255, 0.10);} .lmb-nav.lmb-nav--over .lmb-nav-drawer a{color: #fff; border-bottom-color: rgba(255, 255, 255, 0.10);} .lmb-nav.lmb-nav--over .lmb-nav-drawer .lmb-btn-primary{background: #fff; color: var(--lmb-ink);} .lmb-bhero.lmb-bhero{position: relative; min-height: min(100vh, 900px); display: flex; align-items: flex-end; overflow: hidden; background: var(--lmb-dark-2); isolation: isolate;flex-direction:row} .lmb-bhero-media.lmb-bhero-media{position: absolute; inset: 0; z-index: 0;} .lmb-bhero-media.lmb-bhero-media img, .lmb-bhero-media.lmb-bhero-media video{width: 100%; height: 100%; object-fit: cover; display: block;} .lmb-bhero-media.lmb-bhero-media video{position: absolute; inset: 0;} .lmb-bhero-scrim.lmb-bhero-scrim{position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(6, 9, 13, 0.94) 0%, rgba(6, 9, 13, 0.62) 34%, rgba(6, 9, 13, 0.20) 66%, rgba(6, 9, 13, 0.55) 100%), linear-gradient(to right, rgba(6, 9, 13, 0.70) 0%, rgba(6, 9, 13, 0.15) 62%, rgba(6, 9, 13, 0) 100%); pointer-events: none;} .lmb-bhero-inner.lmb-bhero-inner{position: relative; z-index: 2; width: 100%; padding: 148px 0 44px; color: #fff;} .lmb-bhero-copy.lmb-bhero-copy{max-width: 900px;} .lmb-bhero .lmb-kicker{margin-bottom: 22px; display: block;} .lmb-bhero .lmb-display{margin-bottom: 24px;} .lmb-bhero-sub.lmb-bhero-sub{font-size: clamp(17px, 2vw, 21px); line-height: 1.45; letter-spacing: -0.012em; color: rgba(255, 255, 255, 0.76); max-width: 560px; margin-bottom: 34px;} .e-con .elementor-widget.elementor-widget.lmb-bhero-sub{margin-block-end:34px} .lmb-bhero .lmb-cta-row{justify-content: flex-start;} .lmb-bhero .lmb-btn-primary{background: #fff; color: var(--lmb-ink);} .lmb-bhero .lmb-btn-primary:hover{background: #f0f0f3;} .lmb-bhero .lmb-btn-ghost{color: #fff; border: 1px solid rgba(255, 255, 255, 0.32);} .lmb-bhero .lmb-btn-ghost:hover{color: #fff; background: rgba(255, 255, 255, 0.10);} .lmb-scroll-cue.lmb-scroll-cue{position: absolute; z-index: 2; right: var(--lmb-gutter); bottom: 28px; display: flex; align-items: center; gap: 9px; font-family: var(--lmb-font-mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.62);flex-direction:row} .lmb-scroll-cue .lmb-bar{display: block; width: 1px; height: 34px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), transparent);} .lmb-statement.lmb-statement{display: grid; grid-template-columns: 1.25fr 0.75fr; gap: 64px; align-items: center;} .lmb-statement-copy.lmb-statement-copy{min-width: 0;} .lmb-statement-quote.lmb-statement-quote{font-family: var(--lmb-font-display); font-size: clamp(28px, 4.2vw, 50px); font-weight: 600; line-height: 1.08; letter-spacing: -0.032em;} .lmb-statement-quote.lmb-statement-quote span{color: var(--lmb-ink-faint); display: block;} .lmb-statement-body.lmb-statement-body{font-size: 17px; line-height: 1.6; color: var(--lmb-ink-soft); max-width: 520px; margin-top: 26px; letter-spacing: -0.008em;} .lmb-statement-rule.lmb-statement-rule{width: 64px; height: 2px; background: var(--lmb-brand-grad); margin-bottom: 26px;} .e-con .elementor-widget.elementor-widget.lmb-statement-rule{margin-block-end:26px} .lmb-spread.lmb-spread{display: grid; grid-template-columns: 1fr 1fr; gap: 0; align-items: stretch; border-top: 0.5px solid var(--lmb-line);} .lmb-spread-media.lmb-spread-media{position: relative; min-height: 520px;} .lmb-spread-media .lmb-plate{height: 100%; border-radius: 0;} .lmb-spread-body.lmb-spread-body{padding: 76px clamp(26px, 5.4vw, 90px); display: flex; flex-direction: column; justify-content: center;} .lmb-spread-inner.lmb-spread-inner{max-width: 520px;} .lmb-spread--flip .lmb-spread-media{order: 2;} .lmb-spread-title.lmb-spread-title{font-family: var(--lmb-font-display); font-size: clamp(28px, 3.8vw, 44px); font-weight: 650; line-height: 1.06; letter-spacing: -0.032em; margin: 16px 0 18px;} .e-con .elementor-widget.elementor-widget.lmb-spread-title{margin-block-end:18px} .lmb-spread-body-text.lmb-spread-body-text{font-size: 17px; line-height: 1.6; color: var(--lmb-ink-soft); letter-spacing: -0.008em; max-width: 460px;} .lmb-spread-list.lmb-spread-list{margin: 26px 0 30px; display: flex; flex-direction: column;} .e-con .elementor-widget.elementor-widget.lmb-spread-list{margin-block-end:30px} .lmb-spread-list.lmb-spread-list li{display: flex; align-items: flex-start; gap: 13px; padding: 14px 0; border-top: 0.5px solid var(--lmb-line); font-size: 15.5px; line-height: 1.5; color: var(--lmb-ink); letter-spacing: -0.008em;flex-direction:row} .lmb-spread-list.lmb-spread-list li:last-child{border-bottom: 0.5px solid var(--lmb-line);} .lmb-spread-list .lmb-ico{color: var(--lmb-accent-text); margin-top: 2px;} .lmb-spread-body .lmb-btn{align-self: flex-start;} .lmb-egrid.lmb-egrid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;} .lmb-egrid .lmb-cat-tile{aspect-ratio: 4 / 5; border-radius: var(--lmb-radius-sm);} .lmb-egrid .lmb-cat-body{padding: 18px 16px 17px;} .lmb-filmband .lmb-videoslot{border-radius: 0;} .lmb-filmband .lmb-videoslot > img{aspect-ratio: 21 / 9;} .lmb-seq.lmb-seq{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;} .lmb-seq-item.lmb-seq-item{padding-top: 22px; border-top: 1.5px solid var(--lmb-ink);} .lmb-seq-item.lmb-seq-item:nth-child(2){border-top-color: var(--lmb-accent);} .lmb-seq-item.lmb-seq-item:nth-child(3){border-top-color: var(--lmb-accent-2);} .lmb-seq-num.lmb-seq-num{font-family: var(--lmb-font-mono); font-size: 11.5px; letter-spacing: 0.14em; color: var(--lmb-ink-soft); display: block; margin-bottom: 14px;} .e-con .elementor-widget.elementor-widget.lmb-seq-num{margin-block-end:14px} .lmb-seq-title.lmb-seq-title{font-family: var(--lmb-font-display); font-size: 21px; font-weight: 600; letter-spacing: -0.022em; margin-bottom: 10px;} .e-con .elementor-widget.elementor-widget.lmb-seq-title{margin-block-end:10px} .lmb-seq-body.lmb-seq-body{font-size: 15.5px; line-height: 1.6; color: var(--lmb-ink-soft); letter-spacing: -0.006em;} .lmb-bandwait.lmb-bandwait{position: relative; overflow: hidden; isolation: isolate; background: var(--lmb-dark-2);} .lmb-bandwait-media.lmb-bandwait-media{position: absolute; inset: 0; z-index: 0;} .lmb-bandwait-media.lmb-bandwait-media img{width: 100%; height: 100%; object-fit: cover;} .lmb-bandwait.lmb-bandwait::after{content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(105deg, rgba(8, 11, 16, 0.92) 0%, rgba(8, 11, 16, 0.74) 52%, rgba(8, 11, 16, 0.50) 100%);} .lmb-bandwait-inner.lmb-bandwait-inner{position: relative; z-index: 2; padding: 104px 0; color: #fff; max-width: 640px;} .lmb-bandwait .lmb-waitlist-eyebrow{color: var(--lmb-accent-on-dark); text-align: left;} .lmb-bandwait-title.lmb-bandwait-title{font-family: var(--lmb-font-display); font-size: clamp(32px, 5vw, 54px); font-weight: 650; line-height: 1.04; letter-spacing: -0.036em; margin-bottom: 18px;} .e-con .elementor-widget.elementor-widget.lmb-bandwait-title{margin-block-end:18px} .lmb-bandwait-sub.lmb-bandwait-sub{font-size: 17px; line-height: 1.55; color: rgba(255, 255, 255, 0.72); margin-bottom: 34px; max-width: 480px;} .e-con .elementor-widget.elementor-widget.lmb-bandwait-sub{margin-block-end:34px} .lmb-bandwait .lmb-form-row{margin: 0; max-width: 480px;} .lmb-bandwait .lmb-form-fine{text-align: left;} .lmb-footer--dark.lmb-footer--dark{background: var(--lmb-dark-3); border-top: none; color: var(--lmb-ink-on-dark);} .lmb-footer--dark .lmb-footer-tagline{color: var(--lmb-ink-on-dark-soft);} .lmb-footer--dark .lmb-footer-col h2{color: #fff;} .lmb-footer--dark .lmb-footer-col a{color: var(--lmb-ink-on-dark-soft);} .lmb-footer--dark .lmb-footer-col a:hover{color: #fff;} .lmb-footer--dark .lmb-footer-bottom{border-top-color: rgba(255, 255, 255, 0.12); color: var(--lmb-ink-on-dark-faint);} .lmb-footer--dark .lmb-footer-bottom a{color: var(--lmb-ink-on-dark-faint);} .lmb-footer--dark .lmb-footer-bottom a:hover{color: #fff;} .lmb-footer--dark .lmb-footer-cols{border-bottom: none;} @media (max-width: 1024px){ .lmb-statement.lmb-statement{grid-template-columns: 1fr; gap: 40px;} .lmb-statement-media.lmb-statement-media{max-width: 420px;} .lmb-spread-body.lmb-spread-body{padding: 56px 40px;} .lmb-spread-media.lmb-spread-media{min-height: 420px;} .lmb-egrid.lmb-egrid{grid-template-columns: repeat(2, 1fr);} .lmb-seq.lmb-seq{grid-template-columns: 1fr; gap: 28px;} } @media (max-width: 880px){ .lmb-bhero.lmb-bhero{min-height: 640px;} .lmb-bhero-inner.lmb-bhero-inner{padding: 124px 0 36px;} .lmb-scroll-cue.lmb-scroll-cue{display: none;} .lmb-spread.lmb-spread{grid-template-columns: 1fr;} .lmb-spread-media.lmb-spread-media{min-height: 340px; order: 0 !important;} .lmb-spread-body.lmb-spread-body{padding: 44px var(--lmb-gutter) 56px;} .lmb-spread-media .lmb-plate{border-radius: 0;} } @media (max-width: 767px){ .lmb-bandwait-inner.lmb-bandwait-inner{padding: 68px 0;} .lmb-egrid.lmb-egrid{gap: 8px;} } /* ===== prose rules, aliased onto Gutenberg post content ===== */ .entry-content.entry-content{font-size: 19px; line-height: 1.65; letter-spacing: -0.01em;} .entry-content.entry-content > * + *{margin-top: 26px;} .entry-content.entry-content h2{font-size: clamp(26px, 3.4vw, 34px); font-weight: 600; line-height: 1.15; letter-spacing: -0.024em; margin-top: 56px; margin-bottom: -6px;} .entry-content.entry-content h3{font-size: 21px; font-weight: 600; letter-spacing: -0.018em; margin-top: 40px; margin-bottom: -10px;} .entry-content.entry-content p{color: var(--lmb-ink);} .entry-content.entry-content a{color: var(--lmb-ink); border-bottom: 1px solid var(--lmb-line-strong);} .entry-content.entry-content a:hover{border-color: var(--lmb-ink);} .entry-content.entry-content strong{font-weight: 600;} .entry-content.entry-content ul, .entry-content.entry-content ol{padding-left: 4px;} .entry-content.entry-content li{position: relative; padding-left: 26px; margin-top: 12px; color: var(--lmb-ink);} .entry-content.entry-content ul > li::before{content: ""; position: absolute; left: 4px; top: 13px; width: 5px; height: 5px; border-radius: 50%; background: var(--lmb-ink-faint);} .entry-content.entry-content ol{counter-reset: prose-ol;} .entry-content.entry-content ol > li{counter-increment: prose-ol;} .entry-content.entry-content ol > li::before{content: counter(prose-ol) "."; position: absolute; left: 0; top: 0; color: var(--lmb-ink-faint); font-variant-numeric: tabular-nums;} .entry-content.entry-content blockquote{padding-left: 24px; border-left: 2px solid var(--lmb-accent-text); font-size: 22px; line-height: 1.45; letter-spacing: -0.018em; color: var(--lmb-ink);} .entry-content.entry-content hr{border: none; height: 0.5px; background: var(--lmb-line); margin: 48px 0;} .entry-content.entry-content figure{margin-top: 40px;} .entry-content.entry-content figcaption{font-size: 14px; color: var(--lmb-ink-faint); margin-top: 12px; text-align: center;} .entry-content.entry-content{font-size: 18px;}