/* Product pages v10. Real typography, optically aligned marks and restrained motion. */
:root{--price-orange:#df5c00}:root[data-theme="dark"]{--price-orange:#ff6e00}
body{letter-spacing:0;line-height:1.8}
h1,h2,h3,.patrol-intro h1,.page-hero h1,.bundle-hero h1,.experience-hero h1,.feature h3,.faq-group h2{letter-spacing:-.025em}
p,li,a,button,label,input,textarea,small{letter-spacing:0}
.plan-price,.bundle-plans .plan-price,.countdown-value{letter-spacing:-.025em}
.meet-hero{padding:76px 0 28px;text-align:center}
.meet-hero h1{line-height:1.12;max-width:1080px;margin:0 auto}
.meet-line{display:block;font-size:clamp(32px,4vw,52px);margin:0 0 28px}
.meet-lockup{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.meet-lockup .wordmark{width:clamp(250px,39vw,540px);height:clamp(45px,7vw,98px)}
.edition-word{font-size:clamp(34px,5vw,66px);color:var(--ink);letter-spacing:-.015em}
.meet-hero>div>p{max-width:650px;margin:32px auto 0;font-size:16px;color:var(--muted)}
.product-hero-actions{display:flex;gap:26px;align-items:center;justify-content:center;margin-top:12px;margin-bottom:42px}
.product-wide{border-radius:24px;overflow:hidden;margin:46px auto 0;background:var(--surface)}
.product-wide img{width:100%;height:auto;max-height:620px;object-fit:contain;background:var(--surface-2)}
.product-wide figcaption{padding:18px 24px;font-size:11px;color:var(--muted)}
.button.meet-link{gap:.55em}
.button.meet-link .wordmark[aria-hidden]{display:block;width:5.6em;height:.82em;flex-shrink:0}
.button.meet-link .wordmark img,.countdown-copy>p .wordmark img{position:static;left:auto;top:auto;transform:none;width:100%;height:100%;object-fit:contain;object-view-box:inset(38% 7.8% 39.5% 9.1%)}
.button.text>span[aria-hidden]:not(.wordmark){display:inline-block}
.product-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.product-benefits h2,.product-benefits h3{font-size:28px;line-height:1.25;margin-bottom:18px}
.product-benefits p{font-size:13px;color:var(--muted);line-height:1.95}
.edition-details,.price-section{background:var(--surface)}
.edition-purchase{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;text-align:center}
.edition-purchase>strong{font-size:36px;color:var(--price-orange)}
.edition-purchase>span{font-size:12px;color:var(--muted)}
.edition-purchase .fine-print{width:100%;margin-top:8px}
.home-introduction .section-head>div{max-width:450px}
.home-introduction p{font-size:14px;color:var(--muted);margin-bottom:14px}
.home-introduction .button{display:flex;justify-content:flex-start}
.home-prices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.home-prices>a{padding:24px 28px;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.home-prices>a:first-child{border-left:0;padding-left:0}.home-prices>a:last-child{padding-right:0}
.home-prices h3{font-size:19px;margin-bottom:12px}.home-prices strong{font-size:40px;color:var(--price-orange);line-height:1.2}
.home-prices p{font-size:12px;color:var(--muted);min-height:50px;margin:15px 0}
.home-prices>a>span{font-size:12px}.price-section .fine-print{margin-top:32px;font-size:11px;color:var(--muted)}
.brand-spotlight,.bundle-hero .brand-spotlight{margin:14px auto 42px;width:min(310px,100%)}
.brand-stage{display:grid;grid-template-areas:"logo";grid-template-columns:minmax(0,1fr);place-items:center;width:100%;height:108px;padding:18px 24px;background:transparent;border:0;border-radius:0;overflow:hidden;cursor:pointer;color:var(--ink)}
.brand-stage:hover{background:transparent}.brand-stage[aria-pressed="true"]{outline-offset:8px}
#spotlight-logo,.spotlight-ghost{width:min(260px,100%);height:68px;grid-area:logo;object-fit:contain;padding:0;border:0;background:transparent;border-radius:0}
html[data-theme="dark"] :is(#spotlight-logo,.spotlight-ghost):is([data-brand="motorola"],[data-brand="stalker"],[data-brand="infocop"],[data-brand="axon"],[data-brand="amazon"]){filter:brightness(0) invert(1)}
html[data-theme="dark"] :is(#spotlight-logo,.spotlight-ghost):is([data-brand="chrome"],[data-brand="microsoft"],[data-brand="edge"],[data-brand="garmin"],[data-brand="gemini"],[data-brand="panasonic"]){filter:brightness(1.6)}
.bundle-hero{padding:58px 0 66px}.bundle-hero h1{max-width:1000px;font-size:clamp(42px,5.4vw,72px);line-height:1.15}
.bundle-description{max-width:650px}
.bundle-plans{padding-top:70px}
.bundle-heading h2{font-size:clamp(32px,4vw,48px)}.bundle-heading{margin-bottom:38px}
.bundle-plans .plan-card{padding:30px 24px;background:var(--paper);border:1px solid var(--line)}
.bundle-plans .plan-card h2{font-size:28px;margin:0;text-align:center}
.bundle-plans .plan-price{text-align:center;margin:24px 0 22px;font-size:43px}
.bundle-plans .plan-summary{min-height:76px;line-height:1.85;font-size:12px}
.bundle-plans .plan-card ul{margin:0 0 22px}.bundle-plans .plan-card li{font-size:12px;padding:9px 0}
.plan-includes{padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);margin-bottom:24px}
.purchase-note{margin:34px auto 0;max-width:870px;text-align:center;font-size:11px;color:var(--muted)}
.purchase-note p+p{margin-top:14px}
.purchase-note a,.price-section .fine-print a,.policy-copy a:not(.button){text-decoration:underline;text-underline-offset:3px}
.tactalk-pair{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap}
.tactalk-mark{display:inline-grid;grid-template-areas:"logo";width:clamp(185px,24vw,345px);height:auto;vertical-align:middle}
.tactalk-mark img{grid-area:logo;width:100%;height:auto;display:block}
.tactalk-mark:has(img[src*="-supplied.png"]){height:80px;background:transparent;border-radius:0;padding:0}
.tactalk-mark img[src*="-supplied.png"]{height:100%;object-fit:contain}
.tactalk-mark img[src*="tactalkai-supplied"]{object-view-box:inset(31.8% 8.5% 34.7% 8.5%)}
.tactalk-mark img[src*="tactalk2-supplied"]{object-view-box:inset(9% 1% 2.3% 0%)}
.tactalk-mark .logo-dark{display:none}html[data-theme="dark"] .tactalk-mark .logo-light{display:none}html[data-theme="dark"] .tactalk-mark .logo-dark{display:block}
.tac-edition{display:inline-flex;align-items:flex-start;gap:9px}
.tac-edition sup,.tac-comparison sup{font-size:12px;line-height:1.5;letter-spacing:0;color:var(--ink);position:static;margin-top:10px}
.tac-and{font-size:28px;color:var(--muted)}
.tactalk-hero .button-row{justify-content:center;margin-top:30px;gap:24px}
.tac-comparison{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.tac-comparison h2{display:flex;align-items:flex-start;gap:10px}.tac-comparison .tactalk-mark{width:min(290px,80%)}
.tac-comparison p{font-size:14px;color:var(--muted);margin:24px 0}
.tac-comparison ul{padding-left:20px;font-size:13px;line-height:2.1}.tac-comparison .button{margin-top:20px}
.tools-story{background:var(--surface)}.tools-story .brand-spotlight{margin:0 auto 36px}
.menu-button{align-items:center;gap:10px;min-height:42px}
.menu-glyph{display:none}
.social-coming{display:flex;align-items:center;gap:10px;margin:20px 0}
.social-coming button{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid var(--line);border-radius:50%;opacity:1;cursor:default;flex-shrink:0}
.social-coming button img{width:20px;height:20px}.social-coming>span{font-size:9px;color:var(--muted);line-height:1.7}
.footer-policies{display:flex;gap:16px 24px;flex-wrap:wrap;padding:22px 0 0;font-size:10px;line-height:1.8}
.policy-copy{max-width:850px}.policy-copy h2{font-size:30px}.policy-copy>p{max-width:760px}
.countdown-copy>p .wordmark{width:5.6em;height:.82em;display:inline-block;vertical-align:-.025em;margin:0}
.countdown-copy>p .beamng-wordmark{width:7.3em;height:.86em;display:inline-block;vertical-align:-.04em;margin:0}
.countdown-for{white-space:nowrap}
/* Odometer rolls with optical depth, a soft landing and stable tabular spacing. */
.countdown-value{font-variant-numeric:tabular-nums;white-space:nowrap}
.countdown-digit{display:inline-block;position:relative;width:.69em;overflow:clip;vertical-align:bottom;perspective:380px;line-height:1.18}
.countdown-digit:before{content:attr(data-old);position:absolute;inset:0;opacity:0;pointer-events:none;transform-origin:50% 0%}
.countdown-digit.digit-morph:before{animation:digit-out .78s cubic-bezier(.23,.76,.25,1) both}
.countdown-digit>span{display:inline-block;transform-origin:50% 100%}
.digit-morph>span{animation:digit-in .78s cubic-bezier(.23,.76,.25,1) both}
@keyframes digit-in{0%{opacity:0;transform:translateY(92%) rotateX(-62deg) scale(.88);filter:blur(3px)}34%{opacity:.65}72%{opacity:1;transform:translateY(-4%) rotateX(3deg) scale(1.02);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes digit-out{0%{opacity:1;transform:none;filter:blur(0)}60%{opacity:0;transform:translateY(-85%) rotateX(58deg) scale(.9);filter:blur(3px)}100%{opacity:0;transform:translateY(-110%) rotateX(68deg) scale(.88);filter:blur(3px)}}
.web-demo-callout{padding:30px;border:1px solid var(--line);border-radius:20px;margin-bottom:28px}
.web-demo-callout h2{font-size:28px}.web-demo-callout p{font-size:13px;color:var(--muted);margin:18px 0 22px}
@media(max-width:1000px){.home-prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}.home-prices>a:nth-child(3){border-left:0;padding-left:0}.home-prices>a:nth-child(2){padding-right:0}.bundle-plans .plan-summary{min-height:55px}.product-benefits{gap:28px}.tactalk-pair{gap:16px}}
@media(max-width:700px){
 h1,h2,h3,.patrol-intro h1,.page-hero h1,.bundle-hero h1,.experience-hero h1{letter-spacing:-.022em}
 .meet-hero{padding:50px 0 24px}.meet-line{font-size:32px;margin-bottom:22px}.meet-lockup{gap:16px}.meet-lockup .wordmark{width:250px;height:45px}.edition-word{font-size:38px}
 .meet-hero>div>p{font-size:13px;margin-top:24px}
 .product-hero-actions{gap:20px;flex-wrap:wrap;margin-top:0;margin-bottom:30px;font-size:12px}
 .product-wide{border-radius:16px;margin-top:30px}.product-wide figcaption{font-size:10px;padding:16px}
 .product-benefits,.tac-comparison{grid-template-columns:1fr;gap:38px}.product-benefits h2,.product-benefits h3{font-size:25px}
 .edition-purchase{gap:12px 16px}.edition-purchase>strong{font-size:32px}.edition-purchase>span{font-size:11px}
 .home-prices>a{padding:16px 16px}.home-prices h3{font-size:17px}.home-prices strong{font-size:34px}.home-prices p{font-size:11px;min-height:50px}
 .brand-spotlight,.bundle-hero .brand-spotlight{width:245px;margin:6px auto 28px}.brand-stage{height:90px;border-radius:16px;padding:12px 20px}
 #spotlight-logo,.spotlight-ghost{height:58px}.bundle-hero{padding:44px 0 46px}.bundle-hero h1{font-size:clamp(35px,9vw,54px)}
 .bundle-plans .plan-card{padding:28px}.bundle-plans .plan-summary{min-height:0;font-size:13px}.bundle-plans .plan-card h2{font-size:30px}
 .tactalk-pair{flex-direction:column;gap:16px}.tactalk-mark{width:230px}.tac-and{font-size:23px}.tac-edition sup{font-size:10px;margin-top:8px}
 .social-coming>span{font-size:10px}.footer-policies{gap:14px 18px}.policy-copy h2{font-size:27px}
}
@media(max-width:359px){.meet-link .wordmark{width:95px;height:18px}.patrol-intro .button-row{gap:9px}.meet-lockup .wordmark{width:235px;height:43px}.bundle-hero h1{font-size:33px}.social-coming{gap:8px}.social-coming>span{max-width:80px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.digit-morph>span{opacity:1;transform:none}.digit-morph:before{opacity:0}}