/* vavada6392.com — графит и небесно-голубой */
:root{
  --draft-bg:#101214;
  --draft-bg-2:#161a1e;
  --draft-bg-3:#1c2126;
  --draft-sky:#56b6e8;
  --draft-sky-dim:#3d8cb8;
  --draft-grey:#e8eef2;
  --draft-text:#f1f5f8;
  --draft-muted:#a7b4bd;
  --draft-line:#262d34;
  --draft-radius:14px;
  --draft-shadow:0 18px 44px rgba(0,0,0,.45);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--draft-bg);
  color:var(--draft-text);
  font-family:"Cormorant Garamond","Georgia",serif;
  font-size:19px;
  line-height:1.72;
}
h1,h2,h3,.draft-logo,.draft-num{font-family:"Lobster","Trebuchet MS",cursive}
h1,h2,h3{line-height:1.22;font-weight:400;color:var(--draft-grey)}
h1{font-size:2.55rem;margin:0 0 18px}
h2{font-size:1.95rem;margin:0 0 16px;color:var(--draft-sky)}
h3{font-size:1.3rem;margin:0 0 10px}
p{margin:0 0 15px}
a{color:var(--draft-sky);text-decoration:none}
a:hover{color:var(--draft-grey);text-decoration:underline}

.draft-wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.draft-section{padding:52px 0;border-top:1px solid var(--draft-line)}
.draft-section:first-of-type{border-top:0}

/* header */
.draft-head{
  position:sticky;top:0;z-index:40;
  background:rgba(16,18,20,.94);
  border-bottom:1px solid var(--draft-line);
  backdrop-filter:blur(7px);
}
.draft-head-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.draft-logo{font-size:1.6rem;color:var(--draft-sky);letter-spacing:.5px}
.draft-logo span{color:var(--draft-grey)}
.draft-nav{display:flex;flex-wrap:wrap;gap:16px;font-size:.95rem}
.draft-nav a{color:var(--draft-muted)}
.draft-nav a:hover{color:var(--draft-sky)}

/* buttons */
.draft-btn{
  display:inline-block;padding:13px 26px;border-radius:var(--draft-radius);
  font-family:"Lobster","Trebuchet MS",cursive;font-size:1.05rem;letter-spacing:.4px;
  background:var(--draft-sky);color:#0d1013;border:1px solid var(--draft-sky);
  transition:transform .15s ease,box-shadow .15s ease;
}
.draft-btn:hover{color:#0d1013;text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 26px rgba(86,182,232,.28)}
.draft-btn-ghost{background:transparent;color:var(--draft-grey);border:1px solid var(--draft-sky-dim)}
.draft-btn-ghost:hover{color:var(--draft-sky);box-shadow:none}

/* hero */
.draft-hero{padding:58px 0 46px;background:radial-gradient(1000px 420px at 20% -10%,rgba(86,182,232,.16),transparent 70%)}
.draft-hero-lead{font-size:1.16rem;color:var(--draft-grey);max-width:820px}
.draft-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 32px}
.draft-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.draft-tile{
  background:var(--draft-bg-2);border:1px solid var(--draft-line);
  border-radius:var(--draft-radius);padding:18px 18px 20px;
}
.draft-tile h3{color:var(--draft-sky);font-size:1.15rem}
.draft-tile p{margin:0;font-size:.98rem;color:var(--draft-muted)}

/* cards / grids */
.draft-grid{display:grid;gap:16px}
.draft-g2{grid-template-columns:repeat(2,1fr)}
.draft-g3{grid-template-columns:repeat(3,1fr)}
.draft-g4{grid-template-columns:repeat(4,1fr)}
.draft-card{
  background:var(--draft-bg-2);border:1px solid var(--draft-line);
  border-radius:var(--draft-radius);padding:20px 22px;box-shadow:var(--draft-shadow);
}
.draft-card h3{color:var(--draft-grey)}
.draft-card p:last-child{margin-bottom:0}
.draft-accent{border-left:3px solid var(--draft-sky)}

