*{margin:0;padding:0;border:0;box-sizing:border-box}
html,body,div,span,header,footer,main,nav,section,article,aside,h1,h2,h3,h4,h5,h6,p,a,ul,li,img,form,label,input,textarea,button,select{margin:0;padding:0;border:0}
body{font-family:'Roboto Slab',serif;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);color:#212529;line-height:1.6}
.hdr-wrap{max-width:1200px;margin:0 auto;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(127deg,#fff 0%,#f8f9fa 50%,#fff 100%);box-shadow:0 4px 12px #00000014;border-radius:0 0 18px 18px}
.hdr-left{display:flex;align-items:center;gap:18px;flex:1}
.logo-area{display:flex;align-items:center;justify-content:center}
.site-logo{height:95px;width:95px;object-fit:contain;background:#d003320d;padding:8px;border-radius:14px;box-shadow:0 3px 8px #d0033226}
.brand-txt{display:flex;flex-direction:column;gap:4px}
.company-title{font-size:28px;font-weight:700;color:#D00332;letter-spacing:-.5px}
.tag-line{font-size:13px;color:#016E95;font-weight:400}
.hdr-right{display:flex;align-items:center}
.main-nav{display:flex;gap:25px;align-items:center}
.main-nav .nav-link{text-decoration:none;color:#212529;font-size:16px;font-weight:400;padding:8px 14px;border-radius:8px;transition:background .3s ease-in-out,color .3s ease-in-out}
.main-nav .nav-link:hover{background:#d0033214;color:#D00332}
.ftr-container{max-width:1200px;margin:0 auto;padding:50px 30px 30px;background:linear-gradient(143deg,#fff 0%,#f1f3f5 100%);border-radius:24px 24px 0 0}
.ftr-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.ftr-col{display:flex;flex-direction:column;gap:14px}
.ftr-heading{font-size:20px;font-weight:700;color:#D00332;margin-bottom:8px}
.ftr-addr{font-size:14px;color:#495057;line-height:1.7}
.ftr-contact{font-size:14px;color:#495057;display:flex;align-items:center;gap:8px}
.ftr-contact i{color:#016E95;font-size:16px}
.ftr-nav{display:flex;flex-direction:column;gap:10px}
.ftr-link{text-decoration:none;color:#495057;font-size:14px;padding:6px 12px;border-radius:50px;background:#016e950d;transition:background .3s ease-in-out,color .3s ease-in-out;display:inline-block;width:fit-content}
.ftr-link:hover{background:#016e951f;color:#016E95}
.ftr-disclaimer{font-size:13px;color:#6c757d;line-height:1.7;background:#f4f30014;padding:14px;border-radius:50px;border:1px solid #f4f30033}
.ftr-bottom{text-align:center;padding-top:25px;border-top:2px solid #d003321a}
.copyright-txt{font-size:14px;color:#6c757d}
@media (max-width: 1366px) {
.hdr-wrap{padding:18px 25px}
.site-logo{height:80px;width:80px}
.company-title{font-size:24px}
.main-nav{gap:20px}
}
@media (max-width: 768px) {
.hdr-wrap{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}
.hdr-left{width:100%}
.hdr-right{width:100%}
.main-nav{flex-direction:column;align-items:flex-start;gap:12px;width:100%}
.main-nav .nav-link{width:100%;padding:12px 14px}
.ftr-top{grid-template-columns:1fr;gap:30px}
.site-logo{height:70px;width:70px}
.company-title{font-size:22px}
}
@media (max-width: 375px) {
.hdr-wrap{padding:15px}
.site-logo{height:60px;width:60px}
.company-title{font-size:20px}
.tag-line{font-size:12px}
.ftr-container{padding:40px 20px 25px}
}
.cookie-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:9998;display:none}
.cookie-popup{position:fixed;top:20px;right:20px;max-width:380px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 24px #00000026;z-index:9999;display:none}
.cookie-popup.show{display:block}
.cookie-overlay.show{display:block}
.cookie-content{margin-bottom:20px}
.cookie-content p{font-size:14px;color:#495057;line-height:1.6;margin-bottom:12px}
.cookie-content a{color:#016E95;text-decoration:underline}
.cookie-actions{display:flex;gap:12px;flex-wrap:wrap}
.cookie-btn{flex:1;min-width:120px;padding:10px 18px;border:2px solid #D00332;background:transparent;color:#D00332;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:background .3s ease-in-out,color .3s ease-in-out;font-family:'Roboto Slab',serif}
.cookie-btn:hover{background:#D00332;color:#fff}
.cookie-btn.decline{border-color:#6c757d;color:#6c757d}
.cookie-btn.decline:hover{background:#6c757d;color:#fff}
.cookie-badge{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:#016E95;color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #016e954d;z-index:9997;transition:background .3s ease-in-out}
.cookie-badge:hover{background:#D00332}
.cookie-badge i{font-size:24px}
@media (max-width: 768px) {
.cookie-popup{right:10px;left:10px;max-width:calc(100% - 20px)}
}
.age-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center}
.age-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:450px;background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);padding:35px;border-radius:20px;box-shadow:0 12px 40px #00000040;z-index:10000;text-align:center}
.age-popup h2{font-size:26px;color:#D00332;margin-bottom:18px;font-weight:700}
.age-popup p{font-size:16px;color:#495057;line-height:1.7;margin-bottom:25px}
.age-actions{display:flex;gap:15px;flex-direction:column}
.age-btn{width:100%;padding:14px 24px;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease-in-out;font-family:'Roboto Slab',serif;border:none}
.age-btn.confirm{background:linear-gradient(135deg,#D00332 0%,#a00228 100%);color:#fff;box-shadow:0 4px 12px #d003324d}
.age-btn.confirm:hover{background:linear-gradient(135deg,#a00228 0%,#D00332 100%);box-shadow:0 6px 16px #d0033266}
.age-btn.deny{background:#e9ecef;color:#495057;box-shadow:0 4px 12px #0000001a}
.age-btn.deny:hover{background:#dee2e6}
.age-denial-msg{display:none;font-size:15px;color:#6c757d;margin-top:18px;line-height:1.6}
@media (max-width: 768px) {
.age-popup{width:85vw;max-width:380px;padding:28px}
.age-popup h2{font-size:22px}
.age-popup p{font-size:15px}
.age-btn{padding:12px 20px;min-height:48px}
}
@media (max-width: 375px) {
.age-popup{width:90vw;padding:25px}
.age-popup h2{font-size:20px}
.age-btn{font-size:15px;min-height:44px}
}
.ys-rules-block{max-width:1200px;margin:0 auto;padding:60px 20px;background:#fff}
.ys-rules-block h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2;padding-bottom:16px;border-bottom:3px solid #D00332}
.ys-rules-block h2{font-size:2rem;font-weight:600;color:#2a2a2a;margin:48px 0 20px;line-height:1.3}
.ys-rules-block h3{font-size:1.5rem;font-weight:600;color:#3a3a3a;margin:36px 0 16px;line-height:1.4}
.ys-rules-block h4{font-size:1.25rem;font-weight:600;color:#4a4a4a;margin:28px 0 14px;line-height:1.4}
.ys-rules-block h5{font-size:1.125rem;font-weight:600;color:#5a5a5a;margin:24px 0 12px;line-height:1.5}
.ys-rules-block h6{font-size:1rem;font-weight:600;color:#6a6a6a;margin:20px 0 10px;line-height:1.5}
.ys-rules-block p{font-size:1rem;line-height:1.7;color:#333;margin:0 0 16px}
.ys-rules-block ul,.ys-rules-block ol{margin:0 0 20px;padding-left:32px}
.ys-rules-block ul{list-style-type:disc}
.ys-rules-block ol{list-style-type:decimal}
.ys-rules-block li{font-size:1rem;line-height:1.7;color:#333;margin-bottom:8px;padding-left:8px}
.ys-rules-block li ul,.ys-rules-block li ol{margin-top:8px;margin-bottom:8px}
.ys-rules-block a{color:#016E95;text-decoration:underline;transition:color .3s ease-in-out}
.ys-rules-block a:hover{color:#D00332;text-decoration:none}
.ys-rules-block a:focus{outline:2px solid #016E95;outline-offset:2px}
.ys-rules-block table{width:100%;border-collapse:collapse;margin:24px 0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}
.ys-rules-block thead{background:linear-gradient(135deg,#016E95 0%,#014a65 100%)}
.ys-rules-block thead tr{border-bottom:2px solid #D00332}
.ys-rules-block th{padding:16px 20px;text-align:left;font-weight:600;font-size:.95rem;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.ys-rules-block tbody{background:#fff}
.ys-rules-block tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease-in-out}
.ys-rules-block tbody tr:hover{background:#f8f8f8}
.ys-rules-block tbody tr:last-child{border-bottom:none}
.ys-rules-block td{padding:14px 20px;font-size:.95rem;color:#333;line-height:1.6}
.ys-rules-block hr{border:none;height:2px;background:linear-gradient(90deg,#D00332 0%,#016E95 100%);margin:40px 0;border-radius:2px}
.ys-rules-block div{margin:0 0 16px}
@media (max-width: 768px) {
.ys-rules-block{padding:40px 16px}
.ys-rules-block h1{font-size:2rem;margin-bottom:20px}
.ys-rules-block h2{font-size:1.65rem;margin-top:36px}
.ys-rules-block h3{font-size:1.35rem;margin-top:28px}
.ys-rules-block h4{font-size:1.15rem}
.ys-rules-block table{font-size:.875rem}
.ys-rules-block th,.ys-rules-block td{padding:12px 14px}
.ys-rules-block ul,.ys-rules-block ol{padding-left:24px}
}
@media (max-width: 375px) {
.ys-rules-block{padding:32px 12px}
.ys-rules-block h1{font-size:1.75rem}
.ys-rules-block h2{font-size:1.45rem}
.ys-rules-block p,.ys-rules-block li{font-size:.95rem}
.ys-rules-block table{display:block;overflow-x:auto}
.ys-rules-block th,.ys-rules-block td{padding:10px 12px;font-size:.85rem}
}
.hero-wrapper{max-width:1200px;margin:60px auto;padding:0 20px;display:flex;align-items:center;gap:50px}
.hero-txt{flex:1}
.hero-txt .title-main{font-size:3.2rem;line-height:1.1;margin:0 0 15px;background:linear-gradient(135deg,#D00332,#016E95);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-txt .subtitle-line{font-size:1.3rem;margin:0 0 25px;color:#333}
.hero-txt .desc-block{font-size:1rem;line-height:1.7;color:#555;margin-bottom:30px}
.hero-img-wrapper{flex:1;position:relative}
.hero-img-wrapper img{width:100%;height:auto;border-radius:20px;box-shadow:0 12px 28px #00000026}
.hero-img-wrapper::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;background:linear-gradient(225deg,#F4F300,#016E95);border-radius:20px;z-index:-1;opacity:.3}
.btn-primary-hero{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#D00332,#016E95);color:#fff;text-decoration:none;border-radius:8px;font-size:1rem;font-weight:600;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 4px 12px #d003324d;z-index:10;position:relative}
.btn-primary-hero:hover{transform:translateY(-3px);box-shadow:0 8px 20px #d0033266}
.stack-section{background:linear-gradient(165deg,#f9f9f9,#fff);padding:80px 20px;margin:0}
.stack-inner{max-width:1200px;margin:0 auto}
.stack-inner .section-header{text-align:center;margin-bottom:60px}
.stack-inner .section-header h2{font-size:2.5rem;margin:0 0 15px;color:#222;position:relative;display:inline-block}
.stack-inner .section-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#D00332,#F4F300);border-radius:2px}
.stack-inner .section-header p{font-size:1.1rem;color:#666;margin:0}
.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.tech-card{background:#fff;padding:35px 25px;border-radius:16px;box-shadow:0 4px 16px #00000014;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;border-top:4px solid #016E95}
.tech-card:nth-child(2){border-top-color:#D00332}
.tech-card:nth-child(3){border-top-color:#F4F300}
.tech-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0000001f}
.tech-card h3{font-size:1.5rem;margin:0 0 15px;color:#222}
.tech-card p{font-size:.95rem;line-height:1.6;color:#555;margin:0 0 20px}
.tech-list{list-style:none;padding:0;margin:0}
.tech-list li{padding:8px 0;color:#444;font-size:.9rem;position:relative;padding-left:20px}
.tech-list li::before{content:'→';position:absolute;left:0;color:#016E95;font-weight:700}
.demo-section-outer{background:linear-gradient(155deg,#016E95,#D00332);padding:80px 20px;margin:0}
.demo-wrapper{max-width:900px;margin:0 auto}
.demo-header{text-align:center;margin-bottom:40px}
.demo-header h2{font-size:2.3rem;color:#fff;margin:0 0 15px}
.demo-header p{font-size:1.1rem;color:#ffffffe6;margin:0}
.demo-container{position:relative;width:100%;padding-top:56.25%;background:#00000080;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px #0000004d}
.demo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);z-index:5}
.demo-link-btn{display:inline-block;padding:18px 45px;background:#F4F300;color:#222;text-decoration:none;border-radius:12px;font-size:1.2rem;font-weight:700;transition:all .3s ease-in-out;box-shadow:0 8px 20px #f4f30066;z-index:10;position:relative}
.demo-link-btn:hover{transform:scale(1.08);box-shadow:0 12px 32px #f4f30099;background:#fff}
.growth-section{background:#fff;padding:80px 20px;margin:0}
.growth-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.growth-content h2{font-size:2.4rem;margin:0 0 25px;color:#222}
.growth-content p{font-size:1rem;line-height:1.7;color:#555;margin-bottom:20px}
.progress-track{margin-top:30px}
.skill-item{margin-bottom:25px}
.skill-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;font-weight:600;color:#333}
.skill-bar-outer{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}
.skill-bar-inner{height:100%;background:linear-gradient(90deg,#D00332,#016E95);border-radius:6px;transition:width .8s ease-in-out}
.growth-visual{position:relative}
.growth-visual img{width:100%;height:auto;border-radius:16px;box-shadow:0 10px 30px #00000026}
@media (max-width: 768px) {
.hero-wrapper{flex-direction:column;gap:30px;margin:40px auto}
.hero-txt .title-main{font-size:2.2rem}
.hero-txt .subtitle-line{font-size:1.1rem}
.stack-section{padding:60px 20px}
.stack-inner .section-header h2{font-size:2rem}
.tech-grid{grid-template-columns:1fr;gap:20px}
.demo-section-outer{padding:60px 20px}
.demo-header h2{font-size:1.8rem}
.growth-inner{grid-template-columns:1fr;gap:40px}
.growth-content h2{font-size:1.9rem}
}
@media (max-width: 375px) {
.hero-txt .title-main{font-size:1.8rem}
.btn-primary-hero{padding:12px 24px;font-size:.9rem}
.stack-inner .section-header h2{font-size:1.7rem}
.tech-card{padding:25px 20px}
.demo-header h2{font-size:1.6rem}
.demo-link-btn{padding:14px 32px;font-size:1rem}
}
.main-wrapper-r7{width:100%;overflow:hidden}
.hero-contact-b4{background:linear-gradient(138deg,#D00332 0%,#016E95 100%);padding:110px 20px 90px;position:relative}
.hero-contact-b4::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#f4f30014 0%,transparent 70%);pointer-events:none}
.hero-inner-wrap{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.title-contact-h7{font-size:3.2rem;color:#fff;margin:0 0 18px;font-weight:700;letter-spacing:-.5px;line-height:1.2}
.subtitle-txt-m9{font-size:1.25rem;color:#ffffffeb;margin:0;max-width:620px;line-height:1.6}
.decorative-accent-p3{display:inline-block;width:90px;height:4px;background:#F4F300;margin-top:26px;border-radius:2px}
.contact-content-grid{max-width:1200px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start}
.info-column-left{position:relative}
.section-label-x2{font-size:.9rem;color:#D00332;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 20px;font-weight:600}
.info-heading-d8{font-size:2.1rem;color:#1a1a1a;margin:0 0 24px;font-weight:700;line-height:1.3}
.intro-text-w5{font-size:1.05rem;color:#4a4a4a;line-height:1.7;margin:0 0 40px}
.contact-detail-block{margin-bottom:34px}
.detail-label-k1{font-size:.85rem;color:#777;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px;font-weight:600}
.detail-value-n4{font-size:1.15rem;color:#1a1a1a;margin:0;line-height:1.5}
.detail-value-n4 a{color:#016E95;text-decoration:none;transition:color .3s ease-in-out}
.detail-value-n4 a:hover{color:#D00332}
.form-column-right{background:#f8f8f8;padding:50px 45px;border-radius:12px;box-shadow:0 4px 18px #0000000f}
.form-title-j6{font-size:1.8rem;color:#1a1a1a;margin:0 0 30px;font-weight:700}
.contact-form-main{display:flex;flex-direction:column;gap:24px}
.form-row-dual{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.input-group-v7{display:flex;flex-direction:column}
.input-label-t9{font-size:.9rem;color:#333;margin-bottom:8px;font-weight:600}
.text-input-f3{padding:14px 16px;border:2px solid #ddd;border-radius:6px;font-size:1rem;color:#1a1a1a;background:#fff;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}
.text-input-f3:focus{outline:none;border-color:#016E95;box-shadow:0 0 0 3px #016e951a}
.textarea-input-s8{padding:14px 16px;border:2px solid #ddd;border-radius:6px;font-size:1rem;color:#1a1a1a;background:#fff;min-height:140px;resize:vertical;font-family:inherit;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}
.textarea-input-s8:focus{outline:none;border-color:#016E95;box-shadow:0 0 0 3px #016e951a}
.select-input-q2{padding:14px 16px;border:2px solid #ddd;border-radius:6px;font-size:1rem;color:#1a1a1a;background:#fff;cursor:pointer;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}
.select-input-q2:focus{outline:none;border-color:#016E95;box-shadow:0 0 0 3px #016e951a}
.privacy-checkbox-wrap{display:flex;align-items:start;gap:10px;margin-top:8px}
.checkbox-input-h5{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#D00332}
.privacy-label-text{font-size:.9rem;color:#555;line-height:1.5;flex:1}
.privacy-label-text a{color:#016E95;text-decoration:underline}
.privacy-label-text a:hover{color:#D00332}
.submit-btn-a1{padding:16px 48px;background:linear-gradient(135deg,#D00332 0%,#016E95 100%);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;align-self:flex-start;margin-top:10px}
.submit-btn-a1:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d003324d}
.submit-btn-a1:active{transform:translateY(0)}
.hours-section-z3{background:#fff;padding:70px 20px;border-top:1px solid #e5e5e5}
.hours-container-inner{max-width:1200px;margin:0 auto;text-align:center}
.hours-heading-u4{font-size:2rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.hours-subtext-l6{font-size:1.1rem;color:#666;margin:0 0 40px;line-height:1.6}
.hours-grid-display{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px;margin:0 auto}
.hours-card-item{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);padding:32px 24px;border-radius:10px;box-shadow:0 3px 12px #0000000d;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}
.hours-card-item:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}
.card-icon-wrap{width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#D00332 0%,#016E95 100%);display:flex;align-items:center;justify-content:center}
.card-icon-wrap i{font-size:1.8rem;color:#fff}
.card-title-h8{font-size:1.2rem;color:#1a1a1a;margin:0 0 10px;font-weight:700}
.card-detail-p2{font-size:1rem;color:#666;margin:0;line-height:1.6}
.availability-note-section{background:linear-gradient(125deg,#016E95 0%,#D00332 100%);padding:60px 20px;position:relative;overflow:hidden}
.availability-note-section::after{content:'';position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:#f4f3001f;border-radius:50%}
.availability-inner-wrap{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:2}
.availability-heading-r5{font-size:2.2rem;color:#fff;margin:0 0 20px;font-weight:700;line-height:1.3}
.availability-text-c7{font-size:1.15rem;color:#ffffffe6;margin:0 0 30px;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto}
.cta-btn-group{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.cta-primary-btn{padding:15px 40px;background:#F4F300;color:#1a1a1a;border:none;border-radius:8px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-block;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}
.cta-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4f30066}
.cta-secondary-btn{padding:15px 40px;background:transparent;color:#fff;border:2px solid #fff;border-radius:8px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-block;transition:background .3s ease-in-out,color .3s ease-in-out}
.cta-secondary-btn:hover{background:#fff;color:#016E95}
@media (max-width: 1366px) {
.contact-content-grid{gap:50px}
.hours-grid-display{gap:24px}
}
@media (max-width: 768px) {
.hero-contact-b4{padding:70px 20px 60px}
.title-contact-h7{font-size:2.2rem}
.subtitle-txt-m9{font-size:1.1rem}
.contact-content-grid{grid-template-columns:1fr;gap:40px;padding:50px 20px}
.form-column-right{padding:35px 25px}
.form-row-dual{grid-template-columns:1fr;gap:24px}
.hours-grid-display{grid-template-columns:1fr;gap:20px}
.availability-heading-r5{font-size:1.8rem}
.availability-text-c7{font-size:1.05rem}
.cta-btn-group{flex-direction:column;align-items:stretch}
.cta-primary-btn,.cta-secondary-btn{text-align:center}
}
@media (max-width: 375px) {
.title-contact-h7{font-size:1.9rem}
.info-heading-d8{font-size:1.8rem}
.form-column-right{padding:28px 20px}
.availability-heading-r5{font-size:1.6rem}
}
.title-intro-outer{background:linear-gradient(127deg,#016E95 0%,#D00332 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.title-intro-outer::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#f4f30014;border-radius:50%;filter:blur(80px)}
.title-intro-outer::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:#ffffff0d;border-radius:50%;filter:blur(60px)}
.title-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.title-text-zone h1{font-size:3.2rem;color:#fff;margin:0 0 24px;line-height:1.2;font-weight:700}
.title-text-zone .emphasis-line{color:#F4F300;display:block;margin-top:12px}
.title-text-zone p{font-size:1.15rem;color:#ffffffe6;line-height:1.7;margin:0}
.title-img-zone{position:relative}
.title-img-zone img{width:100%;height:auto;border-radius:12px;display:block;box-shadow:0 20px 60px #0000004d;filter:blur(0.3px)}
.abstract-shape{position:absolute;border:2px solid #f4f30026;border-radius:50%}
.abstract-shape.one{width:180px;height:180px;top:-40px;left:-50px}
.abstract-shape.two{width:120px;height:120px;bottom:-30px;right:-40px;border-color:#ffffff1f}
@media (max-width: 1366px) {
.title-wrap{gap:50px}
.title-text-zone h1{font-size:2.8rem}
}
@media (max-width: 768px) {
.title-intro-outer{padding:60px 20px 70px}
.title-wrap{grid-template-columns:1fr;gap:40px}
.title-text-zone h1{font-size:2.2rem}
.title-text-zone p{font-size:1.05rem}
.abstract-shape.one{width:120px;height:120px;top:-20px;left:-30px}
.abstract-shape.two{width:80px;height:80px;bottom:-20px;right:-20px}
}
@media (max-width: 375px) {
.title-text-zone h1{font-size:1.9rem}
}
.core-values-section{padding:90px 20px;background:#f8f8f8}
.core-values-inner{max-width:1200px;margin:0 auto}
.core-values-inner h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 20px;text-align:center;font-weight:700}
.core-values-inner .subtitle-text{font-size:1.1rem;color:#555;text-align:center;margin:0 auto 60px;max-width:700px;line-height:1.6}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.principle-card{background:#fff;padding:40px 30px;border-radius:16px;border:2px solid transparent;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.principle-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#D00332 0%,#016E95 100%);transition:height .3s ease-in-out}
.principle-card:hover::before{height:100%}
.principle-card:hover{border-color:#d0033233;box-shadow:0 12px 40px #00000014;transform:translateY(-4px)}
.principle-card h3{font-size:1.4rem;color:#D00332;margin:0 0 16px;font-weight:700}
.principle-card p{font-size:1rem;color:#555;line-height:1.7;margin:0}
@media (max-width: 1366px) {
.principles-grid{gap:24px}
.principle-card{padding:35px 25px}
}
@media (max-width: 768px) {
.core-values-section{padding:70px 20px}
.core-values-inner h2{font-size:2rem}
.principles-grid{grid-template-columns:1fr;gap:20px}
.principle-card{padding:30px 24px}
}
.approach-workflow{padding:90px 20px;background:#fff;position:relative}
.approach-container{max-width:1200px;margin:0 auto}
.approach-container h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 50px;font-weight:700}
.steps-display{display:flex;flex-direction:column;gap:0}
.step-row{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:40px 0;border-bottom:1px solid #e5e5e5;position:relative}
.step-row:last-child{border-bottom:none}
.step-num{width:80px;height:80px;background:linear-gradient(135deg,#016E95 0%,#D00332 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;font-weight:700;flex-shrink:0}
.step-content-area h3{font-size:1.5rem;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.step-content-area p{font-size:1rem;color:#555;line-height:1.7;margin:0}
@media (max-width: 768px) {
.approach-workflow{padding:70px 20px}
.approach-container h2{font-size:2rem;margin-bottom:40px}
.step-row{grid-template-columns:60px 1fr;gap:20px;padding:30px 0}
.step-num{width:60px;height:60px;font-size:1.6rem}
.step-content-area h3{font-size:1.3rem}
}
@media (max-width: 375px) {
.step-row{grid-template-columns:1fr;gap:16px}
.step-num{margin:0 auto}
}
.tech-showcase-area{padding:90px 20px;background:linear-gradient(225deg,#f4f4f4 0%,#e8e8e8 100%)}
.tech-inner-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:60px;align-items:center}
.tech-visual-side img{width:100%;height:auto;border-radius:20px;box-shadow:0 16px 48px #00000026;display:block}
.tech-content-side h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.tech-content-side p{font-size:1.05rem;color:#555;line-height:1.7;margin:0 0 32px}
.tech-features-list{list-style:none;padding:0;margin:0}
.tech-features-list li{font-size:1rem;color:#333;padding:12px 0 12px 40px;position:relative;line-height:1.6}
.tech-features-list li::before{content:'';position:absolute;left:0;top:16px;width:24px;height:24px;background:linear-gradient(135deg,#D00332 0%,#016E95 100%);border-radius:4px}
.tech-features-list li::after{content:'✓';position:absolute;left:6px;top:16px;color:#fff;font-size:.9rem;font-weight:700}
@media (max-width: 1366px) {
.tech-inner-wrap{gap:50px}
}
@media (max-width: 768px) {
.tech-showcase-area{padding:70px 20px}
.tech-inner-wrap{grid-template-columns:1fr;gap:40px}
.tech-content-side h2{font-size:2rem}
.tech-features-list li{padding-left:36px}
.tech-features-list li::before{width:20px;height:20px}
.tech-features-list li::after{left:5px;font-size:.8rem}
}
.interactive-standards{padding:90px 20px;background:#fff}
.standards-wrapper{max-width:1200px;margin:0 auto}
.standards-wrapper h2{font-size:2.4rem;color:#1a1a1a;margin:0 0 20px;text-align:center;font-weight:700}
.standards-wrapper .intro-desc{font-size:1.1rem;color:#555;text-align:center;margin:0 auto 50px;max-width:750px;line-height:1.6}
.tabs-control{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}
.tabs-control input[type="radio"]{display:none}
.tabs-control label{padding:14px 32px;background:#f0f0f0;color:#333;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease-in-out;border:2px solid transparent}
.tabs-control label:hover{background:#e0e0e0}
.tabs-control input[type="radio"]:checked + label{background:linear-gradient(135deg,#D00332 0%,#016E95 100%);color:#fff;border-color:#D00332}
.tab-content-area{display:none;animation:fadeInContent .4s ease-in-out}
#tab1:checked ~ .tab-panels .tab-content-area.panel-one,#tab2:checked ~ .tab-panels .tab-content-area.panel-two,#tab3:checked ~ .tab-panels .tab-content-area.panel-three{display:block}
@keyframes fadeInContent {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.tab-content-area h3{font-size:1.8rem;color:#D00332;margin:0 0 20px;font-weight:700}
.tab-content-area p{font-size:1.05rem;color:#555;line-height:1.7;margin:0 0 24px}
.standards-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.metric-box{background:#f8f8f8;padding:24px;border-radius:12px;text-align:center;border:2px solid #e5e5e5}
.metric-box .metric-num{font-size:2.2rem;color:#016E95;font-weight:700;display:block;margin-bottom:8px}
.metric-box .metric-label{font-size:.95rem;color:#555;display:block}
@media (max-width: 768px) {
.interactive-standards{padding:70px 20px}
.standards-wrapper h2{font-size:2rem}
.tabs-control{flex-direction:column}
.tabs-control label{width:100%;text-align:center}
.tab-content-area h3{font-size:1.5rem}
.standards-metrics{grid-template-columns:1fr;gap:16px}
}
@media (max-width: 375px) {
.tabs-control label{padding:12px 20px;font-size:.95rem}
}
.success-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0}
.hero-success{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(147deg,#D00332 0%,#016E95 100%);margin-bottom:0}
.hero-success::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(147deg,#f4f30026 0%,transparent 35%,#016e9533 70%,transparent 100%);animation:slowRotate 25s ease-in-out infinite}
@keyframes slowRotate {
0%,100%{transform:rotate(0deg) scale(1)}
50%{transform:rotate(180deg) scale(1.1)}
}
.hero-success::after{content:'';position:absolute;bottom:0;right:0;width:45%;height:45%;background:radial-gradient(circle at center,#f4f30014,transparent 70%);animation:pulse 8s ease-in-out infinite}
@keyframes pulse {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.6;transform:scale(1.15)}
}
.hero-content-inner{position:relative;z-index:2;text-align:center;padding:60px 24px;max-width:680px}
.hero-content-inner h1{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 48px;line-height:1.2;text-shadow:0 2px 12px #00000026}
.hero-btn-wrapper{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.btn-hero-primary{display:inline-block;padding:16px 42px;background:#fff;color:#D00332;text-decoration:none;font-weight:600;font-size:1.05rem;border-radius:8px;transition:all .3s ease-in-out;box-shadow:0 4px 16px #0003}
.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d;background:#F4F300;color:#016E95}
.btn-hero-secondary{display:inline-block;padding:16px 42px;background:transparent;color:#fff;text-decoration:none;font-weight:600;font-size:1.05rem;border:2px solid #fff;border-radius:8px;transition:all .3s ease-in-out}
.btn-hero-secondary:hover{background:#fff;color:#016E95;transform:translateY(-3px)}
.confirmation-zone{background:#f8f9fa;padding:80px 24px}
.confirm-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.status-card{background:#fff;padding:36px 28px;border-radius:16px;box-shadow:0 2px 12px #0000000f;position:relative;overflow:hidden;transition:all .3s ease-in-out}
.status-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D00332 0%,#F4F300 50%,#016E95 100%)}
.status-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px #0000001f}
.card-icon-area{width:64px;height:64px;background:linear-gradient(135deg,#D00332 0%,#016E95 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.card-icon-area i{font-size:2rem;color:#fff}
.status-card h3{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.status-card p{font-size:1rem;line-height:1.7;color:#4a4a4a;margin:0 0 24px}
.detail-list{list-style:none;padding:0;margin:0 0 24px}
.detail-list li{padding:8px 0;font-size:.95rem;color:#5a5a5a;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;gap:10px}
.detail-list li:last-child{border-bottom:none}
.detail-list li::before{content:'';width:6px;height:6px;background:#016E95;border-radius:50%;flex-shrink:0}
.status-indicator{display:inline-block;padding:6px 16px;background:linear-gradient(90deg,#d003321a 0%,#016e951a 100%);color:#016E95;font-size:.85rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}
.ref-number{font-family:monospace;font-weight:700;color:#D00332}
@media (max-width: 768px) {
.hero-content-inner h1{font-size:2.2rem}
.hero-success{min-height:420px}
.confirmation-zone{padding:60px 20px}
.confirm-container{grid-template-columns:1fr;gap:24px}
.hero-btn-wrapper{flex-direction:column;gap:14px}
.btn-hero-primary,.btn-hero-secondary{width:100%;max-width:320px}
}
@media (max-width: 375px) {
.hero-content-inner h1{font-size:1.85rem}
.status-card{padding:28px 20px}
.card-icon-area{width:56px;height:56px}
.card-icon-area i{font-size:1.6rem}
}