@charset "utf-8";
/* warmdish screen styles */
html{font-size:15px}
body{margin:0;background:#f4f6f8;color:#0f2233;font-family:"Inter","Roboto","Helvetica Neue",Arial,sans-serif;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:#1f5fd1}
code,.mono{font-family:"JetBrains Mono","SFMono-Regular",Consolas,monospace}
h1{font-size:2.4rem;line-height:1.15;margin:0 0 .6rem;font-weight:700}
h2{font-size:1.45rem;margin:0 0 .8rem;font-weight:700}
h3{font-size:1.05rem;margin:0 0 .4rem}
.topline{background:#0f2233;color:#c7d3de;font-size:.85rem}
.topline .inner{max-width:1240px;margin:0 auto;padding:7px 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.topline a{color:#fff;text-decoration:none}
.navbar{background:#fff;border-bottom:1px solid #dbe2e8}
.navbar .inner{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;height:58px;gap:26px}
.navbar .wordmark{font-weight:800;font-size:1.15rem;letter-spacing:.06em;text-decoration:none;color:#0f2233;text-transform:uppercase}
.navbar .wordmark span{color:#1f5fd1}
.navbar nav{display:flex;gap:4px;margin-left:auto}
.navbar nav a{color:#3e5c76;text-decoration:none;padding:6px 10px;border-radius:4px;font-size:.95rem}
.navbar nav a:hover{background:#eef2f6;color:#0f2233}
.navbar nav a.primary{background:#1f5fd1;color:#fff}
.navbar .toggle{display:none;margin-left:auto;border:1px solid #c9d3dc;background:#fff;border-radius:4px;padding:6px 10px;font:inherit}
.breadcrumb{max-width:1240px;margin:16px auto 0;padding:0 20px;font-size:.85rem;color:#6b7f91}
.layout{max-width:1240px;margin:0 auto;padding:16px 20px 60px;display:grid;grid-template-columns:330px 1fr;gap:28px;align-items:start}
.sheet{position:sticky;top:16px;background:#fff;border:1px solid #dbe2e8;border-radius:6px;overflow:hidden}
.sheet img{border-bottom:1px solid #dbe2e8}
.sheet__body{padding:16px 18px}
.sheet table{width:100%;border-collapse:collapse;font-size:.92rem}
.sheet td{padding:6px 0;border-bottom:1px dashed #e1e7ec;vertical-align:top}
.sheet td:first-child{color:#6b7f91;width:46%}
.sheet .price{font-size:1.6rem;font-weight:700;margin:10px 0 2px}
.sheet .price small{font-size:.85rem;font-weight:400;color:#6b7f91}
.btn{display:block;text-align:center;background:#1f5fd1;color:#fff;text-decoration:none;font-weight:600;padding:11px 14px;border-radius:4px;border:0;cursor:pointer;font:inherit;font-weight:600}
.btn:hover{background:#174aa6}
.btn.secondary{background:#fff;color:#1f5fd1;border:1px solid #1f5fd1;margin-top:8px}
.content > section{background:#fff;border:1px solid #dbe2e8;border-radius:6px;padding:24px 26px;margin-bottom:18px}
.sec-id{display:inline-block;font:600 .78rem "JetBrains Mono",Consolas,monospace;color:#1f5fd1;background:#e8f0fd;border-radius:3px;padding:2px 7px;margin-bottom:8px}
.lead{font-size:1.08rem;color:#3e5c76;max-width:70ch}
.data{width:100%;border-collapse:collapse;font-size:.95rem;margin:10px 0}
.data th{text-align:left;background:#f0f3f6;color:#3e5c76;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid #dbe2e8}
.data td{padding:9px 10px;border-bottom:1px solid #eef2f5;vertical-align:top}
.data td.num{text-align:right;font-family:"JetBrains Mono",Consolas,monospace;white-space:nowrap}
.data tfoot td{font-weight:700;border-top:2px solid #0f2233}
.data tr.hl td{background:#f5f9ff}
.info-box{border-left:4px solid #1f5fd1;background:#f5f9ff;padding:10px 14px;margin:14px 0;font-size:.95rem}
.warn-box{border-left:4px solid #c0392b;background:#fdf5f4;padding:10px 14px;margin:14px 0;font-size:.95rem}
.warn-box ol{margin:6px 0 0;padding-left:20px}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.figure{margin:0;border:1px solid #dbe2e8;border-radius:4px;overflow:hidden}
.figure figcaption{font-size:.82rem;color:#6b7f91;padding:6px 10px;background:#f7f9fb;border-top:1px solid #dbe2e8}
.pkg-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}
.pkg{border:1px solid #dbe2e8;border-radius:6px;overflow:hidden;text-decoration:none;color:#0f2233;background:#fff}
.pkg:hover{border-color:#1f5fd1}
.pkg.best{border:2px solid #1f5fd1}
.pkg__body{padding:10px 12px;font-size:.92rem}
.pkg__body b{display:block;font-size:1.05rem}
.pkg__body .mono{font-size:1.25rem;font-weight:700;display:block;margin:4px 0}
.pkg__body s{color:#8a9aa8;font-size:.85rem}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #dbe2e8;border-radius:6px;overflow:hidden;margin-top:6px}
.flow div{padding:12px 14px;border-left:1px solid #dbe2e8;font-size:.92rem}
.flow div:first-child{border-left:0}
.flow .mono{color:#1f5fd1;font-weight:700}
.faq-table td:first-child{font-weight:600;width:38%}
.order-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.order-form .span2{grid-column:1/-1}
.order-form label.f{display:block;font-size:.85rem;font-weight:600;color:#3e5c76;margin-bottom:4px}
.order-form input[type=text],.order-form input[type=tel],.order-form select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #c9d3dc;border-radius:4px;font:inherit;font-size:1rem;background:#fff}
.order-form input:focus,.order-form select:focus{outline:2px solid #1f5fd1;outline-offset:-1px}
.e{margin:3px 0 0;min-height:1em;font-size:.82rem;color:#c0392b}
.order-form .chk{display:flex;gap:8px;font-size:.92rem;color:#3e5c76}
.order-form .chk input{margin-top:3px}
.order-form button{padding:13px;font-size:1.05rem}
.order-form button:disabled{opacity:.6;cursor:wait}
.order-form .muted{margin:0;font-size:.85rem;color:#6b7f91}
footer.site{background:#0f2233;color:#9fb1c1;font-size:.88rem}
footer.site .inner{max-width:1240px;margin:0 auto;padding:30px 20px 22px}
footer.site .links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0}
footer.site a{color:#fff}
footer.site .legal{border-top:1px solid #213a50;margin-top:14px;padding-top:12px;font-size:.8rem}
.docpage{max-width:900px;margin:0 auto;padding:24px 20px 60px}
.docpage article{background:#fff;border:1px solid #dbe2e8;border-radius:6px;padding:28px 30px}
.docpage h2{margin-top:22px;font-size:1.15rem}
.cartbox{display:grid;grid-template-columns:260px 1fr;gap:24px}
.cartbox button{border:1px solid #1f5fd1;background:#fff;color:#1f5fd1;border-radius:4px;padding:6px 12px;font:inherit;cursor:pointer;margin-right:4px}
.cartbox button:hover{background:#1f5fd1;color:#fff}
#consentBar{position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:3px solid #1f5fd1;box-shadow:0 -6px 24px rgba(15,34,51,.15)}
#consentBar .inner{max-width:1240px;margin:0 auto;padding:12px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.92rem}
#consentBar p{margin:0;flex:1 1 320px}
#consentBar button{padding:8px 16px;border-radius:4px;font:inherit;font-weight:600;cursor:pointer;border:1px solid #1f5fd1}
#consentBar .accept{background:#1f5fd1;color:#fff}#consentBar .decline{background:#fff;color:#1f5fd1}
@media(max-width:960px){
  .navbar .toggle{display:block}
  .navbar nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;padding:10px 20px;border-bottom:1px solid #dbe2e8;z-index:20}
  .navbar nav.open{display:flex}
  .navbar{position:relative}
  .layout{grid-template-columns:1fr}
  .sheet{position:static}
  .cols2,.pkg-row,.flow,.cartbox{grid-template-columns:1fr}
  .flow div{border-left:0;border-top:1px solid #dbe2e8}
  .order-form{grid-template-columns:1fr}
  h1{font-size:1.9rem}
}