/* steps */
.draft-steps{list-style:none;margin:0;padding:0;counter-reset:draftstep}
.draft-steps li{
  counter-increment:draftstep;position:relative;padding:14px 0 14px 62px;
  border-bottom:1px solid var(--draft-line);
}
.draft-steps li:last-child{border-bottom:0}
.draft-steps li::before{
  content:counter(draftstep);position:absolute;left:0;top:12px;
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:"Lobster","Trebuchet MS",cursive;font-size:1.15rem;
  background:var(--draft-bg-3);color:var(--draft-sky);border:1px solid var(--draft-sky-dim);
}

/* tables */
.draft-tablebox{
  width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--draft-line);border-radius:var(--draft-radius);
  background:var(--draft-bg-2);
}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:.99rem}
caption{caption-side:top;text-align:left;padding:14px 18px 4px;color:var(--draft-muted);font-size:.95rem}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--draft-line)}
th{background:var(--draft-bg-3);color:var(--draft-sky);font-weight:400;font-family:"Lobster","Trebuchet MS",cursive;letter-spacing:.3px}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:rgba(86,182,232,.06)}
.draft-num{color:var(--draft-grey)}

/* reviews */
.draft-quote{background:var(--draft-bg-2);border:1px solid var(--draft-line);border-radius:var(--draft-radius);padding:20px 22px}
.draft-quote p{color:var(--draft-grey)}
.draft-sign{color:var(--draft-sky);font-family:"Lobster","Trebuchet MS",cursive;font-size:1.05rem}

/* faq */
.draft-faq details{
  background:var(--draft-bg-2);border:1px solid var(--draft-line);
  border-radius:var(--draft-radius);margin-bottom:10px;padding:0 18px;
}
.draft-faq summary{
  cursor:pointer;padding:15px 0;color:var(--draft-grey);
  font-family:"Lobster","Trebuchet MS",cursive;font-size:1.12rem;list-style:none;
}
.draft-faq summary::-webkit-details-marker{display:none}
.draft-faq summary::before{content:"+ ";color:var(--draft-sky)}
.draft-faq details[open] summary::before{content:"– "}
.draft-faq details[open]{border-color:var(--draft-sky-dim)}
.draft-faq p{padding-bottom:8px;color:var(--draft-muted)}

/* cta strip */
.draft-strip{
  background:linear-gradient(120deg,rgba(86,182,232,.18),rgba(28,33,38,.9));
  border:1px solid var(--draft-sky-dim);border-radius:var(--draft-radius);
  padding:34px 28px;text-align:center;
}
.draft-strip h2{color:var(--draft-grey)}

/* editorial */
.draft-editor{background:var(--draft-bg-3);border-radius:var(--draft-radius);padding:24px 26px;border:1px solid var(--draft-line)}
.draft-editor p{color:var(--draft-muted)}

/* footer */
.draft-foot{border-top:1px solid var(--draft-line);padding:34px 0 46px;color:var(--draft-muted);font-size:.95rem}
.draft-age{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;border:2px solid var(--draft-sky);
  color:var(--draft-sky);font-family:"Lobster","Trebuchet MS",cursive;font-size:1.05rem;margin-bottom:14px;
}
.draft-foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

@media (max-width:1000px){
  body{font-size:18px}
  h1{font-size:2.15rem}
  h2{font-size:1.72rem}
  .draft-tiles{grid-template-columns:repeat(2,1fr)}
  .draft-g3,.draft-g4{grid-template-columns:repeat(2,1fr)}
  .draft-foot-grid{grid-template-columns:repeat(2,1fr)}
  .draft-section{padding:42px 0}
}
@media (max-width:600px){
  body{font-size:17px}
  h1{font-size:1.78rem}
  h2{font-size:1.44rem}
  .draft-wrap{padding:0 15px}
  .draft-tiles{grid-template-columns:1fr}
  .draft-g2,.draft-g3,.draft-g4{grid-template-columns:1fr}
  .draft-foot-grid{grid-template-columns:1fr}
  .draft-head-in{flex-direction:column;align-items:flex-start;gap:8px}
  .draft-nav{gap:11px;font-size:.9rem}
  .draft-btn{width:100%;text-align:center}
  .draft-steps li{padding-left:52px}
  .draft-steps li::before{width:34px;height:34px;font-size:1rem}
  th,td{padding:10px 12px}
}

/* мобильный скролл широких таблиц */
@media (max-width: 600px) {
  table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }
}