/* Datajay marketing site — local styles */

*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-ui);
  color:var(--fg-1);
  background:var(--bg-1);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:var(--text-base);
  line-height:var(--leading-normal);
}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
a{color:inherit;text-decoration:none;}

/* ============ Layout ============ */
.wrap{
  max-width:1240px;
  margin:0 auto;
  padding:0 32px;
}
@media (max-width:720px){ .wrap{padding:0 20px;} }

/* Soft peach + blue radials used on hero + cta */
.hero-surface{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero-surface::before{
  content:"";
  position:absolute;
  inset:-20% -10% auto auto;
  width:780px;
  height:780px;
  background:radial-gradient(circle at 50% 50%, rgba(238,181,129,0.28), rgba(238,181,129,0) 60%);
  z-index:-1;
  pointer-events:none;
}
.hero-surface::after{
  content:"";
  position:absolute;
  inset:auto auto -20% -10%;
  width:620px;
  height:620px;
  background:radial-gradient(circle at 50% 50%, rgba(0,163,224,0.13), rgba(0,163,224,0) 65%);
  z-index:-1;
  pointer-events:none;
}
/* Cool variant — used on pillar 2 (signals) */
.cool-surface{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.cool-surface::before{
  content:"";
  position:absolute;
  inset:-15% auto auto -10%;
  width:680px;
  height:680px;
  background:radial-gradient(circle at 50% 50%, rgba(0,163,224,0.18), rgba(0,163,224,0) 62%);
  z-index:-1;
  pointer-events:none;
}

/* ============ Nav ============ */
.nav{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(10px);
  background:rgba(254,249,241,0.78);
  border-bottom:1px solid transparent;
  transition:border-color 200ms var(--ease-standard), background 200ms var(--ease-standard);
}
.nav.scrolled{
  border-bottom-color:var(--border-2);
  background:rgba(254,249,241,0.92);
}
.nav-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:68px;
}
.logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-headline);
  font-weight:700;
  font-size:19px;
  letter-spacing:-0.01em;
  color:var(--fg-1);
}
.logo img{width:28px;height:28px;object-fit:contain;}
.nav-links{
  display:flex;
  gap:28px;
  align-items:center;
}
.nav-links a{
  font-size:14px;
  font-weight:500;
  color:var(--fg-2);
  transition:color 200ms var(--ease-standard);
}
.nav-links a:hover{color:var(--fg-1);}
.nav-cta{
  display:flex;
  gap:10px;
  align-items:center;
}
@media (max-width:900px){
  .nav-links{display:none;}
}

/* ============ Buttons ============ */
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-ui);
  font-weight:500;
  font-size:14px;
  padding:11px 18px;
  border-radius:var(--radius-md);
  border:1px solid transparent;
  transition:all 200ms var(--ease-standard);
  cursor:pointer;
  white-space:nowrap;
  line-height:1;
}
.btn-primary{background:var(--dj-navy-800);color:var(--dj-cream);}
.btn-primary:hover{background:var(--dj-navy-900);box-shadow:var(--shadow-md);}
.btn-primary:active{transform:translateY(1px);box-shadow:var(--shadow-sm);}
.btn-secondary{background:#fff;color:var(--dj-navy-900);border-color:var(--border-1);}
.btn-secondary:hover{background:var(--bg-3);border-color:var(--dj-blue-300);color:var(--dj-blue-700);}
.btn-accent{background:var(--dj-blue-500);color:#fff;}
.btn-accent:hover{background:var(--dj-blue-600);box-shadow:var(--shadow-md);}
.btn-ghost{background:transparent;color:var(--fg-2);}
.btn-ghost:hover{color:var(--fg-1);background:var(--bg-4);}
.btn-warm{background:var(--dj-orange-500);color:#fff;}
.btn-warm:hover{background:var(--dj-orange-600);box-shadow:var(--shadow-md);}
.btn-lg{font-size:15px;padding:14px 22px;}
.btn .chev{width:14px;height:14px;transition:transform 200ms var(--ease-standard);}
.btn:hover .chev{transform:translateX(2px);}

/* ============ Section defaults ============ */
section{padding:96px 0;}
@media (max-width:720px){ section{padding:64px 0;} }
.section-head{
  max-width:720px;
  margin-bottom:56px;
}
.eyebrow{
  font-family:var(--font-ui);
  font-weight:500;
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--dj-orange-600);
  margin-bottom:16px;
  display:flex;
  align-items:center;
  gap:8px;
}
.eyebrow .dot{
  width:6px;height:6px;border-radius:999px;background:var(--dj-orange-500);
}
.eyebrow.cool{color:var(--dj-blue-700);}
.eyebrow.cool .dot{background:var(--dj-blue-500);}
.section-title{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(36px, 4.8vw, 56px);
  line-height:1.04;
  letter-spacing:-0.02em;
  color:var(--fg-1);
  margin:0 0 28px;
}
.section-title em{font-style:italic;color:var(--dj-orange-500);}
.section-sub{
  font-family:var(--font-ui);
  font-weight:400;
  font-size:17px;
  line-height:1.6;
  color:var(--fg-2);
  max-width:620px;
}

/* ============ Hero ============ */
.hero{
  padding:48px 0 112px;
}
.hero-grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap:64px;
  align-items:center;
}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:48px;}
}
.early-access{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:6px 14px 6px 6px;
  background:#fff;
  border:1px solid var(--dj-blue-200);
  border-radius:999px;
  font-size:13px;
  font-weight:500;
  color:var(--fg-2);
  box-shadow:var(--shadow-xs);
}
.early-access .pill{
  background:var(--dj-blue-500);
  color:#fff;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.06em;
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:999px;
}
.hero h1{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(44px, 6vw, 76px);
  line-height:1.0;
  letter-spacing:-0.02em;
  color:var(--fg-1);
  margin:24px 0 32px;
}
.hero h1 em{font-style:italic;color:var(--dj-orange-500);}
.hero-lede{
  font-size:19px;
  line-height:1.55;
  color:var(--fg-2);
  max-width:540px;
  margin:0 0 36px;
}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;}

