/* Genwayz theme styles (ported from the v3 static site). */
:root{
  --bg:#191919; --bg2:#101010; --card:#212121; --card2:#282828; --card3:#2E2E2E;
  --panel:#F8F8F8; --ink:#191919; --t:#F8F8F8; --t2:#D1D6D9; --t3:#ABADB0; --gray:#6D6E71;
  --line:rgba(255,255,255,.1); --lineL:#D8DDE6;
  --lime:#DDFF46; --lime2:#AAEC3A; --blue:#405BFF; --blue2:#7084FF; --cyan:#3DD6F5;
  --purple:#A34FDE; --pink:#FF35A2; --pink2:#EE5DAC; --orange:#FF9D29; --orange2:#FF7955; --yellow:#EBFF38; --green:#00DA7B; --red:#E83B3B;
  --fh:'Sora',sans-serif; --fb:'Geist',system-ui,sans-serif; --fm:'Geist Mono',ui-monospace,monospace;
  --frame:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t);font-family:var(--fb);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
h1,h2,h3,h4{font-family:var(--fh);font-weight:700;letter-spacing:-.04em;line-height:1}
h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.05em}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;letter-spacing:-.03em;color:var(--t2)}
.light .lead{color:#58595B}
.mono{font-family:var(--fm)}
/* placeholders */
.ph{background:rgba(255,121,85,.13);color:#FF9474;border:1px dashed rgba(255,121,85,.7);border-radius:5px;padding:0 6px;font-family:var(--fm);font-size:.8em;font-weight:400;letter-spacing:0;white-space:nowrap}
.light .ph{color:#C9411F;background:rgba(255,121,85,.1)}
.onlime .ph{color:#191919;background:rgba(25,25,25,.07);border-color:rgba(25,25,25,.45)}
.phw{white-space:normal}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--fb);font-weight:500;font-size:16px;letter-spacing:-.01em;border-radius:8px;padding:11px 18px;border:1px solid transparent;transition:transform .3s,background .3s,color .3s}
.btn .ar{transition:transform .3s;display:inline-block}
.btn:hover .ar{transform:translateX(4px)}
.btn-lime{background:var(--lime);color:var(--ink);border-color:var(--ink)}
.btn-lime:hover{background:var(--lime2)}
.btn-blue{background:linear-gradient(179deg,var(--blue) 1%,var(--blue2) 123%);color:#fff;border-radius:60px;padding:10px 18px}
.btn-out{border-color:var(--ink);color:var(--ink)}
.btn-out:hover{background:var(--ink);color:var(--panel)}
.btn-outd{border-color:rgba(255,255,255,.35);color:var(--t)}
.btn-outd:hover{background:var(--t);color:var(--ink)}
.btn-dark{background:var(--ink);color:var(--t);border-color:var(--ink)}
.btn-dark:hover{background:#000}
.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px 20px;font-size:14px}
.light .tag{border-color:var(--ink)}
.ind-dark .tag{border-color:rgba(255,255,255,.3)}

/* top bar + nav */
.topbar{margin:var(--frame) var(--frame) 0;background:#2A2A2A;border-radius:12px;text-align:center;font-size:13.5px;padding:8px 40px;color:var(--t2)}
.topbar a{color:var(--blue2);font-weight:500}
header.nav{position:sticky;top:0;z-index:60;padding:var(--frame) var(--frame) 0;pointer-events:none}
.nav-in{display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}
.nav-in>*{pointer-events:auto}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--fh);font-weight:700;font-size:21px;letter-spacing:-.04em;background:var(--bg);padding:10px 16px 10px 12px;border-radius:0 0 14px 0}
.logo svg{width:28px;height:28px}
.menu{display:flex;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:0 0 16px 16px;padding:8px 10px;margin-top:-10px;padding-top:18px}
.menu a{padding:6px 12px;font-size:15px;color:var(--t2);border-radius:8px;transition:color .3s,background .3s}
.menu a:hover{color:var(--t);background:rgba(255,255,255,.06)}
.nav-cta{border-radius:0 0 0 0}
.burger{display:none;background:var(--bg2);border:1px solid var(--line);color:var(--t);border-radius:8px;width:42px;height:42px;font-size:18px}

/* slabs */
.slab{margin:var(--frame);border-radius:24px;position:relative;overflow:hidden}
.light{background:var(--panel);color:var(--ink)}
.sec{padding:110px 0}

/* HERO */
.hero{padding:120px 0 0;text-align:center;position:relative;background:var(--bg2);overflow:hidden}
.hero .gridbg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 55%,transparent 90%);pointer-events:none}
.hero .glow{position:absolute;left:50%;top:62%;width:900px;height:420px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(64,91,255,.35),transparent);filter:blur(10px);pointer-events:none}
.hero h1{font-size:clamp(42px,6.4vw,84px);letter-spacing:-.045em;line-height:1;color:var(--t);position:relative;margin:26px auto 26px;max-width:1000px}
.hero h1 .gr{background:linear-gradient(90deg,var(--blue2),#fff 120%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{max-width:660px;margin:0 auto;position:relative}
.hero-form{display:flex;max-width:520px;margin:40px auto 0;background:var(--card3);border-radius:10px;padding:4px;position:relative}
.hero-form input{flex:1;background:none;border:0;color:var(--t);font:inherit;padding:0 14px;font-size:15.5px;outline:none;min-width:0}
.hero-form input::placeholder{color:var(--t3)}
.hero-sub{margin-top:16px;font-size:14px;color:var(--t3);position:relative}
.hero-sub b{color:var(--t2);font-weight:500}
/* widgets */
.widgets{display:grid;grid-template-columns:1.1fr 1fr 1.3fr 1fr;gap:16px;margin:60px auto 0;max-width:1300px;padding:0 24px;position:relative;text-align:left;transform:translateY(30px)}
.wd{background:var(--card);border:1px solid var(--line);border-radius:16px 16px 0 0;padding:18px 18px 40px;animation:wfloat 7s ease-in-out infinite}
.wd:nth-child(2){animation-delay:-2s;margin-top:30px}.wd:nth-child(3){animation-delay:-4s}.wd:nth-child(4){animation-delay:-1s;margin-top:40px}
@keyframes wfloat{50%{transform:translateY(-8px)}}
.wd .lab{display:flex;justify-content:space-between;align-items:center;font-family:var(--fm);font-size:12.5px;color:var(--t3)}
.wd .big{font-family:var(--fh);font-size:30px;font-weight:600;letter-spacing:-.03em;margin:8px 0 10px;display:flex;align-items:center;gap:10px}
.delta{font-family:var(--fm);font-size:11.5px;padding:2px 7px;border-radius:5px;background:rgba(0,218,123,.14);color:var(--green);letter-spacing:0}
.chart{width:100%;height:70px}
.chart path{stroke-dasharray:400;stroke-dashoffset:400;animation:draw 2.4s .4s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.checks{list-style:none;display:grid;gap:8px;font-size:13.5px;color:var(--t2);margin-top:12px}
.checks li{display:flex;justify-content:space-between;gap:10px}
.checks .ok{color:var(--lime);font-family:var(--fm);font-size:11.5px}
.checks .soon{color:var(--orange);font-family:var(--fm);font-size:11.5px}
.ai-q{font-size:13px;color:var(--t3);margin:12px 0 10px}
.ai-a{font-size:14px;color:var(--t2);background:var(--card3);border-radius:4px 12px 12px 12px;padding:12px}
.cite{display:inline-block;margin-top:10px;font-family:var(--fm);font-size:11px;background:linear-gradient(179deg,var(--blue),var(--blue2));color:#fff;padding:3px 9px;border-radius:60px}
.bars{display:flex;align-items:flex-end;gap:5px;height:70px;margin-top:6px}
.bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--pink2),var(--purple));transform-origin:bottom;animation:grow 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes grow{from{transform:scaleY(0)}}
.illus{position:absolute;right:30px;bottom:14px;font-family:var(--fm);font-size:11px;color:var(--gray);z-index:2}

/* tile marquee */
.tiles{overflow:hidden;margin:0 var(--frame);padding:6px 0}
.tiles-in{display:flex;gap:10px;width:max-content;animation:mq 40s linear infinite}
.tile{width:200px;height:86px;background:var(--panel);color:var(--ink);display:grid;place-items:center;font-family:var(--fh);font-weight:600;font-size:18px;letter-spacing:-.03em;border-radius:12px}
.tile:nth-child(3n+2){border-radius:54px 12px 54px 12px}
.tile:nth-child(3n){border-radius:12px 54px 12px 54px}
@keyframes mq{to{transform:translateX(-50%)}}

/* STATS */
.stats{padding:90px 0}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.st{background:var(--card);border-radius:16px;padding:28px;border:1px solid var(--line);position:relative;overflow:hidden}
.st:after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;opacity:.9}
.st:nth-child(1):after{background:linear-gradient(160deg,#95EB90,#ADF63D 50%,#EAFCA1)}
.st:nth-child(2):after{background:linear-gradient(160deg,var(--blue),var(--cyan))}
.st:nth-child(3):after{background:linear-gradient(160deg,var(--orange),var(--pink))}
.st:nth-child(4):after{background:linear-gradient(160deg,var(--pink2),var(--purple))}
.st .n{font-family:var(--fh);font-size:clamp(42px,4.4vw,60px);font-weight:700;letter-spacing:-.05em;line-height:1;position:relative;z-index:1}
.st p{color:var(--t3);margin-top:14px;font-size:15px;position:relative;z-index:1;max-width:70%}
.note{font-family:var(--fm);font-size:12px;color:#8F9095;margin-top:16px}

/* DIFFERENTIATOR accordion */
.acc-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}
.acc-left{}
.acc-left h2{margin-bottom:24px}
.acc-left .lead{max-width:400px}
.nums{display:flex;gap:6px;margin-top:30px}
.nums button{width:38px;height:36px;border:1px solid var(--ink);background:none;font-family:var(--fm);font-size:13px;color:var(--ink);transition:background .3s,color .3s;border-radius:8px 18px}
.nums button:nth-child(odd){border-radius:18px 8px}
.nums button.on{background:var(--lime)}
.row{border-top:1px solid var(--ink)}
.row:last-child{border-bottom:1px solid var(--ink)}
.row-h{display:flex;align-items:center;gap:14px;padding:20px 0;width:100%;background:none;border:0;text-align:left;color:var(--ink)}
.row-h h3{font-size:clamp(20px,2vw,26px);letter-spacing:-.04em}
.ico{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;flex:none;border:1px solid var(--ink);font-size:13px;color:var(--ink)}
.g-lime{background:linear-gradient(160deg,#95EB90,#ADF63D 50%,#EAFCA1)}
.g-blue{background:linear-gradient(160deg,var(--blue2),var(--cyan))}
.g-orange{background:linear-gradient(160deg,var(--orange),var(--orange2))}
.g-pink{background:linear-gradient(160deg,var(--pink2),#FFAFC4)}
.g-yellow{background:linear-gradient(160deg,var(--yellow),var(--lime2))}
.g-purple{background:linear-gradient(160deg,var(--purple),var(--pink2))}
.row-b{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;max-height:0;overflow:hidden;transition:max-height .5s ease,padding .5s;padding:0}
.row.open .row-b{max-height:520px;padding:0 0 24px}
.row-b p{font-size:15px;color:#41403F;margin-bottom:18px}
.soon-pill{display:inline-block;font-family:var(--fm);font-size:11.5px;background:var(--ink);color:var(--orange);padding:3px 9px;border-radius:5px;margin-bottom:12px}
.vis{border-radius:12px 12px 0 0;min-height:220px;position:relative;overflow:hidden;border:1px solid var(--ink);border-bottom:0}
.vis:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(25,25,25,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(25,25,25,.25) 1px,transparent 1px);background-size:60px 60px}
.vis .ui{position:absolute;left:36px;right:-1px;bottom:0;top:42px;background:var(--ink);color:var(--t);border-radius:12px 0 0 0;padding:16px 18px;font-size:13.5px}
.vis .ui h5{font-family:var(--fb);font-weight:500;font-size:17px;margin-bottom:10px}
.vis .ui .ln{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid var(--line);color:var(--t2)}
.vis .ui .ln span:last-child{font-family:var(--fm);font-size:11.5px}
.vis .star{position:absolute;right:14px;top:8px;width:34px;height:34px;z-index:1}

/* SERVICES */
.center{text-align:center}
.center .lead{max-width:640px;margin:20px auto 0}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.svc{background:var(--card);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .3s}
.svc:hover{transform:translateY(-6px)}
.svc-top{padding:28px 28px 0;flex:1}
.svc-top .k{display:flex;justify-content:space-between;align-items:center}
.svc-top .k .mono{font-size:13px;color:var(--t3)}
.svc h3{font-size:30px;margin:26px 0 10px}
.svc .sub{color:var(--t3);font-size:15px;margin-bottom:22px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.chip{border:1px solid rgba(255,255,255,.22);padding:7px 12px;font-size:13.5px;border-radius:6px 16px;color:var(--t2)}
.chip:nth-child(even){border-radius:16px 6px}
.light .chip{border-color:var(--ink);color:var(--ink)}
.svc-art{height:120px;position:relative}
.svc-art svg{position:absolute;inset:0;width:100%;height:100%}
.svc-foot{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:var(--card2);font-size:15px}
.svc-foot .ar{transition:transform .3s}.svc:hover .svc-foot .ar{transform:translateX(5px)}

/* WORK */
.work{display:grid;grid-template-columns:220px 1fr;gap:12px;margin-top:56px}
.wlist{display:grid;gap:10px;align-content:start}
.wlogo{height:84px;border-radius:12px;background:#ECECEC;display:grid;place-items:center;border:0;font-size:15px;transition:background .3s}
.wlogo:nth-child(even){border-radius:12px 54px 54px 12px}
.wlogo.on{background:var(--lime)}
.wcard{background:#fff;border-radius:16px;border:1px solid var(--lineL);padding:40px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px}
.wcard .cat{font-family:var(--fm);font-size:12.5px;color:var(--gray);padding-top:16px;border-top:1px solid var(--ink);display:block}
.wcard h3{font-size:clamp(26px,2.6vw,34px);margin:16px 0 24px;line-height:1.15}
.wq{display:flex;gap:14px;font-size:17px;line-height:1.5;margin-bottom:28px}
.wq b{width:36px;height:36px;border-radius:6px;background:var(--ink);color:var(--t);display:grid;place-items:center;font-family:var(--fh);flex:none}
.wkpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wkpis div{border-top:1px solid var(--ink);padding-top:12px;font-size:13px;color:#58595B}
.wkpis b{display:block;width:max-content;font-family:var(--fh);font-size:30px;color:var(--ink);letter-spacing:-.04em;margin-bottom:4px}
.wshot{border-radius:12px;position:relative;overflow:hidden;min-height:300px;border:1px solid var(--ink)}
.wshot:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(25,25,25,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(25,25,25,.2) 1px,transparent 1px);background-size:50px 50px}
.browser{position:absolute;left:28px;right:28px;top:40px;bottom:0;background:#fff;border-radius:10px 10px 0 0;border:1px solid var(--ink);border-bottom:0;padding:12px}
.browser .dots{display:flex;gap:5px;margin-bottom:12px}.browser .dots i{width:8px;height:8px;border-radius:50%;background:#D1D3D4}
.browser .b{height:8px;border-radius:4px;background:#E6E6E6;margin-bottom:8px}
.browser .blk{height:110px;border-radius:8px;background:linear-gradient(160deg,#EAFCA1,#ADF63D)}
.wshot .metric{position:absolute;left:14px;top:10px;z-index:1;background:var(--ink);color:var(--lime);font-family:var(--fm);font-size:12px;padding:4px 10px;border-radius:6px}
.wnav{display:flex;gap:6px;margin-top:22px}
.wnav button{width:40px;height:34px;border:2px solid var(--ink);background:#fff;border-radius:8px;font-size:16px}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.mini{background:#fff;border:1px solid var(--lineL);border-radius:16px;padding:22px}
.mini .ico{margin-bottom:26px}
.mini .cat{font-family:var(--fm);font-size:11.5px;color:var(--gray);text-transform:uppercase;letter-spacing:.06em}
.mini h4{font-size:19px;margin:6px 0 14px}
.mini .kp{font-size:13px;color:#58595B}
.mini .kp b{display:block;width:max-content;font-family:var(--fh);font-size:22px;color:var(--ink);letter-spacing:-.03em}

/* PROCESS */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:60px}
.step{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;min-height:250px;display:flex;flex-direction:column;transition:transform .3s,background .3s}
.step:nth-child(even){border-radius:16px 48px 16px 16px}
.step:hover{background:var(--card2);transform:translateY(-4px)}
.step .n{font-family:var(--fm);font-size:13px;display:flex;justify-content:space-between;color:var(--t3)}
.step .n i{width:10px;height:10px;border-radius:2px;display:block;margin-top:4px}
.step h3{font-size:22px;margin:auto 0 10px;padding-top:46px}
.step p{font-size:14.5px;color:var(--t3)}

/* INDUSTRIES */
.ind-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;margin-top:0}
.ind-dark{background:var(--ink);color:var(--t);border-radius:16px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;min-height:420px}
.ind-dark h2{font-size:clamp(34px,4vw,52px)}
.ind-dark .lead{margin-top:20px;font-size:17px}
.ind-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ind{border:1px solid var(--ink);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;transition:background .3s}
.ind:nth-child(4n+2),.ind:nth-child(4n+3){border-radius:12px 40px 12px 40px}
.ind:hover{background:var(--lime)}
.ind h4{font-family:var(--fb);font-weight:600;font-size:17px;letter-spacing:-.02em}
.ind span{font-size:13.5px;color:var(--gray)}

/* TESTIMONIALS */
.tst-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin-top:60px}
.tst{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:280px}
.tst.hl{background:var(--panel);color:var(--ink);border:0}
.tst .qm{width:36px;height:36px;border-radius:6px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-family:var(--fh);font-size:20px;font-weight:700}
.tst.hl .qm{background:var(--ink);color:var(--t)}
.tst q{quotes:none;font-size:19px;line-height:1.45;letter-spacing:-.02em;display:block;margin-top:20px}
.who{border-top:1px solid currentColor;padding-top:14px;font-size:14px;display:grid;gap:4px}
.tst:not(.hl) .who{border-color:var(--line)}

/* PRICING */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.plan{border:1px solid var(--ink);border-radius:16px;padding:32px;display:flex;flex-direction:column;background:#fff}
.plan.hot{background:var(--ink);color:var(--t);border-radius:16px 54px 16px 16px}
.plan .top{display:flex;justify-content:space-between;align-items:center}
.plan h3{font-size:26px}
.badge{font-family:var(--fm);font-size:11.5px;background:var(--lime);color:var(--ink);padding:4px 10px;border-radius:6px}
.plan .for{font-size:14.5px;color:var(--gray);margin-top:8px}
.plan.hot .for{color:var(--t3)}
.amt{font-family:var(--fh);font-size:40px;font-weight:700;letter-spacing:-.04em;margin:26px 0 0;display:flex;align-items:baseline;gap:10px}
.amt small{font-family:var(--fb);font-weight:400;font-size:14px;color:var(--gray);letter-spacing:0}
.plan ul{list-style:none;margin:24px 0 30px;padding-top:22px;border-top:1px solid var(--lineL);display:grid;gap:11px;font-size:15px;flex:1}
.plan.hot ul{border-color:var(--line)}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li:before{content:"";width:14px;height:14px;flex:none;margin-top:4px;border-radius:3px;background:var(--lime);border:1px solid var(--ink)}
.plan li.s:before{background:var(--orange)}
.plan .btn{justify-content:center}
.addons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:24px;font-size:15px}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.faq details{border-top:1px solid var(--line);padding:22px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-family:var(--fh);font-size:20px;font-weight:600;letter-spacing:-.03em}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";width:28px;height:28px;flex:none;border:1px solid rgba(255,255,255,.3);border-radius:6px 12px;display:grid;place-items:center;font-family:var(--fm);font-weight:400;transition:transform .3s,background .3s}
.faq details[open] summary:after{content:"−";background:var(--lime);color:var(--ink);border-color:var(--lime)}
.faq p{color:var(--t3);margin-top:14px;max-width:640px}

/* CTA band + footer */
.cta{background:linear-gradient(160deg,#95EB90,#ADF63D 50%,#EAFCA1);color:var(--ink);padding:56px 0 40px}
.big-mq{overflow:hidden;white-space:nowrap}
.big-mq-in{display:inline-flex;gap:50px;align-items:center;animation:mq 30s linear infinite;font-family:var(--fh);font-weight:700;font-size:clamp(56px,9vw,128px);letter-spacing:-.05em}
.big-mq-in svg{width:.4em;height:.4em}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px}
.cta-form{background:var(--ink);color:var(--t);border-radius:16px;padding:34px}
.cta-form h3{font-size:30px;margin-bottom:8px}
.cta-form p{color:var(--t3);margin-bottom:22px;font-size:15px}
.cta-form form{display:grid;gap:10px}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cta-form input,.cta-form select,.cta-form textarea{width:100%;background:var(--card3);border:1px solid transparent;border-radius:8px;padding:13px 14px;font:inherit;font-size:15px;color:var(--t)}
.cta-form input::placeholder,.cta-form textarea::placeholder{color:var(--t3)}
.cta-form input:focus,.cta-form select:focus,.cta-form textarea:focus{outline:none;border-color:var(--lime)}
.cta-form .btn{justify-content:center;margin-top:4px}
.cta-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cc{background:var(--ink);color:var(--t);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-height:180px;transition:transform .3s}
.cc:hover{transform:translateY(-4px)}
.cc .h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:500;font-size:17px}
.cc .h i{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font-style:normal;color:var(--ink);font-size:13px}
.cc .sh{flex:1;position:relative;min-height:110px}
.cc .sh svg{position:absolute;inset:0;width:100%;height:100%}
.cc .txt{position:absolute;left:16px;bottom:14px;z-index:1;font-size:14px;color:var(--t)}
footer{margin-top:90px;display:grid;grid-template-columns:1.55fr repeat(5,1fr);gap:32px;padding-top:44px;border-top:1px solid rgba(25,25,25,.25)}
footer h5{font-family:var(--fm);font-weight:500;font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:8px;font-size:15px}
footer ul a:hover{text-decoration:underline}
footer .logo{background:none;padding:0}
footer p{font-size:15px;margin-top:14px;max-width:300px;color:#2E2E2E}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13.5px;margin-top:50px;color:#2E2E2E}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* responsive */
@media (max-width:1080px){
  .menu{display:none}.burger{display:block;margin-top:0}
  .widgets{grid-template-columns:1fr 1fr}
  .wd:nth-child(n){margin-top:0}
  .acc-wrap,.faq-wrap,.ind-wrap,.cta-grid{grid-template-columns:1fr;gap:40px}
  .acc-left{position:static}
  .svc-grid,.price-grid,.tst-grid{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .work{grid-template-columns:1fr}.wlist{grid-template-columns:repeat(4,1fr)}
  .wcard{grid-template-columns:1fr}
  .mini-grid{grid-template-columns:1fr 1fr}
  footer{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  :root{--frame:6px}
  .wrap{padding:0 20px}
  .sec{padding:76px 0}
  .topbar{font-size:12.5px;padding:8px 14px}
  .nav-cta{display:none}
  .nav-in{align-items:center}
  .logo{border-radius:0 0 12px 0}
  .burger{margin:0 4px 0 0}
  .hero{padding:80px 0 0}
  .hero-form{flex-direction:column;gap:6px;padding:6px}
  .hero-form input{padding:12px}
  .hero-form .btn{justify-content:center}
  .widgets{grid-template-columns:1fr;padding:0 14px;margin-top:56px;transform:none}
  .wd:nth-child(n+3){display:none}
  .wd{border-radius:16px;padding-bottom:20px}
  .illus{position:relative;right:auto;bottom:auto;display:block;text-align:center;padding:14px 0}
  .row-b{grid-template-columns:1fr}
  .row.open .row-b{max-height:760px}
  .steps{grid-template-columns:1fr}.step{min-height:0}.step h3{padding-top:30px}
  .wlist{grid-template-columns:1fr 1fr}
  .wcard{padding:24px}
  .ind-grid{grid-template-columns:1fr 1fr}.ind{padding:14px}
  .ind-dark{padding:28px;min-height:0;gap:30px}
  .r2{grid-template-columns:1fr}
  .cta-cards{grid-template-columns:1fr 1fr;gap:10px}.cc{min-height:140px}.cc .h{font-size:15px;padding:12px}.cc:nth-child(3),.cc:last-child{grid-column:span 2}
  .cta-form{padding:24px}
  footer{grid-template-columns:1fr}
  .tile{width:150px;height:70px;font-size:15px}
  .vis{min-height:270px}
  .stat-grid{grid-template-columns:1fr 1fr;gap:10px}.st{padding:20px}.st p{max-width:100%;font-size:14px}.st:after{width:70px;height:70px;right:-24px;bottom:-24px;opacity:.5}
  .mini-grid{grid-template-columns:1fr 1fr;gap:10px}.mini{padding:16px}.mini .ico{margin-bottom:16px}.mini h4{font-size:16px}
  .wkpis{grid-template-columns:repeat(3,1fr);gap:10px}.wkpis b{font-size:22px}
}
/* ===== v3 additions ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:100;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#DDFF46,#9BF06A,#3DD6F5);pointer-events:none}
/* logo */
.logo{gap:0;padding:12px 18px 12px 14px}
.logo .lg{height:30px;width:auto;display:block;color:var(--t)}
.logo .lg .mk{transform-origin:32px 32px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.logo:hover .lg .mk{transform:rotate(-8deg) scale(1.04)}
.logo .lg .arw{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.logo:hover .lg .arw{transform:translateX(2px)}
footer .logo img{height:30px;display:block}
header.nav.scrolled .menu{background:rgba(16,16,16,.86);backdrop-filter:blur(12px)}
/* buttons: shine sweep */
.btn:active{transform:scale(.98)}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(221,255,70,.6);animation:pulse 2s infinite;flex:none}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(221,255,70,0)}100%{box-shadow:0 0 0 0 rgba(221,255,70,0)}}

/* HERO v3 */
.hero{text-align:left;margin-top:-62px;padding:150px 0 70px}
.hero .dotbg{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.2px);background-size:26px 26px;mask-image:radial-gradient(ellipse 70% 70% at 70% 45%,#000 10%,transparent 75%);pointer-events:none}
.hero .glow{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;transform:none;left:auto;top:auto}
.hero .g1{right:-6%;top:8%;width:640px;height:640px;background:radial-gradient(closest-side,rgba(61,214,245,.22),transparent)}
.hero .g2{left:-10%;bottom:-30%;width:700px;height:500px;background:radial-gradient(closest-side,rgba(64,91,255,.28),transparent)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:24px;align-items:center;position:relative;max-width:1260px}
.hero-tag{background:rgba(255,255,255,.04);font-size:13.5px}
.hero h1{font-size:clamp(40px,4.35vw,64px);margin:24px 0 24px;max-width:none}
.hero h1 .ln1,.hero h1 .gr{white-space:nowrap}
.hero h1 .gr{background:linear-gradient(92deg,#DDFF46 0%,#9BF06A 35%,#3DD6F5 75%,#7084FF 110%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{margin:0;max-width:560px}
.hero-form{margin:36px 0 0;max-width:560px;align-items:center;background:#1C1C1C;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px;transition:border-color .3s,box-shadow .3s}
.hero-form:focus-within{border-color:rgba(221,255,70,.7);box-shadow:0 0 0 5px rgba(221,255,70,.12),0 20px 50px -20px rgba(61,214,245,.35)}
.hero-form .hf-ico{width:20px;height:20px;color:var(--t3);margin-left:10px;flex:none}
.hero-form input{font-size:16.5px;padding:0 12px}
.hero-form .btn{padding:13px 20px;border-radius:10px;white-space:nowrap}
.hero-form .btn[disabled]{opacity:.75;cursor:wait}
.hero-err{min-height:22px;margin-top:10px;font-size:14px;color:#FF9474}
.hero-sub{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:4px}
.hero-sub .dot{width:4px;height:4px;border-radius:50%;background:var(--gray)}

/* AUDIT REPORT */
.audit{background:#141414;border:1px solid rgba(255,255,255,.08);padding:64px 0 54px;scroll-margin-top:70px}
.audit[hidden]{display:none}
.au-loading{text-align:center;padding:30px 0}
.au-spin{width:64px;height:64px;margin:0 auto 18px}.au-spin svg{width:100%;height:100%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.au-loading h3{font-size:28px}
.au-steps{list-style:none;display:grid;gap:10px;max-width:420px;margin:26px auto 0;text-align:left;font-size:15px;color:var(--t3)}
.au-steps li{display:flex;gap:10px;align-items:center;opacity:.45;transition:opacity .4s,color .4s}
.au-steps li:before{content:"";width:16px;height:16px;border-radius:50%;border:1.5px solid currentColor;flex:none}
.au-steps li.on{opacity:1;color:var(--t)}.au-steps li.on:before{border-color:var(--lime);border-top-color:transparent;animation:spin .8s linear infinite}
.au-steps li.done{opacity:1;color:var(--t2)}.au-steps li.done:before{background:var(--lime);border-color:var(--lime);animation:none;box-shadow:inset 0 0 0 3px #141414}
.au-error h3{font-size:30px;margin:18px 0 10px;max-width:760px;line-height:1.15}.au-error p{color:var(--t3);max-width:620px;margin-bottom:24px}
.au-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.au-head h2{font-size:clamp(32px,4.2vw,54px);margin:18px 0 10px;word-break:break-all}
.au-meta{font-family:var(--fm);font-size:12.5px;color:var(--t3);display:flex;gap:8px;flex-wrap:wrap}
.au-meta .pf{background:rgba(112,132,255,.16);color:#A8B4FF;padding:2px 8px;border-radius:5px}
.au-actions{display:flex;gap:10px;flex-wrap:wrap}
.au-top{display:grid;grid-template-columns:330px 1fr;gap:14px;margin-top:36px}
.au-grade{background:linear-gradient(160deg,#232323,#1A1A1A);border:1px solid var(--line);border-radius:18px 48px 18px 18px;padding:26px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;overflow:hidden}
.ring{position:relative;width:180px;height:180px}.ring svg{width:100%;height:100%}
#auArc{transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}
.ring-in{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ring-in b{font-family:var(--fh);font-size:64px;line-height:1;letter-spacing:-.05em}
.ring-in span{font-family:var(--fm);font-size:13px;color:var(--t3);margin-top:4px}
.au-counts{display:flex;gap:8px}
.au-counts{flex-wrap:wrap;justify-content:center}.au-counts span{white-space:nowrap;font-family:var(--fm);font-size:12px;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.06)}
.st-pass{color:var(--green)}.st-warn{color:var(--orange)}.st-fail{color:#FF6B6B}
.au-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.au-cat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 22px 20px;position:relative;overflow:hidden}
.au-cat:nth-child(2),.au-cat:nth-child(3){border-radius:16px 40px 16px 16px}
.au-cat .h{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:var(--t2)}
.au-cat .h .ico{border:0;width:30px;height:30px;font-size:14px}
.au-cat .sc{font-family:var(--fh);font-size:44px;font-weight:700;letter-spacing:-.05em;margin:12px 0 12px;display:flex;align-items:baseline;gap:6px}
.au-cat .sc small{font-family:var(--fm);font-size:12px;color:var(--t3);letter-spacing:0;font-weight:400}
.au-cat .bar{height:8px;border-radius:8px;background:rgba(255,255,255,.07);overflow:hidden}
.au-cat .bar i{display:block;height:100%;border-radius:8px;width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.au-cat .ft{font-size:13px;color:var(--t3);margin-top:10px}
.au-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin-top:14px;align-items:start}
.au-listwrap:not(.locked) .au-list{max-height:700px;overflow:auto;padding-right:4px;scrollbar-width:thin}
.au-prio{background:var(--panel);color:var(--ink);border-radius:18px;padding:28px}
.au-prio h3{font-size:24px;margin-bottom:16px}
.au-prio ol{list-style:none;display:grid;gap:12px;counter-reset:p}
.au-prio li{counter-increment:p;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px;border:1px solid #DADDE3;border-radius:12px;background:#fff}
.au-prio li:before{content:counter(p,decimal-leading-zero);width:34px;height:34px;border-radius:8px 14px;display:grid;place-items:center;font-family:var(--fm);font-size:12px;background:var(--ink);color:var(--lime)}
.au-prio li b{display:block;font-size:16px;letter-spacing:-.02em}
.au-prio li p{font-size:14px;color:#4A4A4A;margin-top:4px}
.au-prio li .fx{display:block;margin-top:8px;font-size:14px;color:var(--ink);background:#F1FBD2;border-radius:6px;padding:8px 10px}
.au-prio .none{font-size:15px;color:#4A4A4A}
.au-full{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0}
.au-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.au-tabs button{border:1px solid rgba(255,255,255,.18);background:none;color:var(--t2);border-radius:8px 16px;padding:6px 12px;font-size:13.5px;transition:background .25s,color .25s}
.au-tabs button.on{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.au-listwrap{position:relative}
.au-list{list-style:none;display:grid;gap:8px}
.au-list li{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:start;padding:12px 14px;background:var(--card2);border-radius:10px;font-size:14px}
.au-list li .s{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--ink)}
.au-list li .s.pass{background:var(--green)}.au-list li .s.warn{background:var(--orange)}.au-list li .s.fail{background:#FF6B6B}
.au-list li b{font-weight:600;color:var(--t)}
.au-list li p{color:var(--t3);margin-top:2px;overflow-wrap:anywhere}
.au-list li .fx{color:#D9F99D;margin-top:6px;font-size:13.5px}
.au-list li .cat{font-family:var(--fm);font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.au-listwrap.locked .au-list li:nth-child(n+4){filter:blur(5px);opacity:.55;user-select:none;pointer-events:none}
.au-listwrap.locked{max-height:620px;overflow:hidden}
.au-gate{position:absolute;left:0;right:0;bottom:0;top:180px;display:flex;align-items:flex-end;justify-content:center;padding:0 6px 10px;background:linear-gradient(180deg,transparent,rgba(33,33,33,.92) 30%)}
.au-listwrap:not(.locked) .au-gate{display:none}
.gate-card{width:100%;max-width:520px;background:#101010;border:1px solid rgba(221,255,70,.35);border-radius:16px 40px 16px 16px;padding:24px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.gate-card .mono{font-size:12px;color:var(--lime);text-transform:uppercase;letter-spacing:.08em}
.gate-card h4{font-size:24px;margin:8px 0 8px}
.gate-card p{font-size:14px;color:var(--t3);margin-bottom:14px}
.gate-card form{display:grid;gap:10px}
.gate-card input{width:100%;background:var(--card3);border:1px solid transparent;border-radius:8px;padding:12px 14px;font:inherit;font-size:15px;color:var(--t)}
.gate-card input:focus{outline:none;border-color:var(--lime)}
.gate-card .btn{justify-content:center}
.gate-msg{min-height:18px;margin:0!important;font-size:13.5px!important}
.gate-msg.err{color:#FF9474!important}
.unlocked-note{font-size:13.5px;color:var(--lime);margin-bottom:10px}
.au-note{font-size:12.5px;color:var(--gray);margin-top:18px;font-family:var(--fm)}

/* fixes */
.ind-dark .lead{color:var(--t3)}
.au-verdict{text-align:center;font-size:15px;color:var(--t2);max-width:260px;margin-top:-4px}.au-verdict b{display:block;font-family:var(--fh);font-size:20px;color:var(--t);letter-spacing:-.03em;margin-bottom:4px}
/* illustration language: orbits + spheres */
.st:after{width:120px;height:120px;right:-34px;bottom:-34px;background:none!important;border-radius:50%;opacity:1;border:1.5px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 16px rgba(255,255,255,.02)}
.st:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;right:62px;bottom:58px;z-index:0}
.st:nth-child(1):before{background:radial-gradient(circle at 35% 30%,#fff,#DDFF46 40%,#3E8E2A)}
.st:nth-child(2):before{background:radial-gradient(circle at 35% 30%,#fff,#7084FF 40%,#1B2A9E)}
.st:nth-child(3):before{background:radial-gradient(circle at 35% 30%,#fff,#FF9D29 40%,#A3361A)}
.st:nth-child(4):before{background:radial-gradient(circle at 35% 30%,#fff,#FF5DB4 40%,#8A1456)}
.st:nth-child(1):after{border-color:rgba(221,255,70,.45)}.st:nth-child(2):after{border-color:rgba(112,132,255,.5)}.st:nth-child(3):after{border-color:rgba(255,157,41,.45)}.st:nth-child(4):after{border-color:rgba(238,93,172,.45)}
.vis:before{background-image:repeating-radial-gradient(circle at 100% 0,transparent 0 34px,rgba(25,25,25,.22) 34px 35px)!important;background-size:auto!important}
.wshot:before{background-image:repeating-radial-gradient(circle at 0 100%,transparent 0 30px,rgba(25,25,25,.18) 30px 31px)!important;background-size:auto!important}
.svc-art{height:150px;overflow:hidden}
.svc-art svg{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.svc:hover .svc-art svg{transform:scale(1.04) translateY(-3px)}
.big-mq-in svg{width:.5em;height:.5em}

/* tilt + glare */
.tilt{transform-style:preserve-3d;will-change:transform}
.tilt>.glare{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.09),transparent 45%);opacity:0;transition:opacity .3s;z-index:3}
.tilt:hover>.glare{opacity:1}
.svc,.plan,.step,.cc,.st,.au-cat,.au-grade,.mini,.tst{position:relative}

@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:10px}
  .hero-art{justify-self:center;max-width:520px;margin-top:10px}
  .au-top,.au-body{grid-template-columns:1fr}
}
@media (max-width:680px){
  .hero{padding:110px 0 40px;margin-top:-56px}
  .hero h1{font-size:38px}.hero h1 .ln1,.hero h1 .gr{white-space:normal}
  .hero-form{flex-direction:row;flex-wrap:wrap;padding:6px}
  .hero-form .hf-ico{display:none}
  .hero-form input{padding:12px 10px;flex:1 1 100%}
  .hero-form .btn{flex:1 1 100%;justify-content:center}
  .hero-sub{font-size:13px;display:grid;gap:4px}.hero-sub .dot{display:none}
  .hero-art{max-width:440px}
  .audit{padding:44px 0 36px}
  .au-cats{grid-template-columns:1fr 1fr;gap:10px}.au-cat{padding:16px}.au-cat .sc{font-size:34px}.au-cat .ft{display:none}
  .au-prio,.au-full{padding:18px}
  .au-list li{grid-template-columns:22px 1fr}.au-list li .cat{display:none}
  .au-gate{top:140px}
  .logo .lg{height:26px}
  .st:before{right:14px;bottom:auto;top:14px;width:14px;height:14px}.st:after{width:80px;height:80px;right:-30px;bottom:-30px}
}
@media (prefers-reduced-motion:reduce){.tilt{transform:none!important}}


/* client work (real clients) */
.wcard{display:block}
.wpanel{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}
.wpanel:not(.on){display:none}
.wdesc{font-size:17px;line-height:1.55;color:#3A3B3D;margin-bottom:22px;max-width:52ch}
.wres{display:none;font-size:14px;margin-bottom:20px}.wres b{font-family:var(--fm);font-weight:500;font-size:12px;text-transform:uppercase;margin-right:8px}
.wcard.show-results .wres{display:block}
.wlink{display:inline-flex;gap:8px;align-items:center;font-weight:600;border-bottom:2px solid var(--ink);padding-bottom:3px}
.wlink:hover{color:#4A6B00;border-color:#4A6B00}
.wshot{min-height:340px}
.browser{overflow:hidden}
.browser .dots{align-items:center}
.wurl{margin-left:10px;font-family:var(--fm);font-size:11px;color:#8A8B8D;background:#F2F2F2;border-radius:4px;padding:2px 10px}
.browser img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid #E6E6E6}
.wlogo{cursor:pointer;color:var(--ink)}
a.mini{display:block;transition:background .3s,border-color .3s}a.mini:hover{border-color:var(--ink)}
.mini-cta{background:var(--lime)!important;border-color:var(--lime)!important}
.mini .kp{line-height:1.4}
.is-hidden{display:none!important}
@media(max-width:900px){.wpanel{grid-template-columns:1fr;gap:28px}.wshot{min-height:0;padding-top:40px}.browser{position:relative;left:auto;right:auto;top:auto;margin:0 18px}}
@media(max-width:640px){.wdesc{font-size:16px}}

/* ================= v1.1 ================= */
/* type scale (LaunchDarkly-like: Sora display + Geist text + Geist Mono labels) */
body{font-size:16px;line-height:24px;letter-spacing:-.025em;font-feature-settings:"ss01" 0}
p,li{letter-spacing:-.02em}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;letter-spacing:-.03em}
h3,h4{font-family:var(--fb);font-weight:600;letter-spacing:-.025em;line-height:1.1}
h1,h2{font-family:var(--fh)}
.tag{font-family:var(--fm);font-weight:500;font-size:12.5px;line-height:1;text-transform:uppercase;letter-spacing:.12em;padding:8px 12px}
.menu a{font-size:16px;line-height:24px;letter-spacing:-.02em}
.mono,code,kbd{font-family:var(--fm)}
.hero h1{letter-spacing:-.045em}

/* buttons: fill rises from the bottom, arrow slides right (our own take on LD's "Book a demo") */
.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:10px;font:500 16px/1.2 var(--fb);letter-spacing:-.01em;border:1px solid transparent;border-radius:12px;padding:10px 12px 10px 16px;transition:color .3s ease-out,border-color .3s ease-out,background-color .3s ease-out;cursor:pointer}
.btn:before{content:"";position:absolute;left:-1px;bottom:-1px;width:calc(100% + 2px);height:0;z-index:-1;background:var(--fill,var(--t));transition:height .3s ease-out}
.btn:hover:before,.btn:focus-visible:before{height:calc(100% + 2px)}
.btn .ar{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:none;margin:-4px 0;transition:transform .3s ease-in}
.btn .ar svg{display:block}
.btn:hover .ar,.btn:focus-visible .ar{transform:translateX(8px)}
.btn:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.btn:active{transform:none}
.btn-lime,.btn-lime:hover{background:var(--lime);color:var(--ink);border-color:var(--ink);--fill:var(--t)}
.light .btn-lime,.onlime .btn-lime{--fill:var(--ink)}
.light .btn-lime:hover,.onlime .btn-lime:hover{color:var(--t)}
.ind-dark .btn-lime,.plan.hot .btn-lime{--fill:var(--t)}
.ind-dark .btn-lime:hover,.plan.hot .btn-lime:hover{color:var(--ink)}
.btn-out,.btn-out:hover{background:transparent;border-color:var(--ink);color:var(--ink);--fill:var(--ink)}
.btn-out:hover{color:var(--panel)}
.btn-outd,.btn-outd:hover{background:transparent;border-color:rgba(255,255,255,.35);color:var(--t);--fill:var(--t)}
.btn-outd:hover{color:var(--ink);border-color:var(--t)}
.btn-dark,.btn-dark:hover{background:var(--ink);color:var(--t);border-color:var(--ink);--fill:var(--lime)}
.btn-dark:hover{color:var(--ink)}
.btn-blue{--fill:var(--t)}.btn-blue:hover{color:var(--ink)}
.nav-cta,.hero-form .btn{font-size:18px;letter-spacing:-.01em;padding:10px 12px 10px 16px}
.nav-cta{border-radius:12px}
.hero-form .btn{padding:13px 12px 13px 18px}
.btn[disabled]:before{display:none}

/* hero: growth paths */
@media (min-width:1081px){.hero-grid{grid-template-columns:1.06fr .94fr}}
.hero-art{position:relative;width:100%;max-width:580px;justify-self:end}
.gp{display:block;width:100%;height:auto;overflow:visible}
.gp text{font-family:var(--fb)}
.gp .gp-lab{font-family:var(--fm);font-size:9.5px;letter-spacing:.12em;fill:#8E9094}
.gp .gp-q{font-size:14.5px;font-weight:500;fill:#F8F8F8;letter-spacing:-.01em}
.gp .gp-gl{font-family:var(--fh);font-weight:700;font-size:15px;fill:currentColor}
.gp .gp-chip{fill:rgba(28,28,28,.86);stroke:rgba(255,255,255,.12);transition:stroke .3s,fill .3s}
.gp-src{cursor:default}
.gp-src:hover .gp-chip{stroke:var(--c);fill:rgba(36,36,36,.95)}
.gp .gp-gring{fill:#161616;stroke:rgba(221,255,70,.55);stroke-width:1.2}
.gp .gp-gpulse{fill:none;stroke:#DDFF46;stroke-width:1.2;transform-box:fill-box;transform-origin:center;opacity:0;animation:gpPulse 3.6s ease-out infinite}
.gp-gate:nth-of-type(2) .gp-gpulse{animation-delay:-1.2s}.gp-gate:nth-of-type(3) .gp-gpulse{animation-delay:-2.4s}
.gp .gp-glab{font-family:var(--fm);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;fill:#ABADB0}
.gp .gp-card{fill:#1A1A1A;stroke:none}
.gp .gp-host{font-size:13.5px;font-weight:600;fill:#F8F8F8;letter-spacing:-.01em}
.gp .gp-ev rect{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.1)}
.gp .gp-ev circle{fill:#DDFF46}.gp .gp-ev1 circle{fill:#3DD6F5}
.gp .gp-ev text{font-size:11.5px;font-weight:500;fill:#D1D6D9}
.gp .gp-ev{animation:gpEv 4.8s ease-in-out infinite}.gp .gp-ev1{animation-delay:-2.4s}
.gp-c{stroke-dasharray:7 93;stroke-dashoffset:100;animation:gpRun 4.8s linear infinite}
.gp-cg{opacity:.55}
.gp-c0{animation-delay:0s}.gp-c1{animation-delay:-1.6s}.gp-c2{animation-delay:-3.3s}.gp-c3{animation-delay:-.8s}.gp-c4{animation-delay:-2.5s}.gp-c5{animation-delay:-4s}
.gp-road{transition:stroke-width .3s,opacity .3s}
.gp.focus .gp-road:not(.hot),.gp.focus .gp-c:not(.hot){opacity:.18}
.gp .gp-road.hot{stroke-width:2.4}
.gp-src,.gp-c,.gp-road{transition:opacity .3s}
.gp.focus .gp-src:not(:hover){opacity:.55}
.typed .gp-host{fill:#DDFF46}
.gp-off .gp *{animation-play-state:paused!important}
.gp-cap{margin-top:14px;text-align:center;font-family:var(--fm);font-size:12px;letter-spacing:.06em;color:var(--t3)}
.gp-cap span{color:var(--t)}
@keyframes gpRun{to{stroke-dashoffset:0}}
@keyframes gpPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@keyframes gpEv{0%,100%{opacity:.55}45%,60%{opacity:1}}
@media (prefers-reduced-motion:reduce){.gp-c,.gp-gpulse{display:none}.gp .gp-ev{animation:none;opacity:1}.gp-road{stroke-width:2}}
@media (max-width:1080px){.hero-art{justify-self:center;max-width:520px;margin-top:22px}}
@media (max-width:680px){.hero-art{max-width:440px;justify-self:center}.gp-cap{font-size:11px}.nav-cta{display:none}.hero-tag{font-size:10.5px;letter-spacing:.08em;line-height:1.35}}

/* work: real client logos (mono on dark, colour on hover/active) */
.wlogo{position:relative;height:84px;border-radius:12px;background:var(--ink);border:1px solid var(--ink);display:grid;place-items:center;padding:0 12px;transition:background .35s,border-color .35s,box-shadow .35s}
.wlogo:nth-child(even){border-radius:12px 54px 54px 12px}
.wlogo img{grid-area:1/1;display:block;max-width:100%;height:auto;transition:opacity .35s}
.wlogo .lm{opacity:.72}.wlogo .lc{opacity:0}
.wlogo:hover,.wlogo.on{background:#fff;border-color:rgba(25,25,25,.14)}
.wlogo:hover .lm,.wlogo.on .lm{opacity:0}
.wlogo:hover .lc,.wlogo.on .lc{opacity:1}
.wlogo.on{box-shadow:0 0 0 3px var(--lime),0 10px 30px -14px rgba(0,0,0,.4)}
.wlogo:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.wplogo{display:block;width:auto;height:30px;margin:0 0 14px;object-fit:contain}
@media(max-width:640px){.wlogo{height:64px}.wlogo img{max-width:82%}}

/* resources */
.res-head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:44px}
.res-head .lead{max-width:460px}
.res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.res{display:flex;flex-direction:column;background:var(--ink);color:var(--t);border-radius:16px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
a.res:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(0,0,0,.55)}
.res-art{height:150px;background:#141414;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
.res-art svg{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
a.res:hover .res-art svg{transform:scale(1.05)}
.res-b{display:flex;flex-direction:column;flex:1;padding:20px 20px 18px}
.res-b .k{font-family:var(--fm);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.res-b h3{font-size:20px;margin:10px 0 8px;color:var(--t)}
.res-b p{font-size:15px;line-height:1.45;color:var(--t3);flex:1}
.res-b .go{display:inline-flex;align-items:center;gap:4px;margin-top:18px;font-weight:500;font-size:15px;color:var(--t)}
.res-b .go .ar{display:inline-flex;transition:transform .3s ease-in}
a.res:hover .go .ar{transform:translateX(6px)}
.res-latest{margin-top:56px}
.res-lh{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:16px;border-bottom:1px solid rgba(25,25,25,.2);margin-bottom:6px}
.res-lh h3{font-size:24px}
.res-posts,.res-q .wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;margin:0;padding:0}
.res-post{padding:20px 0;border-bottom:1px solid rgba(25,25,25,.12);display:grid;gap:8px;align-content:start}
.res-post .date,.res-post .wp-block-post-date{font-family:var(--fm);font-size:12.5px;color:#6D6E71;letter-spacing:.04em}
.res-post h4,.res-post .wp-block-post-title{font-size:19px;line-height:1.25;margin:0}
.res-post h4 a:hover,.res-post .wp-block-post-title a:hover{text-decoration:underline;text-underline-offset:3px}
.res-post p,.res-post .wp-block-post-excerpt{font-size:15px;color:#58595B;margin:0}
.res-post .wp-block-post-excerpt__more-text{display:none}
@media(max-width:1080px){.res-grid{grid-template-columns:1fr 1fr}.res-head{grid-template-columns:1fr;gap:16px}}
@media(max-width:680px){.res-grid,.res-posts,.res-q .wp-block-post-template{grid-template-columns:1fr}.res-art{height:120px}.res-posts .res-post:nth-child(n+2){display:none}}

/* CTA boxes */
.cc .h{align-items:flex-start;gap:12px;padding:16px 16px 14px;font-size:18px;letter-spacing:-.02em}
.cc .h small{display:block;margin-top:3px;font-size:13.5px;font-weight:400;color:var(--t3);letter-spacing:-.01em}
.cc .h i{width:30px;height:30px;border-radius:9px;flex:none;color:var(--ink);transition:transform .3s ease-in}
a.cc:hover .h i{transform:translateX(6px)}
.cc{border:1px solid transparent;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s}
a.cc:hover{border-color:rgba(255,255,255,.18)}

/* footer */
footer h5{color:#191919}
footer ul{gap:10px}
footer ul a{color:#3A3B3D;transition:color .2s}
footer ul a:hover{color:#191919;text-decoration:underline;text-underline-offset:3px}
footer .soon{font-family:var(--fm);font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(25,25,25,.3);border-radius:5px;padding:1px 5px;margin-left:4px;vertical-align:1px}
footer .ext{font-size:.85em;opacity:.6}
.f-brand p{max-width:290px}
.socials{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.soc{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#191919;border:1px dashed rgba(201,65,31,.6);transition:background .25s,color .25s}
.soc:hover{background:#191919;color:#F8F8F8;border-style:solid}
.socials .ph{font-size:11px}
.legal{margin-top:56px;padding-top:22px;border-top:1px solid rgba(25,25,25,.15)}
@media(max-width:1080px){footer{grid-template-columns:repeat(3,1fr);gap:32px 24px}.f-brand{grid-column:1/-1}}
@media(max-width:640px){footer{grid-template-columns:1fr 1fr}}

/* ===== v1.2.1: mobile tightening, static platform list, fewer repeated CTAs ===== */
.tiles-in{list-style:none;margin:0;padding:0;animation:none}
.tiles.mq-on .tiles-in{animation:mq 40s linear infinite}
.tiles:not(.mq-on) .tiles-in{width:auto;flex-wrap:wrap;justify-content:center;max-width:1180px;margin:0 auto}
.res-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:1080px){.res-grid{grid-template-columns:1fr 1fr}}
@media (min-width:681px) and (max-width:1080px){.hero-art{max-width:420px}}
@media (max-width:680px){
  .topbar{display:none}
  .m-hide{display:none!important}
  .sec{padding:52px 0}
  .stats{padding:44px 0}
  .hero{padding:78px 0 22px}
  .hero-tag{font-size:10px;padding:6px 10px}
  .hero h1{font-size:34px;margin:14px 0 12px}
  .hero .lead{font-size:15.5px;line-height:1.5}
  .hero-form{margin-top:18px}
  .hero-err{min-height:0;margin-top:6px}
  .hero-err:empty{display:none}
  .hero-sub{margin-top:10px}
  .hero-art{max-width:250px;margin-top:14px}
  .gp-cap{margin-top:6px}
  .tiles:not(.mq-on) .tiles-in{gap:6px;padding:0 12px}
  .tiles:not(.mq-on) .tile{width:auto;height:auto;padding:9px 14px;font-size:14px;border-radius:999px}
  .svc-art,.res-art{display:none}
  .cc .sh{min-height:56px}.cc{min-height:0}
  .tiles:not(.mq-on) .tile{padding:7px 12px;font-size:13px}
  .svc-grid,.steps,.price-grid,.work,.res-latest,.cta-grid{margin-top:32px}
  .gz-footwrap > footer,.wrap > footer{margin-top:44px}
  .legal{margin-top:28px}
  .res-q .wp-block-post-template > li:nth-child(n+3){display:none}
}
@media (max-width:760px){.cta-form input,.cta-form select,.cta-form textarea,.gate-card input{font-size:16px}}

/* ===== inline styles moved to classes ===== */
.gzs-1{margin-top:22px !important}
.gzs-2{display:flex !important;justify-content:space-between !important;align-items:end !important;gap:30px !important;flex-wrap:wrap !important}
.gzs-3{max-width:420px !important}
.gzs-4{max-width:440px !important}
.gzs-5{margin-top:20px !important}
.gzs-6{padding:0 16px 16px !important;display:grid !important;gap:6px !important;align-content:end !important;font-size:14px !important;color:var(--t2) !important}

/* ===== WordPress integration ===== */
.gz-head{display:contents}                       /* keeps the sticky nav working inside the template part */
.wp-site-blocks{overflow-x:clip}
.wp-block-group{box-sizing:border-box}
body.admin-bar header.nav{top:32px}
@media (max-width:782px){body.admin-bar header.nav{top:46px}}
/* mobile menu (burger) */
@media (max-width:1080px){
  .menu.open{display:grid;position:absolute;top:58px;right:var(--frame);left:var(--frame);margin:0;padding:10px;border-radius:16px;background:rgba(16,16,16,.96);backdrop-filter:blur(12px);z-index:70}
  .menu.open a{padding:12px 14px;font-size:17px}
  .nav-in{position:relative}
}
/* footer slab used on inner pages (the front page puts the footer inside the contact slab) */
.gz-footer-slab{padding:10px 0 40px}
.gz-footer-slab footer{margin-top:0;border-top:0}
.gz-form-slab{padding:40px 0}
.gz-form-slab .cta-form{max-width:640px;margin:0 auto}
/* contact form messages */
.gz-form-msg.err,.gate-msg.err{color:#FF9474!important}
/* plugin forms (Contact Form 7 / WPForms) dropped into the dark form card */
.cta-form .wpcf7 p,.cta-form .wpforms-field{margin:0 0 10px!important;color:var(--t)}
.cta-form .wpcf7-submit,.cta-form .wpforms-submit{background:var(--lime)!important;color:var(--ink)!important;border:1px solid var(--ink)!important;border-radius:8px!important;padding:12px 18px!important;font:500 16px var(--fb)!important;cursor:pointer;width:100%}
.cta-form .wpforms-field-label,.cta-form .wpcf7 label{color:var(--t2)!important;font-size:14px}

/* ===== inner pages: page, single, archive, 404 ===== */
.gz-inner{padding:150px 0 90px;margin-top:-62px}
.gz-inner .wrap{max-width:860px}
.gz-inner-head{padding:0 0 36px}
.gz-inner-head .tag{margin-bottom:22px}
.gz-inner h1,.gz-inner .wp-block-post-title{font-size:clamp(36px,5vw,60px);letter-spacing:-.05em;line-height:1.02}
.gz-meta{margin-top:16px;font-family:var(--fm);font-size:13px;color:var(--t3);display:flex;gap:14px;flex-wrap:wrap}
.gz-meta a{color:var(--blue2)}
.gz-card{background:var(--panel);color:var(--ink);border-radius:24px;padding:clamp(24px,5vw,56px)}
.gz-prose{font-size:18px;line-height:1.7;color:#2E2E2E}
.gz-prose > * + *{margin-top:1.1em}
.gz-prose h2{font-size:clamp(28px,3.4vw,40px);margin-top:1.6em;color:var(--ink)}
.gz-prose h3{font-size:24px;margin-top:1.4em;color:var(--ink)}
.gz-prose h4{font-size:19px;margin-top:1.2em}
.gz-prose a{color:#2B40D6;text-decoration:underline;text-underline-offset:3px}
.gz-prose ul,.gz-prose ol{padding-left:1.4em}
.gz-prose li + li{margin-top:.35em}
.gz-prose img,.gz-prose video,.gz-prose iframe{max-width:100%;height:auto;border-radius:14px}
.gz-prose blockquote{border-left:4px solid var(--lime2);padding:4px 0 4px 20px;font-size:1.1em;color:var(--ink)}
.gz-prose code{font-family:var(--fm);font-size:.88em;background:#ECEEF2;border-radius:5px;padding:1px 6px}
.gz-prose pre{background:var(--ink);color:var(--t);border-radius:12px;padding:18px;overflow:auto}
.gz-prose pre code{background:none;padding:0}
.gz-prose figcaption{font-size:14px;color:var(--gray);margin-top:8px}
.gz-prose .wp-block-button__link{display:inline-flex;background:var(--lime);color:var(--ink);border:1px solid var(--ink);border-radius:8px;padding:11px 18px;text-decoration:none}
.gz-prose table{border-collapse:collapse;width:100%}.gz-prose td,.gz-prose th{border:1px solid var(--lineL);padding:8px 10px}
/* archive / blog list */
.gz-list .wp-block-post-template{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.gz-post{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;height:100%;display:flex;flex-direction:column;gap:12px;transition:transform .3s,border-color .3s}
.gz-post:hover{transform:translateY(-4px);border-color:rgba(221,255,70,.5)}
.gz-post .wp-block-post-title{font-size:24px;line-height:1.15;letter-spacing:-.03em}
.gz-post .wp-block-post-title a:hover{color:var(--lime)}
.gz-post .wp-block-post-date{font-family:var(--fm);font-size:12.5px;color:var(--t3)}
.gz-post .wp-block-post-excerpt{color:var(--t2);font-size:15px}
.gz-post .wp-block-post-excerpt__more-link{color:var(--lime);display:inline-block;margin-top:8px}
.gz-post .wp-block-post-featured-image img{border-radius:10px;aspect-ratio:16/9;object-fit:cover;width:100%}
.wp-block-query-pagination{margin-top:36px;display:flex;gap:14px;font-family:var(--fm);font-size:14px;color:var(--t2)}
.wp-block-query-pagination a:hover{color:var(--lime)}
.gz-404{text-align:left}
.gz-404 .big{font-family:var(--fh);font-weight:700;font-size:clamp(90px,18vw,220px);letter-spacing:-.06em;line-height:.9;background:linear-gradient(92deg,#DDFF46,#9BF06A 35%,#3DD6F5 75%,#7084FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.gz-404 .au-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.wp-block-search__inside-wrapper{display:flex;gap:6px;background:var(--card3);border-radius:10px;padding:4px;max-width:520px}
.wp-block-search__input{flex:1;background:none;border:0;color:var(--t);font:inherit;padding:10px 12px;outline:none}
.wp-block-search__button{background:var(--lime);color:var(--ink);border:1px solid var(--ink);border-radius:8px;padding:8px 16px;font:500 15px var(--fb);cursor:pointer}
.wp-block-search__label{display:block;margin-bottom:8px;color:var(--t3);font-size:14px}
@media (max-width:680px){.gz-inner{padding:110px 0 60px;margin-top:-56px}.gz-prose{font-size:17px}}
.gz-inner.gz-wide .wrap{max-width:1180px}
.gzs-404{margin:18px 0 28px;max-width:560px}
.gz-404 h1{font-size:clamp(32px,4vw,48px)}
.gz-meta .wp-block-post-navigation-link a{color:var(--t2)}.gz-meta .wp-block-post-navigation-link a:hover{color:var(--lime)}
.gz-inner > .wrap > .gz-meta{margin-top:24px;justify-content:space-between}
.wp-block-query-title,.wp-block-term-description{color:var(--t)}
.wp-block-term-description{margin-top:14px;color:var(--t2)}
.gz-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}

/* v1.2.3: CTA "Ready to grow?" marquee was clipped top and bottom. body sets line-height:24px (a fixed length is
   inherited as-is), so the 56-128px marquee text sat in a 24px line box and .big-mq{overflow:hidden} cut the glyphs. */
.big-mq{line-height:1.15;padding:.04em 0 .1em}
.big-mq-in{line-height:1.15}

/* v1.2.4: mobile hero (<=480px). Short copy variants, full-width blurred header, chips, art hidden. Desktop unchanged. */
.m-only{display:none}
@media (max-width:480px){
  .d-only{display:none}
  .m-only{display:inline}
  header.nav{padding:0}
  header.nav .nav-in{align-items:center;padding:6px 10px 6px 2px;background:rgba(17,17,17,.62);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
  header.nav .logo{background:none;border-radius:0;padding:8px 12px}
  header.nav .burger{margin:0;background:rgba(255,255,255,.05)}
  .hero{padding:84px 0 28px}
  .hero-tag{font-size:11px;padding:6px 12px;white-space:nowrap}
  .hero h1{font-size:clamp(28px,9.2vw,40px);line-height:1.02;margin:16px 0 14px;text-wrap:balance}
  .hero h1 .ln1{white-space:nowrap}
  .hero h1 .nw{white-space:nowrap}
  .hero .lead{font-size:15.5px;line-height:1.5;max-width:34ch}
  .hero-form{margin-top:20px}
  .hero-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:12.5px}
  .hero-sub .dot{display:none}
  .hero-sub>span:not(.dot){border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:999px;padding:4px 10px;line-height:1.3;white-space:nowrap}
  .hero-art{display:none}
}


/* Genwayz free tools: /tools/ hub and the llms.txt & AI robots.txt generator. Uses the main theme variables. */
.tl-hero{background:var(--bg2);margin-top:-62px;padding:150px 0 70px;background-image:radial-gradient(60% 80% at 85% 0%,rgba(61,214,245,.14),transparent 70%),radial-gradient(50% 70% at 10% 10%,rgba(221,255,70,.10),transparent 70%)}
.tl-hero h1{font-size:clamp(40px,6vw,76px);letter-spacing:-.055em;line-height:1;margin:22px 0 22px;max-width:900px}
.tl-hero .lead{max-width:720px}
.tl-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12.5px;letter-spacing:.04em;color:var(--t3);margin-bottom:26px}
.tl-crumbs a{color:var(--t2)}.tl-crumbs a:hover{color:var(--lime)}
.tl-crumbs [aria-current]{color:var(--t)}
.tl-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:30px;font-size:12px}
.tl-chips li{border:1px solid var(--line);border-radius:6px;padding:6px 10px;color:var(--t2);background:rgba(255,255,255,.02)}
.tl-chips li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px;vertical-align:1px}
.tl-hero .tag .pulse{margin-right:2px}

/* app */
.tl-app-wrap{padding:28px 0 90px}
.tl-app{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px;align-items:start}
.tl-form{display:grid;gap:16px;min-width:0}
.tl-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:2px 4px}
.tl-link{background:none;border:0;color:var(--lime);font:500 14.5px var(--fb);padding:6px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(221,255,70,.4)}
.tl-link:hover{text-decoration-color:var(--lime)}
.tl-check{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--t2);cursor:pointer}
.tl-remember{margin-left:auto}
.tl-check input,.tl-bot input{accent-color:var(--lime);width:18px;height:18px;flex:none}
.tl-card{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:26px 24px 24px;min-width:0;display:grid;gap:14px}
.tl-card legend{float:left;width:100%;font-family:var(--fh);font-weight:700;font-size:21px;letter-spacing:-.03em;display:flex;align-items:center;gap:12px;margin-bottom:4px}
.tl-card legend + *{clear:both}
.tl-n{font-size:12px;font-weight:400;letter-spacing:.06em;color:var(--ink);background:var(--lime);border-radius:6px 12px;padding:4px 8px}
.tl-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tl-f{display:grid;gap:6px;min-width:0;align-content:start}
.tl-f label{font-size:13.5px;font-weight:500;color:var(--t2)}
.tl-f .req{color:var(--lime)}
.tl-f .opt{font-family:var(--fm);font-size:11px;letter-spacing:.04em;color:var(--t3);font-weight:400;margin-left:4px}
.tl-f input,.tl-f select,.tl-f textarea{width:100%;background:var(--card3);border:1px solid transparent;border-radius:8px;padding:11px 12px;font:inherit;font-size:15px;color:var(--t);min-width:0}
.tl-f textarea{resize:vertical;line-height:1.45}
.tl-f select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--t3) 50%),linear-gradient(135deg,var(--t3) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
.tl-f input::placeholder,.tl-f textarea::placeholder{color:#8A8C90}
.tl-f input:focus,.tl-f select:focus,.tl-f textarea:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(221,255,70,.18)}
.tl-f input[aria-invalid=true]{border-color:var(--orange2)}
.tl-hint{font-size:13px;color:var(--t3);line-height:1.45}
.tl-hint-top{margin-top:-4px}
.tl-hint code,.tl-step code,.tl-faq code,.tl-install .lead code{font-family:var(--fm);font-size:.9em;background:rgba(255,255,255,.08);border-radius:4px;padding:1px 5px}
.light .tl-step code,.tl-install .lead code{background:rgba(25,25,25,.07)}
.tl-err{font-size:13px;color:var(--orange2)}
.tl-rows{display:grid;gap:10px}
.tl-row{display:grid;grid-template-columns:1fr 1fr 1.6fr .9fr 36px;gap:8px;align-items:end;padding:12px;border-radius:12px;background:var(--card2)}
.tl-row .tl-f label{font-size:12px;color:var(--t3)}
.tl-row .tl-f input,.tl-row .tl-f select{padding:9px 10px;font-size:14px}
.tl-row .tl-f select{padding-right:28px}
.tl-del{width:36px;height:38px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--t2);font-size:20px;line-height:1}
.tl-del:hover{background:var(--orange2);border-color:var(--orange2);color:var(--ink)}
.tl-add{justify-self:start}
.tl-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tl-preset{display:grid;gap:4px;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card2);color:var(--t);transition:border-color .3s,background .3s,color .3s}
.tl-preset strong{font:600 15px/1.25 var(--fh);letter-spacing:-.02em}
.tl-preset span{font-size:12.5px;color:var(--t3)}
.tl-preset:hover{border-color:rgba(255,255,255,.35)}
.tl-preset[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.tl-preset[aria-pressed=true] span{color:#3a3d1f}
.tl-bots{display:grid;gap:14px}
.tl-botgrp-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px;margin:4px 0 8px}
.tl-botgrp-h h3{font-size:16px;letter-spacing:-.02em}
.tl-botgrp-h p{font-size:13px;color:var(--t3)}
.tl-botlist{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tl-bot{display:grid;grid-template-columns:18px 1fr;gap:4px 10px;padding:10px 12px;border-radius:10px;background:var(--card2);border:1px solid transparent;cursor:pointer;transition:border-color .2s}
.tl-bot:hover{border-color:rgba(255,255,255,.2)}
.tl-bot:has(input:checked){border-color:rgba(221,255,70,.45)}
.tl-bot input{margin-top:2px;grid-row:span 2}
.tl-bot-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.tl-bot-t code{font-family:var(--fm);font-size:13.5px;color:var(--t)}
.tl-bot-t .v{font-size:12px;color:var(--t3)}
.tl-bot-d{font-size:12.5px;line-height:1.4;color:var(--t3)}

/* output */
.tl-out{position:sticky;top:86px;min-width:0}
.tl-out-in{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 30px 80px -40px rgba(0,0,0,.8)}
.tl-tabs{display:flex;gap:6px;padding:2px 2px 12px}
.tl-tabs [role=tab]{font:500 14px var(--fm);color:var(--t2);background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 14px;transition:background .2s,color .2s,border-color .2s}
.tl-tabs [role=tab]:hover{border-color:rgba(255,255,255,.35)}
.tl-tabs [role=tab][aria-selected=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.tl-panel:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:8px}
.tl-code{font:13px/1.6 var(--fm);color:#E8EAEC;background:#0A0A0A;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:16px;white-space:pre-wrap;word-break:break-word;max-height:min(56vh,560px);overflow:auto;tab-size:2}
.tl-checks{list-style:none;display:grid;gap:4px;margin:12px 2px;font-size:12.5px}
.tl-checks li{display:flex;gap:8px;color:var(--t2)}
.tl-checks li span{width:16px;height:16px;flex:none;border-radius:4px;display:grid;place-items:center;font-size:11px;margin-top:1px}
.tl-checks li.ok span{background:var(--lime);color:var(--ink)}
.tl-checks li.warn{color:#FFB38A}
.tl-checks li.warn span{background:var(--orange2);color:var(--ink);font-weight:700}
.tl-actions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}
.tl-actions .btn.is-done{background:var(--t)}
.tl-status{min-height:1.4em;font-size:13.5px;color:var(--lime);padding:0 2px}

/* install + faq + cta + sources */
.tl-head{display:grid;gap:18px;max-width:760px;margin-bottom:44px}
.tl-head h2,.tl-h2{font-size:clamp(32px,4.2vw,52px)}
.tl-h2{margin-top:22px}
.tl-lead-gap{margin-top:20px}
.tl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tl-step{background:#fff;border:1px solid var(--lineL);border-radius:16px;padding:24px}
.tl-step .k{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#58595B}
.tl-step h3{font-size:22px;margin:10px 0 14px}
.tl-step ol{display:grid;gap:10px;padding-left:20px;font-size:15px;line-height:1.5;color:#2E2E2E}
.tl-step li::marker{font-family:var(--fm);font-size:12px;color:#6D6E71}
.tl-faq .faq p code{color:var(--t2)}
.tl-cta-slab{background:linear-gradient(160deg,#95EB90 0%,#ADF63D 50%,#EAFCA1 100%);color:var(--ink)}
.tl-cta{display:grid;grid-template-columns:1.3fr auto;gap:30px;align-items:center;padding-top:56px;padding-bottom:56px}
.tl-cta .k{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.tl-cta h2{font-size:clamp(30px,4vw,48px);margin:12px 0 12px}
.tl-cta p{max-width:620px;color:#2E3320}
.tl-cta-btns{display:flex;flex-wrap:wrap;gap:10px}
.tl-cta .btn-lime{background:var(--ink);color:var(--t);border-color:var(--ink);--fill:var(--t)}
.tl-cta .btn-lime:hover{color:var(--ink)}
.tl-cta .btn-outd{border-color:var(--ink);color:var(--ink);--fill:var(--ink)}
.tl-cta .btn-outd:hover{color:var(--t)}
.tl-sources{padding:56px 0 70px}
.tl-src-h{font-size:22px;letter-spacing:-.03em;margin-bottom:10px}
.tl-sources p{color:var(--t3);font-size:14.5px;max-width:760px}
.tl-src{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px 20px;margin:16px 0;font-size:12.5px}
.tl-src a{color:var(--t2);text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:3px}
.tl-src a:hover{color:var(--lime)}
.tl-src-note{font-size:13px!important}

/* hub */
.tl-hub{padding:20px 0 100px}
.tl-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tl-tool{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--t);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s}
a.tl-tool:hover{transform:translateY(-4px);border-color:rgba(221,255,70,.5)}
.tl-tool-art{height:170px;background:#141414;border-bottom:1px solid var(--line)}
.tl-tool-art svg{display:block;width:100%;height:100%}
.tl-tool-b{display:flex;flex-direction:column;flex:1;padding:22px}
.tl-tool-b .k{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.tl-tool.is-soon .k{color:var(--t3)}
.tl-tool-b h2{font-size:24px;letter-spacing:-.035em;margin:10px 0 10px;line-height:1.1}
.tl-tool-b p{color:var(--t3);font-size:15px;line-height:1.5;flex:1}
.tl-tool-b .go{display:inline-flex;align-items:center;gap:4px;margin-top:20px;font-weight:500}
.tl-tool-b .go .ar{display:inline-flex;transition:transform .3s ease-in}
a.tl-tool:hover .go .ar{transform:translateX(6px)}
.tl-tool.is-soon{opacity:.8}
.soon-pill{font-family:var(--fm);font-size:11.5px;border:1px dashed rgba(255,255,255,.3);border-radius:6px;padding:4px 8px;color:var(--t2)}
.tl-hub-more{margin-top:30px;color:var(--t3)}
.tl-hub-more a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

/* homepage resources strip */
.res-tools-strip{margin-top:14px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;background:var(--ink);color:var(--t);border-radius:16px;padding:20px 22px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.res-tools-strip:hover{transform:translateY(-3px)}
.res-tools-strip .ico{width:54px;height:54px;border-radius:10px 18px;background:linear-gradient(92deg,#DDFF46,#9BF06A 45%,#3DD6F5);display:grid;place-items:center;color:var(--ink);font:600 13px var(--fm)}
.res-tools-strip .k{font-family:var(--fm);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.res-tools-strip h3{font-size:20px;margin:6px 0 4px}
.res-tools-strip p{font-size:14.5px;color:var(--t3)}
.res-tools-strip .go{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-weight:500;white-space:nowrap}
.res-tools-strip .go a{display:inline-flex;align-items:center;gap:4px}
.res-tools-strip .go a:hover{color:var(--lime)}
.res-tools-strip .go .ar{display:inline-flex;transition:transform .3s ease-in}
.res-tools-strip .go a:hover .ar{transform:translateX(6px)}
.res-tools-strip .go .sec-l{color:var(--t3);font-weight:400}
.foot-new{font-family:var(--fm);font-size:10px;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--lime);border-radius:4px;padding:1px 5px;margin-left:6px;vertical-align:2px}

@media (max-width:1080px){
  .tl-app{grid-template-columns:1fr}
  .tl-out{position:static}
  .tl-steps,.tl-hub-grid{grid-template-columns:1fr 1fr}
  .tl-cta{grid-template-columns:1fr}
  .res-tools-strip{grid-template-columns:auto 1fr}
  .res-tools-strip .go{grid-column:1/-1}
}
@media (max-width:760px){
  .tl-hero{margin-top:-56px;padding:110px 0 46px}
  .tl-grid2,.tl-presets,.tl-botlist,.tl-steps,.tl-hub-grid{grid-template-columns:1fr}
  .tl-card{padding:20px 16px 18px}
  .tl-row{grid-template-columns:1fr 1fr;padding:12px 12px 10px}
  .tl-row .tl-f-wide{grid-column:1/-1}
  .tl-row .tl-del{grid-column:2;justify-self:end;width:auto;padding:0 12px;height:34px;font-size:14px}
  .tl-row .tl-del:after{content:" Remove"}
  .tl-remember{margin-left:0}
  .tl-code{max-height:420px;font-size:12.5px}
  .res-tools-strip{grid-template-columns:1fr;gap:14px}
  .res-tools-strip .go{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  .tl-tool,.res-tools-strip,.tl-preset,.tl-bot,.tl-tabs [role=tab]{transition:none}
  a.tl-tool:hover,.res-tools-strip:hover{transform:none}
}

@media (max-width:760px){.tl-f input,.tl-f select,.tl-f textarea,.tl-row .tl-f input,.tl-row .tl-f select{font-size:16px}}