/* Octatail v2 — subpage components (loads after octatail-landing-v2.css) */

.nav-links a.active{color:var(--text);}

/* page hero */
.page-hero{padding:88px 0 68px;border-bottom:1px solid var(--line);}
.page-hero h1{font-size:clamp(36px,4.6vw,56px);line-height:1.04;margin:20px 0 0;letter-spacing:-.022em;font-weight:600;}
.page-hero h1 em{font-style:normal;color:var(--sig);}
.page-hero .lede{color:var(--text-2);font-size:19px;margin-top:22px;max-width:620px;}

/* coverage / pack grids */
.cover{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.cover .c{background:var(--ink);padding:28px 26px;}
.sec.alt .cover .c{background:var(--ink-2);}
.cover .c .n{font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.1em;}
.cover .c h4{font-size:16px;margin:16px 0 8px;}
.cover .c p{font-size:14px;color:var(--text-2);line-height:1.55;}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch;}
.plan{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:8px;
  background:var(--panel);padding:32px 30px;}
.plan.hot{border-color:var(--text-2);}
.plan .tier{display:flex;justify-content:space-between;align-items:center;}
.plan .tier .name{font-size:17px;font-weight:600;letter-spacing:-.01em;}
.plan .tier .pop{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--sig);border:1px solid var(--sig);background:var(--sig-soft);padding:3px 9px;border-radius:4px;}
.plan .desc{font-size:14px;color:var(--text-2);line-height:1.55;margin:16px 0 0;min-height:3.2em;}
.plan .price{margin-top:22px;display:flex;align-items:baseline;gap:8px;}
.plan .price .v{font-size:42px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.plan .price .per{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.plan .domains{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:5px;
  background:var(--ink-2);font-size:14.5px;}
.plan .domains b{font-weight:600;}
.plan .domains .extra{display:block;margin-top:5px;font-family:var(--mono);font-size:11px;
  letter-spacing:.04em;color:var(--muted);}
.plan ul{list-style:none;margin:22px 0 20px;padding:0;display:flex;flex-direction:column;}
.plan ul li{font-size:14.5px;color:var(--text-2);padding:9px 0;border-top:1px solid var(--line);}
.plan ul li::before{content:'—';color:var(--faint);margin-right:10px;}
.plan .bestfor{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0 0 24px;padding-top:14px;border-top:1px solid var(--line);}
.plan .bestfor b{color:var(--text-2);font-weight:500;}
.plan .btn{margin-top:auto;justify-content:center;}

/* q&a rows */
.qa{display:grid;grid-template-columns:300px 1fr;gap:40px;padding:24px 0;border-top:1px solid var(--line);}
.qa:last-child{border-bottom:1px solid var(--line);}
.qa h4{font-size:16px;}
.qa p{font-size:15px;color:var(--text-2);}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;}
.contact-grid .case{display:flex;flex-direction:column;}
.contact-grid .case-body{flex:1;display:flex;flex-direction:column;}
.cal-ph{flex:1;min-height:300px;border:1px solid var(--line);border-radius:5px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  background:repeating-linear-gradient(45deg,rgba(244,242,236,.03) 0 8px,transparent 8px 16px);}
.cal-ph .ph{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--faint);
  text-transform:uppercase;line-height:1.8;}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;}
.field label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.field input,.field textarea{background:var(--ink-2);border:1px solid var(--line-2);border-radius:5px;
  padding:11px 13px;color:var(--text);font-family:var(--sans);font-size:15px;resize:vertical;}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--line-3);}
.field input::placeholder,.field textarea::placeholder{color:var(--faint);}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.mod-note{font-size:14.5px;color:var(--text-2);margin-bottom:18px;}
.mod-foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.mod-foot .alt-k{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);}
.mod-foot .alt-k a{color:var(--text-2);border-bottom:1px solid var(--line-3);}
.mod-foot .alt-k a:hover{color:var(--text);}

/* long-form prose (security & privacy, legal) */
.prose{max-width:680px;}
.prose h2{font-size:clamp(20px,2.4vw,26px);line-height:1.14;margin:46px 0 0;font-weight:600;letter-spacing:-.01em;}
.prose h2:first-child{margin-top:0;}
.prose p{color:var(--text-2);font-size:16px;line-height:1.65;margin:14px 0 0;}
.prose a{color:var(--text);border-bottom:1px solid var(--line-3);}
.prose a:hover{border-bottom-color:var(--text-2);}
.prose .prose-note{margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);}

/* responsive */
@media(max-width:1000px){
  .cover{grid-template-columns:repeat(2,1fr);}
  .plans{grid-template-columns:1fr;}
  .qa{grid-template-columns:1fr;gap:10px;}
  .contact-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .cover{grid-template-columns:1fr;}
  .field-row{grid-template-columns:1fr;}
  .page-hero{padding:64px 0 52px;}
}