/* Webleads.ai merged showpiece + portfolio upgrade. Preserves the built React site and adds the current Webleads proof layer. */
:root{--wl-gold:32 88% 64%;--wl-blue:204 94% 62%;--wl-glass:hsl(var(--foreground)/.055);--wl-border:hsl(var(--foreground)/.12);--wl-border-strong:hsl(var(--foreground)/.2)}
html{scroll-behavior:smooth}#scanner,#portfolio,#pricing,#terms,#services,#process,#faq,#contact{scroll-margin-top:96px}
.wl-merge-section{position:relative;overflow:hidden;padding:clamp(4.5rem,8vw,7rem) 0;border-top:1px solid hsl(var(--foreground)/.08)}
.wl-showpiece{background:radial-gradient(circle at 18% 12%,hsl(var(--wl-gold)/.16),transparent 33rem),radial-gradient(circle at 84% 46%,hsl(var(--wl-blue)/.09),transparent 32rem),linear-gradient(180deg,hsl(var(--background)),hsl(var(--background)/.92))}
.wl-portfolio-merged{background:radial-gradient(circle at 82% 10%,hsl(var(--wl-gold)/.11),transparent 34rem),radial-gradient(circle at 8% 68%,hsl(var(--wl-blue)/.07),transparent 30rem),linear-gradient(180deg,hsl(var(--background)/.94),hsl(var(--background)))}
.wl-showpiece:before,.wl-portfolio-merged:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;background-image:linear-gradient(hsl(var(--foreground)/.05) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--foreground)/.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 28%,black,transparent 76%)}
.wl-showpiece:after,.wl-portfolio-merged:after{content:"";position:absolute;inset:auto -10% -30% -10%;height:22rem;pointer-events:none;background:radial-gradient(ellipse at center,hsl(var(--accent)/.1),transparent 68%);filter:blur(30px)}
.wl-shell{width:min(1120px,calc(100% - 2rem));margin-inline:auto;position:relative;z-index:1}
.wl-kicker{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--wl-border);background:hsl(var(--foreground)/.045);color:hsl(var(--muted-foreground));border-radius:999px;padding:.45rem .75rem;font-size:.69rem;text-transform:uppercase;letter-spacing:.22em;backdrop-filter:blur(16px)}
.wl-kicker-dot{width:.42rem;height:.42rem;border-radius:999px;background:hsl(var(--accent));box-shadow:0 0 20px hsl(var(--accent)/.7)}
.wl-showpiece-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(330px,1.06fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.wl-showpiece h2,.wl-portfolio-merged h2{margin:1.5rem 0 0;font-family:"Instrument Serif",serif;font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:-.055em;max-width:960px;color:hsl(var(--foreground))}
.wl-showpiece h2 span{color:hsl(var(--accent));font-style:italic}.wl-lede,.wl-portfolio-head>p{color:hsl(var(--muted-foreground));max-width:44rem;line-height:1.72;margin-top:1.45rem}
.wl-tilt-card{transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}
.wl-tilt-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,20%),hsl(var(--foreground)/.16),transparent 34%);transition:opacity .25s ease}.wl-tilt-card:hover:before{opacity:1}
.wl-signal-card{position:relative;margin-top:2rem;border:1px solid var(--wl-border);background:linear-gradient(180deg,hsl(var(--foreground)/.06),hsl(var(--foreground)/.03));border-radius:1.6rem;padding:1rem;box-shadow:0 32px 100px hsl(0 0% 0%/.24);backdrop-filter:blur(20px)}
.wl-signal-card:hover{border-color:hsl(var(--accent)/.3);box-shadow:0 42px 120px hsl(0 0% 0%/.34)}
.wl-signal-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;position:relative;z-index:1}.wl-signal-form label{display:grid;gap:.45rem;color:hsl(var(--muted-foreground));font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.wl-signal-form label:first-child{grid-column:1/-1}
.wl-signal-form input,.wl-signal-form select{width:100%;color:hsl(var(--foreground));border:1px solid var(--wl-border);background:hsl(var(--background)/.62);border-radius:.95rem;padding:.85rem .9rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.wl-signal-form input:focus,.wl-signal-form select:focus{border-color:hsl(var(--accent)/.62);box-shadow:0 0 0 4px hsl(var(--accent)/.12);background:hsl(var(--background)/.86)}
.wl-signal-button{grid-column:1/-1;cursor:pointer;border:0;border-radius:999px;background:hsl(var(--foreground));color:hsl(var(--background));padding:.95rem 1rem;font-weight:700;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 14px 45px hsl(var(--accent)/.16)}.wl-signal-button:hover{transform:translateY(-2px);box-shadow:0 20px 60px hsl(var(--accent)/.24)}.wl-signal-button:active{transform:translateY(0)}
.wl-signal-output{display:grid;gap:.7rem;margin-top:1rem;position:relative;z-index:1}.wl-signal-output[hidden]{display:none}.wl-result-row{border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--background)/.48);border-radius:1.05rem;padding:.9rem;animation:wl-rise .45s ease both}.wl-result-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.84rem;font-weight:700}.wl-result-row p,.wl-mini-note{color:hsl(var(--muted-foreground));margin:.4rem 0 0;font-size:.84rem;line-height:1.52}.wl-mini-note{margin:.9rem .25rem 0;position:relative;z-index:1}
.wl-meter{position:relative;overflow:hidden;height:.42rem;border-radius:999px;margin-top:.72rem;background:hsl(var(--foreground)/.08)}.wl-meter span{display:block;height:100%;width:var(--score,64%);border-radius:999px;background:linear-gradient(90deg,hsl(var(--accent)/.55),hsl(var(--accent)));animation:wl-meter 1s cubic-bezier(.22,1,.36,1) both}
.wl-device-wrap{position:relative;min-height:560px;display:grid;place-items:center;perspective:1200px}.wl-orbit{position:absolute;border-radius:999px;border:1px solid hsl(var(--foreground)/.08);background:radial-gradient(circle,hsl(var(--accent)/.1),transparent 58%);filter:blur(.3px)}.wl-orbit-one{width:28rem;height:28rem;animation:wl-spin 22s linear infinite}.wl-orbit-two{width:20rem;height:20rem;animation:wl-spin 16s linear infinite reverse;opacity:.72}
.wl-device{position:relative;width:min(100%,520px);min-height:420px;border:1px solid var(--wl-border-strong);border-radius:2rem;padding:1rem;background:linear-gradient(145deg,hsl(var(--foreground)/.11),hsl(var(--foreground)/.035)),radial-gradient(circle at 40% 20%,hsl(var(--accent)/.16),transparent 38%);box-shadow:0 42px 140px hsl(0 0% 0%/.4);overflow:hidden;backdrop-filter:blur(22px)}
.wl-device-top{display:flex;align-items:center;gap:.45rem;color:hsl(var(--muted-foreground));font-size:.72rem;border-bottom:1px solid hsl(var(--foreground)/.08);padding-bottom:.9rem}.wl-device-top span{width:.55rem;height:.55rem;border-radius:999px;background:hsl(var(--foreground)/.24)}.wl-device-top strong{margin-left:.4rem;font-weight:500}
.wl-device-hero{margin-top:1rem;min-height:14rem;border:1px solid hsl(var(--foreground)/.08);border-radius:1.4rem;display:grid;align-content:end;padding:1.25rem;background:linear-gradient(180deg,transparent,hsl(var(--background)/.58)),radial-gradient(circle at 50% 14%,hsl(var(--accent)/.26),transparent 46%)}.wl-device-hero p{margin:0 0 .4rem;color:hsl(var(--accent));font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.wl-device-hero h3{margin:0;font-family:"Instrument Serif",serif;font-size:clamp(2.2rem,5vw,4.1rem);line-height:.9;letter-spacing:-.045em}
.wl-scan-line{position:absolute;left:1.2rem;right:1.2rem;top:5.6rem;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--accent)),transparent);box-shadow:0 0 28px hsl(var(--accent)/.7);animation:wl-scan 4.2s ease-in-out infinite}.wl-floating-chip{position:absolute;border:1px solid hsl(var(--foreground)/.12);background:hsl(var(--background)/.65);border-radius:999px;padding:.55rem .75rem;color:hsl(var(--foreground));font-size:.76rem;box-shadow:0 18px 60px hsl(0 0% 0%/.22);backdrop-filter:blur(16px);animation:wl-float 5.2s ease-in-out infinite}.chip-one{top:5.6rem;left:-.6rem}.chip-two{top:9.8rem;right:-.8rem;animation-delay:.6s}.chip-three{bottom:8.1rem;left:-1rem;animation-delay:1s}.chip-four{bottom:4.7rem;right:1rem;animation-delay:1.4s}
.wl-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:.75rem}.wl-preview-tile{border:1px solid hsl(var(--foreground)/.08);background:hsl(var(--background)/.45);border-radius:1rem;padding:.8rem}.wl-preview-tile strong{display:block;font-size:.92rem}.wl-preview-tile span{color:hsl(var(--muted-foreground));font-size:.72rem}
.wl-portfolio-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(2rem,5vw,4rem);align-items:end}.wl-portfolio-head h2{font-size:clamp(2.8rem,6vw,5.7rem);max-width:780px}
.wl-portfolio-command{position:relative;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:1.5rem;margin-top:2rem;border:1px solid var(--wl-border);border-radius:1.6rem;padding:1.25rem;background:linear-gradient(90deg,hsl(var(--foreground)/.07),hsl(var(--foreground)/.035)),radial-gradient(circle at 4% 0%,hsl(var(--accent)/.14),transparent 32rem);box-shadow:0 24px 80px hsl(0 0% 0%/.18)}.wl-command-label{display:block;color:hsl(var(--muted-foreground));font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.45rem}.wl-portfolio-command strong{display:block;font-family:"Instrument Serif",serif;font-size:clamp(2rem,4vw,3.5rem);line-height:.94;letter-spacing:-.04em}.wl-portfolio-command p{color:hsl(var(--muted-foreground));line-height:1.65;margin:0}
.wl-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.wl-client-card{position:relative;min-height:31rem;overflow:hidden;border:1px solid var(--wl-border);border-radius:1.45rem;padding:1.1rem;background:radial-gradient(circle at 12% 0%,hsl(var(--accent)/.12),transparent 16rem),linear-gradient(180deg,hsl(var(--foreground)/.065),hsl(var(--foreground)/.028));box-shadow:0 24px 80px hsl(0 0% 0%/.2);animation:wl-rise .55s ease both;animation-delay:var(--delay,0ms)}.wl-client-card:hover{border-color:hsl(var(--accent)/.38);box-shadow:0 34px 105px hsl(0 0% 0%/.32)}.wl-client-card:after{content:"";position:absolute;inset:auto 1.1rem 1.1rem 1.1rem;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--accent)/.55),transparent);opacity:.55}
.wl-client-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:hsl(var(--muted-foreground));font-size:.67rem;text-transform:uppercase;letter-spacing:.14em}.wl-client-topline em{font-style:normal;color:hsl(var(--accent));text-align:right}.wl-client-card h3{margin:1.5rem 0 .45rem;font-family:"Instrument Serif",serif;font-size:clamp(2.1rem,4vw,3.15rem);line-height:.92;letter-spacing:-.045em}.wl-client-type{color:hsl(var(--accent));margin:0;font-size:.88rem}.wl-client-summary{color:hsl(var(--foreground));line-height:1.58;margin:1rem 0 0}.wl-work-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.1rem 0}.wl-work-list li{border:1px solid hsl(var(--foreground)/.09);border-radius:999px;background:hsl(var(--background)/.45);color:hsl(var(--muted-foreground));padding:.42rem .6rem;font-size:.74rem}.wl-client-detail{color:hsl(var(--muted-foreground));font-size:.88rem;line-height:1.6;margin:0}
.wl-portfolio-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1rem;border:1px solid hsl(var(--foreground)/.1);border-radius:1.45rem;padding:1.25rem;background:hsl(var(--foreground)/.045)}.wl-portfolio-bottom span{display:block;color:hsl(var(--muted-foreground));font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.wl-portfolio-bottom strong{display:block;margin-top:.35rem;font-size:1.15rem}.wl-portfolio-bottom p{color:hsl(var(--muted-foreground));margin:.4rem 0 0;line-height:1.55}.wl-bottom-cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:hsl(var(--foreground));color:hsl(var(--background));padding:.9rem 1.15rem;font-weight:700;text-decoration:none}
@keyframes wl-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes wl-meter{from{width:0%}to{width:var(--score,64%)}}@keyframes wl-spin{to{transform:rotate(360deg)}}@keyframes wl-scan{0%,100%{transform:translateY(0);opacity:.1}45%,55%{opacity:1}50%{transform:translateY(14rem)}}@keyframes wl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:980px){.wl-showpiece-grid,.wl-portfolio-head,.wl-portfolio-command{grid-template-columns:1fr}.wl-device-wrap{min-height:500px}.wl-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.wl-merge-section{padding:4rem 0}.wl-signal-form,.wl-preview-grid,.wl-client-grid{grid-template-columns:1fr}.wl-device-wrap{min-height:430px}.wl-device{min-height:390px;border-radius:1.4rem}.wl-floating-chip{display:none}.wl-portfolio-bottom{align-items:stretch;flex-direction:column}.wl-bottom-cta{width:100%}.wl-client-card{min-height:auto}}@media(prefers-reduced-motion:reduce){.wl-orbit,.wl-floating-chip,.wl-scan-line,.wl-client-card,.wl-result-row,.wl-meter span{animation:none!important}.wl-tilt-card{transform:none!important}}