body,html{margin:0;padding:0;box-sizing:border-box}
ul,ol,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
ul,ol{list-style:none}
body{font-family:'Roboto Slab',serif;background:linear-gradient(180deg,#0a0a0a 0%,#1a1a1a 100%);color:#e8e8e8;line-height:1.6}
.contentwrap{max-width:1000px;margin:0 auto;padding:0 20px}
.topheader{background:radial-gradient(circle at top left,#1a1a1a,#0f0f0f);border-bottom:2px solid #bf684a4d;padding:28px 0}
.topheader .contentwrap{display:flex;justify-content:space-between;align-items:center;gap:40px}
.logoarea{flex-shrink:0}
.brandlogo{height:110px;width:110px;display:block;background:#bf684a14;border-radius:24px;padding:12px;box-shadow:0 8px 24px #bf684a40 inset 0 2px 6px #0000004d}
.trustsymbols{display:flex;gap:24px;flex-wrap:wrap}
.badgeitem{background:linear-gradient(135deg,#426d4d40,#426d4d26);color:#F5C9A3;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #426d4d66;border:1px solid #426d4d80}
.navheader{background:linear-gradient(90deg,#0d0d0d 0%,#1a1a1a 50%,#0d0d0d 100%);border-bottom:3px solid #f5c9a333;padding:18px 0;box-shadow:0 6px 18px #bf684a26}
.navheader .contentwrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.mainnavigation{display:flex;gap:36px;flex-wrap:wrap}
.navitem{color:#F5C9A3;text-decoration:none;font-size:16px;font-weight:700;padding:8px 14px;border-radius:16px;transition:background .25s ease,color .25s ease;position:relative}
.navitem:hover{background:#bf684a26;color:#fff}
.ctaarea{flex-shrink:0}
.emailbtn{background:linear-gradient(135deg,#BF684A,#426D4D);color:#fff;padding:12px 26px;border-radius:24px;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 6px 16px #bf684a73;display:inline-block;transition:box-shadow .25s ease,transform .25s ease}
.emailbtn:hover{box-shadow:0 10px 24px #bf684a99;transform:translateY(-2px)}
.footercontainer{background:linear-gradient(180deg,#0a0a0a 0%,#050505 100%);padding:60px 20px 30px}
.footerlshape{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:50px;border-left:5px solid #BF684A;border-bottom:5px solid #426D4D;padding-left:40px;padding-bottom:40px}
.footverticalzone{background:#bf684a14;padding:30px;border-radius:28px;box-shadow:0 8px 20px #bf684a33}
.brandcolumn{display:flex;flex-direction:column;gap:18px}
.footlogo{height:85px;width:85px;background:#0006;padding:10px;border-radius:20px;box-shadow:0 4px 12px #00000080}
.companyinfo{font-size:14px;color:#ccc;line-height:1.7}
.foothorizontalzone{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;background:#426d4d14;padding:30px;border-radius:28px;box-shadow:0 8px 20px #426d4d33}
.linkcolumn{display:flex;flex-direction:column;gap:14px}
.linkzone1{background:#f5c9a30d;padding:20px;border-radius:20px}
.linkzone2{background:#bf684a0d;padding:20px;border-radius:20px;display:flex;align-items:center;justify-content:center}
.footheading{font-size:17px;color:#F5C9A3;font-weight:700;margin-bottom:6px}
.footlink{color:#ccc;text-decoration:none;font-size:14px;transition:color .25s ease}
.footlink:hover{color:#BF684A}
.copyright{font-size:13px;color:#999}
.permissionoverlay{position:fixed;bottom:30px;right:30px;z-index:9999;max-width:480px;display:none}
.permissionoverlay[data-visible="true"]{display:block;animation:slideInFromRight .6s cubic-bezier(0.25,0.46,0.45,0.94)}
@keyframes slideInFromRight {
from{transform:translateX(120%);opacity:0}
to{transform:translateX(0);opacity:1}
}
.permissioncard{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:3px solid #bf684a66;border-radius:28px;padding:32px;box-shadow:0 16px 48px #bf684a59 inset 0 2px 8px #0006}
.permissionheader{font-size:22px;color:#F5C9A3;font-weight:700;margin-bottom:16px}
.permissiontext{font-size:14px;color:#ccc;line-height:1.7;margin-bottom:24px}
.categorybox{background:#426d4d1f;border:2px solid #426d4d4d;border-radius:20px;padding:18px;margin-bottom:16px;box-shadow:inset 0 2px 6px #0000004d}
.categorylabel{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;font-weight:700;color:#F5C9A3;margin-bottom:8px}
.categorycheck{width:20px;height:20px;cursor:pointer;accent-color:#BF684A}
.categorycheck:disabled{cursor:not-allowed;opacity:.6}
.categoryname{flex:1}
.categorydesc{font-size:13px;color:#b0b0b0;line-height:1.5;margin-left:32px}
.buttonrow{display:flex;gap:14px;margin-top:26px}
.permissionbtn{flex:1;padding:14px 20px;border:none;border-radius:24px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font:700 15px 'Roboto Slab',serif}
.acceptbtn{background:linear-gradient(135deg,#BF684A,#426D4D);color:#fff;box-shadow:0 6px 18px #bf684a66}
.acceptbtn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #bf684a8c}
.declinebtn{background:#426d4d33;color:#F5C9A3;border:2px solid #426d4d80}
.declinebtn:hover{background:#426d4d4d;transform:translateY(-1px)}
@media (max-width: 768px) {
.topheader .contentwrap{flex-direction:column;align-items:center;text-align:center}
.trustsymbols{justify-content:center}
.navheader .contentwrap{flex-direction:column;align-items:center}
.mainnavigation{justify-content:center}
.footerlshape{grid-template-columns:1fr;gap:30px;border-left:none;border-top:5px solid #BF684A;padding-left:0;padding-top:40px}
.foothorizontalzone{flex-direction:column}
.permissionoverlay{bottom:10px;right:10px;left:10px;max-width:none}
.buttonrow{flex-direction:column}
}
.aboutheromainarea{background:linear-gradient(145deg,#1a1a1a 0%,#0d1f15 100%);padding:80px 20px;position:relative;overflow:hidden}
.aboutheromainarea::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#bf684a26,transparent 70%);border-radius:50%}
.herowrpcontent{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.maintitleabout{font-size:52px;color:#F5C9A3;margin:0 0 24px;font-weight:700;line-height:1.2}
.herodesctext{font-size:20px;color:#e0e0e0;line-height:1.6;max-width:700px}
.storyblk{background:#141414;padding:90px 20px}
.storyinnerwrap{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.storytxtside h2{font-size:38px;color:#BF684A;margin:0 0 28px;font-weight:600}
.storytxtside p{font-size:17px;color:#d0d0d0;line-height:1.7;margin:0 0 20px}
.storyimgside img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 40px #bf684a4d}
.approachsec{background:linear-gradient(180deg,#0a1a0f 0%,#1a1a1a 100%);padding:85px 20px}
.approachcntr{max-width:1000px;margin:0 auto}
.approachtitlearea{text-align:center;margin-bottom:60px}
.approachtitlearea h2{font-size:42px;color:#F5C9A3;margin:0 0 18px;font-weight:700}
.approachsubtxt{font-size:18px;color:silver;line-height:1.6;max-width:650px;margin:0 auto}
.methodgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.methodcard{background:#1f1f1f;padding:40px 28px;border-radius:20px;border:2px solid #2a2a2a;transition:all .3s ease;position:relative}
.methodcard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#BF684A,#426D4D);border-radius:20px 20px 0 0;opacity:0;transition:opacity .3s ease}
.methodcard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #426d4d66;border-color:#426D4D}
.methodcard:hover::before{opacity:1}
.methodcard h4{font-size:22px;color:#BF684A;margin:0 0 16px;font-weight:600}
.methodcard p{font-size:16px;color:#b5b5b5;line-height:1.6;margin:0}
.valuessection{background:#0f0f0f;padding:95px 20px}
.valuescontainer{max-width:1000px;margin:0 auto}
.valuesheading{font-size:40px;color:#F5C9A3;margin:0 0 50px;text-align:center;font-weight:700}
.valuesgridlay{display:grid;grid-template-columns:repeat(2,1fr);gap:45px}
.valueitem{display:flex;gap:24px;align-items:flex-start}
.valueiconbox{width:64px;height:64px;background:linear-gradient(135deg,#426D4D,#BF684A);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #bf684a4d}
.valueiconbox svg{width:32px;height:32px;fill:#F5C9A3}
.valuetxtarea h5{font-size:24px;color:#BF684A;margin:0 0 12px;font-weight:600}
.valuetxtarea p{font-size:16px;color:#c5c5c5;line-height:1.7;margin:0}
.platformfeatures{background:linear-gradient(135deg,#1a1a1a 0%,#0d1f15 50%,#1a1a1a 100%);padding:90px 20px;position:relative}
.platformfeatures::after{content:'';position:absolute;bottom:-10%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#426d4d1f,transparent 65%);border-radius:50%;pointer-events:none}
.platformwrap{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.platformheader{text-align:center;margin-bottom:55px}
.platformheader h3{font-size:44px;color:#F5C9A3;margin:0 0 20px;font-weight:700}
.platformintro{font-size:18px;color:#d5d5d5;line-height:1.6;max-width:700px;margin:0 auto}
.featureslayout{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}
.featuresimage img{width:100%;height:auto;border-radius:28px;box-shadow:0 16px 50px #bf684a59}
.featureslist{display:flex;flex-direction:column;gap:32px}
.featurepoint{background:#1f1f1f99;padding:28px 32px;border-radius:18px;border-left:4px solid #426D4D;transition:all .3s ease}
.featurepoint:hover{background:#1f1f1fe6;border-left-color:#BF684A;transform:translateX(8px)}
.featurepoint h6{font-size:20px;color:#F5C9A3;margin:0 0 10px;font-weight:600}
.featurepoint p{font-size:16px;color:#b8b8b8;line-height:1.6;margin:0}
.commitmentarea{background:#141414;padding:85px 20px}
.commitmentinner{max-width:1000px;margin:0 auto;display:flex;gap:55px;align-items:center}
.commitmentvisual{flex:0 0 45%}
.commitmentvisual img{width:100%;height:auto;border-radius:26px;box-shadow:0 14px 45px #426d4d66}
.commitmenttxt{flex:1}
.commitmenttxt h3{font-size:40px;color:#BF684A;margin:0 0 26px;font-weight:700}
.commitmenttxt p{font-size:17px;color:#d0d0d0;line-height:1.7;margin:0 0 22px}
.commitmentaction{margin-top:35px}
.primarycta{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#BF684A,#426D4D);color:#fff;font-size:18px;font-weight:600;text-decoration:none;border-radius:28px;transition:all .3s ease;box-shadow:0 8px 24px #bf684a66}
.primarycta:hover{transform:translateY(-4px);box-shadow:0 12px 36px #bf684a99;background:linear-gradient(135deg,#426D4D,#BF684A)}
@media (max-width: 992px) {
.maintitleabout{font-size:42px}
.storyinnerwrap{grid-template-columns:1fr;gap:40px}
.methodgrid{grid-template-columns:1fr;gap:24px}
.valuesgridlay{grid-template-columns:1fr;gap:32px}
.featureslayout{grid-template-columns:1fr;gap:40px}
.commitmentinner{flex-direction:column;gap:40px}
.commitmentvisual{flex:0 0 100%}
}
@media (max-width: 768px) {
.aboutheromainarea{padding:60px 20px}
.maintitleabout{font-size:36px}
.herodesctext{font-size:18px}
.storyblk,.approachsec,.valuessection,.platformfeatures,.commitmentarea{padding:60px 20px}
.storytxtside h2,.approachtitlearea h2,.valuesheading,.platformheader h3,.commitmenttxt h3{font-size:32px}
.methodcard,.featurepoint{padding:28px 20px}
}
.webinarmaincontent{max-width:1000px;margin:0 auto;padding:40px 20px}
.introsectionwebinar{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);padding:80px 40px;margin-bottom:60px;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 12px 40px #bf684a26}
.introsectionwebinar::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#BF684A 0%,#426D4D 50%,#F5C9A3 100%)}
.introsectionwebinar .maintitle{font-size:48px;color:#F5C9A3;margin:0 0 24px;font-weight:700;line-height:1.2;text-shadow:0 4px 12px #bf684a4d}
.introsectionwebinar .description{font-size:18px;color:#e8e8e8;line-height:1.7;margin:0}
.webinarfeaturegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:70px}
.featurecard{background:#0f0f0f;padding:40px 28px;border-radius:22px;border:2px solid #2a2a2a;position:relative;transition:all .3s ease}
.featurecard::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#BF684A 0%,#426D4D 100%);opacity:0;transition:opacity .3s ease}
.featurecard:hover{border-color:#BF684A;box-shadow:0 16px 48px #bf684a40;transform:translateY(-4px)}
.featurecard:hover::after{opacity:1}
.featurecard h4{font-size:22px;color:#F5C9A3;margin:0 0 16px;font-weight:600}
.featurecard p{font-size:15px;color:#b8b8b8;line-height:1.6;margin:0}
.contentshowcasearea{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:80px;padding:60px 40px;background:#0a0a0a;border-radius:32px;border:1px solid #1f1f1f}
.showcasecontent h3{font-size:38px;color:#F5C9A3;margin:0 0 28px;font-weight:700;position:relative;display:inline-block}
.showcasecontent h3::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#BF684A 0%,#426D4D 100%);border-radius:2px}
.showcasecontent .textblock{font-size:16px;color:#d0d0d0;line-height:1.8;margin:0 0 20px}
.showcaseimage img{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 32px #bf684a33}
.sessiondetailsection{background:linear-gradient(180deg,#0d0d0d 0%,#1a1a1a 100%);padding:70px 50px;border-radius:26px;margin-bottom:80px;position:relative;border:2px solid #2a2a2a}
.sessiondetailsection h3{font-size:42px;color:#BF684A;margin:0 0 50px;text-align:center;font-weight:700}
.sessiongridlayout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.sessionitem{background:#121212;padding:32px;border-radius:18px;border-left:4px solid #426D4D;position:relative;transition:all .3s ease}
.sessionitem:hover{border-left-color:#BF684A;box-shadow:0 12px 36px #426d4d4d;transform:translateX(4px)}
.sessionitem h5{font-size:20px;color:#F5C9A3;margin:0 0 14px;font-weight:600}
.sessionitem p{font-size:15px;color:silver;line-height:1.7;margin:0}
.visualdatasection{display:flex;flex-direction:column;gap:40px;margin-bottom:80px}
.datarow{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:center}
.datarow:nth-child(even){grid-template-columns:1fr 300px}
.datarow:nth-child(even) .dataimage{order:2}
.datarow:nth-child(even) .datacontent{order:1}
.dataimage img{width:100%;height:auto;border-radius:24px;box-shadow:0 10px 40px #426d4d40}
.datacontent h4{font-size:32px;color:#BF684A;margin:0 0 20px;font-weight:700}
.datacontent .infotext{font-size:16px;color:#d5d5d5;line-height:1.8;margin:0 0 24px}
.statsindicator{display:flex;gap:30px;flex-wrap:wrap}
.statbox{background:#0f0f0f;padding:20px 28px;border-radius:16px;border:2px solid #2a2a2a;min-width:140px}
.statbox .number{font-size:28px;color:#F5C9A3;font-weight:700;display:block;margin-bottom:6px}
.statbox .label{font-size:13px;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px}
.finalsectioncta{background:linear-gradient(135deg,#BF684A 0%,#426D4D 100%);padding:80px 60px;border-radius:32px;text-align:center;position:relative;overflow:hidden;box-shadow:0 16px 48px #bf684a59}
.finalsectioncta::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#f5c9a326 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}
@keyframes pulse {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.1);opacity:.8}
}
.finalsectioncta h3{font-size:44px;color:#fff;margin:0 0 24px;font-weight:700;position:relative;z-index:2}
.finalsectioncta .ctadescription{font-size:18px;color:#f0f0f0;margin:0 0 36px;line-height:1.7;position:relative;z-index:2}
.ctabuttonwrap{position:relative;z-index:2}
.ctabtn{display:inline-block;background:#0a0a0a;color:#F5C9A3;padding:18px 48px;border-radius:28px;font-size:17px;font-weight:600;text-decoration:none;border:2px solid #0a0a0a;transition:all .3s ease;box-shadow:0 8px 24px #0006}
.ctabtn:hover{background:none;border-color:#fff;color:#fff;transform:translateY(-2px);box-shadow:0 12px 32px #00000080}
@media (max-width: 968px) {
.webinarfeaturegrid{grid-template-columns:repeat(2,1fr);gap:24px}
.contentshowcasearea{grid-template-columns:1fr;gap:40px;padding:40px 30px}
.sessiongridlayout{grid-template-columns:1fr;gap:28px}
.datarow,.datarow:nth-child(even){grid-template-columns:1fr}
.datarow:nth-child(even) .dataimage{order:1}
.datarow:nth-child(even) .datacontent{order:2}
.introsectionwebinar .maintitle{font-size:38px}
.showcasecontent h3{font-size:32px}
.finalsectioncta h3{font-size:36px}
}
@media (max-width: 640px) {
.webinarmaincontent{padding:30px 16px}
.webinarfeaturegrid{grid-template-columns:1fr;gap:20px}
.introsectionwebinar{padding:50px 24px;margin-bottom:40px}
.introsectionwebinar .maintitle{font-size:32px;margin-bottom:18px}
.introsectionwebinar .description{font-size:16px}
.featurecard{padding:30px 22px}
.contentshowcasearea{padding:30px 20px;margin-bottom:50px}
.showcasecontent h3{font-size:28px;margin-bottom:20px}
.sessiondetailsection{padding:40px 24px;margin-bottom:50px}
.sessiondetailsection h3{font-size:32px;margin-bottom:35px}
.statsindicator{gap:16px}
.statbox{min-width:120px;padding:16px 20px}
.finalsectioncta{padding:50px 30px}
.finalsectioncta h3{font-size:30px;margin-bottom:18px}
.finalsectioncta .ctadescription{font-size:16px;margin-bottom:28px}
.ctabtn{padding:16px 36px;font-size:16px}
}
.hero{max-width:1000px;margin:3rem auto;padding:0 1.5rem;display:flex;gap:3rem;align-items:center}
.heroimg{flex:0 0 380px;position:relative}
.heroimg img{width:100%;height:520px;object-fit:cover;border-radius:24px;display:block;filter:contrast(1.05) brightness(0.95)}
.heroimg::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#bf684a26,transparent 60%),radial-gradient(circle at 70% 70%,#426d4d1f,transparent 50%);border-radius:24px;pointer-events:none;mix-blend-mode:multiply}
.herotxt{flex:1}
.herotxt h1{font-size:2.8rem;line-height:1.15;color:#F5C9A3;margin:0 0 1.2rem;font-weight:700}
.herotxt .desc{font-size:1.1rem;line-height:1.65;color:#ddd;margin:0 0 2rem}
.herobtns{display:flex;gap:1rem;flex-wrap:wrap}
.btnprimary,.btnsecond{padding:.95rem 2.2rem;font-size:1.05rem;border-radius:28px;text-decoration:none;display:inline-block;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;position:relative;z-index:10}
.btnprimary{background:linear-gradient(135deg,#BF684A 0%,#426D4D 100%);color:#fff;box-shadow:0 8px 20px #bf684a59}
.btnprimary:hover{transform:translateY(-3px);box-shadow:0 12px 28px #bf684a73}
.btnsecond{background:none;border:2px solid #F5C9A3;color:#F5C9A3}
.btnsecond:hover{background:#f5c9a31a;transform:translateY(-2px)}
.wavedivider{width:100%;overflow:hidden;line-height:0;margin:4rem 0}
.wavedivider svg{position:relative;display:block;width:calc(100% + 1.3px);height:80px}
.wavedivider .shapefill{fill:#426d4d33}
.solutionsblock{background:linear-gradient(165deg,#1a1a1a 0%,#0d0d0d 100%);padding:5rem 1.5rem;position:relative}
.solutionsblock::before{content:'';position:absolute;top:0;left:10%;width:300px;height:300px;background:radial-gradient(circle,#bf684a26,transparent 70%);border-radius:50%;filter:blur(60px);pointer-events:none}
.solutionswrap{max-width:1000px;margin:0 auto}
.solutionsblock h2{font-size:2.4rem;color:#F5C9A3;margin:0 0 1rem;font-weight:700;text-align:center}
.solutionsblock .subhead{font-size:1.15rem;color:#bbb;text-align:center;margin:0 0 3.5rem;max-width:700px;margin-left:auto;margin-right:auto}
.solutionsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.solutioncard{background:#426d4d14;padding:2.5rem;border-radius:20px;border:1px solid #f5c9a326;transition:all .35s ease;position:relative;z-index:5}
.solutioncard:hover{transform:translateY(-6px);border-color:#f5c9a366;box-shadow:0 16px 32px #bf684a40}
.solutioncard h3{font-size:1.65rem;color:#F5C9A3;margin:0 0 1rem;font-weight:600}
.solutioncard h3::before{content:'';display:inline-block;width:6px;height:6px;background:linear-gradient(135deg,#BF684A,#426D4D);border-radius:50%;margin-right:.7rem;box-shadow:0 0 12px #bf684a99}
.solutioncard p{font-size:1.05rem;line-height:1.7;color:#ccc;margin:0}
.ecosystemarea{padding:5rem 1.5rem;background:#0a0a0a;position:relative;overflow:hidden}
.ecosystemarea::after{content:'';position:absolute;bottom:-150px;right:-150px;width:400px;height:400px;background:radial-gradient(circle,#426d4d33,transparent 65%);border-radius:50%;filter:blur(80px)}
.ecosystemcontent{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}
.ecosystemleft h2{font-size:2.6rem;color:#F5C9A3;margin:0 0 1.5rem;font-weight:700;line-height:1.2}
.ecosystemleft .intro{font-size:1.1rem;line-height:1.7;color:#bbb;margin:0 0 2rem}
.ecosystemfeatures{display:flex;flex-direction:column;gap:1.5rem}
.ecofeature{display:flex;align-items:flex-start;gap:1rem}
.ecoicon{flex:0 0 50px;height:50px;background:linear-gradient(135deg,#bf684a33,#426d4d33);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid #f5c9a34d}
.ecoicon svg{width:24px;height:24px;fill:#F5C9A3}
.ecotext h4{font-size:1.3rem;color:#F5C9A3;margin:0 0 .5rem;font-weight:600}
.ecotext p{font-size:1rem;line-height:1.6;color:#ccc;margin:0}
.ecosystemright img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:0 12px 40px #00000080}
.toolsection{padding:5rem 1.5rem;background:linear-gradient(180deg,#141414 0%,#1a1a1a 100%)}
.toolswrap{max-width:1000px;margin:0 auto}
.toolsection h2{font-size:2.5rem;color:#F5C9A3;margin:0 0 1rem;font-weight:700;text-align:center}
.toolsection .toolsdesc{font-size:1.1rem;color:#bbb;text-align:center;margin:0 0 3rem;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.65}
.toolslist{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.toolitem{background:#bf684a0d;padding:2rem;border-radius:18px;border:1px solid #f5c9a333;text-align:center;transition:all .3s ease;position:relative;z-index:5}
.toolitem:hover{background:#bf684a1f;transform:scale(1.05);box-shadow:0 10px 30px #bf684a4d}
.toolitem h5{font-size:1.4rem;color:#F5C9A3;margin:0 0 .8rem;font-weight:600}
.toolitem p{font-size:1rem;line-height:1.6;color:#ccc;margin:0}
.progressarea{padding:5rem 1.5rem;background:#0d0d0d;position:relative}
.progressarea::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,#bf684a1a,transparent 60%);border-radius:50%;filter:blur(100px);pointer-events:none}
.progresscontent{max-width:1000px;margin:0 auto;display:flex;gap:3.5rem;align-items:center;position:relative;z-index:2}
.progressimg{flex:0 0 420px}
.progressimg img{width:100%;height:500px;object-fit:cover;border-radius:24px;box-shadow:0 14px 42px #0009}
.progresstxt h2{font-size:2.5rem;color:#F5C9A3;margin:0 0 1.2rem;font-weight:700}
.progresstxt .lead{font-size:1.1rem;line-height:1.7;color:#bbb;margin:0 0 2.5rem}
.progressmetrics{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.metric{background:#426d4d1a;padding:1.8rem;border-radius:16px;border:1px solid #f5c9a326}
.metricvalue{font-size:2.2rem;color:#BF684A;font-weight:700;margin:0 0 .5rem;display:block}
.metriclabel{font-size:1.05rem;color:#ccc;margin:0;line-height:1.4}
@media (max-width: 768px) {
.hero{flex-direction:column;gap:2rem;margin:2rem auto}
.heroimg{flex:0 0 auto;width:100%}
.heroimg img{height:380px}
.herotxt h1{font-size:2rem}
.herobtns{flex-direction:column}
.btnprimary,.btnsecond{text-align:center}
.solutionsgrid{grid-template-columns:1fr;gap:1.5rem}
.ecosystemcontent{grid-template-columns:1fr;gap:2.5rem}
.ecosystemright img{height:320px}
.toolslist{grid-template-columns:1fr;gap:1.5rem}
.progresscontent{flex-direction:column;gap:2.5rem}
.progressimg{flex:0 0 auto;width:100%}
.progressimg img{height:360px}
.progressmetrics{grid-template-columns:1fr}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero{gap:2.5rem}
.heroimg{flex:0 0 320px}
.solutionsgrid{gap:1.8rem}
.ecosystemcontent{gap:3rem}
.toolslist{grid-template-columns:repeat(2,1fr)}
}
.contactwrap{max-width:1000px;margin:0 auto;padding:0 20px}
.herotop{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);padding:80px 20px;margin-bottom:60px;border-radius:24px;position:relative;overflow:hidden}
.herotop::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#bf684a26 0%,transparent 70%);border-radius:50%}
.herotop::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#426d4d1f 0%,transparent 70%);border-radius:50%}
.introtxt{position:relative;z-index:2;max-width:680px}
.introtxt h1{font-size:48px;color:#F5C9A3;margin-bottom:20px;font-weight:700;line-height:1.2}
.introtxt p{font-size:18px;color:#e0e0e0;line-height:1.7;margin-bottom:16px}
.methodsblock{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:70px}
.methoditem{background:#1a1a1a;padding:35px;border-radius:20px;border:2px solid #2a2a2a;position:relative;transition:all .3s ease}
.methoditem:hover{border-color:#BF684A;box-shadow:0 8px 24px #bf684a40;transform:translateY(-4px)}
.methoditem h4{font-size:22px;color:#BF684A;margin-bottom:14px;font-weight:600}
.methoditem p{font-size:16px;color:#b8b8b8;line-height:1.6;margin-bottom:18px}
.methoditem a{color:#F5C9A3;text-decoration:none;font-weight:500;transition:color .3s ease}
.methoditem a:hover{color:#BF684A}
.formarea{background:linear-gradient(165deg,#0d0d0d 0%,#1a1a1a 100%);padding:60px 50px;border-radius:28px;margin-bottom:70px;box-shadow:0 12px 40px #0006}
.formarea h3{font-size:32px;color:#F5C9A3;margin-bottom:12px;font-weight:600}
.formarea .subdesc{font-size:17px;color:silver;margin-bottom:40px;line-height:1.6}
.contactform{display:flex;flex-direction:column;gap:26px}
.formrow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.inputgroup{display:flex;flex-direction:column;gap:8px}
.inputgroup label{font-size:15px;color:#BF684A;font-weight:500}
.inputgroup input,.inputgroup select,.inputgroup textarea{background:#0d0d0d;border:2px solid #2a2a2a;border-radius:12px;padding:14px 18px;font-size:16px;color:#e0e0e0;transition:all .3s ease}
.inputgroup input:focus,.inputgroup select:focus,.inputgroup textarea:focus{outline:none;border-color:#BF684A;box-shadow:0 0 0 3px #bf684a26}
.inputgroup select{cursor:pointer;appearance:none;padding-right:45px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23F5C9A3' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right 18px center}
.inputgroup textarea{resize:vertical;min-height:140px}
.privacycheck{display:flex;align-items:flex-start;gap:12px;margin-top:10px}
.privacycheck input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:#BF684A}
.privacycheck label{font-size:14px;color:#a8a8a8;line-height:1.5}
.privacycheck a{color:#F5C9A3;text-decoration:none;transition:color .3s ease}
.privacycheck a:hover{color:#BF684A}
.submitbtn{background:linear-gradient(135deg,#BF684A 0%,#426D4D 100%);color:#fff;border:none;border-radius:16px;padding:18px 50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #bf684a4d;width:fit-content}
.submitbtn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #bf684a80}
.submitbtn:active{transform:translateY(0)}
.locationdata{display:flex;flex-direction:row;gap:40px;background:#1a1a1a;padding:50px;border-radius:24px;margin-bottom:70px}
.loctext{flex:1}
.loctext h3{font-size:28px;color:#426D4D;margin-bottom:20px;font-weight:600}
.loctext p{font-size:16px;color:#c8c8c8;line-height:1.7;margin-bottom:14px}
.loctext p strong{color:#F5C9A3;font-weight:600}
.locimg{flex:1;border-radius:16px;overflow:hidden}
.locimg img{width:100%;height:100%;object-fit:cover;display:block}
.availability{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 50%,#0d0d0d 100%);padding:60px 45px;border-radius:24px;text-align:center;position:relative;overflow:hidden}
.availability::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#BF684A 0%,#426D4D 50%,#F5C9A3 100%)}
.availability h5{font-size:26px;color:#F5C9A3;margin-bottom:18px;font-weight:600}
.availability p{font-size:17px;color:#b0b0b0;line-height:1.7;max-width:700px;margin:0 auto 30px}
.timegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:800px;margin:0 auto}
.timecard{background:#1a1a1a;padding:20px;border-radius:16px;border:2px solid #2a2a2a;transition:all .3s ease}
.timecard:hover{border-color:#426D4D;box-shadow:0 6px 18px #426d4d33}
.timecard h6{font-size:16px;color:#BF684A;margin-bottom:8px;font-weight:600}
.timecard p{font-size:14px;color:#a0a0a0;margin:0}
@media (max-width: 768px) {
.herotop{padding:60px 20px}
.introtxt h1{font-size:36px}
.methodsblock{grid-template-columns:1fr}
.formarea{padding:40px 25px}
.formrow{grid-template-columns:1fr}
.locationdata{flex-direction:column;padding:35px 25px}
.timegrid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.introtxt h1{font-size:28px}
.methoditem{padding:25px}
.formarea h3{font-size:26px}
}
.teamintro{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.teamintro::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#bf684a1a 0%,transparent 70%);animation:pulse3 8s ease-in-out infinite}
@keyframes pulse3 {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.2);opacity:.8}
}
.teamintroinner{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.teamintro h1{color:#F5C9A3;font-size:48px;margin:0 0 24px;text-shadow:0 0 20px #bf684a99}
.teamintro .subdesc{color:#e0e0e0;font-size:18px;line-height:1.6;margin:0}
.approachgrid{background:#0d0d0d;padding:60px 20px}
.approachgridwrap{max-width:1000px;margin:0 auto}
.approachgrid h2{color:#BF684A;font-size:36px;margin:0 0 48px;text-align:center;position:relative;padding-bottom:16px}
.approachgrid h2::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,#426D4D,#F5C9A3);box-shadow:0 0 10px #426d4d99}
.gridcontainer4{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.griditem4{background:linear-gradient(145deg,#1a1a1a,#262626);border:2px solid #bf684a4d;border-radius:20px;padding:32px;box-shadow:0 8px 24px #0006 inset 0 1px 0 #f5c9a31a;transition:all .3s ease}
.griditem4:hover{border-color:#BF684A;box-shadow:0 12px 32px #bf684a4d inset 0 1px 0 #f5c9a333;transform:translateY(-4px)}
.griditem4 h4{color:#F5C9A3;font-size:22px;margin:0 0 16px}
.griditem4 p{color:#b8b8b8;font-size:15px;line-height:1.6;margin:0}
.expertisesplit{background:#1a1a1a;padding:70px 20px}
.expertisesplitcontent{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.expertisesplit .textpart h3{color:#426D4D;font-size:32px;margin:0 0 20px;text-shadow:0 0 15px #426d4d80}
.expertisesplit .textpart h3::before{content:'▶';color:#BF684A;margin-right:12px;font-size:24px}
.expertisesplit .textpart p{color:#d0d0d0;font-size:16px;line-height:1.7;margin:0 0 16px}
.expertisesplit .imgpart img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 40px #bf684a66;border:3px solid #426d4d4d}
.valuesection{background:radial-gradient(circle at top right,#2d1a1a,#0d0d0d);padding:60px 20px;position:relative}
.valuesection::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#426d4d26,transparent);border-radius:50%}
.valuesectioncontent{max-width:1000px;margin:0 auto;position:relative;z-index:1}
.valuesection h5{color:#F5C9A3;font-size:28px;margin:0 0 32px;text-align:center}
.valuecards{display:flex;flex-direction:column;gap:24px}
.valuecard{background:linear-gradient(90deg,#bf684a14,#426d4d14);border-left:4px solid #BF684A;padding:24px 28px;border-radius:16px;box-shadow:0 4px 16px #0000004d;transition:all .3s ease}
.valuecard:hover{border-left-width:8px;padding-left:32px;box-shadow:0 8px 24px #bf684a4d}
.valuecard h6{color:#426D4D;font-size:20px;margin:0 0 12px;text-shadow:0 0 8px #426d4d66}
.valuecard p{color:#c5c5c5;font-size:15px;line-height:1.6;margin:0}
.processflow{background:#0d0d0d;padding:70px 20px}
.processflowwrap{max-width:1000px;margin:0 auto}
.processflow h2{color:#BF684A;font-size:34px;margin:0 0 48px;text-align:center}
.processsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}
.processsteps::before{content:'';position:absolute;top:40px;left:16%;right:16%;height:2px;background:linear-gradient(90deg,#426D4D,#BF684A,#426D4D);z-index:0}
.stepitem{background:#1a1a1a;border:2px solid #f5c9a333;border-radius:28px;padding:36px 24px;text-align:center;position:relative;z-index:1;box-shadow:0 8px 20px #0006}
.stepitem::before{content:attr(data-step);position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:48px;height:48px;background:linear-gradient(135deg,#BF684A,#426D4D);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#F5C9A3;box-shadow:0 4px 12px #bf684a80}
.stepitem h5{color:#F5C9A3;font-size:20px;margin:24px 0 12px}
.stepitem p{color:#b0b0b0;font-size:14px;line-height:1.5;margin:0}
.ctablock{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.ctablock::after{content:'';position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#bf684a33,transparent);border-radius:50%}
.ctablock::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#426d4d33,transparent);border-radius:50%}
.ctablockcontent{max-width:800px;margin:0 auto;position:relative;z-index:2}
.ctablock h3{color:#F5C9A3;font-size:36px;margin:0 0 20px;text-shadow:0 0 20px #f5c9a366}
.ctablock p{color:#d5d5d5;font-size:17px;line-height:1.6;margin:0 0 32px}
.ctabuttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctabtn{background:linear-gradient(135deg,#BF684A,#A35838);color:#F5C9A3;padding:16px 40px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:700;box-shadow:0 8px 24px #bf684a66;transition:all .3s ease;border:2px solid transparent;position:relative;z-index:10}
.ctabtn:hover{background:linear-gradient(135deg,#A35838,#BF684A);box-shadow:0 12px 32px #bf684a99;transform:translateY(-3px);color:#fff}
.ctabtnsec{background:none;color:#426D4D;padding:16px 40px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:700;border:2px solid #426D4D;box-shadow:0 4px 12px #426d4d4d;transition:all .3s ease;position:relative;z-index:10}
.ctabtnsec:hover{background:#426D4D;color:#F5C9A3;box-shadow:0 8px 20px #426d4d80;transform:translateY(-3px)}
@media (max-width: 768px) {
.teamintro h1{font-size:32px}
.teamintro .subdesc{font-size:16px}
.expertisesplitcontent{grid-template-columns:1fr;gap:32px}
.processsteps{grid-template-columns:1fr}
.processsteps::before{display:none}
.ctablock h3{font-size:28px}
.ctabuttons{flex-direction:column;align-items:center}
.ctabtn,.ctabtnsec{width:100%;max-width:300px}
.approachgrid h2{font-size:28px}
}
@media (max-width: 480px) {
.teamintro{padding:60px 20px}
.teamintro h1{font-size:26px}
.gridcontainer4{grid-template-columns:1fr}
.expertisesplit .textpart h3{font-size:24px}
.valuesection h5{font-size:22px}
}
.policyheader{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.policyheader::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#bf684a26 0%,transparent 70%);border-radius:50%}
.policyheader::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#426d4d1f 0%,transparent 70%);border-radius:50%}
.policytitlewrap{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.policytitlewrap h1{color:#F5C9A3;font-size:48px;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.policymeta{color:#bbb;font-size:16px;display:flex;gap:24px;flex-wrap:wrap}
.policymeta span{display:flex;align-items:center;gap:8px}
.introblock{background:#1f1f1f;padding:60px 20px;border-left:4px solid #BF684A}
.introcontent{max-width:1000px;margin:0 auto}
.introcontent h2{color:#F5C9A3;font-size:28px;margin:0 0 20px;font-weight:600}
.introcontent p{color:#d4d4d4;font-size:17px;line-height:1.7;margin:0 0 16px}
.introcontent p:last-child{margin-bottom:0}
.definitionsarea{background:#161616;padding:70px 20px;position:relative}
.definitionsarea::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#BF684A 0%,#426D4D 50%,#F5C9A3 100%)}
.defcontainer{max-width:1000px;margin:0 auto}
.defcontainer h2{color:#F5C9A3;font-size:34px;margin:0 0 40px;font-weight:700;text-align:center}
.defgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.defcard{background:linear-gradient(135deg,#252525 0%,#1e1e1e 100%);padding:28px;border-radius:20px;border:1px solid #333;box-shadow:0 8px 20px #0006;transition:transform .3s ease,box-shadow .3s ease}
.defcard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #bf684a33}
.defcard h3{color:#BF684A;font-size:20px;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:10px}
.defcard h3::before{content:'';width:8px;height:8px;background:#426D4D;border-radius:50%;flex-shrink:0}
.defcard p{color:#c4c4c4;font-size:15px;line-height:1.6;margin:0}
.datahandling{background:#1a1a1a;padding:70px 20px}
.datacontainer{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start}
.datasidebar{position:sticky;top:20px}
.datasidebar h2{color:#F5C9A3;font-size:32px;margin:0 0 20px;font-weight:700}
.datasidebar p{color:#b8b8b8;font-size:16px;line-height:1.6;margin:0}
.datamain{background:#242424;padding:40px;border-radius:24px;border:2px solid #2f2f2f}
.datamain h4{color:#BF684A;font-size:22px;margin:0 0 16px;font-weight:600;position:relative;padding-left:20px}
.datamain h4::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:linear-gradient(180deg,#BF684A 0%,#426D4D 100%);border-radius:2px}
.datamain ul{list-style:none;padding:0;margin:0 0 32px}
.datamain ul:last-child{margin-bottom:0}
.datamain li{color:#d0d0d0;font-size:16px;line-height:1.7;margin-bottom:12px;padding-left:30px;position:relative}
.datamain li::before{content:'';position:absolute;left:0;top:10px;width:16px;height:16px;background:linear-gradient(135deg,#426D4D 0%,#BF684A 100%);border-radius:4px;box-shadow:0 2px 6px #bf684a4d}
.rights{background:linear-gradient(180deg,#121212 0%,#1e1e1e 100%);padding:70px 20px;position:relative}
.rights::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,#BF684A 50%,transparent 100%)}
.rightscontent{max-width:1000px;margin:0 auto}
.rightscontent h2{color:#F5C9A3;font-size:36px;margin:0 0 36px;font-weight:700;text-align:center}
.rightslist{display:flex;flex-direction:column;gap:20px}
.rightitem{background:#1f1f1f;padding:28px 32px;border-radius:16px;border-left:5px solid #426D4D;box-shadow:0 4px 12px #0000004d;transition:border-color .3s ease,transform .3s ease}
.rightitem:hover{border-color:#BF684A;transform:translateX(8px)}
.rightitem h5{color:#BF684A;font-size:20px;margin:0 0 10px;font-weight:600}
.rightitem p{color:#c8c8c8;font-size:16px;line-height:1.6;margin:0}
.security{background:#181818;padding:70px 20px}
.securitywrapper{max-width:1000px;margin:0 auto;text-align:center}
.securitywrapper h2{color:#F5C9A3;font-size:34px;margin:0 0 24px;font-weight:700}
.securitytext{color:silver;font-size:17px;line-height:1.8;margin:0 0 40px;max-width:800px;margin-left:auto;margin-right:auto}
.securityfeatures{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}
.secfeature{background:linear-gradient(135deg,#232323 0%,#1c1c1c 100%);padding:32px 28px;border-radius:24px;width:220px;border:2px solid #2a2a2a;box-shadow:0 6px 18px #0006;transition:border-color .3s ease,box-shadow .3s ease}
.secfeature:hover{border-color:#BF684A;box-shadow:0 8px 24px #bf684a4d}
.secfeature h6{color:#426D4D;font-size:18px;margin:0 0 12px;font-weight:600}
.secfeature p{color:#b4b4b4;font-size:15px;line-height:1.5;margin:0}
.contactblock{background:#0f0f0f;padding:80px 20px;position:relative;overflow:hidden}
.contactblock::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,#f5c9a314 0%,transparent 70%);border-radius:50%}
.contactinner{max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:2}
.contactinner h2{color:#F5C9A3;font-size:38px;margin:0 0 20px;font-weight:700}
.contactinner p{color:#c6c6c6;font-size:18px;line-height:1.7;margin:0 0 36px}
.contactdetails{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-bottom:40px}
.contactitem{display:flex;flex-direction:column;align-items:center;gap:10px}
.contactitem span:first-child{color:#BF684A;font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.contactitem a{color:#F5C9A3;font-size:18px;text-decoration:none;transition:color .3s ease}
.contactitem a:hover{color:#426D4D}
.cta{display:inline-block;background:linear-gradient(135deg,#BF684A 0%,#426D4D 100%);color:#fff;padding:16px 44px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:600;box-shadow:0 8px 20px #bf684a66;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:10}
.cta:hover{transform:translateY(-3px);box-shadow:0 12px 28px #bf684a80}
@media (max-width: 768px) {
.policyheader{padding:60px 20px 40px}
.policytitlewrap h1{font-size:32px}
.policymeta{flex-direction:column;gap:12px}
.introblock,.definitionsarea,.datahandling,.rights,.security,.contactblock{padding:50px 20px}
.introcontent h2,.defcontainer h2,.rightscontent h2,.securitywrapper h2,.contactinner h2{font-size:26px}
.defgrid{grid-template-columns:1fr}
.datacontainer{grid-template-columns:1fr;gap:30px}
.datasidebar{position:static}
.datamain{padding:28px 20px}
.securityfeatures{flex-direction:column;align-items:center}
.secfeature{width:100%;max-width:320px}
.contactdetails{flex-direction:column;gap:24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.defgrid{grid-template-columns:repeat(2,1fr)}
.datacontainer{grid-template-columns:1fr 1.5fr;gap:40px}
}
.privacyhead{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.privacyhead::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#bf684a26 0%,transparent 70%);animation:pulsedata 8s infinite}
@keyframes pulsedata {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.2);opacity:.15}
}
.privacyhead h1{font-size:48px;color:#F5C9A3;margin:0 0 16px;position:relative;z-index:2;text-shadow:0 0 20px #bf684a66}
.privacyhead .updateinfo{font-size:16px;color:#BF684A;position:relative;z-index:2}
.policycontent{max-width:1000px;margin:0 auto;padding:60px 20px}
.introsection{background:#1a1a1a;border-left:6px solid #BF684A;padding:40px;margin-bottom:48px;border-radius:24px;box-shadow:0 8px 24px #bf684a33 inset 0 2px 4px #0000004d;position:relative}
.introsection::after{content:'';position:absolute;top:20px;right:20px;width:80px;height:80px;background:radial-gradient(circle,#426D4D 0%,transparent 70%);border-radius:50%;opacity:.4}
.introsection p{color:#e8e8e8;font-size:17px;line-height:1.7;margin:0 0 20px}
.introsection p:last-child{margin-bottom:0}
.datacollect{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:48px}
.collectitem{background:linear-gradient(145deg,#222 0%,#1a1a1a 100%);padding:36px;border-radius:28px;border:2px solid #bf684a4d;box-shadow:0 12px 28px #0006;position:relative;transition:all .3s ease}
.collectitem:hover{transform:translateY(-8px);box-shadow:0 16px 36px #bf684a4d;border-color:#BF684A}
.collectitem h3{color:#F5C9A3;font-size:22px;margin:0 0 20px;display:flex;align-items:center}
.collectitem h3::before{content:'';display:inline-block;width:8px;height:8px;background:#BF684A;border-radius:50%;margin-right:12px;box-shadow:0 0 12px #BF684A}
.collectitem ul{list-style:none;padding:0;margin:0}
.collectitem li{color:#ccc;font-size:15px;line-height:1.6;margin-bottom:12px;padding-left:24px;position:relative}
.collectitem li::before{content:'→';position:absolute;left:0;color:#426D4D;font-weight:700}
.usagerights{background:#0d0d0d;padding:52px;border-radius:32px;margin-bottom:48px;position:relative;overflow:hidden}
.usagerights::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#BF684A 0%,#426D4D 50%,#F5C9A3 100%)}
.usagerights h2{color:#F5C9A3;font-size:32px;margin:0 0 32px;text-align:center}
.rightslist{display:flex;flex-direction:column;gap:24px}
.rightitem{background:#bf684a14;padding:28px 32px;border-radius:20px;border-left:4px solid #426D4D;transition:all .3s ease}
.rightitem:hover{background:#bf684a26;border-left-width:8px}
.rightitem h4{color:#BF684A;font-size:19px;margin:0 0 12px}
.rightitem p{color:#d4d4d4;font-size:15px;line-height:1.6;margin:0}
.securitydata{display:flex;gap:28px;margin-bottom:48px}
.securityleft{flex:1;background:linear-gradient(135deg,#1a1a1a 0%,#252525 100%);padding:44px;border-radius:24px;box-shadow:0 10px 30px #00000080}
.securityleft h2{color:#F5C9A3;font-size:28px;margin:0 0 24px}
.securityleft p{color:#d0d0d0;font-size:16px;line-height:1.7;margin:0 0 20px}
.securityright{flex:1;display:flex;flex-direction:column;gap:20px}
.securitycard{background:#1f1f1f;padding:32px;border-radius:20px;border:2px solid #426d4d66;position:relative}
.securitycard::after{content:'';position:absolute;bottom:12px;right:12px;width:60px;height:60px;background:radial-gradient(circle,#f5c9a333 0%,transparent 70%);border-radius:50%}
.securitycard h5{color:#426D4D;font-size:18px;margin:0 0 12px}
.securitycard p{color:silver;font-size:14px;line-height:1.6;margin:0}
.cookiesection{background:#151515;padding:48px;border-radius:28px;margin-bottom:48px;box-shadow:0 8px 32px #bf684a26}
.cookiesection h2{color:#F5C9A3;font-size:30px;margin:0 0 28px;position:relative;padding-bottom:16px}
.cookiesection h2::after{content:'';position:absolute;bottom:0;left:0;width:120px;height:3px;background:linear-gradient(90deg,#BF684A 0%,transparent 100%)}
.cookiegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}
.cookietype{background:#426d4d1a;padding:28px;border-radius:18px;text-align:center;border:1px solid #426d4d4d;transition:all .3s ease}
.cookietype:hover{background:#426d4d33;transform:scale(1.05)}
.cookietype h6{color:#BF684A;font-size:17px;margin:0 0 12px}
.cookietype p{color:#b8b8b8;font-size:14px;line-height:1.5;margin:0}
.cookieinfo{color:#d8d8d8;font-size:15px;line-height:1.7}
.contactfinal{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 100%);padding:56px;border-radius:32px;text-align:center;position:relative;overflow:hidden}
.contactfinal::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#bf684a33 0%,transparent 70%);border-radius:50%}
.contactfinal::after{content:'';position:absolute;bottom:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#426d4d33 0%,transparent 70%);border-radius:50%}
.contactfinal h2{color:#F5C9A3;font-size:32px;margin:0 0 20px;position:relative;z-index:2}
.contactfinal p{color:#d4d4d4;font-size:17px;line-height:1.7;margin:0 0 32px;position:relative;z-index:2}
.contactdetails{display:flex;justify-content:center;gap:48px;position:relative;z-index:2;flex-wrap:wrap}
.contactmethod{text-align:center}
.contactmethod [data-visible="true"]{color:#BF684A;font-size:16px;font-weight:700;display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}
.contactmethod a{color:#F5C9A3;font-size:18px;text-decoration:none;transition:all .3s ease}
.contactmethod a:hover{color:#BF684A;text-shadow:0 0 12px #bf684a99}
@media (max-width: 768px) {
.privacyhead{padding:60px 20px}
.privacyhead h1{font-size:36px}
.datacollect{grid-template-columns:1fr;gap:24px}
.securitydata{flex-direction:column}
.cookiegrid{grid-template-columns:1fr}
.contactdetails{flex-direction:column;gap:24px}
.usagerights{padding:32px 24px}
.cookiesection{padding:32px 24px}
.contactfinal{padding:40px 24px}
}
@media (max-width: 480px) {
.privacyhead h1{font-size:28px}
.introsection{padding:28px 20px}
.collectitem{padding:24px}
.securityleft{padding:28px}
}
.successwrap{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successwrap::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#bf684a26 0%,transparent 70%);border-radius:50%;animation:pulseneon 8s ease-in-out infinite}
.successwrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#426d4d1f 0%,transparent 70%);border-radius:50%;animation:pulseneon 6s ease-in-out infinite reverse}
@keyframes pulseneon {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.1);opacity:.8}
}
.successcontainer{max-width:700px;margin:0 auto;position:relative;z-index:2}
.iconcheck{width:120px;height:120px;margin:0 auto 40px;position:relative}
.iconcheck svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #bf684a66)}
.checkmark{stroke:#BF684A;stroke-width:4;fill:none;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:150;animation:drawcheck 1s ease-out forwards}
.checkcircle{stroke:#426D4D;stroke-width:4;fill:none;stroke-dasharray:350;stroke-dashoffset:350;animation:drawcircle .8s ease-out forwards}
.checkglow{fill:#BF684A;opacity:.15;animation:glowpulse 2s ease-in-out infinite}
@keyframes drawcheck {
to{stroke-dashoffset:0}
}
@keyframes drawcircle {
to{stroke-dashoffset:0}
}
@keyframes glowpulse {
0%,100%{opacity:.15}
50%{opacity:.3}
}
.successheading{text-align:center;margin-bottom:24px}
.successheading h1{font-size:42px;font-weight:700;color:#F5C9A3;margin:0 0 16px;letter-spacing:-.5px;text-shadow:0 4px 12px #f5c9a34d}
.successheading p{font-size:18px;color:#e0e0e0;margin:0;line-height:1.6}
.detailsbox{background:#1e1e1ecc;border:2px solid #bf684a4d;border-radius:24px;padding:36px;margin-top:40px;box-shadow:0 12px 32px #0009 inset 0 1px 0 #ffffff0d;position:relative;overflow:hidden}
.detailsbox::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#BF684A 0%,#426D4D 50%,#F5C9A3 100%);opacity:.6}
.inforow{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #426d4d33}
.inforow:last-child{border-bottom:none}
.inforow h6{font-size:14px;font-weight:600;color:#F5C9A3;margin:0;text-transform:uppercase;letter-spacing:1px}
.inforow span{font-size:16px;color:#fff;font-weight:500}
.actionsbtn{display:flex;gap:16px;justify-content:center;margin-top:48px;flex-wrap:wrap}
.btnprimary2{background:linear-gradient(135deg,#BF684A 0%,#a85a3e 100%);color:#fff;padding:16px 40px;border-radius:28px;text-decoration:none;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #bf684a59;position:relative;z-index:3}
.btnprimary2:hover{transform:translateY(-3px);box-shadow:0 12px 28px #bf684a80;background:linear-gradient(135deg,#d07454 0%,#BF684A 100%)}
.btnprimary2:active{transform:translateY(-1px)}
.btnsecondary2{background:none;color:#F5C9A3;padding:16px 40px;border-radius:28px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #426D4D;cursor:pointer;transition:all .3s ease;position:relative;z-index:3}
.btnsecondary2:hover{background:#426d4d26;border-color:#5a9166;transform:translateY(-3px);box-shadow:0 8px 20px #426d4d4d}
.btnsecondary2:active{transform:translateY(-1px)}
.supportinfo{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 100%);padding:80px 20px;position:relative}
.supportinfo::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,#426D4D 50%,transparent 100%)}
.supportcontainer{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.contactcard{background:#1e1e1e99;border:1px solid #f5c9a326;border-radius:20px;padding:32px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}
.contactcard::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#bf684a14 0%,transparent 70%);opacity:0;transition:opacity .4s ease}
.contactcard:hover{border-color:#bf684a66;transform:translateY(-8px);box-shadow:0 16px 40px #bf684a40}
.contactcard:hover::before{opacity:1}
.cardicon{width:64px;height:64px;margin:0 auto 20px;position:relative;z-index:1}
.cardicon svg{width:100%;height:100%}
.contactcard h5{font-size:20px;font-weight:600;color:#F5C9A3;margin:0 0 12px;position:relative;z-index:1}
.contactcard p{font-size:15px;color:silver;margin:0 0 20px;line-height:1.6;position:relative;z-index:1}
.contactcard a{color:#BF684A;text-decoration:none;font-weight:500;font-size:16px;position:relative;z-index:1;transition:color .3s ease}
.contactcard a:hover{color:#d07454;text-decoration:underline}
@media (max-width: 768px) {
.successwrap{padding:40px 16px;min-height:auto}
.successheading h1{font-size:32px}
.successheading p{font-size:16px}
.detailsbox{padding:24px}
.iconcheck{width:90px;height:90px;margin-bottom:32px}
.actionsbtn{flex-direction:column;gap:12px}
.btnprimary2,.btnsecondary2{width:100%;text-align:center}
.supportcontainer{grid-template-columns:1fr;gap:24px}
.supportinfo{padding:60px 16px}
.inforow{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (max-width: 480px) {
.successheading h1{font-size:28px}
.btnprimary2,.btnsecondary2{padding:14px 32px;font-size:15px}
}