@import "https://fonts.googleapis.com/css2?family=Spectral:wght@400;600;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Spectral',serif;background:#F8F4FB;color:#150C19;line-height:1.6;overflow-x:hidden}
.mainwrap{max-width:960px;margin:0 auto;padding:0 20px}
.heado{background:linear-gradient(135deg,#150C19 0%,#2a1a35 100%);position:relative;padding:0;box-shadow:0 4px 12px #150c1926}
.heado::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,#b780e914 0%,transparent 50%),radial-gradient(circle at 80% 80%,#b780e90d 0%,transparent 50%);background-size:100% 100%;pointer-events:none;opacity:.6}
.topnavi{background:#150c19f2;padding:14px 0;position:relative;z-index:10}
.topnavi .mainwrap{display:flex;justify-content:flex-end;align-items:center}
.navlinks{display:flex;gap:32px;list-style:none;align-items:center}
.navlinks a{color:#F8F4FB;text-decoration:none;font-size:16px;font-weight:400;transition:color .2s linear;padding:8px 0}
.navlinks a:hover{color:#B780E9}
.brandarea{position:relative;z-index:5;padding:24px 0;display:flex;justify-content:center;align-items:center;margin-top:-8px}
.logowrap{display:flex;align-items:center;gap:18px;background:#f8f4fbf7;padding:16px 32px;border-radius:4px;box-shadow:0 6px 18px #150c1940}
.logoimg{width:85px;height:85px;object-fit:contain}
.compname{font-size:28px;font-weight:700;color:#150C19;letter-spacing:-.5px}
.foot{background:linear-gradient(180deg,#2a1a35 0%,#150C19 100%);color:#F8F4FB;padding:56px 0 28px;margin-top:80px;position:relative}
.foot::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#B780E9 50%,transparent 100%);opacity:.3}
.footgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-bottom:42px}
.footcol h3{font-size:18px;font-weight:700;margin-bottom:18px;color:#B780E9}
.footcol p{font-size:15px;line-height:1.7;color:#e8e0f0;margin-bottom:12px}
.footlinks{list-style:none}
.footlinks li{margin-bottom:10px}
.footlinks a{color:#e8e0f0;text-decoration:none;font-size:15px;transition:color .2s linear}
.footlinks a:hover{color:#B780E9}
.footcontact{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}
.footcontact i{color:#B780E9;font-size:18px;margin-top:2px}
.footcontact a{color:#e8e0f0;text-decoration:none;transition:color .2s linear}
.footcontact a:hover{color:#B780E9}
.footbot{padding-top:24px;border-top:1px solid #b780e933;text-align:center;font-size:14px;color:#c4b5d3}
.cookiebox{position:fixed;right:-420px;top:50%;transform:translateY(-50%);background:#fff;width:380px;max-height:85vh;border-radius:6px;box-shadow:0 8px 32px #150c194d;z-index:9999;transition:right .3s linear;overflow:hidden}
.cookiebox[data-visible="true"]{right:24px}
.cookietabs{display:flex;background:#F8F4FB;border-bottom:2px solid #e0d4ed}
.tabutt{flex:1;padding:14px;background:none;border:none;font-family:'Spectral',serif;font-size:15px;font-weight:600;color:#150C19;cursor:pointer;transition:background .2s linear}
.tabutt[data-state="active"]{background:#fff;color:#B780E9}
.cookiecontent{padding:24px;max-height:calc(85vh - 130px);overflow-y:auto}
.tabpanel{display:none}
.tabpanel[data-state="active"]{display:block}
.cookiecontent h3{font-size:20px;font-weight:700;color:#150C19;margin-bottom:12px}
.cookiecontent p{font-size:14px;line-height:1.6;color:#4a3a5a;margin-bottom:14px}
.cookiebuttons{display:flex;gap:12px;padding:18px 24px;background:#F8F4FB;border-top:1px solid #e0d4ed}
.cookiebutt{flex:1;padding:12px 20px;border:none;border-radius:50px;font-family:'Spectral',serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s linear}
.cookiebutt.accept{background:linear-gradient(135deg,#B780E9 0%,#9b5fd4 100%);color:#fff}
.cookiebutt.accept:hover{background:linear-gradient(135deg,#9b5fd4 0%,#8449c2 100%)}
.cookiebutt.decline{background:#e0d4ed;color:#150C19}
.cookiebutt.decline:hover{background:#d0c0e0}
@media (max-width: 768px) {
.navlinks{flex-wrap:wrap;gap:18px;justify-content:center}
.logowrap{flex-direction:column;padding:20px 24px;gap:12px}
.compname{font-size:22px;text-align:center}
.footgrid{grid-template-columns:1fr;gap:32px}
.cookiebox{width:calc(100% - 32px);right:-100%;left:auto}
.cookiebox[data-visible="true"]{right:16px}
}
@media (max-width: 480px) {
.navlinks{flex-direction:column;gap:12px}
.logoimg{width:70px;height:70px}
.compname{font-size:20px}
}
.policy-view{max-width:960px;margin:0 auto;padding:80px 20px;background:#F8F4FB}
.policy-view h1{font-size:42px;line-height:1.2;color:#150C19;margin:0 0 16px;font-weight:700}
.policy-view h2{font-size:32px;line-height:1.3;color:#150C19;margin:48px 0 20px;font-weight:600}
.policy-view h3{font-size:24px;line-height:1.4;color:#150C19;margin:36px 0 16px;font-weight:600}
.policy-view h4{font-size:20px;line-height:1.4;color:#150C19;margin:28px 0 12px;font-weight:600}
.policy-view h5{font-size:18px;line-height:1.5;color:#150C19;margin:24px 0 12px;font-weight:600}
.policy-view h6{font-size:16px;line-height:1.5;color:#150C19;margin:20px 0 12px;font-weight:600}
.policy-view p{font-size:16px;line-height:1.75;color:#150C19;margin:0 0 20px}
.policy-view ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.policy-view ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.policy-view li{font-size:16px;line-height:1.75;color:#150C19;margin:0 0 12px}
.policy-view ul ul{margin:12px 0;padding:0 0 0 28px;list-style-type:circle}
.policy-view ol ol{margin:12px 0;padding:0 0 0 28px;list-style-type:lower-alpha}
.policy-view li ul{margin-top:12px}
.policy-view li ol{margin-top:12px}
.policy-view em{font-style:italic;color:#150C19}
.policy-view i{font-style:italic;color:#150C19}
.policy-view a{color:#B780E9;text-decoration:underline;transition:color .2s linear}
.policy-view a:hover{color:#150C19}
.policy-view a:focus{outline:2px solid #B780E9;outline-offset:2px}
.policy-view hr{border:none;border-top:2px solid #B780E9;margin:48px 0;opacity:.3}
@media (max-width: 768px) {
.policy-view{padding:60px 16px}
.policy-view h1{font-size:32px;margin:0 0 12px}
.policy-view h2{font-size:26px;margin:36px 0 16px}
.policy-view h3{font-size:22px;margin:28px 0 12px}
.policy-view h4{font-size:18px;margin:24px 0 10px}
.policy-view h5{font-size:16px;margin:20px 0 10px}
.policy-view h6{font-size:15px;margin:18px 0 10px}
.policy-view p{font-size:15px;margin:0 0 16px}
.policy-view ul{padding:0 0 0 24px;margin:0 0 20px}
.policy-view ol{padding:0 0 0 24px;margin:0 0 20px}
.policy-view li{font-size:15px;margin:0 0 10px}
.policy-view hr{margin:36px 0}
}
@media (max-width: 480px) {
.policy-view{padding:40px 12px}
.policy-view h1{font-size:28px}
.policy-view h2{font-size:22px}
.policy-view h3{font-size:19px}
}
.statwrap{max-width:960px;margin:0 auto;padding:0 20px}
.herostat{position:relative;padding:80px 0 60px;overflow:hidden;background:linear-gradient(135deg,#F8F4FB 0%,#e8dcf3 100%)}
.herostat::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#b780e926,transparent 70%);border-radius:50%}
.herostat::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#150c1914,transparent 65%);border-radius:50%}
.herostat .statwrap{position:relative;z-index:2}
.herotxt{max-width:680px}
.herotxt h1{font-size:48px;line-height:1.2;color:#150C19;margin:0 0 20px;font-weight:700}
.herotxt .sublead{font-size:20px;line-height:1.6;color:#150C19;opacity:.85;margin:0 0 28px}
.herotxt .descbox{font-size:16px;line-height:1.7;color:#150C19;opacity:.75}
.heroimg{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:280px;height:320px;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #150c1926;z-index:3}
.heroimg img{width:100%;height:100%;object-fit:cover;filter:brightness(1.05) contrast(1.02)}
.metricsec{padding:70px 0;background:#FFF}
.metricgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:50px}
.metricard{background:linear-gradient(135deg,#F8F4FB 0%,#FFF 100%);padding:36px 28px;border-radius:4px;border-left:4px solid #B780E9;box-shadow:0 2px 12px #150c190f;transition:all .3s linear}
.metricard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #b780e92e}
.metricard .numval{font-size:52px;font-weight:700;color:#B780E9;line-height:1;margin:0 0 12px}
.metricard .metlabel{font-size:18px;color:#150C19;font-weight:600;margin:0 0 10px}
.metricard .metdesc{font-size:14px;line-height:1.6;color:#150C19;opacity:.7}
.progblck{padding:75px 0;background:linear-gradient(180deg,#150C19 0%,#2a1a35 100%)}
.progblck h2{font-size:36px;color:#F8F4FB;margin:0 0 48px;text-align:center}
.proglist{display:flex;flex-direction:column;gap:28px}
.progitem{display:flex;align-items:center;gap:24px}
.proglabel{font-size:15px;color:#F8F4FB;min-width:200px;font-weight:600}
.progtrack{flex:1;height:14px;background:#f8f4fb1f;border-radius:20px;position:relative;overflow:hidden}
.progfill{height:100%;background:linear-gradient(90deg,#B780E9 0%,#d4a8f5 100%);border-radius:20px;transition:width 1.2s linear}
.progval{font-size:16px;color:#B780E9;font-weight:700;min-width:60px;text-align:right}
.testimsec{padding:70px 0;background:#F8F4FB}
.testimsec h2{font-size:36px;color:#150C19;margin:0 0 50px;text-align:center}
.testimbox{display:grid;grid-template-columns:1fr 2fr;gap:40px;background:#FFF;padding:42px;border-radius:6px;box-shadow:0 4px 16px #150c1914}
.authprof{display:flex;flex-direction:column;align-items:center;gap:18px}
.authprof img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid #B780E9}
.authname{font-size:20px;font-weight:700;color:#150C19;text-align:center}
.authrole{font-size:14px;color:#B780E9;text-align:center}
.testimcont{display:flex;flex-direction:column;justify-content:center}
.testimcont p{font-size:16px;line-height:1.8;color:#150C19;margin:0 0 20px}
.testimcont p:last-child{margin:0}
.comparsec{padding:75px 0;background:#FFF}
.comparsec h2{font-size:36px;color:#150C19;margin:0 0 15px;text-align:center}
.comparsec .subtext{font-size:17px;color:#150C19;opacity:.7;text-align:center;margin:0 0 50px}
.comptable{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#e0d4e8;border-radius:4px;overflow:hidden}
.comphead{background:linear-gradient(135deg,#150C19 0%,#2a1a35 100%);padding:24px 20px;font-size:16px;font-weight:700;color:#F8F4FB;text-align:center}
.comprow{background:#F8F4FB;padding:20px;font-size:15px;color:#150C19;display:flex;align-items:center;justify-content:center;text-align:center}
.comprow[data-highlight="true"]{background:linear-gradient(135deg,#B780E9 0%,#c994ed 100%);color:#FFF;font-weight:600}
.divwave{height:80px;background:linear-gradient(180deg,#F8F4FB 0%,#FFF 100%);position:relative;margin:60px 0}
.divwave svg{position:absolute;top:0;left:0;width:100%;height:100%}
@media (max-width: 768px) {
.herostat{padding:60px 0 320px}
.heroimg{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:340px;margin:40px auto 0}
.herotxt h1{font-size:36px}
.herotxt .sublead{font-size:18px}
.metricgrid{grid-template-columns:1fr;gap:24px}
.progitem{flex-direction:column;align-items:flex-start}
.proglabel{min-width:auto}
.progtrack{width:100%}
.progval{text-align:left}
.testimbox{grid-template-columns:1fr;gap:30px;padding:32px 24px}
.comptable{grid-template-columns:1fr}
.comphead:nth-child(2),.comphead:nth-child(3){display:none}
}
@media (min-width: 769px) and (max-width: 1024px) {
.heroimg{width:240px;height:280px;right:20px}
.herotxt{max-width:520px}
.herotxt h1{font-size:42px}
}
.titlezone{position:relative;padding:80px 0 60px;overflow:hidden;background:linear-gradient(135deg,#F8F4FB 0%,#fff 100%)}
.titlezone .wrapp{max-width:960px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.titlezone .gridlay{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center}
.titlezone .textsec h1{font-size:56px;line-height:1.1;margin:0 0 12px;color:#150C19;font-weight:700}
.titlezone .textsec .subline{font-size:28px;line-height:1.3;color:#B780E9;margin:0 0 20px;font-weight:500}
.titlezone .textsec .tagline{font-size:18px;line-height:1.6;color:#5a4c63;margin:0}
.titlezone .imgblock{position:relative;height:420px;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #150c191f}
.titlezone .imgblock img{width:100%;height:100%;object-fit:cover;transition:transform .6s linear}
.titlezone .imgblock:hover img{transform:scale(1.05)}
.titlezone .bgshape{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#b780e914 0%,transparent 70%);top:-100px;right:120px;pointer-events:none;z-index:1}
.titlezone .bgshape2{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#b780e90f 0%,transparent 70%);bottom:-60px;left:80px;pointer-events:none;z-index:1}
.expblock{padding:90px 0;background:#fff}
.expblock .wrapp{max-width:960px;margin:0 auto;padding:0 20px}
.expblock .headbox{text-align:center;margin-bottom:70px}
.expblock .headbox h2{font-size:42px;color:#150C19;margin:0 0 16px;font-weight:700}
.expblock .headbox .intro{font-size:18px;line-height:1.7;color:#5a4c63;max-width:720px;margin:0 auto}
.expblock .teamgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;margin-bottom:60px}
.expblock .memcard{display:flex;gap:24px;background:linear-gradient(135deg,#F8F4FB 0%,#fff 100%);padding:32px;border-radius:4px;box-shadow:0 4px 16px #150c1914;transition:transform .3s linear,box-shadow .3s linear}
.expblock .memcard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #150c1924}
.expblock .memcard .picbox{flex-shrink:0;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #B780E9}
.expblock .memcard .picbox img{width:100%;height:100%;object-fit:cover}
.expblock .memcard .infos h3{font-size:24px;color:#150C19;margin:0 0 8px;font-weight:600}
.expblock .memcard .infos .role{font-size:16px;color:#B780E9;margin:0 0 14px;font-weight:500}
.expblock .memcard .infos .bio{font-size:15px;line-height:1.6;color:#5a4c63;margin:0}
.expblock .statline{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:50px 0;border-top:2px solid #F8F4FB;border-bottom:2px solid #F8F4FB}
.expblock .statitem{text-align:center}
.expblock .statitem .num{font-size:48px;color:#B780E9;font-weight:700;margin:0 0 8px;line-height:1}
.expblock .statitem .lab{font-size:16px;color:#5a4c63;margin:0}
.methodzone{padding:90px 0;background:linear-gradient(180deg,#150C19 0%,#2a1a35 100%);position:relative;overflow:hidden}
.methodzone::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#b780e926 0%,transparent 70%);top:-200px;right:-150px;pointer-events:none}
.methodzone .wrapp{max-width:960px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.methodzone .headbox{text-align:center;margin-bottom:70px}
.methodzone .headbox h2{font-size:42px;color:#fff;margin:0 0 16px;font-weight:700}
.methodzone .headbox .intro{font-size:18px;line-height:1.7;color:#dac8ed;max-width:720px;margin:0 auto}
.methodzone .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-bottom:60px}
.methodzone .featcard{background:#f8f4fb0f;padding:36px 28px;border-radius:6px;border:1px solid #b780e933;transition:background .3s linear,border-color .3s linear}
.methodzone .featcard:hover{background:#f8f4fb1a;border-color:#b780e966}
.methodzone .featcard .icnbox{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#B780E9 0%,#8a5cc7 100%);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.methodzone .featcard .icnbox i{font-size:28px;color:#fff}
.methodzone .featcard h3{font-size:20px;color:#fff;margin:0 0 12px;font-weight:600}
.methodzone .featcard .desc{font-size:15px;line-height:1.6;color:#dac8ed;margin:0}
.methodzone .processlane{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px}
.methodzone .stepbox{position:relative;background:#f8f4fb0a;padding:28px 20px;border-radius:4px;border-left:4px solid #B780E9}
.methodzone .stepbox .stepnum{font-size:14px;color:#B780E9;font-weight:700;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px}
.methodzone .stepbox .steptxt{font-size:16px;line-height:1.5;color:#fff;margin:0;font-weight:500}
.methodzone .visgal{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.methodzone .viscard{position:relative;height:280px;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #0000004d}
.methodzone .viscard img{width:100%;height:100%;object-fit:cover;transition:transform .4s linear}
.methodzone .viscard:hover img{transform:scale(1.08)}
.methodzone .viscard .overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#150c19e6 0%,transparent 100%);padding:24px;transform:translateY(10px);opacity:0;transition:transform .3s linear,opacity .3s linear}
.methodzone .viscard:hover .overlay{transform:translateY(0);opacity:1}
.methodzone .viscard .overlay .cap{font-size:16px;color:#fff;margin:0;font-weight:500}
.accesszone{padding:90px 0;background:#fff}
.accesszone .wrapp{max-width:960px;margin:0 auto;padding:0 20px}
.accesszone .headbox{text-align:center;margin-bottom:60px}
.accesszone .headbox h2{font-size:42px;color:#150C19;margin:0 0 16px;font-weight:700}
.accesszone .headbox .intro{font-size:18px;line-height:1.7;color:#5a4c63;max-width:720px;margin:0 auto}
.accesszone .splitlayout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.accesszone .coltext h3{font-size:32px;color:#150C19;margin:0 0 24px;font-weight:600}
.accesszone .coltext .para{font-size:16px;line-height:1.7;color:#5a4c63;margin:0 0 20px}
.accesszone .coltext .para:last-child{margin-bottom:0}
.accesszone .coltext .highlight{color:#B780E9;font-weight:600}
.accesszone .colfeat{display:flex;flex-direction:column;gap:24px}
.accesszone .fitem{display:flex;gap:18px;padding:24px;background:linear-gradient(135deg,#F8F4FB 0%,#fff 100%);border-radius:4px;box-shadow:0 4px 12px #150c190f;transition:box-shadow .3s linear}
.accesszone .fitem:hover{box-shadow:0 6px 18px #150c191f}
.accesszone .fitem .icnwrap{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#B780E9 0%,#8a5cc7 100%);display:flex;align-items:center;justify-content:center}
.accesszone .fitem .icnwrap i{font-size:24px;color:#fff}
.accesszone .fitem .txtpart h4{font-size:18px;color:#150C19;margin:0 0 8px;font-weight:600}
.accesszone .fitem .txtpart .subdesc{font-size:15px;line-height:1.6;color:#5a4c63;margin:0}
.accesszone .ctawrap{text-align:center;margin-top:60px}
.accesszone .butt-main{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#B780E9 0%,#8a5cc7 100%);color:#fff;text-decoration:none;border-radius:4px;font-size:18px;font-weight:600;box-shadow:0 6px 18px #b780e94d;transition:transform .3s linear,box-shadow .3s linear;position:relative;z-index:10}
.accesszone .butt-main:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b780e966}
@media (max-width: 768px) {
.titlezone .gridlay{grid-template-columns:1fr;gap:40px}
.titlezone .textsec h1{font-size:38px}
.titlezone .textsec .subline{font-size:22px}
.titlezone .imgblock{height:320px}
.expblock .teamgrid{grid-template-columns:1fr;gap:30px}
.expblock .statline{grid-template-columns:1fr;gap:30px}
.methodzone .grid3{grid-template-columns:1fr;gap:24px}
.methodzone .processlane{grid-template-columns:1fr;gap:16px}
.methodzone .visgal{grid-template-columns:1fr;gap:24px}
.accesszone .splitlayout{grid-template-columns:1fr;gap:40px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.titlezone .gridlay{grid-template-columns:1fr 320px;gap:40px}
.titlezone .textsec h1{font-size:46px}
.methodzone .grid3{grid-template-columns:repeat(2,1fr)}
.methodzone .processlane{grid-template-columns:repeat(2,1fr)}
}
.kontakt-titl{background:linear-gradient(135deg,#F8F4FB 0%,#B780E9 100%);padding:80px 20px;position:relative;overflow:hidden}
.kontakt-titl::before{content:'';position:absolute;top:0;right:0;width:45%;height:100%;background:repeating-linear-gradient(45deg,#150c1908,#150c1908 20px,transparent 20px,transparent 40px);z-index:1}
.titl-wrp{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.titl-txt h1{font-size:48px;color:#150C19;line-height:1.2;margin:0 0 16px}
.titl-txt h1 span{background:linear-gradient(to right,#B780E9 0%,#B780E9 100%);background-size:100% 3px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:4px}
.titl-txt p{font-size:18px;color:#150C19;line-height:1.6;margin:0;opacity:.85}
.titl-img{flex-shrink:0;width:380px;position:relative}
.titl-img img{width:100%;height:280px;object-fit:cover;border-radius:4px;box-shadow:0 12px 24px #150c1926 0 4px 8px #150c1914}
.kontakt-methd{background:#fff;padding:70px 20px}
.methd-wrap{max-width:960px;margin:0 auto}
.methd-wrap h2{font-size:36px;color:#150C19;margin:0 0 48px;text-align:center}
.methd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.methd-card{background:linear-gradient(135deg,#F8F4FB 0%,#fff 100%);padding:36px;border-radius:4px;border:1px solid #b780e933;transition:all .3s linear}
.methd-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #b780e926}
.methd-card h3{font-size:22px;color:#150C19;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.methd-card h3 i{color:#B780E9;font-size:24px}
.methd-card p{font-size:16px;color:#150C19;line-height:1.7;margin:0 0 12px}
.methd-card a{color:#B780E9;text-decoration:none;font-weight:500;transition:color .3s linear}
.methd-card a:hover{color:#150C19}
.kontakt-form-sec{background:#F8F4FB;padding:70px 20px}
.form-contain{max-width:720px;margin:0 auto}
.form-contain h2{font-size:36px;color:#150C19;margin:0 0 12px;text-align:center}
.form-contain > p{font-size:17px;color:#150C19;line-height:1.6;margin:0 0 40px;text-align:center;opacity:.85}
.formbox{background:#fff;padding:44px;border-radius:4px;box-shadow:0 4px 12px #150c1914}
.formbox form{display:flex;flex-direction:column;gap:24px}
.fieldwrp label{display:block;font-size:15px;font-weight:500;color:#150C19;margin:0 0 8px}
.fieldwrp input[type="text"],.fieldwrp input[type="email"],.fieldwrp textarea{width:100%;padding:14px 16px;border:2px solid #b780e94d;border-radius:3px;font-size:16px;color:#150C19;background:#fff;transition:border-color .3s linear;box-sizing:border-box}
.fieldwrp input[type="text"]:focus,.fieldwrp input[type="email"]:focus,.fieldwrp textarea:focus{outline:none;border-color:#B780E9}
.fieldwrp textarea{resize:vertical;min-height:140px}
.privacy-wrap{display:flex;align-items:flex-start;gap:10px}
.privacy-wrap input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacy-wrap label{font-size:14px;color:#150C19;line-height:1.6;margin:0}
.privacy-wrap label a{color:#B780E9;text-decoration:none;font-weight:500}
.privacy-wrap label a:hover{text-decoration:underline}
.btn-submit{background:linear-gradient(135deg,#B780E9 0%,#150C19 100%);color:#fff;padding:16px 40px;border:none;border-radius:3px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s linear;align-self:flex-start}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #b780e959}
.addres-sec{background:#fff;padding:70px 20px}
.addres-contain{max-width:960px;margin:0 auto}
.addres-contain h2{font-size:36px;color:#150C19;margin:0 0 40px;text-align:center}
.addres-box{background:linear-gradient(135deg,#F8F4FB 0%,#fff 100%);padding:48px;border-radius:4px;border:2px solid #b780e933;display:flex;flex-direction:column;gap:24px}
.addres-item{display:flex;align-items:flex-start;gap:16px}
.addres-item i{color:#B780E9;font-size:28px;flex-shrink:0;margin-top:4px}
.addres-item div h3{font-size:18px;color:#150C19;margin:0 0 8px}
.addres-item div p{font-size:16px;color:#150C19;line-height:1.7;margin:0;opacity:.9}
.zeit-sec{background:linear-gradient(to bottom,#150C19 0%,#B780E9 100%);padding:70px 20px}
.zeit-wrap{max-width:720px;margin:0 auto;text-align:center}
.zeit-wrap h2{font-size:36px;color:#fff;margin:0 0 20px}
.zeit-wrap p{font-size:18px;color:#F8F4FB;line-height:1.7;margin:0 0 36px}
.zeit-wrap .btn-link{display:inline-block;background:#fff;color:#150C19;padding:16px 48px;border-radius:3px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s linear;box-shadow:0 4px 12px #0003}
.zeit-wrap .btn-link:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}
@media (max-width: 768px) {
.kontakt-titl{padding:60px 20px}
.titl-wrp{flex-direction:column;gap:32px}
.titl-txt h1{font-size:36px}
.titl-img{width:100%}
.titl-img img{height:240px}
.kontakt-methd,.kontakt-form-sec,.addres-sec,.zeit-sec{padding:50px 20px}
.methd-wrap h2,.form-contain h2,.addres-contain h2,.zeit-wrap h2{font-size:28px;margin-bottom:32px}
.methd-grid{grid-template-columns:1fr;gap:20px}
.methd-card{padding:28px}
.formbox{padding:32px 24px}
.addres-box{padding:32px 24px}
.btn-submit{width:100%;align-self:stretch}
}
@media (max-width: 480px) {
.titl-txt h1{font-size:30px}
.titl-txt p,.zeit-wrap p{font-size:16px}
.methd-card h3{font-size:20px}
.formbox{padding:24px 16px}
.addres-box{padding:24px 16px}
.addres-item{flex-direction:column;gap:8px}
.zeit-wrap .btn-link{width:100%;padding:14px 32px}
}
.pagetop{background:linear-gradient(135deg,#F8F4FB 0%,#e8dcf5 100%);padding:80px 20px;position:relative;overflow:hidden}
.pagetop::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#B780E9,transparent)}
.pagetop::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#B780E9,transparent)}
.topwrap{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.toptext h1{font-size:48px;color:#150C19;margin:0 0 20px;line-height:1.2}
.toptext h1 .numaccent{color:#B780E9;font-size:56px;display:inline-block;margin-right:8px}
.toptext .explain{font-size:18px;color:#4a3555;line-height:1.6;margin:0}
.topimg{position:relative}
.topimg img{width:100%;height:400px;object-fit:cover;object-position:65% center;border:3px solid #B780E9;box-shadow:0 8px 24px #150c191f}
.topimg::before{content:'';position:absolute;top:-12px;left:-12px;width:60px;height:60px;border-top:2px solid #B780E9;border-left:2px solid #B780E9}
.topimg::after{content:'';position:absolute;bottom:-12px;right:-12px;width:60px;height:60px;border-bottom:2px solid #B780E9;border-right:2px solid #B780E9}
.storyblock{padding:90px 20px;background:#fff}
.storycontain{max-width:960px;margin:0 auto}
.storycontain h2{font-size:36px;color:#150C19;margin:0 0 40px;position:relative;padding-left:30px}
.storycontain h2::before{content:'';position:absolute;left:0;top:8px;width:18px;height:18px;background:linear-gradient(135deg,#B780E9,#d4a8f5);transform:rotate(45deg)}
.storycols{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:start}
.storycols .maintxt{font-size:17px;line-height:1.7;color:#2a1f33}
.storycols .maintxt p{margin:0 0 24px}
.storycols .sidenote{background:linear-gradient(180deg,#F8F4FB,#fff);padding:30px;border-left:4px solid #B780E9;box-shadow:0 4px 16px #150c190f}
.storycols .sidenote h3{font-size:20px;color:#150C19;margin:0 0 16px}
.storycols .sidenote p{font-size:15px;line-height:1.6;color:#4a3555;margin:0}
.teamarea{padding:90px 20px;background:linear-gradient(165deg,#f0e6f9 0%,#F8F4FB 50%,#fff 100%);position:relative}
.teamwrapper{max-width:960px;margin:0 auto}
.teamwrapper h2{font-size:38px;color:#150C19;margin:0 0 50px;text-align:center;position:relative}
.teamwrapper h2::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,#B780E9,transparent)}
.teamgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.teamperson{background:#fff;border:2px solid #e8dcf5;padding:0;display:flex;flex-direction:column;transition:transform .3s linear,box-shadow .3s linear;position:relative;overflow:hidden}
.teamperson::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#B780E9,#d4a8f5);transform:scaleX(0);transform-origin:left;transition:transform .3s linear}
.teamperson:hover::before{transform:scaleX(1)}
.teamperson:hover{transform:translateY(-6px);box-shadow:0 12px 28px #150c1924}
.teamperson .personimg{width:100%;height:280px;object-fit:cover;object-position:center 30%}
.teamperson .personinfo{padding:28px}
.teamperson .personinfo h3{font-size:22px;color:#150C19;margin:0 0 8px}
.teamperson .personinfo .role{font-size:15px;color:#B780E9;margin:0 0 16px;font-weight:600}
.teamperson .personinfo p{font-size:15px;line-height:1.6;color:#4a3555;margin:0}
.approachsec{padding:90px 20px;background:#fff}
.approachwrap{max-width:960px;margin:0 auto}
.approachwrap h2{font-size:36px;color:#150C19;margin:0 0 16px}
.approachwrap .subtitle{font-size:18px;color:#6b5577;margin:0 0 50px}
.methodgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.methodcard{background:linear-gradient(145deg,#F8F4FB,#fff);padding:32px 24px;border:2px solid transparent;transition:border-color .3s linear,transform .3s linear;position:relative}
.methodcard::before{content:'';position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:1px dashed #e8dcf5;opacity:0;transition:opacity .3s linear}
.methodcard:hover{border-color:#B780E9;transform:scale(1.03)}
.methodcard:hover::before{opacity:1}
.methodcard .cardnum{font-size:42px;color:#B780E9;font-weight:700;line-height:1;margin:0 0 16px;opacity:.7}
.methodcard h3{font-size:20px;color:#150C19;margin:0 0 12px}
.methodcard p{font-size:15px;line-height:1.6;color:#4a3555;margin:0}
.valueszone{padding:100px 20px;background:linear-gradient(135deg,#150C19 0%,#2d1a3a 100%);position:relative;overflow:hidden}
.valueszone::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#b780e926,transparent);border-radius:50%}
.valuescont{max-width:960px;margin:0 auto;position:relative;z-index:1}
.valuescont h2{font-size:40px;color:#fff;margin:0 0 60px;text-align:center}
.valueslist{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.valueitem{background:#f8f4fb0d;padding:36px;border-left:5px solid #B780E9;position:relative;transition:background .3s linear,transform .3s linear}
.valueitem:hover{background:#f8f4fb1a;transform:translateX(8px)}
.valueitem h3{font-size:24px;color:#F8F4FB;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.valueitem h3::before{content:'';width:8px;height:8px;background:#B780E9;border-radius:50%;box-shadow:0 0 12px #B780E9}
.valueitem p{font-size:16px;line-height:1.7;color:#d8c9e3;margin:0}
@media (max-width: 768px) {
.topwrap{grid-template-columns:1fr;gap:40px}
.toptext h1{font-size:36px}
.toptext h1 .numaccent{font-size:42px}
.topimg img{height:320px}
.storycols{grid-template-columns:1fr;gap:30px}
.teamgrid{grid-template-columns:1fr}
.methodgrid{grid-template-columns:1fr}
.valueslist{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.pagetop{padding:60px 20px}
.toptext h1{font-size:28px}
.toptext h1 .numaccent{font-size:34px}
.toptext .explain{font-size:16px}
.storyblock,.teamarea,.approachsec{padding:60px 20px}
.valueszone{padding:70px 20px}
.storycontain h2,.approachwrap h2{font-size:28px}
.teamwrapper h2{font-size:30px}
.valuescont h2{font-size:32px}
}
.progr-hero{background:linear-gradient(135deg,#150C19 0%,#3d1f4d 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.progr-hero::before,.progr-hero::after{content:'';position:absolute;width:8px;height:8px;border:2px dotted #B780E9;border-radius:50%}
.progr-hero::before{top:30px;left:30px}
.progr-hero::after{bottom:30px;right:30px}
.hero-wrap{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.hero-txt h1{font-size:2.8rem;color:#F8F4FB;margin:0 0 20px;line-height:1.2}
.hero-txt .subdesc{font-size:1.15rem;color:#F8F4FB;opacity:.9;line-height:1.6;margin:0 0 30px}
.hero-img-box{position:relative;border-radius:4px;overflow:hidden}
.hero-img-box img{width:100%;height:420px;object-fit:cover;display:block}
.hero-img-box::before,.hero-img-box::after{content:'';position:absolute;left:0;right:0;height:100px;pointer-events:none;z-index:1}
.hero-img-box::before{top:0;background:linear-gradient(to bottom,#150c19b3,transparent)}
.hero-img-box::after{bottom:0;background:linear-gradient(to top,#150c19b3,transparent)}
.hero-butt{display:inline-block;background:#B780E9;color:#150C19;padding:14px 32px;border-radius:3px;text-decoration:none;font-weight:600;transition:all .2s linear;z-index:10;position:relative}
.hero-butt:hover{background:#c89def;transform:translateY(-2px);box-shadow:0 6px 16px #b780e966}
.struct-area{background:#F8F4FB;padding:70px 20px}
.struct-cont{max-width:960px;margin:0 auto}
.struct-head{text-align:center;margin-bottom:50px}
.struct-head h2{font-size:2.2rem;color:#150C19;margin:0 0 16px}
.struct-head .lead{font-size:1.1rem;color:#150C19;opacity:.8;max-width:700px;margin:0 auto;line-height:1.6}
.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.phase-item{background:#fff;padding:30px 24px;border-radius:4px;border-left:4px solid #B780E9;box-shadow:0 2px 8px #150c1914;transition:all .2s linear}
.phase-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #150c191f}
.phase-num{display:inline-block;width:38px;height:38px;background:linear-gradient(135deg,#B780E9,#8f5dc7);color:#fff;border-radius:50%;text-align:center;line-height:38px;font-weight:700;font-size:1.1rem;margin-bottom:16px}
.phase-item h3{font-size:1.3rem;color:#150C19;margin:0 0 12px}
.phase-item .info{font-size:.95rem;color:#150C19;opacity:.75;line-height:1.5;margin:0}
.testimonial-sect{background:linear-gradient(to right,#150C19,#2a1635);padding:70px 20px}
.testimon-holder{max-width:960px;margin:0 auto}
.testimon-holder h2{font-size:2.1rem;color:#F8F4FB;text-align:center;margin:0 0 50px}
.testimon-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.testimon-card{background:#f8f4fb0d;border:1px solid #b780e94d;border-radius:3px;padding:28px;position:relative}
.testimon-card::before{content:'"';position:absolute;top:16px;left:20px;font-size:4rem;color:#B780E9;opacity:.3;line-height:1}
.test-prof{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.test-prof img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #B780E9}
.test-prof-info h4{font-size:1.1rem;color:#F8F4FB;margin:0 0 4px}
.test-prof-info .role{font-size:.9rem;color:#B780E9;margin:0}
.test-txt{font-size:.95rem;color:#F8F4FB;line-height:1.6;margin:0;position:relative;z-index:1}
.cta-final{background:#F8F4FB;padding:70px 20px}
.cta-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.cta-text h2{font-size:2.3rem;color:#150C19;margin:0 0 20px;line-height:1.2}
.cta-text .descr{font-size:1.05rem;color:#150C19;opacity:.8;line-height:1.6;margin:0 0 30px}
.cta-butt{display:inline-block;background:linear-gradient(135deg,#B780E9,#9562d1);color:#fff;padding:15px 36px;border-radius:3px;text-decoration:none;font-weight:600;transition:all .2s linear;box-shadow:0 4px 12px #b780e94d}
.cta-butt:hover{transform:scale(1.05);box-shadow:0 8px 20px #b780e966}
.cta-visual{position:relative}
.cta-visual img{width:100%;height:380px;object-fit:cover;border-radius:4px;box-shadow:0 8px 24px #150c1926}
@media (max-width: 768px) {
.progr-hero{padding:60px 20px 50px}
.hero-txt h1{font-size:2rem}
.hero-txt .subdesc{font-size:1rem}
.hero-img-box img{height:300px}
.phase-grid{grid-template-columns:1fr;gap:20px}
.struct-head h2{font-size:1.8rem}
.testimon-cards{grid-template-columns:1fr;gap:24px}
.testimon-holder h2{font-size:1.8rem}
.cta-inner{grid-template-columns:1fr;gap:35px}
.cta-text h2{font-size:1.9rem}
.cta-visual img{height:280px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero-wrap{gap:35px}
.phase-grid{grid-template-columns:repeat(2,1fr)}
.hero-img-box img{height:360px}
.cta-visual img{height:340px}
}
.sucpg{background:linear-gradient(135deg,#F8F4FB 0%,#e8ddf5 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}
.sucpg::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#b780e926 0%,transparent 70%);border-radius:50%}
.sucpg::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#150c1914 0%,transparent 65%);border-radius:50%}
.succontent{max-width:680px;width:100%;background:#fff;border-radius:6px;box-shadow:0 8px 24px #150c191f 0 2px 6px #b780e914;padding:3.5rem 2.5rem;position:relative;z-index:2;text-align:center}
.icnwrap{width:96px;height:96px;margin:0 auto 2rem;position:relative}
.icnwrap::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,#b780e933 0%,transparent 70%);border-radius:50%;animation:pulseeff 2.5s linear infinite}
@keyframes pulseeff {
0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}
50%{transform:translate(-50%,-50%) scale(1.15);opacity:.3}
}
.icnwrap svg{width:100%;height:100%;display:block;position:relative;z-index:1}
.succontent h1{font-size:2.25rem;color:#150C19;margin:0 0 1rem;font-weight:700;line-height:1.2}
.succontent .subtxt{font-size:1.125rem;color:#5a4a64;line-height:1.6;margin:0 0 2rem}
.infoblk{background:linear-gradient(135deg,#F8F4FB 0%,#ede3f7 100%);border-left:4px solid #B780E9;padding:1.5rem 1.75rem;border-radius:4px;margin:2rem 0;text-align:left}
.infoblk p{margin:0 0 .875rem;color:#150C19;font-size:1rem;line-height:1.65}
.infoblk p:last-child{margin-bottom:0}
.infoblk strong{color:#B780E9;font-weight:600}
.btnwrap{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}
.btnprim{background:linear-gradient(135deg,#B780E9 0%,#9b62d4 100%);color:#fff;padding:.875rem 2.25rem;border-radius:4px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s linear;box-shadow:0 4px 12px #b780e940;display:inline-block;position:relative;z-index:10}
.btnprim:hover{background:linear-gradient(135deg,#9b62d4 0%,#8553b8 100%);box-shadow:0 6px 16px #b780e959;transform:translateY(-2px)}
.btnsec{background:transparent;color:#B780E9;padding:.875rem 2.25rem;border:2px solid #B780E9;border-radius:4px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s linear;display:inline-block;position:relative;z-index:10}
.btnsec:hover{background:#B780E9;color:#fff;border-color:#B780E9;transform:translateY(-2px)}
.nextinfo{margin-top:3rem;padding-top:2rem;border-top:1px solid #e8ddf5}
.nextinfo h2{font-size:1.375rem;color:#150C19;margin:0 0 1.25rem;font-weight:600}
.stepgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}
.stepcard{background:#fff;border:2px solid #F8F4FB;border-radius:4px;padding:1.5rem;text-align:left;transition:all .2s linear;position:relative}
.stepcard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#B780E9 0%,#9b62d4 100%);transition:height .2s linear}
.stepcard:hover{border-color:#B780E9;box-shadow:0 4px 12px #b780e926}
.stepcard:hover::before{height:100%}
.stepnum{display:inline-block;width:32px;height:32px;background:linear-gradient(135deg,#B780E9 0%,#9b62d4 100%);color:#fff;border-radius:50%;text-align:center;line-height:32px;font-weight:700;font-size:.875rem;margin-bottom:.875rem}
.stepcard h3{font-size:1.125rem;color:#150C19;margin:0 0 .625rem;font-weight:600}
.stepcard p{font-size:.9375rem;color:#5a4a64;line-height:1.6;margin:0}
@media (max-width: 768px) {
.sucpg{padding:1.5rem 1rem}
.succontent{padding:2.5rem 1.75rem}
.succontent h1{font-size:1.875rem}
.succontent .subtxt{font-size:1rem}
.icnwrap{width:80px;height:80px}
.btnwrap{flex-direction:column;gap:.875rem}
.btnprim,.btnsec{width:100%;text-align:center}
.stepgrid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.succontent h1{font-size:1.625rem}
.infoblk{padding:1.25rem}
.nextinfo h2{font-size:1.25rem}
}