/* ============ Brand mascot (jay) ============ */
.ai-bird{
  position:absolute;
  top:clamp(28px, 5vw, 64px);
  right:clamp(24px, 6vw, 96px);
  width:clamp(150px, 16vw, 210px);
  transform:rotate(-7deg);
  filter:drop-shadow(0 24px 36px rgba(0,0,0,0.35));
  pointer-events:none;
  z-index:1;
  -webkit-user-select:none;user-select:none;
}
@media (max-width:900px){
  .ai-bird{
    width:120px;
    top:18px;
    right:18px;
    opacity:0.9;
  }
}
.visual{position:relative;}
.pillar-bird{
  position:absolute;
  z-index:4;
  pointer-events:none;
  -webkit-user-select:none;user-select:none;
  filter:drop-shadow(0 14px 22px rgba(27,34,56,0.20));
}
/* Pillar 2 — singing jay perched on the top-left corner of the Q&A card */
.bird-sing{
  width:148px;
  top:-66px;
  left:-18px;
  transform:rotate(-3deg);
}
/* Pillar 3 — watchful jay perched on the top-right, facing the signals */
.bird-perch{
  width:150px;
  top:-70px;
  right:-14px;
  transform:scaleX(-1);
}
@media (max-width:560px){
  .bird-sing{width:108px;top:-46px;left:-8px;}
  .bird-perch{width:110px;top:-50px;right:-6px;}
}
.hero-trust{
  margin-top:32px;
  display:flex;
  gap:28px;
  flex-wrap:wrap;
  font-size:13px;
  color:var(--fg-3);
  font-weight:500;
}
.hero-trust span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

/* ============ Hero product preview ============ */
.preview{
  position:relative;
}
.preview-frame{
  position:relative;
  background:#fff;
  border-radius:var(--radius-xl);
  border:1px solid var(--border-1);
  box-shadow:var(--shadow-lg);
  padding:20px;
  transform:rotate(-0.4deg);
}
.preview-frame::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px dashed var(--border-2);
  border-radius:calc(var(--radius-xl) - 6px);
  pointer-events:none;
  opacity:0;
}
/* readiness score card */
.score-card{
  display:grid;
  grid-template-columns: 120px 1fr;
  gap:18px;
  align-items:center;
  padding:16px;
  background:var(--dj-cream-100);
  border-radius:var(--radius-lg);
  border:1px solid var(--border-2);
}
.score-dial{
  position:relative;
  width:120px;height:120px;
}
.score-dial svg{width:100%;height:100%;transform:rotate(-90deg);}
.score-dial .track{stroke:var(--dj-navy-100);}
.score-dial .fill{stroke:var(--dj-orange-500);stroke-linecap:round;}
.score-dial .score-num{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-family:var(--font-mono);
  font-weight:600;
  font-size:34px;
  color:var(--fg-1);
  font-feature-settings:"tnum" 1;
  letter-spacing:-0.02em;
  line-height:1;
}
.score-num small{
  font-family:var(--font-ui);
  font-size:11px;
  font-weight:500;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--fg-3);
  margin-top:6px;
}
.score-meta .label{
  font-family:var(--font-ui);
  font-weight:500;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:var(--fg-3);
  margin-bottom:4px;
}
.score-meta h3{
  font-family:var(--font-headline);
  font-size:19px;
  font-weight:600;
  margin:0 0 6px;
  color:var(--fg-1);
}
.score-meta p{
  font-size:13px;
  color:var(--fg-2);
  margin:0;
  line-height:1.5;
}

