/* InatTV Custom Site — S15 Warm Cream */
:root{--bg:#faf6ef;--bg2:#fffdf8;--tx:#4a3220;--mut:#6b4f33;--ac:#b5651d;--ac-d:#8f4e14;--ln:#e8dcc8;--dark:#3a2a1c}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--tx);line-height:1.7;font-size:16.5px}
.inat-w{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:var(--ac-d)}
/* header */
.inat-hdr{background:var(--bg2);border-bottom:1px solid var(--ln);position:sticky;top:0;z-index:40}
.inat-hd-in{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.inat-logo{font-size:26px;font-weight:900;color:var(--tx);text-decoration:none;letter-spacing:-.5px}
.inat-logo span{color:var(--ac)}
.inat-nav a{color:var(--mut);text-decoration:none;font-size:14.5px;font-weight:600;margin:0 12px}
.inat-nav a:hover{color:var(--ac)}
.inat-hdcta{background:var(--tx);color:var(--bg2);font-weight:700;font-size:14px;padding:10px 24px;border-radius:999px;text-decoration:none}
.inat-hdcta:hover{background:var(--ac-d)}
/* hero */
.inat-hero{text-align:center;padding:64px 0 44px}
.inat-kicker{color:var(--ac-d);font-weight:800;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}
.inat-hero h1{font-size:46px;font-weight:900;letter-spacing:-1px;line-height:1.15;max-width:760px;margin:0 auto}
.inat-hero h1 span{color:var(--ac)}
.inat-hero .inat-sub{color:var(--mut);font-size:18px;margin:18px auto 28px;max-width:640px}
/* download button */
.inat-dlwrap{text-align:center;margin:10px 0}
.inat-dlbtn{background:var(--tx);color:#fff;border:0;cursor:pointer;border-radius:16px;padding:18px 56px;display:inline-block;transition:transform .15s}
.inat-dlbtn:hover{background:var(--ac-d);transform:translateY(-2px)}
.inat-dl-t{display:block;font-size:20px;font-weight:800}
.inat-dl-s{display:block;font-size:13px;color:#d8c9b4;margin-top:4px;font-weight:400}
.inat-dlmeta{color:var(--mut);font-size:13px;margin-top:12px}
/* overlay timer */
.inat-overlay{position:fixed;inset:0;background:rgba(58,42,28,.72);z-index:100;display:flex;align-items:center;justify-content:center}
.inat-overlay[hidden]{display:none}
.inat-ovbox{background:var(--bg2);border-radius:20px;padding:44px 60px;text-align:center;max-width:90vw}
.inat-ov-n{width:110px;height:110px;border-radius:50%;border:5px solid var(--ln);border-top-color:var(--ac);margin:0 auto 18px;display:flex;align-items:center;justify-content:center;animation:spin 1s linear infinite}
.inat-ov-c{font-size:38px;font-weight:900;color:var(--ac);animation:spinr 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinr{to{transform:rotate(-360deg)}}
.inat-ov-bar{height:8px;background:var(--ln);border-radius:99px;margin-top:16px;overflow:hidden}
.inat-ov-bar i{display:block;height:100%;width:0;background:var(--ac);transition:width .2s}
/* feature cards */
.inat-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:44px 0}
.inat-feat{background:var(--bg2);border:1px solid var(--ln);border-radius:16px;padding:28px 24px}
.inat-feat svg{width:36px;height:36px;stroke:var(--ac);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
.inat-feat h2{font-size:16px;margin-bottom:8px}
.inat-feat p{color:var(--mut);font-size:14px}
/* version box */
.inat-ver{background:var(--tx);color:#f5ecdd;border-radius:20px;padding:40px;text-align:center;margin:40px 0}
.inat-ver h2{font-size:26px;margin-bottom:8px;color:#fff}
.inat-ver p{color:#cbb99e;margin-bottom:22px}
.inat-ver .inat-dlbtn{background:var(--tx)}
.inat-ver .inat-dlbtn:hover{background:var(--ac-d)}
/* steps */
.inat-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:30px 0}
.inat-step{background:var(--bg2);border:1px solid var(--ln);border-radius:16px;padding:26px;position:relative}
.inat-step b{display:inline-flex;width:36px;height:36px;border-radius:50%;background:var(--ac);color:#fff;align-items:center;justify-content:center;font-size:17px;margin-bottom:12px}
.inat-step h3{font-size:16px;margin-bottom:6px}.inat-step p{color:var(--mut);font-size:14px}
/* content */
.inat-main{padding-bottom:60px}
.inat-art{max-width:760px;margin:0 auto;padding:36px 20px}
.inat-art h1{font-size:36px;letter-spacing:-.5px;margin-bottom:14px;line-height:1.25}
.inat-art h2{font-size:25px;margin:34px 0 12px;padding-top:8px}
.inat-art h3{font-size:19px;margin:24px 0 8px}
.inat-art p,.inat-art li{color:#5a4433}
.inat-art ul,.inat-art ol{margin:12px 0 12px 24px}
.inat-art table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.inat-art th,.inat-art td{border:1px solid var(--ln);padding:10px 14px;text-align:left}
.inat-art th{background:#f3ead9}
/* faq */
.inat-faq{margin:24px 0}
.inat-faq-i{background:var(--bg2);border:1px solid var(--ln);border-radius:12px;margin-bottom:10px}
.inat-faq-i summary{padding:16px 20px;font-weight:700;cursor:pointer;list-style:none}
.inat-faq-i summary::-webkit-details-marker{display:none}
.inat-faq-i summary::after{content:"+";float:right;color:var(--ac);font-size:20px}
.inat-faq-i[open] summary::after{content:"–"}
.inat-faq-i div{padding:0 20px 18px;color:var(--mut);font-size:15px}
/* cards grid (blog) */
.inat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:30px 0}
.inat-gcard{background:var(--bg2);border:1px solid var(--ln);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--tx);display:block}
.inat-gcard:hover{border-color:var(--ac)}
.inat-gcard .inat-gb{padding:22px}
.inat-gcard h3{font-size:17px;margin-bottom:8px;line-height:1.4}
.inat-gcard p{color:var(--mut);font-size:13.5px}
/* footer */
.inat-ftr{background:var(--dark);color:#d8c9b4;margin-top:40px}
.inat-ftr .inat-w{padding:44px 20px 26px}
.inat-ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;margin-bottom:30px}
.inat-ftr .inat-logo{color:#fff}
.inat-ftr h4{color:#fff;font-size:14px;margin-bottom:12px}
.inat-ftr a{display:block;color:#bfae93;text-decoration:none;font-size:14px;margin-bottom:8px}
.inat-ftr a:hover{color:#fff}
.inat-ftr p{font-size:14px;color:#c9b896}
.inat-copy{border-top:1px solid #4d3d2c;padding-top:18px;font-size:12.5px!important;text-align:center}
/* 404 */
.inat-404{text-align:center;padding:80px 20px}
.inat-404 h1{font-size:72px;color:var(--ac)}
@media(max-width:720px){
.inat-nav{display:none}
.inat-hero h1{font-size:32px}
.inat-art h1{font-size:28px}
.inat-ftr-grid{grid-template-columns:1fr 1fr}
.inat-ovbox{padding:30px 26px}
}
.inat-gimg{aspect-ratio:1200/630;overflow:hidden;background:var(--ln)}
.inat-gimg img{width:100%;height:100%;object-fit:cover;display:block}
.inat-featimg{margin:0 0 26px;border-radius:16px;overflow:hidden}
.inat-featimg img{width:100%;height:auto;display:block}