:root{
  --ink:#101820;
  --ink-soft:#3b4753;
  --paper:#F6F7F5;
  --panel:#FFFFFF;
  --line:#DCE0DD;
  --teal:#0F7A6B;
  --teal-deep:#0B5E52;
  --amber:#E8A33D;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'IBM Plex Sans', sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  font-family:'Space Grotesk', sans-serif;
  font-weight:600;
  color:var(--ink);
  margin:0 0 .4em;
  letter-spacing:-0.01em;
}
.mono{font-family:'IBM Plex Mono', monospace;}
a{color:inherit;}
.shell{max-width:1080px;margin:0 auto;padding:0 28px;}
img{max-width:100%;display:block;}

/* header */
header.masthead{
  border-bottom:1px solid var(--line);
  background:var(--panel);
  position:sticky;top:0;z-index:10;
}
header.masthead .shell{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 28px;flex-wrap:wrap;gap:10px;
}
.wordmark{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--ink);
  display:flex;flex-direction:column;line-height:1.1;
}
.wordmark span{
  font-family:'IBM Plex Mono',monospace;
  font-weight:400;font-size:.68rem;color:var(--ink-soft);
  margin-top:3px;
}
nav{display:flex;gap:28px;flex-wrap:wrap;}
nav a{text-decoration:none;font-size:.92rem;color:var(--ink-soft);}
nav a:hover{color:var(--teal-deep);}
nav a.current{color:var(--teal-deep);}