.doc-list{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.doc-row{
  display:grid;
  grid-template-columns: 22px 1fr auto auto;
  gap:12px;
  align-items:center;
  padding:10px 12px;
  border-radius:var(--radius-sm);
  font-size:13px;
}
.doc-row:hover{background:var(--bg-3);}
.doc-row .icon{
  width:22px;height:22px;
  display:grid;place-items:center;
  border-radius:5px;
  background:var(--dj-navy-100);
  color:var(--dj-navy-600);
}
.doc-row.pdf .icon{background:#FAE6E2;color:#C04B3E;}
.doc-row.xls .icon{background:#E5F3ED;color:#2E8B6B;}
.doc-row.doc .icon{background:#E0F2FB;color:#0079A8;}
.doc-row.deck .icon{background:#FBE7D3;color:#B9692F;}
.doc-row .name{
  font-weight:500;
  color:var(--fg-1);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.doc-row .meta{
  font-family:var(--font-mono);
  font-size:11.5px;
  color:var(--fg-3);
  font-feature-settings:"tnum" 1;
}
.doc-row .status{
  font-size:11px;
  font-weight:500;
  padding:3px 8px;
  border-radius:999px;
}
.st-ok{background:var(--dj-success-bg);color:var(--dj-success);}
.st-new{background:var(--dj-info-bg);color:var(--dj-blue-700);}
.st-warn{background:var(--dj-warn-bg);color:var(--dj-warn);}
.st-sync{background:var(--dj-navy-100);color:var(--dj-navy-700);}

/* Floating signal chip */
.signal-chip{
  position:absolute;
  left:-24px;
  bottom:64px;
  background:#fff;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  border:1px solid var(--border-2);
  padding:14px 16px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  max-width:300px;
  transform:rotate(1deg);
}
.signal-chip .bird{
  width:32px;height:32px;
  flex-shrink:0;
  border-radius:8px;
  background:var(--dj-cream-200);
  display:grid;place-items:center;
  color:var(--dj-navy-800);
}
.signal-chip .txt{
  font-size:13px;
  line-height:1.45;
  color:var(--fg-1);
}
.signal-chip .txt strong{color:var(--dj-orange-600);font-weight:600;}
.signal-chip .txt .sub{
  display:block;
  color:var(--fg-3);
  font-size:11.5px;
  margin-top:3px;
  font-weight:500;
}

/* ============ Stats (social proof) ============ */
.stats{
  padding:56px 0;
  border-top:1px solid var(--border-2);
  border-bottom:1px solid var(--border-2);
}
.stats-head{
  font-size:12px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--fg-3);
  font-weight:500;
  margin-bottom:28px;
  text-align:center;
}
.stats-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:0;
}
@media (max-width:780px){
  .stats-grid{grid-template-columns: repeat(2,1fr);}
}
.stat{
  padding:16px 28px;
  border-right:1px solid var(--border-2);
  text-align:center;
}
.stat:last-child{border-right:none;}
@media (max-width:780px){
  .stat{border-right:none;border-bottom:1px solid var(--border-2);}
  .stat:nth-last-child(-n+2){border-bottom:none;}
}
.stat-num{
  font-family:var(--font-mono);
  font-weight:500;
  font-size:42px;
  color:var(--fg-1);
  letter-spacing:-0.03em;
  font-feature-settings:"tnum" 1;
  line-height:1;
  margin-bottom:8px;
}
.stat-num em{
  font-family:var(--font-display);
  font-style:italic;
  font-weight:400;
  color:var(--dj-orange-500);
  font-size:44px;
}
.stat:nth-child(2) .stat-num,
.stat:nth-child(3) .stat-num em{color:var(--dj-blue-600);}
.stat:nth-child(2) .stat-num{color:var(--dj-blue-600);}
.stat-lbl{
  font-size:13px;
  color:var(--fg-3);
  font-weight:500;
  line-height:1.4;
}

/* ============ Problem reframe ============ */
.problems{
  background:var(--bg-1);
}
.problems-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:1px;
  background:var(--border-2);
  border:1px solid var(--border-2);
  border-radius:var(--radius-xl);
  overflow:hidden;
  margin-top:24px;
}
@media (max-width:900px){
  .problems-grid{grid-template-columns:1fr;}
}
.problem{
  background:var(--bg-1);
  padding:36px;
  position:relative;
}
.problem .num{
  font-family:var(--font-mono);
  font-weight:500;
  font-size:13px;
  color:var(--dj-orange-600);
  letter-spacing:0.04em;
  margin-bottom:20px;
  display:block;
}
.problem:nth-child(2) .num{color:var(--dj-blue-600);}
.problem h3{
  font-family:var(--font-display);
  font-weight:400;
  font-size:28px;
  line-height:1.15;
  letter-spacing:-0.02em;
  margin:0 0 14px;
  color:var(--fg-1);
}
.problem p{
  font-size:14.5px;
  line-height:1.55;
  color:var(--fg-2);
  margin:0;
}

/* ============ Pillars ============ */
.pillar{
  padding:112px 0;
}
.pillar + .pillar{padding-top:40px;}
.pillar-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:80px;
  align-items:center;
}
.pillar.right .pillar-grid > .copy{order:2;}
.pillar.right .pillar-grid > .visual{order:1;}
@media (max-width:900px){
  .pillar-grid{grid-template-columns:1fr;gap:48px;}
  .pillar.right .pillar-grid > .copy{order:1;}
  .pillar.right .pillar-grid > .visual{order:2;}
}
.pillar-eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:22px;
}
.pillar-num{
  font-family:var(--font-mono);
  font-weight:500;
  font-size:15px;
  color:#fff;
  letter-spacing:0;
  background:var(--dj-orange-500);
  width:38px;height:38px;
  border-radius:var(--radius-md);
  display:grid;place-items:center;
  flex-shrink:0;
  box-shadow:var(--shadow-sm);
}
.pillar-tag{
  font-size:16px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  color:var(--dj-orange-700);
  padding:0;
  background:none;
  border:none;
  border-radius:0;
}
.pillar h2{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(34px, 4.4vw, 52px);
  line-height:1.05;
  letter-spacing:-0.02em;
  margin:0 0 26px;
  color:var(--fg-1);
}
.pillar h2 em{font-style:italic;color:var(--dj-orange-500);}
.pillar-lede{
  font-size:17px;
  line-height:1.6;
  color:var(--fg-2);
  max-width:500px;
  margin:0 0 28px;
}
.feat-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.feat-list li{
  display:grid;
  grid-template-columns: 22px 1fr;
  gap:14px;
  align-items:flex-start;
  font-size:14.5px;
  line-height:1.5;
}
.feat-list .check{
  margin-top:3px;
  width:22px;height:22px;
  border-radius:6px;
  background:var(--dj-orange-100);
  color:var(--dj-orange-700);
  display:grid;place-items:center;
}
.feat-list li strong{color:var(--fg-1);font-weight:600;display:block;margin-bottom:2px;}

/* ============ Pillar visuals ============ */
/* Visual 1: timeline of raises */
.viz-card{
  background:#fff;
  border:1px solid var(--border-2);
  border-radius:var(--radius-xl);
  padding:28px;
  box-shadow:var(--shadow-md);
}
.timeline{position:relative;padding-left:28px;}
.timeline::before{
  content:"";
  position:absolute;
  left:7px;top:8px;bottom:8px;
  width:2px;background:var(--dj-navy-100);
}
.tl-node{position:relative;padding:10px 0 22px;}
.tl-node:last-child{padding-bottom:0;}
.tl-dot{
  position:absolute;
  left:-28px;top:12px;
  width:16px;height:16px;border-radius:999px;
  background:#fff;
  border:3px solid var(--dj-navy-300);
}
.tl-node.done .tl-dot{background:var(--dj-orange-500);border-color:var(--dj-orange-500);}
.tl-node.current .tl-dot{
  background:var(--dj-blue-500);border-color:var(--dj-blue-500);
  box-shadow:0 0 0 4px rgba(0,163,224,0.18);
}
.tl-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.tl-head .title{
  font-weight:600;
  font-size:14.5px;
  color:var(--fg-1);
}
.tl-head .when{
  font-family:var(--font-mono);
  font-size:11.5px;
  color:var(--fg-3);
  font-feature-settings:"tnum" 1;
}
.tl-desc{
  font-size:13px;
  color:var(--fg-2);
  line-height:1.5;
}
.tl-chips{
  display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;
}
.tl-chip{
  font-size:11px;
  font-weight:500;
  padding:3px 8px;
  border-radius:999px;
  background:var(--dj-cream-200);
  color:var(--dj-navy-700);
  font-family:var(--font-mono);
  font-feature-settings:"tnum" 1;
}

/* Pillar 2 (signals) gets blue accents instead of orange */
.pillar.cool .pillar-num{background:var(--dj-blue-500);}
.pillar.cool .pillar-tag{color:var(--dj-blue-700);}
.pillar.cool h2 em{color:var(--dj-blue-600);font-style:italic;}
.pillar.cool .feat-list .check{
  background:var(--dj-blue-100);
  color:var(--dj-blue-700);
}

/* Visual 2: signal cards */
.signal-stack{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.signal-card{
  background:#fff;
  border:1px solid var(--border-2);
  border-radius:var(--radius-lg);
  padding:18px 20px;
  box-shadow:var(--shadow-sm);
  display:grid;
  grid-template-columns: 42px 1fr;
  gap:14px;
  align-items:flex-start;
}
.signal-card .avatar{
  width:42px;height:42px;
  border-radius:999px;
  background:var(--dj-navy-800);
  color:var(--dj-cream-100);
  display:grid;place-items:center;
  font-weight:600;
  font-size:14px;
  font-family:var(--font-ui);
}
.signal-card .avatar.o{background:var(--dj-orange-500);}
.signal-card .avatar.b{background:var(--dj-blue-500);}
.signal-card .who{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  margin-bottom:6px;
}
.signal-card .who .name{font-weight:600;font-size:14px;color:var(--fg-1);}
.signal-card .who .firm{font-size:12px;color:var(--fg-3);font-weight:500;}
.signal-card .insight{
  font-size:13.5px;
  line-height:1.5;
  color:var(--fg-2);
}
.signal-card .insight b{color:var(--fg-1);font-weight:600;}
.signal-card .tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--dj-orange-700);
  margin-top:10px;
}
.signal-card .tag.cool{color:var(--dj-blue-700);}
.signal-card .tag.deep{color:var(--dj-navy-700);}
.signal-card .avatar:not(.o):not(.b){background:var(--dj-cream-200);color:var(--dj-navy-800);font-family:var(--font-display);font-style:italic;font-size:16px;}

