/* Hide ONLY the theme's auto-generated page banner (a <section>with class "banner <slug>-banner"),NOT the site header (bare <header>with logo+nav). Live theme uses section.banner.about-banner,section.banner.home-banner,etc. So target section.banner that is NOT the home-banner. The bare <header>element keeps the site nav visible. */ body.page section.banner:not(.home-banner),body.page .page-header,body.page .entry-header,body.page .et-page-title{display:none!important}@keyframes et-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes et-fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes et-orb-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.15)}}@keyframes et-sq-flicker{0%,100%{fill-opacity:0}30%,70%{fill-opacity:.14}}/* Font enforcement - applied to ALL descendants. Keeps font-family+box-sizing universal but DOES NOT reset margin/padding (the old comma list included div,which has specificity 0,2,1 and was beating every .et-landing .et-X container rule at 0,2,0 - zeroing intended padding on .et-hero,.et-section,.et-step,.et-quote,.et-ind-card,.et-stat,.et-cta-section). Margin/padding reset is now scoped to typographic elements only. */ .et-landing.et-landing,.et-landing.et-landing *{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif!important;font-feature-settings:"kern";box-sizing:border-box}.et-landing.et-landing h1,.et-landing.et-landing h2,.et-landing.et-landing h3,.et-landing.et-landing h4,.et-landing.et-landing p,.et-landing.et-landing ul,.et-landing.et-landing ol,.et-landing.et-landing figure{margin:0;padding:0}/* Break out of the theme's .text-wrapper.general-page width constraint (1093px at 1920vw) so hero gradient+sections span the full viewport. body:has() prevents horizontal scroll from the 100vw width. */ body:has(.et-landing){overflow-x:hidden}.et-landing{direction:rtl;text-align:right;line-height:1.55;background:#000;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}/* Bare site <header>(logo+nav) is position:absolute z:999 over our hero gradient. Theme defaults nav text to color:#000 which becomes invisible on the red/purple gradient. Force white when an .et-landing is on the page. */ body:has(.et-landing) header,body:has(.et-landing) header a,body:has(.et-landing) header nav,body:has(.et-landing) header nav a,body:has(.et-landing) header nav li{color:#fff!important}.et-landing .et-section{position:relative;padding:96px 24px;background:#000;color:#fff;overflow:hidden}.et-landing .et-section.et-alt{background:#0c0c0c}.et-landing .et-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}@media (max-width:768px){.et-landing .et-section{padding:64px 18px}}/* Weights capped at 700 - Segoe UI tops out there. Letter-spacing 0 on Hebrew. !important on font-size beats the theme's .general-page h1{font-size:2.5rem !important}rule which would otherwise force the hero h1 to 40px. */ .et-landing h1{font-size:96px!important;font-weight:700;line-height:1.1;letter-spacing:0;color:#fff;margin:0 0 32px}.et-landing h2{font-size:60px!important;font-weight:700;line-height:1.15;letter-spacing:0;color:#fff;margin:0 0 40px}.et-landing h2.et-accent{color:#e61a2d}.et-landing h2.et-center{text-align:center}.et-landing h3{font-size:26px!important;font-weight:700;line-height:1.3;color:#fff;margin:0 0 16px}.et-landing p{font-size:19px!important;font-weight:400;line-height:1.7;color:#e5e5e5;margin:0 0 24px}.et-landing .et-lead{font-size:23px!important;color:#fff;font-weight:400}.et-landing .et-highlight{color:#e61a2d;font-weight:700}@media (max-width:768px){.et-landing h1{font-size:42px!important}.et-landing h2{font-size:32px!important}.et-landing h3{font-size:21px!important}.et-landing p,.et-landing .et-lead{font-size:17px!important}}/* HERO - VAR4 animated gradient+fade-in-up+floating orbs;VAR1 SVG curve into black */ .et-landing .et-hero{background:linear-gradient(238deg,#8576f5 5.5%,#b54891 23.34%,#ce315f 32.25%,#e61a2d 41.17%,#e61a2d 53%,#8576f5 82.68%);background-size:400% 400%;animation:et-gradient-shift 18s ease infinite;color:#fff;padding:140px 32px 80px;position:relative;overflow:hidden}.et-landing .et-hero .et-container{width:100%;z-index:3;position:relative;max-width:1320px;margin:0 auto}.et-landing .et-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;width:100%}/* Natural block flow on the text column so the inline-block CTA does NOT inherit cross-axis stretch from a flex parent. text-align:right gives the right-aligned Hebrew layout without flex side-effects. */ .et-landing .et-hero-text{text-align:right;direction:rtl}.et-landing .et-hero h1{font-size:74px!important;font-weight:700;letter-spacing:0;line-height:1.1;text-wrap:balance;opacity:0;animation:et-fade-in-up 1s ease-out forwards;margin:0 0 24px}.et-landing .et-hero .et-subhead{font-size:21px!important;line-height:1.55;max-width:520px;text-wrap:balance;margin:0 0 36px;color:#fff;opacity:0;animation:et-fade-in-up 1s ease-out .2s forwards}/* Force the CTA to size to its content even when the theme tries to stretch anchors. width:auto !important+max-width:fit-content beats almost any block-stretch rule the theme might inject. */ .et-landing .et-hero .et-cta{display:inline-block!important;width:auto!important;max-width:fit-content;font-size:19px;padding:18px 44px;opacity:0;animation:et-fade-in-up 1s ease-out .4s forwards}.et-landing .et-hero-spline{position:relative;width:100%;height:420px;max-height:60vh;opacity:0;animation:et-fade-in-up 1.2s ease-out .3s forwards}.et-landing .et-hero-spline spline-viewer{width:100%;height:100%;display:block;border:0;background:transparent}.et-landing .et-hero-spline-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:14px;pointer-events:none}@media (max-width:1100px){.et-landing .et-hero h1{font-size:58px!important}.et-landing .et-hero-spline{height:360px}}@media (max-width:900px){.et-landing .et-hero{padding:120px 20px 80px}.et-landing .et-hero-grid{grid-template-columns:1fr;gap:24px}.et-landing .et-hero-text{order:1;text-align:center}.et-landing .et-hero-text .et-subhead{margin-left:auto;margin-right:auto}.et-landing .et-hero-spline{order:2;height:320px;max-height:50vh}.et-landing .et-hero h1{font-size:40px!important}.et-landing .et-hero .et-subhead{font-size:16px!important;max-width:none}.et-landing .et-hero .et-cta{font-size:17px!important;padding:16px 36px}}.et-landing .et-hero-orbs{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.et-landing .et-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:et-orb-pulse 5s ease-in-out infinite}.et-landing .et-orb-1{top:18%;right:18%;width:380px;height:380px;background:rgba(255,255,255,.18)}.et-landing .et-orb-2{bottom:22%;left:14%;width:480px;height:480px;background:rgba(133,118,245,.22);animation-duration:6s;animation-delay:1s}.et-landing .et-orb-3{top:42%;left:38%;width:280px;height:280px;background:rgba(206,49,95,.20);animation-duration:7s;animation-delay:2s}.et-landing .et-hero-curve{position:absolute;bottom:-2px;left:0;width:100%;height:100px;display:block;z-index:2;pointer-events:none}/* CTA */ .et-landing .et-cta{display:inline-block;background:#e61a2d;color:#fff!important;padding:20px 48px;border-radius:12px;font-size:20px;font-weight:700;text-decoration:none;transition:all .2s;border:2px solid #e61a2d}.et-landing .et-cta:hover{background:transparent;border-color:#fff;color:#fff!important}/* INDUSTRY GRID - glassmorphism cards w/ Lucide-style icons,red-glow hover (21st.dev variant) */ .et-landing .et-industries{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:48px}.et-landing .et-ind-card{position:relative;padding:36px 28px;border-radius:16px;text-align:right;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.04) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.20);transition:border-color .5s ease,box-shadow .5s ease,transform .3s ease}.et-landing .et-ind-card:hover{border-color:rgba(230,26,45,.55);box-shadow:0 0 40px rgba(230,26,45,.30);transform:translateY(-4px)}.et-landing .et-ind-card::after{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path d='M0 0H20M0 0V20' stroke='rgba(255,255,255,0.08)' stroke-width='1' fill='none'/></svg>");background-size:20px 20px}/* Animated grid squares - 21st.dev GridPattern's "squares" overlay,now actually animated. */ .et-landing .et-ind-card .et-grid-squares{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:overlay;z-index:0}.et-landing .et-ind-card .et-sq{fill:rgba(255,255,255,1);fill-opacity:0;animation:et-sq-flicker 6s ease-in-out infinite}.et-landing .et-ind-card .et-sq-0{animation-delay:0s}.et-landing .et-ind-card .et-sq-1{animation-delay:.8s}.et-landing .et-ind-card .et-sq-2{animation-delay:1.6s}.et-landing .et-ind-card .et-sq-3{animation-delay:2.4s}.et-landing .et-ind-card .et-sq-4{animation-delay:3.2s}.et-landing .et-ind-card .et-sq-5{animation-delay:4s}.et-landing .et-ind-card .et-sq-6{animation-delay:4.8s}.et-landing .et-ind-card .et-sq-7{animation-delay:5.6s}.et-landing .et-ind-card:hover .et-sq{fill:rgba(230,26,45,1)}.et-landing .et-ind-card>*{position:relative;z-index:1}.et-landing .et-ind-icon{width:48px;height:48px;color:#e61a2d;margin-bottom:24px;display:block;stroke-width:1.5}.et-landing .et-ind-card h3{margin-bottom:14px;font-size:26px}.et-landing .et-ind-card .et-ind-stat{font-size:54px;font-weight:800;line-height:1;margin-bottom:6px;letter-spacing:-1px;background:linear-gradient(135deg,#ff5c6c 0%,#e61a2d 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.et-landing .et-ind-card .et-ind-unit{display:block;color:rgba(255,255,255,.55);font-size:13px;margin-bottom:20px;font-weight:500;letter-spacing:.2px}.et-landing .et-ind-card p{font-size:16px;line-height:1.65;color:#d0d0d0;margin:0}/* PROCESS - Hebrew-only titles,larger body,no English labels */ .et-landing .et-process{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:56px}.et-landing .et-step{background:rgba(255,255,255,.04);padding:40px 32px;border-radius:16px;border:1px solid rgba(255,255,255,.08);position:relative}.et-landing .et-step-num{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(238deg,#8576f5 5.5%,#b54891 23.34%,#ce315f 32.25%,#e61a2d 41.17%,#e61a2d 53%,#8576f5 82.68%);color:#fff;font-weight:800;font-size:32px;margin-bottom:24px;box-shadow:0 8px 24px rgba(230,26,45,.3)}.et-landing .et-step h3{font-size:26px;margin-bottom:14px}.et-landing .et-step p{font-size:18px;line-height:1.65;color:#d5d5d5;margin-bottom:16px}.et-landing .et-step .et-step-duration{display:inline-block;padding:6px 16px;background:rgba(230,26,45,.15);color:#e61a2d;border-radius:6px;font-size:14px;font-weight:600}/* STATS - single circle row */ .et-landing .et-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-top:48px;justify-items:center}.et-landing .et-stat{width:220px;height:220px;border-radius:50%;background:linear-gradient(238deg,#8576f5 5.5%,#b54891 23.34%,#ce315f 32.25%,#e61a2d 41.17%,#e61a2d 53%,#8576f5 82.68%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:16px;box-shadow:0 12px 36px rgba(230,26,45,.25)}.et-landing .et-stat .et-stat-num{font-size:64px;font-weight:800;line-height:1;margin-bottom:8px;letter-spacing:-1px}.et-landing .et-stat .et-stat-label{font-size:16px;font-weight:600;line-height:1.3;opacity:.95}/* TESTIMONIALS - strong attribution,red accent */ .et-landing .et-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:48px}.et-landing .et-quote{background:rgba(255,255,255,.04);padding:36px 36px 32px;border-radius:14px;border:1px solid rgba(255,255,255,.08);border-right:5px solid #e61a2d}.et-landing .et-quote .et-quote-text{font-size:20px;line-height:1.6;color:#fff;margin-bottom:24px;font-style:italic}.et-landing .et-quote .et-attr{display:flex;align-items:center;gap:14px}.et-landing .et-quote .et-attr-badge{width:56px;height:56px;border-radius:50%;background:linear-gradient(238deg,#8576f5 5.5%,#b54891 23.34%,#ce315f 32.25%,#e61a2d 41.17%,#e61a2d 53%,#8576f5 82.68%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0}.et-landing .et-quote .et-attr-text{display:flex;flex-direction:column}.et-landing .et-quote .et-attr-name{font-size:17px;font-weight:700;color:#fff}.et-landing .et-quote .et-attr-role{font-size:14px;color:rgba(255,255,255,.6);margin-top:2px}/* FORM (21st.dev variant):full-screen animated gradient,glassmorphism card,stacked Hebrew RTL inputs with white bg,black submit that inverts on hover. */ .et-landing .et-cta-section{position:relative;min-height:100vh;background:linear-gradient(238deg,#8576f5 5.5%,#b54891 23.34%,#ce315f 32.25%,#e61a2d 41.17%,#e61a2d 53%,#8576f5 82.68%);background-size:400% 400%;animation:et-gradient-shift 18s ease infinite;padding:96px 24px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.et-landing .et-cta-section .et-cta-inner{position:relative;z-index:2;width:100%;max-width:680px}.et-landing .et-cta-section h2{color:#fff;font-size:48px!important;font-weight:700;margin:0 0 16px;line-height:1.15}.et-landing .et-cta-section .et-lead{color:rgba(255,255,255,.92);font-size:19px!important;max-width:600px;margin:0 auto 48px;line-height:1.6}@media (max-width:768px){.et-landing .et-cta-section h2{font-size:32px!important}.et-landing .et-cta-section .et-lead{font-size:17px!important}}.et-landing .et-cta-section .et-form-card{background:rgba(255,255,255,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:40px;text-align:right}@media (max-width:768px){.et-landing .et-cta-section .et-form-card{padding:28px;border-radius:18px}}.et-landing .et-cta-section .wpcf7 form{display:flex;flex-direction:column;gap:20px;direction:rtl;margin:0}.et-landing .et-cta-section .wpcf7 form>p{margin:0;padding:0}.et-landing .et-cta-section .wpcf7 label{color:#fff!important;display:block;font-weight:500;margin-bottom:8px;font-size:15px;text-align:right;line-height:1.4}.et-landing .et-cta-section .wpcf7 input[type="text"],.et-landing .et-cta-section .wpcf7 input[type="email"],.et-landing .et-cta-section .wpcf7 input[type="tel"],.et-landing .et-cta-section .wpcf7 textarea{width:100%;background:#fff!important;color:#1a1a1a!important;border:2px solid rgba(255,255,255,.20)!important;border-radius:10px;padding:14px 18px;font-size:17px;line-height:1.5;direction:rtl;text-align:right;transition:border-color .2s ease,box-shadow .2s ease}.et-landing .et-cta-section .wpcf7 input[type="text"]:focus,.et-landing .et-cta-section .wpcf7 input[type="email"]:focus,.et-landing .et-cta-section .wpcf7 input[type="tel"]:focus,.et-landing .et-cta-section .wpcf7 textarea:focus{border-color:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.45);outline:none}.et-landing .et-cta-section .wpcf7 input::placeholder,.et-landing .et-cta-section .wpcf7 textarea::placeholder{color:#94a3b8;opacity:1}.et-landing .et-cta-section .wpcf7 input[type="submit"]{width:100%;background:#000!important;color:#fff!important;border:2px solid #fff!important;padding:18px 36px;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease;margin-top:12px}.et-landing .et-cta-section .wpcf7 input[type="submit"]:hover{background:#fff!important;color:#000!important}/* === THEME OVERRIDES === The energy-team theme wraps every page in .page>.general-page-content>.custom-container>.text-wrapper.general-page and forces typography:- h1/h2/h3 color #000 (some with !important) - h2 font-size 2rem !important at chain specificity (0,5,1) - text-transform:capitalize !important - text-align:left !important on h2 - p color #000 font-size 18px (no !important) Match the chain specificity (0,5,1) via .general-page+4x .et-landing so source-order tiebreak (ours loads after theme) wins. */ .general-page .et-landing.et-landing.et-landing.et-landing h1,.general-page .et-landing.et-landing.et-landing.et-landing h2,.general-page .et-landing.et-landing.et-landing.et-landing h3,.general-page .et-landing.et-landing.et-landing.et-landing h4,.general-page .et-landing.et-landing.et-landing.et-landing h5,.general-page .et-landing.et-landing.et-landing.et-landing h6{text-transform:none!important;color:#fff!important;letter-spacing:0!important;text-align:right!important;font-weight:700!important;line-height:1.15!important}.general-page .et-landing.et-landing.et-landing.et-landing h1{font-size:96px!important;line-height:1.1!important;margin:0 0 32px!important}.general-page .et-landing.et-landing.et-landing.et-landing .et-hero h1{font-size:74px!important}.general-page .et-landing.et-landing.et-landing.et-landing h2{font-size:60px!important;line-height:1.15!important;margin:0 0 40px!important}.general-page .et-landing.et-landing.et-landing.et-landing h2.et-accent{color:#e61a2d!important}.general-page .et-landing.et-landing.et-landing.et-landing h2.et-center{text-align:center!important}.general-page .et-landing.et-landing.et-landing.et-landing .et-cta-section h2{font-size:48px!important;text-align:center!important}.general-page .et-landing.et-landing.et-landing.et-landing h3{font-size:26px!important;line-height:1.3!important;margin:0 0 16px!important}.general-page .et-landing.et-landing.et-landing.et-landing p{color:#e5e5e5!important;font-size:19px!important;line-height:1.7!important;text-transform:none!important;font-weight:400!important;margin:0 0 24px!important}.general-page .et-landing.et-landing.et-landing.et-landing .et-lead{color:#fff!important;font-size:23px!important}.general-page .et-landing.et-landing.et-landing.et-landing .et-step p{color:#d5d5d5!important;font-size:18px!important;margin-bottom:16px!important}.general-page .et-landing.et-landing.et-landing.et-landing .et-ind-card p{color:#d0d0d0!important;font-size:16px!important;line-height:1.65!important;margin:0!important}.general-page .et-landing.et-landing.et-landing.et-landing .et-quote .et-quote-text{color:#fff!important;font-size:20px!important;margin-bottom:24px!important}.general-page .et-landing.et-landing.et-landing.et-landing .et-cta-section .et-lead{color:rgba(255,255,255,.92)!important;font-size:19px!important}@media (max-width:768px){.general-page .et-landing.et-landing.et-landing.et-landing h1{font-size:42px!important}.general-page .et-landing.et-landing.et-landing.et-landing h2{font-size:32px!important}.general-page .et-landing.et-landing.et-landing.et-landing h3{font-size:21px!important}.general-page .et-landing.et-landing.et-landing.et-landing p{font-size:17px!important}.general-page .et-landing.et-landing.et-landing.et-landing .et-cta-section h2{font-size:32px!important}.general-page .et-landing.et-landing.et-landing.et-landing .et-hero h1{font-size:40px!important}}/* Also widen the theme's 1093px container constraint so our gradient+sections can go full-bleed at any viewport. Scoped to pages that contain .et-landing via:has() so other pages are unaffected. Plus reset the theme's margin-top:-280px on .general-page-content (which is designed to pull the content up over a visible banner - with the banner hidden,it pulls into negative space and clips the hero headline). */ .page:has(.et-landing) .general-page-content{margin-top:0!important;padding:0!important}.page:has(.et-landing) .general-page-content .custom-container{width:100%!important;max-width:none!important;padding:0!important}.page:has(.et-landing) .general-page-content .text-wrapper.general-page{max-width:none!important;width:100%!important}