:root{--navy:#07111d;--panel:#0d1b2b;--line:#26384c;--ink:#f6f8fb;--muted:#b5c1cf;--blue:#23aaf2;--paper:#f4f7fa;--paper-ink:#132033;--paper-muted:#59687a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font:16px/1.6 Inter,Segoe UI,Arial,sans-serif}a{color:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.brand img{width:46px;height:46px;object-fit:contain}.topbar nav,.footer-links{display:flex;gap:20px;flex-wrap:wrap}.topbar nav a,.footer-links a{text-decoration:none;color:var(--muted)}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;padding:72px 0 88px}.eyebrow{color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1,.legal-hero h1{margin:.2em 0;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.92;letter-spacing:-.055em}.lead{max-width:720px;color:var(--muted);font-size:1.15rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;min-height:46px;align-items:center;padding:0 20px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);font-weight:800;text-decoration:none}.button.primary{border-color:var(--blue);background:var(--blue);color:#04101a}.button[disabled]{cursor:not-allowed;filter:saturate(.35);opacity:.62}.small{color:var(--muted);font-size:.86rem}.price-card{padding:28px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#112237,#091521)}.price-card h2{margin:0;font-size:1.7rem}.price{margin:20px 0 4px;font-size:3.2rem;font-weight:900;line-height:1}.price span{font-size:1rem;color:var(--muted)}.price-card ul{padding-left:20px;color:var(--muted)}.paper{background:var(--paper);color:var(--paper-ink)}.section{padding:72px 0}.section h2{max-width:780px;margin:0 0 24px;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:24px;border:1px solid #d6dfe8;border-radius:7px;background:white}.card h3{margin-top:0}.card p{color:var(--paper-muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.shot{width:100%;border:1px solid #d6dfe8;border-radius:7px}.trust{padding:62px 0}.trust .card{background:var(--panel);border-color:var(--line);color:var(--ink)}.trust .card p{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:24px;padding:28px 0;border-top:1px solid var(--line);color:var(--muted)}.legal-hero{padding:64px 0 44px}.legal-hero h1{font-size:clamp(2.6rem,6vw,5rem)}.legal{padding:0 0 72px}.legal article{max-width:880px;padding:30px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.legal h2{margin-top:1.5em}.legal h2:first-child{margin-top:0}.legal p,.legal li{color:var(--muted)}@media(max-width:800px){.hero,.split,.grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.hero{padding-top:40px}footer{flex-direction:column}}

body{position:relative;background:#050d17 url("app-art/graph-square-dark.jpg") center top/cover fixed no-repeat}
body::before{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,11,20,.97),rgba(5,14,24,.86) 48%,rgba(5,14,24,.56)),linear-gradient(180deg,rgba(4,11,20,.1),#07111d 92%);content:""}
.hero{position:relative;isolation:isolate;overflow:hidden;margin-bottom:40px;padding:72px 54px 88px;border:1px solid rgba(93,166,215,.28);border-radius:10px;background:rgba(5,14,24,.68);box-shadow:0 30px 90px rgba(0,0,0,.3)}
.hero::before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,14,24,.98) 8%,rgba(5,14,24,.86) 54%,rgba(5,14,24,.3)),url("app-art/graph-square-dark.jpg") center/cover no-repeat;content:""}
.price-card{border-color:rgba(99,182,235,.38);background:rgba(7,18,31,.91);box-shadow:0 20px 50px rgba(0,0,0,.25);backdrop-filter:blur(8px)}
@media(max-width:800px){.hero{margin-bottom:24px;padding:40px 24px}.hero::before{background:linear-gradient(rgba(5,14,24,.9),rgba(5,14,24,.96)),url("app-art/graph-square-dark.jpg") center/cover no-repeat}}

.button.primary{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(180deg, #35bbff, #1598dd);
  box-shadow: 0 12px 30px rgba(33, 170, 242, 0.18);
}

.button.primary::after{
  position: absolute;
  inset: -65% -45%;
  background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.20) 47%, rgba(255,255,255,.52) 50%, rgba(255,255,255,.18) 53%, transparent 66%);
  transform: translateX(-72%) rotate(.001deg);
  animation: graphpilotButtonSweep 6.5s ease-in-out infinite;
  content: "";
  pointer-events: none;
}

.button.primary[disabled]{
  filter: none;
  opacity: .78;
}

@keyframes graphpilotButtonSweep{
  0%,38%{transform:translateX(-72%) rotate(.001deg);opacity:0}
  52%{opacity:.82}
  72%,100%{transform:translateX(72%) rotate(.001deg);opacity:0}
}