/* ============ Shift bar (the shift: from → to) ============ */
.shift{
  margin-top:32px;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding:14px 18px;
  background:#fff;
  border:1px solid var(--border-1);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-xs);
  max-width:640px;
}
.shift.cool{border-color:var(--dj-blue-200);background:linear-gradient(180deg,#fff,var(--dj-blue-100));}
.shift-lbl{
  font-family:var(--font-ui);
  font-weight:600;
  font-size:11px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--dj-orange-600);
  padding:4px 9px;
  background:var(--dj-orange-100);
  border-radius:999px;
  flex-shrink:0;
}
.shift.cool .shift-lbl{color:var(--dj-blue-700);background:var(--dj-blue-100);}
.shift-from{
  font-size:13.5px;
  color:var(--fg-3);
  text-decoration:line-through;
  text-decoration-color:var(--dj-navy-300);
}
.shift-to{
  font-size:14px;
  font-weight:600;
  color:var(--fg-1);
  font-style:italic;
  font-family:var(--font-display);
  font-weight:400;
  font-size:18px;
  letter-spacing:-0.01em;
}
.shift-arrow{
  width:16px;height:16px;
  flex-shrink:0;
  stroke:var(--dj-orange-500);
  fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;
}
.shift.cool .shift-arrow{stroke:var(--dj-blue-500);}

/* ============ Pillar 1 visual: readiness checklist ============ */
.checklist-hd{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:16px;
  margin-bottom:14px;
  border-bottom:1px solid var(--border-2);
}
.checklist-title{font-weight:600;font-size:15px;color:var(--fg-1);margin-bottom:3px;}
.checklist-sub{font-size:12px;color:var(--fg-3);font-family:var(--font-mono);}
.checklist-score{
  display:flex;
  align-items:baseline;
  gap:4px;
  font-family:var(--font-mono);
  flex-shrink:0;
}
.csc-num{
  font-size:34px;
  font-weight:600;
  color:var(--dj-orange-500);
  letter-spacing:-0.02em;
  font-feature-settings:"tnum" 1;
  line-height:1;
}
.csc-lbl{font-size:13px;color:var(--fg-3);font-weight:500;}
.checklist{display:flex;flex-direction:column;gap:2px;margin-bottom:14px;}
.cl-row{
  display:grid;
  grid-template-columns: 22px 1fr auto;
  gap:12px;
  align-items:center;
  padding:9px 10px;
  border-radius:var(--radius-sm);
  font-size:13.5px;
}
.cl-row:hover{background:var(--bg-3);}
.cl-tick{
  width:22px;height:22px;
  border-radius:6px;
  background:var(--dj-success-bg);
  color:var(--dj-success);
  display:grid;place-items:center;
}
.cl-tick.warn{background:var(--dj-warn-bg);color:var(--dj-warn);}
.cl-tick.missing{background:var(--dj-navy-100);color:var(--dj-navy-500);}
.cl-name{font-weight:500;color:var(--fg-1);}
.cl-meta{font-size:11.5px;color:var(--dj-success);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}
.cl-meta.warn{color:var(--dj-warn);}
.cl-meta.missing{color:var(--dj-navy-500);text-transform:none;letter-spacing:0;font-weight:500;font-size:12px;}

/* ============ Pillar 2 visual: Q&A card ============ */
.qa-card{padding:0;overflow:hidden;}
.qa-doc{
  display:grid;
  grid-template-columns:36px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 18px;
  background:var(--dj-blue-100);
  border-bottom:1px solid var(--dj-blue-200);
}
.qa-doc-icon{
  width:36px;height:36px;
  border-radius:8px;
  background:#fff;
  display:grid;place-items:center;
}
.qa-doc-name{font-weight:600;font-size:13.5px;color:var(--fg-1);}
.qa-doc-sub{font-size:12px;color:var(--fg-3);font-family:var(--font-mono);}
.qa-doc-pin{
  font-size:11px;
  font-weight:600;
  letter-spacing:0.04em;
  text-transform:uppercase;
  background:var(--dj-blue-500);
  color:#fff;
  padding:4px 9px;
  border-radius:999px;
}
.qa-thread{
  padding:18px;
  display:flex;flex-direction:column;gap:14px;
}
.qa-msg{display:flex;gap:10px;align-items:flex-start;}
.qa-msg.investor{justify-content:flex-start;}
.qa-msg.founder{justify-content:flex-end;}
.qa-avatar{
  width:30px;height:30px;
  border-radius:999px;
  display:grid;place-items:center;
  font-size:11px;font-weight:600;
  background:var(--dj-blue-500);color:#fff;
  flex-shrink:0;
}
.qa-avatar.founder{
  background:var(--dj-navy-800);color:var(--dj-cream);
  font-size:10px;letter-spacing:0.03em;
}
.qa-bubble{
  background:var(--dj-cream-100);
  border:1px solid var(--border-2);
  border-radius:14px;
  padding:10px 14px;
  max-width:78%;
  font-size:13.5px;
  line-height:1.5;
  color:var(--fg-2);
}
.qa-bubble p{margin:0;}
.qa-bubble.draft{
  background:#fff;
  border-color:var(--dj-orange-300);
  box-shadow:0 0 0 3px rgba(229,145,94,0.10);
}
.qa-meta{
  font-size:11px;
  color:var(--fg-3);
  margin-bottom:4px;
  font-weight:500;
}
.qa-meta .qa-name{color:var(--fg-1);font-weight:600;}
.qa-draft-tag{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:10.5px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:var(--dj-orange-700);
  margin-bottom:8px;
  padding:3px 8px;
  background:var(--dj-orange-100);
  border-radius:999px;
}
.qa-actions{
  display:flex;gap:8px;margin-top:10px;
}
.qa-btn{
  font-family:var(--font-ui);
  font-weight:500;
  font-size:12px;
  padding:6px 12px;
  border-radius:var(--radius-sm);
  background:var(--dj-orange-500);
  color:#fff;
  cursor:pointer;
}
.qa-btn.ghost{background:transparent;color:var(--fg-2);border:1px solid var(--border-1);}
.qa-typing{
  display:flex;align-items:center;gap:8px;
  padding:8px 14px;
  font-size:12px;
  color:var(--fg-3);
  font-family:var(--font-mono);
}
.qa-typing .dot{
  width:6px;height:6px;border-radius:999px;background:var(--dj-blue-500);
  animation:qadot 1.4s infinite ease-in-out;
}
.qa-typing .dot:nth-child(2){animation-delay:0.2s;}
.qa-typing .dot:nth-child(3){animation-delay:0.4s;}
@keyframes qadot{
  0%,80%,100%{opacity:0.3;transform:translateY(0);}
  40%{opacity:1;transform:translateY(-3px);}
}

/* ============ AI grid (5 cards, asymmetric) ============ */
.ai-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:24px;
}
@media (max-width:780px){.ai-grid{grid-template-columns:1fr;}}
.ai-card{
  background:rgba(254,249,241,0.04);
  border:1px solid rgba(254,249,241,0.10);
  border-radius:var(--radius-lg);
  padding:28px;
  transition:all 200ms var(--ease-standard);
}
.ai-card:hover{background:rgba(254,249,241,0.06);border-color:rgba(254,249,241,0.20);}
.ai-card.wide{grid-column:1 / -1;}
.ai-card-num{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--dj-orange-400);
  letter-spacing:0.06em;
  margin-bottom:18px;
  font-weight:500;
}
.ai-card.cool .ai-card-num{color:var(--dj-blue-400);}
.ai-card .icon{
  width:36px;height:36px;
  border-radius:8px;
  background:rgba(229,145,94,0.16);
  color:var(--dj-orange-400);
  display:grid;place-items:center;
  margin-bottom:14px;
}
.ai-card.cool .icon{
  background:rgba(0,163,224,0.16);
  color:var(--dj-blue-400);
}
.ai-card h4{
  font-family:var(--font-display);
  font-style:italic;
  font-weight:400;
  font-size:24px;
  margin:0 0 10px;
  color:var(--dj-cream);
  letter-spacing:-0.01em;
  line-height:1.15;
}
.ai-card p{
  font-size:14px;
  line-height:1.6;
  color:var(--dj-navy-300);
  margin:0;
  max-width:520px;
}
.signal-card .tag .pulse{
  width:7px;height:7px;border-radius:999px;background:currentColor;
  box-shadow:0 0 0 0 currentColor;
  animation:pulse 1.8s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(229,145,94,0.55);}
  70%{box-shadow:0 0 0 8px rgba(229,145,94,0);}
  100%{box-shadow:0 0 0 0 rgba(229,145,94,0);}
}

