@font-face{font-family:Manrope;src:url('/fonts/manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}

/* DealUno Product Family V2 — aligned with Deal Operator */
:root{
  --du-bg:#f5f8fd;
  --du-ink:#0a2043;
  --du-blue:#0755f5;
  --du-blue-deep:#0639bd;
  --du-soft:#edf4ff;
  --du-muted:#52647e;
  --du-border:#dae4f2;
  --du-navy:#06152f;
  --du-navy-2:#082752;
  --du-cyan:#68d8ff;
  --du-white:#fff;
}

html{scroll-behavior:smooth}
body.sales-page{background:var(--du-bg);color:var(--du-ink)}
.topbar{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(218,228,242,.9)!important;
  box-shadow:0 8px 30px rgba(6,21,47,.045);
}
.topbar .brand img{filter:none}
.topbar nav a{font-weight:650}
.topbar nav a[href*="dealoperator"]{color:var(--du-blue)}
.header-cta{
  background:var(--du-blue)!important;
  border-color:var(--du-blue)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(7,85,245,.18);
}
.header-cta:hover{background:var(--du-blue-deep)!important;transform:translateY(-1px)}

.hero{
  background:
    radial-gradient(circle at 78% 20%,rgba(104,216,255,.12),transparent 24rem),
    radial-gradient(circle at 15% 35%,rgba(7,85,245,.12),transparent 30rem),
    linear-gradient(145deg,var(--du-navy),var(--du-navy-2))!important;
}
.hero-copy{max-width:760px}
.hero h1{font-size:clamp(3.4rem,7vw,7.2rem);line-height:.94;letter-spacing:-.065em}
.hero-lead{max-width:650px;font-size:clamp(1.05rem,1.8vw,1.35rem)}
.hero-actions{flex-wrap:wrap}
.hero-actions .button.primary{box-shadow:0 14px 34px rgba(7,85,245,.28)}
.hero-actions .community-link{
  display:inline-flex;align-items:center;gap:9px;
  color:#dce9fb;border-bottom:1px solid #7393bb;padding-bottom:3px;
  font-weight:700;text-decoration:none;
}
.hero-actions .community-link:hover{color:var(--du-cyan);border-color:var(--du-cyan)}

.hero-stage{filter:drop-shadow(0 34px 60px rgba(0,0,0,.26))}
.app-shell{border-radius:22px!important;overflow:hidden}
.app-top{min-height:54px}
.stage-label{border-radius:12px!important;box-shadow:0 18px 45px rgba(0,0,0,.12)}

/* New product showcase */
.product-showcase-v2{
  padding:110px max(5vw,24px);
  background:linear-gradient(180deg,#fff,var(--du-bg));
}
.product-showcase-v2 .showcase-heading{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr);
  gap:56px;align-items:end;max-width:1240px;margin:0 auto 42px;
}
.product-showcase-v2 h2{
  margin:7px 0 0;font-size:clamp(2.3rem,4.5vw,4.5rem);
  line-height:1;letter-spacing:-.055em;color:var(--du-ink);
}
.product-showcase-v2 h2 span{color:#2860ae}
.product-showcase-v2 .showcase-heading>p:last-child{
  margin:0;color:var(--du-muted);font-size:1.05rem;line-height:1.75;
}
.showcase-frame{
  max-width:1240px;margin:0 auto;background:var(--du-navy);
  border:1px solid #173d68;border-radius:24px;overflow:hidden;
  box-shadow:0 28px 75px rgba(6,21,47,.18);
}
.showcase-browser{
  display:flex;align-items:center;gap:9px;padding:14px 18px;
  background:#0a2140;border-bottom:1px solid #21466f;color:#9eb3cf;
  font:600 11px/1.2 "DM Mono",monospace;letter-spacing:.04em;
}
.showcase-browser i{width:8px;height:8px;border-radius:50%;background:#365b83}
.showcase-browser span{margin-left:10px}
.showcase-app{display:grid;grid-template-columns:82px 1fr;min-height:590px}
.showcase-rail{
  padding:24px 15px;border-right:1px solid #21466f;background:#071b35;
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
.showcase-rail b{
  width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
  background:var(--du-blue);color:#fff;font-size:12px;
}
.showcase-rail span{
  width:42px;height:42px;border:1px solid #294e76;border-radius:11px;
  display:grid;place-items:center;color:#8fa8c6;font-weight:800;font-size:12px;
}
.showcase-content{padding:30px;display:grid;gap:22px}
.showcase-topline{
  display:flex;justify-content:space-between;gap:20px;align-items:flex-start;color:#fff;
}
.showcase-topline small{display:block;color:#84a0c1;font:600 10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.showcase-topline h3{font-size:clamp(1.55rem,2.4vw,2.35rem);margin:5px 0 0;letter-spacing:-.035em}
.showcase-live{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;
  background:#0d315e;border:1px solid #265c91;color:#d8eaff;font-size:12px;font-weight:700;
}
.showcase-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--du-cyan);box-shadow:0 0 0 5px rgba(104,216,255,.1)}
.showcase-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.showcase-kpis article{
  padding:16px;border-radius:14px;border:1px solid #284e77;background:#0b294f;color:#fff;
}
.showcase-kpis small{display:block;color:#89a2c0;font-size:11px;margin-bottom:8px}
.showcase-kpis strong{font-size:1.55rem;letter-spacing:-.04em}
.showcase-kpis span{display:block;color:#71dcff;font-size:11px;margin-top:5px}
.showcase-main-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.showcase-panel{
  border:1px solid #284e77;background:#0a2446;border-radius:16px;padding:18px;color:#d9e6f6;
}
.showcase-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}
.showcase-panel-head strong{color:#fff}
.showcase-panel-head span{font-size:10px;color:#76dfff;background:#103866;border:1px solid #2f5f8d;padding:6px 9px;border-radius:999px}
.showcase-lead{
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  padding:13px 0;border-top:1px solid #173d68;
}
.showcase-lead:first-of-type{border-top:0}
.showcase-score{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#0d376b;color:#77ddff;font-weight:800}
.showcase-lead b{display:block;color:#fff;font-size:13px}
.showcase-lead small{display:block;color:#819bbb;margin-top:3px}
.showcase-status{font-size:10px;color:#dce8f7;background:#173b65;border-radius:999px;padding:6px 8px}
.call-card{
  padding:18px;border-radius:14px;background:linear-gradient(145deg,#0d315e,#0b274b);
  border:1px solid #2d5c89;text-align:center;margin-bottom:14px;
}
.call-card .wave{height:34px;display:flex;align-items:center;justify-content:center;gap:4px;margin:4px 0 10px}
.call-card .wave i{display:block;width:3px;border-radius:9px;background:var(--du-cyan)}
.call-card .wave i:nth-child(1){height:9px}.call-card .wave i:nth-child(2){height:25px}.call-card .wave i:nth-child(3){height:16px}.call-card .wave i:nth-child(4){height:31px}.call-card .wave i:nth-child(5){height:13px}
.call-card strong{display:block;color:#fff;font-size:1.9rem}
.call-card small{color:#88a5c6}
.showcase-script{padding:14px;border:1px solid #264e77;border-radius:12px;background:#0b294f}
.showcase-script small{color:#6fdcff;font:600 10px "DM Mono",monospace}
.showcase-script p{color:#e4edf8;line-height:1.55;margin:8px 0 0;font-size:13px}
.showcase-footer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.showcase-footer-row article{
  border:1px solid #284e77;background:#0b294f;border-radius:13px;padding:14px;color:#d7e4f4;
}
.showcase-footer-row strong{display:block;color:#fff;font-size:12px}
.showcase-footer-row small{display:block;color:#819bbb;margin-top:4px}

/* Product family / community bridge */
.community-bridge{
  padding:105px max(5vw,24px);
  background:linear-gradient(145deg,var(--du-navy),var(--du-navy-2));
  color:#fff;position:relative;overflow:hidden;
}
.community-bridge:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(104,216,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(104,216,255,.04) 1px,transparent 1px);
  background-size:72px 72px;pointer-events:none;
}
.community-inner{position:relative;max-width:1240px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.community-bridge h2{font-size:clamp(2.4rem,4.5vw,4.6rem);line-height:1;letter-spacing:-.055em;margin:8px 0 20px}
.community-bridge h2 span{color:var(--du-cyan)}
.community-bridge p{color:#b9cbe3;line-height:1.75;max-width:680px}
.community-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.community-actions a{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;
  border-radius:9px;font-weight:800;text-decoration:none;
}
.community-actions .join{background:var(--du-blue);color:#fff}
.community-actions .login{background:#fff;color:var(--du-ink)}
.community-actions .discord{border:1px solid #47719e;color:#fff;background:#0b2a51}
.community-card{
  background:#f8fbff;color:var(--du-ink);border:1px solid #d5e3f7;border-radius:20px;padding:26px;
  box-shadow:0 24px 65px rgba(0,0,0,.22);
}
.community-card .family-label{font-size:11px;color:#47709f;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.community-card h3{font-size:1.65rem;letter-spacing:-.035em;margin:7px 0 16px}
.community-step{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:14px 0;border-top:1px solid #dce6f3}
.community-step:first-of-type{border-top:0}
.community-step span{width:32px;height:32px;border-radius:9px;background:#e1edff;color:var(--du-blue);display:grid;place-items:center;font-weight:800;font-size:12px}
.community-step strong{display:block;font-size:13px}
.community-step small{display:block;color:var(--du-muted);margin-top:3px;line-height:1.45}

/* Commerce */
.direct-buy-band{
  background:#fff;padding:78px max(5vw,24px);border-top:1px solid var(--du-border);border-bottom:1px solid var(--du-border);
}
.direct-buy-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.direct-buy-band h2{margin:5px 0 8px;font-size:clamp(2rem,3.6vw,3.4rem);letter-spacing:-.05em}
.direct-buy-band p{margin:0;color:var(--du-muted);max-width:700px;line-height:1.7}
.direct-buy-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.buy-button,.stripe-buy{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;
  border-radius:9px;background:var(--du-blue);color:#fff!important;text-decoration:none!important;font-weight:800;
  border:1px solid var(--du-blue);box-shadow:0 10px 25px rgba(7,85,245,.14);
}
.buy-button:hover,.stripe-buy:hover{background:var(--du-blue-deep);border-color:var(--du-blue-deep)}
.stripe-buy.checkout-pending{background:#112c51;border-color:#112c51}
.plan .secondary-demo{
  display:block!important;background:transparent!important;color:#315b8e!important;
  border:0!important;padding:9px 0 0!important;text-align:center;font-size:12px!important;box-shadow:none!important;
}
.stripe-checkout-info{
  margin:28px auto 0;max-width:1180px;padding:16px 18px;border:1px solid #d4e3f7;background:#f5f9ff;
  color:#486383;border-radius:12px;font-size:13px;line-height:1.55;
}
.stripe-checkout-info strong{color:var(--du-ink)}
.stripe-checkout-info.is-live{background:#eefbf8;border-color:#bfe9dd;color:#285e51}

/* Cards and overall polish */
.feature-links>a,.package-preview,.role-flow li,.plan,.offer-card{
  border-radius:16px!important;box-shadow:0 10px 34px rgba(14,51,97,.055)!important;
}
.feature-links>a:hover,.role-flow li:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(14,51,97,.09)!important}
.reviewed-pricing .plans{gap:18px}
.offer-card{overflow:hidden}
.offer-card.featured{box-shadow:0 20px 55px rgba(7,85,245,.13)!important}
.page-cta,.final-cta{background:linear-gradient(135deg,#e9f3ff,#f7fbff)!important}

@media(max-width:980px){
  .product-showcase-v2 .showcase-heading,.community-inner,.direct-buy-inner{grid-template-columns:1fr}
  .showcase-main-grid{grid-template-columns:1fr}
  .showcase-kpis{grid-template-columns:repeat(2,1fr)}
  .showcase-footer-row{grid-template-columns:1fr}
  .direct-buy-actions{justify-content:flex-start}
}
@media(max-width:700px){
  .product-showcase-v2,.community-bridge{padding:76px 18px}
  .showcase-app{grid-template-columns:1fr}
  .showcase-rail{display:none}
  .showcase-content{padding:18px}
  .showcase-kpis{grid-template-columns:1fr 1fr}
  .showcase-topline{flex-direction:column}
  .community-actions{flex-direction:column}
  .community-actions a{width:100%}
}
@media(max-width:480px){
  .showcase-kpis{grid-template-columns:1fr}
}