:root{--primary-red: #d22730;--primary-black: #101820;--text-gray: #616a71;--bg-gray: #f9f8f9;--border-color: #eee;--font-main: "Albert Sans", sans-serif;--font-heading: "Inter", sans-serif}body{margin:0;font-family:var(--font-main);color:var(--primary-black);line-height:1.6;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.button{display:inline-block;background:var(--primary-red);color:#fff;padding:15px 40px;border-radius:30px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all .3s;text-align:center}.button:hover{background-color:var(--primary-black);border-color:var(--primary-black)}.section-title{font-family:var(--font-heading);font-weight:900;line-height:1.2;font-size:2.8rem;margin-bottom:20px;margin-top:0}.main-header{background:#fff;padding:15px 0;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1000}.main-header .container{display:flex;justify-content:space-between;align-items:center}.main-header .logo img{height:40px}.main-nav,.mobile-nav-toggle{display:none}.button.button-header{padding:10px 24px;font-size:.9rem}.button-header span{display:none}.hero{padding:80px 20px;text-align:center}.hero h1{font-family:var(--font-heading);font-weight:900;font-size:clamp(3.2rem,11vw,6rem);line-height:1.1;margin-bottom:50px}.hero .line{display:block}.hero .logo-line img{height:clamp(50px,15vw,80px);margin-top:15px}.tracking-form{display:flex;flex-direction:column;gap:15px;max-width:700px;margin:0 auto;align-items:center}.tracking-form input{width:100%;box-sizing:border-box;padding:20px 25px;font-size:1.1rem;border-radius:30px;border:1px solid #ccc;outline:none}.tracking-form button{width:100%;max-width:400px;border:none;box-shadow:0 4px 15px #0000001a;transition:all .2s ease-in-out}.tracking-form button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026;background-color:#b91c24}.tracking-form button:active{transform:translateY(1px);box-shadow:0 2px 8px #0003}.error-message{color:var(--primary-red);margin-top:15px;height:1em;font-weight:700}.about-top{text-align:center;padding:80px 0;position:relative}.stats-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:50px}.stats-list li{flex:1;min-width:200px}.stats-list h3{font-size:2.5rem;margin:0}.features{padding:80px 0;background-color:var(--bg-gray);text-align:center}.features-grid{display:grid;grid-template-columns:1fr;gap:30px;text-align:left}.feature-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.feature-card img{width:100%;display:block}.feature-card.red-bg{background-color:var(--primary-red);color:#fff}.feature-card .card-content{padding:30px}.feature-card h3{font-size:1.5rem;margin-top:0;font-weight:900}.clients{padding:60px 0;text-align:center}.client-logos{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:30px;margin-top:40px}.client-logos img{max-height:40px;max-width:120px;opacity:.7;filter:grayscale(100%);transition:.3s}.client-logos img:hover{opacity:1;filter:grayscale(0%)}.details-section{padding:80px 20px}.detail-block{display:flex;flex-direction:column;align-items:center;gap:40px;margin-bottom:60px;text-align:center}.detail-image img{width:100%;border-radius:10px}.latest-news{padding:80px 0;background-color:var(--bg-gray);text-align:center}.latest-news-header{display:flex;flex-direction:column;gap:20px;align-items:center;margin-bottom:40px}.button.button-white{background-color:#fff;color:var(--primary-black);border:1px solid #ccc}.articles-grid{display:grid;grid-template-columns:1fr;gap:30px;text-align:left}.article-block a{text-decoration:none;color:var(--primary-black)}.article-block img{width:100%;border-radius:10px;margin-bottom:15px}.main-footer{background:var(--primary-black);color:#a0a0a0;padding:60px 20px}.footer-logo{height:40px;margin-bottom:20px}.footer-grid{display:grid;grid-template-columns:1fr;gap:40px;text-align:center}.legal-links a{color:#a0a0a0;text-decoration:none;margin:0 7px}.footer-column-links h4{color:#fff;font-size:1rem;text-transform:uppercase;margin-bottom:20px}.footer-column-links a{display:block;color:#a0a0a0;text-decoration:none;margin-bottom:10px}.footer-column-links a:hover,.legal-links a:hover{color:#fff}.tracking-page-container{background-color:var(--bg-gray)}.track-results-container{padding:20px}.track-block{max-width:900px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a;border:1px solid #dee2e6}.track-block-top{background-color:var(--primary-red);color:#fff;padding:20px 30px}.track-block-top .header-lhs{display:flex;align-items:center;gap:20px}.track-block-top .header-lhs:before{content:"";display:block;width:50px;height:50px;background-image:url(https://www.ontrac.com/wp-content/themes/ontrac/assets/images/logo-symbol-white.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.track-block-top h2{margin:0;font-size:1.5rem;word-break:break-all}.track-block-main{background-color:#fff;padding:30px}.status-summary{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.status-summary .status-lhs h2{margin:0;font-size:clamp(1.8rem,5vw,2.2rem);color:var(--primary-red);font-weight:900}.status-summary .status-rhs{display:flex;gap:30px;text-align:right}.progress-section{margin:40px 0}.progress-bar-container{background-color:#e9ecef;border-radius:20px;height:8px}.progress-bar{background-color:#28a745;height:100%;border-radius:20px;position:relative;transition:width .5s ease-in-out}.progress-icon{position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:44px;height:30px;background:transparent;color:var(--primary-red);border-radius:0;display:flex;align-items:center;justify-content:center;border:none;box-shadow:none;font-size:1.8rem}.progress-icon i{line-height:1}.progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-gray);padding:10px 0 0;text-align:center}.progress-labels span{flex:1}.most-recent-event{background:var(--bg-gray);padding:25px;border-radius:8px;margin:30px 0}.most-recent-event h3{margin-top:0;font-size:1.3rem;font-weight:900}.event-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:20px 0}.event-item label{font-size:.8rem;color:var(--text-gray);text-transform:uppercase}.event-item p{margin:0;font-weight:700}.event-description{border-top:1px solid var(--border-color);padding-top:15px}.event-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:15px}.event-actions .button{padding:12px 24px}.event-actions .button i{margin-right:8px}.collapsible-sections{margin-top:30px}.collapsible-item{border-top:1px solid var(--border-color)}.collapsible-toggle{cursor:pointer;padding:20px 0;font-size:1.2rem;font-weight:900;display:flex;justify-content:space-between;align-items:center}.collapsible-toggle .arrow{transition:transform .3s ease-in-out}.collapsible-toggle .arrow.open{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.collapsible-content.open{max-height:500px}.collapsible-content-inner{padding-bottom:20px}.events-table{width:100%;border-collapse:collapse}.events-table th,.events-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--border-color)}.events-table th{font-size:.9rem}.details-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.details-list label{font-size:.8rem;color:var(--text-gray);text-transform:uppercase}.details-list p{margin:0;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease-in-out}.modal-overlay.visible{opacity:1}.modal-content{background:#fff;padding:25px 30px;border-radius:12px;width:90%;max-width:450px;box-shadow:0 15px 35px #00000026;border:1px solid #eee;transform:scale(.95);transition:transform .3s ease-in-out}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--border-color);margin-bottom:25px}.modal-header h2{margin:0;font-size:1.3rem;font-weight:900}.close-button{background:transparent;border:none;font-size:1.8rem;cursor:pointer;color:#888;padding:0;line-height:1}.payment-form .form-row{display:flex;gap:15px}.payment-form .form-row .form-group{flex:1}.payment-form .form-group{margin-bottom:20px}.payment-form label{display:block;margin-bottom:8px;font-weight:700;font-size:.9rem}.payment-form input{width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;transition:all .2s ease}.payment-form input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #d227301a}.payment-submit-btn{width:100%;margin-top:10px;padding:15px;font-size:1.1rem}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-gray)}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-red);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-animation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.status-svg{width:60px;height:60px}.card-body{fill:#f0f0f0;stroke:#ccc;stroke-width:2}.card-stripe{fill:#ddd}.cross-group{transform-origin:center;animation:shake .5s ease-in-out}.cross-line{stroke:var(--primary-red);stroke-width:4;stroke-linecap:round;stroke-dasharray:28;stroke-dashoffset:28;animation:draw .4s .2s ease-out forwards}.status-text{font-weight:700;margin-top:15px;animation:fadeIn .5s .5s ease-out forwards;opacity:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}.stripe-trust-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color);font-size:.9rem;color:var(--text-gray)}.stripe-trust-badge .lock-icon{width:16px;height:16px}@media (max-width: 600px){.track-block-main{padding:20px}.track-block-top{padding:15px}.track-block-top h2{font-size:1.2rem}.status-summary,.status-summary .status-rhs{flex-direction:column;align-items:flex-start;text-align:left;gap:15px}.progress-labels{font-size:.65rem}}@media (min-width: 768px){.main-nav{display:flex;gap:30px}.main-nav a{text-decoration:none;color:var(--primary-black);font-weight:700}.mobile-nav-toggle{display:none}.button-header span{display:inline}.tracking-form{flex-direction:row;gap:0;align-items:initial}.tracking-form input{border-radius:30px 0 0 30px;border-right:none}.tracking-form button{border-radius:0 50px 50px 0;width:auto;max-width:none}.features-grid{grid-template-columns:repeat(2,1fr)}.detail-block{flex-direction:row;text-align:left}.detail-block.reversed{flex-direction:row-reverse}.detail-text .section-title{text-align:left}.latest-news-header{flex-direction:row;justify-content:space-between}.latest-news-header .section-title{text-align:left}.articles-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr;text-align:left}}@media (min-width: 1024px){.about-top .sticker{display:block;position:absolute;right:5%;bottom:0;width:150px}}.card-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#ccc}.billing-address-input{width:100%;padding:12px 15px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;transition:all .2s ease}.billing-address-input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 3px #d227301a}.card-input-wrapper{position:relative}.card-icon-wrapper{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:38px;height:24px;opacity:0;transition:opacity .3s ease-in-out;z-index:1}.card-icon-wrapper.visible{opacity:1}.payment-form input#card-number{background-color:transparent;z-index:2;position:relative}.payment-form input#card-number.has-card-icon{padding-right:60px}.card-icon-wrapper svg{filter:none!important}@media (max-width: 768px){.tracking-form input{font-size:16px}.hero .logo-line{margin:0 auto;width:fit-content}}@media (max-width: 1023px){.about-top .sticker{display:block;position:relative;margin:40px auto 0;width:120px}}@media (max-width: 1023px){.about-top{display:flex;align-items:center;justify-content:space-between}.about-top .sticker{display:block;position:relative;left:50%;transform:translate(-50%);width:90%;max-width:450px;margin-top:20px;margin-bottom:20px}.about-top{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.about-top .sticker{position:static;width:50px;height:50px;margin-top:5px;margin-bottom:5px}.about-top .content-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:10px}}.mobile-only-logo{display:none}@media (max-width: 768px){.mobile-only-logo{display:block;width:100%;max-width:350px;margin:3rem auto 0}}