/* Visual 3: template picker */
.tpl-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.tpl{
  background:#fff;
  border:1px solid var(--border-2);
  border-radius:var(--radius-lg);
  padding:16px;
  transition:all 200ms var(--ease-standard);
  position:relative;
}
.tpl.selected{
  border-color:var(--dj-navy-800);
  box-shadow:0 0 0 3px rgba(27,34,56,0.08), var(--shadow-sm);
}
.tpl .hdr{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.tpl .t{
  font-weight:600;font-size:14px;color:var(--fg-1);
}
.tpl .dot{
  width:10px;height:10px;border-radius:999px;background:var(--dj-navy-200);
}
.tpl.selected .dot{background:var(--dj-orange-500);box-shadow:0 0 0 3px rgba(229,145,94,0.22);}
.tpl .d{font-size:12px;color:var(--fg-3);line-height:1.5;margin-bottom:12px;}
.tpl .bars{display:flex;gap:3px;height:22px;align-items:flex-end;}
.tpl .bars span{
  flex:1;background:var(--dj-navy-100);border-radius:2px;
}
.tpl.selected .bars span{background:var(--dj-orange-300);}
.tpl.selected .bars span:nth-child(2){background:var(--dj-orange-500);}

.tpl-note{
  margin-top:14px;
  padding:14px 16px;
  background:var(--dj-cream-200);
  border-radius:var(--radius-md);
  font-size:13px;
  color:var(--fg-2);
  line-height:1.5;
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.tpl-note b{color:var(--fg-1);font-weight:600;}

/* ============ AI section (navy plate) ============ */
.ai{
  background:var(--dj-navy-900);
  color:var(--dj-cream);
  position:relative;
  overflow:hidden;
}
.ai::before{
  content:"";
  position:absolute;
  top:-20%; right:-10%;
  width:700px; height:700px;
  background:radial-gradient(circle at 50% 50%, rgba(229,145,94,0.14), rgba(229,145,94,0) 60%);
  pointer-events:none;
}
.ai::after{
  content:"";
  position:absolute;
  bottom:-25%; left:-12%;
  width:780px; height:780px;
  background:radial-gradient(circle at 50% 50%, rgba(0,163,224,0.16), rgba(0,163,224,0) 62%);
  pointer-events:none;
}
.ai .eyebrow{color:var(--dj-orange-400);}
.ai .section-title{color:var(--dj-cream);}
.ai .section-title em{color:var(--dj-orange-500);}
.ai .section-sub{color:var(--dj-navy-300);}
.phase-rail{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:32px;
  margin-top:24px;
}
@media (max-width:900px){
  .phase-rail{grid-template-columns:1fr;gap:36px;}
}
.phase{
  position:relative;
}
.phase-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:24px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(254,249,241,0.12);
}
.phase-num{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--dj-orange-400);
  letter-spacing:0.06em;
  font-weight:500;
}
.phase.monitor .phase-num{color:var(--dj-blue-400);}
.phase.monitor .ai-feature .icon{
  background:rgba(0,163,224,0.16);
  color:var(--dj-blue-300);
}
.phase-title{
  font-family:var(--font-display);
  font-style:italic;
  font-size:26px;
  font-weight:400;
  color:var(--dj-cream);
  letter-spacing:-0.01em;
}
.phase-desc{
  font-size:13.5px;
  color:var(--dj-navy-300);
  margin-left:auto;
  max-width:140px;
  line-height:1.4;
}
@media (max-width:900px){
  .phase-desc{max-width:none;margin-left:0;width:100%;}
  .phase-head{flex-wrap:wrap;}
}
.ai-feature{
  background:rgba(254,249,241,0.04);
  border:1px solid rgba(254,249,241,0.08);
  border-radius:var(--radius-lg);
  padding:22px;
  margin-bottom:14px;
  transition:all 200ms var(--ease-standard);
}
.ai-feature:hover{
  background:rgba(254,249,241,0.06);
  border-color:rgba(254,249,241,0.18);
}
.ai-feature .icon{
  width:34px;height:34px;
  border-radius:8px;
  background:rgba(229,145,94,0.16);
  color:var(--dj-orange-400);
  display:grid;place-items:center;
  margin-bottom:14px;
}
.ai-feature h4{
  font-family:var(--font-ui);
  font-weight:600;
  font-size:15px;
  margin:0 0 6px;
  color:var(--dj-cream);
}
.ai-feature p{
  font-size:13.5px;
  line-height:1.55;
  color:var(--dj-navy-300);
  margin:0;
}

