forked from Goutam/lynkeduppro-crm
tanweer919
a459fefb7f
Copies the goutam-pages landing (React marketing home + /page/1..19 + assets) into /public and adds beforeFiles rewrites so '/' serves the marketing home and '/1'..'/19' + '/thanks' serve the static pages — reproducing the landing's vercel.json clean URLs. /portal/* (login/register) is untouched.
1333 lines
102 KiB
HTML
1333 lines
102 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8"/>
|
||
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
|
||
<title>LynkedUp Pro - Replace 5 Roofing Tools. One Flat $2000/mo.</title>
|
||
<meta name="description" content="AI measurements, real-time hail alerts, LiDAR scans, smart scheduling & adjuster reports. Replaces EagleView, JobNimbus & SalesRabbit. Flat $2000/mo. Built for Texas roofers."/>
|
||
<meta property="og:title" content="LynkedUp Pro - Replace 5 Roofing Tools With One Platform"/>
|
||
<meta property="og:description" content="Storm to signed contract in one afternoon. $0 per-report fees. 4-min AI scans. 30-day money-back guarantee."/>
|
||
<meta property="og:type" content="website"/>
|
||
<meta name="twitter:card" content="summary_large_image"/>
|
||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"LynkedUp Pro","applicationCategory":"BusinessApplication","offers":{"@type":"Offer","price":"349","priceCurrency":"USD"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.9","reviewCount":"248"}}</script>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com"/>
|
||
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Outfit:wght@400;500;600&display=swap" rel="stylesheet"/>
|
||
<style>
|
||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||
:root{
|
||
--bg:#05080f;--bg2:#0b1220;--bg3:#101928;
|
||
--accent:#00c8ff;--orange:#f59e0b;--green:#00e5a0;--red:#ef4444;
|
||
--border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.13);
|
||
--text:#e8edf5;--muted:#8a9bb5;--card:#0d1725;--card2:#111c2e;
|
||
}
|
||
html{scroll-behavior:smooth}
|
||
body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}
|
||
|
||
/* ── NAV ── */
|
||
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:rgba(5,8,15,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:padding .3s}
|
||
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
|
||
.logo-mark{width:32px;height:32px;background:linear-gradient(135deg,#0ea5e9,#00e5a0);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:16px;color:#fff}
|
||
.logo-text{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:19px;color:#fff}
|
||
.logo-text span{color:var(--orange)}
|
||
nav ul{display:flex;gap:28px;list-style:none}
|
||
nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}
|
||
nav a:hover{color:#fff}
|
||
.nav-cta{background:var(--orange);color:#080c14!important;padding:9px 22px;border-radius:6px;font-weight:600!important;font-size:14px;transition:opacity .2s!important;text-decoration:none!important}
|
||
.nav-cta:hover{opacity:.85!important}
|
||
|
||
/* ── URGENCY BAR ── */
|
||
.urgency-bar{margin-top:72px;background:linear-gradient(90deg,rgba(239,68,68,.1),rgba(245,158,11,.12));border-bottom:1px solid rgba(245,158,11,.2);padding:10px 24px;text-align:center}
|
||
.urgency-bar p{font-size:13px;color:var(--text);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
|
||
.urgency-bar strong{color:var(--orange)}
|
||
.cd-inline{display:inline-flex;gap:4px;align-items:center}
|
||
.cd-b{background:rgba(0,0,0,.4);border:1px solid rgba(245,158,11,.25);border-radius:4px;padding:2px 7px;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:var(--orange);min-width:28px;text-align:center}
|
||
|
||
/* ── HERO ── */
|
||
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}
|
||
.hero-bg{position:absolute;inset:0;pointer-events:none}
|
||
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,black,transparent)}
|
||
.glow-top{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(0,200,255,.09),transparent 65%)}
|
||
.glow-left{position:absolute;bottom:0;left:0;width:500px;height:400px;background:radial-gradient(ellipse,rgba(245,158,11,.055),transparent 65%)}
|
||
.glow-right{position:absolute;top:20%;right:-50px;width:400px;height:500px;background:radial-gradient(ellipse,rgba(0,229,160,.05),transparent 65%)}
|
||
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(0,200,255,.07);border:1px solid rgba(0,200,255,.18);color:var(--accent);font-size:12px;font-weight:500;padding:5px 16px;border-radius:100px;margin-bottom:28px;letter-spacing:.3px}
|
||
.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blink 2s ease infinite}
|
||
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
|
||
h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(52px,8.5vw,100px);font-weight:900;line-height:.93;letter-spacing:-1px;color:#fff;max-width:900px;text-transform:uppercase}
|
||
h1 .blue{color:var(--accent)}
|
||
h1 .orange{color:var(--orange)}
|
||
.hero-sub{font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:540px;margin:26px auto 0;font-weight:400;line-height:1.65}
|
||
.hero-sub strong{color:var(--text)}
|
||
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:40px}
|
||
.btn-primary{background:var(--orange);color:#080c14;padding:14px 32px;border-radius:8px;font-weight:600;text-decoration:none;font-size:16px;transition:transform .15s,box-shadow .15s;font-family:'Outfit',sans-serif}
|
||
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(245,158,11,.35)}
|
||
.btn-ghost{background:transparent;color:#fff;padding:14px 28px;border-radius:8px;font-weight:500;text-decoration:none;font-size:16px;border:1px solid var(--border2);transition:border-color .2s}
|
||
.btn-ghost:hover{border-color:rgba(255,255,255,.28)}
|
||
.hero-micro{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px;flex-wrap:wrap}
|
||
.micro-item{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}
|
||
.micro-item span{color:var(--green)}
|
||
.hero-stats{display:flex;gap:48px;justify-content:center;margin-top:72px;flex-wrap:wrap}
|
||
.stat{text-align:center;position:relative}
|
||
.stat+.stat::before{content:'';position:absolute;left:-24px;top:20%;bottom:20%;width:1px;background:var(--border)}
|
||
.stat-num{font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px}
|
||
.stat-num .hi{color:var(--orange)}
|
||
.stat-label{font-size:13px;color:var(--muted);margin-top:4px}
|
||
.social-proof-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:44px}
|
||
.avatar-stack{display:flex}
|
||
.av{width:30px;height:30px;border-radius:50%;border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;margin-left:-8px}
|
||
.av:first-child{margin-left:0}
|
||
.proof-text{font-size:13px;color:var(--muted)}
|
||
.proof-text strong{color:var(--orange)}
|
||
|
||
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
|
||
.hero > *{animation:fadeUp .65s ease both}
|
||
.hero > *:nth-child(2){animation-delay:.08s}
|
||
.hero > *:nth-child(3){animation-delay:.16s}
|
||
.hero > *:nth-child(4){animation-delay:.24s}
|
||
.hero > *:nth-child(5){animation-delay:.3s}
|
||
.hero > *:nth-child(6){animation-delay:.36s}
|
||
.hero > *:nth-child(7){animation-delay:.42s}
|
||
.hero > *:nth-child(8){animation-delay:.48s}
|
||
|
||
/* ── TRUST + PROOF ── */
|
||
.trust-bar{padding:28px 24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2)}
|
||
.trust-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:center}
|
||
.trust-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-weight:600;white-space:nowrap}
|
||
.trust-div{width:1px;height:20px;background:var(--border);flex-shrink:0}
|
||
.trust-items{display:flex;gap:28px;flex-wrap:wrap;align-items:center;justify-content:center}
|
||
.trust-item{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;color:rgba(255,255,255,.38);letter-spacing:.5px;text-transform:uppercase}
|
||
|
||
.proof-bar{background:var(--bg);padding:24px;border-bottom:1px solid var(--border)}
|
||
.proof-inner{max-width:1000px;margin:0 auto;display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
|
||
.p-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 22px;display:flex;flex-direction:column;align-items:center;min-width:140px;gap:3px}
|
||
.p-num{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:900;line-height:1}
|
||
.p-label{font-size:12px;color:var(--muted);text-align:center;line-height:1.4}
|
||
|
||
/* ── SHARED SECTION ── */
|
||
section{padding:96px 24px}
|
||
.container{max-width:1120px;margin:0 auto}
|
||
.s-label{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--accent);font-weight:600;margin-bottom:12px}
|
||
.s-label.orange{color:var(--orange)}
|
||
.s-label.green{color:var(--green)}
|
||
.s-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,4.5vw,58px);font-weight:900;line-height:1;letter-spacing:-.5px;color:#fff;text-transform:uppercase}
|
||
.s-sub{font-size:17px;color:var(--muted);margin-top:14px;max-width:520px;line-height:1.65}
|
||
.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
|
||
.reveal.visible{opacity:1;transform:none}
|
||
|
||
/* ── PROBLEM ── */
|
||
.problem-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
|
||
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:48px}
|
||
.p-item{background:var(--card);padding:28px 24px;transition:background .2s}
|
||
.p-item:hover{background:var(--card2)}
|
||
.p-icon{font-size:26px;margin-bottom:12px}
|
||
.p-item h3{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:7px;text-transform:uppercase}
|
||
.p-item p{font-size:14px;color:var(--muted);line-height:1.7}
|
||
.p-item .cost{display:inline-block;background:rgba(239,68,68,.1);color:var(--red);font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px;margin-top:8px;border:1px solid rgba(239,68,68,.2)}
|
||
|
||
/* ── SYSTEMS ── */
|
||
.systems-section{background:var(--bg)}
|
||
.systems-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:stretch;margin-bottom:60px}
|
||
.systems-layout > div:last-child{display:flex;align-items:center;justify-content:center;height:100%}
|
||
.systems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
|
||
.sys-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}
|
||
.sys-card:hover{border-color:var(--border2);transform:translateY(-2px)}
|
||
.sys-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
|
||
.sys-card.b::before{background:linear-gradient(90deg,transparent,rgba(0,200,255,.4),transparent)}
|
||
.sys-card.o::before{background:linear-gradient(90deg,transparent,rgba(245,158,11,.4),transparent)}
|
||
.sys-card.g::before{background:linear-gradient(90deg,transparent,rgba(0,229,160,.4),transparent)}
|
||
.sys-icon{font-size:22px;margin-bottom:14px}
|
||
.sys-card h3{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;color:#fff;margin-bottom:6px;text-transform:uppercase}
|
||
.sys-card p{font-size:13px;color:var(--muted);line-height:1.6}
|
||
.sys-tag{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:100px;margin-top:10px;letter-spacing:.4px}
|
||
.b .sys-tag{background:rgba(0,200,255,.08);color:var(--accent);border:1px solid rgba(0,200,255,.18)}
|
||
.o .sys-tag{background:rgba(245,158,11,.08);color:var(--orange);border:1px solid rgba(245,158,11,.18)}
|
||
.g .sys-tag{background:rgba(0,229,160,.08);color:var(--green);border:1px solid rgba(0,229,160,.18)}
|
||
/* mini dashboard preview */
|
||
.dash-preview{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.5)}
|
||
.dp-bar{background:var(--bg2);padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
|
||
.dp-logo{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;color:#fff}
|
||
.dp-logo span{color:var(--orange)}
|
||
.dp-body{padding:14px}
|
||
.dp-greeting{font-size:11px;color:var(--muted);margin-bottom:3px}
|
||
.dp-title{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;color:#fff;margin-bottom:12px}
|
||
.dp-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
|
||
.dp-kpi{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 12px}
|
||
.dp-kpi-label{font-size:10px;color:var(--muted);font-weight:500;margin-bottom:4px}
|
||
.dp-kpi-val{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;line-height:1}
|
||
.dp-sched{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 12px}
|
||
.dp-sched-title{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
|
||
.dp-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border)}
|
||
.dp-row:last-child{border-bottom:none}
|
||
.dp-time{font-size:10px;font-weight:700;color:var(--accent);min-width:40px}
|
||
.dp-info{font-size:11px;color:var(--text);font-weight:500}
|
||
.dp-addr{font-size:10px;color:var(--muted)}
|
||
|
||
/* ── FEATURES TAB ── */
|
||
.features-section{background:var(--bg2)}
|
||
.ftabs{display:flex;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:4px;width:fit-content;margin:40px 0 0;flex-wrap:wrap}
|
||
.ftab{background:none;border:none;color:var(--muted);font-family:'Outfit',sans-serif;font-size:14px;font-weight:500;padding:9px 22px;border-radius:7px;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}
|
||
.ftab.active{background:var(--card);color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
|
||
.fpanel{display:none;margin-top:40px}
|
||
.fpanel.active{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch}
|
||
.fpanel.active > div:first-child{display:flex;align-items:center;justify-content:center;height:100%}
|
||
/* cal mock */
|
||
.cal-mock{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 36px 72px rgba(0,0,0,.5)}
|
||
.cal-hdr{background:var(--bg2);padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
|
||
.cal-title{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:#fff}
|
||
.cal-nav{display:flex;gap:6px}
|
||
.cal-nav button{width:24px;height:24px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12px;cursor:pointer}
|
||
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);padding:8px 14px 3px;background:var(--bg3)}
|
||
.cal-day{text-align:center;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
|
||
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border)}
|
||
.cal-cell{background:var(--card);padding:6px;min-height:58px}
|
||
.cal-cell.today{background:var(--card2)}
|
||
.cal-cell.other{opacity:.3}
|
||
.cal-date{font-size:11px;font-weight:500;color:var(--muted);margin-bottom:3px}
|
||
.cal-cell.today .cal-date{background:var(--accent);color:#05080f;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
|
||
.ev{font-size:9px;padding:1px 4px;border-radius:2px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
|
||
.ev.bl{background:rgba(0,200,255,.15);color:var(--accent);border-left:2px solid var(--accent)}
|
||
.ev.or{background:rgba(245,158,11,.15);color:var(--orange);border-left:2px solid var(--orange)}
|
||
.ev.gr{background:rgba(0,229,160,.12);color:var(--green);border-left:2px solid var(--green)}
|
||
.ai-suggest{background:var(--bg2);border:1px solid rgba(0,200,255,.2);border-radius:8px;padding:11px 14px;margin:10px;display:flex;gap:8px}
|
||
.ai-icon{width:24px;height:24px;border-radius:5px;background:rgba(0,200,255,.1);border:1px solid rgba(0,200,255,.25);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
|
||
.ai-text{font-size:11px;line-height:1.5;color:var(--muted)}
|
||
.ai-text strong{color:var(--accent);font-weight:600}
|
||
.ai-btns{display:flex;gap:5px;margin-top:6px}
|
||
.ai-btn{font-size:9px;font-weight:600;padding:3px 9px;border-radius:4px;cursor:pointer;border:1px solid;font-family:'Outfit',sans-serif}
|
||
.ai-btn.yes{background:var(--accent);border-color:var(--accent);color:#05080f}
|
||
.ai-btn.no{background:transparent;border-color:var(--border2);color:var(--muted)}
|
||
/* roof card */
|
||
.roof-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 36px 72px rgba(0,0,0,.5)}
|
||
.roof-top{background:var(--bg2);padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
|
||
.roof-top span:first-child{font-size:12px;color:#fff;font-weight:500}
|
||
.roof-badge{background:rgba(0,200,255,.1);border:1px solid rgba(0,200,255,.25);color:var(--accent);font-size:9px;font-weight:700;padding:2px 8px;border-radius:100px;letter-spacing:.5px}
|
||
.roof-svg{padding:14px;background:#070d18}
|
||
.roof-sum{padding:14px 16px;border-top:1px solid var(--border)}
|
||
.r-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--border)}
|
||
.r-row:last-child{border-bottom:none;padding-top:10px;margin-top:2px}
|
||
.r-row span:first-child{font-size:12px;color:var(--muted)}
|
||
.r-row span:last-child{font-size:12px;font-weight:600;color:#fff}
|
||
.r-row.total span{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800}
|
||
.r-row.total span:last-child{color:var(--accent)}
|
||
.roof-btn{display:block;margin:10px 16px 16px;background:var(--accent);color:#05080f;text-align:center;padding:9px;border-radius:7px;font-weight:700;font-size:13px;text-decoration:none}
|
||
/* hail card */
|
||
.hail-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 36px 72px rgba(0,0,0,.5)}
|
||
.hail-hdr{background:var(--bg2);padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
|
||
.hail-hdr-title{font-size:13px;font-weight:600;color:#fff}
|
||
.hail-alert{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35);color:var(--red);font-size:9px;font-weight:700;padding:3px 9px;border-radius:100px;animation:hblink 2s ease infinite}
|
||
@keyframes hblink{0%,100%{opacity:1}50%{opacity:.55}}
|
||
.hail-map{height:180px;background:#040b14;position:relative;overflow:hidden}
|
||
.map-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px}
|
||
.hdot{position:absolute;border-radius:50%;animation:hpulse 3s ease infinite}
|
||
@keyframes hpulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:.45}}
|
||
.rep-dot{position:absolute;width:9px;height:9px;border-radius:50%;border:2px solid #040b14;z-index:2}
|
||
.hail-notif{position:absolute;bottom:10px;left:10px;background:rgba(6,8,16,.9);border:1px solid rgba(0,229,160,.25);border-radius:6px;padding:6px 10px;font-size:10px;color:var(--green);font-weight:600}
|
||
.hail-legend{display:flex;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}
|
||
.leg{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}
|
||
.leg-dot{width:8px;height:8px;border-radius:50%}
|
||
.hail-queue{padding:12px 14px}
|
||
.queue-title{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
|
||
.q-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:var(--bg2);border-radius:6px;margin-bottom:5px}
|
||
.q-name{font-size:12px;font-weight:500;color:#fff}
|
||
.q-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:100px}
|
||
.q-badge.h{background:rgba(239,68,68,.15);color:var(--red);border:1px solid rgba(239,68,68,.25)}
|
||
.q-badge.m{background:rgba(245,158,11,.12);color:var(--orange);border:1px solid rgba(245,158,11,.22)}
|
||
.q-badge.l{background:rgba(0,229,160,.1);color:var(--green);border:1px solid rgba(0,229,160,.2)}
|
||
/* feature copy */
|
||
.feat-points{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:14px}
|
||
.feat-points li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text)}
|
||
.feat-points li .ico{font-size:18px;min-width:26px;margin-top:1px}
|
||
.feat-points li strong{color:#fff}
|
||
.feat-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
|
||
.fstat{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 14px}
|
||
.fstat-num{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;line-height:1;margin-bottom:4px}
|
||
.fstat-num.bl{color:var(--accent)}.fstat-num.or{color:var(--orange)}.fstat-num.gr{color:var(--green)}.fstat-num.wh{color:#fff}
|
||
.fstat-label{font-size:12px;color:var(--muted)}
|
||
|
||
/* ── COMPARE ── */
|
||
.compare-section{background:var(--bg)}
|
||
.compare-wrap{margin-top:48px;border-radius:14px;border:1px solid var(--border);overflow:auto}
|
||
table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
|
||
th{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;text-align:left;padding:13px 18px;background:var(--bg2);color:var(--muted);letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap}
|
||
th.ours{color:var(--accent);background:rgba(0,200,255,.04)}
|
||
td{padding:12px 18px;border-bottom:1px solid var(--border);color:var(--muted);font-size:13px;vertical-align:middle}
|
||
td.ours{color:#fff;font-weight:500;background:rgba(0,200,255,.02)}
|
||
tr:last-child td{border-bottom:none}
|
||
tr:hover td{background:rgba(255,255,255,.012)}
|
||
tr:hover td.ours{background:rgba(0,200,255,.03)}
|
||
.ck{color:var(--green);font-size:15px;font-weight:700}
|
||
.cx{color:var(--red);opacity:.7}
|
||
.cp{color:var(--orange)}
|
||
.fn{color:var(--text);font-weight:500}
|
||
|
||
/* ── ROI ── */
|
||
.roi-section{background:var(--bg2)}
|
||
.roi-wrap{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:48px;align-items:start}
|
||
.roi-box{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px}
|
||
.roi-box.results{border-color:rgba(0,200,255,.15)}
|
||
.roi-box h3{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:22px}
|
||
.slider-row{margin-bottom:20px}
|
||
.s-label-row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px}
|
||
.s-label-row strong{color:#fff}
|
||
input[type=range]{width:100%;height:4px;background:var(--border2);border-radius:2px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}
|
||
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);cursor:pointer}
|
||
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);cursor:pointer}
|
||
.roi-highlight{background:linear-gradient(135deg,rgba(0,229,160,.07),rgba(0,200,255,.04));border:1px solid rgba(0,229,160,.18);border-radius:12px;padding:22px;margin-bottom:18px;text-align:center}
|
||
.roi-big{font-family:'Barlow Condensed',sans-serif;font-size:52px;font-weight:900;color:var(--green);line-height:1;letter-spacing:-1px}
|
||
.roi-big-label{font-size:13px;color:var(--muted);margin-top:5px}
|
||
.roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
|
||
.roi-item{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:12px 14px}
|
||
.roi-item-label{font-size:10px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
|
||
.roi-item-val{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;color:#fff}
|
||
.roi-breakdown{border-top:1px solid var(--border);padding-top:14px}
|
||
.roi-bd-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:600;margin-bottom:10px}
|
||
.bd-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}
|
||
.bd-row span:first-child{color:var(--muted)}
|
||
.bd-row span:last-child{color:#fff;font-weight:500}
|
||
.bd-row.total{border-bottom:none;padding-top:8px}
|
||
.bd-row.total span{font-weight:700;color:var(--orange)}
|
||
|
||
/* ── PRICING ── */
|
||
.pricing-section{background:var(--bg)}
|
||
.cost-anchor{max-width:680px;margin:24px auto 0;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.15);border-radius:12px;padding:18px 24px}
|
||
.ca-label{font-size:11px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
|
||
.ca-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
|
||
.ca-item{text-align:center;padding:10px;background:rgba(239,68,68,.07);border-radius:8px}
|
||
.ca-item.win{background:rgba(0,229,160,.06);border:1px solid rgba(0,229,160,.18)}
|
||
.ca-num{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:var(--red)}
|
||
.ca-item.win .ca-num{color:var(--green)}
|
||
.ca-desc{font-size:11px;color:var(--muted);margin-top:2px}
|
||
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;align-items:start}
|
||
.price-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px}
|
||
.price-card.featured{border-color:rgba(0,200,255,.3);background:linear-gradient(160deg,rgba(0,200,255,.04),var(--card))}
|
||
.price-tier{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}
|
||
.price-tier.feat-tier{color:var(--accent)}
|
||
.popular-badge{background:var(--accent);color:#05080f;font-size:9px;font-weight:700;padding:3px 10px;border-radius:100px;letter-spacing:.3px}
|
||
.price-amount{font-family:'Barlow Condensed',sans-serif;font-size:48px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px}
|
||
.price-amount sup{font-size:22px;vertical-align:top;margin-top:7px;display:inline-block}
|
||
.price-amount sub{font-size:14px;color:var(--muted);font-weight:400;letter-spacing:0}
|
||
.price-amount.custom{font-size:30px;padding-top:8px}
|
||
.price-desc{font-size:14px;color:var(--muted);margin:10px 0 20px;line-height:1.6}
|
||
.price-feats{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:24px}
|
||
.price-feats li{font-size:13px;color:var(--muted);display:flex;align-items:flex-start;gap:8px}
|
||
.price-feats li::before{content:'✓';color:var(--green);font-weight:700;min-width:14px}
|
||
.price-cta{display:block;text-align:center;padding:12px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;transition:transform .15s,box-shadow .15s;font-family:'Outfit',sans-serif}
|
||
.price-cta.primary{background:var(--orange);color:#080c14}
|
||
.price-cta.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,158,11,.3)}
|
||
.price-cta.outline{border:1px solid var(--border2);color:#fff}
|
||
.price-cta.outline:hover{border-color:rgba(255,255,255,.3)}
|
||
.price-note{font-size:11px;color:var(--muted);text-align:center;margin-top:8px}
|
||
|
||
/* ── TESTIMONIALS ── */
|
||
.test-section{background:var(--bg2)}
|
||
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
|
||
.test-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px;position:relative}
|
||
.test-card.featured{border-color:rgba(0,200,255,.2);background:linear-gradient(160deg,rgba(0,200,255,.03),var(--card))}
|
||
.test-result{position:absolute;top:18px;right:18px;background:rgba(0,229,160,.08);border:1px solid rgba(0,229,160,.18);border-radius:7px;padding:5px 9px;text-align:center}
|
||
.tr-num{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;color:var(--green);line-height:1}
|
||
.tr-label{font-size:8px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.3px}
|
||
.stars{color:var(--orange);font-size:12px;letter-spacing:2px;margin-bottom:12px}
|
||
.test-card blockquote{font-size:14px;color:var(--text);line-height:1.75;font-style:italic;margin-bottom:18px}
|
||
.test-author{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:14px}
|
||
.ta-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;color:#05080f;flex-shrink:0}
|
||
.ta-name{font-weight:600;font-size:13px;color:#fff}
|
||
.ta-role{font-size:11px;color:var(--muted)}
|
||
/* guarantee */
|
||
.guarantee{margin-top:48px;background:linear-gradient(135deg,rgba(0,229,160,.05),rgba(0,200,255,.04));border:1px solid rgba(0,229,160,.2);border-radius:18px;padding:40px 48px;display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:center}
|
||
.g-seal{width:80px;height:80px;border-radius:50%;border:3px solid rgba(0,229,160,.4);display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;text-align:center}
|
||
.g-emoji{font-size:24px}
|
||
.g-word{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:800;color:var(--green);letter-spacing:1px;margin-top:3px}
|
||
.guarantee h3{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:800;color:#fff;text-transform:uppercase;margin-bottom:8px}
|
||
.guarantee p{font-size:15px;color:var(--muted);line-height:1.65;max-width:560px}
|
||
.g-items{display:flex;gap:20px;margin-top:14px;flex-wrap:wrap}
|
||
.g-item{font-size:13px;color:var(--text);display:flex;align-items:center;gap:6px}
|
||
|
||
/* ── FAQ ── */
|
||
.faq-section{background:var(--bg)}
|
||
.faq-wrap{max-width:780px;margin:48px auto 0}
|
||
.faq-item{border:1px solid var(--border);border-radius:12px;background:var(--card);overflow:hidden;margin-bottom:10px}
|
||
.faq-q{width:100%;background:none;border:none;color:#fff;font-family:'Outfit',sans-serif;font-size:15px;font-weight:500;text-align:left;padding:18px 22px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.4}
|
||
.faq-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:transform .3s,border-color .2s;font-size:13px}
|
||
.faq-item.open .faq-icon{transform:rotate(45deg);border-color:var(--accent);color:var(--accent)}
|
||
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s}
|
||
.faq-item.open .faq-a{max-height:300px;padding-bottom:18px}
|
||
.faq-a p{font-size:14px;color:var(--muted);line-height:1.75;padding:0 22px;border-top:1px solid var(--border);padding-top:14px}
|
||
|
||
/* ── CTA BAND ── */
|
||
.cta-band{background:linear-gradient(135deg,rgba(0,200,255,.05),rgba(0,229,160,.04),rgba(245,158,11,.04));border-top:1px solid var(--border);padding:96px 24px;text-align:center;position:relative;overflow:hidden}
|
||
.cta-band::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(0,200,255,.06),transparent 70%);pointer-events:none}
|
||
.cta-scarcity{display:inline-flex;align-items:center;gap:8px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:9px 18px;margin-bottom:28px;font-size:13px;color:var(--orange);font-weight:600}
|
||
.cta-band h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(38px,5.5vw,66px);font-weight:900;color:#fff;line-height:.98;max-width:680px;margin:0 auto 16px;text-transform:uppercase;letter-spacing:-1px}
|
||
.cta-band h2 em{font-style:normal;color:var(--orange)}
|
||
.cta-band p{font-size:17px;color:var(--muted);max-width:440px;margin:0 auto 32px;font-weight:400}
|
||
.cta-form{display:flex;gap:10px;max-width:420px;margin:0 auto;flex-wrap:wrap;justify-content:center}
|
||
.cta-form input{flex:1;min-width:200px;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:13px 16px;color:#fff;font-size:15px;font-family:'Outfit',sans-serif;outline:none;transition:border-color .2s}
|
||
.cta-form input::placeholder{color:var(--muted)}
|
||
.cta-form input:focus{border-color:rgba(0,200,255,.4)}
|
||
.cta-micro{font-size:13px;color:var(--muted);margin-top:14px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
|
||
.cta-micro span{display:flex;align-items:center;gap:5px}
|
||
.cta-countdown{display:flex;gap:10px;justify-content:center;margin-bottom:32px}
|
||
.cd-unit{text-align:center}
|
||
.cd-num{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:#fff;background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:5px 12px;min-width:52px;display:block}
|
||
.cd-sep{font-size:24px;color:var(--muted);align-self:center;padding-bottom:18px}
|
||
.cd-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-top:4px;display:block}
|
||
.cta-proof-row{display:flex;gap:32px;justify-content:center;margin-top:44px;padding-top:36px;border-top:1px solid var(--border);flex-wrap:wrap}
|
||
.cp-item{text-align:center}
|
||
.cp-num{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:900;color:#fff;line-height:1}
|
||
.cp-label{font-size:12px;color:var(--muted);margin-top:3px}
|
||
|
||
|
||
/* mobile sticky */
|
||
.mob-sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:150;background:var(--bg2);border-top:1px solid var(--border);padding:12px 16px;gap:10px}
|
||
.mob-sticky a{flex:1;text-align:center;padding:12px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none}
|
||
.mob-sticky .p{background:var(--orange);color:#080c14}
|
||
.mob-sticky .s{border:1px solid var(--border2);color:#fff;font-size:13px}
|
||
|
||
/* responsive */
|
||
@media(max-width:900px){
|
||
nav ul,nav .nav-ghost{display:none}
|
||
nav{padding:14px 20px}
|
||
.systems-layout,.fpanel.active,.roi-wrap,.guarantee{grid-template-columns:1fr!important}
|
||
.problem-grid,.systems-grid,.pricing-grid,.test-grid,.ca-grid{grid-template-columns:1fr 1fr!important}
|
||
.cta-proof-row{gap:20px}
|
||
.mob-sticky{display:flex}
|
||
body{padding-bottom:72px}
|
||
section{padding:72px 20px}
|
||
}
|
||
@media(max-width:580px){
|
||
section{padding:60px 16px}
|
||
.hero{padding:100px 16px 60px}
|
||
.hero-stats{gap:24px}
|
||
.problem-grid,.pricing-grid,.test-grid,.systems-grid{grid-template-columns:1fr!important}
|
||
.ca-grid{grid-template-columns:1fr 1fr!important}
|
||
table{font-size:12px;min-width:560px}
|
||
th,td{padding:10px 12px}
|
||
}
|
||
|
||
/* ── bg helpers (proven v3) ── */
|
||
.bg-img{position:absolute!important;inset:0!important;z-index:0!important;background-size:cover!important;background-position:center!important;pointer-events:none}
|
||
.bg-ov{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none}
|
||
.has-bg{position:relative!important;overflow:hidden!important}
|
||
.has-bg>.container,.has-bg>.hero-bg,.has-bg>.eyebrow,
|
||
.has-bg>h1,.has-bg>.hero-sub,.has-bg>.hero-actions,
|
||
.has-bg>.micro-row,.has-bg>.stat-row,.has-bg>.wrap{position:relative!important;z-index:2!important}
|
||
/* ── CTA strip ── */
|
||
.cta-strip{padding:84px 24px;text-align:center;position:relative;overflow:hidden}
|
||
.cta-strip>.wrap{position:relative;z-index:2;max-width:700px;margin:0 auto}
|
||
.strip-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 16px;border-radius:100px;margin-bottom:22px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
|
||
.strip-tdot{width:6px;height:6px;border-radius:50%;display:inline-block;animation:blink 2s ease infinite}
|
||
.cta-strip h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,5vw,60px);font-weight:900;line-height:.97;letter-spacing:-.5px;text-transform:uppercase;color:#fff;margin-bottom:16px}
|
||
.cta-strip p{font-size:16px;color:var(--muted);line-height:1.72;max-width:520px;margin:0 auto 28px}
|
||
.strip-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
|
||
.strip-trust{display:flex;gap:18px;justify-content:center;margin-top:16px;flex-wrap:wrap}
|
||
.strip-trust span{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}
|
||
.strip-trust b{color:var(--green)}
|
||
.smet-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
|
||
.smet{background:var(--card);border-radius:12px;padding:14px 20px;text-align:center;min-width:118px}
|
||
.smet-v{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;line-height:1}
|
||
.smet-l{font-size:11px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.4px;line-height:1.4}
|
||
/* ── bigger s-title ── */
|
||
.s-title{font-size:clamp(36px,5vw,62px)!important;line-height:.97!important}
|
||
@media(max-width:1280px){nav{padding:14px 32px}section{padding:80px 24px}.cta-band{padding:80px 24px}.cta-strip{padding:72px 24px}.systems-layout{gap:48px}.fpanel.active{gap:40px}.roi-wrap{gap:28px}}
|
||
@media(max-width:1024px){nav{padding:13px 24px}nav ul{gap:14px}nav ul a{font-size:13px}section{padding:72px 22px}.hero{padding:108px 20px 64px;min-height:auto}h1{font-size:clamp(46px,7.5vw,82px)}.hero-stats{gap:28px;margin-top:48px}.stat-num{font-size:36px}.problem-grid{grid-template-columns:repeat(2,1fr)}.systems-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid .price-card:nth-child(3){grid-column:span 2;max-width:520px;margin:0 auto;width:100%}.test-grid{grid-template-columns:repeat(2,1fr)}.systems-layout{grid-template-columns:1fr;gap:40px}.fpanel.active{grid-template-columns:1fr;gap:40px}.roi-wrap{grid-template-columns:1fr;gap:24px}.roi-big{font-size:44px}.guarantee{padding:32px 28px;gap:24px}}
|
||
@media(max-width:768px){nav{padding:12px 16px}nav ul{display:none}.nav-cta{padding:8px 14px;font-size:13px}.urgency-bar{padding:8px 14px;margin-top:64px}.urgency-bar p{font-size:11.5px;line-height:1.5}section{padding:56px 18px}.cta-band{padding:56px 18px}.cta-strip{padding:56px 18px}.hero{padding:88px 16px 52px;min-height:auto}h1{font-size:clamp(40px,9vw,64px)}.hero-sub{font-size:15px}.s-title{font-size:clamp(30px,6.5vw,48px)!important}.s-sub{font-size:15px}.hero-stats{gap:20px;margin-top:40px}.stat+.stat::before{display:none}.stat-num{font-size:30px}.problem-grid,.systems-grid,.pricing-grid,.test-grid{grid-template-columns:1fr!important}.ca-grid{grid-template-columns:repeat(2,1fr)}.roi-grid{grid-template-columns:1fr 1fr}.cta-band h2{font-size:clamp(30px,7vw,50px)}.cta-strip h2{font-size:clamp(28px,7vw,48px)}.cta-proof-row{gap:20px;margin-top:36px;padding-top:28px}.cp-num{font-size:26px}.guarantee{grid-template-columns:1fr;gap:18px;padding:28px 22px;text-align:center}.g-seal{margin:0 auto}.ftabs{width:100%;justify-content:flex-start;overflow-x:auto}.ftab{padding:8px 16px;font-size:13px}.mob-sticky{display:flex}body{padding-bottom:72px}.roi-box{padding:24px}.roi-big{font-size:38px}.smet{min-width:100px;padding:12px 14px}.smet-v{font-size:24px}.price-card{padding:26px}.price-amount{font-size:42px}.test-card{padding:22px}.trust-items{gap:18px}.trust-item{font-size:12px}}
|
||
@media(max-width:560px){section{padding:48px 16px}.cta-band{padding:48px 16px}.cta-strip{padding:48px 16px}.hero{padding:84px 14px 48px}.hero-stats{gap:18px}table{font-size:12px;min-width:520px}th,td{padding:10px 12px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn-primary,.hero-actions .btn-ghost{width:100%;text-align:center}.strip-btns{flex-direction:column;width:100%}.strip-btns .btn-primary,.strip-btns .btn-ghost{width:100%;text-align:center}.cta-form{flex-direction:column}.cta-form input{min-width:100%;width:100%}.cta-form .btn-primary{width:100%;text-align:center}}
|
||
@media(max-width:480px){body{font-size:15px}nav{padding:10px 12px}.logo-text{font-size:16px}.logo-mark{width:28px;height:28px;font-size:14px}.nav-cta{padding:7px 12px;font-size:12px}.urgency-bar{padding:8px 10px;margin-top:56px}.urgency-bar p{font-size:11px;gap:6px}.cd-b{font-size:12px;padding:2px 5px;min-width:22px}section{padding:42px 14px}.cta-band{padding:42px 14px}.cta-strip{padding:42px 14px}.hero{padding:72px 12px 42px}h1{font-size:clamp(34px,11vw,52px);max-width:100%}.hero-sub{font-size:14.5px}.s-title{font-size:clamp(24px,8vw,40px)!important}.s-sub{font-size:14.5px}.hero-stats{gap:16px;margin-top:32px}.stat-num{font-size:26px}.stat-label{font-size:12px}.cta-band h2{font-size:clamp(26px,9vw,42px)}.cta-strip h2{font-size:clamp(26px,9vw,42px)}.btn-primary,.btn-ghost{padding:12px 22px;font-size:15px}.p-card{min-width:120px;padding:12px 16px}.p-num{font-size:24px}.ca-grid{grid-template-columns:1fr 1fr;gap:8px}.ca-item{padding:8px}.ca-num{font-size:18px}.roi-grid{grid-template-columns:1fr}.roi-big{font-size:34px}.roi-box{padding:20px}.price-card{padding:22px}.price-amount{font-size:36px}.test-card{padding:20px}.test-card blockquote{font-size:13.5px}.test-result{position:static;display:inline-block;margin-bottom:10px}.faq-q{font-size:14px;padding:14px 16px}.faq-a p{font-size:13.5px;padding:0 16px;padding-top:12px}.cta-micro{flex-direction:column;gap:6px}.strip-trust{flex-direction:column;gap:8px}.hero-micro{gap:10px;flex-direction:column}.smet-row{gap:8px}.smet{min-width:calc(50% - 4px);padding:10px 12px}.smet-v{font-size:22px}.mob-sticky{padding:10px 12px;gap:8px}.mob-sticky a{padding:10px;font-size:13px}.cta-countdown{gap:6px}.cd-num{font-size:22px;padding:5px 9px;min-width:42px}.cta-proof-row{gap:16px;flex-wrap:wrap}.cp-num{font-size:22px}.guarantee{padding:22px 18px}.guarantee h3{font-size:20px}.guarantee p{font-size:14px}table{min-width:460px;font-size:11.5px}th,td{padding:8px 10px}.trust-inner{gap:16px}.trust-items{gap:14px}}
|
||
@media(max-width:380px){h1{font-size:clamp(28px,12vw,42px)}.s-title{font-size:clamp(22px,9vw,34px)!important}.stat-num{font-size:22px}.feat-stats{grid-template-columns:1fr}.smet{min-width:100%}.ca-grid{grid-template-columns:1fr}}
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- NAV -->
|
||
<nav id="topnav">
|
||
<a href="https://book.lynkeduppro.com/" class="logo"><img src="/uploads/lynkedup-logo.png" alt="LynkedUp Pro" class="brand-logo-img" style="height:34px;width:auto;display:block;object-fit:contain"></a>
|
||
<ul>
|
||
<li><a href="#features">Features</a></li>
|
||
<li><a href="#compare">Compare</a></li>
|
||
<li><a href="#roi">ROI Calc</a></li>
|
||
<li><a href="#pricing">Pricing</a></li>
|
||
</ul>
|
||
<div style="display:flex;align-items:center;gap:12px">
|
||
|
||
<a href="https://launch.lynkeduppro.com/" class="nav-cta">Watch a demo</a> <a href="https://book.lynkeduppro.com/" class="nav-cta">Book a demo</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- URGENCY BAR -->
|
||
<div class="urgency-bar">
|
||
<p>🔥 <strong>Only 12 Founding Member Spots Remaining</strong> - Lock in $2000/mo forever
|
||
<span class="cd-inline">
|
||
<span class="cd-b" id="ub-d">02</span>:<span class="cd-b" id="ub-h">14</span>:<span class="cd-b" id="ub-m">37</span>:<span class="cd-b" id="ub-s">44</span>
|
||
</span>
|
||
<a href="https://book.lynkeduppro.com/" style="color:var(--orange);font-weight:700;text-decoration:none">Claim Your Spot →</a>
|
||
</p>
|
||
</div>
|
||
|
||
<!-- HERO -->
|
||
<section class="hero has-bg" id="home">
|
||
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=1800&q=80');filter:brightness(.11) saturate(.4)"></div>
|
||
<div class="bg-ov" style="background:linear-gradient(180deg,rgba(5,8,15,.42) 0%,rgba(5,8,15,.78) 55%,rgba(5,8,15,1) 100%)"></div>
|
||
<div class="hero-bg" aria-hidden="true">
|
||
<div class="hero-grid"></div>
|
||
<div class="glow-top"></div>
|
||
<div class="glow-left"></div>
|
||
<div class="glow-right"></div>
|
||
</div>
|
||
<div class="eyebrow"><span class="dot"></span> Trusted by 500+ Texas Roofers · Built by Roofers, For Roofers</div>
|
||
<h1>Your Competitors<br><span class="blue">Run One Platform.</span><br><span class="orange">You Run Five.</span></h1>
|
||
<p class="hero-sub">LynkedUp Pro replaces <strong>EagleView, JobNimbus, SalesRabbit</strong> and more, one AI-powered platform at a flat <strong>$2000/mo</strong>. It's your assistant that never sleeps or takes a day off. No per-report fees. No per-user charges.</p>
|
||
<div class="hero-actions">
|
||
<a href="https://book.lynkeduppro.com/" class="btn-primary">Book a demo →</a>
|
||
|
||
</div>
|
||
<div class="hero-micro">
|
||
<span class="micro-item"><span>✅</span> No credit card required</span>
|
||
<span class="micro-item"><span>✅</span> Free onboarding included</span>
|
||
<span class="micro-item"><span>✅</span> 30-day money-back guarantee</span>
|
||
</div>
|
||
<div class="hero-stats">
|
||
<div class="stat"><div class="stat-num"><span class="hi">$2.1M</span></div><div class="stat-label">Claims processed via platform</div></div>
|
||
<div class="stat"><div class="stat-num"><span class="hi">4 min</span></div><div class="stat-label">Avg scan to adjuster report</div></div>
|
||
<div class="stat"><div class="stat-num"><span class="hi">$0</span></div><div class="stat-label">Per-report fee. Ever.</div></div>
|
||
<div class="stat"><div class="stat-num"><span class="hi">4.9★</span></div><div class="stat-label">248 reviews</div></div>
|
||
</div>
|
||
<div class="social-proof-row">
|
||
<div class="avatar-stack">
|
||
<div class="av" style="background:linear-gradient(135deg,#0ea5e9,#00e5a0)">J</div>
|
||
<div class="av" style="background:linear-gradient(135deg,#f59e0b,#ef4444)">M</div>
|
||
<div class="av" style="background:linear-gradient(135deg,#a855f7,#0ea5e9)">S</div>
|
||
<div class="av" style="background:linear-gradient(135deg,#00e5a0,#0ea5e9);font-size:9px">+8</div>
|
||
</div>
|
||
<div class="proof-text">Rated <strong>4.9/5</strong> by 11 Texas roofing crews in beta</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- TRUST BAR -->
|
||
<div class="trust-bar">
|
||
<div class="trust-inner">
|
||
<span class="trust-label">Replaces & Integrates With</span>
|
||
<div class="trust-div"></div>
|
||
<div class="trust-items">
|
||
<span class="trust-item">EagleView</span>
|
||
<span class="trust-item">JobNimbus</span>
|
||
<span class="trust-item">SalesRabbit</span>
|
||
<span class="trust-item">QuickBooks</span>
|
||
<span class="trust-item">Google Calendar</span>
|
||
<span class="trust-item">Xactimate</span>
|
||
<span class="trust-item">DJI Drones</span>
|
||
<span class="trust-item">HailTrace</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- PROOF NUMBERS -->
|
||
<div class="proof-bar">
|
||
<div class="proof-inner">
|
||
<div class="p-card"><span class="p-num" style="color:var(--accent)">500+</span><span class="p-label">Roofs Scanned<br>in Beta</span></div>
|
||
<div class="p-card"><span class="p-num" style="color:var(--orange)">11</span><span class="p-label">Pilot Crews<br>Across Texas</span></div>
|
||
<div class="p-card"><span class="p-num" style="color:var(--green)">$2.1M</span><span class="p-label">Claims Processed<br>via Platform</span></div>
|
||
<div class="p-card"><span class="p-num" style="color:#fff">4 min</span><span class="p-label">Scan to<br>Report</span></div>
|
||
<div class="p-card"><span class="p-num" style="color:var(--orange)">$2000</span><span class="p-label">Flat Rate<br>Per Month</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- PROBLEM -->
|
||
<!-- problem bg injected below -->
|
||
<section class="problem-section reveal" id="problem">
|
||
<div class="container">
|
||
<div class="s-label">The Problem</div>
|
||
<h2 class="s-title">The Roofer Who<br>Wins the Storm Has<br><span style="color:var(--red)">Software You Don't.</span></h2>
|
||
<p class="s-sub">Texas roofers lose 3-5 jobs per storm season to competitors who showed up faster, scanned quicker, and filed cleaner claims.</p>
|
||
<div class="problem-grid">
|
||
<div class="p-item">
|
||
<div class="p-icon">🌩️</div>
|
||
<h3>Storms Don't Wait</h3>
|
||
<p>By the time you hear about a hail event, competitors have knocked 40 doors. You need alerts before the rain stops.</p>
|
||
<span class="cost">Costs: Jobs every storm</span>
|
||
</div>
|
||
<div class="p-item">
|
||
<div class="p-icon">📋</div>
|
||
<h3>EagleView Bleeds You</h3>
|
||
<p>$15-$87 per report. 48-hour wait. Homeowners sign with whoever shows up with numbers first.</p>
|
||
<span class="cost">Costs: $700-$2,000/mo</span>
|
||
</div>
|
||
<div class="p-item">
|
||
<div class="p-icon">🗂️</div>
|
||
<h3>Claims Get Underpaid</h3>
|
||
<p>Without AI-annotated hail impact documentation, adjusters reject or underpay. That's tens of thousands per job.</p>
|
||
<span class="cost">Costs: $10K-$50K per claim</span>
|
||
</div>
|
||
<div class="p-item">
|
||
<div class="p-icon">📅</div>
|
||
<h3>Your Calendar Is Chaos</h3>
|
||
<p>Double-bookings, no-shows, reps without context. Every miss is a homeowner who goes with someone else.</p>
|
||
<span class="cost">Costs: Lost referrals</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- ══ CTA STRIP ══ -->
|
||
<section class="cta-strip">
|
||
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1504309092620-4d0ec726efa4?w=1800&q=80');filter:brightness(.09) saturate(.38)"></div>
|
||
<div class="bg-ov" style="background:linear-gradient(135deg,rgba(5,8,15,.97) 0%,rgba(14,6,2,.97) 100%)"></div>
|
||
<div style="position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:700px;height:360px;border-radius:50%;background:radial-gradient(ellipse,rgba(245,158,11,.08),transparent 70%);z-index:1;pointer-events:none"></div>
|
||
<div class="wrap">
|
||
<div class="strip-tag" style="background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.28);color:var(--orange)">
|
||
<span class="strip-tdot" style="background:var(--orange)"></span>
|
||
Every storm season this gap costs you real jobs
|
||
</div>
|
||
<h2>Hail Drops. Alert Fires.<br>Reps Move. <span style="color:var(--orange)">Job Signed.</span><br><span style="color:var(--accent)">Before You Know It Rained.</span></h2>
|
||
<p>LynkedUp Pro routes your team to the highest-damage doors within 17 minutes of a storm. AI scans the roof in 4 minutes. Proposal signed on-site. Adjuster report filed same day. All from one platform.</p>
|
||
<div class="smet-row"><div class="smet" style="border:1px solid rgba(239,68,68,.22)"><div class="smet-v" style="color:var(--red)">17 min</div><div class="smet-l">Storm → reps deployed</div></div><div class="smet" style="border:1px solid rgba(0,200,255,.22)"><div class="smet-v" style="color:var(--accent)">4 min</div><div class="smet-l">AI scan to report</div></div><div class="smet" style="border:1px solid rgba(0,229,160,.22)"><div class="smet-v" style="color:var(--green)">$0</div><div class="smet-l">Per-report fee, ever</div></div><div class="smet" style="border:1px solid rgba(245,158,11,.22)"><div class="smet-v" style="color:var(--orange)">$2000</div><div class="smet-l">Flat rate, all in</div></div></div>
|
||
<div class="strip-btns">
|
||
<a href="https://book.lynkeduppro.com/" class="btn-primary">Book a demo →</a>
|
||
|
||
</div>
|
||
<div class="strip-trust">
|
||
<span><b>✅</b> No credit card</span>
|
||
<span><b>✅</b> Free 30-min demo</span>
|
||
<span><b>✅</b> 30-day guarantee</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 6 CORE SYSTEMS -->
|
||
<section class="systems-section" id="systems">
|
||
<div class="container reveal">
|
||
<div class="systems-layout">
|
||
<div>
|
||
<div class="s-label orange">The Solution</div>
|
||
<h2 class="s-title">6 Systems That<br><span style="color:var(--orange)">Actually Talk</span><br>to Each Other.</h2>
|
||
<p class="s-sub">Everything from hail alert to signed invoice, all in one platform built exclusively for roofing.</p>
|
||
<ul style="list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:10px">
|
||
<li style="font-size:15px;color:var(--muted);display:flex;align-items:center;gap:10px"><span style="color:var(--green);font-weight:700">✓</span> Replaces 5+ tools with one flat-rate subscription</li>
|
||
<li style="font-size:15px;color:var(--muted);display:flex;align-items:center;gap:10px"><span style="color:var(--green);font-weight:700">✓</span> No per-user fees, no per-report charges ever</li>
|
||
<li style="font-size:15px;color:var(--muted);display:flex;align-items:center;gap:10px"><span style="color:var(--green);font-weight:700">✓</span> Built exclusively for roofing, not adapted from generic CRM</li>
|
||
<li style="font-size:15px;color:var(--muted);display:flex;align-items:center;gap:10px"><span style="color:var(--green);font-weight:700">✓</span> Onboarded in under a week, full support included</li>
|
||
</ul>
|
||
<div style="margin-top:28px;display:flex;gap:12px;flex-wrap:wrap">
|
||
<a href="https://book.lynkeduppro.com/" class="btn-primary" style="font-size:14px;padding:12px 24px">Book a demo →</a>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="dash-preview">
|
||
<img src="/page/assets/overview13 (1).png" alt="LynkedUp Pro Overview Dashboard" style="display:block;width:100%;height:auto" loading="lazy">
|
||
</div>
|
||
</div>
|
||
<div class="systems-grid">
|
||
<div class="sys-card b"><div class="sys-icon">👥</div><h3>CRM</h3><p>Pipeline automations, AI insights, and team performance tracking built for maximum close rates.</p><span class="sys-tag">Pipeline · AI Insights</span></div>
|
||
<div class="sys-card o"><div class="sys-icon">🎨</div><h3>Canvas</h3><p>Your sales toolbox: estimates, proposals, and digital signatures. Close jobs from anywhere.</p><span class="sys-tag">Estimates · Proposals</span></div>
|
||
<div class="sys-card g"><div class="sys-icon">📐</div><h3>Measurements</h3><p>AI + LiDAR roof measurements. Measure once, use everywhere. $0 per report, always.</p><span class="sys-tag">AI · LiDAR · Instant</span></div>
|
||
<div class="sys-card b"><div class="sys-icon">⭐</div><h3>Client Experience</h3><p>Automated follow-ups, digital contracts, and client portals that drive referrals on autopilot.</p><span class="sys-tag">Portals · Reviews</span></div>
|
||
<div class="sys-card o"><div class="sys-icon">💳</div><h3>Billing</h3><p>Invoicing, payment processing, and cash flow management that keeps every job profitable.</p><span class="sys-tag">Invoices · Payments</span></div>
|
||
<div class="sys-card g"><div class="sys-icon">🧮</div><h3>Estimating</h3><p>Material pricing, labor, margins, pre-loaded for roofing. Measurements to proposals in minutes.</p><span class="sys-tag">Auto-Pricing · Templates</span></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 3 HEADLINE FEATURES (tabbed) -->
|
||
<section class="features-section" id="features">
|
||
<div class="container reveal">
|
||
<div class="s-label green">Three Features That Change Everything</div>
|
||
<h2 class="s-title">The Three Features<br>That Win Jobs <span style="color:var(--green)">While</span><br><span style="color:var(--green)">Competitors Sleep.</span></h2>
|
||
<div class="ftabs">
|
||
<button class="ftab active" onclick="switchFtab('cal',this)">📅 Smart Calendar</button>
|
||
<button class="ftab" onclick="switchFtab('meas',this)">📐 AI Measurements</button>
|
||
<button class="ftab" onclick="switchFtab('hail',this)">⚡ Hail Intelligence</button>
|
||
</div>
|
||
|
||
<!-- CALENDAR -->
|
||
<div class="fpanel active" id="f-cal">
|
||
<div class="cal-mock">
|
||
<div class="cal-hdr">
|
||
<span class="cal-title">June 2026</span>
|
||
<div class="cal-nav"><button>‹</button><button>›</button></div>
|
||
</div>
|
||
<div class="cal-days"><div class="cal-day">Sun</div><div class="cal-day">Mon</div><div class="cal-day">Tue</div><div class="cal-day">Wed</div><div class="cal-day">Thu</div><div class="cal-day">Fri</div><div class="cal-day">Sat</div></div>
|
||
<div class="cal-grid">
|
||
<div class="cal-cell other"><span class="cal-date">1</span></div><div class="cal-cell other"><span class="cal-date">2</span></div><div class="cal-cell other"><span class="cal-date">3</span></div><div class="cal-cell other"><span class="cal-date">4</span></div><div class="cal-cell other"><span class="cal-date">5</span></div><div class="cal-cell other"><span class="cal-date">6</span></div><div class="cal-cell other"><span class="cal-date">7</span></div>
|
||
<div class="cal-cell"><span class="cal-date">8</span></div><div class="cal-cell"><span class="cal-date">9</span></div><div class="cal-cell"><span class="cal-date">10</span></div><div class="cal-cell"><span class="cal-date">11</span><div class="ev bl">10AM Insp.</div></div><div class="cal-cell"><span class="cal-date">12</span><div class="ev or">1:30 Estim.</div></div><div class="cal-cell"><span class="cal-date">13</span></div><div class="cal-cell"><span class="cal-date">14</span></div>
|
||
<div class="cal-cell"><span class="cal-date">15</span></div><div class="cal-cell"><span class="cal-date">16</span></div><div class="cal-cell"><span class="cal-date">17</span></div><div class="cal-cell"><span class="cal-date">18</span></div><div class="cal-cell"><span class="cal-date">19</span></div><div class="cal-cell"><span class="cal-date">20</span></div><div class="cal-cell"><span class="cal-date">21</span></div>
|
||
<div class="cal-cell"><span class="cal-date">22</span></div>
|
||
<div class="cal-cell today"><span class="cal-date">23</span><div class="ev bl">10AM Insp.</div><div class="ev or">1:30 Estim.</div></div>
|
||
<div class="cal-cell"><span class="cal-date">24</span><div class="ev gr">10AM Delivery</div></div><div class="cal-cell"><span class="cal-date">25</span></div><div class="cal-cell"><span class="cal-date">26</span></div><div class="cal-cell"><span class="cal-date">27</span></div><div class="cal-cell"><span class="cal-date">28</span></div>
|
||
<div class="cal-cell"><span class="cal-date">29</span></div><div class="cal-cell"><span class="cal-date">30</span></div><div class="cal-cell other"><span class="cal-date">1</span></div><div class="cal-cell other"><span class="cal-date">2</span></div><div class="cal-cell other"><span class="cal-date">3</span></div><div class="cal-cell other"><span class="cal-date">4</span></div><div class="cal-cell other"><span class="cal-date">5</span></div>
|
||
</div>
|
||
<div class="ai-suggest">
|
||
<div class="ai-icon">✨</div>
|
||
<div>
|
||
<div class="ai-text"><strong>AI Suggests:</strong> Traffic is moderate. Leave now for your 10:00 AM Roof Inspection at 123 Maple St.</div>
|
||
<div class="ai-btns"><button class="ai-btn yes">Map me</button><button class="ai-btn no">Not now</button></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="s-label">Smart Scheduling</div>
|
||
<h3 style="font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1;margin-bottom:12px">Your Calendar<br>Should Think Ahead.</h3>
|
||
<p style="font-size:15px;color:var(--muted);line-height:1.7">Never miss what matters. Stay ahead every day. Your calendar syncs, suggests, and adapts, while you stay in control.</p>
|
||
<ul class="feat-points">
|
||
<li><span class="ico">🔄</span><span><strong>Two-way sync</strong> with iOS Calendar, Google Calendar, and Calendly, so your whole team stays aligned automatically.</span></li>
|
||
<li><span class="ico">🧠</span><span><strong>AI-suggested windows</strong>. Recommends optimal times, avoids conflicts, and checks traffic before nudging you to leave.</span></li>
|
||
<li><span class="ico">🛡️</span><span><strong>You stay in control</strong>. Every suggestion is a nudge, not an override. You make the final call, always.</span></li>
|
||
</ul>
|
||
<div class="feat-stats">
|
||
<div class="fstat"><div class="fstat-num bl">3</div><div class="fstat-label">Calendars synced in real-time</div></div>
|
||
<div class="fstat"><div class="fstat-num or">98%</div><div class="fstat-label">On-track rate this week</div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- MEASUREMENTS -->
|
||
<div class="fpanel" id="f-meas">
|
||
<div class="roof-card">
|
||
<div class="roof-top">
|
||
<span>Project #1286 - AI Measurement</span>
|
||
<span class="roof-badge">AI-POWERED</span>
|
||
</div>
|
||
<div class="roof-svg">
|
||
<svg width="100%" viewBox="0 0 320 195" fill="none">
|
||
<rect width="320" height="195" fill="#070d18"/>
|
||
<polygon points="160,18 280,108 220,108 220,175 100,175 100,108 40,108" fill="rgba(0,200,255,.05)" stroke="rgba(0,200,255,.5)" stroke-width="1.2"/>
|
||
<line x1="40" y1="113" x2="280" y2="113" stroke="rgba(0,200,255,.3)" stroke-width="1" stroke-dasharray="4 3"/>
|
||
<text x="160" y="125" fill="rgba(0,200,255,.9)" font-size="9" text-anchor="middle" font-family="monospace" font-weight="bold">27'-6"</text>
|
||
<line x1="33" y1="18" x2="33" y2="108" stroke="rgba(0,200,255,.3)" stroke-width="1" stroke-dasharray="4 3"/>
|
||
<text x="25" y="68" fill="rgba(0,200,255,.9)" font-size="9" text-anchor="middle" font-family="monospace" font-weight="bold" transform="rotate(-90,25,68)">18'-7"</text>
|
||
<rect x="176" y="22" width="130" height="88" rx="6" fill="rgba(7,13,24,.92)" stroke="rgba(0,200,255,.15)" stroke-width="1"/>
|
||
<text x="241" y="38" fill="rgba(255,255,255,.45)" font-size="7.5" text-anchor="middle" font-family="monospace">TOTAL ROOF AREA</text>
|
||
<text x="241" y="56" fill="#00c8ff" font-size="15" text-anchor="middle" font-family="monospace" font-weight="bold">2,347 sq ft</text>
|
||
<text x="241" y="68" fill="rgba(255,255,255,.3)" font-size="7" text-anchor="middle" font-family="monospace">23.47 SQUARES</text>
|
||
<rect x="176" y="118" width="130" height="68" rx="6" fill="rgba(7,13,24,.9)" stroke="rgba(255,255,255,.07)" stroke-width="1"/>
|
||
<text x="186" y="131" fill="rgba(255,255,255,.4)" font-size="7" font-family="monospace">PLANE 1</text><text x="298" y="131" fill="rgba(255,255,255,.65)" font-size="7" font-family="monospace" text-anchor="end">425 SQ FT</text>
|
||
<text x="186" y="143" fill="rgba(255,255,255,.4)" font-size="7" font-family="monospace">PLANE 2</text><text x="298" y="143" fill="rgba(255,255,255,.65)" font-size="7" font-family="monospace" text-anchor="end">362 SQ FT</text>
|
||
<text x="186" y="155" fill="rgba(255,255,255,.4)" font-size="7" font-family="monospace">PLANE 3</text><text x="298" y="155" fill="rgba(255,255,255,.65)" font-size="7" font-family="monospace" text-anchor="end">289 SQ FT</text>
|
||
<text x="186" y="167" fill="rgba(255,255,255,.4)" font-size="7" font-family="monospace">TOTAL+</text><text x="298" y="167" fill="#00c8ff" font-size="7" font-family="monospace" text-anchor="end" font-weight="bold">2,347 SQ FT</text>
|
||
</svg>
|
||
</div>
|
||
<div class="roof-sum">
|
||
<div class="r-row"><span>Planes Measured</span><span>14</span></div>
|
||
<div class="r-row"><span>Scan Time</span><span>3.8 min</span></div>
|
||
<div class="r-row total"><span>Total Area</span><span>2,347.18 sq ft</span></div>
|
||
</div>
|
||
<a href="https://book.lynkeduppro.com/" class="roof-btn">Generate Xactimate-Style Report →</a>
|
||
</div>
|
||
<div>
|
||
<div class="s-label green">AI Measurements</div>
|
||
<h3 style="font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1;margin-bottom:12px">Measure Once.<br>Use Everywhere.</h3>
|
||
<p style="font-size:15px;color:var(--muted);line-height:1.7">Stop paying EagleView $15-$87 per report and waiting 48 hours. LynkedUp Pro scans in minutes and generates insurance-grade reports instantly, included in your subscription.</p>
|
||
<ul class="feat-points">
|
||
<li><span class="ico">🎯</span><span><strong>AI + LiDAR precision</strong>. Centimeter-accurate measurements on any roof in under 4 minutes, on-site.</span></li>
|
||
<li><span class="ico">📋</span><span><strong>Xactimate-style reports</strong>, insurance adjusters accept them on the first submission.</span></li>
|
||
<li><span class="ico">⚡</span><span><strong>Instant to estimate</strong>. Measurements feed directly into proposals. No re-entry, no errors.</span></li>
|
||
</ul>
|
||
<div class="feat-stats">
|
||
<div class="fstat"><div class="fstat-num bl">10×</div><div class="fstat-label">Faster than manual measurement</div></div>
|
||
<div class="fstat"><div class="fstat-num or">$0</div><div class="fstat-label">Per-report fee. Flat rate only.</div></div>
|
||
<div class="fstat"><div class="fstat-num gr">98.6%</div><div class="fstat-label">AI + LiDAR accuracy</div></div>
|
||
<div class="fstat"><div class="fstat-num wh">3.8</div><div class="fstat-label">Minutes avg scan time</div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- HAIL -->
|
||
<div class="fpanel" id="f-hail">
|
||
<div class="hail-card">
|
||
<div class="hail-hdr">
|
||
<span class="hail-hdr-title">⚡ Storm Territory Map</span>
|
||
<span class="hail-alert">🚨 ACTIVE EVENT</span>
|
||
</div>
|
||
<div class="hail-map">
|
||
<div class="map-grid-bg"></div>
|
||
<div class="hdot" style="left:30%;top:25%;width:80px;height:80px;background:radial-gradient(ellipse,rgba(239,68,68,.55),transparent 70%);animation-delay:0s"></div>
|
||
<div class="hdot" style="left:50%;top:35%;width:120px;height:120px;background:radial-gradient(ellipse,rgba(239,68,68,.65),transparent 70%);animation-delay:.5s"></div>
|
||
<div class="hdot" style="left:65%;top:55%;width:60px;height:60px;background:radial-gradient(ellipse,rgba(245,158,11,.5),transparent 70%);animation-delay:1s"></div>
|
||
<div class="hdot" style="left:20%;top:60%;width:40px;height:40px;background:radial-gradient(ellipse,rgba(245,158,11,.4),transparent 70%);animation-delay:1.5s"></div>
|
||
<div class="rep-dot" style="left:48%;top:33%;background:var(--green)"></div>
|
||
<div class="rep-dot" style="left:32%;top:28%;background:#0ea5e9"></div>
|
||
<div class="hail-notif">⚡ New event - 3 reps notified</div>
|
||
</div>
|
||
<div class="hail-legend">
|
||
<span class="leg"><span class="leg-dot" style="background:#ef4444"></span>Severe hail</span>
|
||
<span class="leg"><span class="leg-dot" style="background:#f59e0b"></span>Moderate hail</span>
|
||
<span class="leg"><span class="leg-dot" style="background:var(--green)"></span>Your reps</span>
|
||
</div>
|
||
<div class="hail-queue">
|
||
<div class="queue-title">Priority Address Queue</div>
|
||
<div class="q-item"><span class="q-name">📍 123 Maple St</span><span class="q-badge h">HIGH 94</span></div>
|
||
<div class="q-item"><span class="q-name">📍 456 Oak Ave</span><span class="q-badge h">HIGH 88</span></div>
|
||
<div class="q-item"><span class="q-name">📍 789 Pine Rd</span><span class="q-badge m">MED 71</span></div>
|
||
<div class="q-item"><span class="q-name">📍 321 Cedar Ln</span><span class="q-badge l">LOW 42</span></div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="s-label orange">Hail Intelligence</div>
|
||
<h3 style="font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:800;color:#fff;text-transform:uppercase;line-height:1;margin-bottom:12px">First to the<br>Door. Every Storm.</h3>
|
||
<p style="font-size:15px;color:var(--muted);line-height:1.7">Know about hail events before competitors check their weather app. Sub-hour alerts auto-route your reps to the highest-priority addresses within minutes of a storm.</p>
|
||
<ul class="feat-points">
|
||
<li><span class="ico">📡</span><span><strong>HailTrace + HailWatch fusion</strong>. Dual-source storm data so you never miss an event in your territory.</span></li>
|
||
<li><span class="ico">🗺️</span><span><strong>AI address scoring</strong>. Every home ranked by hail severity. Your reps hit the best doors first, automatically.</span></li>
|
||
<li><span class="ico">📎</span><span><strong>Auto adjuster reports</strong>. LiDAR scan + storm data bundled into one insurance-accepted PDF, one click.</span></li>
|
||
</ul>
|
||
<div class="feat-stats">
|
||
<div class="fstat"><div class="fstat-num or"><1 hr</div><div class="fstat-label">Alert to reps in the field</div></div>
|
||
<div class="fstat"><div class="fstat-num gr">89</div><div class="fstat-label">Addresses scored per storm event</div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- COMPARE -->
|
||
<section class="compare-section" id="compare">
|
||
<div class="container reveal">
|
||
<div class="s-label">Competitive Edge</div>
|
||
<h2 class="s-title">Column by Column.<br><span style="color:var(--accent)">Win by Win.</span></h2>
|
||
<p class="s-sub">11 features. 6 platforms. The checkmarks tell the story.</p>
|
||
<div class="compare-wrap">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th style="min-width:200px">Feature</th>
|
||
<th class="ours">LynkedUp Pro ✦</th>
|
||
<th>EagleView</th>
|
||
<th>JobNimbus</th>
|
||
<th>AccuLynx</th>
|
||
<th>SalesRabbit</th>
|
||
<th>Roofr</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td class="fn">AI Roof Measurements</td><td class="ours"><span class="ck">✓</span></td><td><span class="ck">✓</span></td><td><span class="cx">✗</span></td><td><span class="cp">~</span></td><td><span class="cx">✗</span></td><td><span class="ck">✓</span></td></tr>
|
||
<tr><td class="fn">$0 Per-Report Fee</td><td class="ours"><span class="ck">✓</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td><td><span class="ck">✓</span></td><td><span class="cp">~</span></td></tr>
|
||
<tr><td class="fn">Real-Time Hail Alerts</td><td class="ours"><span class="ck">✓</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td><td><span class="cp">~</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td></tr>
|
||
<tr><td class="fn">Smart Calendar + AI</td><td class="ours"><span class="ck">✓</span></td><td><span class="cx">✗</span></td><td><span class="cp">~</span></td><td><span class="cp">~</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td></tr>
|
||
<tr><td class="fn">Roofing CRM Built-In</td><td class="ours"><span class="ck">✓</span></td><td><span class="cx">✗</span></td><td><span class="ck">✓</span></td><td><span class="ck">✓</span></td><td><span class="cp">~</span></td><td><span class="cp">~</span></td></tr>
|
||
<tr><td class="fn">Adjuster-Ready Reports</td><td class="ours"><span class="ck">✓</span></td><td><span class="ck">✓</span></td><td><span class="cp">~</span></td><td><span class="cp">~</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td></tr>
|
||
<tr><td class="fn">Storm Canvassing Map</td><td class="ours"><span class="ck">✓</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td><td><span class="cp">~</span></td><td><span class="cp">~</span></td><td><span class="cx">✗</span></td></tr>
|
||
<tr><td class="fn">Proposals + E-Sign</td><td class="ours"><span class="ck">✓</span></td><td><span class="cx">✗</span></td><td><span class="ck">✓</span></td><td><span class="ck">✓</span></td><td><span class="cx">✗</span></td><td><span class="ck">✓</span></td></tr>
|
||
<tr><td class="fn">Flat-Rate Pricing</td><td class="ours"><span class="ck">✓</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td><td><span class="cp">~</span></td><td><span class="cp">~</span></td></tr>
|
||
<tr><td class="fn">Built Only for Roofing</td><td class="ours"><span class="ck">✓</span></td><td><span class="cp">~</span></td><td><span class="cp">~</span></td><td><span class="ck">✓</span></td><td><span class="cp">~</span></td><td><span class="ck">✓</span></td></tr>
|
||
<tr><td class="fn">Owners Box Dashboard</td><td class="ours"><span class="ck">✓</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td><td><span class="cx">✗</span></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<p style="font-size:12px;color:var(--muted);margin-top:12px;text-align:right">✓ Full support · ~ Partial/add-on · ✗ Not available. Based on publicly available info, 2026.</p>
|
||
</div>
|
||
</section>
|
||
<section class="roofing-offer-section" id="pricing">
|
||
<div class="container">
|
||
|
||
<!-- TOP HEADING -->
|
||
<div class="text-center roofing-heading mb-5">
|
||
<span class="offer-badge">🔥 Limited Founder Offer</span>
|
||
<h2>Own Your Roofing CRM. Pay Once.</h2>
|
||
<p>Stop paying monthly for multiple disconnected tools. Get founders lifetime access
|
||
to LynkedUpPro and scale your roofing business with one intelligent platform.</p>
|
||
</div>
|
||
|
||
<!-- MAIN GRID -->
|
||
<div class="row g-4 align-items-stretch">
|
||
|
||
<!-- LEFT CARD -->
|
||
<div class="col-lg-6">
|
||
<div class="lifetime-card h-100">
|
||
<div class="popular-tag">MOST POPULAR</div>
|
||
<h3>Founders Lifetime Access</h3>
|
||
<p class="small-text">One payment. Unlimited operational control.</p>
|
||
<div class="price-box">
|
||
<h2>$2000</h2>
|
||
<span>PAY ONCE • USE FOREVER</span>
|
||
</div>
|
||
<ul class="feature-list">
|
||
<li>Complete Roofing CRM</li>
|
||
<li>Lead Management System</li>
|
||
<li>Canvassing & Field Tracking</li>
|
||
<li>Insurance Workflow</li>
|
||
<li>Proposal & Inspection Tools</li>
|
||
<li>Team Management Dashboard</li>
|
||
<li>Unlimited Projects</li>
|
||
<li>Future Feature Updates</li>
|
||
<li>Priority Support</li>
|
||
</ul>
|
||
<a href="https://book.lynkeduppro.com/" class="deal-btn">Claim Founders Lifetime Deal</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- RIGHT CARD -->
|
||
<div class="col-lg-6">
|
||
<div class="roofing-info-card h-100">
|
||
<span class="mini-badge">Why Roofers Choose LynkedUpPro</span>
|
||
<h3>Replace 5 Different Tools With One Roofing OS</h3>
|
||
<p class="info-para">Most roofing companies spend thousands yearly on disconnected
|
||
CRMs, canvassing apps, spreadsheets, proposal software, and field coordination tools.</p>
|
||
<div class="info-box">
|
||
<h5>More Revenue Visibility</h5>
|
||
<p>Track leads, conversions, and team performance from one dashboard.</p>
|
||
</div>
|
||
<div class="info-box">
|
||
<h5>Less Operational Chaos</h5>
|
||
<p>Eliminate scattered communication and disconnected workflows.</p>
|
||
</div>
|
||
<div class="info-box">
|
||
<h5>Built for Roofing Teams</h5>
|
||
<p>Purpose-built for storm restoration, canvassing, insurance, and roofing operations.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- TERMS (native <details> accordion - no JS needed) -->
|
||
<div class="terms-wrapper mt-4">
|
||
<details class="custom-accordion-item">
|
||
<summary class="accordion-button">Deal Terms & Conditions</summary>
|
||
<div class="accordion-body">
|
||
<div class="deal-terms-legal" style="font-size:12px;line-height:1.65;color:#444">
|
||
<p style="margin:0 0 10px">All claims, results, performance statements, platform capabilities, and customer references are provided for informational and promotional purposes only. Claims may be based on a combination of internal testing, platform development data, field-tested data, and feedback from founding users. Individual results may vary based on company size, user adoption, data quality, market conditions, workflow setup, and other business-specific factors.</p>
|
||
<p style="margin:0 0 10px">Some user names, company names, examples, or identifying details may have been changed, modified, or withheld to protect user privacy, confidential business information, proprietary workflows, and trade secrets.</p>
|
||
<p style="margin:0 0 10px">The Lifetime Founders License applies to one user license and one individual user account unless otherwise stated in writing. The Founders License includes access to core CRM features and the platform features made available under the applicable license terms. The Lifetime Founders License does not guarantee access to every future product, premium module, third-party integration, usage-based service, or separately priced feature.</p>
|
||
<p style="margin:0 0 10px">SMS usage, data usage, storage, GPU processing, AI compute, automation volume, messaging volume, third-party API costs, and other usage-based services may incur additional monthly charges. These charges may be billed separately based on actual usage, service level, selected features, or third-party provider costs.</p>
|
||
<p style="margin:0 0 10px">Advanced or specialized features, including but not limited to Campaign-X, LiDAR scans, digital twin technology, AI-generated content, 3D property scans, mapping tools, premium automation, and other enhanced modules, may require additional fees, setup costs, subscriptions, or usage-based billing.</p>
|
||
<p style="margin:0">Features, pricing, availability, and platform capabilities are subject to change. No statement shall be interpreted as a guarantee of revenue, cost savings, insurance savings, operational results, business growth, or specific customer outcomes. Use of the platform is subject to the final written agreement, subscription terms, billing terms, and applicable service terms provided by Lynked Up Technologies.</p>
|
||
</div>
|
||
</div>
|
||
</details>
|
||
</div>
|
||
|
||
<!-- CTA -->
|
||
<div class="roofing-cta-box mt-5 text-center">
|
||
<h2>Roofing Moves Fast. Your CRM Should Too.</h2>
|
||
<p>Join the next generation of roofing companies scaling with automation,
|
||
field intelligence, and operational visibility.</p>
|
||
<div class="cta-btn-group">
|
||
<a href="https://book.lynkeduppro.com/" class="start-btn">Start Founders Lifetime Access</a>
|
||
<a href="https://www.lynkeduppro.com/contact" class="sales-btn">Book a demo</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
<style>
|
||
/* ===== Roofing Offer / Pricing - compact, self-contained ===== */
|
||
.roofing-offer-section{
|
||
padding:64px 0;
|
||
background:
|
||
radial-gradient(circle at top left, #8c4a13 0%, transparent 35%),
|
||
radial-gradient(circle at bottom right, #1597e5 0%, transparent 35%),
|
||
#1a120d;
|
||
overflow:hidden; position:relative;
|
||
}
|
||
.roofing-offer-section .container{max-width:1120px;margin:0 auto;padding:0 20px;}
|
||
.roofing-offer-section .row{display:flex;flex-wrap:wrap;margin:0 -12px;}
|
||
.roofing-offer-section .row.g-4{margin:-12px;}
|
||
.roofing-offer-section .row.g-4 > [class*="col-"]{padding:12px;}
|
||
.roofing-offer-section .col-lg-6{flex:0 0 50%;max-width:50%;padding:0 12px;}
|
||
.roofing-offer-section .align-items-stretch{align-items:stretch;}
|
||
.roofing-offer-section .h-100{height:100%;}
|
||
.roofing-offer-section .text-center{text-align:center;}
|
||
.roofing-offer-section .mb-5{margin-bottom:36px;}
|
||
.roofing-offer-section .mt-4{margin-top:20px;}
|
||
.roofing-offer-section .mt-5{margin-top:36px;}
|
||
.roofing-offer-section .roofing-heading h2{font-size:38px;font-weight:800;line-height:1.15;color:#fff;margin-top:14px;}
|
||
.roofing-offer-section .roofing-heading p{color:#d7d7d7;max-width:620px;margin:12px auto 0;font-size:15px;line-height:1.55;}
|
||
.roofing-offer-section .offer-badge{display:inline-block;padding:6px 14px;border-radius:40px;background:rgba(255,255,255,0.08);color:#fff;font-size:12px;font-weight:600;}
|
||
.roofing-offer-section .lifetime-card{position:relative;background:linear-gradient(180deg,#12121b,#0d0d14);border-radius:20px;padding:28px;border:1px solid rgba(255,255,255,0.08);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.35);}
|
||
.roofing-offer-section .popular-tag{position:absolute;top:16px;right:-45px;background:linear-gradient(90deg,#ff8b1e,#53c7ff);color:#fff;font-size:10px;font-weight:700;padding:6px 50px;transform:rotate(40deg);}
|
||
.roofing-offer-section .lifetime-card h3{color:#fff;font-size:22px;font-weight:700;margin:0;}
|
||
.roofing-offer-section .small-text{color:#b7b7b7;font-size:13.5px;margin:4px 0 18px;}
|
||
.roofing-offer-section .price-box h2{color:#fff;font-size:48px;font-weight:800;line-height:1;margin-bottom:4px;}
|
||
.roofing-offer-section .price-box span{color:#8d8d8d;font-size:12px;letter-spacing:1px;}
|
||
.roofing-offer-section .feature-list{padding:0;margin:24px 0;list-style:none;}
|
||
.roofing-offer-section .feature-list li{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.05);border-radius:11px;padding:10px 14px;margin-bottom:9px;color:#fff;font-size:13.5px;position:relative;padding-left:42px;}
|
||
.roofing-offer-section .feature-list li::before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size:11px;}
|
||
.roofing-offer-section .deal-btn{display:inline-block;padding:12px 24px;border-radius:12px;text-decoration:none;color:#fff;font-size:14px;font-weight:700;background:linear-gradient(90deg,#ff9321,#4dc5ff);box-shadow:0 10px 25px rgba(0,0,0,0.3);}
|
||
.roofing-offer-section .roofing-info-card{border-radius:20px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.03)),linear-gradient(180deg,#d6892d,#0d99f1);backdrop-filter:blur(10px);color:#fff;}
|
||
.roofing-offer-section .mini-badge{display:inline-block;background:rgba(255,255,255,0.2);padding:6px 14px;border-radius:40px;font-size:12px;font-weight:600;margin-bottom:16px;}
|
||
.roofing-offer-section .roofing-info-card h3{font-size:26px;font-weight:800;line-height:1.2;margin-bottom:16px;}
|
||
.roofing-offer-section .info-para{color:rgba(255,255,255,0.85);font-size:14px;line-height:1.55;margin-bottom:20px;}
|
||
.roofing-offer-section .info-box{background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px;margin-bottom:12px;backdrop-filter:blur(8px);}
|
||
.roofing-offer-section .info-box h5{font-size:16px;font-weight:700;margin:0 0 5px;}
|
||
.roofing-offer-section .info-box p{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,0.9);}
|
||
.roofing-offer-section .terms-wrapper .custom-accordion-item{background:#fff;border-radius:14px;overflow:hidden;border:none;}
|
||
.roofing-offer-section summary.accordion-button{list-style:none;cursor:pointer;background:#fff;padding:16px 20px;font-size:15px;font-weight:700;color:#111;display:flex;justify-content:space-between;align-items:center;}
|
||
.roofing-offer-section summary.accordion-button::-webkit-details-marker{display:none;}
|
||
.roofing-offer-section .accordion-body{background:#fff;padding:8px 20px 20px;}
|
||
.roofing-offer-section .accordion-body ul{margin:0;padding-left:20px;}
|
||
.roofing-offer-section .accordion-body li{margin-bottom:10px;color:#444;font-size:13.5px;}
|
||
.roofing-offer-section .deal-terms-list{list-style:none;padding-left:0;margin:0;}
|
||
.roofing-offer-section .deal-terms-list li{margin-bottom:10px;color:#444;font-size:13.5px;line-height:1.5;}
|
||
.roofing-offer-section .roofing-cta-box{padding:44px 32px;border-radius:22px;background:linear-gradient(90deg,rgba(255,140,0,0.25),rgba(20,150,255,0.22));backdrop-filter:blur(10px);}
|
||
.roofing-offer-section .roofing-cta-box h2{color:#fff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:12px;}
|
||
.roofing-offer-section .roofing-cta-box p{color:#d7d7d7;max-width:620px;margin:auto;font-size:15px;line-height:1.55;}
|
||
.roofing-offer-section .cta-btn-group{margin-top:26px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
|
||
.roofing-offer-section .start-btn,.roofing-offer-section .sales-btn{padding:12px 24px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:700;transition:0.3s;}
|
||
.roofing-offer-section .start-btn{background:linear-gradient(90deg,#ff9321,#4dc5ff);color:#fff;}
|
||
.roofing-offer-section .sales-btn{background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.1);}
|
||
.roofing-offer-section .start-btn:hover,.roofing-offer-section .sales-btn:hover{transform:translateY(-3px);}
|
||
@media (max-width:991px){
|
||
.roofing-offer-section .col-lg-6{flex:0 0 100%;max-width:100%;}
|
||
.roofing-offer-section .roofing-heading h2{font-size:32px;}
|
||
.roofing-offer-section .roofing-cta-box h2{font-size:28px;}
|
||
.roofing-offer-section .price-box h2{font-size:44px;}
|
||
}
|
||
@media (max-width:767px){
|
||
.roofing-offer-section{padding:48px 0;}
|
||
.roofing-offer-section .roofing-heading h2{font-size:27px;}
|
||
.roofing-offer-section .roofing-info-card h3{font-size:23px;}
|
||
.roofing-offer-section .roofing-cta-box h2{font-size:24px;}
|
||
.roofing-offer-section .lifetime-card,
|
||
.roofing-offer-section .roofing-info-card,
|
||
.roofing-offer-section .roofing-cta-box{padding:22px;}
|
||
.roofing-offer-section .price-box h2{font-size:40px;}
|
||
}
|
||
</style>
|
||
<!-- ROI CALCULATOR -->
|
||
<section class="roi-section" id="roi">
|
||
<div class="container reveal">
|
||
<div class="s-label green">ROI Calculator</div>
|
||
<h2 class="s-title">Move the Sliders.<br><span style="color:var(--green)">Watch $1,000+</span><br>Come Back.</h2>
|
||
<p class="s-sub">Move the sliders. Watch your current tool costs vs. one flat $2000/mo. The math usually surprises people.</p>
|
||
<div class="roi-wrap">
|
||
<div class="roi-box">
|
||
<h3>Your Current Monthly Costs</h3>
|
||
<div class="slider-row">
|
||
<div class="s-label-row"><span>Roof Reports / Month</span><strong id="l-r">20 reports</strong></div>
|
||
<input type="range" id="s-r" min="0" max="100" value="20" oninput="roi()"/>
|
||
</div>
|
||
<div class="slider-row">
|
||
<div class="s-label-row"><span>Cost Per Report (EagleView avg)</span><strong id="l-rc">$35/report</strong></div>
|
||
<input type="range" id="s-rc" min="0" max="87" value="35" oninput="roi()"/>
|
||
</div>
|
||
<div class="slider-row">
|
||
<div class="s-label-row"><span>CRM Tool Cost</span><strong id="l-c">$300/mo</strong></div>
|
||
<input type="range" id="s-c" min="0" max="1000" value="300" step="10" oninput="roi()"/>
|
||
</div>
|
||
<div class="slider-row">
|
||
<div class="s-label-row"><span>Canvassing Tool</span><strong id="l-cv">$150/mo</strong></div>
|
||
<input type="range" id="s-cv" min="0" max="500" value="150" step="10" oninput="roi()"/>
|
||
</div>
|
||
<div class="slider-row" style="margin-bottom:0">
|
||
<div class="s-label-row"><span>Field Team Size</span><strong id="l-u">8 users</strong></div>
|
||
<input type="range" id="s-u" min="1" max="50" value="8" oninput="roi()"/>
|
||
</div>
|
||
<div class="roi-breakdown">
|
||
<div class="roi-bd-title">Cost Breakdown</div>
|
||
<div class="bd-row"><span>Report Fees</span><span id="b-r">$700</span></div>
|
||
<div class="bd-row"><span>CRM Platform</span><span id="b-c">$300</span></div>
|
||
<div class="bd-row"><span>Canvassing Tool</span><span id="b-cv">$150</span></div>
|
||
<div class="bd-row"><span>Per-User Costs</span><span id="b-u">$200</span></div>
|
||
<div class="bd-row total"><span>Total Monthly</span><span id="b-tot">$1,350</span></div>
|
||
</div>
|
||
</div>
|
||
<div class="roi-box results">
|
||
<h3>With LynkedUp Pro at $2000/mo</h3>
|
||
<div class="roi-highlight">
|
||
<div class="roi-big" id="r-monthly">$1,001</div>
|
||
<div class="roi-big-label">Monthly savings vs. your current stack</div>
|
||
</div>
|
||
<div class="roi-grid">
|
||
<div class="roi-item"><div class="roi-item-label">Annual Savings</div><div class="roi-item-val" id="r-annual">$12,012</div></div>
|
||
<div class="roi-item"><div class="roi-item-label">Payback Period</div><div class="roi-item-val" id="r-payback">~9 days</div></div>
|
||
<div class="roi-item"><div class="roi-item-label">3-Year Total</div><div class="roi-item-val" id="r-3yr">$36,036</div></div>
|
||
<div class="roi-item"><div class="roi-item-label">LynkedUp Cost</div><div class="roi-item-val">$2000<span style="font-size:13px;color:var(--muted)">/mo</span></div></div>
|
||
</div>
|
||
<a href="https://book.lynkeduppro.com/" class="btn-primary" style="display:block;text-align:center;font-size:15px;padding:14px;margin-top:4px">Lock In My Savings →</a>
|
||
<p style="font-size:12px;color:var(--muted);text-align:center;margin-top:8px">No contracts · Cancel anytime · Free onboarding</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- ══ CTA STRIP ══ -->
|
||
<section class="cta-strip">
|
||
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1486325212027-8081e485255e?w=1800&q=80');filter:brightness(.09) saturate(.38)"></div>
|
||
<div class="bg-ov" style="background:linear-gradient(135deg,rgba(5,8,15,.97) 0%,rgba(2,12,6,.97) 100%)"></div>
|
||
<div style="position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:700px;height:360px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,229,160,.06),transparent 70%);z-index:1;pointer-events:none"></div>
|
||
<div class="wrap">
|
||
<div class="strip-tag" style="background:rgba(0,229,160,.08);border:1px solid rgba(0,229,160,.22);color:var(--green)">
|
||
<span class="strip-tdot" style="background:var(--green)"></span>
|
||
One flat price replaces everything below
|
||
</div>
|
||
<h2>Your Next Invoice<br>Could Be <span style="color:var(--green)">$2000.</span><br><span style="color:var(--orange)">Not $1,300.</span></h2>
|
||
<p>EagleView. JobNimbus. SalesRabbit. A billing tool. A proposal tool. One by one they add up to $1,300+ a month, and none of them were designed for roofing. LynkedUp Pro replaces them all.</p>
|
||
<div class="smet-row"><div class="smet" style="border:1px solid rgba(239,68,68,.22)"><div class="smet-v" style="color:var(--red)">$1,300+</div><div class="smet-l">Current tool stack avg</div></div><div class="smet" style="border:1px solid rgba(0,229,160,.22)"><div class="smet-v" style="color:var(--green)">$2000</div><div class="smet-l">LynkedUp Pro flat rate</div></div><div class="smet" style="border:1px solid rgba(245,158,11,.22)"><div class="smet-v" style="color:var(--orange)">$951</div><div class="smet-l">Monthly savings</div></div><div class="smet" style="border:1px solid rgba(255,255,255,.1)"><div class="smet-v" style="color:#fff">30 days</div><div class="smet-l">Money-back guarantee</div></div></div>
|
||
<div class="strip-btns">
|
||
<a href="https://book.lynkeduppro.com/" class="btn-primary">Lock In My $2000 Rate →</a>
|
||
|
||
</div>
|
||
<div class="strip-trust">
|
||
<span><b>✅</b> No credit card</span>
|
||
<span><b>✅</b> Free 30-min demo</span>
|
||
<span><b>✅</b> 30-day guarantee</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<!-- TESTIMONIALS + GUARANTEE -->
|
||
<section class="test-section" id="testimonials">
|
||
<div class="container reveal">
|
||
<div class="s-label">Real Results</div>
|
||
<h2 class="s-title">+43% Close Rate.<br><span style="color:var(--green)">$2,100 Saved.</span><br>11 Contracts in a Day.</h2>
|
||
<div class="test-grid">
|
||
<div class="test-card featured">
|
||
<div class="test-result"><div class="tr-num">+43%</div><div class="tr-label">Close Rate</div></div>
|
||
<div class="stars">★★★★★</div>
|
||
<blockquote>"Switched from JobNimbus, and within 60 days our close rate jumped 43%. The hail alerts alone paid for the whole subscription in week one. I wish we'd had this two years ago."</blockquote>
|
||
<div class="test-author">
|
||
<div class="ta-av" style="background:linear-gradient(135deg,#0ea5e9,#00e5a0)">JR</div>
|
||
<div><div class="ta-name">Jason Rodriguez</div><div class="ta-role">Owner · Dallas, TX · 14-person crew</div></div>
|
||
</div>
|
||
<span style="position:absolute;right:10px;bottom:8px;font-size:11px;opacity:.5">*</span>
|
||
</div>
|
||
<div class="test-card">
|
||
<div class="test-result"><div class="tr-num">$2.1K</div><div class="tr-label">Saved/Month</div></div>
|
||
<div class="stars">★★★★★</div>
|
||
<blockquote>"Cut EagleView, JobNimbus, and SalesRabbit in one move. LynkedUp Pro replaced all three for less, and every insurance claim gets approved on the first submission now."</blockquote>
|
||
<div class="test-author">
|
||
<div class="ta-av" style="background:linear-gradient(135deg,#f59e0b,#ef4444)">MT</div>
|
||
<div><div class="ta-name">Marcus Thompson</div><div class="ta-role">Operations Manager · Fort Worth</div></div>
|
||
</div>
|
||
<span style="position:absolute;right:10px;bottom:8px;font-size:11px;opacity:.5">*</span>
|
||
</div>
|
||
<div class="test-card">
|
||
<div class="test-result"><div class="tr-num">17 min</div><div class="tr-label">Storm→Doors</div></div>
|
||
<div class="stars">★★★★★</div>
|
||
<blockquote>"Alert fired at 2:14 PM. Reps on doors by 2:31. By EOD we had 11 signed contracts. Our closest competitor showed up the next morning. That's the difference this makes."</blockquote>
|
||
<div class="test-author">
|
||
<div class="ta-av" style="background:linear-gradient(135deg,#a855f7,#0ea5e9)">SA</div>
|
||
<div><div class="ta-name">Sarah Alonzo</div><div class="ta-role">Business Development Manager · Houston, TX</div></div>
|
||
</div>
|
||
<span style="position:absolute;right:10px;bottom:8px;font-size:11px;opacity:.5">*</span>
|
||
</div>
|
||
</div>
|
||
<div class="guarantee">
|
||
<div class="g-seal"><div class="g-emoji">🛡️</div><div class="g-word">GUARANTEED</div></div>
|
||
<div>
|
||
<h3>30-Day Money-Back Guarantee</h3>
|
||
<p>Try LynkedUp Pro for 30 days. If you don't save at least the cost of your subscription in report fees alone, we'll refund every cent. No questions. No hoops. No risk.</p>
|
||
<div class="g-items">
|
||
<span class="g-item">✅ No credit card to start</span>
|
||
<span class="g-item">✅ Full refund, no questions asked</span>
|
||
<span class="g-item">✅ Keep your data regardless</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FAQ -->
|
||
<section class="faq-section" id="faq">
|
||
<div class="container reveal">
|
||
<div class="s-label">Common Questions</div>
|
||
<h2 class="s-title" style="text-align:center">Got Questions?</h2>
|
||
<div class="faq-wrap">
|
||
<div class="faq-item open">
|
||
<button class="faq-q" onclick="toggleFaq(this)">How is this different from JobNimbus or AccuLynx?<div class="faq-icon">+</div></button>
|
||
<div class="faq-a"><p>JobNimbus was built for multi-trade contractors and charges extra for measurements and canvassing. AccuLynx charges per-user with no hail intelligence or LiDAR. LynkedUp Pro includes all 6 core systems - CRM, Measurements, Hail Intelligence, Proposals, Billing, and Scheduling - in one flat-rate subscription built only for roofers.</p></div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-q" onclick="toggleFaq(this)">Do I need my own drone?<div class="faq-icon">+</div></button>
|
||
<div class="faq-a"><p>Yes - drone hardware is not included but LynkedUp Pro works with DJI Mavic 3 and DJI Mini 4 Pro. Our software handles all scanning, processing, and report generation automatically. FAA Part 107 certification may be required for commercial drone use in your area.</p></div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-q" onclick="toggleFaq(this)">Are there any per-report or per-user fees?<div class="faq-icon">+</div></button>
|
||
<div class="faq-a"><p>None. Starter covers up to 3 users, Professional covers up to 15 - both flat monthly rates. Unlike EagleView ($15-$87 per report) or AccuLynx ($60-$120/user/month), you get unlimited reports and all features included in your tier. No surprises on your bill.</p></div>
|
||
</div>
|
||
<div class="faq-item">
|
||
<button class="faq-q" onclick="toggleFaq(this)">How long does onboarding take?<div class="faq-icon">+</div></button>
|
||
<div class="faq-a"><p>Most teams are fully onboarded and running within a week. Every plan includes a dedicated onboarding call, video walkthroughs, and live chat support. The Owners Box makes it easy to manage your whole team from day one - no IT required.</p></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FINAL CTA -->
|
||
<section class="cta-band has-bg" id="demo">
|
||
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1504309092620-4d0ec726efa4?w=1800&q=80');filter:brightness(.08) saturate(.3)"></div>
|
||
<div class="bg-ov" style="background:linear-gradient(135deg,rgba(0,200,255,.04),rgba(0,229,160,.03),rgba(245,158,11,.04))"></div>
|
||
<div class="container" style="position:relative;z-index:1">
|
||
<div class="cta-scarcity">🔥 Only 12 Founding Member Spots Remaining</div>
|
||
<h2>Storm Season<br>Is Coming. Will You<br>Be <em>Ready This Time?</em></h2>
|
||
<p>Every storm season on five broken tools is money left on the table. LynkedUp Pro pays for itself in the first storm week.</p>
|
||
<div class="cta-countdown">
|
||
<div class="cd-unit"><span class="cd-num" id="cd-d">02</span><span class="cd-label">Days</span></div>
|
||
<span class="cd-sep">:</span>
|
||
<div class="cd-unit"><span class="cd-num" id="cd-h">14</span><span class="cd-label">Hours</span></div>
|
||
<span class="cd-sep">:</span>
|
||
<div class="cd-unit"><span class="cd-num" id="cd-m">37</span><span class="cd-label">Mins</span></div>
|
||
<span class="cd-sep">:</span>
|
||
<div class="cd-unit"><span class="cd-num" id="cd-s">44</span><span class="cd-label">Secs</span></div>
|
||
</div>
|
||
<div class="cta-form">
|
||
|
||
<a href="https://book.lynkeduppro.com/" class="btn-primary">Book a demo →</a>
|
||
</div>
|
||
<div class="cta-micro">
|
||
<span>✅ No credit card</span>
|
||
<span>✅ Free onboarding</span>
|
||
<span>✅ 30-day guarantee</span>
|
||
<span>✅ Cancel anytime</span>
|
||
</div>
|
||
<div class="cta-proof-row">
|
||
<div class="cp-item"><div class="cp-num">$0</div><div class="cp-label">Per-Report Fee</div></div>
|
||
<div style="width:1px;background:var(--border)"></div>
|
||
<div class="cp-item"><div class="cp-num">4 min</div><div class="cp-label">Scan to Report</div></div>
|
||
<div style="width:1px;background:var(--border)"></div>
|
||
<div class="cp-item"><div class="cp-num" style="color:var(--orange)">$2000</div><div class="cp-label">Flat Rate / Month</div></div>
|
||
<div style="width:1px;background:var(--border)"></div>
|
||
<div class="cp-item"><div class="cp-num" style="color:var(--green)">4.9★</div><div class="cp-label">Beta Crew Rating</div></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FOOTER -->
|
||
<footer>
|
||
<div class="footer-inner">
|
||
|
||
<div class="footer-bottom">
|
||
<p>© 2026 LynkedUp Pro. All rights reserved. One System. Built for Roofing.</p>
|
||
<p>Beating EagleView · JobNimbus · AccuLynx · SalesRabbit · RoofLink</p>
|
||
<p style="font-size:11px;opacity:.6;margin-top:10px">* Testimonials and figures shown are illustrative and reflect beta-period results; individual results vary.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<div class="mob-sticky">
|
||
<a href="https://book.lynkeduppro.com/" class="p">Book a demo</a>
|
||
<a href="#roi" class="s">See ROI</a>
|
||
</div>
|
||
|
||
<script>
|
||
// Scroll reveal
|
||
const obs=new IntersectionObserver(e=>{e.forEach(el=>{if(el.isIntersecting)el.target.classList.add('visible')})},{threshold:.1});
|
||
document.querySelectorAll('.reveal').forEach(el=>obs.observe(el));
|
||
|
||
// Nav shrink
|
||
window.addEventListener('scroll',()=>{const n=document.getElementById('topnav');n.style.padding=window.scrollY>60?'10px 48px':'16px 48px'});
|
||
|
||
// Feature tabs
|
||
function switchFtab(id,btn){
|
||
document.querySelectorAll('.ftab').forEach(b=>b.classList.remove('active'));
|
||
document.querySelectorAll('.fpanel').forEach(p=>p.classList.remove('active'));
|
||
btn.classList.add('active');
|
||
document.getElementById('f-'+id).classList.add('active');
|
||
}
|
||
|
||
// FAQ
|
||
function toggleFaq(btn){
|
||
const item=btn.closest('.faq-item');const isOpen=item.classList.contains('open');
|
||
document.querySelectorAll('.faq-item.open').forEach(i=>i.classList.remove('open'));
|
||
if(!isOpen)item.classList.add('open');
|
||
}
|
||
|
||
// ROI
|
||
function fmt(n){return'$'+Math.round(n).toLocaleString()}
|
||
function roi(){
|
||
const r=+document.getElementById('s-r').value;
|
||
const rc=+document.getElementById('s-rc').value;
|
||
const c=+document.getElementById('s-c').value;
|
||
const cv=+document.getElementById('s-cv').value;
|
||
const u=+document.getElementById('s-u').value;
|
||
document.getElementById('l-r').textContent=r+' reports';
|
||
document.getElementById('l-rc').textContent='$'+rc+'/report';
|
||
document.getElementById('l-c').textContent='$'+c+'/mo';
|
||
document.getElementById('l-cv').textContent='$'+cv+'/mo';
|
||
document.getElementById('l-u').textContent=u+' users';
|
||
const rf=r*rc,pu=u*25,tot=rf+c+cv+pu,saved=tot-349;
|
||
document.getElementById('b-r').textContent=fmt(rf);
|
||
document.getElementById('b-c').textContent=fmt(c);
|
||
document.getElementById('b-cv').textContent=fmt(cv);
|
||
document.getElementById('b-u').textContent=fmt(pu);
|
||
document.getElementById('b-tot').textContent=fmt(tot);
|
||
const s=Math.max(0,saved);
|
||
document.getElementById('r-monthly').textContent=s>0?fmt(s):'$0';
|
||
document.getElementById('r-annual').textContent=s>0?fmt(s*12):'$0';
|
||
document.getElementById('r-payback').textContent=s>0?'~'+Math.max(1,Math.round(349/s*30))+' days':'Already saving';
|
||
document.getElementById('r-3yr').textContent=s>0?fmt(s*36):'$0';
|
||
}
|
||
roi();
|
||
|
||
// Countdown (shared)
|
||
const target=new Date(Date.now()+(2*86400+14*3600+37*60+44)*1000);
|
||
function tick(){
|
||
const diff=target-Date.now();
|
||
if(diff<=0)return;
|
||
const d=String(Math.floor(diff/86400000)).padStart(2,'0');
|
||
const h=String(Math.floor(diff%86400000/3600000)).padStart(2,'0');
|
||
const m=String(Math.floor(diff%3600000/60000)).padStart(2,'0');
|
||
const s=String(Math.floor(diff%60000/1000)).padStart(2,'0');
|
||
['ub-d','cd-d'].forEach(id=>{const el=document.getElementById(id);if(el)el.textContent=d});
|
||
['ub-h','cd-h'].forEach(id=>{const el=document.getElementById(id);if(el)el.textContent=h});
|
||
['ub-m','cd-m'].forEach(id=>{const el=document.getElementById(id);if(el)el.textContent=m});
|
||
['ub-s','cd-s'].forEach(id=>{const el=document.getElementById(id);if(el)el.textContent=s});
|
||
}
|
||
tick();setInterval(tick,1000);
|
||
|
||
// Smooth scroll
|
||
document.querySelectorAll('a[href^="#"]').forEach(a=>{
|
||
a.addEventListener('click',function(e){
|
||
const t=document.querySelector(this.getAttribute('href'));
|
||
if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth',block:'start'});}
|
||
});
|
||
});
|
||
</script>
|
||
<!-- FLOATING LIFETIME DEAL BUTTON -->
|
||
<a href="#pricing" id="floatingDealBtn">
|
||
🔥 Founders Lifetime Deal - $2000
|
||
</a>
|
||
|
||
<style>
|
||
#floatingDealBtn {
|
||
position: fixed;
|
||
right: 24px;
|
||
bottom: 24px;
|
||
background: linear-gradient(135deg,#0ea5e9,#2563eb);
|
||
color: white;
|
||
padding: 16px 24px;
|
||
border-radius: 999px;
|
||
text-decoration: none;
|
||
font-weight: 700;
|
||
font-size: 15px;
|
||
box-shadow: 0 10px 30px rgba(14,165,233,0.35);
|
||
z-index: 9999;
|
||
transition: all 0.3s ease;
|
||
animation: floatPulse 2s infinite;
|
||
}
|
||
|
||
#floatingDealBtn:hover {
|
||
transform: translateY(-4px) scale(1.03);
|
||
box-shadow: 0 16px 40px rgba(14,165,233,0.45);
|
||
}
|
||
|
||
@keyframes floatPulse {
|
||
0% {
|
||
transform: translateY(0px);
|
||
}
|
||
50% {
|
||
transform: translateY(-6px);
|
||
}
|
||
100% {
|
||
transform: translateY(0px);
|
||
}
|
||
}
|
||
|
||
@media(max-width:768px) {
|
||
#floatingDealBtn {
|
||
right: 16px;
|
||
bottom: 16px;
|
||
padding: 14px 18px;
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
</style>
|
||
|
||
<!-- Hosted checkout (Stripe) for the "Claim Founders Lifetime Deal" button -->
|
||
<script src="/square-checkout.js"></script>
|
||
|
||
</body>
|
||
</html>
|