@media(prefers-reduced-motion:reduce){
  .button.primary::after{animation:none;opacity:0}
}

/* Match the established public GraphPilot product brief. */
body{
  background:
    linear-gradient(rgba(31,46,66,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,46,66,.08) 1px,transparent 1px),
    #eef3f8;
  background-size:112px 112px,112px 112px,auto;
  color:#172233;
}

body::before{display:none}

.topbar{
  margin-top:16px;
  margin-bottom:18px;
  padding:14px 18px;
  border:1px solid #d6dde8;
  border-radius:10px;
  background:#fff;
  box-shadow:0 12px 34px rgba(17,28,43,.07);
}

.topbar nav a{color:#526173}

.hero{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.82fr);
  gap:24px;
  overflow:visible;
  margin-bottom:24px;
  padding:34px;
  border:1px solid #d6dde8;
  background:#f6f8fb;
  box-shadow:0 18px 48px rgba(17,28,43,.08);
}

.hero::before{display:none}

.hero-copy,
.product-visual-card{
  padding:28px;
  border:1px solid #d6dde8;
  border-radius:10px;
  background:#fff;
  box-shadow:0 16px 38px rgba(17,28,43,.07);
}

.hero h1{
  margin:.08em 0 .18em;
  color:#111a27;
  font-size:clamp(3rem,6vw,5rem);
  letter-spacing:-.045em;
}

.hero .lead,
.hero-copy > p{color:#526173}

.product-eyebrow{
  color:#6d7787!important;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hero-copy .button{
  border-color:#cfd7e3;
  background:#fff;
  color:#253247;
}

.product-visual-card{display:flex;flex-direction:column;gap:18px}
.product-art{width:100%;min-height:250px;border-radius:8px;object-fit:cover}
.product-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.product-meta div{padding:12px;border:1px solid #dbe2ec;border-radius:8px;background:#f9fbfe}
.product-meta span{display:block;margin-bottom:5px;color:#637083;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.product-meta strong{display:block;color:#172233;font-size:13px}

.price-card{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:.8fr 1.1fr .8fr;
  gap:26px;
  align-items:center;
  padding:24px 28px;
  border:1px solid #cbd8e5;
  background:#fff;
  color:#172233;
  box-shadow:none;
}

.price-card h2{color:#172233}
.price-card .price{color:#111a27}
.price-card .price span,.price-card ul,.price-card .small{color:#59687a}
.price-card ul{margin:0}
.purchase-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}

footer{color:#617083;border-top-color:#d8dee8}
.footer-links a{color:#617083}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding:18px}
  .price-card{grid-column:auto;grid-template-columns:1fr}
  .product-meta{grid-template-columns:1fr}
}

/* Dark site canvas with one continuous product surface. */
body{
  background:
    linear-gradient(rgba(31,46,66,.22) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,46,66,.22) 1px,transparent 1px),
    radial-gradient(circle at 12% 0%,rgba(33,170,242,.14),transparent 34rem),
    #04080d;
  background-size:112px 112px,112px 112px,auto,auto;
  color:#f8fafc;
}

/* Match the GraphPilot sales shell to the main public-site container. */
.sales-page .wrap{
  width:min(1480px,calc(100% - 32px));
}

.topbar{
  border-color:rgba(148,163,184,.24);
  background:rgba(6,13,21,.92);
  box-shadow:0 20px 70px rgba(0,0,0,.26);
}

.topbar nav a{color:#b8c3d1}

.product-page{
  padding:34px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:#f6f8fb;
  color:#111a27;
  box-shadow:0 26px 80px rgba(0,0,0,.3);
}

.product-page .hero{
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.product-page .paper{
  margin-top:24px;
  background:transparent;
}

.product-page .section{
  padding:28px;
  border:1px solid #d6dde8;
  border-radius:10px;
  background:#fff;
  box-shadow:0 16px 38px rgba(17,28,43,.07);
}

.product-page .section + .section{margin-top:24px}
.product-page .section h2{font-size:clamp(2rem,3.4vw,3rem)}
.product-page .split{align-items:center}
.product-page .card{box-shadow:0 10px 26px rgba(17,28,43,.05)}

.product-page .trust{
  margin-top:24px;
  padding:0;
}

.product-page .trust .card{
  border-color:#d6dde8;
  background:#fff;
  color:#172233;
}

.product-page .trust .card p{color:#59687a}

footer{
  margin-top:22px;
  color:#b8c3d1;
  border-top-color:rgba(148,163,184,.24);
}

.footer-links a{color:#b8c3d1}

@media(max-width:900px){
  .product-page{padding:18px}
  .product-page .hero{padding:0}
  .product-page .section{padding:22px}
}