:root{
  --ink:#07111f;--muted:#64748b;--line:rgba(15,23,42,.1);--soft:#f8fafc;--white:#fff;
  --blue:#2563eb;--cyan:#06b6d4;--violet:#7c3aed;--amber:#f59e0b;--green:#16a34a;--rose:#f43f5e;
  --shadow:0 28px 90px rgba(2,8,23,.18);--shadow-sm:0 12px 34px rgba(15,23,42,.08);--radius:26px;--max:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.section{padding:96px 0}img{max-width:100%;display:block}
.announcement-banner{background:linear-gradient(90deg,#0ea5e9,#7c3aed,#f59e0b);background-size:220% 100%;animation:shift 8s ease infinite;text-align:center;padding:10px 16px}.announcement-banner a{color:white;font-weight:800;font-size:14px}.announcement-banner strong{color:#fff7ed}@keyframes shift{50%{background-position:100% 50%}}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px max(24px,calc((100vw - var(--max))/2));background:rgba(7,17,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);color:white}.brand{display:flex;align-items:center;gap:12px;font-size:42px;font-weight:900;letter-spacing:-.04em}.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:17px;background:linear-gradient(135deg,var(--cyan),var(--blue),var(--violet));box-shadow:0 12px 28px rgba(37,99,235,.35)}.nav{display:flex;gap:28px;font-size:16px;font-weight:700;color:rgba(255,255,255,.68)}.nav a:hover{color:white}.nav-cta{padding:11px 18px;border-radius:999px;background:white;color:#0f172a;font-weight:900;font-size:15px;box-shadow:0 12px 28px rgba(255,255,255,.13)}
h1,h2,h3{line-height:1.05;letter-spacing:-.045em}h1{font-size:clamp(52px,7vw,92px);font-weight:900}h2{font-size:clamp(34px,4.7vw,58px);font-weight:900}h3{font-size:22px;font-weight:850}.eyebrow{display:inline-flex;margin-bottom:14px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.section-heading p{margin-top:16px;font-size:18px;color:var(--muted)}.center{text-align:center;margin-inline:auto;max-width:720px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:16px;font-size:16px;font-weight:900;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 20px 46px rgba(37,99,235,.32)}.btn-secondary{color:white;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.hero{position:relative;overflow:hidden;padding:122px 0 108px;color:white;background:radial-gradient(circle at 14% 18%,rgba(6,182,212,.34),transparent 26%),radial-gradient(circle at 82% 18%,rgba(124,58,237,.42),transparent 25%),radial-gradient(circle at 72% 78%,rgba(245,158,11,.26),transparent 22%),linear-gradient(135deg,#06111f 0%,#0d1b3d 48%,#160b34 100%)}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent)}.orb{position:absolute;border-radius:999px;filter:blur(22px);opacity:.7}.orb-one{width:240px;height:240px;background:#06b6d4;right:38%;top:80px}.orb-two{width:260px;height:260px;background:#7c3aed;right:8%;bottom:100px}.hero-inner{position:relative;display:grid;grid-template-columns:1.02fr .9fr;gap:56px;align-items:center}.hero-badge{display:inline-flex;gap:10px;align-items:center;padding:8px 10px 8px 16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;margin-bottom:22px;font-size:14px;font-weight:800}.hero-badge b{background:#fff;color:#0f172a;border-radius:999px;padding:5px 10px;font-size:12px}.hero-subtitle{margin:22px 0 30px;max-width:650px;font-size:21px;color:rgba(255,255,255,.75)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;color:rgba(255,255,255,.72);font-weight:750;font-size:14px}
.hero-visual{position:relative;min-height:650px;display:grid;place-items:center}.phone-shell{width:334px;padding:12px;border-radius:46px;background:linear-gradient(145deg,#fff,#1e293b);box-shadow:var(--shadow);transform:rotate(3deg)}.phone-screen{min-height:620px;border-radius:36px;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#eef6ff);padding:14px;color:#0f172a}.phone-status,.app-top,.job-row{display:flex;justify-content:space-between;align-items:center}.phone-status{height:34px;font-size:13px;font-weight:850}.island{width:88px;height:24px;border-radius:999px;background:#020617}.app-top{padding:16px;background:#fff;border-radius:24px;box-shadow:var(--shadow-sm)}.app-top small{display:block;color:var(--muted);font-weight:750}.app-top strong{font-size:20px}.live-dot{background:#dcfce7;color:#15803d;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}.job-card{margin-top:14px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:white}.job-row b{font-size:22px}.progress{height:8px;border-radius:999px;background:rgba(255,255,255,.24);margin-top:12px;overflow:hidden}.progress i{display:block;width:78%;height:100%;background:white;border-radius:999px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.metric-grid div{background:white;border-radius:20px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.06)}.metric-grid span,.finding-card span,.mini-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:900}.metric-grid strong{display:block;font-size:24px;letter-spacing:-.04em}.metric-grid em{font-style:normal;font-size:12px;font-weight:900;color:var(--green)}.metric-grid .warn{color:#ea580c}.finding-card{display:flex;gap:12px;align-items:center;background:white;border-radius:22px;padding:12px;margin-top:12px;box-shadow:0 10px 24px rgba(15,23,42,.06)}.photo-thumb{width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,#f59e0b,#ef4444)}.finding-card b{display:block}.report-btn{margin-top:14px;padding:15px;border-radius:18px;text-align:center;color:white;font-weight:950;background:#07111f}.floating-card{position:absolute;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-sm);border-radius:22px;padding:18px;color:#0f172a}.floating-card strong{display:block;font-size:22px;letter-spacing:-.04em}.floating-card small{color:var(--muted);font-weight:750}.quote-card{top:70px;left:10px}.report-card{right:0;bottom:100px}
.logo-strip{padding:20px 0;background:#07111f;color:white}.strip-inner{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;font-weight:900;color:rgba(255,255,255,.76)}.strip-inner i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet))}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:start}.pain{background:linear-gradient(180deg,#fff,#f8fafc)}.pain-list{display:grid;gap:16px}.pain-list article{padding:24px;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.pain-list span{color:var(--blue);font-weight:950}.pain-list h3{margin:6px 0}.pain-list p{color:var(--muted)}
.workflow{background:#fff}.workflow-grid{margin-top:46px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.workflow-card{padding:28px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.workflow-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--blue)}.workflow-card .icon{font-size:34px;margin-bottom:18px}.workflow-card p{margin-top:12px;color:var(--muted)}.accent-cyan:before{background:var(--cyan)}.accent-violet:before{background:var(--violet)}.accent-amber:before{background:var(--amber)}
.hvac{background:linear-gradient(135deg,#07111f,#0f1d3d);color:white}.hvac-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.hvac p{color:rgba(255,255,255,.7);font-size:18px;margin-top:16px}.tool-cloud{display:flex;flex-wrap:wrap;gap:10px}.tool-cloud span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:850;color:rgba(255,255,255,.82)}
.founding{background:linear-gradient(180deg,#f8fafc,#fff)}.founding-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.founding-copy p{font-size:18px;color:var(--muted);margin-top:16px}.spots-counter{display:inline-flex;align-items:baseline;gap:10px;margin-top:26px;padding:16px 20px;border-radius:22px;background:#fff7ed;border:1px solid #fed7aa}.spots-counter strong{font-size:44px;color:#ea580c}.spots-counter span{font-weight:900;color:#9a3412}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.benefit-grid article{padding:24px;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.benefit-grid b{display:block;font-size:18px}.benefit-grid span{display:block;margin-top:8px;color:var(--muted)}
.pricing{background:linear-gradient(180deg,#f8fafc,#fff)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:820px;margin:46px auto 0}.pricing-card{position:relative;padding:38px 32px;border-radius:28px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;text-align:center}.pricing-card.featured{border:2px solid var(--blue);box-shadow:0 28px 60px rgba(37,99,235,.14)}.pricing-popular{position:absolute;top:-14px;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--violet));color:white;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.pricing-badge{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.pricing-card.featured .pricing-badge{margin-top:10px}.pricing-amount{display:flex;align-items:baseline;gap:2px}.pricing-amount .currency{font-size:28px;font-weight:900;color:var(--ink)}.pricing-amount .price{font-size:64px;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--ink)}.pricing-amount .period{font-size:18px;font-weight:700;color:var(--muted)}.pricing-annual{margin-top:6px;font-size:14px;color:var(--muted);font-weight:700}.pricing-annual span{color:var(--green);font-weight:800}.pricing-features{list-style:none;margin:28px 0;text-align:left;width:100%}.pricing-features li{padding:10px 0;border-bottom:1px solid var(--line);font-weight:600;color:#334155;font-size:15px}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓ ";color:var(--blue);font-weight:900}.pricing-card .btn{width:100%;margin-top:auto}.pricing-note{text-align:center;margin-top:28px;color:var(--muted);font-weight:700;font-size:15px}
.founder{background:#fff}.founder-card{display:grid;grid-template-columns:100px 1fr;gap:28px;align-items:center;padding:38px;border-radius:34px;background:linear-gradient(135deg,#eef6ff,#faf5ff);border:1px solid var(--line)}.avatar{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));color:white;font-weight:950;font-size:25px}.founder-card p{max-width:780px;color:var(--muted);font-size:18px;margin:12px 0}.founder-card a{color:var(--blue);font-weight:900}
.apply{background:radial-gradient(circle at 20% 10%,rgba(6,182,212,.16),transparent 26%),linear-gradient(180deg,#07111f,#0c1933);color:white}.apply-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}.apply-copy p{color:rgba(255,255,255,.72);font-size:19px;margin:18px 0}.apply-copy ul{list-style:none;display:grid;gap:12px;color:rgba(255,255,255,.8);font-weight:800}.apply-copy li:before{content:"✓ ";color:#67e8f9}.lead-form-wrapper{background:white;color:#0f172a;border-radius:30px;padding:30px;box-shadow:var(--shadow)}.lead-form-wrapper>p{color:var(--muted);margin:8px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;font-size:13px;font-weight:900;margin-bottom:7px;color:#334155}.form-group input,.form-group select{width:100%;height:52px;border:1px solid var(--line);border-radius:15px;padding:0 14px;background:#f8fafc;color:#0f172a;font-weight:700}.form-group input:focus,.form-group select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.12);background:white}.form-submit{grid-column:1/-1}.form-submit .btn{width:100%;border:0}#form-msg{text-align:center;min-height:22px;margin-top:12px;font-weight:850}.success{color:var(--green)}.error{color:#ef4444}
.faq{background:#f8fafc}.faq-list{max-width:780px;margin:38px auto 0;display:grid;gap:12px}.faq-list details{background:white;border:1px solid var(--line);border-radius:18px;padding:20px 24px;box-shadow:var(--shadow-sm)}.faq-list summary{cursor:pointer;font-weight:900;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:"+";color:var(--blue);font-size:22px}.faq-list details[open] summary:after{content:"−"}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{margin-top:12px;color:var(--muted)}
.site-footer{padding:58px 0 30px;background:#07111f;color:white}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:38px}.site-footer p,.copyright{color:rgba(255,255,255,.52)}.site-footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:14px}.site-footer a:not(.brand){display:block;color:rgba(255,255,255,.68);margin-bottom:10px;font-weight:700}.copyright{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}.site-footer .brand{font-size:24px}.site-footer .brand-mark{width:34px;height:34px;font-size:11px}.sticky-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:12px 16px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.sticky-cta .btn{width:100%}
@media(max-width:980px){.nav{display:none}.hero-inner,.split,.hvac-panel,.founding-inner,.apply-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:420px}.hero-copy{text-align:center}.hero-subtitle{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.workflow-grid{grid-template-columns:1fr 1fr}.hero-visual{min-height:560px}.footer-grid{grid-template-columns:1fr}}
@media(max-width:640px){.container{width:min(100% - 32px,var(--max))}.section{padding:68px 0}.announcement-banner a{font-size:12px}.site-header{padding:12px 16px}.brand{font-size:26px}.brand-mark{width:38px;height:38px}.nav-cta{display:none}.hero{padding:82px 0 68px}.hero-visual{display:none}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.workflow-grid,.benefit-grid,.form-grid{grid-template-columns:1fr}.founder-card{grid-template-columns:1fr;padding:26px}.lead-form-wrapper{padding:24px 18px}.sticky-cta{display:block}.site-footer{padding-bottom:86px}h1{font-size:48px}}


/* =========================================================
   V5 final hero: real iPad dashboard with user + charts
   ========================================================= */
.hero{padding:112px 0 78px !important;}
.hero-inner{
  width:min(1440px,calc(100% - 80px)) !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:minmax(430px,42%) minmax(760px,58%) !important;
  gap:34px !important;
  align-items:center !important;
}
.hero-copy{position:relative;z-index:20;max-width:520px !important}
.hero-copy h1{
  max-width:520px !important;
  font-size:clamp(58px,5.7vw,90px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
}
.gradient-word{
  display:inline-block;
  background:linear-gradient(135deg,#0ea5ff 0%,#2563eb 45%,#9b5cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-subtitle{max-width:520px !important;font-size:19px !important;line-height:1.55 !important}
.device-hero-v5{position:relative;min-height:700px !important;display:block;overflow:visible;isolation:isolate;transform:translateX(22px)}
.device-glow-v5{
  position:absolute;width:700px;height:560px;right:20px;top:12px;border-radius:50%;
  background:radial-gradient(circle,rgba(14,165,233,.55) 0%,rgba(37,99,235,.22) 40%,transparent 72%);
  filter:blur(18px);z-index:0;
}
.ipad-v5{
  position:absolute;right:-118px;top:44px;width:820px;height:552px;padding:13px;border-radius:44px;
  background:linear-gradient(145deg,#eef5ff 0%,#7e8faa 44%,#f8fbff 62%,#1f2937 100%);
  box-shadow:0 44px 105px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.8),inset 0 0 0 5px rgba(148,163,184,.24);
  transform:rotate(2.1deg);z-index:1;
}
.ipad-v5:before{content:"";position:absolute;inset:8px;border-radius:35px;background:#020617;z-index:0}
.ipad-camera-v5{
  position:absolute;right:12px;top:50%;width:8px;height:8px;border-radius:50%;background:#111827;
  box-shadow:0 0 0 3px rgba(255,255,255,.16);transform:translateY(-50%);z-index:4;
}
.ipad-screen-v5{
  position:relative;z-index:1;height:100%;display:grid;grid-template-columns:150px 1fr;overflow:hidden;
  border:10px solid #020617;border-radius:31px;background:#f7fbff;color:#07111f;
}
.ipad-sidebar-v5{
  display:flex;flex-direction:column;padding:25px 15px;background:linear-gradient(180deg,#071327,#0b1830);color:white;min-width:0;
}
.ipad-brand-v5{display:flex;align-items:center;gap:9px;margin-bottom:18px;font-size:13px}
.ipad-brand-v5 span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--cyan),var(--blue),var(--violet));font-weight:950;color:white}
.ipad-nav-v5{display:grid;gap:5px}
.ipad-nav-v5 span{padding:7px 9px;border-radius:10px;color:rgba(255,255,255,.72);font-size:11px;font-weight:750;white-space:nowrap}
.ipad-nav-v5 span.active{background:rgba(37,99,235,.38);color:white}
.ipad-user-v5{
  margin-top:auto;display:flex;align-items:center;gap:9px;padding:10px;border-radius:15px;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.08);
}
.user-avatar-v5{
  width:30px;height:30px;border-radius:50%;flex:0 0 auto;
  background:radial-gradient(circle at 50% 35%,#ffd7a8 0 20%,transparent 21%),radial-gradient(circle at 50% 78%,#ef4444 0 32%,transparent 33%),linear-gradient(135deg,#334155,#0f172a);
  box-shadow:0 0 0 2px rgba(255,255,255,.14);
}
.ipad-user-v5 b,.ipad-user-v5 small{display:block;line-height:1.1;white-space:nowrap}
.ipad-user-v5 b{font-size:10px;color:white}
.ipad-user-v5 small{font-size:9px;color:rgba(255,255,255,.58);font-weight:800}
.dashboard-v5{padding:28px 32px;background:linear-gradient(180deg,#fff,#f3f7ff);min-width:0}
.dash-header-v5{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}
.dash-header-v5 b,.dash-header-v5 small{display:block}
.dash-header-v5 b{color:#111827;font-size:14px;font-weight:900}
.dash-header-v5 small{color:#64748b;font-size:12px;font-weight:700;margin-top:5px}
.dash-header-v5 button,.panel-title-v5 button{border:1px solid #e2e8f0;background:white;border-radius:10px;padding:9px 12px;color:#334155;font-weight:850;font-size:11px}
.kpi-row-v5{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}
.kpi-row-v5 article,.panel-v5{background:white;border:1px solid rgba(15,23,42,.07);border-radius:16px;box-shadow:0 10px 26px rgba(15,23,42,.06)}
.kpi-row-v5 article{padding:13px}
.kpi-row-v5 small{display:block;color:#64748b;font-size:11px;font-weight:800}
.kpi-row-v5 b{display:block;margin:5px 0 1px;font-size:21px;letter-spacing:-.04em}
.kpi-row-v5 span{display:block;color:#64748b;font-size:10px;font-weight:750}
.kpi-row-v5 .green{color:#16a34a}
.dash-grid-v5{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel-v5{padding:14px;min-height:145px}
.panel-title-v5{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12px}
.panel-title-v5 a{color:#2563eb;font-size:10px;font-weight:850}
.schedule-item-v5{display:grid;grid-template-columns:54px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #eef2f7}
.schedule-item-v5:first-of-type{border-top:0}
.schedule-item-v5 time{color:#64748b;font-size:10px;font-weight:800}
.schedule-item-v5 b,.report-item-v5 b{display:block;font-size:11px}
.schedule-item-v5 small,.report-item-v5 small{display:block;color:#64748b;font-size:9px;font-weight:750}
.schedule-item-v5 em{border-radius:999px;background:#eef4ff;color:#2859c5;padding:5px 8px;font-size:9px;font-weight:900;font-style:normal}
.report-item-v5{display:grid;grid-template-columns:38px 1fr 44px;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #eef2f7}
.report-item-v5:first-of-type{border-top:0}
.report-item-v5 i{width:38px;height:31px;border-radius:8px;background:linear-gradient(135deg,#a3a3a3,#334155)}
.report-item-v5 time{color:#64748b;font-size:9px;font-weight:700}
.revenue-v5 strong{display:block;font-size:22px;letter-spacing:-.05em}
.revenue-v5>span{color:#16a34a;font-size:10px;font-weight:900}
.line-chart-v5{width:100%;height:82px;margin-top:8px;border-radius:14px;background:repeating-linear-gradient(to right,rgba(148,163,184,.16) 0 1px,transparent 1px 36px),repeating-linear-gradient(to top,rgba(148,163,184,.16) 0 1px,transparent 1px 20px),#f8fbff;overflow:hidden}
.line-chart-v5 .area{fill:url(#lineFillV5)}
.line-chart-v5 .line{fill:none;stroke:#2563eb;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.donut-content-v5{display:flex;align-items:center;gap:14px}
.donut-v5{width:92px;height:92px;border-radius:50%;background:conic-gradient(#2563eb 0 45%,#06b6d4 45% 75%,#16a34a 75% 90%,#f59e0b 90% 100%);position:relative;box-shadow:0 12px 24px rgba(37,99,235,.16);flex:0 0 auto}
.donut-v5:after{content:"";position:absolute;inset:25px;background:white;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(15,23,42,.06)}
.donut-panel-v5 ul{list-style:none;display:grid;gap:7px;flex:1}
.donut-panel-v5 li{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;color:#334155;font-size:10px;font-weight:750}
.donut-panel-v5 li i{width:8px;height:8px;border-radius:50%;background:#2563eb}
.donut-panel-v5 li:nth-child(2) i{background:#06b6d4}.donut-panel-v5 li:nth-child(3) i{background:#16a34a}.donut-panel-v5 li:nth-child(4) i{background:#f59e0b}
.bars-v5{height:32px;margin-top:10px;border-radius:9px;border:1px solid #eef2f7;background:#f8fbff;display:flex;align-items:end;gap:10px;padding:5px 10px}
.bars-v5 i{width:14px;border-radius:4px 4px 0 0;background:#2563eb}
.bars-v5 i:nth-child(1){height:84%}.bars-v5 i:nth-child(2){height:62%;background:#06b6d4}.bars-v5 i:nth-child(3){height:44%;background:#16a34a}.bars-v5 i:nth-child(4){height:30%;background:#f59e0b}
.iphone-v5{position:absolute;left:auto;right:-158px;bottom:86px;z-index:7;transform:rotate(2.4deg) scale(.82)}
.iphone-v5 .phone-shell{width:252px;padding:9px;border-radius:38px;transform:none;background:linear-gradient(145deg,#f8fafc,#111827 64%,#020617);box-shadow:0 34px 80px rgba(0,0,0,.55)}
.iphone-v5 .phone-screen{min-height:470px;border-radius:30px;padding:11px}
.iphone-v5 .phone-status{height:27px;font-size:10px}.iphone-v5 .island{width:66px;height:19px}
.iphone-v5 .app-top{padding:12px;border-radius:18px}.iphone-v5 .app-top small{font-size:9px}.iphone-v5 .app-top strong{font-size:14px}
.iphone-v5 .live-dot{font-size:9px;padding:4px 7px}.iphone-v5 .job-card{margin-top:10px;padding:13px;border-radius:17px}
.iphone-v5 .job-row span{font-size:12px}.iphone-v5 .job-row b{font-size:18px}.iphone-v5 .metric-grid{gap:8px;margin-top:9px}
.iphone-v5 .metric-grid div{border-radius:15px;padding:10px}.iphone-v5 .metric-grid span,.iphone-v5 .finding-card span{font-size:8px}
.iphone-v5 .metric-grid strong{font-size:18px}.iphone-v5 .metric-grid em{font-size:9px}
.iphone-v5 .finding-card{border-radius:16px;padding:9px;gap:9px;margin-top:9px}.iphone-v5 .photo-thumb{width:42px;height:42px;border-radius:11px}
.iphone-v5 .finding-card b{font-size:11px}
.mini-report-v5{margin-top:10px;padding:10px;border-radius:16px;background:white;box-shadow:0 10px 24px rgba(15,23,42,.08)}
.mini-report-v5 b{display:block;font-size:12px;line-height:1.1}.mini-report-v5 span{display:block;color:#64748b;font-size:9px;font-weight:800;margin-top:3px}
.logo-strip{padding:18px 0 !important}
.site-header{padding-top:18px !important;padding-bottom:18px !important}.site-header .brand{font-size:34px !important}.site-header .brand-mark{width:44px !important;height:44px !important;border-radius:14px !important}
@media(max-width:1320px){
  .hero-inner{width:min(1320px,calc(100% - 64px)) !important;grid-template-columns:minmax(405px,40%) minmax(690px,60%) !important;gap:22px !important}
  .ipad-v5{width:760px;height:535px;right:-145px}.iphone-v5{right:-150px;transform:rotate(2.4deg) scale(.76)}
}
@media(max-width:1120px){
  .hero-inner{grid-template-columns:1fr !important}.hero-copy{text-align:center;margin-inline:auto}.device-hero-v5{transform:none}
  .ipad-v5{left:50%;right:auto;transform:translateX(-50%) rotate(2deg)}.iphone-v5{right:5%;bottom:70px}
}
@media(max-width:700px){.hero-inner{width:min(100% - 32px,var(--max)) !important}}


/* =========================================================
   V6 exact-like approved mockup polish
   - iPad dynamic island
   - user visible bottom-left
   - realistic report thumbnails
   - phone moved lower
   - charts emphasized
   ========================================================= */

.hero{
  padding:112px 0 70px !important;
}

.hero-inner{
  width:min(1480px,calc(100% - 80px)) !important;
  grid-template-columns:minmax(430px,40%) minmax(820px,60%) !important;
  gap:30px !important;
}

.device-hero-v5{
  min-height:720px !important;
  transform:translateX(10px) !important;
}

.ipad-v5{
  width:850px !important;
  height:575px !important;
  right:-112px !important;
  top:42px !important;
  transform:rotate(2.2deg) !important;
}

.ipad-island-v6{
  position:absolute;
  left:50%;
  top:28px;
  width:72px;
  height:18px;
  border-radius:999px;
  background:#020617;
  transform:translateX(-50%);
  z-index:8;
  box-shadow:
    0 1px 0 rgba(255,255,255,.14) inset,
    0 8px 16px rgba(0,0,0,.18);
}

.ipad-camera-v5{
  display:none !important;
}

.ipad-screen-v5{
  grid-template-columns:154px 1fr !important;
  border-width:11px !important;
  border-radius:32px !important;
}

.ipad-sidebar-v5{
  padding:26px 15px 18px !important;
}

.ipad-nav-v5{
  gap:6px !important;
}

.ipad-nav-v5 span{
  padding:8px 10px !important;
  font-size:11px !important;
}

.ipad-user-v5{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  margin-top:auto !important;
  padding:10px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(255,255,255,.08)) !important;
}

.user-avatar-v5{
  width:34px !important;
  height:34px !important;
  background:
    radial-gradient(circle at 50% 34%,#ffd7a8 0 19%,transparent 20%),
    radial-gradient(circle at 50% 78%,#ef4444 0 33%,transparent 34%),
    linear-gradient(135deg,#475569,#0f172a) !important;
}

.ipad-user-v5 b{
  font-size:11px !important;
}

.ipad-user-v5 small{
  font-size:9px !important;
}

.dashboard-v5{
  padding:38px 34px 28px !important;
}

.dash-header-v5{
  margin-bottom:20px !important;
}

.kpi-row-v5{
  grid-template-columns:repeat(4,1fr) !important;
  gap:13px !important;
}

.dash-grid-v5{
  gap:14px !important;
}

.panel-v5{
  min-height:154px !important;
}

.schedule-v5,
.reports-v5{
  min-height:180px !important;
}

.revenue-v5,
.donut-panel-v5{
  min-height:164px !important;
}

.report-item-v5{
  grid-template-columns:42px 1fr 52px !important;
  padding:6px 0 !important;
}

.report-item-v5 i{
  width:42px !important;
  height:34px !important;
  border-radius:9px !important;
  position:relative;
  overflow:hidden;
  background:#94a3b8 !important;
}

.report-item-v5 i::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:5px;
  background:rgba(255,255,255,.18);
}

.report-item-v5 i::after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  bottom:7px;
  height:8px;
  border-radius:999px;
  background:rgba(15,23,42,.28);
}

.report-item-v5 .thumb-ac{
  background:
    radial-gradient(circle at 72% 28%,rgba(255,255,255,.65) 0 10%,transparent 11%),
    linear-gradient(135deg,#64748b,#111827) !important;
}

.report-item-v5 .thumb-furnace{
  background:
    radial-gradient(circle at 38% 40%,rgba(255,255,255,.5) 0 16%,transparent 17%),
    linear-gradient(135deg,#d1d5db,#475569) !important;
}

.report-item-v5 .thumb-panel{
  background:
    linear-gradient(90deg,rgba(255,255,255,.2) 0 12%,transparent 13% 24%,rgba(255,255,255,.16) 25% 35%,transparent 36%),
    linear-gradient(135deg,#6b7280,#1f2937) !important;
}

.report-item-v5 .thumb-unit{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.35) 0 22%,transparent 23%),
    linear-gradient(135deg,#9ca3af,#334155) !important;
}

.line-chart-v5{
  height:88px !important;
}

.line-chart-v5 .line{
  stroke-width:5 !important;
}

.donut-v5{
  width:100px !important;
  height:100px !important;
}

.donut-v5::after{
  inset:27px !important;
}

.iphone-v5{
  right:-170px !important;
  bottom:52px !important;
  transform:rotate(2.3deg) scale(.78) !important;
}

.iphone-v5 .phone-shell{
  width:250px !important;
}

.device-glow-v5{
  right:8px !important;
  top:4px !important;
  width:720px !important;
  height:590px !important;
}

@media(max-width:1320px){
  .ipad-v5{
    width:790px !important;
    height:550px !important;
    right:-150px !important;
  }
  .iphone-v5{
    right:-158px !important;
    bottom:50px !important;
    transform:rotate(2.3deg) scale(.72) !important;
  }
}

@media(max-width:1120px){
  .ipad-v5{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) rotate(2deg) !important;
  }
  .iphone-v5{
    right:4% !important;
    bottom:46px !important;
  }
}