:root{
  --navy:#061426;--navy2:#0a1d33;--navy3:#0d2742;--ink:#f4f0e8;--muted:#9eacbc;
  --gold:#d7a94a;--gold2:#f1ca73;--line:rgba(215,169,74,.24);--soft:rgba(255,255,255,.04);
  --success:#6fd18d;--danger:#ef6c78;--shadow:0 26px 70px rgba(0,0,0,.38)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -20%,rgba(55,100,150,.14),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.01),transparent 20%);z-index:-3}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.15;z-index:-2;pointer-events:none}.ambient-one{width:520px;height:520px;background:#1b6db1;right:-230px;top:90px;opacity:.55}.ambient-two{width:420px;height:420px;background:#b88934;left:-240px;top:900px}.container{width:min(1200px,calc(100% - 40px));margin:auto}.section-pad{padding:110px 0}.compact{padding-top:70px}.alt-section{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.035),rgba(255,255,255,.018));border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(4,16,31,.82);backdrop-filter:blur(20px);border-bottom:1px solid rgba(215,169,74,.12)}.nav-shell{height:76px;width:min(1320px,calc(100% - 34px));margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--gold2);text-decoration:none;font-family:Georgia,serif;letter-spacing:.24em;font-size:18px}.brand img{width:36px;height:36px;border-radius:10px;object-fit:cover}.main-nav{display:flex;gap:28px;margin-left:auto}.main-nav a{color:#c7d0da;text-decoration:none;font-size:14px;transition:.2s}.main-nav a:hover{color:var(--gold2)}.nav-toggle{display:none;background:none;border:0;color:var(--ink);font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;text-decoration:none;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.25s;font-size:14px}.btn-gold{background:linear-gradient(135deg,#edc46e,#b87f27);color:#071426;box-shadow:0 8px 28px rgba(215,169,74,.19)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 13px 34px rgba(215,169,74,.28)}.btn-ghost{color:var(--ink);border-color:var(--line);background:rgba(255,255,255,.025)}.btn-ghost:hover{background:rgba(215,169,74,.08)}.full{width:100%}
.hero{padding-top:95px;min-height:780px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold2);font-size:12px;font-weight:800}.hero h1,.section-heading h2,.two-column h2,.security-shell h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.03;margin:17px 0 22px}.hero h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.035em}.hero h1 span{color:var(--gold2)}.hero-lead{color:#b7c2cf;font-size:19px;max-width:700px}.hero-actions{display:flex;gap:12px;margin:34px 0}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}.trust-row div{padding:15px 14px;border-left:1px solid var(--line)}.trust-row strong{display:block;color:var(--gold2);font-family:Georgia,serif;font-size:24px;font-weight:400}.trust-row span{color:var(--muted);font-size:12px}.hero-brand{text-align:center}.logo-frame{max-width:510px;margin:auto;border:1px solid var(--line);border-radius:30px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:var(--shadow)}.logo-frame img{width:100%;display:block;border-radius:22px}.status-pill{margin:20px auto 0;width:max-content;border:1px solid var(--line);border-radius:99px;padding:8px 14px;font-size:12px;color:#b8c2cc;background:rgba(255,255,255,.03)}.dot{display:inline-block;width:8px;height:8px;background:var(--success);border-radius:50%;margin-right:7px;box-shadow:0 0 14px var(--success)}
.section-heading{max-width:760px}.section-heading.centered{text-align:center;margin:0 auto 50px}.section-heading h2,.two-column h2,.security-shell h2{font-size:clamp(36px,4vw,57px);letter-spacing:-.025em}.section-heading p,.two-column p,.security-shell p{color:#aeb9c6;font-size:17px}.dashboard-window{border:1px solid rgba(215,169,74,.33);border-radius:22px;padding:8px;background:#05101d;box-shadow:0 45px 100px rgba(0,0,0,.42);overflow:hidden}.window-bar{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#738296;font-size:12px}.window-bar span{width:9px;height:9px;border-radius:50%;background:#2a3a4b}.window-bar span:nth-child(2){background:#8b6a31}.window-bar span:nth-child(3){background:#4a7458}.window-bar div{margin-left:8px}.dashboard-window img{display:block;width:100%;border-radius:15px}
.split-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.contract-chain{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:34px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}.chain-item{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0b2037;color:#bdc8d2;font-size:13px}.chain-item.active{border-color:var(--gold);color:var(--gold2)}.contract-chain>span{color:var(--gold);font-weight:bold}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.feature-card{padding:26px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));min-height:215px;transition:.25s}.feature-card:hover{transform:translateY(-2px);border-color:var(--line);box-shadow:0 18px 45px rgba(0,0,0,.22)}.feature-card .icon{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold2);font-size:21px;background:rgba(215,169,74,.06)}.feature-card h3{font-family:Georgia,serif;font-size:21px;font-weight:400;margin:18px 0 8px}.feature-card p{color:#9eacbb;font-size:14px;margin:0}
.bi-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.chart-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:#071a2e;box-shadow:0 20px 50px rgba(0,0,0,.2)}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.card-head small{display:block;color:#8e9dab;text-transform:uppercase;letter-spacing:.1em}.card-head strong{font-family:Georgia,serif;font-size:31px;font-weight:400}.positive{color:var(--success);font-size:13px}.line-chart{width:100%;height:245px;margin-top:14px}.gridline{stroke:rgba(255,255,255,.06);stroke-width:1}.area{fill:url(#area)}.line{fill:none;stroke:var(--gold2);stroke-width:4;stroke-linecap:round}.points circle{fill:var(--navy);stroke:var(--gold2);stroke-width:3}.chart-labels{display:flex;justify-content:space-between;color:#657487;font-size:12px}.donut-layout{display:flex;align-items:center;justify-content:center;gap:35px;min-height:245px}.donut{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) 0 38%,#517aa4 38% 65%,#2f9d82 65% 86%,#6d5a92 86% 100%);position:relative}.donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#071a2e}.donut>div{z-index:1;text-align:center}.donut strong{display:block;font-family:Georgia,serif;font-size:30px}.donut span{font-size:10px;color:#9dabb8}.legend{display:grid;gap:10px}.legend span{color:#aab5c1;font-size:13px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.l1{background:var(--gold)}.l2{background:#517aa4}.l3{background:#2f9d82}.l4{background:#6d5a92}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.metric{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.metric span,.metric small{display:block;color:#94a2b1}.metric strong{font-family:Georgia,serif;font-size:27px;font-weight:400;display:block;margin:5px 0}.metric small{font-size:11px}.progress{height:6px;background:#142941;border-radius:99px;overflow:hidden;margin:9px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#b88028,#efcc78);border-radius:99px}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.check-list{list-style:none;padding:0;display:grid;gap:12px;color:#b8c3cf}.check-list li:before{content:'✓';color:var(--gold2);margin-right:10px}.detail-panel{padding:26px;border:1px solid var(--line);border-radius:18px;background:#071a2e;box-shadow:var(--shadow)}.panel-title{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:17px}.panel-title strong{color:var(--gold2);font-size:21px}.detail-row{display:grid;grid-template-columns:1fr 1.2fr auto;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:13px}.detail-row span{color:#8e9cab}.detail-row em{font-style:normal;color:var(--gold2)}.mini-btn{margin-top:18px;border:1px solid var(--line);background:rgba(215,169,74,.06);color:var(--gold2);padding:10px 13px;border-radius:8px}
.security-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:45px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(215,169,74,.045),rgba(255,255,255,.018))}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.security-grid div{padding:19px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#071a2e}.security-grid strong{display:block;color:var(--gold2);margin-bottom:5px}.security-grid span{font-size:12px;color:#99a8b7}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.road-step{padding:25px;border-top:2px solid rgba(255,255,255,.15);background:rgba(255,255,255,.025)}.road-step.done{border-color:var(--gold)}.road-step span{font-family:Georgia,serif;color:var(--gold2);font-size:25px}.road-step strong,.road-step small{display:block}.road-step strong{margin:12px 0 5px}.road-step small{color:#8796a5}
.pricing-grid{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:center}.price-card{padding:34px;border:1px solid var(--gold);border-radius:20px;background:linear-gradient(145deg,#0b2037,#071626);box-shadow:var(--shadow)}.price-label{color:var(--gold2);text-transform:uppercase;letter-spacing:.15em;font-size:12px}.price{display:flex;align-items:end;gap:10px;margin:18px 0 0}.price strong{font-family:Georgia,serif;font-size:60px;font-weight:400;line-height:1}.price span{color:#9eadbc;margin-bottom:8px}.price-card>p{color:#aeb9c5}.price-card ul{padding:0;list-style:none;display:grid;gap:10px;margin:25px 0}.price-card li:before{content:'✓';color:var(--gold2);margin-right:9px}.price-card small{display:block;color:#748395;font-size:10px;margin-top:12px}.contact-grid{display:grid;grid-template-columns:1fr .82fr;gap:80px;align-items:start}.contact-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.contact-points span{padding:9px 12px;border:1px solid var(--line);border-radius:99px;color:#b7c2ce;font-size:12px}.contact-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#071a2e}.contact-card label{display:block;color:#b6c1cd;font-size:12px;margin-bottom:14px}.contact-card input,.contact-card textarea{width:100%;margin-top:6px;background:#051424;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:white;padding:13px 14px;outline:none;font:inherit}.contact-card input:focus,.contact-card textarea:focus{border-color:var(--gold)}.form-note{font-size:10px;color:#738294;margin-bottom:0}.form-note code{color:#b8c4d0}
footer{border-top:1px solid rgba(255,255,255,.06);padding:55px 0 28px;background:#04101e}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid strong{color:#d6dee6}.footer-grid a,.footer-grid span{color:#8190a0;text-decoration:none;font-size:12px}.footer-grid a:hover{color:var(--gold2)}.footer-brand img{width:44px;height:44px;border-radius:10px}.footer-brand strong{font-family:Georgia,serif;color:var(--gold2);letter-spacing:.18em}.legal-line{margin-top:35px;padding-top:22px;border-top:1px solid rgba(255,255,255,.05);color:#657486;font-size:10px;display:flex;justify-content:space-between;gap:20px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media(max-width:1020px){.hero-grid,.split-grid,.two-column,.security-shell,.pricing-grid,.contact-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.bi-grid{grid-template-columns:1fr}.roadmap{grid-template-columns:repeat(2,1fr)}.nav-cta{display:none}.hero{min-height:auto}.hero-brand{max-width:600px;margin:auto}.security-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.section-pad{padding:78px 0}.container{width:min(100% - 28px,1200px)}.main-nav{display:none;position:absolute;top:76px;left:14px;right:14px;background:#071a2e;border:1px solid var(--line);border-radius:12px;padding:14px;flex-direction:column}.main-nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.trust-row{grid-template-columns:repeat(2,1fr)}.feature-grid,.analytics-grid,.security-grid,.roadmap{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero h1{font-size:50px}.dashboard-window{border-radius:13px}.window-bar{display:none}.dashboard-window img{border-radius:8px}.detail-row{grid-template-columns:1fr auto}.detail-row span{grid-column:1/2}.footer-grid{grid-template-columns:1fr 1fr}.legal-line{flex-direction:column}.donut-layout{flex-direction:column}.contract-chain{justify-content:flex-start}.pricing-grid,.contact-grid{gap:40px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr 1fr}.nav-shell{width:calc(100% - 24px)}.hero h1{font-size:43px}.section-heading h2,.two-column h2,.security-shell h2{font-size:37px}}

/* Harper commercial site additions */
.page-hero{padding:150px 0 70px;background:radial-gradient(circle at 75% 20%,rgba(215,169,74,.10),transparent 28%)}
.page-hero .container{max-width:950px}.page-hero h1{font-family:Georgia,serif;font-size:clamp(46px,6vw,76px);font-weight:400;letter-spacing:-.035em;margin:12px 0 18px}.page-hero h1 span{color:var(--gold2)}.page-hero p{font-size:19px;color:#aeb9c6;max-width:760px}
.subnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.subnav a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:#b9c4cf;font-size:12px}.subnav a:hover{color:var(--gold2);border-color:var(--gold)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#071a2e;position:relative}.plan-card.featured{border-color:var(--gold);box-shadow:0 25px 70px rgba(0,0,0,.3)}.plan-badge{position:absolute;top:16px;right:16px;padding:6px 9px;border-radius:999px;background:rgba(215,169,74,.12);border:1px solid var(--line);color:var(--gold2);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.plan-card h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:5px 0 8px}.plan-price{font-family:Georgia,serif;font-size:46px;color:var(--gold2);margin:16px 0}.plan-price small{font:12px/1.4 system-ui;color:#92a0ae}.plan-card ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px;color:#aeb9c6}.plan-card li:before{content:'✓';color:var(--gold2);margin-right:8px}
.comparison{width:100%;border-collapse:collapse;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.comparison th,.comparison td{padding:15px 14px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.comparison th{background:#071a2e;color:var(--gold2);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.comparison td{color:#aeb9c6;font-size:13px}.comparison tr:last-child td{border-bottom:0}
.faq-list{display:grid;gap:12px;max-width:900px;margin:0 auto}.faq-item{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#071a2e;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:20px;border:0;background:transparent;color:#e6edf3;font:600 15px system-ui;cursor:pointer}.faq-question:after{content:'+';color:var(--gold2);font-size:21px}.faq-item.open .faq-question:after{content:'−'}.faq-answer{display:none;padding:0 20px 20px;color:#9eacbb;font-size:14px}.faq-item.open .faq-answer{display:block}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.contact-card select{width:100%;margin-top:6px;background:#051424;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:white;padding:13px 14px;outline:none;font:inherit}.contact-card select:focus{border-color:var(--gold)}.check-consent{display:flex!important;gap:9px;align-items:flex-start;font-size:11px!important;color:#8f9eac!important}.check-consent input{width:auto!important;margin-top:2px!important}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}.success-note{color:#79d79d!important}.error-note{color:#ff9a9a!important}
.cta-band{padding:34px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(215,169,74,.08),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h3{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:0 0 6px}.cta-band p{margin:0;color:#9eacbb}.cta-band .hero-actions{margin:0;flex-shrink:0}
.use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.use-case{padding:24px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}.use-case strong{display:block;color:var(--gold2);margin-bottom:7px}.use-case p{color:#99a7b6;margin:0;font-size:13px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-card{padding:24px;border-top:2px solid var(--gold);background:#071a2e}.step-card span{color:var(--gold2);font-family:Georgia,serif;font-size:28px}.step-card strong,.step-card small{display:block}.step-card strong{margin:12px 0 5px}.step-card small{color:#8493a3}
.legal-content{max-width:900px}.legal-content h2{font-family:Georgia,serif;font-weight:400;color:#f2f5f7;margin-top:38px}.legal-content p,.legal-content li{color:#aeb9c6}.placeholder-box{border:1px dashed rgba(215,169,74,.5);padding:16px;border-radius:12px;background:rgba(215,169,74,.04);color:#d8b565;margin:14px 0}
.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.badge-row span{padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#aab5c0;font-size:11px}
@media(max-width:1020px){.plan-grid,.use-case-grid,.steps{grid-template-columns:repeat(2,1fr)}.cta-band{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.plan-grid,.use-case-grid,.steps,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.comparison{display:block;overflow-x:auto}.page-hero{padding-top:125px}.cta-band{padding:24px}}

.demo-data-note{margin:-24px 0 18px;color:#718195;font-size:11px;text-align:right}.demo-data-note:before{content:"●";color:var(--gold);font-size:8px;margin-right:7px}

/* Harper conversion-focused homepage */
.value-section{padding-top:36px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.value-card{padding:25px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#071a2e}
.value-card strong{display:block;color:var(--gold2);font-size:17px;margin-bottom:8px}
.value-card p{margin:0;color:#94a3b2;font-size:13px;line-height:1.65}
.workday-section{background:rgba(255,255,255,.018)}
.workday-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.workday-card{position:relative;padding:26px 22px;border-top:2px solid rgba(215,169,74,.75);background:#071a2e;border-radius:0 0 14px 14px}
.workday-card span{display:block;color:var(--gold2);font-family:Georgia,serif;font-size:24px;margin-bottom:14px}
.workday-card strong{display:block;margin-bottom:7px}
.workday-card p{margin:0;color:#8f9eac;font-size:13px;line-height:1.6}
.price-card strong{color:inherit}
.price-card li strong{color:var(--gold2)}
@media(max-width:1020px){.value-grid,.workday-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.value-grid,.workday-grid{grid-template-columns:1fr}.proof-row{grid-template-columns:repeat(2,1fr)}}