/* XTDK base styles */
:root{
  --xtdk-primary:#0f172a;
  --xtdk-secondary:#475569;
  --xtdk-accent:#2563eb;
  --xtdk-radius:6px;
  --xtdk-font:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

.xtdk-container{max-width:1100px;margin:0 auto;padding:64px 20px;font-family:var(--xtdk-font);}
.xtdk-section{background:#fff;color:#0b1220;}
.xtdk-section + .xtdk-section{border-top:1px solid #e5e7eb;}

.xtdk-section__heading{font-size:32px;line-height:1.1;margin:0 0 16px;color:var(--xtdk-primary);}
.xtdk-lead{font-size:18px;color:#334155;margin:0 0 24px;}
.xtdk-muted{color:#64748b;}

.xtdk-grid{display:grid;gap:20px;}
.xtdk-grid.cols-1{grid-template-columns:1fr;}
.xtdk-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.xtdk-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.xtdk-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
@media (max-width:900px){.xtdk-grid.cols-3,.xtdk-grid.cols-4{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.xtdk-grid,.xtdk-grid.cols-2,.xtdk-grid.cols-3,.xtdk-grid.cols-4{grid-template-columns:1fr;}}

.xtdk-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;position:relative;}
.xtdk-badge{position:absolute;top:14px;right:14px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600;}
.badge-planned{background:#eef2ff;color:#3730a3;}
.badge-progress{background:#ecfeff;color:#155e75;}
.badge-done{background:#ecfdf5;color:#065f46;}

.xtdk-card__icon{width:40px;height:40px;display:block;margin-bottom:8px;}
.xtdk-card__title{font-size:20px;margin:0 0 8px;color:var(--xtdk-primary);}
.xtdk-card__text{margin:0;color:#334155;}

.xtdk-price-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px;}
.xtdk-price .amount{font-size:32px;font-weight:700;color:var(--xtdk-primary);}
.xtdk-price .per{color:#64748b;font-size:14px;}
.xtdk-list{list-style: none;padding:0;margin:0 0 12px;}
.xtdk-list li{padding-left:20px;position:relative;margin:8px 0;color:#334155;}
.xtdk-list li:before{content:'•';position:absolute;left:0;top:0;color:var(--xtdk-accent);}

.xtdk-quote{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px;}

.xtdk-btn{display:inline-block;padding:12px 18px;border-radius:var(--xtdk-radius);text-decoration:none;background:var(--xtdk-accent);color:#fff;font-weight:600;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05);}
.xtdk-btn.full{display:block;text-align:center;}
.xtdk-btn:hover{filter:brightness(.95);}

.xtdk-hero{position:relative;background:#0b1220;color:#e5e7eb;min-height:360px;background-size:cover;background-position:center;}
.xtdk-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.55),rgba(2,6,23,.55));}
.xtdk-hero .xtdk-container{position:relative;padding:100px 20px;}
.xtdk-hero__logo{width:72px;height:auto;margin:0 0 16px;}
.xtdk-hero__title{font-size:40px;line-height:1.05;margin:0 0 12px;color:#fff;}
.xtdk-hero__subtitle{font-size:18px;max-width:720px;margin:0 0 20px;color:#e2e8f0;}
.xtdk-hero__actions{display:flex;gap:12px;flex-wrap:wrap;}
.align-center .xtdk-hero__title, .align-center .xtdk-hero__subtitle, .align-center .xtdk-hero__actions{margin-left:auto;margin-right:auto;text-align:center;justify-content:center;}
.align-right .xtdk-hero__title, .align-right .xtdk-hero__subtitle, .align-right .xtdk-hero__actions{margin-left:auto;text-align:right;justify-content:flex-end;}

.xtdk-cta{background:linear-gradient(180deg,#f9fafb,#ffffff);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;}
.align-center{text-align:center;}

.xtdk-faq-list{display:flex;flex-direction:column;gap:12px;}
.xtdk-faq-item{border:1px solid #e5e7eb;border-radius:12px;padding:12px;}
.xtdk-faq-item summary{cursor:pointer;font-weight:600;color:var(--xtdk-primary);outline:none;}
.xtdk-faq-answer{margin-top:8px;color:#334155;}