:root{--navy:#0B1D34;--navy2:#07182B;--slate:#334155;--steel:#64748B;--blue:#2563EB;--red:#DC2626;--white:#fff;--paper:#F7F9FC;--line:#DCE4ED;--ink:#0F172A;--max:1380px;--r:14px;--shadow:0 18px 45px rgba(11,29,52,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);line-height:1.58;background:#fff}img{display:block;max-width:100%}a{color:inherit}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.skip{position:absolute;left:12px;top:-80px;z-index:999;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;font-weight:800}.skip:focus{top:12px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.78rem 1.05rem;border-radius:9px;border:1px solid transparent;text-decoration:none;font-weight:850;font-size:.92rem}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.menu-button{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;font-weight:850}.footer-legal{font-size:.82rem;line-height:1.65}a:focus-visible,button:focus-visible{outline:3px solid #F59E0B;outline-offset:3px}
@media(max-width:767px){.container{width:min(var(--max),calc(100% - 30px))}.menu-button{display:block}.navlinks{display:none!important}.navlinks.open{display:flex!important;position:absolute;left:0;right:0;top:100%;padding:15px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch!important;gap:3px!important;box-shadow:var(--shadow)}.navlinks.open a{padding:10px}.navlinks.open .btn{margin-top:4px}}
@media(max-width:767px){.actions{display:grid}.actions .btn{width:100%}}

body{background:var(--navy2);color:#E7EEF6}.appbar{background:#05121F;color:#9FB4C9;font-size:.76rem;border-bottom:1px solid rgba(255,255,255,.08)}.appbar .container{min-height:34px;display:flex;justify-content:space-between;align-items:center}.appbar a{color:#fff;font-weight:800}.nav{position:sticky;top:0;z-index:60;background:rgba(11,29,52,.98);border-bottom:1px solid #28445F}.navrow{position:relative;min-height:80px;display:flex;align-items:center;gap:24px}.t-logo{width:215px}.navlinks{display:flex;align-items:center;gap:20px;margin-left:auto}.navlinks a:not(.btn){text-decoration:none;color:#C2D0DE;font-size:.86rem;font-weight:800}.navlinks .btn{background:var(--blue);color:#fff}.menu-button{background:transparent;color:#fff;border-color:#46617D}.producthero{background:radial-gradient(circle at 78% 16%,rgba(37,99,235,.20),transparent 33%),linear-gradient(135deg,#07182B,#0B1D34 58%,#11304F);border-bottom:1px solid #27445F;position:relative;overflow:hidden}.producthero:after{content:"";position:absolute;right:-100px;top:-100px;width:540px;height:540px;border:1px solid rgba(122,158,194,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(122,158,194,.025),0 0 0 140px rgba(122,158,194,.02)}.producthero-grid{position:relative;z-index:1;padding:88px 0 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center}.product-id{width:min(100%,490px);margin-bottom:28px}.producthero .eyebrow{color:#9FC1FF}.producthero h1{font-size:clamp(3rem,5.2vw,4.8rem);letter-spacing:-.045em;line-height:1.01;color:#fff;margin:.55rem 0 1.1rem}.producthero p{color:#CEDAE6;font-size:1.08rem;max-width:700px}.producthero .btn.primary{background:var(--blue);color:#fff}.producthero .btn.ghost{border-color:#4E6B89;color:#fff;background:rgba(255,255,255,.03)}.status-panel{background:#0B2540;border:1px solid #345674;border-radius:17px;padding:26px;box-shadow:0 30px 65px rgba(0,0,0,.28)}.status-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2D4A66;padding-bottom:16px;margin-bottom:18px}.status-head b{color:#fff}.live-dot{display:inline-flex;align-items:center;gap:7px;color:#B9CBE0;font-size:.75rem}.live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#60A5FA}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status-item{background:#0A2037;border:1px solid #2D4D6B;border-radius:10px;padding:14px}.status-item b{display:block;color:#fff;font-size:.86rem}.status-item span{display:block;color:#9FB4C9;font-size:.76rem;margin-top:4px}.section{padding:70px 0;background:#0A1A2C;border-top:1px solid rgba(255,255,255,.07)}.section.alt{background:#07182B}.section .eyebrow{color:#92B7F5}.section h2{color:#fff;font-size:clamp(2rem,3.5vw,3rem);line-height:1.08;letter-spacing:-.025em;margin:.5rem 0 1rem}.lead{color:#B7C7D8;font-size:1.04rem;max-width:850px}.modulegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.module{border:1px solid #2D4E6D;border-radius:11px;background:#0D253F;padding:19px}.module b{display:block;color:#fff}.module span{display:block;color:#AFC0D2;font-size:.83rem;margin-top:5px}.actionrow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.actioncard{border:1px solid #315372;background:#0D253F;border-radius:13px;padding:22px}.actioncard h3{color:#fff}.actioncard p{color:#AFC0D2;font-size:.89rem}.actioncard a{color:#BFD5FF;font-weight:900}.bridge{border:1px solid #355876;background:#0D253F;border-radius:15px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.bridge h3{color:#fff;margin:0 0 5px}.bridge p{color:#AFC0D2;margin:0}.bridge .btn{background:#fff;color:var(--navy)}.pagehero{background:linear-gradient(135deg,#07182B,#0E2946);padding:60px 0;border-bottom:1px solid #2B4966}.pagehero h1{color:#fff;font-size:clamp(2.45rem,4vw,3.55rem);line-height:1.03;letter-spacing:-.035em;margin:.5rem 0 1rem}.pagehero p{color:#B9C8D8;max-width:780px;font-size:1.05rem}.info-box{border:1px solid #355876;background:#0D253F;border-radius:14px;padding:24px}.info-box a{color:#BFD5FF;font-weight:900}.login-shell{min-height:calc(100vh - 114px);display:grid;place-items:center;padding:52px 20px;background:radial-gradient(circle at 50% 10%,rgba(37,99,235,.18),transparent 32%),#07182B}.login-card{width:min(700px,100%);background:#0D253F;border:1px solid #3A5C7B;border-radius:18px;padding:38px;box-shadow:0 30px 70px rgba(0,0,0,.3);text-align:center}.login-card img{width:min(100%,450px);margin:0 auto 28px}.login-card h1{color:#fff}.login-card p{color:#B8C8D8}.login-card .btn{background:var(--blue);color:#fff}.footer{background:#05121F;color:#91A7BC;padding:38px 0}.footerrow{display:flex;justify-content:space-between;gap:30px}.footer a{color:#D9E5F1}.footer-legal{margin-top:20px;padding-top:18px;border-top:1px solid #21394F}
@media(max-width:1000px){.producthero-grid{grid-template-columns:1fr}.status-panel{max-width:760px}.modulegrid,.actionrow{grid-template-columns:1fr 1fr}}@media(max-width:767px){.appbar .container{display:block;padding:7px 0}.t-logo{width:180px}.producthero-grid{padding:64px 0}.status-grid,.modulegrid,.actionrow{grid-template-columns:1fr}.bridge,.footerrow{display:block}.bridge .btn{margin-top:18px}.section{padding:58px 0}.pagehero{padding:50px 0}.login-card{padding:30px 22px}}

/* v3.2.3 brand layout: approved motto is three intentional sentence lines. */
.motto-stack{display:block;max-width:none}
.motto-stack .motto-line{display:block;white-space:nowrap}
.producthero .motto-hero{font-size:clamp(3rem,5.2vw,4.8rem);line-height:1.01}
@media(max-width:767px){.producthero .motto-hero{font-size:clamp(1.9rem,8.2vw,2.75rem);line-height:1.04}}

/* v3.3 QA: active navigation and dark mobile-menu correction */
.navlinks a[aria-current="page"]:not(.btn){color:#fff;position:relative}
.navlinks a[aria-current="page"]:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:#60A5FA;border-radius:2px}
@media(max-width:767px){
  .navlinks.open{background:var(--navy);border-bottom-color:#28445F}
  .navlinks.open a:not(.btn){color:#E7EEF6}
  .navlinks.open a[aria-current="page"]:not(.btn){background:#123252;border-radius:7px}
  .navlinks.open a[aria-current="page"]:not(.btn)::after{display:none}
}

/* v3.5.0 product-site visual and editorial system */
.producthero-grid{grid-template-columns:.92fr 1.08fr;gap:48px}.hero-visual,.media-frame{margin:0;border:1px solid #315574;background:#081b2f;border-radius:16px;overflow:hidden;box-shadow:0 28px 60px rgba(0,0,0,.28)}.hero-visual img,.media-frame img{width:100%;height:auto}.hero-visual figcaption,.media-frame figcaption{font-size:.72rem;color:#8fa8bf;padding:9px 12px;background:#07182B;border-top:1px solid #294964}.visual-split{display:grid;grid-template-columns:.88fr 1.12fr;gap:44px;align-items:center}.visual-split.reverse{grid-template-columns:1.12fr .88fr}.compact-list{display:grid;gap:10px;margin-top:24px}.compact-list div{padding:15px 17px;border:1px solid #2d4e6d;border-radius:10px;background:#0d253f}.compact-list b,.compact-list span{display:block}.compact-list b{color:#fff}.compact-list span{color:#afc0d2;font-size:.82rem;margin-top:3px}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.workflow-grid article{border:1px solid #2d4e6d;border-radius:12px;background:#0d253f;padding:20px}.workflow-grid article>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2563eb;color:#fff;font-weight:900}.workflow-grid h3{color:#fff;margin:.75rem 0 .4rem}.workflow-grid p{color:#afc0d2;font-size:.86rem;margin:0}.twocol-product{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-box h2{color:#fff}.info-box p{color:#afc0d2}.producthero p{max-width:720px}@media(max-width:1000px){.visual-split,.visual-split.reverse,.workflow-grid,.twocol-product{grid-template-columns:1fr}.producthero-grid{grid-template-columns:1fr}.hero-visual{max-width:900px}}


/* v3.6.0 — TACTRIUM product overview film */
.product-overview-section{background:#07182B}
.product-overview-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center}
.product-overview-copy h2,.demo-overview-head h2{color:#fff;font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;letter-spacing:-.025em;margin:.5rem 0 1rem}
.product-overview-copy .lead,.demo-overview-head .lead{color:#B7C7D8}
.overview-points{display:grid;gap:9px;margin-top:22px}
.overview-points>div{padding:13px 15px;border-left:3px solid #2563EB;background:#0B2037;border-radius:0 9px 9px 0}
.overview-points b,.overview-points span{display:block}
.overview-points b{color:#fff;font-size:.88rem}
.overview-points span{color:#AFC0D2;font-size:.8rem;margin-top:2px}
.product-overview-copy .btn.primary{background:var(--blue);color:#fff}
.product-overview-copy .btn.ghost{border-color:#4E6B89;color:#fff;background:rgba(255,255,255,.03)}
.product-video-frame{margin:0;border:1px solid #315574;background:#061524;border-radius:16px;overflow:hidden;box-shadow:0 28px 60px rgba(0,0,0,.28)}
.product-video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#061524}
.product-video-frame figcaption{font-size:.72rem;color:#8FA8BF;padding:9px 12px;background:#07182B;border-top:1px solid #294964}
.demo-overview-head{max-width:860px;margin-bottom:26px}
.product-video-wide{max-width:1040px}
@media(max-width:1000px){.product-overview-grid{grid-template-columns:1fr}.product-video-frame{max-width:960px}.product-overview-copy{max-width:850px}}
@media(max-width:767px){.product-overview-grid{gap:28px}.overview-points>div{padding:12px 13px}.product-video-frame{border-radius:12px}.product-video-frame figcaption{font-size:.68rem}}


/* v3.7.0 — editorial consistency and compact-screen utility-bar polish */
@media(max-width:767px){.appbar .container>span{display:block}.appbar .container>span+span{margin-top:3px}}

/* Accessibility and mobile navigation polish — 2026-09-09 */
@media(max-width:767px){.menu-button{min-height:44px;min-width:68px}.footer a{display:inline-flex;align-items:center;min-height:44px}}

/* Editorial navigation spacing — 2026-09-10 */
.footerrow>div:last-child{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
@media(max-width:650px){.footerrow>div:last-child{gap:0 16px}}

/* Narrow-screen content containment — 2026-09-10 */
.twocol-product{grid-template-columns:repeat(2,minmax(0,1fr))}.twocol-product>*{min-width:0}.info-box a[href^='mailto:']{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:1000px){.twocol-product{grid-template-columns:minmax(0,1fr)}}

/* Shared public-policy links — 2026-09-14 */
.footer-policy-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.footer-policy-links a{color:#D9E5F1;font-weight:800}
@media(max-width:650px){.footer-policy-links{gap:6px 16px}}

/* Desktop/full-screen layout — 2026-09-16 */
@media(min-width:768px) and (max-width:1100px){.nav .container{width:min(1060px,calc(100% - 24px))}.navrow{gap:12px}.t-logo{width:175px}.navlinks{gap:10px}.navlinks a:not(.btn){font-size:.78rem}.navlinks .btn{min-height:42px;padding:.68rem .78rem;font-size:.80rem}}
@media(min-width:1600px){.producthero-grid{padding:104px 0 94px;gap:66px}.section{padding:82px 0}.pagehero{padding:70px 0}.producthero .motto-hero{font-size:4.55rem}}

/* Direct contact dialog — 2026-09-16 */
.contact-dialog{width:min(780px,calc(100% - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid #365875;border-radius:18px;background:#0D253F;color:#E7EEF6;box-shadow:0 28px 80px rgba(0,0,0,.45);overflow:auto}.contact-dialog::backdrop{background:rgba(2,12,22,.78)}.contact-dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 26px 18px;background:#0D253F;border-bottom:1px solid #365875}.contact-dialog-head h2{margin:.2rem 0 0;color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.08}.contact-dialog-kicker{color:#92B7F5;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.contact-dialog-close{width:44px;height:44px;border:1px solid #46617D;border-radius:9px;background:#07182B;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.contact-form{padding:24px 26px 28px}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-form-grid label{display:flex;flex-direction:column;gap:6px;color:#fff;font-weight:800}.contact-form-grid label span{font-size:.78rem;color:#AFC0D2;font-weight:500}.contact-form-grid input,.contact-form-grid textarea{width:100%;font:inherit;color:#fff;border:1px solid #46617D;border-radius:9px;background:#07182B;padding:11px 12px}.contact-form-grid input{min-height:46px}.contact-form-grid textarea{resize:vertical;min-height:140px}.contact-form-full{grid-column:1/-1}.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.contact-form .btn.primary{background:var(--blue);color:#fff}.contact-form .btn.outline{border-color:#55718C;color:#fff;background:transparent}.contact-form-note,.contact-form-status{font-size:.88rem;color:#AFC0D2}.contact-form-note a{color:#BFD5FF}.contact-form-status.success{color:#86EFAC;font-weight:800}
@media(max-width:767px){.contact-dialog{width:calc(100% - 18px);max-height:calc(100vh - 18px)}.contact-dialog-head{padding:18px}.contact-form{padding:18px}.contact-form-grid{grid-template-columns:1fr}.contact-form-full{grid-column:auto}.contact-form-actions{display:grid}.contact-form-actions .btn{width:100%}}

/* Semantic action controls — 2026-09-28 */
button.btn{font-family:inherit;cursor:pointer}

/* Contact state, focus visibility, and mobile keyboard space. */
.contact-dialog{max-height:calc(100dvh - 32px)}.contact-dialog-close{flex:0 0 44px}.contact-form-status,.form-status{min-height:1.6em;overflow-wrap:anywhere}.contact-form-status:focus,.form-status:focus{outline:3px solid #F59E0B;outline-offset:4px}.contact-form input:focus,.contact-form textarea:focus{outline:3px solid #F59E0B;outline-offset:2px}.contact-form button:disabled,.request-form button:disabled{cursor:default;opacity:.75}[aria-busy="true"] button[type="submit"]{cursor:wait}.contact-open{overflow:hidden}.contact-form-note,.form-note{line-height:1.6}
@media(max-width:767px){.contact-dialog{max-height:calc(100dvh - 18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}