/* hero */
.hero{padding:76px 0 64px;}
.hero .shell{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start;}
.hero h1{font-size:2.55rem;line-height:1.14;max-width:14ch;}
.hero .lede{font-size:1.05rem;color:var(--ink-soft);max-width:46ch;margin:18px 0 28px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.btn{
  display:inline-block;padding:12px 22px;border-radius:3px;
  font-size:.92rem;font-weight:500;text-decoration:none;
  border:1px solid var(--ink);
}
.btn-solid{background:var(--teal-deep);border-color:var(--teal-deep);color:#fff;}
.btn-solid:hover{background:var(--ink);border-color:var(--ink);}
.btn-line{color:var(--ink);}
.btn-line:hover{background:var(--ink);color:#fff;}

.ticket{
  border:1px solid var(--line);background:var(--panel);
  padding:22px 22px 8px;
}
.ticket h2{font-size:.98rem;margin-bottom:14px;}
.trow{
  display:flex;justify-content:space-between;gap:16px;
  padding:12px 0;border-top:1px solid var(--line);
  font-size:.86rem;
}
.trow:first-of-type{border-top:none;}
.trow b{display:block;font-weight:500;}
.trow small{color:var(--ink-soft);}
.trow i{
  font-style:normal;font-family:'IBM Plex Mono',monospace;
  color:var(--teal-deep);font-size:.72rem;align-self:flex-start;
  border:1px solid var(--teal-deep);padding:2px 6px;border-radius:2px;
}

section{padding:60px 0;border-top:1px solid var(--line);}
.sec-head{max-width:56ch;margin-bottom:36px;}
.sec-head h2{font-size:1.6rem;}
.sec-head p{color:var(--ink-soft);}

/* services ledger */
.ledger{display:flex;flex-direction:column;}
.item{
  display:grid;grid-template-columns:280px 1fr;gap:32px;
  padding:28px 0;border-top:1px solid var(--line);
}
.item:first-child{border-top:none;}
.item .tag{
  font-family:'IBM Plex Mono',monospace;font-size:.72rem;
  color:var(--teal-deep);margin-top:6px;
}
.item ul{margin:14px 0 0;padding-left:18px;color:var(--ink-soft);font-size:.92rem;}
.item li{margin-bottom:5px;}
.item p{margin:0;color:var(--ink-soft);}

/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.step{border-top:2px solid var(--ink);padding-top:14px;}
.step .n{font-family:'IBM Plex Mono',monospace;color:var(--teal-deep);font-size:.8rem;margin-bottom:6px;}
.step h3{font-size:1.02rem;}
.step p{color:var(--ink-soft);font-size:.9rem;margin:0;}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);}
.plan{padding:30px 26px;border-left:1px solid var(--line);}
.plan:first-child{border-left:none;}
.plan.lead{background:var(--ink);color:#fff;}
.plan.lead .price sub, .plan.lead .note, .plan.lead ul{color:#cfd6d3;}
.plan.lead .btn-line{border-color:#fff;color:#fff;}
.plan.lead .btn-line:hover{background:#fff;color:var(--ink);}
.plan h3{font-size:1rem;}
.plan .price{font-family:'Space Grotesk',sans-serif;font-size:1.7rem;font-weight:600;margin:6px 0 4px;}
.plan .price sub{font-family:'IBM Plex Sans',sans-serif;font-size:.7rem;font-weight:400;color:var(--ink-soft);}
.plan .note{font-size:.85rem;color:var(--ink-soft);margin-bottom:14px;}
.plan ul{padding-left:16px;font-size:.86rem;color:var(--ink-soft);margin-bottom:20px;}
.plan li{margin-bottom:5px;}
#pricing .sec-head p{max-width:70ch;}

/* company / trust */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;}
.split p{color:var(--ink-soft);}
.facts{border:1px solid var(--line);background:var(--panel);}
.facts div{
  display:flex;justify-content:space-between;gap:16px;
  padding:13px 20px;border-top:1px solid var(--line);font-size:.86rem;
}
.facts div:first-child{border-top:none;}
.facts b{font-weight:500;}
.facts span{color:var(--ink-soft);text-align:right;}

/* badges */
.badges{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;}
.badge{
  display:flex;align-items:center;gap:8px;
  font-size:.8rem;color:var(--ink-soft);
  border:1px solid var(--line);padding:8px 12px;border-radius:3px;
}
.badge b{color:var(--ink);}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.contact-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);}
.contact-list li{
  display:flex;justify-content:space-between;gap:16px;
  padding:13px 18px;border-top:1px solid var(--line);font-size:.88rem;
}
.contact-list li:first-child{border-top:none;}
.contact-list span{color:var(--ink-soft);}

/* inner page header (policy / contact pages) */
.page-head{padding:56px 0 40px;border-top:none;}
.page-head .eyebrow{
  font-family:'IBM Plex Mono',monospace;font-size:.78rem;
  color:var(--teal-deep);margin-bottom:10px;
}
.page-head h1{font-size:2.1rem;max-width:22ch;}
.page-head .updated{color:var(--ink-soft);font-size:.86rem;margin-top:10px;}

/* prose (policy pages) */
.prose{max-width:70ch;}
.prose section{padding:34px 0;border-top:1px solid var(--line);}
.prose section:first-child{padding-top:0;border-top:none;}
.prose h2{font-size:1.15rem;margin-bottom:.5em;}
.prose p{color:var(--ink-soft);margin:0 0 1em;}
.prose ul,.prose ol{color:var(--ink-soft);padding-left:20px;margin:0 0 1em;}
.prose li{margin-bottom:6px;}
.prose table{width:100%;border-collapse:collapse;font-size:.9rem;margin:0 0 1em;}
.prose th,.prose td{text-align:left;padding:9px 12px;border:1px solid var(--line);color:var(--ink-soft);}
.prose th{color:var(--ink);font-weight:500;background:var(--panel);}

/* simple contact form (visual + mailto, no backend) */
.form-card{border:1px solid var(--line);background:var(--panel);padding:26px;}
.form-card label{display:block;font-size:.82rem;color:var(--ink-soft);margin:14px 0 5px;}
.form-card label:first-child{margin-top:0;}
.form-card input,.form-card textarea{
  width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:3px;
  font-family:'IBM Plex Sans',sans-serif;font-size:.92rem;background:var(--paper);color:var(--ink);
}
.form-card textarea{min-height:110px;resize:vertical;}
.form-card .btn{margin-top:18px;border:none;cursor:pointer;}
.form-note{font-size:.78rem;color:var(--ink-soft);margin-top:12px;}

footer{background:var(--ink);color:#cfd6d3;padding:50px 0 22px;}
footer h4{color:#fff;font-size:.9rem;margin-bottom:10px;}
footer .shell{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:40px;}
.foot-links a{display:block;text-decoration:none;color:#cfd6d3;font-size:.87rem;padding:4px 0;}
.foot-links a:hover{color:#fff;}
.legal{
  border-top:1px solid #2a333c;margin-top:36px;padding-top:18px;
  font-size:.78rem;color:#8b9490;
}

@media (max-width:820px){
  .hero .shell{grid-template-columns:1fr;}
  .item{grid-template-columns:1fr;gap:10px;}
  .steps{grid-template-columns:1fr 1fr;}
  .plans{grid-template-columns:1fr;}
  .plan{border-left:none;border-top:1px solid var(--line);}
  .plan:first-child{border-top:none;}
  .split{grid-template-columns:1fr;}
  footer .shell{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
}