html{box-sizing:border-box}
*,::before,::after{box-sizing:inherit;margin:0;padding:0}
body{font-family:'Lato',sans-serif;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);color:#2c3e50;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.hdrwrap{max-width:1366px;margin:0 auto;width:100%;padding:0 20px}
header{background:linear-gradient(to bottom,#fff 0%,#f8f9fa 100%);box-shadow:0 4px 12px #00000014;padding:20px 0}
.toprow{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #e9ecef;margin-bottom:15px}
.logobox{flex-shrink:0}
.logolnk{display:block;line-height:0}
.logoimg{height:120px;width:120px;object-fit:contain;transition:transform .3s ease-out}
.logolnk:hover .logoimg{transform:scale(1.05)}
.mainnav{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.mainnav .navlnk{font-family:'Bitter',serif;font-size:16px;font-weight:400;color:#2c3e50;text-decoration:none;padding:8px 12px;border-radius:3px;transition:background-color .3s ease-out,color .3s ease-out}
.mainnav .navlnk:hover{background-color:#08d7d91f;color:#08D7D9}
.btmrow{padding:12px 0}
.companytxt{font-family:'Lato',sans-serif;font-size:14px;font-weight:300;color:#6c757d;text-align:center;letter-spacing:.3px}
main{flex:1}
footer{background:linear-gradient(to top,#2c3e50 0%,#34495e 100%);color:#ecf0f1;padding:50px 0 20px;box-shadow:0 -4px 12px #00000026;margin-top:80px}
.ftrwrap{max-width:1366px;margin:0 auto;width:100%;padding:0 20px}
.ftrcontainer{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px}
.ftrtitle{font-family:'Bitter',serif;font-size:20px;font-weight:700;color:#08D7D9;margin-bottom:20px}
.contactblock{display:flex;flex-direction:column;gap:16px}
.contactitem{display:flex;align-items:flex-start;gap:12px}
.ftricon{font-size:22px;color:#FBCE4F;flex-shrink:0;margin-top:2px}
.contacttxt{font-size:15px;line-height:1.5;color:#ecf0f1}
.linkblock{display:flex;flex-direction:column}
.ftrnav{display:flex;flex-direction:column;gap:12px}
.ftrlnk{font-size:15px;color:#ecf0f1;text-decoration:none;transition:color .3s ease-out;width:fit-content}
.ftrlnk:hover{color:#FBCE4F}
.copyrightrow{border-top:1px solid #ecf0f133;padding-top:20px;text-align:center}
.copyrighttxt{font-size:14px;color:#95a5a6}
.cookiewrap{position:fixed;top:20px;left:20px;z-index:9999;animation:slideInLeft .4s ease-out}
@keyframes slideInLeft {
from{transform:translateX(-100%);opacity:0}
to{transform:translateX(0);opacity:1}
}
.cookiebox{background:#fff;border-radius:6px;padding:24px;box-shadow:0 8px 24px #0003;max-width:380px;border:2px solid #08D7D9}
.cookietitle{font-family:'Bitter',serif;font-size:18px;font-weight:700;color:#2c3e50;margin-bottom:12px}
.cookietxt{font-size:14px;color:#6c757d;margin-bottom:20px;line-height:1.5}
.cookieoptions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.cookielbl{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#2c3e50}
.cookierad{cursor:pointer}
.radiotxt{user-select:none}
.cookiebtns{display:flex;gap:12px;justify-content:space-between}
.cookiebtn{flex:1;padding:10px 20px;border:none;border-radius:50px;font-family:'Lato',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s ease-out,transform .2s ease-out}
.acceptbtn{background:linear-gradient(135deg,#08D7D9 0%,#7D59F8 100%);color:#fff}
.acceptbtn:hover{background:linear-gradient(135deg,#06c0c2 0%,#6a4ad6 100%);transform:translateY(-2px)}
.declinebtn{background:#e9ecef;color:#2c3e50}
.declinebtn:hover{background:#dee2e6;transform:translateY(-2px)}
@media (max-width: 768px) {
.toprow{flex-direction:column;gap:20px;text-align:center}
.mainnav{justify-content:center;gap:16px}
.mainnav .navlnk{font-size:15px}
.logoimg{height:90px;width:90px}
.ftrcontainer{grid-template-columns:1fr;gap:40px}
.cookiewrap{left:10px;right:10px;top:10px}
.cookiebox{max-width:100%}
.cookiebtns{flex-direction:column}
.companytxt{font-size:13px}
}
@media (max-width: 480px) {
.mainnav{flex-direction:column;gap:8px}
.mainnav .navlnk{display:block;width:100%;text-align:center}
.logoimg{height:70px;width:70px}
header{padding:15px 0}
.toprow{padding-bottom:15px;margin-bottom:12px}
.btmrow{padding:10px 0}
}
.legal-article{max-width:1366px;margin:0 auto;padding:60px 20px 80px;background:#fff}
.legal-article p{font-size:16px;line-height:1.75;color:#2d2d2d;margin:0 0 20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
.legal-article p + p{margin-top:16px}
.legal-article ul,.legal-article ol{margin:0 0 24px;padding:0 0 0 28px;font-size:16px;line-height:1.75;color:#2d2d2d;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
.legal-article ul{list-style-type:disc}
.legal-article ol{list-style-type:decimal}
.legal-article li{margin:0 0 12px;padding-left:8px}
.legal-article li:last-child{margin-bottom:0}
.legal-article ul ul,.legal-article ol ol,.legal-article ul ol,.legal-article ol ul{margin:12px 0 0}
.legal-article ul ul{list-style-type:circle}
.legal-article ul ul ul{list-style-type:square}
.legal-article strong,.legal-article b{font-weight:600;color:#1a1a1a}
.legal-article a{color:#08D7D9;text-decoration:none;border-bottom:1px solid #08d7d94d;transition:all .25s ease-out}
.legal-article a:hover{color:#06b5b7;border-bottom-color:#06b5b7}
.legal-article a:active{color:#059799}
.legal-article hr{border:0;height:1px;background:linear-gradient(to right,#08d7d900,#08d7d94d,#08d7d900);margin:40px 0}
@media (max-width: 768px) {
.legal-article{padding:40px 16px 60px}
.legal-article p{font-size:15px;line-height:1.7;margin-bottom:16px}
.legal-article ul,.legal-article ol{font-size:15px;padding-left:24px;margin-bottom:20px}
.legal-article li{margin-bottom:10px;padding-left:6px}
.legal-article hr{margin:32px 0}
}
@media (max-width: 480px) {
.legal-article{padding:32px 12px 48px}
.legal-article p{font-size:14px;margin-bottom:14px}
.legal-article ul,.legal-article ol{font-size:14px;padding-left:20px;margin-bottom:18px}
.legal-article li{margin-bottom:8px}
.legal-article hr{margin:28px 0}
}
@media (min-width: 1024px) {
.legal-article{padding:80px 40px 100px}
.legal-article p{font-size:17px;line-height:1.8;margin-bottom:22px}
.legal-article ul,.legal-article ol{font-size:17px;padding-left:32px;margin-bottom:26px}
.legal-article li{margin-bottom:14px;padding-left:10px}
.legal-article hr{margin:48px 0}
}
.dtlwrp{max-width:1366px;margin:0 auto;padding:0 24px}
.herodet{padding:80px 0 60px;background:linear-gradient(135deg,#08D7D9 0%,#7D59F8 100%);position:relative;overflow:hidden}
.herodet::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fbce4f33 0%,transparent 70%);border-radius:50%}
.herocnt{display:flex;gap:48px;align-items:center;position:relative;z-index:2}
.herotxt{flex:1;color:#fff}
.herotxt h1{font-size:42px;line-height:1.2;margin:0 0 24px;font-weight:700}
.heroimg{flex:0 0 480px;border-radius:4px;overflow:hidden;box-shadow:0 12px 32px #0000004d}
.heroimg img{width:100%;height:auto;display:block}
.metabar{display:flex;gap:32px;align-items:center;margin:24px 0 0;flex-wrap:wrap}
.prcbox{background:#ffffff40;padding:12px 24px;border-radius:3px;backdrop-filter:blur(8px)}
.prcbox span{font-size:32px;font-weight:700;color:#fff}
.likecnt{display:flex;align-items:center;gap:8px;color:#fff;font-size:18px}
.likecnt svg{width:24px;height:24px;fill:#FBCE4F}
.maincnt{padding:80px 0}
.cntgrid{display:grid;grid-template-columns:1fr 380px;gap:64px}
.txtcol h2{font-size:32px;line-height:1.3;margin:0 0 16px;color:#1a1a1a;font-weight:600}
.txtcol h3{font-size:24px;line-height:1.4;margin:32px 0 12px;color:#2a2a2a;font-weight:600}
.txtcol p{font-size:17px;line-height:1.7;color:#444;margin:0 0 20px}
.txtcol ul{margin:0 0 20px;padding-left:24px}
.txtcol li{font-size:17px;line-height:1.7;color:#444;margin-bottom:10px}
.txtcol strong{color:#1a1a1a;font-weight:600}
.txtcol small{font-size:14px;color:#666}
.txtcol dl{margin:20px 0}
.txtcol dt{font-weight:600;color:#1a1a1a;margin:16px 0 8px;font-size:17px}
.txtcol dd{margin:0 0 12px;color:#444;font-size:16px;line-height:1.6}
.txtcol blockquote{border-left:4px solid #08D7D9;padding:16px 24px;margin:24px 0;background:#f8f8f8;font-style:italic;color:#333}
.txtcol cite{font-style:italic;color:#666;font-size:15px}
.txtcol figure{margin:32px 0}
.txtcol figcaption{margin-top:12px;font-size:15px;color:#666;text-align:center}
.txtcol details{margin:20px 0;border:2px solid #e5e5e5;border-radius:3px;padding:16px;background:#fafafa}
.txtcol summary{cursor:pointer;font-weight:600;color:#1a1a1a;font-size:17px}
.sdbar{position:sticky;top:24px;height:fit-content}
.prgcard{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);border:2px solid #e5e5e5;border-radius:4px;padding:32px;box-shadow:0 4px 12px #0000000d}
.prgcard h3{font-size:22px;margin:0 0 20px;color:#1a1a1a;font-weight:600;padding-bottom:16px;border-bottom:3px solid #08D7D9}
.prgcard h2{font-size:26px;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.prgcard p{font-size:16px;line-height:1.6;color:#555;margin:0 0 16px}
.prgcard ul{margin:0 0 16px;padding-left:20px}
.prgcard li{font-size:16px;line-height:1.6;color:#555;margin-bottom:8px}
.prgcard dl{margin:16px 0}
.prgcard dt{font-weight:600;color:#1a1a1a;margin:12px 0 6px;font-size:16px}
.prgcard dd{margin:0 0 10px;color:#555;font-size:15px;line-height:1.5}
.prgcard blockquote{border-left:3px solid #7D59F8;padding:12px 16px;margin:16px 0;background:#f5f5f5;font-style:italic;color:#333;font-size:15px}
.prgcard cite{font-style:italic;color:#666;font-size:14px}
.prgcard figure{margin:20px 0}
.prgcard figcaption{margin-top:8px;font-size:14px;color:#666}
.prgcard details{margin:16px 0;border:1px solid #e0e0e0;border-radius:3px;padding:12px;background:#f9f9f9}
.prgcard summary{cursor:pointer;font-weight:600;color:#1a1a1a;font-size:16px}
.prgcard strong{color:#1a1a1a;font-weight:600}
.ctabox{margin-top:32px;padding-top:32px;border-top:2px solid #e5e5e5}
.btnreg{display:block;width:100%;padding:16px 24px;background:linear-gradient(135deg,#08D7D9 0%,#7D59F8 100%);color:#fff;text-align:center;text-decoration:none;border-radius:3px;font-size:18px;font-weight:600;transition:transform .2s ease-out,box-shadow .2s ease-out;box-shadow:0 4px 12px #08d7d94d}
.btnreg:hover{transform:translateY(-2px);box-shadow:0 8px 20px #08d7d966}
.divshape{height:80px;background:linear-gradient(to bottom,#fff 50%,#f5f5f5 50%);position:relative}
.divshape::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#08D7D9 0%,#FBCE4F 50%,#7D59F8 100%)}
@media (max-width: 1024px) {
.herocnt{flex-direction:column}
.heroimg{flex:0 0 auto;max-width:100%}
.cntgrid{grid-template-columns:1fr;gap:48px}
.sdbar{position:static}
}
@media (max-width: 768px) {
.dtlwrp{padding:0 16px}
.herodet{padding:60px 0 40px}
.herotxt h1{font-size:32px}
.metabar{gap:16px}
.prcbox span{font-size:24px}
.maincnt{padding:60px 0}
.txtcol h2{font-size:26px}
.txtcol h3{font-size:20px}
.prgcard{padding:24px}
}
@media (max-width: 480px) {
.herotxt h1{font-size:26px}
.heroimg{flex:0 0 auto}
.metabar{flex-direction:column;align-items:flex-start;gap:12px}
.txtcol h2{font-size:22px}
.txtcol h3{font-size:18px}
.prgcard h3{font-size:20px}
}
.svcmain{max-width:1366px;margin:0 auto;padding:0}
.titlezone{background:linear-gradient(135deg,#08d7d914 0%,#fbce4f1f 100%);padding:80px 24px 60px;position:relative;overflow:hidden}
.titlezone::before{content:'';position:absolute;top:0;left:15%;width:3px;height:100%;background:linear-gradient(180deg,transparent,#08D7D9,transparent);opacity:.4}
.titlezone .contentwrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.titlezone .textsection h1{font-size:52px;line-height:1.15;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.titlezone .textsection .desc{font-size:19px;line-height:1.6;color:#3a3a3a;margin:0 0 36px}
.titlezone .btnsrow{display:flex;gap:16px;flex-wrap:wrap}
.titlezone .btnprim{background:linear-gradient(135deg,#08D7D9,#7D59F8);color:#fff;padding:14px 32px;border-radius:4px;text-decoration:none;font-size:17px;font-weight:600;transition:transform .2s ease-out,box-shadow .2s ease-out;display:inline-block;border:none;cursor:pointer}
.titlezone .btnprim:hover{transform:translateY(-2px);box-shadow:0 6px 20px #08d7d94d}
.titlezone .btnsec{background:#fff;color:#1a1a1a;padding:14px 32px;border-radius:4px;text-decoration:none;font-size:17px;font-weight:600;border:2px solid #08D7D9;transition:background .2s ease-out,color .2s ease-out;display:inline-block;cursor:pointer}
.titlezone .btnsec:hover{background:#08D7D9;color:#fff}
.titlezone .imgarea{position:relative}
.titlezone .imgarea img{width:100%;height:auto;border-radius:6px;box-shadow:0 8px 32px #0000001f;display:block;filter:brightness(1.02) contrast(1.05)}
.titlezone .decobar{position:absolute;bottom:-30px;left:0;right:0;height:2px;background:linear-gradient(90deg,#08D7D9 0%,#FBCE4F 50%,#7D59F8 100%);opacity:.6}
.offersec{padding:100px 24px;background:#fff}
.offersec .wrap{max-width:1200px;margin:0 auto}
.offersec .sectitle{font-size:42px;line-height:1.2;margin:0 0 16px;color:#1a1a1a;font-weight:700;position:relative;display:inline-block}
.offersec .sectitle::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#FBCE4F,#7D59F8);border-radius:2px}
.offersec .sectdesc{font-size:18px;line-height:1.65;color:#4a4a4a;margin:32px 0 56px;max-width:720px}
.offersec .gridwrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.offersec .offercard{background:linear-gradient(135deg,#7d59f808,#08d7d90d);border-radius:4px;padding:36px 28px;border:1px solid #08d7d926;transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out;position:relative;overflow:hidden}
.offersec .offercard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#08D7D9,#7D59F8);transition:height .3s ease-out}
.offersec .offercard:hover::before{height:100%}
.offersec .offercard:hover{transform:translateY(-4px);box-shadow:0 12px 40px #08d7d926;border-color:#08D7D9}
.offersec .offercard .icoblock{width:56px;height:56px;margin:0 0 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#08D7D9,#FBCE4F);border-radius:50%}
.offersec .offercard .icoblock svg{width:28px;height:28px;fill:#fff}
.offersec .offercard h3{font-size:24px;line-height:1.3;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.offersec .offercard .carddesc{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.processsec{padding:100px 24px;background:radial-gradient(circle at top right,#fbce4f14,transparent 60%),radial-gradient(circle at bottom left,#7d59f80f,transparent 60%)}
.processsec .wrap{max-width:1200px;margin:0 auto}
.processsec .toptxt h2{font-size:42px;line-height:1.2;margin:0 0 20px;color:#1a1a1a;font-weight:700;text-align:center}
.processsec .toptxt .subdesc{font-size:18px;line-height:1.65;color:#4a4a4a;margin:0 auto 64px;max-width:680px;text-align:center}
.processsec .stagegrid{display:flex;gap:0;position:relative}
.processsec .stagegrid::before{content:'';position:absolute;top:48px;left:48px;right:48px;height:3px;background:linear-gradient(90deg,#08D7D9 0%,#FBCE4F 50%,#7D59F8 100%);z-index:1}
.processsec .stageitem{flex:1;position:relative;z-index:2}
.processsec .stageitem .numcircle{width:96px;height:96px;margin:0 auto 24px;background:#fff;border:4px solid #08D7D9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#08D7D9;box-shadow:0 4px 16px #08d7d933;transition:all .3s ease-out}
.processsec .stageitem:nth-child(2) .numcircle{border-color:#FBCE4F;color:#FBCE4F;box-shadow:0 4px 16px #fbce4f33}
.processsec .stageitem:nth-child(3) .numcircle{border-color:#7D59F8;color:#7D59F8;box-shadow:0 4px 16px #7d59f833}
.processsec .stageitem:nth-child(4) .numcircle{border-color:#08D7D9;color:#08D7D9}
.processsec .stageitem:hover .numcircle{transform:scale(1.08);box-shadow:0 8px 24px #08d7d94d}
.processsec .stageitem h4{font-size:20px;line-height:1.3;margin:0 0 12px;color:#1a1a1a;font-weight:700;text-align:center}
.processsec .stageitem .stagedesc{font-size:15px;line-height:1.55;color:#4a4a4a;text-align:center;margin:0;padding:0 12px}
.testimsec{padding:100px 24px;background:#fff}
.testimsec .wrap{max-width:1100px;margin:0 auto}
.testimsec .sechead{text-align:center;margin:0 0 72px}
.testimsec .sechead h2{font-size:42px;line-height:1.2;margin:0 0 16px;color:#1a1a1a;font-weight:700}
.testimsec .sechead .secsubtext{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0}
.testimsec .cardgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.testimsec .testcard{background:linear-gradient(135deg,#08d7d90a,#fbce4f0f);border-radius:6px;padding:40px 36px;border-left:4px solid #FBCE4F;transition:transform .3s ease-out,box-shadow .3s ease-out}
.testimsec .testcard:hover{transform:translateX(4px);box-shadow:0 8px 32px #00000014}
.testimsec .testcard .quotetxt{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 28px;font-style:italic}
.testimsec .testcard .authorblock{display:flex;align-items:center;gap:16px}
.testimsec .testcard .authorblock img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #08D7D9}
.testimsec .testcard .authorinfo .authname{font-size:18px;line-height:1.3;margin:0 0 4px;color:#1a1a1a;font-weight:700}
.testimsec .testcard .authorinfo .authrole{font-size:15px;line-height:1.4;color:#5a5a5a;margin:0}
@media (max-width: 1024px) {
.titlezone .contentwrap{grid-template-columns:1fr;gap:40px}
.titlezone .textsection h1{font-size:44px}
.offersec .gridwrap{grid-template-columns:1fr;gap:24px}
.processsec .stagegrid{flex-direction:column;gap:48px}
.processsec .stagegrid::before{display:none}
.testimsec .cardgrid{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 768px) {
.titlezone{padding:60px 20px 40px}
.titlezone .textsection h1{font-size:36px}
.titlezone .textsection .desc{font-size:17px}
.titlezone .btnsrow{flex-direction:column}
.titlezone .btnprim,.titlezone .btnsec{width:100%;text-align:center}
.offersec,.processsec,.testimsec{padding:60px 20px}
.offersec .sectitle,.processsec .toptxt h2,.testimsec .sechead h2{font-size:32px}
.offersec .sectdesc,.processsec .toptxt .subdesc,.testimsec .sechead .secsubtext{font-size:16px}
.processsec .stageitem .numcircle{width:80px;height:80px;font-size:30px}
}
.webhero{background:linear-gradient(135deg,#08D7D9 0%,#7D59F8 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.webhero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fbce4f4d 0%,transparent 70%);border-radius:50%}
.webhero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#ffffff26 0%,transparent 70%);border-radius:50%}
.heroinr{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.herotxt h1{font-size:48px;color:#fff;margin:0 0 20px;font-weight:700;letter-spacing:-.5px}
.herotxt p{font-size:20px;color:#fff;margin:0;opacity:.95;max-width:700px;margin:0 auto;line-height:1.6}
.webgrdwrap{max-width:1366px;margin:0 auto;padding:80px 20px}
.sectitleweb{text-align:center;margin-bottom:60px}
.sectitleweb h2{font-size:38px;color:#1a1a1a;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.sectitleweb h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#08D7D9,#FBCE4F);border-radius:2px}
.sectitleweb p{font-size:18px;color:#666;margin:24px auto 0;max-width:600px;line-height:1.6}
.webgrd{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.webcard{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease-out;display:flex;flex-direction:column;position:relative}
.webcard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #08d7d933}
.webimg{width:100%;height:220px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}
.webimg img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}
.webcard:hover .webimg img{transform:scale(1.08)}
.weblikebadge{position:absolute;top:12px;right:12px;background:#fffffff2;padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:14px;color:#333;font-weight:600;box-shadow:0 2px 8px #0000001f;z-index:3}
.weblikebadge ion-icon{color:#FBCE4F;font-size:16px}
.webcontent{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.webcontent h3{font-size:22px;color:#1a1a1a;margin:0 0 12px;font-weight:700;line-height:1.3}
.webcontent p{font-size:15px;color:#666;margin:0 0 20px;line-height:1.6;flex-grow:1}
.webftr{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #eee}
.webprice{font-size:26px;color:#08D7D9;font-weight:700}
.webbtn{background:linear-gradient(135deg,#7D59F8,#08D7D9);color:#fff;padding:10px 24px;border-radius:4px;text-decoration:none;font-size:15px;font-weight:600;transition:all .3s ease-out;display:inline-flex;align-items:center;gap:6px}
.webbtn:hover{transform:translateX(3px);box-shadow:0 4px 12px #7d59f84d}
.whywebsec{background:linear-gradient(180deg,#f9f9f9 0%,#fff 100%);padding:80px 20px}
.whywebinr{max-width:1366px;margin:0 auto}
.whywebtitle{text-align:center;margin-bottom:50px}
.whywebtitle h2{font-size:36px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.whywebtitle h2::before{content:'';display:inline-block;width:40px;height:4px;background:#FBCE4F;margin-right:12px;vertical-align:middle}
.featgrd{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.featbox{background:#fff;padding:32px 24px;border-radius:6px;border-left:4px solid #08D7D9;box-shadow:0 2px 6px #0000000f;transition:all .3s ease-out}
.featbox:nth-child(2){border-left-color:#FBCE4F}
.featbox:nth-child(3){border-left-color:#7D59F8}
.featbox:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001a}
.featicon{font-size:42px;color:#08D7D9;margin-bottom:16px;display:block}
.featbox:nth-child(2) .featicon{color:#FBCE4F}
.featbox:nth-child(3) .featicon{color:#7D59F8}
.featbox h3{font-size:20px;color:#1a1a1a;margin:0 0 12px;font-weight:700}
.featbox p{font-size:15px;color:#666;margin:0;line-height:1.6}
.ctasecweb{background:linear-gradient(135deg,#7D59F8 0%,#08D7D9 50%,#FBCE4F 100%);padding:70px 20px;text-align:center;position:relative;overflow:hidden}
.ctasecweb::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.ctainr{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.ctainr h2{font-size:40px;color:#fff;margin:0 0 20px;font-weight:700}
.ctainr p{font-size:19px;color:#fff;margin:0 0 32px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}
.ctabtnwrap{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.ctabtnpri{background:#fff;color:#7D59F8;padding:14px 36px;border-radius:4px;text-decoration:none;font-size:16px;font-weight:700;transition:all .3s ease-out;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #00000026}
.ctabtnpri:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000040}
.ctabtnsec{background:transparent;color:#fff;padding:14px 36px;border-radius:4px;text-decoration:none;font-size:16px;font-weight:700;border:2px solid #fff;transition:all .3s ease-out;display:inline-flex;align-items:center;gap:8px}
.ctabtnsec:hover{background:#fff;color:#7D59F8;transform:translateY(-3px)}
@media (max-width: 768px) {
.webhero{padding:60px 20px}
.herotxt h1{font-size:34px}
.herotxt p{font-size:17px}
.webgrdwrap{padding:60px 20px}
.sectitleweb h2{font-size:30px}
.webgrd{grid-template-columns:1fr;gap:24px}
.featgrd{grid-template-columns:1fr}
.whywebsec{padding:60px 20px}
.ctasecweb{padding:50px 20px}
.ctainr h2{font-size:30px}
.ctainr p{font-size:17px}
.ctabtnwrap{flex-direction:column;align-items:stretch}
.ctabtnpri,.ctabtnsec{justify-content:center}
}
@media (min-width: 769px) and (max-width: 1024px) {
.webgrd{grid-template-columns:repeat(2,1fr)}
.featgrd{grid-template-columns:repeat(2,1fr)}
.herotxt h1{font-size:42px}
}
.tphero{position:relative;padding:80px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);overflow:hidden}
.tphero .wrap{max-width:1366px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:50px}
.tphero .circular{position:relative;width:100%;max-width:720px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(45deg,#08d7d914,#7d59f814);border:2px solid #08d7d933}
.tphero .circular::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(90deg,#08D7D9,#FBCE4F,#7D59F8);opacity:.15;z-index:-1}
.tphero .txtwrap{text-align:center;padding:40px;max-width:480px}
.tphero .txtwrap h1{font-size:42px;font-weight:700;color:#212529;margin:0 0 24px;line-height:1.2}
.tphero .txtwrap .meta{font-size:18px;line-height:1.7;color:#495057;margin:0}
.tphero .divline{width:100%;max-width:900px;height:1px;background:linear-gradient(90deg,transparent,#08D7D9,#FBCE4F,#7D59F8,transparent);margin:0 auto}
.tphero .imgzone{position:absolute;top:50%;right:5%;transform:translateY(-50%);width:280px;height:200px;border-radius:6px;overflow:hidden;opacity:.3;filter:blur(1px)}
.tphero .imgzone img{width:100%;height:100%;object-fit:cover}
.infogrid{padding:70px 20px;background:#fff}
.infogrid .wrap{max-width:1366px;margin:0 auto}
.infogrid .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.infogrid .infocard{padding:32px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:4px;border-left:4px solid #08D7D9;transition:all .3s ease-out}
.infogrid .infocard:nth-child(2){border-left-color:#FBCE4F}
.infogrid .infocard:nth-child(3){border-left-color:#7D59F8}
.infogrid .infocard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}
.infogrid .infocard h3{font-size:20px;font-weight:600;color:#212529;margin:0 0 16px}
.infogrid .infocard .detail{font-size:16px;line-height:1.6;color:#495057;margin:0 0 12px}
.infogrid .infocard .detail:last-child{margin-bottom:0}
.infogrid .infocard a{color:#08D7D9;text-decoration:none;transition:color .2s ease-out}
.infogrid .infocard a:hover{color:#06a5a7}
.formzone{padding:80px 20px;background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%);position:relative}
.formzone::before{content:'';position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,#08d7d908,#7d59f808);pointer-events:none}
.formzone .wrap{max-width:800px;margin:0 auto;position:relative;z-index:1}
.formzone .intro{text-align:center;margin-bottom:50px}
.formzone .intro h2{font-size:36px;font-weight:700;color:#212529;margin:0 0 16px}
.formzone .intro .sub{font-size:17px;line-height:1.6;color:#495057;margin:0}
.formzone .formbx{background:#fff;padding:50px 40px;border-radius:6px;box-shadow:0 4px 16px #0000000f}
.formzone .fgroup{margin-bottom:28px}
.formzone .fgroup label{display:block;font-size:15px;font-weight:600;color:#212529;margin-bottom:10px}
.formzone .fgroup input[type="text"],.formzone .fgroup input[type="email"]{width:100%;padding:14px 18px;font-size:16px;border:2px solid #dee2e6;border-radius:4px;background:#fff;color:#212529;transition:all .2s ease-out;box-sizing:border-box}
.formzone .fgroup input[type="text"]:focus,.formzone .fgroup input[type="email"]:focus{outline:none;border-color:#08D7D9;box-shadow:0 0 0 3px #08d7d91a}
.formzone .priogroup{margin-bottom:28px}
.formzone .priogroup label{display:block;font-size:15px;font-weight:600;color:#212529;margin-bottom:14px}
.formzone .prioptions{display:flex;flex-direction:column;gap:12px}
.formzone .prioption{position:relative}
.formzone .prioption input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.formzone .prioption .radiolabel{display:block;padding:16px 20px;border:2px solid #dee2e6;border-radius:4px;background:#f8f9fa;cursor:pointer;transition:all .2s ease-out;font-size:15px;color:#495057}
.formzone .prioption input[type="radio"]:checked + .radiolabel{border-color:#08D7D9;background:#08d7d914;color:#212529;font-weight:600}
.formzone .prioption .radiolabel:hover{border-color:#adb5bd;background:#e9ecef}
.formzone .prioption input[type="radio"]:checked + .radiolabel::before{content:'✓';position:absolute;right:20px;color:#08D7D9;font-weight:700}
.formzone .chkgroup{margin-bottom:32px}
.formzone .chkwrap{display:flex;align-items:flex-start;gap:12px}
.formzone .chkwrap input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.formzone .chkwrap label{font-size:14px;line-height:1.6;color:#495057;cursor:pointer}
.formzone .chkwrap label a{color:#08D7D9;text-decoration:none;transition:color .2s ease-out}
.formzone .chkwrap label a:hover{color:#06a5a7;text-decoration:underline}
.formzone .submitbtn{width:100%;padding:16px 24px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#08D7D9 0%,#06a5a7 100%);border:none;border-radius:4px;cursor:pointer;transition:all .3s ease-out;box-shadow:0 4px 12px #08d7d94d}
.formzone .submitbtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #08d7d966;background:linear-gradient(135deg,#06a5a7 0%,#08D7D9 100%)}
.formzone .submitbtn:active{transform:translateY(0)}
.timesec{padding:70px 20px;background:#fff}
.timesec .wrap{max-width:1366px;margin:0 auto}
.timesec h2{font-size:32px;font-weight:700;color:#212529;text-align:center;margin:0 0 50px}
.timesec .timeline{position:relative;padding-left:40px}
.timesec .timeline::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#08D7D9,#FBCE4F,#7D59F8)}
.timesec .timeitem{position:relative;margin-bottom:40px}
.timesec .timeitem::before{content:'';position:absolute;left:-33px;top:6px;width:14px;height:14px;border-radius:50%;background:#08D7D9;border:3px solid #fff;box-shadow:0 0 0 2px #08D7D9}
.timesec .timeitem:nth-child(2)::before{background:#FBCE4F;box-shadow:0 0 0 2px #FBCE4F}
.timesec .timeitem:nth-child(3)::before{background:#7D59F8;box-shadow:0 0 0 2px #7D59F8}
.timesec .timeitem h4{font-size:19px;font-weight:600;color:#212529;margin:0 0 8px}
.timesec .timeitem p{font-size:15px;line-height:1.6;color:#495057;margin:0}
.faqzone{padding:80px 20px;background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)}
.faqzone .wrap{max-width:900px;margin:0 auto}
.faqzone h2{font-size:36px;font-weight:700;color:#212529;text-align:center;margin:0 0 50px}
.faqzone .faqitem{margin-bottom:20px;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0000000a}
.faqzone .faqitem input[type="checkbox"]{display:none}
.faqzone .faqitem label{display:block;padding:20px 24px;background:#fff;font-size:18px;font-weight:600;color:#212529;cursor:pointer;transition:all .2s ease-out;position:relative;padding-right:50px}
.faqzone .faqitem label::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:24px;color:#08D7D9;transition:transform .3s ease-out}
.faqzone .faqitem input[type="checkbox"]:checked + label::after{content:'−'}
.faqzone .faqitem label:hover{background:#f8f9fa}
.faqzone .faqcontent{max-height:0;overflow:hidden;background:#fff;transition:max-height .4s ease-out}
.faqzone .faqitem input[type="checkbox"]:checked ~ .faqcontent{max-height:500px}
.faqzone .faqcontent p{padding:0 24px 24px;margin:0;font-size:15px;line-height:1.7;color:#495057}
@media (max-width: 768px) {
.tphero{padding:60px 20px}
.tphero .wrap{gap:30px}
.tphero .circular{max-width:100%}
.tphero .txtwrap h1{font-size:32px}
.tphero .txtwrap .meta{font-size:16px}
.tphero .imgzone{display:none}
.infogrid{padding:50px 20px}
.infogrid .grid{grid-template-columns:1fr;gap:24px}
.infogrid .infocard{padding:24px}
.formzone{padding:60px 20px}
.formzone .intro h2{font-size:28px}
.formzone .formbx{padding:30px 20px}
.timesec{padding:50px 20px}
.timesec h2{font-size:26px}
.timesec .timeline{padding-left:30px}
.faqzone{padding:60px 20px}
.faqzone h2{font-size:28px}
.faqzone .faqitem label{font-size:16px;padding:16px 20px;padding-right:45px}
.faqzone .faqitem label::after{right:20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.tphero .circular{max-width:600px}
.tphero .imgzone{width:220px;height:160px}
.infogrid .grid{grid-template-columns:repeat(2,1fr)}
.formzone .formbx{padding:40px 30px}
}
.abouttitle{background:linear-gradient(135deg,#08D7D9 0%,#FBCE4F 100%);padding:84px 20px 96px;position:relative;overflow:hidden}
.abouttitle::before{content:'';position:absolute;top:-15%;right:-8%;width:420px;height:420px;background:radial-gradient(circle,#7d59f81f 0%,transparent 70%);border-radius:50%}
.abouttitle::after{content:'';position:absolute;bottom:-12%;left:-5%;width:360px;height:360px;background:radial-gradient(circle,#fbce4f26 0%,transparent 68%);border-radius:50%}
.aboutwrap{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.titlecontent{max-width:780px;margin:0 auto;text-align:center}
.titlecontent h1{font-size:54px;line-height:1.15;color:#1a1a1a;margin:0 0 22px;font-weight:700;letter-spacing:-.02em}
.titlecontent p{font-size:19px;line-height:1.7;color:#2d2d2d;margin:0}
.storysection{padding:92px 20px 96px;background:#fff}
.storyinner{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:start}
.storyimage{position:relative}
.storyimage img{width:100%;height:520px;object-fit:cover;border-radius:4px;filter:blur(0.3px);opacity:.96}
.storyimage::after{content:'';position:absolute;inset:0;border-radius:4px;box-shadow:inset 0 0 0 1px #0000000f;pointer-events:none}
.storycontent h2{font-size:38px;line-height:1.2;color:#1a1a1a;margin:0 0 28px;font-weight:600;position:relative;padding-left:18px}
.storycontent h2::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background:linear-gradient(180deg,#08D7D9 0%,#7D59F8 100%);border-radius:2px}
.storycontent p{font-size:17px;line-height:1.75;color:#3d3d3d;margin:0 0 20px}
.storycontent p:last-of-type{margin-bottom:0}
.teamgrid{padding:88px 20px 94px;background:linear-gradient(165deg,#f8f9fa 0%,#fff 100%)}
.teamcontainer{max-width:1366px;margin:0 auto}
.teamheader{text-align:center;margin-bottom:58px}
.teamheader h2{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.teamheader p{font-size:18px;line-height:1.65;color:#4a4a4a;margin:0;max-width:680px;margin:0 auto}
.teammembers{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.membercard{background:#fff;border-radius:3px;padding:0;box-shadow:0 2px 8px #0000000f;overflow:hidden;display:grid;grid-template-columns:240px 1fr;gap:0;transition:box-shadow .3s ease-out}
.membercard:hover{box-shadow:0 6px 16px #0000001a}
.memberphoto{position:relative;overflow:hidden}
.memberphoto img{width:100%;height:100%;object-fit:cover;display:block}
.memberdetails{padding:32px 36px;display:flex;flex-direction:column;justify-content:center}
.memberdetails h3{font-size:24px;line-height:1.3;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.memberrole{font-size:15px;line-height:1.5;color:#08D7D9;margin:0 0 18px;font-weight:500}
.memberdetails p{font-size:16px;line-height:1.7;color:#4d4d4d;margin:0}
.valueblock{padding:86px 20px 92px;background:#fafbfc;position:relative}
.valueblock::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#08D7D9 0%,#FBCE4F 50%,#7D59F8 100%)}
.valuewrapper{max-width:1366px;margin:0 auto}
.valuehead{max-width:720px;margin:0 auto 52px;text-align:center}
.valuehead h2{font-size:40px;line-height:1.25;color:#1a1a1a;margin:0 0 18px;font-weight:600}
.valuehead p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0}
.valuelist{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.valueitem{background:#fff;padding:36px 32px;border-radius:4px;border:1px solid #e8eaed;position:relative;transition:transform .3s ease-out,box-shadow .3s ease-out}
.valueitem:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}
.valueitem::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;border-radius:4px 4px 0 0}
.valueitem:nth-child(1)::before{background:#08D7D9}
.valueitem:nth-child(2)::before{background:#FBCE4F}
.valueitem:nth-child(3)::before{background:#7D59F8}
.valueitem h3{font-size:22px;line-height:1.3;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.valueitem p{font-size:16px;line-height:1.7;color:#4d4d4d;margin:0}
.ctasection{padding:76px 20px 82px;background:linear-gradient(145deg,#08D7D9 0%,#7D59F8 100%);text-align:center}
.ctawrap{max-width:1366px;margin:0 auto}
.ctasection h2{font-size:44px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:600}
.ctasection p{font-size:18px;line-height:1.65;color:#fffffff2;margin:0 0 36px;max-width:640px;margin-left:auto;margin-right:auto}
.ctabutton{display:inline-block;background:#fff;color:#1a1a1a;padding:16px 42px;border-radius:3px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .3s ease-out,box-shadow .3s ease-out;box-shadow:0 4px 12px #00000026;position:relative;z-index:10}
.ctabutton:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000040}
@media (max-width: 1024px) {
.storyinner{grid-template-columns:1fr;gap:48px}
.storyimage img{height:420px}
.valuelist{grid-template-columns:1fr;gap:32px}
.teammembers{grid-template-columns:1fr;gap:36px}
.titlecontent h1{font-size:44px}
}
@media (max-width: 768px) {
.abouttitle{padding:64px 20px 72px}
.titlecontent h1{font-size:36px;margin-bottom:18px}
.titlecontent p{font-size:17px}
.storysection{padding:68px 20px 72px}
.storycontent h2{font-size:32px;margin-bottom:22px}
.storycontent p{font-size:16px}
.teamgrid{padding:68px 20px 72px}
.teamheader h2{font-size:34px}
.teammembers{gap:28px}
.membercard{grid-template-columns:1fr}
.memberphoto{height:280px}
.memberdetails{padding:28px 24px}
.valueblock{padding:64px 20px 68px}
.valuehead h2{font-size:32px}
.valuelist{gap:24px}
.ctasection{padding:58px 20px 64px}
.ctasection h2{font-size:34px}
.ctasection p{font-size:16px;margin-bottom:28px}
.ctabutton{padding:14px 36px;font-size:16px}
}
.titleblk{position:relative;height:78vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.titleblk .bgimg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.titleblk .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#000000b3 0%,#00000080 50%,#000000b3 100%);z-index:2}
.titleblk .particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}
.titleblk .particles span{position:absolute;width:3px;height:3px;background:#08d7d966;border-radius:50%;animation:float 8s infinite ease-in-out}
.titleblk .particles span:nth-child(1){left:15%;top:20%;animation-delay:0s}
.titleblk .particles span:nth-child(2){left:45%;top:60%;animation-delay:2s}
.titleblk .particles span:nth-child(3){left:75%;top:35%;animation-delay:4s}
.titleblk .particles span:nth-child(4){left:30%;top:75%;animation-delay:1.5s}
.titleblk .particles span:nth-child(5){left:85%;top:80%;animation-delay:3s}
@keyframes float {
0%,100%{transform:translateY(0) translateX(0);opacity:.3}
25%{transform:translateY(-20px) translateX(10px);opacity:.6}
50%{transform:translateY(-40px) translateX(-10px);opacity:.4}
75%{transform:translateY(-20px) translateX(5px);opacity:.5}
}
.titleblk .contentwrap{position:relative;z-index:4;max-width:920px;text-align:center;padding:0 24px}
.titleblk .contentwrap .maintitle{font-size:58px;font-weight:700;color:#fff;margin:0 0 28px;line-height:1.15}
.titleblk .contentwrap .desc{font-size:20px;color:#ffffffeb;line-height:1.6;margin:0}
.trialzone{padding:96px 24px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%)}
.trialzone .contentwrapper{max-width:1366px;margin:0 auto}
.trialzone .sectionhead{text-align:center;margin-bottom:72px}
.trialzone .sectionhead .label{display:inline-block;padding:8px 20px;background:linear-gradient(90deg,#08D7D9,#7D59F8);color:#fff;font-size:14px;font-weight:600;border-radius:3px;margin-bottom:18px;text-transform:uppercase;letter-spacing:.5px}
.trialzone .sectionhead .title{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.trialzone .sectionhead .subtitle{font-size:18px;color:#4a4a4a;line-height:1.6;max-width:720px;margin:0 auto}
.trialzone .processflow{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-bottom:64px}
.trialzone .processflow .stepcard{background:#fff;padding:42px 32px;border-radius:4px;box-shadow:0 4px 12px #0000000f;position:relative;transition:transform .3s ease-out,box-shadow .3s ease-out}
.trialzone .processflow .stepcard:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001f}
.trialzone .processflow .stepcard .stepnum{position:absolute;top:-16px;left:32px;width:52px;height:52px;background:linear-gradient(135deg,#08D7D9,#7D59F8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 4px 8px #08d7d94d}
.trialzone .processflow .stepcard .steptitle{font-size:22px;font-weight:600;color:#1a1a1a;margin:24px 0 14px}
.trialzone .processflow .stepcard .stepdesc{font-size:16px;color:#5a5a5a;line-height:1.65;margin:0}
.trialzone .accesspath{background:#fff;border-radius:4px;padding:52px;box-shadow:0 6px 16px #00000014;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.trialzone .accesspath .textside .heading{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 20px}
.trialzone .accesspath .textside .info{font-size:17px;color:#4a4a4a;line-height:1.7;margin:0 0 32px}
.trialzone .accesspath .textside .actionlink{display:inline-block;padding:14px 32px;background:linear-gradient(90deg,#08D7D9,#FBCE4F);color:#1a1a1a;font-size:16px;font-weight:600;text-decoration:none;border-radius:3px;transition:transform .2s ease-out,box-shadow .2s ease-out;z-index:10;position:relative}
.trialzone .accesspath .textside .actionlink:hover{transform:translateY(-2px);box-shadow:0 8px 16px #08d7d940}
.trialzone .accesspath .visualside{position:relative}
.trialzone .accesspath .visualside img{width:100%;height:340px;object-fit:cover;border-radius:3px}
.inspirezone{padding:96px 24px;background:#fff}
.inspirezone .wrapper{max-width:1366px;margin:0 auto}
.inspirezone .topblock{text-align:center;margin-bottom:64px}
.inspirezone .topblock .headline{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 18px}
.inspirezone .topblock .tagline{font-size:18px;color:#5a5a5a;line-height:1.6;max-width:680px;margin:0 auto}
.inspirezone .showcasegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin-bottom:72px}
.inspirezone .showcasegrid .caseitem{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:44px 38px;border-radius:4px;border-left:4px solid #08D7D9;transition:border-color .3s ease-out}
.inspirezone .showcasegrid .caseitem:hover{border-color:#7D59F8}
.inspirezone .showcasegrid .caseitem .casetag{display:inline-block;padding:6px 16px;background:#7d59f81a;color:#7D59F8;font-size:13px;font-weight:600;border-radius:2px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.4px}
.inspirezone .showcasegrid .caseitem .casetitle{font-size:26px;font-weight:600;color:#1a1a1a;margin:0 0 14px}
.inspirezone .showcasegrid .caseitem .casedesc{font-size:16px;color:#4a4a4a;line-height:1.7;margin:0 0 24px}
.inspirezone .showcasegrid .caseitem .metrics{display:flex;gap:32px;flex-wrap:wrap}
.inspirezone .showcasegrid .caseitem .metrics .metricbox{flex:1;min-width:140px}
.inspirezone .showcasegrid .caseitem .metrics .metricbox .value{font-size:32px;font-weight:700;color:#08D7D9;display:block;margin-bottom:6px}
.inspirezone .showcasegrid .caseitem .metrics .metricbox .mlabel{font-size:14px;color:#6a6a6a;display:block}
.inspirezone .testimonialarea{background:linear-gradient(135deg,#7D59F8 0%,#08D7D9 100%);border-radius:4px;padding:64px 52px;color:#fff;position:relative;overflow:hidden}
.inspirezone .testimonialarea::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffffff14;border-radius:50%}
.inspirezone .testimonialarea::after{content:'';position:absolute;bottom:-80px;left:-80px;width:280px;height:280px;background:#ffffff0f;border-radius:50%}
.inspirezone .testimonialarea .testcontent{position:relative;z-index:2;display:grid;grid-template-columns:120px 1fr;gap:42px;align-items:center}
.inspirezone .testimonialarea .testcontent .profile img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #ffffff4d}
.inspirezone .testimonialarea .testcontent .txtblock .quote{font-size:20px;line-height:1.65;margin:0 0 24px;font-style:italic}
.inspirezone .testimonialarea .testcontent .txtblock .author{font-size:18px;font-weight:600;margin:0 0 6px}
.inspirezone .testimonialarea .testcontent .txtblock .role{font-size:15px;opacity:.85;margin:0}
@media (max-width: 1024px) {
.titleblk{height:68vh}
.titleblk .contentwrap .maintitle{font-size:46px}
.titleblk .contentwrap .desc{font-size:18px}
.trialzone .processflow{grid-template-columns:1fr;gap:28px}
.trialzone .accesspath{grid-template-columns:1fr;padding:38px}
.inspirezone .showcasegrid{grid-template-columns:1fr;gap:32px}
.inspirezone .testimonialarea .testcontent{grid-template-columns:1fr;text-align:center}
.inspirezone .testimonialarea .testcontent .profile img{margin:0 auto}
}
@media (max-width: 768px) {
.titleblk{height:60vh}
.titleblk .contentwrap .maintitle{font-size:36px;margin-bottom:20px}
.titleblk .contentwrap .desc{font-size:16px}
.trialzone,.inspirezone{padding:64px 20px}
.trialzone .sectionhead .title{font-size:34px}
.trialzone .accesspath{padding:32px 24px}
.trialzone .accesspath .textside .heading{font-size:28px}
.inspirezone .topblock .headline{font-size:34px}
.inspirezone .testimonialarea{padding:42px 28px}
}
.sucesswrap{max-width:1366px;margin:0 auto;padding:80px 20px}
.mainsucessbox{display:flex;gap:60px;align-items:center;margin-bottom:100px}
.leftimgbox{flex:0 0 420px;position:relative}
.leftimgbox::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;background:linear-gradient(135deg,#08D7D9,#7D59F8);border-radius:4px;z-index:1;opacity:.15}
.imgplaceholder{position:relative;z-index:2;background:linear-gradient(180deg,#08D7D9 0%,#FBCE4F 100%);width:100%;height:480px;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #08d7d91f}
.imgplaceholder svg{width:120px;height:120px;opacity:.3}
.righttxtbox{flex:1}
.smalltag{display:inline-block;font-size:13px;font-weight:600;color:#08D7D9;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:16px;padding:6px 14px;background:#08d7d914;border-radius:3px}
.mainhdg{font-size:48px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 20px}
.mainhdg::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FBCE4F,#7D59F8);margin-top:24px;border-radius:2px}
.subtxt{font-size:20px;line-height:1.6;color:#4a4a4a;margin:0 0 18px}
.detailtxt{font-size:16px;line-height:1.7;color:#666;margin:0}
.infogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1366px;margin:0 auto;padding:0 20px 80px}
.infocard{background:#fff;padding:40px 32px;border-radius:6px;box-shadow:0 4px 16px #0000000f;position:relative;overflow:hidden;transition:all .3s ease-out}
.infocard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#08D7D9,#7D59F8);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease-out}
.infocard:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-4px)}
.infocard:hover::before{transform:scaleY(1);transform-origin:top}
.iconwrap{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;z-index:1}
.infocard:nth-child(1) .iconwrap{background:#08d7d91a}
.infocard:nth-child(2) .iconwrap{background:#fbce4f1a}
.infocard:nth-child(3) .iconwrap{background:#7d59f81a}
.iconwrap svg{width:28px;height:28px}
.infocard:nth-child(1) .iconwrap svg{fill:#08D7D9}
.infocard:nth-child(2) .iconwrap svg{fill:#FBCE4F}
.infocard:nth-child(3) .iconwrap svg{fill:#7D59F8}
.cardhdg{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 14px;line-height:1.3}
.carddesc{font-size:15px;line-height:1.6;color:#666;margin:0 0 20px}
.cardlink{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#08D7D9;text-decoration:none;transition:gap .2s ease-out}
.cardlink:hover{gap:12px}
.cardlink svg{width:16px;height:16px;fill:currentColor}
@media (max-width: 1024px) {
.mainsucessbox{flex-direction:column;gap:40px;margin-bottom:80px}
.leftimgbox{flex:0 0 auto;width:100%;max-width:500px}
.imgplaceholder{height:400px}
.mainhdg{font-size:40px}
.infogrid{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.sucesswrap{padding:60px 20px}
.mainsucessbox{margin-bottom:60px}
.imgplaceholder{height:320px}
.imgplaceholder svg{width:80px;height:80px}
.mainhdg{font-size:32px}
.subtxt{font-size:18px}
.infogrid{grid-template-columns:1fr;gap:24px;padding-bottom:60px}
.infocard{padding:32px 24px}
}
@media (max-width: 480px) {
.sucesswrap{padding:40px 16px}
.mainhdg{font-size:28px}
.subtxt{font-size:16px}
.detailtxt{font-size:15px}
}