/* ============ How it works ============ */
.how-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:24px;
  margin-top:16px;
  position:relative;
}
@media (max-width:900px){ .how-grid{grid-template-columns:1fr;} }
.step{
  background:#fff;
  border:1px solid var(--border-2);
  border-radius:var(--radius-xl);
  padding:28px;
  position:relative;
}
.step .num{
  font-family:var(--font-display);
  font-style:italic;
  font-size:52px;
  line-height:1;
  color:var(--dj-orange-500);
  margin-bottom:18px;
}
.step h3{
  font-family:var(--font-headline);
  font-weight:600;
  font-size:20px;
  margin:0 0 10px;
  color:var(--fg-1);
}
.step p{
  font-size:14px;
  color:var(--fg-2);
  line-height:1.55;
  margin:0 0 16px;
}
.step-visual{
  background:var(--dj-cream-100);
  border:1px solid var(--border-2);
  border-radius:var(--radius-md);
  padding:12px;
  font-size:12.5px;
  font-family:var(--font-mono);
  color:var(--fg-2);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.step-visual .line{display:flex;align-items:center;gap:8px;}
.step-visual .dot{width:8px;height:8px;border-radius:999px;background:var(--dj-orange-400);flex-shrink:0;}
.step-visual .dot.blue{background:var(--dj-blue-500);}
.step-visual .dot.navy{background:var(--dj-navy-800);}
.step-visual .fade{color:var(--fg-4);}

/* ============ Audience toggle ============ */
.audience{
  padding:112px 0;
}
.audience-switch{
  display:inline-flex;
  padding:4px;
  background:#fff;
  border:1px solid var(--border-1);
  border-radius:999px;
  margin-bottom:48px;
  position:relative;
  box-shadow:var(--shadow-xs);
}
.audience-switch button{
  padding:10px 22px;
  font-size:14px;
  font-weight:500;
  color:var(--fg-3);
  border-radius:999px;
  z-index:1;
  transition:color 200ms var(--ease-standard);
  position:relative;
}
.audience-switch button.active{color:var(--dj-cream);}
.audience-switch .thumb{
  position:absolute;
  top:4px;bottom:4px;
  background:var(--dj-navy-800);
  border-radius:999px;
  transition:all 320ms var(--ease-emphasis);
  z-index:0;
}
.audience-panel{
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap:64px;
  align-items:center;
}
@media (max-width:900px){ .audience-panel{grid-template-columns:1fr;gap:40px;} }
.audience-copy h3{
  font-family:var(--font-display);
  font-weight:400;
  font-size:40px;
  line-height:1.1;
  letter-spacing:-0.02em;
  margin:0 0 20px;
  color:var(--fg-1);
}
.audience-copy h3 em{font-style:italic;color:var(--dj-orange-500);}
.audience-copy > p{
  font-size:16px;
  line-height:1.6;
  color:var(--fg-2);
  margin:0 0 28px;
}
.audience-bullets{
  list-style:none;padding:0;margin:0 0 32px;
  display:flex;flex-direction:column;gap:14px;
}
.audience-bullets li{
  display:grid;
  grid-template-columns:20px 1fr;
  gap:12px;
  font-size:14.5px;
  line-height:1.5;
  color:var(--fg-2);
}
.audience-bullets b{color:var(--fg-1);font-weight:600;}
.audience-bullets .b{
  margin-top:3px;
  width:20px;height:20px;
  border-radius:999px;
  background:var(--dj-orange-500);
  color:#fff;
  display:grid;place-items:center;
}
.audience-panel[data-panel="investor"] .audience-bullets .b{background:var(--dj-blue-500);}
.audience-panel[data-panel="investor"] h3 em{color:var(--dj-blue-600);}
/* Audience visual: inbox / signals */
.aud-visual{
  background:#fff;
  border:1px solid var(--border-2);
  border-radius:var(--radius-xl);
  padding:20px;
  box-shadow:var(--shadow-md);
}
.inbox-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:14px;
  margin-bottom:10px;
  border-bottom:1px solid var(--border-2);
}
.inbox-hd .t{font-weight:600;font-size:14px;color:var(--fg-1);}
.inbox-hd .c{
  font-family:var(--font-mono);
  font-size:11.5px;color:var(--fg-3);
  font-feature-settings:"tnum" 1;
}
.inbox-row{
  display:grid;
  grid-template-columns: 34px 1fr auto;
  gap:12px;
  align-items:center;
  padding:12px 10px;
  border-radius:var(--radius-md);
  cursor:pointer;
  transition:background 200ms var(--ease-standard);
}
.inbox-row:hover{background:var(--bg-3);}
.inbox-row .logo-box{
  width:34px;height:34px;
  border-radius:8px;
  background:var(--dj-navy-800);
  color:var(--dj-cream);
  display:grid;place-items:center;
  font-weight:600;font-size:13px;
  font-family:var(--font-display);
}
.inbox-row .logo-box.o{background:var(--dj-orange-500);color:#fff;}
.inbox-row .logo-box.b{background:var(--dj-blue-500);color:#fff;}
.inbox-row .logo-box.c{background:var(--dj-cream-200);color:var(--dj-navy-800);border:1px solid var(--border-1);}
.inbox-row .main .n{font-weight:600;font-size:13.5px;color:var(--fg-1);}
.inbox-row .main .s{font-size:12px;color:var(--fg-3);}
.inbox-row .when{
  font-family:var(--font-mono);
  font-size:11.5px;color:var(--fg-3);
  font-feature-settings:"tnum" 1;
}
.inbox-row.unread .main .n::before{
  content:"";
  display:inline-block;
  width:7px;height:7px;border-radius:999px;
  background:var(--dj-blue-500);
  margin-right:8px;vertical-align:middle;
}

/* ============ Pricing ============ */
.pricing{
  background:var(--bg-1);
}
.price-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
  align-items:stretch;
  margin-top:24px;
}
@media (max-width:900px){ .price-grid{grid-template-columns:1fr;} }
.price-card{
  background:#fff;
  border:1px solid var(--border-2);
  border-radius:var(--radius-xl);
  padding:32px;
  display:flex;
  flex-direction:column;
  position:relative;
  box-shadow:var(--shadow-sm);
}
.price-card.featured{
  background:var(--dj-navy-900);
  color:var(--dj-cream);
  border-color:var(--dj-navy-900);
  box-shadow:var(--shadow-lg);
}
.price-card .name{
  font-weight:600;font-size:14px;color:var(--fg-2);
  letter-spacing:0.02em;margin-bottom:6px;
}
.price-card.featured .name{color:var(--dj-blue-300);}
.price-card .for{
  font-size:13px;color:var(--fg-3);margin-bottom:20px;
}
.price-card.featured .for{color:var(--dj-navy-300);}
.price-card .fig{
  display:flex;align-items:baseline;gap:6px;margin-bottom:6px;
}
.price-card .amt{
  font-family:var(--font-display);
  font-weight:400;
  font-size:56px;
  line-height:1;
  letter-spacing:-0.02em;
  color:var(--fg-1);
}
.price-card.featured .amt{color:var(--dj-cream);}
.price-card .amt.free{font-family:var(--font-display);font-style:italic;color:var(--dj-orange-500);}
.price-card .per{
  font-size:13px;color:var(--fg-3);font-weight:500;
}
.price-card.featured .per{color:var(--dj-navy-300);}
.price-card .blurb{
  font-size:13.5px;color:var(--fg-2);line-height:1.5;
  margin:16px 0 20px;
  padding-bottom:20px;
  border-bottom:1px solid var(--border-2);
}
.price-card.featured .blurb{color:var(--dj-navy-300);border-color:rgba(254,249,241,0.15);}
.price-card ul{
  list-style:none;padding:0;margin:0 0 28px;
  display:flex;flex-direction:column;gap:12px;
  flex-grow:1;
}
.price-card ul li{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:10px;
  font-size:13.5px;color:var(--fg-2);line-height:1.5;
}
.price-card.featured ul li{color:var(--dj-cream);}
.price-card ul li .check{
  margin-top:3px;
  width:18px;height:18px;
  color:var(--dj-orange-500);
}
.price-card.featured ul li .check{color:var(--dj-orange-400);}
.price-card .btn{width:100%;justify-content:center;}
.price-card.featured .btn-primary{background:var(--dj-orange-500);color:#fff;}
.price-card.featured .btn-primary:hover{background:var(--dj-orange-600);}
.price-card .badge-pop{
  position:absolute;
  top:-11px;left:50%;transform:translateX(-50%);
  background:var(--dj-orange-500);
  color:#fff;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  padding:5px 12px;
  border-radius:999px;
}

/* ============ FAQ ============ */
.faq{padding-top:64px;}
.faq-list{
  max-width:820px;
  margin:0 auto;
  border-top:1px solid var(--border-2);
}
.faq-item{
  border-bottom:1px solid var(--border-2);
}
.faq-q{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:24px 4px;
  text-align:left;
  font-family:var(--font-headline);
  font-weight:600;
  font-size:18px;
  color:var(--fg-1);
  letter-spacing:-0.01em;
}
.faq-q .plus{
  width:22px;height:22px;
  flex-shrink:0;
  display:grid;place-items:center;
  color:var(--fg-3);
  transition:transform 200ms var(--ease-standard);
}
.faq-item.open .faq-q .plus{transform:rotate(45deg);color:var(--dj-blue-500);}
.faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height 320ms var(--ease-emphasis), padding 320ms var(--ease-emphasis);
}
.faq-a-inner{
  font-size:15px;
  line-height:1.65;
  color:var(--fg-2);
  padding:0 4px 24px;
  max-width:720px;
}
.faq-item.open .faq-a{max-height:400px;}

/* ============ Final CTA ============ */
.final-cta{
  padding:120px 0;
  text-align:center;
  background:var(--dj-cream-200);
  position:relative;
  overflow:hidden;
}
.final-cta::before{
  content:"";
  position:absolute;
  inset:-30% auto auto -20%;
  width:900px;height:900px;
  background:radial-gradient(circle, rgba(229,145,94,0.22), rgba(229,145,94,0) 60%);
  pointer-events:none;
}
.final-cta h2{
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(40px, 5.5vw, 72px);
  line-height:1.02;
  letter-spacing:-0.02em;
  margin:0 auto 24px;
  color:var(--fg-1);
  max-width:820px;
  position:relative;
}
.final-cta h2 em{font-style:italic;color:var(--dj-orange-600);}
.final-cta p{
  font-size:17px;
  color:var(--fg-2);
  max-width:560px;
  margin:0 auto 36px;
  line-height:1.5;
  position:relative;
}
.final-cta .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;}

/* ============ Footer ============ */
footer{
  padding:48px 0;
  border-top:1px solid var(--border-2);
  background:var(--bg-1);
}
.foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
  font-size:13px;
  color:var(--fg-3);
}
.foot .logo{font-size:15px;}
.foot-links{display:flex;gap:24px;}
.foot-links a{color:var(--fg-3);transition:color 200ms var(--ease-standard);}
.foot-links a:hover{color:var(--fg-1);}

/* ============ Helpers ============ */
.icon-wrap{
  width:20px;height:20px;
  display:inline-flex;align-items:center;justify-content:center;
  color:inherit;
}
svg.ic{width:1em;height:1em;display:block;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}