.llab{--navy:#071a3d;--blue:#195ee8;--coral:#ff5a4f;--cream:#f7f3ea;--line:#d9e2ef;--muted:#65738a;position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:90px 24px;font-family:Inter,Arial,sans-serif}.llab *{box-sizing:border-box}.llab-shell{position:relative;z-index:2;width:min(1180px,100%);margin:auto}.llab-orb{position:absolute;border-radius:50%;filter:blur(8px)}.llab-orb-a{width:520px;height:520px;background:#195ee83b;right:-150px;top:-120px}.llab-orb-b{width:350px;height:350px;background:#ff5a4f18;left:-120px;bottom:-100px}.llab-header{display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:end;margin-bottom:50px}.llab-kicker,.llab-panel-head>span{display:block;color:#8fb7ff;font-size:10px;font-weight:800;letter-spacing:.18em;margin-bottom:17px}.llab h2{color:#fff!important;font:800 clamp(42px,5vw,68px)/1.03 Manrope,Inter,sans-serif;letter-spacing:-.05em;margin:0}.llab h2 em{font-family:Georgia,serif;font-weight:400;color:#8fb7ff}.llab-header>p{color:#b9c9e2;font-size:16px;line-height:1.7;margin:0}.llab-progress{display:flex;align-items:center;gap:15px;margin-bottom:25px}.llab-progress span{display:flex;align-items:center;gap:9px;color:#7790b5;font-size:10px;font-weight:800;letter-spacing:.08em}.llab-progress span b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff2b;border-radius:50%}.llab-progress span.is-active{color:#fff}.llab-progress span.is-active b{background:var(--coral);border-color:var(--coral)}.llab-progress i{width:35px;height:1px;background:#ffffff20}.llab-stage{background:#fff;color:var(--navy);border-radius:20px;box-shadow:0 40px 90px #0005;overflow:hidden}.llab-form{margin:0}.llab-panel{display:none;padding:48px}.llab-panel.is-active{display:block;animation:llab-in .35s ease}@keyframes llab-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.llab-panel-head{margin-bottom:32px}.llab-panel-head>span{color:var(--blue);margin-bottom:10px}.llab-panel-head h3{color:var(--navy)!important;font:800 34px/1.1 Manrope,Inter,sans-serif;letter-spacing:-.035em;margin:0 0 8px}.llab-panel-head p{color:var(--muted);margin:0}.llab-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.llab-wide{grid-column:1/-1}.llab-field{display:block}.llab-field>span,.llab-lead-fields label>span{display:block;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}.llab input,.llab select{width:100%;height:52px;border:1px solid var(--line);background:#f8fafc;color:var(--navy);border-radius:8px;padding:0 15px;font:500 14px Inter,Arial,sans-serif;outline:none;transition:.2s}.llab input:focus,.llab select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #195ee815;background:#fff}.llab-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px}.llab-next,.llab-lead-fields button{border:0;background:var(--blue);color:#fff;border-radius:7px;padding:16px 19px;font:800 12px Inter,Arial,sans-serif;display:inline-flex;align-items:center;gap:25px;cursor:pointer}.llab-next svg,.llab-lead-fields button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.llab-back{border:0;background:transparent;color:var(--muted);font-weight:800;cursor:pointer;padding:12px}.llab-required,.llab-privacy{font-size:10px;color:#8794a8}.llab-choice-group{border:0;padding:0;margin:0 0 28px}.llab-choice-group legend{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}.llab-palettes,.llab-tones{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.llab-palettes label,.llab-tones label{cursor:pointer}.llab-palettes input,.llab-tones input{position:absolute;opacity:0;pointer-events:none}.llab-palette,.llab-tones label>span{display:block;border:1px solid var(--line);border-radius:10px;padding:17px;transition:.2s}.llab-palette i{display:inline-block;width:25px;height:25px;background:var(--c);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ccd5e2;margin-right:-6px}.llab-palette b,.llab-palette small,.llab-tones b,.llab-tones small{display:block}.llab-palette b{margin-top:13px}.llab-palette small,.llab-tones small{color:var(--muted);font-size:11px;margin-top:4px}.llab-tones label>span{padding:15px}.llab-palettes input:checked+span,.llab-tones input:checked+span{border-color:var(--blue);box-shadow:0 0 0 2px #195ee81f;background:#f6f9ff}.llab-device-switch{display:flex;background:#eef2f7;border-radius:8px;padding:4px;width:max-content;margin:0 0 13px auto}.llab-device-switch button{border:0;background:transparent;padding:8px 13px;border-radius:6px;color:#718096;font-size:10px;font-weight:800;cursor:pointer}.llab-device-switch button.is-active{background:#fff;color:var(--navy);box-shadow:0 2px 8px #0d23431c}.llab-preview-wrap{background:#e9eef5;padding:28px;border-radius:14px;min-height:520px;display:flex;align-items:center;justify-content:center}.llab-browser{--demo-dark:#092452;--demo-accent:#2469ed;--demo-action:#ff624f;--demo-pale:#edf4ff;width:100%;max-width:930px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 25px 50px #071a3d30;transition:.35s}.llab-browser.is-mobile{max-width:330px}.llab-browser-bar{height:31px;background:#dfe5ed;display:flex;align-items:center;gap:5px;padding:0 10px}.llab-browser-bar i{width:6px;height:6px;border-radius:50%;background:#a8b3c2}.llab-browser-bar span{margin:auto;background:#fff;padding:4px 35px;border-radius:4px;font-size:7px;color:#7e8b9d}.llab-preview-page nav{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:var(--demo-dark)}.llab-preview-page nav b{font-size:10px;letter-spacing:.06em}.llab-preview-page nav span{font-size:7px}.llab-preview-page nav button{border:0;background:var(--demo-dark);color:#fff;padding:8px 10px;font-size:6px;font-weight:800}.llab-preview-hero{position:relative;overflow:hidden;min-height:275px;padding:50px 35px;background:var(--demo-pale);color:var(--demo-dark)}.llab-preview-hero small{font-size:7px;color:var(--demo-accent);font-weight:800;letter-spacing:.11em}.llab-preview-hero h4{position:relative;z-index:2;color:var(--demo-dark)!important;font:800 34px/1.05 Manrope,Inter,sans-serif;letter-spacing:-.04em;max-width:530px;margin:13px 0}.llab-preview-hero p{position:relative;z-index:2;color:#5e6b7f;max-width:440px;font-size:10px;line-height:1.5}.llab-preview-hero>a{position:relative;z-index:2;display:inline-block;background:var(--demo-action);color:#fff;padding:10px 13px;font-size:7px;font-weight:800}.llab-preview-art{position:absolute;width:220px;height:220px;border-radius:50%;background:var(--demo-accent);right:28px;bottom:-70px}.llab-preview-art i{position:absolute;border:1px solid #ffffff6e;border-radius:50%}.llab-preview-art i:nth-child(1){inset:25px}.llab-preview-art i:nth-child(2){inset:55px}.llab-preview-art i:nth-child(3){width:28px;height:28px;left:96px;top:96px;background:#fff}.llab-preview-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 24px}.llab-preview-proof span{padding-right:10px;border-right:1px solid #e1e6ed}.llab-preview-proof span:last-child{border:0}.llab-preview-proof b,.llab-preview-proof small{display:block}.llab-preview-proof b{font-size:8px;color:var(--demo-dark)}.llab-preview-proof small{font-size:7px;color:#8692a3;margin-top:3px}.llab-browser.is-mobile .llab-preview-page nav span,.llab-browser.is-mobile .llab-preview-page nav button{display:none}.llab-browser.is-mobile .llab-preview-hero{padding:35px 22px;min-height:330px}.llab-browser.is-mobile .llab-preview-hero h4{font-size:27px}.llab-browser.is-mobile .llab-preview-art{right:-80px}.llab-browser.is-mobile .llab-preview-proof{grid-template-columns:1fr}.llab-browser.is-mobile .llab-preview-proof span{border:0;border-bottom:1px solid #e1e6ed;padding:7px 0}.llab-lead-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;background:var(--navy);color:#fff;border-radius:14px;padding:32px;margin-top:20px}.llab-lead-card>div>span{font-size:9px;color:#8fb7ff;font-weight:800;letter-spacing:.14em}.llab-lead-card h4{color:#fff!important;font:800 24px Manrope,Inter,sans-serif;margin:9px 0}.llab-lead-card p{color:#afc0da;font-size:12px;line-height:1.6;margin:0}.llab-lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.llab-lead-fields label>span{color:#b9c9e2}.llab-lead-fields label small{font-size:9px;font-weight:500}.llab-lead-fields button{grid-column:1/-1;background:var(--coral);justify-content:space-between}.llab-lead-fields button:disabled{opacity:.65;cursor:wait}.llab-hp{position:absolute!important;left:-9999px!important}.llab-message{grid-column:1/-1;font-size:11px}.llab-message.is-success{color:#72e5ac}.llab-message.is-error{color:#ff9c92} @media(max-width:800px){.llab{padding:70px 16px}.llab-header,.llab-lead-card{grid-template-columns:1fr;gap:22px}.llab-panel{padding:32px 24px}.llab-palettes,.llab-tones{grid-template-columns:1fr}.llab-preview-wrap{padding:15px}.llab-progress i{width:15px}.llab-progress span{font-size:0}.llab-progress span b{font-size:10px}.llab-grid{grid-template-columns:1fr}.llab-wide{grid-column:auto}} @media(max-width:520px){.llab h2{font-size:42px}.llab-lead-fields{grid-template-columns:1fr}.llab-lead-fields button{grid-column:auto}.llab-actions{align-items:flex-start;flex-direction:column-reverse}.llab-next{width:100%;justify-content:space-between}.llab-preview-page nav{padding:0 15px}.llab-preview-hero h4{font-size:25px}.llab-preview-art{right:-110px}.llab-browser-bar span{padding:4px 15px}} .llab{overflow:clip} /* Premium generated homepage direction */ .llab-preview-wrap{min-height:0;align-items:flex-start;background:linear-gradient(145deg,#e9eef5,#f7f9fc);border:1px solid #dce4ee} .llab-browser{max-width:960px;border:1px solid #ccd6e3;box-shadow:0 28px 70px #071a3d38} .llab-browser-bar{height:34px;border-bottom:1px solid #cbd5e1} .llab-preview-topline{height:25px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:var(--demo-dark);color:#fff;font-size:6px;font-weight:800;letter-spacing:.14em} .llab-preview-topline span:last-child{color:var(--demo-accent)} .llab-preview-page nav{height:64px;padding:0 26px;border-bottom:1px solid #e3e8ef;background:#fff} .llab-preview-page nav b{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.08em} .llab-preview-page nav b span{font-size:10px} .llab-preview-page nav button{background:var(--demo-action);color:var(--demo-dark);border-radius:3px;padding:10px 13px;box-shadow:0 5px 14px color-mix(in srgb,var(--demo-action) 30%,transparent)} .llab-preview-mark{display:block;width:20px;height:20px;border-radius:5px 9px 5px 9px;background:linear-gradient(135deg,var(--demo-accent),var(--demo-action));transform:rotate(-8deg);position:relative} .llab-preview-mark:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:-3px;bottom:1px;background:var(--demo-dark);border:2px solid #fff} .llab-preview-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:350px;padding:0;background:linear-gradient(135deg,var(--demo-pale),#fff);color:var(--demo-dark)} .llab-preview-copybox{padding:48px 38px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center} .llab-preview-copybox>small{font-size:7px;color:var(--demo-accent);font-weight:900;letter-spacing:.14em} .llab-preview-copybox h4{font-size:39px;max-width:520px;margin:14px 0 12px;line-height:.98} .llab-preview-copybox>p{font-size:10px;line-height:1.65;max-width:460px;margin:0 0 20px;color:#526075} .llab-preview-actions{display:flex;align-items:center;gap:16px} .llab-preview-actions a{display:inline-block;background:var(--demo-action);color:var(--demo-dark);padding:11px 14px;border-radius:3px;font-size:7px;font-weight:900;box-shadow:0 8px 20px color-mix(in srgb,var(--demo-action) 28%,transparent)} .llab-preview-actions span{font-size:6px;font-weight:900;color:var(--demo-dark);letter-spacing:.07em} .llab-mini-rating{display:flex;align-items:center;gap:4px;margin-top:25px;color:var(--demo-dark)} .llab-mini-rating i{width:17px;height:17px;border-radius:50%;background:linear-gradient(145deg,var(--demo-accent),var(--demo-dark));border:2px solid #fff;margin-right:-8px} .llab-mini-rating b{font-size:9px;margin-left:9px} .llab-mini-rating span{font-size:7px;color:#68758a} .llab-preview-visual{position:relative;overflow:hidden;margin:22px 22px 22px 0;min-height:306px;background:var(--demo-dark);border-radius:6px;box-shadow:0 22px 40px #071a3d2e} .llab-preview-gridlines{position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:28px 28px} .llab-preview-glow{position:absolute;width:250px;height:250px;border-radius:50%;right:-55px;top:-38px;background:var(--demo-accent);box-shadow:0 0 75px color-mix(in srgb,var(--demo-accent) 60%,transparent)} .llab-preview-glow:before,.llab-preview-glow:after{content:"";position:absolute;border:1px solid #ffffff52;border-radius:50%} .llab-preview-glow:before{inset:32px}.llab-preview-glow:after{inset:72px} .llab-preview-service-card{position:absolute;left:24px;right:55px;bottom:25px;padding:18px;background:#fffffff0;border:1px solid #ffffff;border-radius:5px;box-shadow:0 18px 35px #0003;backdrop-filter:blur(10px)} .llab-preview-service-card small,.llab-preview-service-card strong,.llab-preview-service-card span{display:block} .llab-preview-service-card small{font-size:6px;color:var(--demo-accent);font-weight:900;letter-spacing:.14em} .llab-preview-service-card strong{font-size:15px;line-height:1.1;color:var(--demo-dark);margin:7px 0 6px;max-width:260px} .llab-preview-service-card span{font-size:7px;color:#6b7688} .llab-preview-score{position:absolute;right:14px;top:17px;width:72px;padding:11px 10px;background:#ffffffed;border-radius:4px;color:var(--demo-dark);box-shadow:0 12px 24px #0002} .llab-preview-score b{display:block;font-size:22px;line-height:1} .llab-preview-score span{display:block;font-size:5px;font-weight:900;letter-spacing:.12em;margin-top:4px} .llab-preview-proof{grid-template-columns:repeat(3,1fr);gap:0;padding:0 26px;border-bottom:1px solid #e5eaf0;background:#fff} .llab-preview-proof span{position:relative;padding:20px 18px 20px 34px;border-right:1px solid #e5eaf0} .llab-preview-proof span:first-child{padding-left:20px} .llab-preview-proof i{position:absolute;left:10px;top:21px;color:var(--demo-accent);font-size:6px;font-style:normal;font-weight:900} .llab-preview-proof span:first-child i{left:0} .llab-preview-proof b{font-size:7px;letter-spacing:.06em} .llab-preview-proof small{font-size:6px;margin-top:5px} .llab-preview-services{padding:26px;background:#f8fafc} .llab-preview-services header{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px} .llab-preview-services header small{font-size:6px;font-weight:900;color:var(--demo-accent);letter-spacing:.13em} .llab-preview-services header b{font-size:15px;color:var(--demo-dark);max-width:260px;text-align:right;line-height:1.1} .llab-preview-services>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .llab-preview-services article{position:relative;min-height:85px;padding:15px;background:#fff;border:1px solid #e1e7ef;border-radius:4px;overflow:hidden} .llab-preview-services article:after{content:"";position:absolute;width:45px;height:45px;border-radius:50%;right:-18px;bottom:-20px;background:var(--demo-pale);border:8px solid color-mix(in srgb,var(--demo-accent) 18%,transparent)} .llab-preview-services article i,.llab-preview-services article b,.llab-preview-services article span{display:block;position:relative;z-index:1} .llab-preview-services article i{font-size:6px;font-style:normal;color:var(--demo-accent);font-weight:900} .llab-preview-services article b{font-size:9px;color:var(--demo-dark);margin:11px 0 8px;text-transform:capitalize} .llab-preview-services article span{font-size:6px;color:#748196;font-weight:800} .llab-preview-review{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;padding:22px 28px;background:var(--demo-dark);color:#fff} .llab-preview-review>span{color:var(--demo-accent);font:44px/1 Georgia,serif} .llab-preview-review p{font-size:9px;line-height:1.45;margin:0 0 7px;color:#fff;max-width:580px} .llab-preview-review div b{display:block;font-size:5px;letter-spacing:.11em;color:#aebbd0} .llab-preview-review>i{font-style:normal;font-size:8px;font-weight:900;color:var(--demo-accent);white-space:nowrap} .llab-browser.is-mobile{max-width:350px} .llab-browser.is-mobile .llab-preview-topline{height:22px;padding:0 10px;font-size:5px} .llab-browser.is-mobile .llab-preview-page nav{height:50px;padding:0 14px} .llab-browser.is-mobile .llab-preview-page nav b span{display:inline;font-size:8px} .llab-browser.is-mobile .llab-preview-page .llab-preview-navlinks,.llab-browser.is-mobile .llab-preview-page nav button{display:none} .llab-browser.is-mobile .llab-preview-hero{grid-template-columns:1fr;min-height:0;padding:0} .llab-browser.is-mobile .llab-preview-copybox{padding:29px 21px 25px} .llab-browser.is-mobile .llab-preview-copybox h4{font-size:29px;margin:11px 0} .llab-browser.is-mobile .llab-preview-copybox>p{font-size:8px;margin-bottom:16px} .llab-browser.is-mobile .llab-preview-actions span{display:none} .llab-browser.is-mobile .llab-mini-rating{margin-top:18px} .llab-browser.is-mobile .llab-preview-visual{height:205px;min-height:205px;margin:0 14px 16px} .llab-browser.is-mobile .llab-preview-glow{width:185px;height:185px} .llab-browser.is-mobile .llab-preview-service-card{left:16px;right:38px;bottom:16px;padding:14px} .llab-browser.is-mobile .llab-preview-service-card strong{font-size:12px} .llab-browser.is-mobile .llab-preview-score{width:59px;right:10px;top:12px} .llab-browser.is-mobile .llab-preview-score b{font-size:18px} .llab-browser.is-mobile .llab-preview-proof{grid-template-columns:1fr;padding:5px 17px} .llab-browser.is-mobile .llab-preview-proof span{border-right:0;border-bottom:1px solid #e5eaf0;padding:12px 8px 12px 29px} .llab-browser.is-mobile .llab-preview-proof span:first-child{padding-left:29px} .llab-browser.is-mobile .llab-preview-proof i,.llab-browser.is-mobile .llab-preview-proof span:first-child i{left:8px;top:13px} .llab-browser.is-mobile .llab-preview-services{padding:21px 16px} .llab-browser.is-mobile .llab-preview-services header{display:block} .llab-browser.is-mobile .llab-preview-services header b{display:block;text-align:left;margin-top:7px} .llab-browser.is-mobile .llab-preview-services>div{grid-template-columns:1fr} .llab-browser.is-mobile .llab-preview-services article{min-height:72px} .llab-browser.is-mobile .llab-preview-review{grid-template-columns:26px 1fr;padding:18px 17px} .llab-browser.is-mobile .llab-preview-review>i{display:none} /* Industry-specific art direction */ .llab-preview-visual{background-image:linear-gradient(135deg,#071a3d24,#071a3d5c),url("theme-sprite.webp");background-size:cover,300% 200%;background-repeat:no-repeat} .llab-browser[data-industry="contractor"] .llab-preview-visual{background-position:center,0% 0%} .llab-browser[data-industry="restaurant"] .llab-preview-visual{background-position:center,50% 0%} .llab-browser[data-industry="salon"] .llab-preview-visual{background-position:center,100% 0%} .llab-browser[data-industry="auto"] .llab-preview-visual{background-position:center,0% 100%} .llab-browser[data-industry="professional"] .llab-preview-visual{background-position:center,50% 100%} .llab-browser[data-industry="local"] .llab-preview-visual{background-position:center,100% 100%} /* Contractor: rugged, architectural, decisive */ .llab-browser[data-industry="contractor"] .llab-preview-topline{background:#171412;border-bottom:2px solid var(--demo-accent)} .llab-browser[data-industry="contractor"] .llab-preview-page nav{border-bottom:3px solid var(--demo-dark)} .llab-browser[data-industry="contractor"] .llab-preview-mark{border-radius:1px;transform:skew(-10deg);background:var(--demo-accent)} .llab-browser[data-industry="contractor"] .llab-preview-hero{grid-template-columns:.92fr 1.08fr;background:var(--demo-pale)} .llab-browser[data-industry="contractor"] .llab-preview-copybox{padding-right:18px} .llab-browser[data-industry="contractor"] .llab-preview-copybox h4{font-family:Impact,"Arial Narrow",Manrope,sans-serif;text-transform:uppercase;letter-spacing:-.025em;line-height:.94;font-weight:900} .llab-browser[data-industry="contractor"] .llab-preview-visual{margin:0;min-height:350px;border-radius:0;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)} .llab-browser[data-industry="contractor"] .llab-preview-gridlines{background-size:38px 38px;opacity:.65} .llab-browser[data-industry="contractor"] .llab-preview-glow{width:150px;height:150px;right:-45px;top:-35px;opacity:.72} .llab-browser[data-industry="contractor"] .llab-preview-service-card{left:42px;right:20px;bottom:20px;border-radius:0;border-left:6px solid var(--demo-accent);background:#15120fe8;color:#fff} .llab-browser[data-industry="contractor"] .llab-preview-service-card strong{color:#fff;font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:.035em} .llab-browser[data-industry="contractor"] .llab-preview-service-card span{color:#c9c1b9} .llab-browser[data-industry="contractor"] .llab-preview-score{border-radius:0;border-top:4px solid var(--demo-action)} .llab-browser[data-industry="contractor"] .llab-preview-services article{border-radius:0;border-top:4px solid var(--demo-accent)} .llab-browser[data-industry="contractor"] .llab-preview-services article b{text-transform:uppercase;font-family:"Arial Narrow",Arial,sans-serif;letter-spacing:.025em} /* Restaurant: editorial, rich, appetizing */ .llab-browser[data-industry="restaurant"] .llab-preview-page nav{background:var(--demo-pale);border-bottom:1px solid color-mix(in srgb,var(--demo-dark) 16%,transparent)} .llab-browser[data-industry="restaurant"] .llab-preview-mark{border-radius:50% 50% 12% 50%;background:var(--demo-action)} .llab-browser[data-industry="restaurant"] .llab-preview-hero{grid-template-columns:.82fr 1.18fr;background:var(--demo-pale);min-height:370px} .llab-browser[data-industry="restaurant"] .llab-preview-copybox{position:relative;z-index:3;margin:30px -70px 30px 0;padding:40px 34px;background:#fff9f0f2;border:1px solid #ffffff;border-left:5px solid var(--demo-accent);box-shadow:16px 20px 40px #38101422} .llab-browser[data-industry="restaurant"] .llab-preview-copybox h4{font-family:Georgia,serif;font-weight:500;letter-spacing:-.045em;line-height:1.01} .llab-browser[data-industry="restaurant"] .llab-preview-visual{margin:0;border-radius:0;min-height:370px} .llab-browser[data-industry="restaurant"] .llab-preview-gridlines{display:none} .llab-browser[data-industry="restaurant"] .llab-preview-glow{width:190px;height:190px;right:-55px;top:-55px;opacity:.42} .llab-browser[data-industry="restaurant"] .llab-preview-service-card{left:auto;right:20px;bottom:20px;width:235px;background:var(--demo-dark);border:1px solid #ffffff33} .llab-browser[data-industry="restaurant"] .llab-preview-service-card strong{color:#fff;font-family:Georgia,serif;font-weight:500} .llab-browser[data-industry="restaurant"] .llab-preview-service-card span{color:#d9c6bb} .llab-browser[data-industry="restaurant"] .llab-preview-score{background:var(--demo-action);transform:rotate(4deg)} .llab-browser[data-industry="restaurant"] .llab-preview-services{background:var(--demo-pale)} .llab-browser[data-industry="restaurant"] .llab-preview-services header b{font-family:Georgia,serif;font-weight:500} .llab-browser[data-industry="restaurant"] .llab-preview-services article{border-radius:70px 70px 8px 8px;padding-top:25px;text-align:center} /* Salon: fashion-forward, soft luxury */ .llab-browser[data-industry="salon"] .llab-preview-topline{background:var(--demo-dark)} .llab-browser[data-industry="salon"] .llab-preview-page nav{background:#fffafd} .llab-browser[data-industry="salon"] .llab-preview-mark{border-radius:50%;background:linear-gradient(135deg,var(--demo-action),var(--demo-accent));transform:none} .llab-browser[data-industry="salon"] .llab-preview-hero{grid-template-columns:1.02fr .98fr;background:linear-gradient(125deg,#fff,var(--demo-pale))} .llab-browser[data-industry="salon"] .llab-preview-copybox{order:2;padding-left:28px} .llab-browser[data-industry="salon"] .llab-preview-copybox h4{font-family:Georgia,serif;font-style:italic;font-weight:500;line-height:1.02;letter-spacing:-.04em} .llab-browser[data-industry="salon"] .llab-preview-visual{order:1;margin:18px 0 18px 18px;border-radius:140px 14px 140px 14px;min-height:314px} .llab-browser[data-industry="salon"] .llab-preview-gridlines{display:none} .llab-browser[data-industry="salon"] .llab-preview-glow{left:-70px;right:auto;top:-55px;width:180px;height:180px;opacity:.28} .llab-browser[data-industry="salon"] .llab-preview-service-card{left:25px;right:25px;bottom:24px;background:#fffaffdc;border-radius:70px;padding:18px 25px;text-align:center} .llab-browser[data-industry="salon"] .llab-preview-service-card strong{font-family:Georgia,serif;font-weight:500;text-transform:none} .llab-browser[data-industry="salon"] .llab-preview-score{border-radius:50%;width:68px;height:68px;text-align:center;right:19px} .llab-browser[data-industry="salon"] .llab-preview-services{background:#fffafd} .llab-browser[data-industry="salon"] .llab-preview-services header b{font-family:Georgia,serif;font-style:italic;font-weight:500} .llab-browser[data-industry="salon"] .llab-preview-services article{border-radius:40px 8px 40px 8px;background:var(--demo-pale);border:0} /* Auto: dark performance, speed, contrast */ .llab-browser[data-industry="auto"] .llab-preview-topline{background:#05070b;border-bottom:1px solid var(--demo-accent)} .llab-browser[data-industry="auto"] .llab-preview-page nav{background:#090d14;border-bottom:1px solid #ffffff1c;color:#fff} .llab-browser[data-industry="auto"] .llab-preview-page nav b,.llab-browser[data-industry="auto"] .llab-preview-page nav .llab-preview-navlinks{color:#fff} .llab-browser[data-industry="auto"] .llab-preview-mark{border-radius:2px;transform:skew(-18deg);background:linear-gradient(100deg,var(--demo-accent),var(--demo-action))} .llab-browser[data-industry="auto"] .llab-preview-hero{grid-template-columns:.9fr 1.1fr;background:#080d16} .llab-browser[data-industry="auto"] .llab-preview-copybox h4{color:#fff!important;font-family:Impact,"Arial Narrow",Manrope,sans-serif;text-transform:uppercase;font-style:italic;letter-spacing:-.02em} .llab-browser[data-industry="auto"] .llab-preview-copybox>p{color:#aab6c9} .llab-browser[data-industry="auto"] .llab-preview-actions span,.llab-browser[data-industry="auto"] .llab-mini-rating{color:#fff} .llab-browser[data-industry="auto"] .llab-mini-rating span{color:#97a5ba} .llab-browser[data-industry="auto"] .llab-preview-visual{margin:0;min-height:350px;border-radius:0;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)} .llab-browser[data-industry="auto"] .llab-preview-gridlines{background-size:44px 44px;opacity:.5} .llab-browser[data-industry="auto"] .llab-preview-glow{background:var(--demo-action);width:120px;height:120px;opacity:.48} .llab-browser[data-industry="auto"] .llab-preview-service-card{left:36px;background:#060a10e8;border-color:#ffffff24;border-left:4px solid var(--demo-accent);border-radius:2px} .llab-browser[data-industry="auto"] .llab-preview-service-card strong{color:#fff;font-style:italic} .llab-browser[data-industry="auto"] .llab-preview-service-card span{color:#aeb9c9} .llab-browser[data-industry="auto"] .llab-preview-score{background:var(--demo-action);border-radius:2px;transform:skew(-6deg)} .llab-browser[data-industry="auto"] .llab-preview-proof{background:#0d131e;border-color:#273143} .llab-browser[data-industry="auto"] .llab-preview-proof span{border-color:#273143} .llab-browser[data-industry="auto"] .llab-preview-proof b{color:#fff} .llab-browser[data-industry="auto"] .llab-preview-proof small{color:#8492a8} .llab-browser[data-industry="auto"] .llab-preview-services{background:#111722} .llab-browser[data-industry="auto"] .llab-preview-services header b,.llab-browser[data-industry="auto"] .llab-preview-services article b{color:#fff} .llab-browser[data-industry="auto"] .llab-preview-services article{background:#0b1019;border-color:#253044;border-radius:2px;border-top:3px solid var(--demo-accent)} /* Professional: restrained editorial confidence */ .llab-browser[data-industry="professional"] .llab-preview-topline{background:var(--demo-dark)} .llab-browser[data-industry="professional"] .llab-preview-page nav{border-bottom:0;box-shadow:0 8px 24px #10284e12} .llab-browser[data-industry="professional"] .llab-preview-mark{border-radius:2px 12px 2px 12px;background:var(--demo-accent)} .llab-browser[data-industry="professional"] .llab-preview-hero{grid-template-columns:1fr 1fr;background:#fff} .llab-browser[data-industry="professional"] .llab-preview-copybox{padding-left:44px} .llab-browser[data-industry="professional"] .llab-preview-copybox h4{font-family:Georgia,serif;font-weight:500;line-height:1.04;letter-spacing:-.045em} .llab-browser[data-industry="professional"] .llab-preview-visual{margin:0;border-radius:0 0 0 130px;min-height:350px} .llab-browser[data-industry="professional"] .llab-preview-gridlines{display:none} .llab-browser[data-industry="professional"] .llab-preview-glow{width:180px;height:180px;right:-55px;top:-55px;opacity:.24} .llab-browser[data-industry="professional"] .llab-preview-service-card{left:35px;right:20px;background:#ffffffeb;border-radius:2px;border-bottom:4px solid var(--demo-action)} .llab-browser[data-industry="professional"] .llab-preview-score{background:var(--demo-dark);color:#fff;border-radius:2px} .llab-browser[data-industry="professional"] .llab-preview-services article{border:0;border-bottom:2px solid var(--demo-accent);border-radius:0;background:#fff} /* Local business: playful, warm, memorable */ .llab-browser[data-industry="local"] .llab-preview-topline{background:var(--demo-dark)} .llab-browser[data-industry="local"] .llab-preview-page nav{background:var(--demo-pale)} .llab-browser[data-industry="local"] .llab-preview-mark{border-radius:50% 8px 50% 8px;background:linear-gradient(135deg,var(--demo-accent),var(--demo-action));transform:rotate(9deg)} .llab-browser[data-industry="local"] .llab-preview-hero{grid-template-columns:1fr 1fr;background:var(--demo-pale);padding:12px} .llab-browser[data-industry="local"] .llab-preview-copybox{padding:35px 30px;background:#fff;border-radius:18px;box-shadow:0 16px 35px #123d4214;transform:rotate(-1deg);z-index:2} .llab-browser[data-industry="local"] .llab-preview-copybox h4{font-family:Georgia,serif;font-weight:600;line-height:1;letter-spacing:-.045em} .llab-browser[data-industry="local"] .llab-preview-visual{margin:8px 4px 8px -8px;border-radius:20px;min-height:310px;transform:rotate(1.5deg)} .llab-browser[data-industry="local"] .llab-preview-gridlines{display:none} .llab-browser[data-industry="local"] .llab-preview-glow{width:130px;height:130px;right:-35px;top:-35px;opacity:.46} .llab-browser[data-industry="local"] .llab-preview-service-card{left:18px;right:18px;bottom:18px;border:0;border-radius:14px;background:var(--demo-action);transform:rotate(-2deg)} .llab-browser[data-industry="local"] .llab-preview-service-card small{color:var(--demo-dark)} .llab-browser[data-industry="local"] .llab-preview-score{border-radius:50% 14px 50% 14px;background:var(--demo-accent);color:#fff;transform:rotate(5deg)} .llab-browser[data-industry="local"] .llab-preview-services{background:var(--demo-pale)} .llab-browser[data-industry="local"] .llab-preview-services article{border:0;border-radius:14px;box-shadow:0 9px 20px #123d4212} .llab-browser[data-industry="local"] .llab-preview-services article:nth-child(2){transform:translateY(-5px);background:var(--demo-action)} .llab-browser.is-mobile[data-industry="contractor"] .llab-preview-visual,.llab-browser.is-mobile[data-industry="auto"] .llab-preview-visual{clip-path:none} .llab-browser.is-mobile[data-industry="restaurant"] .llab-preview-copybox{margin:0;padding:28px 21px;border-left:4px solid var(--demo-accent);box-shadow:none} .llab-browser.is-mobile[data-industry="restaurant"] .llab-preview-visual{min-height:220px} .llab-browser.is-mobile[data-industry="salon"] .llab-preview-copybox{order:1;padding:28px 21px} .llab-browser.is-mobile[data-industry="salon"] .llab-preview-visual{order:2;margin:0 14px 16px;border-radius:80px 12px 80px 12px} .llab-browser.is-mobile[data-industry="professional"] .llab-preview-visual{border-radius:0 0 0 70px} .llab-browser.is-mobile[data-industry="local"] .llab-preview-hero{padding:9px} .llab-browser.is-mobile[data-industry="local"] .llab-preview-copybox{padding:25px 18px;transform:none} .llab-browser.is-mobile[data-industry="local"] .llab-preview-visual{margin:6px;transform:none} /* Guided concept-studio experience */ .llab-stage{display:grid;grid-template-columns:300px minmax(0,1fr);background:#071a3d;border:1px solid #ffffff1a;box-shadow:0 42px 100px #0007} .llab-form{min-width:0;background:#fff} .llab-stage[data-step="3"]{grid-template-columns:1fr} .llab-stage[data-step="3"] .llab-wizard-aside{display:none} .llab-wizard-aside{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:690px;padding:32px 28px;color:#fff;background:radial-gradient(circle at 85% 12%,#2469ed66,transparent 32%),linear-gradient(155deg,#0b2452,#06132f 72%)} .llab-wizard-aside:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,#000,transparent 80%)} .llab-wizard-aside:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff1f;border-radius:50%;right:-120px;top:170px;box-shadow:0 0 0 38px #ffffff09,0 0 0 76px #ffffff05} .llab-aside-top,.llab-aside-copy,.llab-aside-visual,.llab-aside-progress{position:relative;z-index:2} .llab-aside-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:900;letter-spacing:.14em;color:#9ebdff} .llab-aside-top i{width:9px;height:9px;border-radius:50%;background:#61e8a4;box-shadow:0 0 0 6px #61e8a41b} .llab-aside-copy{margin-top:58px} .llab-aside-copy small{display:block;color:#ff8a80;font-size:8px;font-weight:900;letter-spacing:.15em;margin-bottom:14px} .llab-aside-copy h3{color:#fff!important;font:800 28px/1.05 Manrope,Inter,sans-serif;letter-spacing:-.045em;margin:0 0 16px} .llab-aside-copy p{color:#aebfdd;font-size:12px;line-height:1.65;margin:0} .llab-aside-two{display:none} .llab-stage[data-step="2"] .llab-aside-one{display:none} .llab-stage[data-step="2"] .llab-aside-two{display:block} .llab-aside-visual{display:grid;gap:8px;margin-top:auto} .llab-aside-visual>span{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:11px 12px;border:1px solid #ffffff16;background:#ffffff09;border-radius:8px;backdrop-filter:blur(8px)} .llab-aside-visual>span>i{grid-row:1/3;width:28px;height:28px;border:1px solid #8fb7ff;border-radius:7px;position:relative} .llab-aside-visual>span>i:before,.llab-aside-visual>span>i:after{content:"";position:absolute;background:#8fb7ff} .llab-aside-visual>span>i:before{width:10px;height:1px;left:8px;top:9px}.llab-aside-visual>span>i:after{width:6px;height:6px;border-radius:50%;left:10px;top:14px} .llab-aside-visual b{font-size:8px;letter-spacing:.1em;color:#fff} .llab-aside-visual small{font-size:8px;color:#8197bb;margin-top:2px} .llab-aside-progress{display:flex;align-items:end;gap:15px;margin-top:28px} .llab-aside-progress>div{display:flex;align-items:end;gap:4px}.llab-aside-progress span{font:800 22px/1 Manrope,sans-serif}.llab-aside-progress small{font-size:7px;color:#6f86ab;margin-bottom:2px} .llab-aside-progress>i{display:block;flex:1;height:3px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:3px} .llab-aside-progress>i b{display:block;width:33.333%;height:100%;background:linear-gradient(90deg,#ff5a4f,#ffb12b);transition:.35s} .llab-stage[data-step="2"] .llab-aside-progress>i b{width:66.666%} .llab-panel{min-height:690px;padding:46px 44px} .llab-stage[data-step="3"] .llab-panel{min-height:0} .llab-panel-head{position:relative;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid #e6ebf2} .llab-panel-head:after{content:"";position:absolute;width:42px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),#7ea8ff);left:0;bottom:-2px} .llab-panel-head h3{font-size:38px} .llab-field>span,.llab-industry-picker legend,.llab-lead-fields label>span{color:#50617a;font-size:9px;letter-spacing:.12em} .llab input,.llab select{height:56px;border:1px solid #d5deea;background:#f7f9fc;border-radius:10px;font-size:14px} .llab input:hover,.llab select:hover{border-color:#a9b9ce;background:#fff} .llab-industry-picker{border:0;padding:0;margin:2px 0 0;min-width:0} .llab-industry-picker legend{font-weight:800;text-transform:uppercase;margin-bottom:10px} .llab-industry-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .llab-industry-picker label{cursor:pointer;min-width:0} .llab-industry-picker input{position:absolute;opacity:0;pointer-events:none} .llab-industry-picker label>span{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;min-height:74px;padding:13px;border:1px solid #dce4ee;border-radius:11px;background:#fff;transition:.2s;overflow:hidden} .llab-industry-picker label>span:after{content:"";position:absolute;width:50px;height:50px;border-radius:50%;right:-29px;bottom:-30px;background:#eaf1ff;transition:.2s} .llab-industry-picker label:hover>span{transform:translateY(-2px);border-color:#a9bde1;box-shadow:0 10px 22px #10284e12} .llab-industry-picker input:checked+span{color:#fff;background:linear-gradient(145deg,#123a82,#071a3d);border-color:#195ee8;box-shadow:0 12px 26px #195ee82b} .llab-industry-picker input:checked+span:after{background:#ff5a4f;opacity:.85} .llab-industry-picker span>i{grid-row:1/3;position:relative;width:34px;height:34px;border:1px solid #b8c7dc;border-radius:9px;background:#f4f7fb} .llab-industry-picker input:checked+span>i{border-color:#ffffff45;background:#ffffff12} .llab-industry-picker span>b{align-self:end;font-size:11px;color:var(--navy)} .llab-industry-picker input:checked+span>b{color:#fff} .llab-industry-picker span>small{font-size:8px;color:#7a879a;margin-top:3px;white-space:nowrap} .llab-industry-picker input:checked+span>small{color:#adc4ec} .llab-industry-picker i:before,.llab-industry-picker i:after{content:"";position:absolute;border:2px solid #31547e} .llab-industry-picker input:checked+span i:before,.llab-industry-picker input:checked+span i:after{border-color:#fff} .llab-icon-build:before{width:14px;height:10px;left:8px;top:13px;border-top:0!important}.llab-icon-build:after{width:9px;height:9px;left:11px;top:7px;transform:rotate(45deg);border-right:0!important;border-bottom:0!important} .llab-icon-dine:before{height:16px;left:10px;top:7px;border-width:0 2px!important;box-shadow:5px 0 0 -1px #31547e}.llab-icon-dine:after{height:16px;right:8px;top:7px;border-width:0 0 0 2px!important;border-radius:50%} .llab-industry-picker input:checked+span .llab-icon-dine:before{box-shadow:5px 0 0 -1px #fff} .llab-icon-style:before{width:15px;height:15px;border-radius:50%;left:7px;top:7px}.llab-icon-style:after{width:9px;height:2px;border-width:2px 0 0!important;transform:rotate(-45deg);right:3px;bottom:6px} .llab-icon-auto:before{width:17px;height:8px;left:6px;top:13px;border-radius:5px}.llab-icon-auto:after{width:4px;height:4px;border-radius:50%;left:9px;top:20px;box-shadow:10px 0 0 -2px #f4f7fb,10px 0 0 0 #31547e} .llab-industry-picker input:checked+span .llab-icon-auto:after{box-shadow:10px 0 0 -2px #ffffff12,10px 0 0 0 #fff} .llab-icon-pro:before{width:15px;height:14px;left:7px;top:11px;border-radius:2px}.llab-icon-pro:after{width:7px;height:4px;left:11px;top:7px;border-bottom:0!important;border-radius:2px 2px 0 0} .llab-icon-local:before{width:16px;height:13px;left:7px;top:11px;border-radius:2px}.llab-icon-local:after{width:20px;height:6px;left:5px;top:7px;border-radius:5px 5px 2px 2px} .llab-actions{margin-top:28px} .llab-next{position:relative;overflow:hidden;background:linear-gradient(115deg,#195ee8,#0b3fa6);border-radius:10px;padding:17px 20px;box-shadow:0 12px 24px #195ee82b;transition:.2s} .llab-next:hover{transform:translateY(-2px);box-shadow:0 16px 30px #195ee83d} .llab-next:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-50px;top:-50px;background:#ffffff1b} .llab-stage[data-step="2"] .llab-palettes,.llab-stage[data-step="2"] .llab-tones{gap:10px} .llab-stage[data-step="2"] .llab-palette,.llab-stage[data-step="2"] .llab-tones label>span{border-radius:12px;padding:14px} .llab-stage[data-step="2"] .llab-palettes input:checked+span,.llab-stage[data-step="2"] .llab-tones input:checked+span{background:linear-gradient(145deg,#f7faff,#edf3ff);box-shadow:0 0 0 2px #195ee829,0 12px 25px #10284e0f} @media(max-width:980px){.llab-stage{grid-template-columns:230px minmax(0,1fr)}.llab-wizard-aside{padding:25px 20px}.llab-aside-copy h3{font-size:23px}.llab-panel{padding:38px 30px}.llab-industry-picker>div{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.llab-stage{display:block}.llab-wizard-aside{min-height:0;padding:24px}.llab-aside-copy{margin-top:28px}.llab-aside-copy h3{font-size:26px}.llab-aside-copy p{max-width:480px}.llab-aside-visual{display:none}.llab-aside-progress{margin-top:24px}.llab-panel{min-height:0;padding:30px 22px}.llab-industry-picker>div{grid-template-columns:1fr 1fr}.llab-panel-head h3{font-size:31px}} @media(max-width:480px){.llab-industry-picker>div{grid-template-columns:1fr}.llab-industry-picker label>span{min-height:68px}.llab-grid{gap:14px}.llab-panel{padding:26px 18px}} /* Lock wizard button contrast against aggressive theme button styles */ .llab .llab-next,.llab .llab-next:hover,.llab .llab-next:focus{background:linear-gradient(115deg,#195ee8,#0b3fa6)!important;color:#fff!important;border-color:transparent!important} .llab .llab-next svg,.llab .llab-next:hover svg,.llab .llab-next:focus svg{stroke:#fff!important;color:#fff!important} .llab .llab-back,.llab .llab-back:hover,.llab .llab-back:focus{background:transparent!important;color:var(--muted)!important} .llab .llab-device-switch button{background:transparent!important;color:#718096!important} .llab .llab-device-switch button.is-active{background:#fff!important;color:var(--navy)!important} .llab .llab-lead-fields button,.llab .llab-lead-fields button:hover{background:var(--coral)!important;color:#fff!important} /* Natural-language business brief and quiet concept generation */ .llab-field>small{display:block;margin-top:7px;color:#7b899d;font-size:10px;line-height:1.45} .llab-field>span small{font-size:8px;font-weight:600;letter-spacing:0;text-transform:none;color:#8794a8} .llab-business-type{position:relative} .llab-business-type input{height:66px!important;padding-left:18px!important;font-size:16px!important;font-weight:650!important;background:linear-gradient(135deg,#f8faff,#f3f7ff)!important;border-color:#cbd8ed!important;box-shadow:inset 4px 0 0 #195ee8} .llab-business-type input:focus{background:#fff!important;box-shadow:inset 4px 0 0 #195ee8,0 0 0 4px #195ee814} .llab-quick-types{display:flex;flex-wrap:wrap;gap:7px;margin-top:-8px} .llab .llab-quick-types button{appearance:none;border:1px solid #d7e0ec!important;background:#fff!important;color:#53627a!important;border-radius:999px!important;padding:8px 12px!important;font:750 9px/1 Inter,Arial,sans-serif!important;letter-spacing:.03em;cursor:pointer;transition:.2s} .llab .llab-quick-types button:hover,.llab .llab-quick-types button.is-active{border-color:#195ee8!important;background:#edf3ff!important;color:#1049ba!important;transform:translateY(-1px)} .llab-concept-status{position:relative;display:flex;align-items:center;gap:13px;margin:-8px 0 17px;padding:13px 16px;border:1px solid #cfe0fb;border-radius:11px;background:linear-gradient(115deg,#f5f9ff,#eef4ff);color:#112b55;overflow:hidden} .llab-concept-status[hidden]{display:none} .llab-concept-status:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#ffffffb8 48%,transparent 76%);transform:translateX(-120%);animation:llab-thinking 1.8s infinite} .llab-concept-status>i{position:relative;z-index:1;width:25px;height:25px;border:2px solid #a8c4f4;border-top-color:#195ee8;border-radius:50%;animation:llab-spin .8s linear infinite} .llab-concept-status>div{position:relative;z-index:1;display:grid;gap:3px} .llab-concept-status b{font-size:11px}.llab-concept-status span{color:#667998;font-size:9px} @keyframes llab-spin{to{transform:rotate(360deg)}}@keyframes llab-thinking{to{transform:translateX(120%)}} .llab-preview-mark{display:grid!important;place-items:center;color:#fff!important;font:900 6px/1 Inter,Arial,sans-serif!important;letter-spacing:-.02em} .llab-preview-mark>span{position:relative;z-index:2;color:#fff!important;font-size:6px!important;line-height:1!important;transform:none!important} .llab-browser[data-industry="contractor"] .llab-preview-mark>span,.llab-browser[data-industry="auto"] .llab-preview-mark>span{transform:skew(10deg)!important} .llab-preview-visual.has-custom-image{background-image:linear-gradient(135deg,#071a3d17,#071a3d73),var(--custom-hero-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important} @media(max-width:480px){.llab-business-type input{font-size:14px!important}.llab-quick-types{gap:6px}.llab .llab-quick-types button{padding:7px 9px!important}.llab-concept-status{align-items:flex-start}} /* Loopline Concept Studio v3 — cinematic, phone-first command deck. */ .llab { isolation: isolate; overflow: clip; } .llab-stage { position: relative; isolation: isolate; background: linear-gradient(rgba(25,94,232,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(25,94,232,.045) 1px, transparent 1px), #071a3d; background-size: 30px 30px; box-shadow: 0 36px 90px rgba(3,18,44,.22), 0 0 0 1px rgba(25,94,232,.08); } .llab-stage::before { content: ""; position: absolute; z-index: 4; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, #50a2ff, #ff654f, transparent); box-shadow: 0 0 22px rgba(80,162,255,.7); animation: llab-scan 5s ease-in-out infinite alternate; pointer-events: none; } @keyframes llab-scan { from { opacity:.35; transform:translateX(-18%); } to { opacity:1; transform:translateX(18%); } } .llab-wizard-aside { position:relative; overflow:hidden; } .llab-wizard-aside::before { content:""; position:absolute; width:240px; height:240px; right:-120px; bottom:-120px; border:1px solid rgba(91,160,255,.22); border-radius:50%; box-shadow:0 0 0 28px rgba(91,160,255,.05),0 0 0 56px rgba(91,160,255,.025); } .llab-aside-top::after { content:"STUDIO READY"; display:inline-flex; align-items:center; margin-top:12px; padding:7px 9px; border:1px solid rgba(105,226,166,.22); border-radius:999px; color:#8ff0ba; background:rgba(57,192,120,.08); font-size:7px; font-weight:900; letter-spacing:.16em; } .llab-panel { position:relative; } .llab-panel::after { content:""; position:absolute; right:24px; top:22px; width:7px; height:7px; border-radius:50%; background:#37d98c; box-shadow:0 0 0 5px rgba(55,217,140,.1),0 0 18px rgba(55,217,140,.45); } .llab-field input, .llab-field textarea, .llab-field select { transition:border-color .2s, box-shadow .2s, transform .2s, background .2s; } .llab-field input:focus, .llab-field textarea:focus, .llab-field select:focus { transform:translateY(-1px); border-color:#2e72ef !important; box-shadow:0 0 0 4px rgba(25,94,232,.1),0 14px 32px rgba(14,48,104,.08) !important; } .llab-next { position:relative; overflow:hidden; box-shadow:0 12px 30px rgba(25,94,232,.24) !important; } .llab-next::after { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.28) 48%,transparent 68%); transform:translateX(-130%); transition:transform .65s ease; } .llab-next:hover::after { transform:translateX(130%); } .llab-preview-wrap { background: radial-gradient(circle at 50% 0,rgba(34,112,255,.22),transparent 42%), linear-gradient(160deg,#06162f,#0a2450); } .llab-browser { box-shadow:0 30px 70px rgba(0,10,30,.4),0 0 0 1px rgba(255,255,255,.08); transition:max-width .35s ease,transform .35s ease; } .llab-concept-status { border-color:rgba(50,125,255,.25); background: linear-gradient(90deg,rgba(25,94,232,.09),rgba(255,255,255,.98)), repeating-linear-gradient(90deg,transparent 0 14px,rgba(25,94,232,.03) 14px 15px); } .llab-concept-status b::after { content:""; display:inline-block; width:18px; height:2px; margin-left:8px; vertical-align:middle; background:#195ee8; box-shadow:8px 0 #72a3ff,16px 0 #c8dcff; animation:llab-pulsebar 1s steps(3,end) infinite; } @keyframes llab-pulsebar { 50% { opacity:.3; } } @media (prefers-reduced-motion:reduce) { .llab-stage::before,.llab-concept-status::after,.llab-concept-status>i,.llab-concept-status b::after { animation:none !important; } } @media (max-width: 760px) { .llab { padding:52px 14px !important; } .llab-shell { width:100% !important; max-width:100% !important; } .llab-orb { width:260px !important; height:260px !important; opacity:.35; } .llab-header { grid-template-columns:minmax(0,1fr) !important; gap:14px !important; margin-bottom:22px !important; } .llab-kicker { font-size:8px !important; letter-spacing:.18em !important; } .llab-header h2 { margin:10px 0 0 !important; font-size:clamp(36px,11.5vw,48px) !important; line-height:.98 !important; letter-spacing:-.045em !important; } .llab-header p { max-width:34em !important; font-size:14px !important; line-height:1.65 !important; } .llab-progress { gap:5px !important; margin:0 0 12px !important; padding:6px !important; border:1px solid rgba(25,94,232,.12); border-radius:14px; background:rgba(255,255,255,.82); box-shadow:0 12px 28px rgba(7,26,61,.07); } .llab-progress > * { min-width:0 !important; gap:5px !important; padding:7px 5px !important; border-radius:10px !important; } .llab-progress span,.llab-progress b { font-size:7px !important; white-space:nowrap; } .llab-stage { display:block !important; border-radius:24px !important; background-size:22px 22px; overflow:hidden !important; } .llab-wizard-aside { min-height:0 !important; height:auto !important; padding:14px 16px !important; display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; gap:12px !important; border-bottom:1px solid rgba(139,182,255,.13); } .llab-aside-top { min-width:0; } .llab-aside-top > span, .llab-aside-top > small { font-size:7px !important; letter-spacing:.14em !important; } .llab-aside-top::after { margin:7px 0 0 !important; padding:5px 7px !important; font-size:6px !important; } .llab-aside-copy,.llab-aside-visual { display:none !important; } .llab-aside-progress { margin:0 !important; min-width:70px; padding:8px 10px !important; border:1px solid rgba(139,182,255,.18); border-radius:12px; background:rgba(255,255,255,.045); } .llab-aside-progress span,.llab-aside-progress small { font-size:7px !important; } .llab-aside-progress strong { font-size:17px !important; } .llab-panel { min-height:0 !important; padding:26px 16px 20px !important; border-radius:0 !important; } .llab-panel::after { top:17px; right:16px; } .llab-panel-head { margin-bottom:22px !important; padding-right:18px; } .llab-panel-head small { font-size:7px !important; } .llab-panel-head h3 { margin:7px 0 !important; font-size:clamp(29px,9vw,37px) !important; line-height:1.02 !important; } .llab-panel-head p { font-size:12px !important; line-height:1.55 !important; } .llab-grid { grid-template-columns:minmax(0,1fr) !important; gap:14px !important; } .llab-field > span { margin-bottom:7px !important; font-size:8px !important; } .llab-field input,.llab-field textarea,.llab-field select { min-width:0 !important; width:100% !important; height:52px !important; border-radius:12px !important; font-size:14px !important; } .llab-business-type input { height:58px !important; } .llab-quick-types { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:6px !important; margin-top:-3px !important; } .llab .llab-quick-types button { min-width:0 !important; padding:8px 4px !important; font-size:7px !important; white-space:nowrap; } .llab-actions { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:8px !important; margin-top:20px !important; } .llab .llab-next { width:100% !important; min-height:52px !important; justify-content:center !important; border-radius:13px !important; } .llab .llab-back { order:2; width:100% !important; min-height:40px; justify-content:center !important; } .llab-palettes,.llab-tones { grid-template-columns:minmax(0,1fr) !important; gap:9px !important; } .llab-palettes label > span,.llab-tones label > span { min-height:70px !important; padding:13px !important; border-radius:13px !important; } .llab-palette { width:84px !important; flex:none; } .llab-device-switch { margin-bottom:10px !important; justify-content:center !important; } .llab-preview-wrap { min-height:0 !important; padding:10px !important; border-radius:18px !important; } .llab-stage[data-step="3"] .llab-browser, .llab-browser.is-mobile { width:100% !important; max-width:330px !important; margin:0 auto !important; border-radius:17px !important; } .llab-stage[data-step="3"] .llab-preview-nav-links, .llab-stage[data-step="3"] .llab-preview-nav > button { display:none !important; } .llab-stage[data-step="3"] .llab-preview-hero { min-height:320px !important; padding:31px 20px !important; } .llab-stage[data-step="3"] .llab-preview-hero h4 { font-size:26px !important; line-height:1.02 !important; } .llab-stage[data-step="3"] .llab-preview-proof { grid-template-columns:minmax(0,1fr) !important; } .llab-stage[data-step="3"] .llab-preview-services { grid-template-columns:minmax(0,1fr) !important; } .llab-concept-status { margin:0 0 12px !important; padding:11px 12px !important; border-radius:12px !important; } .llab-concept-status b { font-size:9px !important; } .llab-concept-status span { font-size:8px !important; } .llab-lead-card { margin-top:12px !important; padding:18px 14px !important; border-radius:16px !important; } .llab-lead-card h4 { font-size:22px !important; } .llab-lead-fields { grid-template-columns:minmax(0,1fr) !important; gap:9px !important; } .llab-lead-fields input,.llab-lead-fields button { width:100% !important; min-width:0 !important; height:48px !important; } } @media (max-width: 380px) { .llab { padding-left:10px !important; padding-right:10px !important; } .llab-progress span { display:none !important; } .llab-quick-types { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } /* Generated-site mobile reveal: stack every industry theme instead of clipping its desktop composition. */ @media (max-width: 760px) { .llab-stage[data-step="3"] .llab-panel { padding-left: 10px !important; padding-right: 10px !important; } .llab-stage[data-step="3"] .llab-device-switch { display: none !important; } .llab-stage[data-step="3"] .llab-preview-wrap { padding: 6px !important; } .llab-stage[data-step="3"] .llab-browser { width: 100% !important; max-width: 100% !important; } .llab-stage[data-step="3"] .llab-preview-page { width: 100% !important; overflow: hidden !important; } .llab-stage[data-step="3"] .llab-preview-topline { height: 24px !important; padding: 0 13px !important; } .llab-stage[data-step="3"] .llab-preview-topline span:first-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .llab-stage[data-step="3"] .llab-preview-topline span:last-child { display: none !important; } .llab-stage[data-step="3"] .llab-preview-page nav { min-width: 0 !important; height: 54px !important; padding: 0 13px !important; gap: 9px !important; } .llab-stage[data-step="3"] .llab-preview-page nav > span:not(.llab-preview-navlinks) { min-width: 0; max-width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8px !important; } .llab-stage[data-step="3"] .llab-preview-mark { flex: 0 0 auto; } .llab-stage[data-step="3"] .llab-preview-hero { display: block !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; min-height: 0 !important; padding: 0 !important; overflow: hidden !important; } .llab-stage[data-step="3"] .llab-preview-copybox { position: relative !important; z-index: 3 !important; width: 100% !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 30px 20px 27px !important; transform: none !important; clip-path: none !important; box-sizing: border-box !important; } .llab-stage[data-step="3"] .llab-preview-copybox h4 { max-width: 100% !important; margin: 10px 0 13px !important; font-size: 28px !important; line-height: 1.02 !important; overflow-wrap: anywhere; } .llab-stage[data-step="3"] .llab-preview-copybox p { max-width: 100% !important; font-size: 10px !important; line-height: 1.55 !important; } .llab-stage[data-step="3"] .llab-preview-actions { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; } .llab-stage[data-step="3"] .llab-preview-actions a, .llab-stage[data-step="3"] .llab-preview-actions span { margin: 0 !important; white-space: normal !important; } .llab-stage[data-step="3"] .llab-preview-visual { position: relative !important; width: 100% !important; max-width: none !important; height: 225px !important; min-height: 225px !important; margin: 0 !important; transform: none !important; clip-path: none !important; border-radius: 0 !important; background-position: center center !important; } .llab-stage[data-step="3"] .llab-preview-service-card { left: 13px !important; right: 13px !important; bottom: 13px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 12px 13px !important; transform: none !important; box-sizing: border-box !important; } .llab-stage[data-step="3"] .llab-preview-glow { right: -35px !important; top: -35px !important; } .llab-stage[data-step="3"] .llab-preview-score { display: block !important; width: 100% !important; margin: 0 !important; transform: none !important; border-radius: 0 !important; } .llab-stage[data-step="3"] .llab-preview-proof { grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; } .llab-stage[data-step="3"] .llab-preview-services, .llab-stage[data-step="3"] .llab-preview-review { width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; } .llab-stage[data-step="3"] .llab-preview-services article { width: 100% !important; min-width: 0 !important; margin: 0 !important; transform: none !important; } .llab-stage[data-step="3"] .llab-preview-review p { overflow-wrap: anywhere; } } @media (max-width: 760px) { .llab-stage[data-step="3"] .llab-preview-score { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; box-sizing: border-box !important; } } /* Loopline Concept Engine v4 — one brief, automatic synthesis, cinematic reveal. */ .llab-stage[data-step="2"] { background: radial-gradient(circle at 78% 12%,rgba(28,105,255,.22),transparent 34%), linear-gradient(rgba(76,139,255,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(76,139,255,.05) 1px,transparent 1px), #04132d; background-size:auto,28px 28px,28px 28px,auto; } .llab-stage[data-step="2"] .llab-panel { color:#fff; background: radial-gradient(circle at 50% 45%,rgba(25,94,232,.17),transparent 42%), linear-gradient(145deg,#071a3d,#06152f 72%); } .elementor .llab-stage[data-step="2"] .llab-panel-head h3 { color:#fff !important; } .llab-stage[data-step="2"] .llab-panel-head>span { color:#75aaff !important; } .llab-stage[data-step="2"] .llab-panel-head p { color:#9fb3d3 !important; max-width:720px; } .llab-stage[data-step="2"] .llab-panel::after { background:#64f1af; box-shadow:0 0 0 5px rgba(100,241,175,.1),0 0 24px rgba(100,241,175,.72); } .llab-synthesis { position:relative; overflow:hidden; border:1px solid rgba(128,176,255,.2); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 28px 60px rgba(0,8,28,.32); } .llab-synthesis::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg,transparent 38%,rgba(81,145,255,.09) 50%,transparent 62%); transform:translateX(-90%); animation:llab-engine-sweep 2.8s ease-in-out infinite; } @keyframes llab-engine-sweep { to { transform:translateX(90%); } } .llab-synthesis-grid { display:grid; grid-template-columns:minmax(260px,.82fr) minmax(340px,1.18fr); min-height:390px; } .llab-core-wrap { position:relative; display:grid; place-items:center; min-height:390px; overflow:hidden; border-right:1px solid rgba(128,176,255,.15); background: radial-gradient(circle,rgba(33,111,255,.24),transparent 54%), repeating-radial-gradient(circle,transparent 0 31px,rgba(116,167,255,.075) 32px 33px); } .llab-core-orbit { position:absolute; width:255px; height:255px; border:1px solid rgba(99,159,255,.34); border-radius:50%; animation:llab-orbit 8s linear infinite; } .llab-core-orbit-b { width:190px;height:190px;border-style:dashed;animation-duration:5s;animation-direction:reverse; } .llab-core-orbit i { position:absolute; width:8px; height:8px; border-radius:50%; background:#5a9cff; box-shadow:0 0 14px #4b91ff; } .llab-core-orbit i:nth-child(1){left:25px;top:45px}.llab-core-orbit i:nth-child(2){right:-4px;top:48%}.llab-core-orbit i:nth-child(3){left:48%;bottom:-4px} .llab-core-orbit-b i:nth-child(1){left:-4px;top:48%;background:#ff6a59;box-shadow:0 0 14px #ff6a59}.llab-core-orbit-b i:nth-child(2){right:24px;bottom:18px} @keyframes llab-orbit { to { transform:rotate(360deg); } } .llab-core { position:relative; z-index:3; width:118px; height:118px; display:grid; place-items:center; border:1px solid rgba(143,188,255,.5); border-radius:32px; background:linear-gradient(145deg,rgba(20,70,150,.95),rgba(5,23,54,.98)); box-shadow:0 0 0 9px rgba(49,116,233,.08),0 0 55px rgba(43,116,255,.4),inset 0 1px rgba(255,255,255,.14); transform:rotate(45deg); } .llab-core>* { transform:rotate(-45deg); } .llab-core small { position:absolute; right:-6px; bottom:12px; padding:5px 7px; border-radius:999px; background:#54e9a3; color:#05243b; font:900 6px/1 Inter,Arial,sans-serif; letter-spacing:.15em; } .llab-core-logo { position:relative;width:54px;height:34px;display:block; } .llab-core-logo i { position:absolute; top:6px; width:31px; height:22px; border:4px solid #fff; border-radius:50%; } .llab-core-logo i:first-child{left:0;border-right-color:transparent}.llab-core-logo i:nth-child(2){right:0;border-left-color:transparent} .llab-core-logo b::before,.llab-core-logo b::after{content:"";position:absolute;top:14px;width:6px;height:6px;border-radius:50%;background:#ff6654;box-shadow:0 0 11px #ff6654} .llab-core-logo b::before{left:-3px}.llab-core-logo b::after{right:-3px} .llab-core-scan { position:absolute; z-index:2; left:12%; right:12%; height:1px; top:20%; background:linear-gradient(90deg,transparent,#6da5ff,transparent); box-shadow:0 0 17px #4c91ff; animation:llab-core-scan 2.4s ease-in-out infinite alternate; } @keyframes llab-core-scan { to { top:80%; } } .llab-synthesis-feed { display:grid;align-content:center;padding:34px;gap:10px; } .llab-signal { position:relative; display:grid; grid-template-columns:28px 7px minmax(0,1fr) auto; align-items:center; gap:12px; min-width:0; padding:15px 16px; border:1px solid rgba(122,169,245,.13); border-radius:13px; background:rgba(255,255,255,.025); opacity:.48; transform:translateX(8px); transition:.4s ease; } .llab-signal>span { color:#7891b8;font-size:8px;font-weight:900;letter-spacing:.12em; } .llab-signal>i { width:7px;height:7px;border-radius:50%;background:#395071;box-shadow:0 0 0 4px rgba(87,137,210,.07); } .llab-signal>div { min-width:0;display:grid;gap:4px; } .llab-signal b { color:#e7effc;font-size:9px;letter-spacing:.1em; } .llab-signal small { overflow:hidden;color:#8498b8;font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap; } .llab-signal em { color:#60799f;font:900 6px/1 Inter,Arial,sans-serif;letter-spacing:.14em;font-style:normal; } .llab-signal.is-live,.llab-signal.is-done { opacity:1;transform:none;border-color:rgba(94,156,255,.3);background:linear-gradient(90deg,rgba(25,94,232,.13),rgba(255,255,255,.03)); } .llab-signal.is-live>i { background:#5f9fff;box-shadow:0 0 0 4px rgba(72,140,255,.12),0 0 16px #4a8eff;animation:llab-dot-pulse .7s infinite alternate; } .llab-signal.is-done>i { background:#57e5a1;box-shadow:0 0 12px rgba(87,229,161,.6); } .llab-signal.is-done em { color:#6fe8aa; } @keyframes llab-dot-pulse { to { transform:scale(1.35); } } .llab-synthesis-console { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; min-height:62px; padding:13px 18px; border-top:1px solid rgba(128,176,255,.15); background:#031027cc; } .llab-synthesis-console>span { color:#77e8af;font-size:7px;font-weight:900;letter-spacing:.14em;white-space:nowrap; } .llab-synthesis-console>span i { display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#5ae6a5;box-shadow:0 0 11px #5ae6a5; } .llab-synthesis-console>b { min-width:0;color:#b8c8e1;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .llab-synthesis-console>div { display:flex;align-items:flex-end;gap:3px;height:18px; } .llab-synthesis-console>div i { width:3px;border-radius:4px;background:#4b8ffb;animation:llab-wave .8s ease-in-out infinite alternate; } .llab-synthesis-console>div i:nth-child(1),.llab-synthesis-console>div i:nth-child(8){height:5px}.llab-synthesis-console>div i:nth-child(2),.llab-synthesis-console>div i:nth-child(7){height:9px;animation-delay:.1s}.llab-synthesis-console>div i:nth-child(3),.llab-synthesis-console>div i:nth-child(6){height:15px;animation-delay:.2s}.llab-synthesis-console>div i:nth-child(4),.llab-synthesis-console>div i:nth-child(5){height:18px;animation-delay:.3s} @keyframes llab-wave { to { height:4px;opacity:.4; } } .llab-synthesis-actions { margin-top:17px !important; } .llab-auto-note { display:inline-flex;align-items:center;gap:8px;color:#8ea4c5;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; } .llab-auto-note i { width:6px;height:6px;border-radius:50%;background:#5be4a5;box-shadow:0 0 11px #5be4a5; } .llab-reveal-now { opacity:0;pointer-events:none;transform:translateY(6px);transition:.35s !important; } .llab-panel.is-ready .llab-reveal-now { opacity:1;pointer-events:auto;transform:none; } /* Higher-fidelity generated website. */ .llab-preview-visual { background-image:linear-gradient(135deg,rgba(7,26,61,.08),rgba(7,26,61,.34)),url("/wp-content/plugins/loopline-homepage-lab/assets/theme-sprite-v2.webp") !important; background-size:cover,300% 200% !important; background-repeat:no-repeat !important; filter:saturate(1.04) contrast(1.02); } .llab-preview-visual.has-custom-image { background-image:linear-gradient(135deg,rgba(7,26,61,.06),rgba(7,26,61,.36)),var(--custom-hero-image) !important; background-size:cover !important; } .llab-preview-page nav button { border-radius:999px !important; box-shadow:0 10px 22px color-mix(in srgb,var(--demo-action) 30%,transparent); } .llab-preview-actions a { display:inline-flex!important; align-items:center; min-height:38px; border-radius:999px!important; box-shadow:0 10px 24px color-mix(in srgb,var(--demo-action) 28%,transparent); } .llab-preview-proof>span { position:relative;overflow:hidden; } .llab-preview-proof>span::after { content:"";position:absolute;right:-18px;bottom:-20px;width:56px;height:56px;border:1px solid color-mix(in srgb,var(--demo-accent) 18%,transparent);border-radius:50%; } .llab-preview-services { padding-top:38px!important;padding-bottom:42px!important; } .llab-preview-services>div { gap:11px!important; } .llab-preview-services article { position:relative!important; overflow:hidden!important; min-height:174px!important; padding:20px!important; border:1px solid color-mix(in srgb,var(--demo-dark) 10%,transparent)!important; border-radius:15px!important; background:linear-gradient(145deg,#fff,#f7f9fc)!important; box-shadow:0 14px 34px rgba(7,26,61,.075)!important; transition:transform .25s,box-shadow .25s!important; } .llab-preview-services article:hover { transform:translateY(-4px)!important;box-shadow:0 22px 42px rgba(7,26,61,.13)!important; } .llab-service-icon { width:43px; height:43px; display:grid; place-items:center; margin-bottom:24px; border-radius:13px; color:var(--demo-accent); background:color-mix(in srgb,var(--demo-accent) 12%,#fff); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--demo-accent) 15%,transparent); } .llab-service-icon svg { width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; } .llab-preview-services article>i { position:absolute!important;right:17px!important;top:17px!important;color:#a8b3c4!important;font-size:7px!important; } .llab-preview-services article>b { max-width:86%;font-size:14px!important;line-height:1.15!important; } .llab-preview-services article>span:last-child { display:flex!important;align-items:center!important;gap:6px!important;margin-top:auto!important;color:var(--demo-dark)!important;font-size:7px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important; } .llab-preview-services article>span:last-child svg { width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2; } .llab-preview-showcase { display:grid; grid-template-columns:1.15fr .85fr; min-height:310px; margin:0 34px 34px; overflow:hidden; border-radius:18px; background:var(--demo-dark); box-shadow:0 24px 54px rgba(7,26,61,.18); } .llab-preview-showcase-photo { position:relative; min-height:310px; background-image:linear-gradient(135deg,rgba(7,26,61,.12),rgba(7,26,61,.5)),url("/wp-content/plugins/loopline-homepage-lab/assets/theme-sprite-v2.webp"); background-size:cover,300% 200%; background-repeat:no-repeat; } .llab-preview-showcase-photo::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(7,26,61,.24)); } .llab-preview-showcase-photo>span { position:absolute;z-index:2;left:18px;bottom:17px;padding:7px 9px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(5,17,39,.55);backdrop-filter:blur(8px);color:#fff;font-size:6px;font-weight:900;letter-spacing:.12em; } .llab-browser.has-custom-image .llab-preview-showcase-photo,.llab-preview-showcase-photo.has-custom-image { background-image:linear-gradient(135deg,rgba(7,26,61,.12),rgba(7,26,61,.5)),var(--custom-hero-image)!important; background-size:cover!important; } .llab-preview-showcase-copy { display:flex;flex-direction:column;justify-content:center;padding:30px;color:#fff; } .llab-preview-showcase-copy small { color:var(--demo-accent);font-size:7px;font-weight:900;letter-spacing:.13em; } .llab-preview-showcase-copy>b { margin:13px 0 11px;color:#fff;font-size:22px;line-height:1.05;letter-spacing:-.035em; } .llab-preview-showcase-copy p { margin:0 0 19px;color:#afbed5;font-size:9px;line-height:1.55; } .llab-preview-showcase-copy a { display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:7px;font-weight:900;letter-spacing:.08em; } .llab-preview-showcase-copy a svg { width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8; } /* Match the second photo crop to the selected industry. */ .llab-browser[data-industry="contractor"] .llab-preview-showcase-photo{background-position:center,0% 0%} .llab-browser[data-industry="restaurant"] .llab-preview-showcase-photo{background-position:center,50% 0%} .llab-browser[data-industry="salon"] .llab-preview-showcase-photo{background-position:center,100% 0%} .llab-browser[data-industry="auto"] .llab-preview-showcase-photo{background-position:center,0% 100%} .llab-browser[data-industry="professional"] .llab-preview-showcase-photo{background-position:center,50% 100%} .llab-browser[data-industry="local"] .llab-preview-showcase-photo{background-position:center,100% 100%} @media (max-width: 980px) { .llab-synthesis-grid { grid-template-columns:minmax(220px,.72fr) minmax(300px,1.28fr); } .llab-synthesis-feed { padding:25px; } } @media (max-width: 760px) { .llab-stage[data-step="2"] .llab-panel { padding:22px 12px 18px!important; } .llab-stage[data-step="2"] .llab-panel-head { padding:0 5px 0; } .llab-synthesis { border-radius:17px; } .llab-synthesis-grid { display:block;min-height:0; } .llab-core-wrap { min-height:245px;border-right:0;border-bottom:1px solid rgba(128,176,255,.15); } .llab-core-orbit { width:190px;height:190px; } .llab-core-orbit-b { width:145px;height:145px; } .llab-core { width:92px;height:92px;border-radius:25px; } .llab-core-logo { transform:rotate(-45deg) scale(.78); } .llab-synthesis-feed { padding:14px;gap:7px; } .llab-signal { grid-template-columns:23px 6px minmax(0,1fr) auto;gap:8px;padding:12px 10px;border-radius:11px; } .llab-signal small { font-size:8px; } .llab-signal em { display:none; } .llab-synthesis-console { grid-template-columns:1fr;gap:7px;padding:12px 13px; } .llab-synthesis-console>span { font-size:6px; } .llab-synthesis-console>b { white-space:normal;font-size:8px; } .llab-synthesis-console>div { position:absolute;right:13px;bottom:14px; } .llab-synthesis-actions { display:flex!important;flex-direction:column!important;align-items:stretch!important; } .llab-auto-note { justify-content:center;order:-1; } .llab-preview-services article { min-height:150px!important; } .llab-service-icon { width:39px;height:39px;margin-bottom:19px; } .llab-preview-showcase { grid-template-columns:1fr;margin:0 13px 20px;border-radius:14px; } .llab-preview-showcase-photo { min-height:205px; } .llab-preview-showcase-copy { padding:23px 20px; } .llab-preview-showcase-copy>b { font-size:20px; } } @media (prefers-reduced-motion:reduce) { .llab-synthesis::before,.llab-core-orbit,.llab-core-scan,.llab-signal.is-live>i,.llab-synthesis-console>div i { animation:none!important; } } /* Concept Engine v4.1 — unified robotics console and premium trade concepts. */ .llab-header { position:relative; } .llab-header::before { content:"WEBSITE CONCEPT / IN PROGRESS"; position:absolute; right:0; top:-32px; color:#5e7eac; font-size:7px; font-weight:900; letter-spacing:.18em; } .llab-stage { border-radius:28px!important; border:1px solid rgba(103,158,247,.22)!important; background:#041229!important; box-shadow:0 45px 110px rgba(0,7,24,.58),inset 0 1px rgba(255,255,255,.06)!important; } .llab-wizard-aside { background: radial-gradient(circle at 78% 16%,rgba(39,112,248,.34),transparent 32%), linear-gradient(rgba(112,163,255,.055) 1px,transparent 1px), linear-gradient(90deg,rgba(112,163,255,.055) 1px,transparent 1px), linear-gradient(155deg,#071d43,#031027 74%)!important; background-size:auto,26px 26px,26px 26px,auto!important; } .llab-stage[data-step="1"] .llab-form { background:transparent!important; } .llab .llab-stage[data-step="1"] .llab-panel-head h3, .llab .llab-stage[data-step="2"] .llab-panel-head h3, .llab .llab-stage[data-step="3"] .llab-panel-head h3 { color:#fff!important; } .llab-stage[data-step="1"] .llab-panel { position:relative; color:#eef5ff; background: radial-gradient(circle at 94% 8%,rgba(32,100,227,.18),transparent 32%), linear-gradient(145deg,#071a39,#05152f 72%)!important; } .llab-stage[data-step="1"] .llab-panel::before { content:"BRIEF CHANNEL / SECURE"; position:absolute; right:34px; top:22px; color:#5f80ac; font-size:6px; font-weight:900; letter-spacing:.17em; } .elementor .llab-stage[data-step="1"] .llab-panel-head h3 { color:#fff!important; } .llab-stage[data-step="1"] .llab-panel-head { border-color:rgba(125,165,226,.18)!important; } .llab-stage[data-step="1"] .llab-panel-head::after { background:linear-gradient(90deg,#4d92ff,#61e6ae)!important;box-shadow:0 0 14px rgba(70,143,255,.65); } .llab-stage[data-step="1"] .llab-panel-head>span { color:#71a6ff!important; } .llab-stage[data-step="1"] .llab-panel-head p { color:#8fa4c3!important; } .llab-stage[data-step="1"] .llab-grid { gap:13px!important; } .llab-stage[data-step="1"] .llab-field { position:relative; padding:14px 14px 15px; overflow:hidden; border:1px solid rgba(111,158,229,.19); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); box-shadow:inset 0 1px rgba(255,255,255,.055); transition:.25s ease; } .llab-stage[data-step="1"] .llab-field:focus-within { border-color:rgba(80,148,255,.58);box-shadow:0 0 0 3px rgba(42,112,231,.11),0 18px 32px rgba(0,8,27,.18);transform:translateY(-1px); } .llab-stage[data-step="1"] .llab-field::after { content:""; position:absolute; right:-25px; bottom:-32px; width:74px; height:74px; border:1px solid rgba(89,145,237,.14); border-radius:50%; box-shadow:0 0 0 13px rgba(62,121,220,.035); pointer-events:none; } .llab-stage[data-step="1"] .llab-field>span { color:#9eb3d3!important;margin-left:2px!important; } .llab-stage[data-step="1"] .llab input { position:relative; z-index:2; height:49px!important; border:1px solid rgba(123,165,230,.17)!important; border-radius:10px!important; background:rgba(2,13,33,.68)!important; color:#fff!important; box-shadow:inset 3px 0 0 #327ff5!important; } .llab-stage[data-step="1"] .llab input::placeholder { color:#647a9c!important;opacity:1; } .llab-stage[data-step="1"] .llab-business-type input { height:58px!important;font-size:15px!important; } .llab-stage[data-step="1"] .llab-field>small { position:relative;z-index:2;color:#7187a8!important; } .llab-stage[data-step="1"] .llab-quick-types { margin-top:2px!important; } .llab-stage[data-step="1"] .llab-quick-types::before { content:"QUICK SIGNALS";align-self:center;margin-right:3px;color:#597397;font-size:6px;font-weight:900;letter-spacing:.15em; } .llab-stage[data-step="1"] .llab-quick-types button { border-color:rgba(116,161,231,.22)!important; background:rgba(255,255,255,.035)!important; color:#95acd0!important; box-shadow:inset 0 1px rgba(255,255,255,.04)!important; } .llab-stage[data-step="1"] .llab-quick-types button:hover,.llab-stage[data-step="1"] .llab-quick-types button.is-active { border-color:#4f97ff!important;background:rgba(49,119,232,.17)!important;color:#fff!important;box-shadow:0 0 18px rgba(55,132,255,.13)!important; } .llab-stage[data-step="1"] .llab-required { color:#7087aa!important;letter-spacing:.04em; } .llab-stage[data-step="1"] .llab-next { border:1px solid rgba(118,173,255,.35)!important; border-radius:999px!important; background:linear-gradient(115deg,#1465ee,#1745b7)!important; box-shadow:0 12px 35px rgba(23,93,226,.35),inset 0 1px rgba(255,255,255,.22)!important; } /* The reveal remains inside the same futuristic product, while the website itself feels real. */ .llab-stage[data-step="3"] { background:radial-gradient(circle at 82% 5%,rgba(27,98,224,.23),transparent 28%),#041229!important; } .llab-stage[data-step="3"] .llab-form,.llab-stage[data-step="3"] .llab-panel { background:transparent!important;color:#fff; } .elementor .llab-stage[data-step="3"] .llab-panel-head h3 { color:#fff!important; } .llab-stage[data-step="3"] .llab-panel-head { border-color:rgba(125,165,226,.17)!important; } .llab-stage[data-step="3"] .llab-panel-head>span { color:#72a8ff!important; } .llab-stage[data-step="3"] .llab-panel-head p { color:#91a6c4!important; } .llab-stage[data-step="3"] .llab-preview-wrap { border:1px solid rgba(108,155,226,.2);background:linear-gradient(145deg,#071a38,#031027)!important;box-shadow:inset 0 1px rgba(255,255,255,.06); } .llab-stage[data-step="3"] .llab-device-switch { border:1px solid rgba(112,155,222,.2);background:#071a38!important; } .llab-stage[data-step="3"] .llab-device-switch button { color:#7990b3!important; } .llab-stage[data-step="3"] .llab-device-switch button.is-active { background:#1a5ad2!important;color:#fff!important;box-shadow:0 8px 20px rgba(18,82,196,.3)!important; } .llab-browser { box-shadow:0 32px 72px rgba(0,5,19,.48)!important; } /* Dedicated trade art direction. */ .llab-browser[data-industry="contractor"] .llab-preview-topline { background:#0c171f!important;border-bottom:1px solid rgba(225,139,79,.65)!important; } .llab-browser[data-industry="contractor"] .llab-preview-page nav { height:62px!important;padding:0 28px!important;border-bottom:0!important;background:#111d25!important;color:#fff!important; } .llab-browser[data-industry="contractor"] .llab-preview-page nav b,.llab-browser[data-industry="contractor"] .llab-preview-page nav span { color:#fff!important; } .llab-browser[data-industry="contractor"] .llab-preview-mark { border-radius:9px!important;transform:none!important;background:linear-gradient(145deg,#d37a40,#9d4f26)!important;box-shadow:0 8px 18px rgba(185,91,40,.28); } .llab-browser[data-industry="contractor"] .llab-preview-mark>span { transform:none!important; } .llab-browser[data-industry="contractor"] .llab-preview-hero { grid-template-columns:1.02fr .98fr!important;min-height:405px!important;background:#101b24!important; } .llab-browser[data-industry="contractor"] .llab-preview-copybox { position:relative;z-index:4;padding:61px 8px 46px 39px!important;margin-right:-48px;background:linear-gradient(90deg,#101b24 0%,#101b24 72%,rgba(16,27,36,.84) 88%,transparent 100%); } .llab-browser[data-industry="contractor"] .llab-preview-copybox small { color:#e49761!important; } .llab-browser[data-industry="contractor"] .llab-preview-copybox h4 { max-width:430px;color:#fff!important;font-family:Manrope,Inter,Arial,sans-serif!important;font-size:38px!important;font-weight:850!important;line-height:1.01!important;letter-spacing:-.05em!important;text-transform:none!important; } .llab-browser[data-industry="contractor"] .llab-preview-copybox>p { max-width:350px;color:#afbdc8!important; } .llab-browser[data-industry="contractor"] .llab-preview-actions span,.llab-browser[data-industry="contractor"] .llab-mini-rating { color:#d9e1e7!important; } .llab-browser[data-industry="contractor"] .llab-mini-rating span { color:#7f929f!important; } .llab-browser[data-industry="contractor"] .llab-preview-visual { margin:0!important;min-height:405px!important;border-radius:0!important;clip-path:none!important; } .llab-browser[data-industry="contractor"]:not(.has-custom-image) .llab-preview-visual,.llab-browser[data-industry="contractor"]:not(.has-custom-image) .llab-preview-showcase-photo { background-image:linear-gradient(100deg,rgba(16,27,36,.78),rgba(16,27,36,.08) 55%,rgba(5,13,20,.18)),url("https://looplineweb.com/wp-content/uploads/2026/08/trades-sprite-v1.webp")!important;background-size:cover,300% 200%!important; } .llab-browser[data-industry="contractor"] .llab-preview-gridlines { opacity:.16!important;background-size:46px 46px!important; } .llab-browser[data-industry="contractor"] .llab-preview-service-card { left:27px!important;right:24px!important;bottom:23px!important;padding:18px 19px!important;border:1px solid rgba(255,255,255,.18)!important;border-left:3px solid #d77e43!important;border-radius:13px!important;background:rgba(9,18,25,.78)!important;backdrop-filter:blur(13px);box-shadow:0 18px 34px rgba(0,0,0,.25); } .llab-browser[data-industry="contractor"] .llab-preview-service-card strong { font-family:Manrope,Inter,sans-serif!important;letter-spacing:-.01em!important; } .llab-browser[data-industry="contractor"] .llab-preview-score { border:0!important;border-radius:50%!important;background:#d57b40!important;box-shadow:0 10px 30px rgba(160,74,31,.35); } .llab-browser[data-industry="contractor"] .llab-preview-proof { border:0!important;background:#182630!important; } .llab-browser[data-industry="contractor"] .llab-preview-proof>span { border-color:#2c3d49!important; } .llab-browser[data-industry="contractor"] .llab-preview-proof b { color:#fff!important; } .llab-browser[data-industry="contractor"] .llab-preview-proof small { color:#82939f!important; } .llab-browser[data-industry="contractor"] .llab-preview-services { background:#edf0ef!important; } .llab-browser[data-industry="contractor"] .llab-preview-services header b { color:#14212a!important;max-width:460px;font-size:25px!important;letter-spacing:-.04em; } .llab-browser[data-industry="contractor"] .llab-preview-services article { border:1px solid #d9dfdf!important;border-radius:18px!important;border-top:0!important;background:linear-gradient(145deg,#fff,#f7f8f7)!important;box-shadow:0 15px 34px rgba(17,31,40,.08)!important; } .llab-browser[data-industry="contractor"] .llab-preview-services article b { color:#14212a!important;font-family:Manrope,Inter,sans-serif!important;text-transform:none!important;letter-spacing:-.02em!important; } .llab-browser[data-industry="contractor"] .llab-service-icon { color:#b85d2d!important;background:#f8e5d8!important; } .llab-browser[data-industry="contractor"] .llab-preview-showcase { background:#101b24!important; } .llab-browser[data-industry="contractor"][data-trade="roofing"] .llab-preview-visual,.llab-browser[data-industry="contractor"][data-trade="roofing"] .llab-preview-showcase-photo { background-position:center,0% 0%!important; } .llab-browser[data-industry="contractor"][data-trade="plumbing"] .llab-preview-visual,.llab-browser[data-industry="contractor"][data-trade="plumbing"] .llab-preview-showcase-photo { background-position:center,50% 0%!important; } .llab-browser[data-industry="contractor"][data-trade="hvac"] .llab-preview-visual,.llab-browser[data-industry="contractor"][data-trade="hvac"] .llab-preview-showcase-photo { background-position:center,100% 0%!important; } .llab-browser[data-industry="contractor"][data-trade="electrical"] .llab-preview-visual,.llab-browser[data-industry="contractor"][data-trade="electrical"] .llab-preview-showcase-photo { background-position:center,0% 100%!important; } .llab-browser[data-industry="contractor"][data-trade="remodeling"] .llab-preview-visual,.llab-browser[data-industry="contractor"][data-trade="remodeling"] .llab-preview-showcase-photo { background-position:center,50% 100%!important; } .llab-browser[data-industry="contractor"][data-trade="landscaping"] .llab-preview-visual,.llab-browser[data-industry="contractor"][data-trade="landscaping"] .llab-preview-showcase-photo { background-position:center,100% 100%!important; } @media (max-width:760px) { .llab-header::before { display:none; } .llab .llab-progress { padding:6px 8px!important;border-color:rgba(108,156,230,.2)!important;background:rgba(4,18,41,.82)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 28px rgba(0,8,28,.18)!important; } .llab .llab-progress span { display:flex!important;padding:5px 1px!important;color:#6f86a8!important;font-size:7px!important;letter-spacing:.04em!important; } .llab .llab-progress span.is-active { color:#fff!important; } .llab .llab-progress span b { display:grid!important;width:22px!important;height:22px!important;font-size:7px!important; } .llab .llab-progress i { display:block!important;flex:1!important;width:auto!important;min-width:5px!important;padding:0!important; } .llab-stage { border-radius:20px!important; } .llab-stage[data-step="1"] .llab-wizard-aside { padding:20px!important;background:linear-gradient(145deg,#08204a,#04142e)!important; } .llab-stage[data-step="1"] .llab-panel { padding:24px 14px 20px!important; } .llab-stage[data-step="1"] .llab-panel::before { display:none; } .llab-stage[data-step="1"] .llab-grid { display:block!important; } .llab-stage[data-step="1"] .llab-field { display:block!important;margin-bottom:10px;padding:11px;border-radius:13px; } .llab-stage[data-step="1"] .llab-business-type input { height:54px!important;font-size:14px!important; } .llab-stage[data-step="1"] .llab-quick-types::before { width:100%;margin:2px 0 4px; } .llab-stage[data-step="1"] .llab-actions { align-items:stretch!important; } .llab-stage[data-step="1"] .llab-next { justify-content:space-between!important;width:100%!important; } .llab-browser.is-mobile[data-industry="contractor"] .llab-preview-hero { display:block!important;min-height:0!important;background:#101b24!important; } .llab-browser.is-mobile[data-industry="contractor"] .llab-preview-copybox { margin:0!important;padding:29px 20px 25px!important;background:#101b24!important; } .llab-browser.is-mobile[data-industry="contractor"] .llab-preview-copybox h4 { font-size:27px!important; } .llab-browser.is-mobile[data-industry="contractor"] .llab-preview-visual { min-height:245px!important; } } /* Design fingerprint variants: one business brief, three distinct compositions. */ .llab-browser[data-variant="reverse"] .llab-preview-hero { grid-template-columns:1.12fr .88fr!important; } .llab-browser[data-variant="reverse"] .llab-preview-visual { order:1!important;margin:0!important;clip-path:none!important;border-radius:0!important; } .llab-browser[data-variant="reverse"] .llab-preview-copybox { order:2!important; position:relative!important; z-index:4!important; align-self:center!important; margin:27px 26px 27px -58px!important; padding:38px 32px!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:19px!important; background:rgba(255,255,255,.94)!important; box-shadow:0 25px 50px rgba(7,26,61,.18)!important; backdrop-filter:blur(14px); } .llab-browser[data-variant="reverse"] .llab-preview-copybox h4 { font-family:Manrope,Inter,Arial,sans-serif!important;font-style:normal!important;text-transform:none!important; } .llab-browser[data-variant="reverse"][data-industry="contractor"] .llab-preview-copybox, .llab-browser[data-variant="reverse"][data-industry="auto"] .llab-preview-copybox { border-color:rgba(255,255,255,.14)!important; background:rgba(10,20,28,.93)!important; box-shadow:0 25px 50px rgba(0,0,0,.28)!important; } .llab-browser[data-variant="reverse"][data-industry="contractor"] .llab-preview-copybox h4, .llab-browser[data-variant="reverse"][data-industry="auto"] .llab-preview-copybox h4 { color:#fff!important; } .llab-browser[data-variant="reverse"][data-industry="contractor"] .llab-preview-copybox>p, .llab-browser[data-variant="reverse"][data-industry="auto"] .llab-preview-copybox>p { color:#aebdca!important; } .llab-browser[data-variant="reverse"] .llab-preview-showcase-photo { order:2; } .llab-browser[data-variant="reverse"] .llab-preview-showcase-copy { order:1; } .llab-browser[data-variant="immersive"] .llab-preview-hero { display:block!important;position:relative!important;min-height:430px!important;background:#0c1721!important; } .llab-browser[data-variant="immersive"] .llab-preview-visual { min-height:430px!important;margin:0!important;border-radius:0!important;clip-path:none!important; } .llab-browser[data-variant="immersive"] .llab-preview-copybox { position:absolute!important; z-index:5!important; inset:0 auto 0 0!important; width:60%!important; display:flex!important; flex-direction:column!important; justify-content:center!important; margin:0!important; padding:48px 42px!important; color:#fff!important; background:linear-gradient(90deg,rgba(6,17,27,.98) 0%,rgba(6,17,27,.9) 68%,rgba(6,17,27,.08) 100%)!important; } .llab-browser[data-variant="immersive"] .llab-preview-copybox h4 { max-width:430px!important;color:#fff!important;font-family:Manrope,Inter,Arial,sans-serif!important;font-style:normal!important;text-transform:none!important;line-height:1.01!important; } .llab-browser[data-variant="immersive"] .llab-preview-copybox>p { max-width:350px!important;color:#b7c4d0!important; } .llab-browser[data-variant="immersive"] .llab-preview-actions span,.llab-browser[data-variant="immersive"] .llab-mini-rating { color:#fff!important; } .llab-browser[data-variant="immersive"] .llab-mini-rating span { color:#8fa1b2!important; } .llab-browser[data-variant="immersive"] .llab-preview-service-card { left:auto!important;right:25px!important;width:260px!important; } .llab-browser[data-variant="immersive"] .llab-preview-showcase { grid-template-columns:.8fr 1.2fr; } .llab-browser[data-variant="immersive"] .llab-preview-showcase-photo { order:2; } .llab-browser[data-variant="immersive"] .llab-preview-showcase-copy { order:1; } @media (max-width:760px) { .llab-browser.is-mobile[data-variant="reverse"] .llab-preview-hero, .llab-browser.is-mobile[data-variant="immersive"] .llab-preview-hero { display:block!important;min-height:0!important; } .llab-browser.is-mobile[data-variant="reverse"] .llab-preview-copybox, .llab-browser.is-mobile[data-variant="immersive"] .llab-preview-copybox { position:relative!important; inset:auto!important; width:auto!important; margin:0!important; padding:28px 20px 24px!important; border:0!important; border-radius:0!important; background:var(--demo-pale)!important; box-shadow:none!important; } .llab-browser.is-mobile[data-variant="reverse"] .llab-preview-copybox h4, .llab-browser.is-mobile[data-variant="immersive"] .llab-preview-copybox h4 { color:var(--demo-dark)!important; } .llab-browser.is-mobile[data-variant="reverse"] .llab-preview-copybox>p, .llab-browser.is-mobile[data-variant="immersive"] .llab-preview-copybox>p { color:#5e6b7f!important; } .llab-browser.is-mobile[data-variant="reverse"] .llab-preview-visual, .llab-browser.is-mobile[data-variant="immersive"] .llab-preview-visual { min-height:250px!important; } .llab-browser.is-mobile[data-variant="immersive"] .llab-preview-service-card { left:15px!important;right:15px!important;width:auto!important; } .llab-browser.is-mobile[data-variant="reverse"] .llab-preview-showcase-photo, .llab-browser.is-mobile[data-variant="reverse"] .llab-preview-showcase-copy, .llab-browser.is-mobile[data-variant="immersive"] .llab-preview-showcase-photo, .llab-browser.is-mobile[data-variant="immersive"] .llab-preview-showcase-copy { order:initial; } .llab-browser.is-mobile[data-industry="contractor"][data-variant="reverse"] .llab-preview-copybox, .llab-browser.is-mobile[data-industry="contractor"][data-variant="immersive"] .llab-preview-copybox, .llab-browser.is-mobile[data-industry="auto"][data-variant="reverse"] .llab-preview-copybox, .llab-browser.is-mobile[data-industry="auto"][data-variant="immersive"] .llab-preview-copybox { background:#101b24!important; } .llab-browser.is-mobile[data-industry="contractor"][data-variant="reverse"] .llab-preview-copybox h4, .llab-browser.is-mobile[data-industry="contractor"][data-variant="immersive"] .llab-preview-copybox h4, .llab-browser.is-mobile[data-industry="auto"][data-variant="reverse"] .llab-preview-copybox h4, .llab-browser.is-mobile[data-industry="auto"][data-variant="immersive"] .llab-preview-copybox h4 { color:#fff!important; } } /* Curated image routing: a known industry can never inherit another industry's photo. */ .llab-browser[data-industry="contractor"] .llab-preview-visual, .llab-browser[data-industry="contractor"] .llab-preview-showcase-photo { background-image:linear-gradient(100deg,rgba(16,27,36,.78),rgba(16,27,36,.08) 55%,rgba(5,13,20,.18)),url("https://looplineweb.com/wp-content/uploads/2026/08/trades-sprite-v1.webp")!important; background-size:cover,300% 200%!important; } .llab-browser[data-industry="restaurant"] .llab-preview-visual, .llab-browser[data-industry="restaurant"] .llab-preview-showcase-photo, .llab-browser[data-industry="salon"] .llab-preview-visual, .llab-browser[data-industry="salon"] .llab-preview-showcase-photo, .llab-browser[data-industry="auto"] .llab-preview-visual, .llab-browser[data-industry="auto"] .llab-preview-showcase-photo { background-image:linear-gradient(135deg,rgba(7,26,61,.08),rgba(7,26,61,.38)),url("/wp-content/plugins/loopline-homepage-lab/assets/theme-sprite-v2.webp")!important; background-size:cover,300% 200%!important; } .llab-browser[data-industry="restaurant"] .llab-preview-visual,.llab-browser[data-industry="restaurant"] .llab-preview-showcase-photo { background-position:center,50% 0%!important; } .llab-browser[data-industry="salon"] .llab-preview-visual,.llab-browser[data-industry="salon"] .llab-preview-showcase-photo { background-position:center,100% 0%!important; } .llab-browser[data-industry="auto"] .llab-preview-visual,.llab-browser[data-industry="auto"] .llab-preview-showcase-photo { background-position:center,0% 100%!important; } .llab-browser[data-industry="professional"] .llab-preview-visual, .llab-browser[data-industry="professional"] .llab-preview-showcase-photo { background-image:linear-gradient(110deg,rgba(9,25,48,.24),rgba(9,25,48,.08) 60%,rgba(9,25,48,.22)),url("https://looplineweb.com/wp-content/uploads/2026/08/professional-sprite-v1.webp")!important; background-size:cover,300% 200%!important; } .llab-browser[data-industry="professional"][data-profession="legal"] .llab-preview-visual,.llab-browser[data-industry="professional"][data-profession="legal"] .llab-preview-showcase-photo { background-position:center,0% 0%!important; } .llab-browser[data-industry="professional"][data-profession="accounting"] .llab-preview-visual,.llab-browser[data-industry="professional"][data-profession="accounting"] .llab-preview-showcase-photo { background-position:center,50% 0%!important; } .llab-browser[data-industry="professional"][data-profession="realestate"] .llab-preview-visual,.llab-browser[data-industry="professional"][data-profession="realestate"] .llab-preview-showcase-photo { background-position:center,100% 0%!important; } .llab-browser[data-industry="professional"][data-profession="dental"] .llab-preview-visual,.llab-browser[data-industry="professional"][data-profession="dental"] .llab-preview-showcase-photo { background-position:center,0% 100%!important; } .llab-browser[data-industry="professional"][data-profession="medical"] .llab-preview-visual,.llab-browser[data-industry="professional"][data-profession="medical"] .llab-preview-showcase-photo { background-position:center,50% 100%!important; } .llab-browser[data-industry="professional"][data-profession="consulting"] .llab-preview-visual,.llab-browser[data-industry="professional"][data-profession="consulting"] .llab-preview-showcase-photo { background-position:center,100% 100%!important; } /* Specialty photo routing wins over the broad industry family. */ .llab-browser[data-specialty="cleaning"] .llab-preview-visual, .llab-browser[data-specialty="cleaning"] .llab-preview-showcase-photo, .llab-browser[data-specialty="pet"] .llab-preview-visual, .llab-browser[data-specialty="pet"] .llab-preview-showcase-photo, .llab-browser[data-specialty="bakery"] .llab-preview-visual, .llab-browser[data-specialty="bakery"] .llab-preview-showcase-photo, .llab-browser[data-specialty="barber"] .llab-preview-visual, .llab-browser[data-specialty="barber"] .llab-preview-showcase-photo, .llab-browser[data-specialty="fitness"] .llab-preview-visual, .llab-browser[data-specialty="fitness"] .llab-preview-showcase-photo, .llab-browser[data-specialty="autodetail"] .llab-preview-visual, .llab-browser[data-specialty="autodetail"] .llab-preview-showcase-photo { background-image:linear-gradient(120deg,rgba(5,18,39,.18),rgba(5,18,39,.04) 58%,rgba(5,18,39,.24)),url("https://looplineweb.com/wp-content/uploads/2026/08/small-business-sprite-v1.webp")!important; background-size:cover,300% 200%!important; } .llab-browser[data-specialty="cleaning"] .llab-preview-visual,.llab-browser[data-specialty="cleaning"] .llab-preview-showcase-photo { background-position:center,0% 0%!important; } .llab-browser[data-specialty="pet"] .llab-preview-visual,.llab-browser[data-specialty="pet"] .llab-preview-showcase-photo { background-position:center,50% 0%!important; } .llab-browser[data-specialty="bakery"] .llab-preview-visual,.llab-browser[data-specialty="bakery"] .llab-preview-showcase-photo { background-position:center,100% 0%!important; } .llab-browser[data-specialty="barber"] .llab-preview-visual,.llab-browser[data-specialty="barber"] .llab-preview-showcase-photo { background-position:center,0% 100%!important; } .llab-browser[data-specialty="fitness"] .llab-preview-visual,.llab-browser[data-specialty="fitness"] .llab-preview-showcase-photo { background-position:center,50% 100%!important; } .llab-browser[data-specialty="autodetail"] .llab-preview-visual,.llab-browser[data-specialty="autodetail"] .llab-preview-showcase-photo { background-position:center,100% 100%!important; } @media (max-width:760px) { .llab-stage[data-step="1"] .llab-quick-types::before { color:#8fa9cf!important; } .llab-stage[data-step="1"] .llab-quick-types button { border-color:rgba(151,188,244,.38)!important; background:rgba(255,255,255,.075)!important; color:#dce9ff!important; font-size:10px!important; letter-spacing:.035em!important; } }