
header.tp-concept-header{position:sticky;top:0;z-index:50;background:#fff;color:#102936;display:flex;flex-wrap:nowrap;align-items:center;gap:24px;padding:12px 4%;min-height:78px;border-bottom:1px solid #e5e9eb}
.tp-concept-header a{text-decoration:none}.tp-concept-brand{display:flex;align-items:center;gap:8px;font:800 25px/1 Arial,sans-serif;letter-spacing:-1.3px;white-space:nowrap}.tp-concept-brand .mark{width:42px;height:39px;flex:0 0 42px;background:url('/assets/trailerpop-logo.png') -25px -9px/90px 67.5px no-repeat}.tp-concept-brand .pop{color:#ff5a1f}
.tp-concept-header .tp-desktop-nav{display:flex;gap:24px;align-items:center;margin-left:auto;font-size:14px;font-weight:700}.tp-concept-header a:hover{color:#ba3c00}.tp-concept-header .tp-design-link{background:#ff6500;color:#102936;padding:15px 20px;border-radius:12px;white-space:nowrap}
.tp-concept-header .language-control{position:relative;flex:0 0 190px;width:190px;height:58px;border:2px solid #ec641f;border-radius:12px;background:#fff3e8;margin-left:auto}.tp-concept-header .language-control label{position:absolute;left:38px;top:5px;font:800 10px/14px Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#853107}.tp-concept-header .language-control svg{position:absolute;left:10px;top:18px;width:21px;height:21px;pointer-events:none}.tp-concept-header select{border:0;background:transparent;color:#102936;position:absolute;inset:0;width:100%;height:100%;padding:20px 8px 2px 36px;font:700 14px Arial,sans-serif;cursor:pointer}
.tp-concept-header .tp-mobile-nav{display:none}.tp-concept-back{display:inline-block;margin:24px max(5vw,20px) 0;padding:10px 0;color:#fff;font-weight:650;text-decoration:underline;text-underline-offset:4px}main{background:#0b2231}main>.section{background:#f3f5f5}
@media(max-width:1150px){.tp-concept-header .tp-desktop-nav{gap:14px;font-size:13px}.tp-concept-brand{font-size:22px}header.tp-concept-header{gap:16px;padding-inline:20px}}
@media(max-width:1000px){.tp-concept-header .tp-desktop-nav{display:none}.tp-concept-header .tp-mobile-nav{display:block}.tp-mobile-nav summary{list-style:none;cursor:pointer;width:34px;height:44px;display:flex;align-items:center;justify-content:center}.tp-mobile-nav summary::-webkit-details-marker{display:none}.tp-mobile-nav summary svg{width:24px;height:24px}.tp-mobile-nav nav{position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid #dce5e8;box-shadow:0 10px 20px #0002;padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:0}.tp-mobile-nav nav a{padding:13px 16px;font-weight:700}.tp-concept-header .language-control{flex-basis:172px;width:172px;height:54px}}
@media(max-width:600px){header.tp-concept-header{padding:8px 12px;gap:10px;min-height:70px}.tp-concept-brand{font-size:20px;gap:4px}.tp-concept-header .language-control{flex-basis:156px;width:156px}.tp-concept-header .language-control label{left:32px}.tp-concept-header select{padding-left:30px;font-size:13px}.tp-concept-header .language-control svg{left:7px;width:18px}.tp-concept-back{margin-top:16px}}
@media(max-width:380px){.tp-concept-brand{font-size:17px}.tp-concept-brand .mark{display:none}.tp-concept-header .language-control{flex-basis:150px;width:150px}}

/* Shared TrailerPop dark styling for all 55 concept pages. */
:root{color-scheme:dark;background:#092330;color:#f5f7f8}body{background:#092330;color:#f5f7f8}main,main>.section{background:#092330;color:#f5f7f8}.hero{background:#092330;color:#f5f7f8}.hero p{color:#c1d0d6}.hero .eyebrow{color:#ff8a4c}.hero h1{color:#fff}.hero img{border:1px solid #3c5560;border-radius:20px}.section{border-top:1px solid #29434f}.section h2{color:#fff}.note{color:#bdcdd4}.card{background:#162f3b;border:1px solid #385260;border-radius:18px;box-shadow:none}.card figcaption{background:#162f3b;padding:22px}.card small{color:#9ed4c3}.card h3{color:#fff}.card img{background:#e9edef;border-bottom:1px solid #385260;max-height:270px;object-fit:contain}.steps{gap:18px}.step{background:#162f3b;border:1px solid #385260;border-radius:18px}.step b{color:#ff8a4c}.step p{color:#f5f7f8}.button{background:#ff6b13;color:#092330;border-radius:12px;border:1px solid #ff6b13}.button:hover{background:#ff8a4c;transform:none;box-shadow:0 5px 18px #0002}.other{gap:12px}.other a{display:inline-flex;align-items:center;min-height:48px;padding:13px 18px;background:#162f3b;border:1px solid #b3683d;border-radius:12px;color:#fff;text-decoration:underline;text-underline-offset:4px;font-weight:650}.other a:hover{border-color:#ff8a4c;background:#203d4b}footer{background:#0b202d;border-top:1px solid #29434f;color:#beced5;padding-block:32px}footer strong{color:#fff}footer a{text-underline-offset:4px}a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #ff8a4c;outline-offset:4px}.tp-concept-header{color-scheme:light}.tp-concept-header .language-control{color:#102936}.tp-concept-header select option{background:white;color:#102936}@media(max-width:700px){.hero{padding-bottom:36px}.card img{max-height:240px}.section{padding-block:36px}}


/* Consistent affordances for real controls only. */
a[href],button:not(:disabled),select:not(:disabled),summary,[role="button"]:not([aria-disabled="true"]),input[type="checkbox"]:not(:disabled),input[type="radio"]:not(:disabled){cursor:pointer}
a[href]:not(:has(img)):not(.brand):not(.logo):not(.tp-concept-brand):not(.button):not(.btn):not(.nav-cta):not(.tp-design-link):not(.floating-contact):not([data-business-page]){text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
a[href]:focus-visible,button:focus-visible,summary:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff873e!important;outline-offset:4px!important;box-shadow:0 0 0 2px #092330!important}
button:not(:disabled):hover,a.button:hover,a.btn:hover,a.nav-cta:hover,[role="button"]:not([aria-disabled="true"]):hover{filter:brightness(1.09)}
button:not(:disabled):active,a.button:active,a.btn:active,a.nav-cta:active,[role="button"]:not([aria-disabled="true"]):active{filter:brightness(.9)}
button:disabled,[aria-disabled="true"],input:disabled,select:disabled{cursor:not-allowed;opacity:.55}
select,input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),textarea{border-width:1px;border-style:solid}
summary{text-decoration:underline;text-underline-offset:5px}summary:hover{color:#ff873e}
button.btn.light,button.btn.dark,button.menu-button,button.mobile-menu-btn,.prog{border:1px solid #78939e}
.choice,.model-card{border:1px solid #bb7146!important}.choice:hover,.model-card:hover{border-color:#ff873e!important;box-shadow:0 0 0 1px #ff873e}
.choice.selected,.choice.active,.choice[aria-pressed="true"],.model-card.selected,.model-card.active,.len.active,.len.selected,.prog.active{outline:2px solid #ff873e;outline-offset:2px}
.tp-select-cue{display:table;margin-top:16px;padding:8px 14px;border:1px solid #ff873e;border-radius:8px;background:#ff6b13;color:#092330;font-size:13px;font-weight:800;line-height:1.4}
@media(hover:hover){a[href]:hover{text-decoration-thickness:2px}select:not(:disabled):hover,input:not(:disabled):not([type="hidden"]):hover,textarea:not(:disabled):hover{border-color:#ff873e}}
