.nav{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:20px 48px; background:rgba(241,242,244,.86); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.brand{display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:700; font-size:20px;}
.brand .mark{
  width:30px; height:30px; border-radius:8px; background:var(--ink);
  display:flex; align-items:center; justify-content:center;
  color:var(--paper); font-family:var(--font-mono); font-weight:600; font-size:13px;
  transform:rotate(-6deg); flex-shrink:0;
}
.nav-links{display:flex; gap:34px; font-size:14.5px; font-weight:500; color:var(--ink-soft);}
.nav-links a:hover{color:var(--ink);}
.nav-cta{display:flex; gap:12px; align-items:center;}
.nav-toggle{display:none; background:none; border:none; color:var(--ink);}

.hero{
  display:grid; grid-template-columns:1.1fr .9fr; gap:60px;
  padding:88px 48px 100px; max-width:1320px; margin:0 auto; align-items:center;
}
.eyebrow{
  font-family:var(--font-mono); font-size:12.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--coral); font-weight:600; margin-bottom:18px; display:flex; align-items:center; gap:10px;
}
.eyebrow::before{content:''; width:26px; height:1.5px; background:var(--coral);}
.hero h1{
  font-family:var(--font-display); font-size:56px; line-height:1.04; font-weight:600;
  letter-spacing:-.01em; margin-bottom:24px;
}
.hero h1 em{font-style:italic; color:var(--coral);}
.hero p.lead{font-size:18px; line-height:1.6; color:var(--ink-soft); max-width:480px; margin-bottom:34px;}
.hero-ctas{display:flex; gap:14px; margin-bottom:38px; flex-wrap:wrap;}
.hero-proof{display:flex; gap:28px; font-size:13px; color:var(--muted); font-family:var(--font-mono); flex-wrap:wrap;}
.hero-proof b{color:var(--ink); font-family:var(--font-body); font-weight:700; font-size:15px; display:block;}

.hero-visual{position:relative;}
.paper-card{
  background:var(--card); border:1px solid var(--border); border-radius:16px;
  padding:30px 32px; box-shadow:0 30px 60px -30px rgba(22,35,63,.35);
  position:relative; transform:rotate(1.2deg);
}
.paper-card::before{
  content:''; position:absolute; left:54px; top:0; bottom:0; width:1px; background:rgba(228,87,46,.25);
}
.paper-card .doc-title{font-family:var(--font-display); font-weight:600; font-size:19px; margin-bottom:6px;}
.paper-card .doc-sub{font-size:12.5px; color:var(--muted); font-family:var(--font-mono); margin-bottom:20px;}
.doc-line{height:9px; background:var(--paper-deep); border-radius:3px; margin-bottom:11px;}
.doc-line.w80{width:80%;} .doc-line.w95{width:95%;} .doc-line.w60{width:60%;} .doc-line.w70{width:70%;}
.margin-note{
  position:absolute; right:-26px; top:56px; background:#fff; border:1.5px solid var(--coral);
  color:var(--coral-deep); font-family:var(--font-mono); font-size:11.5px; font-weight:600;
  padding:8px 12px; border-radius:8px; width:170px; transform:rotate(3deg);
  box-shadow:0 10px 24px -10px rgba(228,87,46,.4);
}
.margin-note.two{top:200px; right:-10px; border-color:var(--teal); color:var(--teal); width:150px; transform:rotate(-2deg);}
.floating-stamp{position:absolute; left:-18px; bottom:-16px;}

.logo-strip{padding:0 48px 70px; max-width:1320px; margin:0 auto;}
.logo-strip .label{font-family:var(--font-mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin-bottom:18px;}
.logo-row{display:flex; gap:40px; flex-wrap:wrap; color:var(--muted); font-weight:600; font-size:14px; opacity:.7;}

section.block{padding:96px 48px; max-width:1320px; margin:0 auto;}
.section-head{max-width:640px; margin-bottom:56px;}
.section-head h2{font-family:var(--font-display); font-size:38px; font-weight:600; margin-bottom:16px; letter-spacing:-.01em;}
.section-head p{font-size:16.5px; color:var(--ink-soft); line-height:1.6;}

.tool-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:22px;}
.tool-card{
  background:var(--card); border:1px solid var(--border); border-radius:16px; padding:28px;
  display:flex; flex-direction:column; gap:14px; transition:transform .18s ease, border-color .18s ease;
}
.tool-card:hover{transform:translateY(-4px); border-color:var(--ink);}
.tool-card .tool-icon{color:var(--coral);}
.tool-num{font-family:var(--font-mono); font-size:13px; color:var(--muted); font-weight:600;}
.tool-card h3{font-family:var(--font-display); font-size:21px; font-weight:600;}
.tool-card p{font-size:14.5px; color:var(--ink-soft); line-height:1.55; flex:1;}

.journey{display:flex; flex-direction:column; border-top:1px solid var(--border);}
.journey-row{
  display:grid; grid-template-columns:80px 260px 1fr; gap:24px; align-items:center;
  padding:26px 0; border-bottom:1px solid var(--border);
}
.journey-row .jnum{font-family:var(--font-mono); font-size:26px; font-weight:600; color:var(--coral);}
.journey-row h4{font-family:var(--font-display); font-size:19px; font-weight:600;}
.journey-row p{font-size:14.5px; color:var(--ink-soft); line-height:1.55;}

.pricing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.price-card{background:var(--card); border:1px solid var(--border); border-radius:18px; padding:34px 30px; display:flex; flex-direction:column; gap:18px;}
.price-card.featured{border-color:var(--ink); box-shadow:0 24px 50px -28px rgba(22,35,63,.4); position:relative;}
.price-card .plan{font-family:var(--font-mono); font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--muted); font-weight:600;}
.price-card .amount{font-family:var(--font-display); font-size:38px; font-weight:600;}
.price-card .amount span{font-size:15px; font-family:var(--font-body); color:var(--muted); font-weight:500;}
.price-card ul{list-style:none; display:flex; flex-direction:column; gap:10px; font-size:14px; color:var(--ink-soft);}
.price-card li::before{content:'—'; color:var(--coral); margin-right:8px; font-weight:700;}

.site-footer{padding:60px 48px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:13.5px; flex-wrap:wrap; gap:12px;}

@media (max-width: 980px){
  .nav{padding:16px 24px;}
  .nav-links{display:none;}
  .hero{grid-template-columns:1fr; padding:56px 24px 64px;}
  .logo-strip, section.block{padding-left:24px; padding-right:24px;}
  .tool-grid{grid-template-columns:1fr 1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .journey-row{grid-template-columns:44px 1fr; grid-template-areas:"n h" ". p";}
  .journey-row .jnum{grid-area:n;} .journey-row h4{grid-area:h;} .journey-row p{grid-area:p;}
  .site-footer{padding:40px 24px;}
}
@media (max-width: 620px){
  .hero h1{font-size:38px;}
  .tool-grid{grid-template-columns:1fr;}
  .margin-note{display:none;}
}