*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.6;color:#213A46;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.topwrap{background:linear-gradient(135deg,#213A46 0%,#E37703 100%);padding:24px 0;box-shadow:0 4px 12px #213a4626}
.topwrap .headbox{max-width:960px;margin:0 auto;padding:0 20px}
.topwrap .brandrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.topwrap .logohold{width:110px;height:110px;background:#fffffff2;border-radius:8px;padding:12px;box-shadow:0 3px 10px #0000001f}
.topwrap .logohold img{width:100%;height:100%;object-fit:contain}
.topwrap .compname{font-size:38px;font-weight:700;color:#fff;text-align:center;flex:1;padding:0 30px;text-shadow:2px 2px 6px #0003}
.topwrap .navibar{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.topwrap .navibar a{padding:10px 18px;background:#ffffff26;color:#fff;border-radius:6px;font-weight:600;font-size:15px;transition:all .3s ease;border:1px solid #fff3}
.topwrap .navibar a:hover{background:#ffffff40;box-shadow:0 4px 10px #00000026}
.footwrap{background:#213A46;color:#E5E3E4;padding:60px 0 30px;margin-top:80px}
.footwrap .footbox{max-width:960px;margin:0 auto;padding:0 20px}
.footwrap .footgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:50px}
.footwrap .footcol h3{font-size:18px;font-weight:700;color:#E37703;margin-bottom:18px}
.footwrap .footcol p,.footwrap .footcol a{font-size:14px;line-height:1.8;color:#E5E3E4;display:block;margin-bottom:10px}
.footwrap .footcol a:hover{color:#E37703}
.footwrap .bottomline{border-top:1px solid #e5e3e433;padding-top:25px;display:flex;justify-content:space-between;align-items:center;font-size:13px}
.footwrap .pollinks{display:flex;gap:20px}
.footwrap .pollinks a{color:#E5E3E4}
.footwrap .pollinks a:hover{color:#E37703}
.cookiewrap{position:fixed;bottom:30px;right:30px;background:#fff;border:2px solid #E37703;max-width:480px;padding:28px;box-shadow:0 8px 24px #213a4640;z-index:9999;opacity:0;transform:translateX(600px);transition:all .5s ease}
.cookiewrap.shown{opacity:1;transform:translateX(0)}
.cookiewrap .cookiehead{font-size:20px;font-weight:700;color:#213A46;margin-bottom:14px}
.cookiewrap .cookietxt{font-size:14px;line-height:1.6;color:#213A46;margin-bottom:20px}
.cookiewrap .cookieopts{margin-bottom:20px}
.cookiewrap .optrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0}
.cookiewrap .optrow label{font-size:14px;font-weight:600;color:#213A46}
.cookiewrap .optrow input[type="checkbox"]{width:20px;height:20px;cursor:pointer}
.cookiewrap .optrow input[type="checkbox"]:disabled{cursor:not-allowed}
.cookiewrap .cookiebutts{display:flex;gap:12px}
.cookiewrap .cookiebutts button{flex:1;padding:12px;border:none;cursor:pointer;font-weight:700;font-size:14px;transition:all .3s ease}
.cookiewrap .acceptbutt{background:#E37703;color:#fff}
.cookiewrap .acceptbutt:hover{background:#c56602;box-shadow:0 4px 12px #e377034d}
.cookiewrap .rejectbutt{background:#E5E3E4;color:#213A46}
.cookiewrap .rejectbutt:hover{background:#d4d2d3;box-shadow:0 4px 12px #213a4626}
.cookiewrap .morelink{display:block;margin-top:16px;font-size:13px;color:#E37703;text-decoration:underline}
.cookiewrap .morelink:hover{color:#213A46}
.privacybutt{position:fixed;bottom:30px;right:30px;width:56px;height:56px;background:#E37703;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:24px;box-shadow:0 6px 18px #e3770366;display:none;align-items:center;justify-content:center;z-index:9998;transition:all .3s ease}
.privacybutt:hover{transform:scale(1.1);box-shadow:0 8px 24px #e3770380}
.privacybutt.visible{display:flex}
@media (max-width: 768px) {
.topwrap .brandrow{flex-direction:column;gap:20px}
.topwrap .compname{padding:0;font-size:28px}
.topwrap .navibar{justify-content:center;width:100%}
.topwrap .navibar a{font-size:14px;padding:8px 14px}
.footwrap .footgrid{grid-template-columns:1fr;gap:30px}
.footwrap .bottomline{flex-direction:column;gap:15px;text-align:center}
.cookiewrap{right:15px;left:15px;bottom:15px;max-width:none}
.privacybutt{right:15px;bottom:15px}
}
.herocont{max-width:960px;margin:3rem auto;padding:0 1.5rem}
.herowrap{background:linear-gradient(135deg,#e3770314 0%,#213a460d 100%);border-radius:8px;overflow:hidden;position:relative}
.heroimg{width:100%;height:420px;object-fit:cover;object-position:center 40%;filter:grayscale(20%) contrast(1.1)}
.herotext{padding:2.5rem 2rem;border-left:3px solid #E37703;background:linear-gradient(to right,#e3770308,transparent)}
.herotitle{font-size:2.2rem;font-weight:700;color:#213A46;margin:0 0 1.5rem;line-height:1.2}
.herodesc{font-size:1.05rem;color:#213A46;line-height:1.7;margin:0;opacity:.9}
.motivation-sect{max-width:960px;margin:4rem auto;padding:0 1.5rem}
.motivhead{font-size:1.9rem;font-weight:700;color:#213A46;margin:0 0 2.5rem;position:relative;padding-left:1.2rem}
.motivhead::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:60%;background:linear-gradient(180deg,#E37703,#213A46);border-radius:2px}
.motivgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.motivcard{background:linear-gradient(135deg,#e5e3e466,#e377030d);padding:2rem;border-radius:6px;border:1px solid #e3770326;transition:transform .3s ease,box-shadow .3s ease}
.motivcard:hover{transform:translateY(-4px);box-shadow:0 8px 16px #213a461f}
.motivicon{width:48px;height:48px;margin-bottom:1.2rem}
.motivicon svg{width:100%;height:100%}
.cardtitle{font-size:1.3rem;font-weight:600;color:#E37703;margin:0 0 .8rem}
.cardtext{font-size:.95rem;color:#213A46;line-height:1.65;margin:0}
.guarantee-block{background:linear-gradient(247deg,#E37703 0%,#213A46 50%,#E5E3E4 100%);padding:4rem 1.5rem;margin:4rem 0}
.guarbox{max-width:960px;margin:0 auto}
.guartitle{font-size:1.85rem;font-weight:700;color:#fff;margin:0 0 2.5rem;text-align:center}
.guarlist{display:flex;flex-direction:column;gap:1.5rem}
.guaritem{background:#fffffff2;padding:1.8rem;border-radius:8px;display:flex;align-items:flex-start;gap:1.5rem;transition:background .3s ease}
.guaritem:hover{background:#ffff}
.guarimg{width:160px;height:120px;object-fit:cover;border-radius:6px;flex-shrink:0}
.guarcontent{flex:1}
.guaritemtitle{font-size:1.2rem;font-weight:600;color:#213A46;margin:0 0 .7rem}
.guaritemtext{font-size:.95rem;color:#213A46;line-height:1.7;margin:0}
.flex-section{max-width:960px;margin:4rem auto;padding:0 1.5rem}
.flextitle{font-size:1.9rem;font-weight:700;color:#213A46;margin:0 0 1.2rem}
.flexsubtitle{font-size:1.05rem;color:#213A46;line-height:1.7;margin:0 0 2.5rem;opacity:.85}
.flexcontent{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.fleximg{width:100%;height:320px;object-fit:cover;border-radius:8px;box-shadow:0 6px 20px #213a4626}
.flextext{display:flex;flex-direction:column;gap:1.8rem}
.flexpoint{background:#e5e3e44d;padding:1.5rem;border-radius:6px;border-left:4px solid #E37703}
.pointtitle{font-size:1.15rem;font-weight:600;color:#E37703;margin:0 0 .6rem}
.pointdesc{font-size:.95rem;color:#213A46;line-height:1.65;margin:0}
@media (max-width: 768px) {
.herotitle{font-size:1.75rem}
.herotext{padding:2rem 1.5rem}
.heroimg{height:280px}
.motivhead,.flextitle{font-size:1.6rem}
.guartitle{font-size:1.55rem}
.motivgrid{grid-template-columns:1fr}
.guaritem{flex-direction:column}
.guarimg{width:100%;height:200px}
.flexcontent{grid-template-columns:1fr}
.fleximg{height:240px}
}
@media (max-width: 480px) {
.herocont,.motivation-sect,.flex-section{margin:2rem auto}
.herotitle{font-size:1.5rem}
.motivhead,.flextitle{font-size:1.4rem}
.guartitle{font-size:1.35rem}
.cardtitle{font-size:1.15rem}
}
.contbox{max-width:960px;margin:3rem auto;padding:0 1.5rem}
.topwrap{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}
.topwrap .picside{position:relative;width:100%;height:280px;border-radius:8px;overflow:hidden}
.topwrap .picside img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:brightness(0.92) contrast(1.08)}
.topwrap .picside::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,#213a46a6,transparent);pointer-events:none}
.topwrap .txtside h1{font-size:2.4rem;line-height:1.2;color:#213A46;margin-bottom:1.2rem}
.topwrap .txtside h1 .marker{color:#E37703;position:relative;display:inline-block}
.topwrap .txtside h1 .marker::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#E37703;opacity:.4}
.topwrap .txtside p{font-size:1.05rem;line-height:1.7;color:#4a5568;margin-bottom:0}
.dotrow{display:flex;gap:8px;margin-top:1.5rem}
.dotrow span{width:6px;height:6px;border-radius:50%;background:#E37703;opacity:.7}
.dotrow span:nth-child(2){background:#213A46;opacity:.5}
.dotrow span:nth-child(3){background:#E5E3E4;opacity:.8}
.dotrow span:nth-child(4){background:#E37703;opacity:.4}
.inforow{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3.5rem}
.infocard{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:1px solid #E5E3E4;border-radius:10px;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease}
.infocard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#E37703 0%,#213A46 100%)}
.infocard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #213a461f;border-color:#E37703}
.infocard h3{font-size:1.2rem;color:#213A46;margin-bottom:1rem;font-weight:600}
.infocard .detail{font-size:1rem;line-height:1.8;color:#4a5568;margin-bottom:.6rem}
.infocard .detail:last-child{margin-bottom:0}
.infocard .detail strong{color:#213A46;font-weight:600;display:inline-block;min-width:90px}
.infocard .detail a{color:#E37703;text-decoration:none;transition:color .2s ease}
.infocard .detail a:hover{color:#213A46;text-decoration:underline}
.formarea{background:#fff;border:1px solid #E5E3E4;border-radius:10px;padding:2.5rem;margin-bottom:3rem;box-shadow:0 4px 12px #213a460f}
.formarea h2{font-size:1.8rem;color:#213A46;margin-bottom:.6rem;position:relative;display:inline-block}
.formarea h2::before{content:'';position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#E37703;border-radius:50%}
.formarea .subhead{font-size:.95rem;color:#718096;margin-bottom:2rem;line-height:1.6}
.formgrid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.inputwrap{display:flex;flex-direction:column}
.inputwrap label{font-size:.9rem;color:#213A46;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center}
.inputwrap label .req{color:#E37703;margin-left:3px;font-size:1.1rem}
.inputwrap input[type="text"],.inputwrap input[type="tel"]{padding:.9rem 1.1rem;border:2px solid #E5E3E4;border-radius:6px;font-size:1rem;color:#213A46;background:#fff;transition:all .3s ease;outline:none}
.inputwrap input[type="text"]:focus,.inputwrap input[type="tel"]:focus{border-color:#E37703;box-shadow:0 0 0 3px #e377031a}
.inputwrap input[type="text"]::placeholder,.inputwrap input[type="tel"]::placeholder{color:#a0aec0}
.selectwrap{display:flex;flex-direction:column}
.selectwrap label{font-size:.9rem;color:#213A46;font-weight:600;margin-bottom:.5rem}
.customselect{position:relative}
.customselect select{width:100%;padding:.9rem 2.5rem .9rem 1.1rem;border:2px solid #E5E3E4;border-radius:6px;font-size:1rem;color:#213A46;background:#fff;cursor:pointer;appearance:none;transition:all .3s ease;outline:none}
.customselect::after{content:'';position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #213A46;pointer-events:none}
.customselect select:focus{border-color:#E37703;box-shadow:0 0 0 3px #e377031a}
.radiogrid{display:grid;grid-template-columns:1fr;gap:1rem}
.radioitem{position:relative;padding-left:2rem}
.radioitem input[type="radio"]{position:absolute;opacity:0;cursor:pointer}
.radioitem label{font-size:.95rem;color:#4a5568;cursor:pointer;display:block;position:relative;padding-left:0;line-height:1.5}
.radioitem label::before{content:'';position:absolute;left:-2rem;top:2px;width:18px;height:18px;border:2px solid #E5E3E4;border-radius:50%;background:#fff;transition:all .3s ease}
.radioitem label::after{content:'';position:absolute;left:calc(-2rem + 5px);top:7px;width:8px;height:8px;border-radius:50%;background:#E37703;opacity:0;transform:scale(0);transition:all .3s ease}
.radioitem input[type="radio"]:checked + label::before{border-color:#E37703}
.radioitem input[type="radio"]:checked + label::after{opacity:1;transform:scale(1)}
.radioitem input[type="radio"]:focus + label::before{box-shadow:0 0 0 3px #e377031a}
.privacybox{margin-top:1.5rem;padding:1rem;background:#f9fafb;border-radius:6px;border:1px solid #E5E3E4}
.privacybox input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.privacybox label{font-size:.9rem;color:#4a5568;line-height:1.6;cursor:pointer;display:block;padding-left:2rem;position:relative}
.privacybox label::before{content:'';position:absolute;left:0;top:2px;width:18px;height:18px;border:2px solid #E5E3E4;border-radius:3px;background:#fff;transition:all .3s ease}
.privacybox label::after{content:'';position:absolute;left:5px;top:5px;width:8px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:all .3s ease}
.privacybox input[type="checkbox"]:checked + label::before{background:#E37703;border-color:#E37703}
.privacybox input[type="checkbox"]:checked + label::after{opacity:1}
.privacybox input[type="checkbox"]:focus + label::before{box-shadow:0 0 0 3px #e377031a}
.privacybox label a{color:#E37703;text-decoration:none;font-weight:600}
.privacybox label a:hover{text-decoration:underline}
.submitwrap{margin-top:2rem}
.submitwrap button{width:100%;padding:1.1rem 2rem;background:linear-gradient(135deg,#E37703 0%,#d66a02 100%);color:#fff;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #e3770340;position:relative;z-index:10}
.submitwrap button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e3770359;background:linear-gradient(135deg,#d66a02 0%,#E37703 100%)}
.submitwrap button:active{transform:translateY(0)}
.mapalt{background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border:1px solid #E5E3E4;border-radius:10px;padding:2.5rem;margin-bottom:3rem}
.mapalt h2{font-size:1.6rem;color:#213A46;margin-bottom:1.5rem}
.mapalt .locblock{display:flex;flex-direction:column;gap:1rem}
.mapalt .locblock .line{font-size:1rem;line-height:1.7;color:#4a5568}
.mapalt .locblock .line strong{color:#213A46;font-weight:600;display:inline-block;min-width:100px}
.extrawrap{background:#fff;border-radius:10px;padding:2.5rem;border:1px solid #E5E3E4;margin-bottom:3rem}
.extrawrap h2{font-size:1.7rem;color:#213A46;margin-bottom:1.2rem}
.extrawrap p{font-size:1rem;line-height:1.8;color:#4a5568;margin-bottom:1.5rem}
.extrawrap .imgshow{width:100%;height:320px;border-radius:8px;overflow:hidden;margin-top:1.5rem}
.extrawrap .imgshow img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}
.extrawrap .imgshow:hover img{transform:scale(1.05)}
@media (min-width: 768px) {
.topwrap{flex-direction:row;align-items:flex-start;gap:3rem}
.topwrap .picside{width:45%;flex-shrink:0;height:340px}
.topwrap .txtside{flex:1}
.topwrap .txtside h1{font-size:2.8rem}
.inforow{grid-template-columns:repeat(2,1fr);gap:2rem}
.formgrid{grid-template-columns:repeat(2,1fr);gap:1.5rem}
.radiogrid{grid-template-columns:repeat(2,1fr)}
.submitwrap button{width:auto;min-width:280px}
}
@media (min-width: 1024px) {
.contbox{padding:0 2rem}
.topwrap{gap:4rem;margin-bottom:5rem}
.topwrap .picside{width:48%;height:380px}
.topwrap .txtside h1{font-size:3.2rem}
.inforow{grid-template-columns:repeat(3,1fr)}
}
.herotop{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:60px}
.herotop .bgimage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(3px);z-index:1}
.herotop .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#213a46d9 0%,#e37703bf 100%);z-index:2}
.herotop .textwrap{position:relative;z-index:3;text-align:center;max-width:720px;padding:40px 20px;background:#ffffff1f;backdrop-filter:blur(8px);border-radius:8px;border:1px solid #ffffff40}
.herotop .textwrap h1{font-size:2.8rem;color:#fff;margin:0 0 20px;line-height:1.2;font-weight:700}
.herotop .textwrap .subtitle{font-size:1.35rem;color:#fff;line-height:1.5;margin:0;font-weight:400}
.wavediv{position:relative;width:100%;height:60px;margin-top:-1px}
.wavediv svg{position:absolute;bottom:0;width:100%;height:60px}
.storybox{max-width:960px;margin:0 auto 80px;padding:0 20px}
.storybox .intro{text-align:center;margin-bottom:50px}
.storybox .intro h2{font-size:2.2rem;color:#213A46;margin:0 0 18px;position:relative;display:inline-block}
.storybox .intro h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#E37703 0%,#213A46 100%)}
.storybox .intro .lead{font-size:1.15rem;color:#213A46;line-height:1.7;max-width:680px;margin:20px auto 0}
.storybox .contentgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-bottom:50px}
.storybox .contentgrid .textside{display:flex;flex-direction:column;gap:24px}
.storybox .contentgrid .textside p{font-size:1.05rem;color:#213A46;line-height:1.75;margin:0}
.storybox .contentgrid .imageside img{width:100%;height:auto;border-radius:6px;box-shadow:0 6px 20px #213a4626}
.valuegrid{max-width:960px;margin:0 auto 80px;padding:0 20px}
.valuegrid h2{font-size:2.1rem;color:#213A46;text-align:center;margin:0 0 50px}
.valuegrid .cardlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.valuegrid .cardlist .valuecard{background:linear-gradient(145deg,#fff 0%,#E5E3E4 100%);padding:32px 28px;border-radius:10px;border-left:4px solid #E37703;box-shadow:0 4px 12px #213a4614;transition:transform .3s ease,box-shadow .3s ease}
.valuegrid .cardlist .valuecard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #213a4629}
.valuegrid .cardlist .valuecard h3{font-size:1.4rem;color:#E37703;margin:0 0 14px}
.valuegrid .cardlist .valuecard p{font-size:1.02rem;color:#213A46;line-height:1.7;margin:0}
.teamarea{background:linear-gradient(180deg,#fff 0%,#E5E3E4 100%);padding:70px 20px;margin-bottom:80px}
.teamarea .contentwrap{max-width:960px;margin:0 auto}
.teamarea h2{font-size:2.1rem;color:#213A46;text-align:center;margin:0 0 16px}
.teamarea .tagline{font-size:1.1rem;color:#213A46;text-align:center;margin:0 0 50px;line-height:1.6}
.teamarea .splitlayout{display:flex;gap:50px;align-items:center}
.teamarea .splitlayout .leftpic{flex:0 0 45%}
.teamarea .splitlayout .leftpic img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px #213a4633}
.teamarea .splitlayout .righttext{flex:1}
.teamarea .splitlayout .righttext p{font-size:1.05rem;color:#213A46;line-height:1.75;margin:0 0 20px}
.teamarea .splitlayout .righttext p:last-child{margin-bottom:0}
.approachzone{max-width:960px;margin:0 auto 90px;padding:0 20px}
.approachzone h2{font-size:2.1rem;color:#213A46;text-align:center;margin:0 0 16px;position:relative}
.approachzone h2::before{content:'';position:absolute;top:50%;left:0;width:120px;height:2px;background:#E37703;transform:translateY(-50%)}
.approachzone h2::after{content:'';position:absolute;top:50%;right:0;width:120px;height:2px;background:#E37703;transform:translateY(-50%)}
.approachzone .subtitle{font-size:1.12rem;color:#213A46;text-align:center;margin:0 0 50px;line-height:1.6}
.approachzone .columns{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.approachzone .columns .colitem{background:#fff;padding:36px 30px;border-radius:8px;border-top:3px solid #213A46;box-shadow:0 6px 18px #213a461a}
.approachzone .columns .colitem h3{font-size:1.45rem;color:#E37703;margin:0 0 16px}
.approachzone .columns .colitem p{font-size:1.03rem;color:#213A46;line-height:1.7;margin:0 0 18px}
.approachzone .columns .colitem p:last-child{margin-bottom:0}
.approachzone .columns .colitem .imageholder{margin-top:24px}
.approachzone .columns .colitem .imageholder img{width:100%;height:auto;border-radius:6px;box-shadow:0 4px 12px #213a461f}
.ctasection{background:linear-gradient(135deg,#213A46 0%,#E37703 100%);padding:60px 20px;text-align:center;margin-bottom:0}
.ctasection h2{font-size:2rem;color:#fff;margin:0 0 20px}
.ctasection p{font-size:1.15rem;color:#fff;margin:0 0 32px;line-height:1.6;max-width:640px;margin-left:auto;margin-right:auto}
.ctasection .btnwrap{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctasection .btnwrap .mainbutt{background:#fff;color:#213A46;padding:16px 40px;border-radius:6px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #0003}
.ctasection .btnwrap .mainbutt:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}
.ctasection .btnwrap .secbutt{background:transparent;color:#fff;padding:16px 40px;border-radius:6px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;border:2px solid #fff;transition:background .3s ease,color .3s ease}
.ctasection .btnwrap .secbutt:hover{background:#fff;color:#213A46}
@media (max-width: 768px) {
.herotop{min-height:320px}
.herotop .textwrap h1{font-size:2rem}
.herotop .textwrap .subtitle{font-size:1.1rem}
.storybox .intro h2{font-size:1.8rem}
.storybox .contentgrid{grid-template-columns:1fr;gap:30px}
.valuegrid .cardlist{grid-template-columns:1fr}
.teamarea .splitlayout{flex-direction:column;gap:30px}
.teamarea .splitlayout .leftpic{flex:1;width:100%}
.approachzone h2::before,.approachzone h2::after{display:none}
.approachzone .columns{grid-template-columns:1fr;gap:30px}
.ctasection .btnwrap{flex-direction:column;align-items:center}
.ctasection .btnwrap .mainbutt,.ctasection .btnwrap .secbutt{width:100%;max-width:280px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.storybox .contentgrid{gap:35px}
.teamarea .splitlayout{gap:40px}
.approachzone .columns{gap:35px}
}
.herotitle{position:relative;background:linear-gradient(135deg,#213A46 0%,#E37703 100%);padding:80px 20px;overflow:hidden}
.herotitle::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(./featured_photos/asset-2023-015.jpg) center/cover;opacity:.15;z-index:1}
.herobox{position:relative;z-index:2;max-width:960px;margin:0 auto}
.herobox h1{font-size:48px;color:#E5E3E4;margin:0 0 20px;line-height:1.2;text-shadow:2px 2px 8px #0000004d}
.herobox .subtxt{font-size:20px;color:#E5E3E4;margin:0;line-height:1.6;max-width:680px}
.newsarticle-wrapper{max-width:960px;margin:60px auto;padding:0 20px}
.articlepost{background:#fff;border-left:4px solid #E37703;padding:40px;margin-bottom:40px;box-shadow:0 4px 12px #213a4614;border-radius:8px;transition:transform 0.3s,box-shadow .3s}
.articlepost:hover{transform:translateY(-4px);box-shadow:0 8px 20px #213a4626}
.articlepost .postmeta{display:flex;gap:20px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.articlepost .datestamp{color:#E37703;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.articlepost .topictag{background:#E5E3E4;color:#213A46;padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500}
.articlepost h2{color:#213A46;font-size:28px;margin:0 0 20px;line-height:1.3}
.articlepost h2::before{content:'▸';color:#E37703;margin-right:10px}
.articlepost .contentsnip{color:#213A46;font-size:16px;line-height:1.7;margin-bottom:20px}
.articlepost .readlink{display:inline-block;color:#E37703;text-decoration:none;font-weight:600;font-size:15px;transition:color .3s}
.articlepost .readlink::after{content:' →';transition:transform .3s;display:inline-block}
.articlepost .readlink:hover{color:#213A46}
.articlepost .readlink:hover::after{transform:translateX(4px)}
.featuredpost{background:linear-gradient(135deg,#213A46 0%,#E37703 100%);padding:60px 40px;margin-bottom:40px;border-radius:12px;color:#E5E3E4;position:relative;overflow:hidden}
.featuredpost::after{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#e5e3e41a;border-radius:50%;z-index:1}
.featuredpost .innerbox{position:relative;z-index:2}
.featuredpost .featurelabel{display:inline-block;background:#e5e3e433;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}
.featuredpost h2{font-size:32px;margin:0 0 20px;line-height:1.3}
.featuredpost .contentsnip{font-size:17px;line-height:1.7;margin-bottom:30px;max-width:700px}
.featuredpost .readlink{display:inline-block;background:#E5E3E4;color:#213A46;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:600;transition:transform 0.3s,box-shadow .3s}
.featuredpost .readlink:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}
.visualgrid{max-width:960px;margin:80px auto;padding:0 20px}
.gridbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.newscard{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #213a4614;transition:transform 0.3s,box-shadow .3s}
.newscard:hover{transform:translateY(-6px);box-shadow:0 10px 24px #213a4626}
.newscard .cardimg{width:100%;height:200px;object-fit:cover}
.newscard .cardbody{padding:30px}
.newscard .cardmeta{display:flex;gap:15px;align-items:center;margin-bottom:15px;flex-wrap:wrap}
.newscard .datestamp{color:#E37703;font-size:13px;font-weight:600}
.newscard .topictag{background:#E5E3E4;color:#213A46;padding:3px 10px;border-radius:4px;font-size:12px}
.newscard h3{color:#213A46;font-size:22px;margin:0 0 15px;line-height:1.4}
.newscard .cardtext{color:#213A46;font-size:15px;line-height:1.6;margin-bottom:20px}
.newscard .readlink{color:#E37703;text-decoration:none;font-weight:600;font-size:14px;transition:color .3s}
.newscard .readlink:hover{color:#213A46}
.timelinewrap{max-width:960px;margin:80px auto;padding:0 20px}
.timelinewrap h2{color:#213A46;font-size:36px;margin:0 0 50px;text-align:center}
.timelinewrap h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#E37703,#213A46);margin:0 auto 20px}
.timeline{position:relative;padding-left:60px}
.timeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#E37703 0%,#213A46 100%)}
.timelineitem{position:relative;margin-bottom:50px}
.timelineitem::before{content:'';position:absolute;left:-48px;top:8px;width:16px;height:16px;background:#E37703;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #E5E3E4;z-index:2}
.timelineitem .itemdate{color:#E37703;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.timelineitem h3{color:#213A46;font-size:24px;margin:0 0 15px;line-height:1.3}
.timelineitem .itemtext{color:#213A46;font-size:16px;line-height:1.7}
.ctasection{background:linear-gradient(247deg,#E37703 0%,#213A46 50%,#E5E3E4 100%);padding:80px 20px;margin-top:80px;text-align:center}
.ctabox{max-width:700px;margin:0 auto}
.ctabox h2{color:#E5E3E4;font-size:38px;margin:0 0 20px;line-height:1.3;text-shadow:2px 2px 6px #0003}
.ctabox .ctatext{color:#E5E3E4;font-size:18px;line-height:1.7;margin-bottom:40px}
.ctabox .ctabutt{display:inline-block;background:#E5E3E4;color:#213A46;padding:16px 40px;border-radius:8px;text-decoration:none;font-weight:700;font-size:17px;transition:transform 0.3s,box-shadow .3s}
.ctabox .ctabutt:hover{transform:scale(1.08);box-shadow:0 8px 24px #0000004d}
@media (max-width: 768px) {
.herotitle{padding:60px 20px}
.herobox h1{font-size:32px}
.herobox .subtxt{font-size:17px}
.articlepost{padding:30px 20px}
.articlepost h2{font-size:24px}
.featuredpost{padding:40px 20px}
.featuredpost h2{font-size:26px}
.gridbox{grid-template-columns:1fr}
.timelinewrap h2{font-size:28px}
.timeline{padding-left:50px}
.ctabox h2{font-size:28px}
.ctabox .ctatext{font-size:16px}
}
@media (max-width: 480px) {
.herotitle{padding:40px 15px}
.herobox h1{font-size:26px}
.articlepost .postmeta{flex-direction:column;align-items:flex-start;gap:10px}
.newscard .cardbody{padding:20px}
.timeline{padding-left:40px}
.timelineitem::before{left:-38px}
}
.titleblock{max-width:960px;margin:60px auto;padding:0 20px;display:flex;flex-direction:column;gap:40px}
.titleblock .imgwrap{position:relative;width:100%;height:420px;border-radius:8px;overflow:hidden}
.titleblock .imgwrap img{width:100%;height:100%;object-fit:cover;object-position:center}
.titleblock .imgwrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 40%,#213a46b3 100%);pointer-events:none}
.titleblock .textbox{position:relative;padding:40px;background:linear-gradient(135deg,#E37703 0%,#213A46 100%);border-radius:8px}
.titleblock .textbox::before{content:'';position:absolute;top:-15px;left:40px;width:80px;height:4px;background:#E5E3E4}
.titleblock .mainhed{font-size:42px;font-weight:700;color:#E5E3E4;margin:0 0 20px;line-height:1.2}
.titleblock .mainhed .accent{color:#E37703;background:#E5E3E4;padding:4px 16px;border-radius:6px;display:inline-block;margin-right:12px}
.titleblock .descr{font-size:18px;line-height:1.7;color:#E5E3E4;margin:0}
.stepsgrid{max-width:960px;margin:80px auto;padding:0 20px}
.stepsgrid .gridtitle{font-size:36px;font-weight:700;color:#213A46;text-align:center;margin:0 0 60px;position:relative}
.stepsgrid .gridtitle::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,transparent 0%,#E37703 50%,transparent 100%)}
.stepsgrid .gridcont{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.stepsgrid .stepcard{background:#fff;padding:35px 30px;border-radius:10px;box-shadow:0 4px 12px #213a461a;position:relative;transition:all .3s ease;border-top:4px solid #E5E3E4}
.stepsgrid .stepcard:hover{transform:translateY(-8px);box-shadow:0 8px 24px #213a4626;border-top-color:#E37703}
.stepsgrid .stepcard .stepnum{position:absolute;top:-20px;left:30px;width:50px;height:50px;background:linear-gradient(135deg,#E37703 0%,#213A46 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#E5E3E4;box-shadow:0 4px 8px #e377034d}
.stepsgrid .stepcard .steptitle{font-size:22px;font-weight:600;color:#213A46;margin:20px 0 15px}
.stepsgrid .stepcard .steptext{font-size:16px;line-height:1.6;color:#213A46;margin:0;opacity:.85}
.accesspanel{max-width:960px;margin:80px auto;padding:0 20px}
.accesspanel .panelwrap{background:#E5E3E4;border-radius:12px;padding:50px 40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;overflow:hidden}
.accesspanel .panelwrap::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#e3770326 0%,transparent 70%);border-radius:50%}
.accesspanel .leftsec .sectitle{font-size:32px;font-weight:700;color:#213A46;margin:0 0 25px;position:relative}
.accesspanel .leftsec .sectitle::before{content:'';position:absolute;left:0;bottom:-10px;width:60px;height:3px;background:#E37703}
.accesspanel .leftsec .sectext{font-size:17px;line-height:1.7;color:#213A46;margin:30px 0 0}
.accesspanel .rightsec .featurelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.accesspanel .rightsec .featurelist .featitem{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#fff;border-radius:8px;transition:all .3s ease}
.accesspanel .rightsec .featurelist .featitem:hover{transform:translateX(8px);box-shadow:0 4px 12px #213a461a}
.accesspanel .rightsec .featurelist .featitem .featicon{width:24px;height:24px;flex-shrink:0;margin-top:2px}
.accesspanel .rightsec .featurelist .featitem .feattext{font-size:16px;line-height:1.6;color:#213A46;margin:0}
.progresstrack{max-width:960px;margin:80px auto;padding:0 20px}
.progresstrack .tracktitle{font-size:34px;font-weight:700;color:#213A46;margin:0 0 50px;text-align:center}
.progresstrack .trackwrap{position:relative;padding:40px 0}
.progresstrack .trackwrap::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#E37703 0%,#213A46 50%,#E5E3E4 100%);transform:translateX(-50%)}
.progresstrack .milestone{display:grid;grid-template-columns:1fr 80px 1fr;gap:30px;margin-bottom:60px;position:relative}
.progresstrack .milestone:last-child{margin-bottom:0}
.progresstrack .milestone .milecont{padding:25px;background:#fff;border-radius:8px;box-shadow:0 4px 10px #213a4614;transition:all .3s ease}
.progresstrack .milestone:nth-child(odd) .milecont{grid-column:1}
.progresstrack .milestone:nth-child(even) .milecont{grid-column:3}
.progresstrack .milestone .milecont:hover{box-shadow:0 6px 16px #e3770326;transform:scale(1.03)}
.progresstrack .milestone .miletitle{font-size:20px;font-weight:600;color:#213A46;margin:0 0 12px}
.progresstrack .milestone .miletext{font-size:15px;line-height:1.6;color:#213A46;margin:0;opacity:.8}
.progresstrack .milestone .miledot{grid-column:2;width:80px;height:80px;background:linear-gradient(135deg,#E37703 0%,#213A46 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#E5E3E4;position:relative;z-index:2;box-shadow:0 0 0 8px #e3770326}
.ctabox{max-width:960px;margin:80px auto 60px;padding:0 20px}
.ctabox .ctawrap{background:linear-gradient(135deg,#213A46 0%,#E37703 100%);padding:60px 50px;border-radius:12px;text-align:center;position:relative;overflow:hidden}
.ctabox .ctawrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#e5e3e41a 0%,transparent 70%);animation:rotateshape 20s linear infinite}
@keyframes rotateshape {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.ctabox .ctawrap .ctatitle{font-size:36px;font-weight:700;color:#E5E3E4;margin:0 0 20px;position:relative;z-index:2}
.ctabox .ctawrap .ctatext{font-size:18px;line-height:1.6;color:#E5E3E4;margin:0 0 35px;opacity:.95;position:relative;z-index:2}
.ctabox .ctawrap .ctabutt{display:inline-block;padding:16px 45px;background:#E5E3E4;color:#213A46;text-decoration:none;font-size:18px;font-weight:600;border-radius:8px;transition:all .3s ease;position:relative;z-index:2;box-shadow:0 4px 12px #0003}
.ctabox .ctawrap .ctabutt:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}
@media (max-width: 768px) {
.titleblock{margin:40px auto;gap:30px}
.titleblock .imgwrap{height:280px}
.titleblock .textbox{padding:30px 25px}
.titleblock .textbox::before{left:25px;width:60px}
.titleblock .mainhed{font-size:32px}
.titleblock .mainhed .accent{display:block;margin:0 0 10px;width:fit-content}
.titleblock .descr{font-size:16px}
.stepsgrid{margin:50px auto}
.stepsgrid .gridtitle{font-size:28px;margin-bottom:40px}
.stepsgrid .gridcont{grid-template-columns:1fr}
.accesspanel{margin:50px auto}
.accesspanel .panelwrap{grid-template-columns:1fr;gap:35px;padding:40px 30px}
.accesspanel .leftsec .sectitle{font-size:26px}
.progresstrack{margin:50px auto}
.progresstrack .tracktitle{font-size:28px;margin-bottom:35px}
.progresstrack .trackwrap::before{left:40px}
.progresstrack .milestone{grid-template-columns:80px 1fr;gap:20px;margin-bottom:40px}
.progresstrack .milestone .milecont{grid-column:2!important}
.progresstrack .milestone .miledot{grid-column:1;grid-row:1}
.ctabox{margin:50px auto 40px}
.ctabox .ctawrap{padding:45px 30px}
.ctabox .ctawrap .ctatitle{font-size:28px}
.ctabox .ctawrap .ctatext{font-size:16px}
.ctabox .ctawrap .ctabutt{padding:14px 35px;font-size:16px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.titleblock .imgwrap{height:360px}
.accesspanel .panelwrap{gap:40px}
}
.topwrap{max-width:960px;margin:0 auto;padding:60px 20px 40px}
.titlearea{display:flex;align-items:center;gap:48px;margin-bottom:56px}
.titlegfx{flex:0 0 38%;position:relative}
.titlegfx::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;background:linear-gradient(135deg,#E37703 0%,#213A46 100%);border-radius:8px;z-index:1}
.titlegfx::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#E5E3E4;border-radius:8px;z-index:2}
.shapebox{position:relative;z-index:3;padding:32px;display:flex;align-items:center;justify-content:center}
.cookieshape{width:120px;height:120px;position:relative}
.cookieshape svg{width:100%;height:100%;filter:drop-shadow(2px 4px 8px #213a4626)}
.titlecontent{flex:1}
.titlecontent h1{font-size:2.4em;color:#213A46;margin:0 0 16px;line-height:1.2;font-weight:700}
.titlecontent p{font-size:1.05em;color:#213A46;line-height:1.6;margin:0;opacity:.85}
.policycontainer{max-width:960px;margin:0 auto;padding:0 20px 80px}
.policysection{background:#fff;border-radius:10px;padding:48px;margin-bottom:32px;box-shadow:0 2px 12px #213a4614;position:relative;overflow:hidden}
.policysection::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#E37703 0%,#213A46 100%)}
.policysection h2{font-size:1.8em;color:#213A46;margin:0 0 24px;font-weight:600;position:relative;padding-left:20px}
.policysection h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#E37703;border-radius:50%}
.policysection h3{font-size:1.4em;color:#213A46;margin:32px 0 16px;font-weight:600}
.policysection p{font-size:1.05em;color:#213A46;line-height:1.7;margin:0 0 20px}
.policysection ul{margin:16px 0 20px;padding-left:24px}
.policysection ul li{font-size:1.05em;color:#213A46;line-height:1.7;margin-bottom:12px;position:relative}
.policysection ul li::marker{color:#E37703}
.cookietypes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:24px 0}
.cookietype{background:linear-gradient(135deg,#E5E3E4 0%,#fff 100%);padding:24px;border-radius:8px;border:1px solid #e3770326;transition:transform .3s ease,box-shadow .3s ease}
.cookietype:hover{transform:translateY(-4px);box-shadow:0 6px 16px #213a461f}
.cookietype h4{font-size:1.2em;color:#E37703;margin:0 0 12px;font-weight:600}
.cookietype p{font-size:1em;color:#213A46;line-height:1.6;margin:0}
.contactbox{background:linear-gradient(135deg,#E37703 0%,#213A46 100%);padding:32px;border-radius:10px;margin-top:40px;text-align:center}
.contactbox h3{font-size:1.5em;color:#fff;margin:0 0 16px;font-weight:600}
.contactbox p{font-size:1.05em;color:#fff;line-height:1.6;margin:0 0 24px;opacity:.95}
.contactlink{display:inline-block;background:#fff;color:#213A46;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05em;transition:transform .3s ease,box-shadow .3s ease}
.contactlink:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}
.lastupdated{text-align:center;font-size:.95em;color:#213A46;opacity:.7;margin-top:48px;padding-top:24px;border-top:1px solid #213a461a}
@media (max-width: 768px) {
.topwrap{padding:40px 16px 32px}
.titlearea{flex-direction:column;gap:32px;margin-bottom:40px}
.titlegfx{flex:0 0 auto;width:100%;max-width:240px}
.titlecontent h1{font-size:1.8em}
.policysection{padding:32px 24px}
.policysection h2{font-size:1.5em}
.cookietypes{grid-template-columns:1fr}
.contactbox{padding:24px 20px}
}
@media (max-width: 480px) {
.titlecontent h1{font-size:1.5em}
.policysection{padding:24px 16px}
.policysection h2{font-size:1.3em}
.cookieshape{width:100px;height:100px}
}
.privacyheader{background:linear-gradient(165deg,#E5E3E4 0%,#fff 45%,#fef9f5 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.privacyheader::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#e3770314 0%,transparent 70%);border-radius:50%;top:-100px;right:-80px;animation:floatshape 8s ease-in-out infinite}
.privacyheader::after{content:'';position:absolute;width:200px;height:200px;background:radial-gradient(circle,#213a460f 0%,transparent 70%);border-radius:50%;bottom:-60px;left:-40px;animation:floatshape 10s ease-in-out infinite reverse}
@keyframes floatshape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(20px,-20px) scale(1.1)}
}
.privacyheaderbox{max-width:960px;margin:0 auto;position:relative;z-index:2}
.privacyintro{font-size:15px;color:#E37703;letter-spacing:1px;margin-bottom:12px;font-weight:600;text-transform:uppercase}
.privacytitle{font-size:42px;color:#213A46;margin:0 0 20px;font-weight:700;line-height:1.2}
.privacylead{font-size:18px;color:#555;line-height:1.6;margin:0;max-width:680px}
.policycontentzone{background:#fff;padding:70px 20px}
.policycontentinner{max-width:960px;margin:0 auto}
.policysec{margin-bottom:50px;padding:30px;background:linear-gradient(135deg,#fefefe 0%,#f9f9f9 100%);border-left:4px solid #E37703;border-radius:6px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}
.policysec:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}
.policysec:last-child{margin-bottom:0}
.sechead{font-size:26px;color:#213A46;margin:0 0 18px;font-weight:700;position:relative;padding-left:16px}
.sechead::before{content:'';position:absolute;left:0;top:6px;width:5px;height:20px;background:linear-gradient(180deg,#E37703 0%,#f93 100%);border-radius:2px}
.sectxt{font-size:16px;color:#444;line-height:1.75;margin:0 0 16px}
.sectxt:last-child{margin-bottom:0}
.listinfo{margin:20px 0;padding-left:0;list-style:none}
.listinfo li{font-size:16px;color:#444;line-height:1.75;margin-bottom:14px;padding-left:28px;position:relative}
.listinfo li::before{content:'●';position:absolute;left:0;color:#E37703;font-size:12px;top:4px}
.highlighttxt{background:linear-gradient(135deg,#fff3e6 0%,#ffe8d1 100%);padding:24px;border-radius:6px;border:1px solid #f5d7b8;margin:24px 0}
.highlighttxt .sectxt{margin:0;font-weight:500}
.contactlink{color:#E37703;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color .3s ease}
.contactlink:hover{border-bottom-color:#E37703}
.updatedate{font-size:14px;color:#888;text-align:center;margin-top:50px;padding-top:30px;border-top:1px solid #e0e0e0;font-style:italic}
@media (max-width: 768px) {
.privacyheader{padding:60px 20px 40px}
.privacytitle{font-size:32px}
.privacylead{font-size:16px}
.policycontentzone{padding:50px 20px}
.policysec{padding:24px 20px;margin-bottom:30px}
.sechead{font-size:22px}
.sectxt,.listinfo li{font-size:15px}
}
@media (max-width: 480px) {
.privacyheader{padding:50px 16px 30px}
.privacytitle{font-size:28px}
.policysec{padding:20px 16px}
.sechead{font-size:20px;padding-left:12px}
.listinfo li{padding-left:22px}
}
.successwrap{max-width:960px;margin:4rem auto;padding:0 1.5rem}
.successhead{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#E37703 0%,#213A46 100%);border-radius:8px;position:relative;overflow:hidden;margin-bottom:3rem}
.successhead::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#e5e3e41a 0%,transparent 70%);animation:pulselight 4s ease-in-out infinite}
@keyframes pulselight {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.1);opacity:.6}
}
.successhead h1{font-size:2.5rem;color:#E5E3E4;margin:0 0 1rem;position:relative;z-index:2;text-shadow:0 2px 8px #0003}
.successhead p{font-size:1.125rem;color:#E5E3E4;margin:0;position:relative;z-index:2;line-height:1.6;opacity:.95}
.checkmark{width:80px;height:80px;margin:0 auto 1.5rem;position:relative;z-index:2}
.checkmark svg{width:100%;height:100%;fill:none;stroke:#E5E3E4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.checkmark circle{stroke-dasharray:251;stroke-dashoffset:251;animation:circleanim .8s ease-in-out forwards}
.checkmark polyline{stroke-dasharray:60;stroke-dashoffset:60;animation:checkanim .5s .4s ease-in-out forwards}
@keyframes circleanim {
to{stroke-dashoffset:0}
}
@keyframes checkanim {
to{stroke-dashoffset:0}
}
.detailsbox{background:#E5E3E4;border-radius:8px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 4px 12px #213a461a}
.detailsbox h2{font-size:1.75rem;color:#213A46;margin:0 0 1.5rem;position:relative;padding-bottom:.75rem}
.detailsbox h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#E37703 0%,#213A46 100%)}
.detailsbox p{font-size:1rem;color:#213A46;line-height:1.8;margin:0 0 1.25rem}
.detailsbox p:last-child{margin-bottom:0}
.infolist{list-style:none;padding:0;margin:2rem 0 0}
.infolist li{padding:.875rem 0;border-bottom:1px solid #213a4626;font-size:1rem;color:#213A46;position:relative;padding-left:2rem}
.infolist li:last-child{border-bottom:none}
.infolist li::before{content:'→';position:absolute;left:0;color:#E37703;font-weight:700;font-size:1.25rem}
.nextbox{background:linear-gradient(180deg,#213A46 0%,#E37703 100%);border-radius:8px;padding:2.5rem;color:#E5E3E4;text-align:center;margin-bottom:2.5rem}
.nextbox h2{font-size:1.875rem;color:#E5E3E4;margin:0 0 1.25rem}
.nextbox p{font-size:1.0625rem;color:#E5E3E4;line-height:1.7;margin:0 0 2rem;opacity:.92}
.actionbutts{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.actionbutts a{display:inline-block;padding:.875rem 2rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden}
.actionbutts a::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}
.actionbutts a:hover::before{width:300px;height:300px}
.actionbutts .primarybutt{background:#E5E3E4;color:#213A46;box-shadow:0 4px 8px #00000026;position:relative;z-index:1}
.actionbutts .primarybutt:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0003}
.actionbutts .secondbutt{background:transparent;color:#E5E3E4;border:2px solid #E5E3E4;position:relative;z-index:1}
.actionbutts .secondbutt:hover{background:#e5e3e41a;transform:translateY(-2px)}
.contactdata{background:#F9F9F9;border-radius:8px;padding:2rem;border-left:4px solid #E37703}
.contactdata h3{font-size:1.375rem;color:#213A46;margin:0 0 1.25rem}
.contactdata p{font-size:.9375rem;color:#213A46;line-height:1.7;margin:0 0 .75rem}
.contactdata p:last-child{margin-bottom:0}
.contactdata a{color:#E37703;text-decoration:none;font-weight:500;position:relative}
.contactdata a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#E37703;transition:width .3s ease}
.contactdata a:hover::after{width:100%}
@media (max-width: 768px) {
.successwrap{margin:2rem auto;padding:0 1rem}
.successhead{padding:2rem 1.5rem;margin-bottom:2rem}
.successhead h1{font-size:1.875rem}
.successhead p{font-size:1rem}
.checkmark{width:60px;height:60px;margin-bottom:1rem}
.detailsbox{padding:1.75rem;margin-bottom:1.75rem}
.detailsbox h2{font-size:1.5rem}
.nextbox{padding:1.75rem;margin-bottom:1.75rem}
.nextbox h2{font-size:1.5rem}
.actionbutts{flex-direction:column;align-items:stretch}
.actionbutts a{width:100%;text-align:center}
.contactdata{padding:1.5rem}
}
@media (max-width: 480px) {
.successhead h1{font-size:1.5rem}
.detailsbox h2{font-size:1.25rem}
.nextbox h2{font-size:1.375rem}
}