/* ========================================================= 1. TOKENS --------------------------------------------------------- Palette rule that must not be broken: #89D957 fails WCAG as TEXT on white (~1.9:1). It is used as a FILL only, with --ink sitting on top (~11:1). When green must read as text, use --lime-deep (#5FA92F, ~3.6:1 large text only) or put it on --ink (~9:1). ========================================================= */ :root{ --lime:#89D957; --lime-deep:#5FA92F; --lime-soft:#EDF9E4; --ink:#0B0D0A; --ink-2:#171A15; --ink-3:#2A2E27; --paper:#FFFFFF; --mist:#F4F6F2; --rule:#E2E7DD; --rule-dark:#2E332A; --muted:#5C6357; --muted-dark:#9AA394; --font-display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif; --font-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace; --step--1:clamp(.8125rem,.79rem + .11vw,.875rem); --step-0:clamp(1rem,.97rem + .15vw,1.0625rem); --step-1:clamp(1.125rem,1.07rem + .27vw,1.3125rem); --step-2:clamp(1.375rem,1.25rem + .6vw,1.75rem); --step-3:clamp(1.75rem,1.5rem + 1.2vw,2.5rem); --step-4:clamp(2.25rem,1.8rem + 2.2vw,3.5rem); --step-5:clamp(2.75rem,1.9rem + 4vw,5rem); --shell:1200px; --gutter:clamp(20px,5vw,40px); --band:clamp(72px,9vw,128px); --r-sm:6px; --r-md:14px; --r-lg:24px; --ease:cubic-bezier(.22,.61,.36,1); } /* ========================================================= 2. BASE ========================================================= */ *,*::before,*::after{box-sizing:border-box;} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}} body.boostora{ margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-body); font-size:var(--step-0); line-height:1.62; -webkit-font-smoothing:antialiased; overflow-x:hidden; } body.bd-locked{overflow:hidden;} .boostora h1,.boostora h2,.boostora h3,.boostora h4{ font-family:var(--font-display); font-weight:700; line-height:1.03; letter-spacing:-.03em; margin:0 0 .5em; text-wrap:balance; } .boostora p{margin:0 0 1.1em;} .boostora a{color:inherit;text-decoration:none;} .boostora img,.boostora svg{max-width:100%;height:auto;display:block;} .boostora ul{margin:0;padding:0;list-style:none;} :focus-visible{outline:3px solid var(--lime-deep);outline-offset:3px;border-radius:2px;} .bd-skip{ position:absolute;left:-9999px;top:0;z-index:9999; background:var(--ink);color:var(--paper);padding:14px 22px;border-radius:0 0 var(--r-sm) 0; font:600 var(--step--1)/1 var(--font-body); } .bd-skip:focus{left:0;} .bd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;} /* ========================================================= 3. LAYOUT PRIMITIVES ========================================================= */ .bd-shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter);} .bd-band{padding-block:var(--band);} .bd-band--tight{padding-block:calc(var(--band) * .62);} .bd-band--mist{background:var(--mist);} .bd-band--ink{background:var(--ink);color:var(--paper);} .bd-band--ink h2,.bd-band--ink h3{color:var(--paper);} .bd-eyebrow{ font:500 .72rem/1 var(--font-mono); letter-spacing:.16em;text-transform:uppercase; color:var(--muted);margin:0 0 20px;display:flex;align-items:center;gap:10px; } .bd-eyebrow::before{content:"";width:26px;height:2px;background:var(--lime);flex:none;} .bd-band--ink .bd-eyebrow{color:var(--muted-dark);} .bd-head{max-width:60ch;margin-bottom:clamp(40px,5vw,64px);} .bd-head h2{font-size:var(--step-4);} .bd-head p{color:var(--muted);font-size:var(--step-1);max-width:56ch;margin:0;} .bd-band--ink .bd-head p{color:var(--muted-dark);} /* Signature: skewed marker highlight, used sparingly (hero + closing CTA only) */ .bd-mark{position:relative;white-space:nowrap;} .bd-mark::before{ content:"";position:absolute;inset:.14em -.16em .1em; background:var(--lime);transform:skewX(-9deg);border-radius:3px;z-index:-1; } /* ========================================================= 4. BUTTONS ========================================================= */ .bd-btn{ display:inline-flex;align-items:center;justify-content:center;gap:9px; font:600 var(--step--1)/1 var(--font-body);letter-spacing:.01em; padding:15px 26px;border-radius:100px;border:1.5px solid transparent; cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease); white-space:nowrap; } .bd-btn svg{width:15px;height:15px;transition:transform .18s var(--ease);} .bd-btn:hover{transform:translateY(-2px);} .bd-btn:hover svg{transform:translateX(3px);} .bd-btn--lime{background:var(--lime);color:var(--ink);} .bd-btn--lime:hover{background:var(--lime-deep);color:var(--paper);} .bd-btn--ink{background:var(--ink);color:var(--paper);} .bd-btn--ink:hover{background:var(--ink-3);} .bd-btn--ghost{border-color:var(--rule);color:var(--ink);background:transparent;} .bd-btn--ghost:hover{border-color:var(--ink);} .bd-btn--ghost-light{border-color:var(--rule-dark);color:var(--paper);background:transparent;} .bd-btn--ghost-light:hover{border-color:var(--lime);color:var(--lime);} .bd-btn--sm{padding:11px 20px;font-size:.8125rem;} /* ========================================================= 5. TICKER + HEADER ========================================================= */ .bd-ticker{background:var(--ink);color:var(--muted-dark);overflow:hidden;} .bd-ticker__inner{ display:flex;align-items:center;justify-content:space-between;gap:24px; height:38px;font:400 .72rem/1 var(--font-mono);letter-spacing:.06em; } .bd-ticker__list{display:flex;gap:26px;overflow:hidden;white-space:nowrap;} .bd-ticker__list li{display:flex;align-items:center;gap:7px;} .bd-ticker b{color:var(--paper);font-weight:500;} .bd-ticker .up{color:var(--lime);} .bd-ticker__cta{color:var(--paper);white-space:nowrap;border-bottom:1px solid var(--rule-dark);padding-bottom:2px;} .bd-ticker__cta:hover{color:var(--lime);border-color:var(--lime);} @media (max-width:900px){.bd-ticker__list li:nth-child(n+3){display:none;}} @media (max-width:600px){.bd-ticker{display:none;}} .bd-header{position:sticky;top:0;z-index:800;background:var(--paper);border-bottom:1px solid transparent;transition:border-color .25s var(--ease),box-shadow .25s var(--ease);} .bd-header.is-stuck{border-bottom-color:var(--rule);box-shadow:0 10px 30px -22px rgba(11,13,10,.5);} .bd-header__inner{display:flex;align-items:center;gap:28px;height:78px;} .bd-header.is-stuck .bd-header__inner{height:66px;transition:height .25s var(--ease);} .bd-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.28rem;letter-spacing:-.04em;flex:none;} .bd-logo__dot{width:11px;height:11px;border-radius:50%;background:var(--lime);flex:none;box-shadow:0 0 0 4px var(--lime-soft);} .bd-logo img{max-height:42px;width:auto;} .bd-nav{margin-inline:auto;} .bd-nav ul{display:flex;align-items:center;gap:4px;} .bd-nav a{ display:block;padding:9px 14px;border-radius:100px; font-size:.9375rem;font-weight:500;color:var(--ink-3); transition:background .18s var(--ease),color .18s var(--ease); } .bd-nav a:hover{background:var(--mist);color:var(--ink);} .bd-nav .current-menu-item > a, .bd-nav .current_page_item > a{color:var(--ink);font-weight:600;background:var(--lime-soft);} .bd-header__actions{display:flex;align-items:center;gap:12px;flex:none;} .bd-header__phone{font:500 .875rem/1 var(--font-mono);color:var(--ink);} .bd-header__phone:hover{color:var(--lime-deep);} .bd-burger{ display:none;width:44px;height:44px;border:1px solid var(--rule);border-radius:12px; background:var(--paper);cursor:pointer;padding:0;place-items:center; } .bd-burger span{display:block;width:18px;height:2px;background:var(--ink);margin:3px auto;transition:transform .22s var(--ease),opacity .22s var(--ease);} .bd-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg);} .bd-burger[aria-expanded="true"] span:nth-child(2){opacity:0;} .bd-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg);} @media (max-width:1024px){ .bd-nav,.bd-header__phone{display:none;} .bd-burger{display:grid;} } @media (max-width:520px){.bd-header__actions .bd-btn{display:none;}} .bd-drawer{ position:fixed;inset:0;z-index:900;background:var(--paper); transform:translateY(-100%);transition:transform .38s var(--ease); display:flex;flex-direction:column;padding:22px var(--gutter) 34px;overflow-y:auto; } .bd-drawer.is-open{transform:translateY(0);} .bd-drawer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;} .bd-drawer__close{width:44px;height:44px;border:1px solid var(--rule);border-radius:12px;background:none;font-size:1.4rem;cursor:pointer;line-height:1;} .bd-drawer nav ul{display:flex;flex-direction:column;} .bd-drawer nav a{ display:block;padding:16px 0;border-bottom:1px solid var(--rule); font-family:var(--font-display);font-size:var(--step-2);font-weight:600;letter-spacing:-.02em; } .bd-drawer nav a:hover{color:var(--lime-deep);} .bd-drawer__foot{margin-top:32px;display:grid;gap:12px;} /* ========================================================= 6. HERO ========================================================= */ .bd-hero{padding-block:clamp(56px,7vw,96px) clamp(48px,6vw,88px);position:relative;overflow:hidden;} .bd-hero::after{ content:"";position:absolute;top:-180px;right:-160px;width:520px;height:520px; background:radial-gradient(circle,var(--lime-soft) 0%,rgba(255,255,255,0) 68%); pointer-events:none;z-index:-2; } .bd-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,5vw,72px);align-items:center;} .bd-hero__title{isolation:isolate;font-size:var(--step-5);margin-bottom:22px;} .bd-hero__lede{font-size:var(--step-1);color:var(--muted);max-width:46ch;margin-bottom:32px;} .bd-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px;} .bd-hero__trust{display:flex;flex-wrap:wrap;gap:10px 26px;font:400 .78rem/1.5 var(--font-mono);color:var(--muted);letter-spacing:.03em;} .bd-hero__trust li{display:flex;align-items:center;gap:8px;} .bd-hero__trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none;} /* Signature element: the ledger card */ .bd-ledger{ background:var(--ink);color:var(--paper);border-radius:var(--r-lg); padding:26px;box-shadow:0 40px 70px -45px rgba(11,13,10,.8); } .bd-ledger__bar{ display:flex;align-items:center;justify-content:space-between; font:500 .68rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase; color:var(--muted-dark);padding-bottom:16px;border-bottom:1px solid var(--rule-dark); } .bd-ledger__live{display:flex;align-items:center;gap:7px;color:var(--lime);} .bd-ledger__live i{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:bd-pulse 2s infinite;} @keyframes bd-pulse{0%,100%{opacity:1;}50%{opacity:.25;}} @media (prefers-reduced-motion:reduce){.bd-ledger__live i{animation:none;}} .bd-ledger__row{ display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:14px; padding:16px 0;border-bottom:1px solid var(--rule-dark); } .bd-ledger__row:last-of-type{border-bottom:0;} .bd-ledger__k{font:400 .78rem/1.2 var(--font-mono);color:var(--muted-dark);letter-spacing:.02em;} .bd-ledger__v{font:600 1.28rem/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;} .bd-ledger__d{font:500 .74rem/1 var(--font-mono);padding:5px 9px;border-radius:100px;background:rgba(137,217,87,.14);color:var(--lime);white-space:nowrap;} .bd-ledger__d.is-down{background:rgba(137,217,87,.14);color:var(--lime);} .bd-ledger__spark{margin-top:18px;} .bd-ledger__spark svg{width:100%;height:56px;} .bd-ledger__note{font:400 .68rem/1.5 var(--font-mono);color:var(--muted-dark);margin:14px 0 0;} @media (max-width:900px){ .bd-hero__grid{grid-template-columns:1fr;} .bd-ledger{max-width:480px;} } /* ========================================================= 7. LOGO STRIP ========================================================= */ .bd-strip{border-block:1px solid var(--rule);padding-block:30px;} .bd-strip__cap{font:400 .7rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 20px;text-align:center;} .bd-strip__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(24px,5vw,64px);} .bd-strip__row span{ font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em; color:var(--muted);opacity:.6;transition:opacity .2s var(--ease),color .2s var(--ease); } .bd-strip__row span:hover{opacity:1;color:var(--ink);} /* ========================================================= 8. SERVICES ========================================================= */ .bd-svc{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;} .bd-svc__card{ position:relative;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-md); padding:clamp(26px,3vw,38px);display:flex;flex-direction:column; transition:border-color .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease); } .bd-svc__card::before{ content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--lime); border-radius:var(--r-md) 0 0 0;transition:width .32s var(--ease); } .bd-svc__card:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 30px 50px -40px rgba(11,13,10,.6);} .bd-svc__card:hover::before{width:100%;} .bd-svc__icon{ width:50px;height:50px;border-radius:12px;background:var(--lime-soft); display:grid;place-items:center;margin-bottom:22px; } .bd-svc__icon svg{width:23px;height:23px;stroke:var(--ink);} .bd-svc__card h3{font-size:var(--step-2);margin-bottom:10px;} .bd-svc__card p{color:var(--muted);font-size:.9688rem;margin-bottom:22px;} .bd-svc__list{display:grid;gap:9px;margin-bottom:26px;} .bd-svc__list li{font:400 .78rem/1.4 var(--font-mono);color:var(--ink-3);display:flex;gap:9px;letter-spacing:.01em;} .bd-svc__list li::before{content:"+";color:var(--lime-deep);font-weight:700;flex:none;} .bd-svc__more{margin-top:auto;font:600 .8125rem/1 var(--font-body);display:inline-flex;align-items:center;gap:7px;color:var(--ink);} .bd-svc__more svg{width:14px;height:14px;transition:transform .18s var(--ease);} .bd-svc__card:hover .bd-svc__more svg{transform:translateX(4px);} @media (max-width:768px){.bd-svc{grid-template-columns:1fr;}} /* ========================================================= 9. RESULTS BAND (count-up) ========================================================= */ .bd-results__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule-dark);border:1px solid var(--rule-dark);border-radius:var(--r-md);overflow:hidden;} .bd-results__cell{background:var(--ink);padding:clamp(24px,3vw,34px);} .bd-results__n{font:600 clamp(2rem,4vw,3rem)/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--lime);margin:0 0 8px;} .bd-results__l{font:400 .78rem/1.45 var(--font-mono);color:var(--muted-dark);letter-spacing:.03em;margin:0;} .bd-results__foot{font:400 .7rem/1.6 var(--font-mono);color:var(--muted-dark);margin:20px 0 0;} @media (max-width:820px){.bd-results__grid{grid-template-columns:repeat(2,1fr);}} /* ========================================================= 10. PROCESS (numbered — the only place a sequence is real) ========================================================= */ .bd-proc{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--rule);} .bd-proc__step{padding:34px 26px 34px 0;border-right:1px solid var(--rule);position:relative;} .bd-proc__step:last-child{border-right:0;} .bd-proc__step:not(:first-child){padding-left:26px;} .bd-proc__step::before{ content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:var(--lime); transition:width .5s var(--ease); } .bd-proc__step.is-in::before{width:100%;} .bd-proc__n{font:500 .78rem/1 var(--font-mono);color:var(--lime-deep);letter-spacing:.1em;margin-bottom:16px;} .bd-proc__step h3{font-size:var(--step-1);margin-bottom:8px;} .bd-proc__step p{color:var(--muted);font-size:.9375rem;margin:0;} @media (max-width:900px){ .bd-proc{grid-template-columns:1fr;} .bd-proc__step{border-right:0;border-bottom:1px solid var(--rule);padding:26px 0;} .bd-proc__step:not(:first-child){padding-left:0;} } /* ========================================================= 11. CASE STUDIES ========================================================= */ .bd-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .bd-case{ border:1px solid var(--rule);border-radius:var(--r-md);overflow:hidden;background:var(--paper); display:flex;flex-direction:column;transition:transform .22s var(--ease),box-shadow .22s var(--ease); } .bd-case:hover{transform:translateY(-5px);box-shadow:0 34px 54px -42px rgba(11,13,10,.6);} .bd-case__top{padding:26px 26px 20px;flex:1;} .bd-case__tag{ display:inline-block;font:500 .68rem/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase; background:var(--lime-soft);color:var(--ink);padding:7px 11px;border-radius:100px;margin-bottom:18px; } .bd-case__top h3{font-size:var(--step-1);margin-bottom:9px;} .bd-case__top p{color:var(--muted);font-size:.9375rem;margin:0;} .bd-case__ledger{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--rule);} .bd-case__ledger div{padding:18px 26px;} .bd-case__ledger div:first-child{border-right:1px solid var(--rule);} .bd-case__ledger b{display:block;font:600 1.32rem/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--ink);} .bd-case__ledger span{display:block;font:400 .68rem/1.4 var(--font-mono);color:var(--muted);margin-top:6px;letter-spacing:.04em;} @media (max-width:960px){.bd-cases{grid-template-columns:1fr;}} /* ========================================================= 12. AEO SPLIT ========================================================= */ .bd-aeo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,72px);align-items:center;} .bd-aeo h2{font-size:var(--step-4);} .bd-aeo__list{display:grid;gap:2px;background:var(--rule-dark);border:1px solid var(--rule-dark);border-radius:var(--r-md);overflow:hidden;} .bd-aeo__list li{background:var(--ink-2);padding:20px 24px;display:flex;gap:14px;align-items:flex-start;} .bd-aeo__list svg{width:18px;height:18px;stroke:var(--lime);flex:none;margin-top:3px;} .bd-aeo__list b{display:block;font-family:var(--font-display);font-size:1.0625rem;letter-spacing:-.02em;margin-bottom:3px;} .bd-aeo__list span{color:var(--muted-dark);font-size:.9063rem;line-height:1.55;} @media (max-width:900px){.bd-aeo{grid-template-columns:1fr;}} /* ========================================================= 13. TESTIMONIALS ========================================================= */ .bd-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .bd-quote{border:1px solid var(--rule);border-radius:var(--r-md);padding:30px;background:var(--paper);display:flex;flex-direction:column;} .bd-quote__stars{display:flex;gap:3px;margin-bottom:18px;} .bd-quote__stars svg{width:15px;height:15px;fill:var(--lime);} .bd-quote blockquote{margin:0 0 24px;font-size:1.0313rem;line-height:1.62;} .bd-quote figcaption{margin-top:auto;display:flex;align-items:center;gap:12px;} .bd-quote__av{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font:600 .8125rem/1 var(--font-mono);flex:none;} .bd-quote__who b{display:block;font-size:.9375rem;font-weight:600;} .bd-quote__who span{font:400 .75rem/1.3 var(--font-mono);color:var(--muted);} @media (max-width:960px){.bd-quotes{grid-template-columns:1fr;}} /* ========================================================= 14. FAQ ========================================================= */ .bd-faq{max-width:820px;margin-inline:auto;border-top:1px solid var(--rule);} .bd-faq__item{border-bottom:1px solid var(--rule);} .bd-faq__q{ width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:22px; background:none;border:0;padding:24px 0;cursor:pointer;text-align:left; font-family:var(--font-display);font-size:var(--step-1);font-weight:600;letter-spacing:-.02em;color:var(--ink); } .bd-faq__q:hover{color:var(--lime-deep);} .bd-faq__ico{width:26px;height:26px;border-radius:50%;background:var(--lime-soft);display:grid;place-items:center;flex:none;margin-top:2px;position:relative;} .bd-faq__ico::before,.bd-faq__ico::after{content:"";position:absolute;background:var(--ink);transition:transform .24s var(--ease);} .bd-faq__ico::before{width:11px;height:1.5px;} .bd-faq__ico::after{width:1.5px;height:11px;} .bd-faq__q[aria-expanded="true"] .bd-faq__ico::after{transform:scaleY(0);} .bd-faq__a{overflow:hidden;max-height:0;transition:max-height .32s var(--ease);} .bd-faq__a p{color:var(--muted);margin:0 0 24px;padding-right:48px;} @media (prefers-reduced-motion:reduce){.bd-faq__a{transition:none;}} /* ========================================================= 15. BLOG CARDS ========================================================= */ .bd-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;} .bd-post{display:flex;flex-direction:column;} .bd-post__thumb{ aspect-ratio:16/10;border-radius:var(--r-md);overflow:hidden;background:var(--mist);margin-bottom:18px; display:grid;place-items:center; } .bd-post__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease);} .bd-post:hover .bd-post__thumb img{transform:scale(1.045);} .bd-post__thumb--empty{font:500 .72rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);} .bd-post__meta{font:400 .72rem/1 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:11px;display:flex;gap:10px;} .bd-post h3{font-size:var(--step-1);margin-bottom:9px;} .bd-post:hover h3{color:var(--lime-deep);} .bd-post p{color:var(--muted);font-size:.9375rem;margin:0;} @media (max-width:900px){.bd-posts{grid-template-columns:1fr;}} /* ========================================================= 16. CLOSING CTA ========================================================= */ .bd-cta{background:var(--lime);color:var(--ink);} .bd-cta__inner{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,64px);align-items:center;} .bd-cta h2{font-size:var(--step-4);isolation:isolate;margin-bottom:14px;} .bd-cta h2 .bd-mark::before{background:var(--ink);} .bd-cta h2 .bd-mark{color:var(--lime);} .bd-cta p{margin:0;font-size:var(--step-1);max-width:44ch;} .bd-cta__side{display:grid;gap:12px;justify-items:start;} .bd-cta__side .bd-btn{width:100%;} .bd-cta__fine{font:400 .72rem/1.6 var(--font-mono);margin:0;} @media (max-width:820px){.bd-cta__inner{grid-template-columns:1fr;}} /* ========================================================= 17. FOOTER ========================================================= */ .bd-footer{background:var(--ink);color:var(--muted-dark);} .bd-footer__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:clamp(28px,4vw,56px);padding-block:clamp(56px,7vw,84px) 48px;} .bd-footer h4{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--paper);margin:0 0 20px;} .bd-footer .bd-logo{color:var(--paper);margin-bottom:18px;} .bd-footer__about{font-size:.9375rem;max-width:36ch;margin-bottom:22px;} .bd-footer__col ul{display:grid;gap:11px;} .bd-footer__col a{font-size:.9375rem;transition:color .18s var(--ease);} .bd-footer__col a:hover{color:var(--lime);} .bd-footer__contact li{display:flex;gap:10px;font:400 .8125rem/1.5 var(--font-mono);margin-bottom:12px;} .bd-footer__form{display:flex;gap:8px;margin-top:8px;} .bd-footer__form input{ flex:1;min-width:0;background:var(--ink-2);border:1px solid var(--rule-dark);border-radius:100px; padding:13px 18px;color:var(--paper);font:400 .875rem/1 var(--font-body); } .bd-footer__form input::placeholder{color:var(--muted-dark);} .bd-footer__form input:focus{border-color:var(--lime);outline:none;} .bd-footer__socials{display:flex;gap:9px;margin-top:22px;} .bd-footer__socials a{width:38px;height:38px;border:1px solid var(--rule-dark);border-radius:50%;display:grid;place-items:center;transition:border-color .18s var(--ease),background .18s var(--ease);} .bd-footer__socials svg{width:16px;height:16px;fill:var(--muted-dark);transition:fill .18s var(--ease);} .bd-footer__socials a:hover{border-color:var(--lime);background:rgba(137,217,87,.1);} .bd-footer__socials a:hover svg{fill:var(--lime);} .bd-footer__bar{ border-top:1px solid var(--rule-dark);padding-block:24px; display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;justify-content:space-between; font:400 .78rem/1.5 var(--font-mono); } .bd-footer__bar ul{display:flex;flex-wrap:wrap;gap:20px;} .bd-footer__bar a:hover{color:var(--lime);} @media (max-width:960px){.bd-footer__top{grid-template-columns:1fr 1fr;}} @media (max-width:560px){.bd-footer__top{grid-template-columns:1fr;}} /* ========================================================= 18. SCROLL REVEAL ========================================================= */ .bd-rise{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);} .bd-rise.is-in{opacity:1;transform:none;} @media (prefers-reduced-motion:reduce){ .bd-rise{opacity:1;transform:none;transition:none;} .bd-btn:hover,.bd-svc__card:hover,.bd-case:hover{transform:none;} .bd-proc__step::before{transition:none;} } /* ========================================================= 19. PRINT ========================================================= */ @media print{ .bd-header,.bd-ticker,.bd-drawer,.bd-cta,.bd-footer{display:none !important;} .boostora{color:#000;background:#fff;} } /* ========================================================= 20. COMPATIBILITY LAYER — Hello reset.css + Elementor kit --------------------------------------------------------- Hello Elementor's reset.css styles EVERY