/*
Theme Name: Loeion Growth Studio
Theme URI: https://loeion.com/
Author: Loeion
Description: Custom dark/lime animated agency theme inspired by the approved Loeion homepage concept. No Elementor Pro required.
Version: 1.1.0
Text Domain: loeion-growth-studio
*/
:root{--ink:#06101d;--ink2:#091726;--panel:#0d1d2e;--panel2:#102338;--lime:#b9ff27;--white:#f7fafc;--muted:#9eacbc;--line:rgba(194,215,235,.14);--max:1240px;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 70%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.lime{color:var(--lime)}.kicker{display:flex;align-items:center;gap:10px;color:#d9e2eb;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.kicker:before{content:"";width:26px;height:2px;background:var(--lime)}.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:14px 0;transition:.3s}.site-header.scrolled{background:rgba(6,16,29,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;min-height:56px}.brand{font-size:28px;font-weight:900;letter-spacing:-.06em}.brand-dot{color:var(--lime)}.menu{justify-self:center;display:flex;gap:30px;align-items:center}.menu a{font-size:13px;color:#dce4ec;transition:.2s}.menu a:hover{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 20px;font-weight:800;font-size:13px;transition:transform .25s,box-shadow .25s,background .25s}.btn-primary{background:var(--lime);color:var(--ink)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(185,255,39,.22)}.btn-outline{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.02)}.btn-outline:hover{background:rgba(255,255,255,.06)}.menu-toggle{display:none;border:0;background:none;color:white;font-size:28px}.hero{position:relative;min-height:860px;padding:155px 0 95px;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;left:-400px;bottom:-420px;background:var(--lime);filter:blur(130px);opacity:.20}.hero:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(185,255,39,.18);border-radius:50%;right:-330px;top:110px;box-shadow:0 0 120px rgba(185,255,39,.05)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative;z-index:2}.hero h1{font-size:clamp(62px,6.4vw,94px);line-height:.88;letter-spacing:-.065em;margin:20px 0 30px;max-width:690px}.hero h1 .stroke{-webkit-text-stroke:1px rgba(247,250,252,.9);color:transparent}.lead{max-width:610px;font-size:17px;color:var(--muted)}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:31px 0 28px}.mini-proof{display:flex;align-items:center;gap:12px;color:#aeb9c6;font-size:12px}.avatar-stack{display:flex}.avatar-stack i{width:27px;height:27px;border-radius:50%;background:linear-gradient(145deg,#c7d1db,#4f6174);border:2px solid var(--ink);margin-left:-7px}.avatar-stack i:first-child{margin-left:0}.hero-art{position:relative;min-height:570px}.orbit{position:absolute;inset:20px 0 0 40px;border:1px solid rgba(185,255,39,.14);border-radius:50%;transform:rotate(-12deg)}.device{position:absolute;left:7%;right:4%;top:70px;height:390px;border-radius:26px;background:linear-gradient(150deg,#13273d,#07111e 60%);border:1px solid rgba(190,215,239,.18);box-shadow:0 40px 100px rgba(0,0,0,.55);transform:perspective(900px) rotateY(-8deg) rotateZ(2deg);overflow:hidden}.device-top{height:36px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px;gap:6px}.device-top i{width:7px;height:7px;border-radius:50%;background:#40546a}.device-screen{padding:28px}.screen-label{height:10px;width:36%;background:#263d54;border-radius:10px}.screen-title{height:23px;width:70%;background:#dce8f4;border-radius:7px;margin:17px 0 10px;opacity:.9}.screen-sub{height:9px;width:52%;background:#41566d;border-radius:7px}.chart{height:210px;display:flex;align-items:end;gap:10px;margin-top:28px;border-bottom:1px solid rgba(255,255,255,.12)}.chart i{flex:1;background:linear-gradient(to top,#72c700,var(--lime));border-radius:7px 7px 1px 1px;transform-origin:bottom}.float-card{position:absolute;z-index:5;background:rgba(11,28,45,.92);border:1px solid rgba(200,222,243,.17);box-shadow:0 20px 60px rgba(0,0,0,.42);backdrop-filter:blur(16px);border-radius:18px;padding:16px 18px;color:#aebbc8;font-size:11px}.float-card strong{display:block;color:var(--white);font-size:25px;line-height:1.1;margin-top:5px}.float-card em{font-style:normal;color:var(--lime);font-size:10px}.fc-traffic{left:-3%;top:25px}.fc-speed{right:-2%;bottom:76px}.fc-leads{left:14%;bottom:8px}.spark{display:flex;align-items:end;gap:3px;height:28px;margin-top:9px}.spark i{width:6px;background:var(--lime);border-radius:2px}.scribble{position:absolute;color:var(--lime);font-size:46px;font-weight:200;transform:rotate(16deg);right:2%;top:18px}.logo-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.012)}.logos{min-height:86px;display:grid;grid-template-columns:auto repeat(4,1fr);align-items:center;gap:32px;color:#708094}.logos small{color:#91a0af;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.logos b{text-align:center;font-size:16px;letter-spacing:.04em;filter:grayscale(1);opacity:.72}.section{padding:112px 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-title{font-size:clamp(43px,5.1vw,72px);line-height:.94;letter-spacing:-.055em;margin:13px 0 0;max-width:760px}.section-note{max-width:360px;color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;overflow:hidden;min-height:360px;padding:29px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(18,39,61,.78),rgba(8,22,36,.92));transition:.35s}.service-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--lime);filter:blur(90px);opacity:0;right:-80px;bottom:-80px;transition:.35s}.service-card:hover{transform:translateY(-8px);border-color:rgba(185,255,39,.35)}.service-card:hover:after{opacity:.16}.service-card .number{font-size:11px;font-weight:900;color:var(--lime);letter-spacing:.14em}.service-icon{width:72px;height:72px;margin:55px auto 48px;border:1px solid rgba(185,255,39,.35);border-radius:22px;display:grid;place-items:center;color:var(--lime);font-size:31px;transform:rotate(-6deg);box-shadow:inset 0 0 35px rgba(185,255,39,.06)}.service-card h3{font-size:30px;line-height:1.02;letter-spacing:-.04em;margin:0 0 15px}.service-card p{color:var(--muted);font-size:14px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.tags span{font-size:10px;border:1px solid var(--line);border-radius:99px;padding:5px 9px;color:#aebbc8}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:28px 0;background:#081523}.marquee-track{display:inline-block;white-space:nowrap;font-size:clamp(50px,7vw,104px);font-weight:950;letter-spacing:-.065em;line-height:.9;color:#e9eef3}.marquee .outline{-webkit-text-stroke:1px #e9eef3;color:transparent}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.work-card{position:relative;min-height:490px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#0a1928}.work-card:nth-child(3){grid-column:1/-1;min-height:390px}.project-art{position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(185,255,39,.16),transparent 26%),linear-gradient(145deg,#10253a,#07131f)}.browser{position:absolute;width:76%;height:62%;right:-5%;top:16%;background:#e9edf0;border-radius:13px;transform:rotate(-4deg);box-shadow:0 30px 70px rgba(0,0,0,.4);overflow:hidden}.browser:before{content:"";display:block;height:25px;background:#cbd2d8}.browser:after{content:"";display:block;width:72%;height:45%;margin:38px auto;background:linear-gradient(135deg,#17283a 45%,var(--lime) 45%)}.work-content{position:absolute;z-index:3;left:28px;right:28px;bottom:26px}.work-content small{color:#aeb8c3}.work-content h3{font-size:34px;margin:5px 0 13px}.metrics{display:flex;gap:28px}.metrics strong{font-size:24px;color:var(--lime)}.metrics span{display:block;color:#8998a7;font-size:10px}.process-wrap{position:relative}.process-line{position:absolute;left:12.5%;right:12.5%;top:40px;height:1px;background:rgba(255,255,255,.13)}.process-line i{display:block;width:0;height:100%;background:var(--lime);box-shadow:0 0 12px rgba(185,255,39,.6)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}.step{text-align:center}.step-num{width:80px;height:80px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--ink2);border:1px solid var(--line);font-weight:900;color:var(--lime);position:relative;z-index:2}.step h3{font-size:23px;margin:0 0 10px}.step p{color:var(--muted);font-size:13px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(12,29,46,.75)}.plan.featured{border-color:rgba(185,255,39,.48);box-shadow:0 0 0 1px rgba(185,255,39,.12),0 30px 90px rgba(0,0,0,.2)}.plan .pill{display:inline-block;background:var(--lime);color:var(--ink);font-size:9px;font-weight:900;border-radius:99px;padding:5px 9px}.plan h3{font-size:25px}.plan .price{font-size:31px;font-weight:900}.plan ul{list-style:none;padding:0;margin:23px 0;color:#aab6c2;font-size:13px}.plan li{margin:10px 0}.plan li:before{content:"✓";color:var(--lime);margin-right:9px}.testimonial-shell{max-width:920px;margin:auto;text-align:center;position:relative}.stars{color:var(--lime);letter-spacing:6px}.quote{font-size:clamp(27px,3.2vw,45px);line-height:1.24;letter-spacing:-.035em;margin:24px auto}.audit{position:relative;background:var(--lime);color:var(--ink);padding:95px 0;overflow:hidden}.audit:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(6,16,29,.18);border-radius:50%;right:-180px;top:-160px}.audit-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center;position:relative;z-index:2}.audit h2{font-size:clamp(52px,6vw,86px);line-height:.88;letter-spacing:-.065em;margin:12px 0 24px}.audit p{max-width:540px}.audit-form{background:rgba(6,16,29,.07);border:1px solid rgba(6,16,29,.16);border-radius:24px;padding:26px;display:grid;gap:12px}.audit-form input{border:0;border-bottom:1px solid rgba(6,16,29,.35);background:transparent;padding:14px 3px;color:var(--ink);outline:none}.audit-form button{margin-top:8px;border:0;border-radius:999px;padding:15px;background:var(--ink);color:white;font-weight:900;cursor:pointer}.audit-form small{font-size:10px;opacity:.7}.footer{padding:60px 0 30px;background:#050c15}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:45px}.footer h4{font-size:11px;color:#77889a;text-transform:uppercase;letter-spacing:.14em}.footer a,.footer p{display:block;color:#9ba9b8;font-size:13px;margin:9px 0}.copyright{border-top:1px solid var(--line);margin-top:42px;padding-top:22px;color:#69798a;font-size:11px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(26px)}@media(max-width:960px){.nav{grid-template-columns:auto auto}.menu-toggle{display:block;justify-self:end}.menu{display:none;position:absolute;top:74px;left:24px;right:24px;padding:22px;background:#0b1a2a;border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.header-cta{display:none}.hero{padding-top:125px;min-height:auto}.hero-grid,.audit-grid{grid-template-columns:1fr}.hero-art{min-height:520px}.service-grid,.plans{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.work-card:nth-child(3){grid-column:auto}.process{grid-template-columns:1fr 1fr}.process-line{display:none}.logos{grid-template-columns:1fr 1fr 1fr}.logos small{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.wrap{width:min(var(--max),calc(100% - 30px))}.hero{padding:112px 0 70px}.hero h1{font-size:52px;letter-spacing:-.055em}.hero-art{min-height:400px}.device{left:3%;right:3%;height:290px;top:60px}.chart{height:145px}.fc-traffic{left:0}.fc-speed{right:0;bottom:24px}.fc-leads{display:none}.section{padding:78px 0}.service-card{min-height:320px}.work-card,.work-card:nth-child(3){min-height:410px}.process{grid-template-columns:1fr}.plans{grid-template-columns:1fr}.logos{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column;gap:8px}.actions{flex-direction:column;align-items:stretch}.btn{width:100%}}


/* v1.1 visual refinement based on staging render */
:root{--max:1320px;--radius:22px}
.site-header{padding:18px 0}.nav{min-height:62px}.brand{font-size:31px}.menu a{font-size:14px}.header-cta{padding:14px 22px}
.hero{min-height:790px;padding:142px 0 78px}.hero-grid{grid-template-columns:1.08fr .92fr;gap:72px}.hero-copy{min-width:0}.hero h1{font-size:clamp(58px,5.15vw,82px);line-height:.98;letter-spacing:-.055em;margin:22px 0 26px;max-width:760px}.hero-line{display:inline-block;white-space:nowrap}.hero h1 .stroke{-webkit-text-stroke:1.25px rgba(247,250,252,.78);opacity:.72}.lead{font-size:18px;line-height:1.62;max-width:640px}.hero-art{min-height:540px}.device{left:5%;right:2%;top:58px;height:400px;border-radius:30px;box-shadow:0 42px 110px rgba(0,0,0,.62),0 0 70px rgba(185,255,39,.05)}.device-screen{padding:32px}.chart{height:220px}.float-card{padding:17px 19px}.fc-traffic{left:-6%;top:18px}.fc-speed{right:-4%;bottom:64px}.fc-leads{left:11%;bottom:0}.logos{min-height:100px}.logos b{font-size:17px}
.section{padding:94px 0}.section-head{margin-bottom:38px}.section-title{font-size:clamp(42px,4.5vw,64px);line-height:.98}.section-note{font-size:15px;line-height:1.7}.service-card{min-height:335px;padding:30px}.service-icon{width:62px;height:62px;margin:38px 0 34px;border-radius:18px}.service-card h3{font-size:29px}.service-card p{line-height:1.65}.marquee{padding:22px 0}.marquee-track{font-size:clamp(48px,6.1vw,88px);padding-left:3vw}
.work-grid{grid-template-columns:1fr 1fr}.work-card{min-height:455px}.work-card:nth-child(3){min-height:370px}.browser{width:70%;height:57%;right:-2%;top:13%;transform:rotate(-3deg)}.work-content{background:linear-gradient(to top,rgba(6,16,29,.98),rgba(6,16,29,.76),transparent);left:0;right:0;bottom:0;padding:90px 30px 28px}.work-content h3{font-size:32px}.metrics strong{font-size:28px}.process .step p{max-width:220px;margin-inline:auto}.plans{align-items:stretch}.plan{padding:31px}.plan.featured{transform:translateY(-8px)}
.testimonials-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.testimonial-card{text-align:left;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(18,39,61,.72),rgba(8,22,36,.9))}.testimonial-card .stars{font-size:15px}.testimonial-card blockquote{font-size:20px;line-height:1.5;margin:18px 0 26px;color:#e8eef4}.testimonial-card strong{display:block;font-size:14px}.testimonial-card small{color:var(--muted)}.testimonial-intro{text-align:left;max-width:none}.testimonial-intro .kicker{justify-content:flex-start}.testimonial-intro .section-title{max-width:620px}
.audit{padding:82px 0}.audit h2{font-size:clamp(50px,5.2vw,74px);line-height:.92}.audit-grid{gap:70px}.audit-form{background:rgba(255,255,255,.14);padding:30px;border-radius:26px}.audit-form input{background:rgba(255,255,255,.58);border:0;border-radius:12px;padding:15px 16px}.audit-form input::placeholder{color:rgba(6,16,29,.62)}.audit-form button{padding:16px}.footer{padding-top:54px}
@media(max-width:1100px){.hero-grid{gap:38px}.hero h1{font-size:clamp(54px,5.8vw,70px)}.fc-traffic{left:0}.fc-speed{right:0}}
@media(max-width:960px){.hero h1{font-size:clamp(52px,9vw,72px)}.hero-line{white-space:normal}.testimonials-grid{grid-template-columns:1fr}.plan.featured{transform:none}}
@media(max-width:600px){.site-header{padding:10px 0}.brand{font-size:26px}.hero{padding-top:105px}.hero h1{font-size:46px;line-height:1.02}.lead{font-size:16px}.hero-art{min-height:420px}.section{padding:72px 0}.section-title{font-size:42px}.service-icon{margin:30px 0}.work-content{padding:80px 22px 22px}.audit{padding:66px 0}.audit h2{font-size:48px}.audit-grid{gap:34px}}