:root { --itd-bg:#1d1e1b; --itd-panel:#242522; --itd-panel-2:#20211e; --itd-line:#3c3e39; --itd-text:#f3f3f0; --itd-muted:#a7aaa4; --itd-cyan:#13b9d6; --itd-cyan-soft:#79d7e7; --itd-error:#ff8d8d; }
html, body { min-height:100%; }
body { margin:0; background:radial-gradient(circle at 75% 8%,rgba(19,185,214,.055),transparent 30%),var(--itd-bg); color:var(--itd-text); font-family:"Nunito Sans",Arial,sans-serif; font-size:15px; line-height:1.55; }
a { color:var(--itd-cyan); text-decoration:none; }
a:hover { color:var(--itd-cyan-soft); }
.site-shell { max-width:1020px; margin:0 auto; padding-inline:24px; }
.site-header { padding:34px 0 22px; }
.brand-logo { display:block; width:135px; height:50px; object-fit:contain; object-position:left center; }
.top-nav .nav-link { padding:.25rem .55rem; color:#d8dad5; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.top-nav .nav-link:hover,.top-nav .nav-link.active { color:var(--itd-cyan); }
.navbar-toggler { border-color:var(--itd-line); border-radius:0; padding:.25rem .45rem; }
.navbar-toggler:focus { box-shadow:none; }
.navbar-toggler-icon { filter:invert(1) grayscale(1); }
.intro { padding:22px 0 34px; }
.eyebrow { color:var(--itd-cyan); font-size:11px; text-transform:uppercase; letter-spacing:.18em; margin-bottom:8px; }
.display-title { margin:0; font-size:clamp(34px,6vw,60px); line-height:.92; font-weight:300; letter-spacing:-.055em; text-transform:uppercase; }
.intro-copy { max-width:650px; color:var(--itd-muted); margin:22px 0 0; }
.section-rule { height:1px; background:var(--itd-line); margin:0 0 26px; }
.section-label { color:#fff; font-size:12px; font-weight:400; letter-spacing:.16em; text-transform:uppercase; margin-bottom:16px; }
.applications-section { padding-bottom:8px; }
.app-card { height:100%; border:1px solid var(--itd-line); border-radius:0; background:var(--itd-panel); color:var(--itd-text); overflow:hidden; transition:border-color .18s ease,transform .18s ease,background-color .18s ease; }
.app-card:hover { border-color:#5a5d56; background:#272825; transform:translateY(-2px); }
.app-media { min-height:294px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 58%),var(--itd-panel-2); border-bottom:1px solid var(--itd-line); padding:36px; }
.app-icon { width:min(220px,72vw); height:min(220px,72vw); object-fit:cover; border-radius:23%; box-shadow:0 16px 38px rgba(0,0,0,.3); }
.app-card .card-body { padding:24px 26px 27px; }
.app-name { margin:0 0 10px; color:#fff; font-size:24px; font-weight:400; letter-spacing:-.025em; }
.app-copy { color:var(--itd-muted); margin-bottom:19px; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--itd-cyan); font-size:12px; letter-spacing:.11em; text-transform:uppercase; }
.text-link::after { content:"→"; font-size:15px; line-height:1; }
.support-section { padding:52px 0 58px; }
.support-box { border-top:1px solid var(--itd-line); border-bottom:1px solid var(--itd-line); padding:28px 0; }
.support-title { font-size:27px; font-weight:300; letter-spacing:-.035em; margin:0 0 10px; }
.support-copy { color:var(--itd-muted); max-width:690px; margin:0; }
.support-actions { margin-top:18px; display:flex; flex-wrap:wrap; gap:24px; }
.product-layout,.content-layout,.contact-layout { padding-bottom:58px; }
.product-icon-wrap { display:flex; align-items:flex-start; justify-content:center; padding:8px 0 28px; }
.product-icon { width:min(250px,68vw); aspect-ratio:1; object-fit:cover; border-radius:23%; box-shadow:0 18px 44px rgba(0,0,0,.35); }
.product-copy h2,.content-panel h2 { margin:34px 0 14px; color:#fff; font-size:27px; font-weight:300; letter-spacing:-.035em; }
.product-copy h2:first-child,.content-panel h2:first-child { margin-top:0; }
.legal-content h3 { margin:26px 0 10px; color:#fff; font-size:19px; font-weight:400; letter-spacing:-.02em; }
.product-copy p,.product-copy li,.content-panel p,.content-panel li { color:var(--itd-muted); }
.feature-list { padding-left:1.15rem; }
.feature-list li { margin-bottom:10px; padding-left:4px; }
.screenshots { margin-top:42px; }
.screenshot { display:block; width:100%; margin-bottom:24px; border:1px solid var(--itd-line); }
.content-panel { max-width:800px; }
.contact-details { padding-right:24px; }
.contact-title { margin:0 0 16px; font-size:28px; line-height:1.15; font-weight:300; letter-spacing:-.035em; }
.contact-copy { color:var(--itd-muted); margin-bottom:27px; max-width:390px; }
.support-note { border-top:1px solid var(--itd-line); padding-top:19px; margin-top:24px; max-width:390px; }
.support-note-title { color:#fff; font-size:12px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:9px; }
.support-note p { color:var(--itd-muted); margin:0; font-size:14px; }
.contact-form-panel { border:1px solid var(--itd-line); border-radius:0; background:var(--itd-panel); padding:28px; }
.form-label { color:#dcded9; font-size:12px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:8px; }
.required-mark { color:var(--itd-cyan); }
.form-control,.form-select { min-height:48px; border:1px solid #4a4c46; border-radius:0; background-color:var(--itd-panel-2); color:var(--itd-text); padding:.72rem .85rem; box-shadow:none; }
.form-control::placeholder { color:#777b74; }
.form-control:focus,.form-select:focus { border-color:var(--itd-cyan); background-color:var(--itd-panel-2); color:var(--itd-text); box-shadow:0 0 0 2px rgba(19,185,214,.12); }
.form-select { --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a7aaa4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
.form-select option { background:var(--itd-panel-2); }
textarea.form-control { min-height:180px; resize:vertical; }
.form-text { color:#7f837c; font-size:12px; margin-top:7px; }
.submit-button { border:1px solid var(--itd-cyan); border-radius:0; background:transparent; color:var(--itd-cyan); padding:.78rem 1.35rem; font-size:12px; font-weight:400; letter-spacing:.12em; text-transform:uppercase; }
.submit-button:hover,.submit-button:focus { background:var(--itd-cyan); color:#111; border-color:var(--itd-cyan); box-shadow:none; }
.submit-button:disabled { border-color:#648b8e; color:#648b8e; background:transparent; }
.response-message { margin-top:20px; border-left:2px solid var(--itd-cyan); padding:10px 14px; background:rgba(19,185,214,.06); color:#c8cbc5; font-size:14px; }
.response-message.error { border-left-color:var(--itd-error); background:rgba(255,141,141,.06); color:var(--itd-error); }
.site-footer { padding:25px 0 34px; color:#858981; font-size:12px; border-top:1px solid var(--itd-line); }
.footer-links { display:flex; flex-wrap:wrap; gap:17px; }
.footer-links a { color:var(--itd-cyan); }
@media (max-width:767.98px) { .site-header{padding-top:22px}.top-nav{padding-top:15px}.top-nav .nav-link{padding-left:0;padding-right:0}.intro{padding-top:12px}.app-media{min-height:260px}.contact-details{padding-right:0}.contact-form-panel{padding:22px 18px} }